Record and Form Events

Knack.ready().then(async () => {
  // Listen for record creation
  Knack.on('record:create', ({ record, viewKey }) => {
    console.log('Record created:', record);
    console.log('In view:', viewKey);

    if (record.field_priority === 'High') {
      console.log('High priority record created, sending notifications');
      sendNotificationToManagers(record);
    }
  });

  // Listen for record updates
  Knack.on('record:update', ({ record, viewKey }) => {
    console.log('Record updated:', record);
    processRecordUpdate(record, viewKey);
  });

  // Listen for record deletion
  Knack.on('record:delete', ({ record, viewKey }) => {
    console.log('Record deleted:', record);
  });
});

// Example: Customer onboarding workflow
Knack.on('record:create', ({ record, viewKey }) => {
  if (viewKey === 'view_customer_form' && record.field_customer_type === 'Enterprise') {
    console.log('New enterprise customer created:', record.field_company_name);
    triggerEnterpriseOnboarding(record);
    assignEnterpriseAccountManager(record);
    sendEnterpriseWelcomeEmail(record.field_email);
  }
});

Knack.ready().then(() => {
  const form = Knack.page.getForm('view_123');
  if (form) {
    console.log('Form instance retrieved:', form);
  }
});

// Get all form values
const allValues = form.getValues();
console.log('All form values:', allValues);

// Get the value of a specific field
const name = form.getValues('field_1');
console.log('Name:', name);

Knack.ready().then(async () => {
  Knack.on('form:submit', ({ record, viewKey, isEdit }) => {
    console.log('Form submitted:', record);
    console.log('Is edit form:', isEdit);

    if (record.field_email && !record.field_email.includes('@company.com')) {
      console.log('External email detected:', record.field_email);
      triggerExternalUserWorkflow(record);
    }
  });
});

// Contact form
Knack.on('form:submit:view_456', ({ record, isEdit }) => {
  if (!isEdit) {
    console.log('New contact created:', record.field_name);
    triggerNewContactWorkflow(record);
  } else {
    console.log('Contact updated:', record.field_name);
    triggerContactUpdateWorkflow(record);
  }
});

// Order form
Knack.on('form:submit:view_789', ({ record }) => {
  const orderTotal = Number(record.field_total) || 0;
  if (orderTotal > 1000) {
    triggerLargeOrderApproval(record);
  }
  checkInventoryLevels(record.field_items);
});

Knack.ready().then(async () => {
  Knack.on('form:field-change:view_123', async ({ viewKey, fieldKey, value, formData }) => {
    console.log('Field changed:', fieldKey);
    console.log('New value:', value);
    console.log('All form data:', formData);
  });
});

await Knack.view(viewKey).showFieldMessage('field_110', {
  type: 'warning',
  message: 'Product Already Added'
});

await Knack.view(viewKey).clearFieldMessage('field_110');

await Knack.view(viewKey).setSubmitEnabled(false);
await Knack.view(viewKey).setSubmitEnabled(true);

const tableData = await Knack.view('view_216').getData();

Knack.ready().then(async () => {
  Knack.on('form:field-change:view_215', async ({ viewKey, fieldKey, value, formData }) => {

    if (fieldKey === 'field_110') { // Product dropdown

      // Retrieve current records from the table view on the same page
      const tableData = await Knack.view('view_216').getData();

      // Check if the selected product already exists
      const productExists = tableData.records.some(record =>
        record.field_110 === value
      );

      if (productExists) {
        // Show a warning near the field
        await Knack.view(viewKey).showFieldMessage('field_110', {
          type: 'warning',
          message: 'Product Already Added'
        });
        // Prevent form submission
        await Knack.view(viewKey).setSubmitEnabled(false);

      } else {
        // Clear the warning and allow submission
        await Knack.view(viewKey).clearFieldMessage('field_110');
        await Knack.view(viewKey).setSubmitEnabled(true);
      }
    }
  });
});

Knack.ready().then(() => {
  const VIEW_KEY = 'view_123';

  // Save filters when they change
  Knack.on('filters:change', ({ viewKey, filters }) => {
    Knack.getUser().then(user => {
      const userId = user?.id ?? 'guest';
      const storageKey = `knack_filter_$USERID_${viewKey}`;

      if (filters?.rules?.length) {
        localStorage.setItem(storageKey, JSON.stringify(filters));
      } else {
        localStorage.removeItem(storageKey);
      }
    });
  });

  // Restore filters when the view renders
  Knack.on(`view:render:${VIEW_KEY}`, ({ viewKey }) => {
    Knack.getUser().then(user => {
      const userId = user?.id ?? 'guest';
      const storageKey = `knack_filter_$USERID_${viewKey}`;
      const savedFilters = localStorage.getItem(storageKey);

      if (savedFilters) {
        try {
          Knack.view(viewKey).applyFilters(JSON.parse(savedFilters));
        } catch {
          localStorage.removeItem(storageKey);
        }
      }
    });
  });
});

// ✅ Good — business logic only
Knack.on('form:submit', ({ record, viewKey }) => {
  if (record.field_priority === 'High') {
    sendUrgentNotification(record);
  }
});

// ⚠️ Caution — direct DOM manipulation can conflict with Next-Gen rendering
Knack.on('form:submit', ({ data }) => {
  document.querySelector('.status').innerHTML = 'Processing...';
  document.querySelector('.button').style.backgroundColor = 'green';
});