Modal

import Client, { shared, Modal, ModalAction } from '@shoplineos/app-bridge';
// 1. Initialize App Bridge.
const app = Client.createApp({
  appKey: 'your-app-key',
  host: shared.getHost(),
});
// 2. Create a Modal instance.
const modal = Modal.create(app);
// 3. Open a confirmation modal.
modal.open({
  type: 'confirm',
  title: 'Confirm Deletion',
  content: 'Are you sure you want to delete the product? This operation cannot be undone.',
  onOk: () => {
    Message.create(app).success('Done');
  },
  onCancel: () => {
    Message.create(app).info('Canceled');
  },
});

(config: ModalProps): void

// Confirmation modal
modal.open({
  type: 'confirm',
  title: 'Confirm Action',
  content: 'Are you sure you want to proceed?',
});
// Risk modal
modal.open({
  type: 'danger',
  title: 'Risky Operation',
  content: 'This operation will permanently delete the data and cannot be undone.',
});
// Error prompt modal
modal.open({
  type: 'error',
  title: 'Operation Failed',
  content: 'Save failed. Try again later.',
});
// Success prompt modal
modal.open({
  type: 'success',
  title: 'Operation Successful',
  content: 'Product saved successfully.',
});
// Warning modal
modal.open({
  type: 'warn',
  title: 'Warning',
  content: 'You have unsaved changes. Are you sure you want to leave?',
});
// Information prompt modal
modal.open({
  type: 'info',
  title: 'Tip',
  content: 'This feature is coming soon. Stay tuned.',
});

(action: ModalAction, callback: () => void, once?: boolean): () => void

// Subscribe to the confirmation event.
const unsubscribe = modal.subscribe(ModalAction.MODAL_SAVE, () => {
  console.log('Operation is confirmed.');
  // Execute corresponding business logic
});
// Unsubscribe.
unsubscribe();
// Subscribe to a one-time event (automatically unsubscribed from after a trigger).
modal.subscribe(
  ModalAction.MODAL_SAVE,
  () => {
    console.log('This callback will only execute once.');
  },
  true,
);

(action: ModalAction): void

// Unsubscribe from all listeners for the MODAL_SAVE action.
modal.unsubscribe(ModalAction.MODAL_SAVE);