Bootstrapping the embed view
The SDK attempts to validate the configuration options passed. It then SDK fetches the DOM element with the ID specified in the init configuration and sets up an internal datastore. Depending on the
renderMode specified, the SDK sets up the target container to render flow setup forms.
Loading a deployment
Based upon the
deploymentId specified, the SDK fetches that particular deployment along with the list of associated guided flows and integrations that are available for that user.
Setting up an integration
Opening a flow setup form
renderModeis set to
MODAL, the form opens up in a modal container that the SDK dynamically appends to the
bodyelement in the DOM.
renderModeis set to
INLINE, the form is opened by switching out the flow and integrations listing view with the setup form.
Adding an authorization
Authorization connection in flow setup is done inside a popup browser window where the appropriate auth setup flow for that authorization type is loaded. Please make sure your browser settings allow for this window to appear.
Saving an integration
Once a user goes through the form and creates the integration, the SDK automatically changes back to the listing view and an event is emitted.
Managing saved integrations
Viewing a list of configured integrations
You can view a list of configured integrations by navigating to the 'My Flows' tab.
Editing an integration
Editing an existing integration can be performed by opening the 'My FLows' tab in listing view, hovering over a row, and selecting the 'Edit' option from the 'three-dot-menu' on the far right. Editing is performed using the same mechanism as creating an integration using the same
Enabling/disabling an integration
The toggle shown on the far right of an integration can be used to toggle it on/off.
Deleting an integration
You can delete integrations by hovering over a row, and selecting the 'Delete' option from the 'three-dot-menu' on the far right.
IntegryJS.destroy() method will unsubscribe from all currently subcribed events.