@sparrowengg/integrations-templates-frontend 2.1.0-notion-release.33 → 2.1.0-notion-release.35

package/dist/cjs/integration-template/index.js

@@ -1,16 +1,18 @@
 'use strict';
 
 var React = require('react');
-var cursor = require('../commons/icons/cursor.js');
-var mapping = require('../commons/icons/mapping.js');
-var dashboard = require('./components/dashboard.js');
 var draftModal = require('../commons/components/draftModal.js');
+var dashboard = require('./components/dashboard.js');
+var ConfigureTemplate = require('./components/ConfigureTemplate.js');
+var index = require('./constants/index.js');
+var url_utils = require('./utils/url.utils.js');
+var component_utils = require('./utils/component.utils.js');
 var themeProvider = require('../node_modules/@sparrowengg/twigs-react/dist/es/theme-provider/theme-provider.js');
-var tooltip = require('../node_modules/@sparrowengg/twigs-react/dist/es/tooltip/tooltip.js');
 var flex = require('../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js');
 var text = require('../node_modules/@sparrowengg/twigs-react/dist/es/text/text.js');
+var tooltip = require('../node_modules/@sparrowengg/twigs-react/dist/es/tooltip/tooltip.js');
 var box = require('../node_modules/@sparrowengg/twigs-react/dist/es/box/box.js');
-var heading = require('../node_modules/@sparrowengg/twigs-react/dist/es/heading/heading.js');
+var uiStrings = require('./constants/ui-strings.js');
 
 const IntegrationTemplate = ({
   singleMapping,
@@ -37,22 +39,30 @@ const IntegrationTemplate = ({
   dynamicMapping,
   dynamicMappingComponent
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
   const [isDraftModalOpen, setIsDraftModalOpen] = React.useState(false);
+  const [editField, setEditField] = React.useState({});
+  const [isMappingPage, setIsMappingPage] = React.useState(false);
   const hasMultiAccounts = (_b = (_a = mappingComponent == null ? void 0 : mappingComponent.props) == null ? void 0 : _a.accounts) == null ? void 0 : _b.hasAccounts;
   const isMappingFieldCompleted = !!((_d = (_c = mapping == null ? void 0 : mapping.mappedFields) == null ? void 0 : _c.fields) == null ? void 0 : _d.length);
   const isTriggerFieldCompleted = !!((_e = trigger == null ? void 0 : trigger.mappedFields) == null ? void 0 : _e.length);
+  const hasMappingComp = component_utils.hasMappingComponent(
+    mappingComponent,
+    singleMappingComponent,
+    dynamicMappingComponent
+  );
+  const hasTriggerComp = !!triggerComponent;
+  const needsConfigSelection = component_utils.needsConfigurationTypeSelection(
+    hasMappingComp,
+    hasTriggerComp
+  );
   const [hasDashboardPage, setHasDashboardPage] = React.useState(
     !!((_g = (_f = singleMapping == null ? void 0 : singleMapping.mappedFields) == null ? void 0 : _f.fields) == null ? void 0 : _g.length) || !!((_i = (_h = mapping == null ? void 0 : mapping.mappedFields) == null ? void 0 : _h.fields) == null ? void 0 : _i.length) || !!((_j = trigger == null ? void 0 : trigger.mappedFields) == null ? void 0 : _j.length) || !!((_l = (_k = dynamicMapping == null ? void 0 : dynamicMapping.mappedFields) == null ? void 0 : _k.fields) == null ? void 0 : _l.length)
   );
-  const [hasConfigurationType, setHasConfigurationType] = React.useState(
-    (!!mappingComponent || !!singleMappingComponent || !!dynamicMappingComponent) && !!triggerComponent
-  );
+  const [hasConfigurationType, setHasConfigurationType] = React.useState(needsConfigSelection);
   const [currentConfigurationType, setCurrentConfigurationType] = React.useState(
-    !hasConfigurationType ? !!mappingComponent || !!singleMappingComponent || !!dynamicMappingComponent ? "MAPPING" : "TRIGGER" : null
+    component_utils.getInitialConfigurationType(hasMappingComp, hasTriggerComp, needsConfigSelection)
   );
-  const [editField, setEditField] = React.useState({});
-  const [isMappingPage, setIsMappingPage] = React.useState(false);
   const [tempPreviousMapping, setTempPreviousMapping] = React.useState(
     !(isMappingFieldCompleted && isTriggerFieldCompleted)
   );
@@ -73,98 +83,141 @@ const IntegrationTemplate = ({
     } else {
       setHasDashboardPage(true);
     }
-    return;
   };
-  const mappingClonedElementProps = {
-    previousMappingHandler,
-    draftHandler,
-    editField,
-    integrationName,
-    isMappingPage,
-    surveyType,
-    navigateMappingPage,
-    onSaveHandler: (editId) => {
-      var _a2;
-      const navigate = (_a2 = mappingComponent == null ? void 0 : mappingComponent.props) == null ? void 0 : _a2.onSaveHandler(editId);
-      if (navigate)
-        setHasDashboardPage(true);
-    },
-    hasPreviousMapping: tempPreviousMapping != null ? tempPreviousMapping : (_m = mappingComponent == null ? void 0 : mappingComponent.props) == null ? void 0 : _m.hasPreviousMapping
+  const buildMappingProps = () => {
+    var _a2;
+    return {
+      previousMappingHandler,
+      draftHandler,
+      editField,
+      integrationName,
+      isMappingPage,
+      surveyType,
+      navigateMappingPage,
+      onSaveHandler: (editId) => {
+        var _a3;
+        const navigate = (_a3 = mappingComponent == null ? void 0 : mappingComponent.props) == null ? void 0 : _a3.onSaveHandler(editId);
+        if (navigate)
+          setHasDashboardPage(true);
+      },
+      hasPreviousMapping: tempPreviousMapping != null ? tempPreviousMapping : (_a2 = mappingComponent == null ? void 0 : mappingComponent.props) == null ? void 0 : _a2.hasPreviousMapping
+    };
   };
-  const clonedSingleMappingProps = {
-    editField,
-    previousMappingHandler,
-    draftHandler,
-    integrationName,
-    onSaveHandler: async (editId) => {
-      var _a2;
-      const navigate = await ((_a2 = singleMappingComponent == null ? void 0 : singleMappingComponent.props) == null ? void 0 : _a2.onSaveHandler(editId));
-      if (navigate)
-        setHasDashboardPage(true);
-    },
-    hasPreviousMapping: tempPreviousMapping != null ? tempPreviousMapping : (_n = singleMappingComponent == null ? void 0 : singleMappingComponent.props) == null ? void 0 : _n.hasPreviousMapping
+  const buildSingleMappingProps = () => {
+    var _a2;
+    return {
+      editField,
+      previousMappingHandler,
+      draftHandler,
+      integrationName,
+      onSaveHandler: async (editId) => {
+        var _a3;
+        const navigate = await ((_a3 = singleMappingComponent == null ? void 0 : singleMappingComponent.props) == null ? void 0 : _a3.onSaveHandler(editId));
+        if (navigate)
+          setHasDashboardPage(true);
+      },
+      hasPreviousMapping: tempPreviousMapping != null ? tempPreviousMapping : (_a2 = singleMappingComponent == null ? void 0 : singleMappingComponent.props) == null ? void 0 : _a2.hasPreviousMapping
+    };
   };
-  const clonedDynamicMappingProps = {
-    editField,
-    previousMappingHandler,
-    draftHandler,
-    integrationName,
-    onSaveHandler: async (editId) => {
-      var _a2;
-      const navigate = await ((_a2 = dynamicMappingComponent == null ? void 0 : dynamicMappingComponent.props) == null ? void 0 : _a2.onSaveHandler(editId));
-      if (navigate)
-        setHasDashboardPage(true);
-    },
-    hasPreviousMapping: tempPreviousMapping != null ? tempPreviousMapping : (_o = dynamicMappingComponent == null ? void 0 : dynamicMappingComponent.props) == null ? void 0 : _o.hasPreviousMapping
+  const buildDynamicMappingProps = () => {
+    var _a2;
+    return {
+      editField,
+      previousMappingHandler,
+      draftHandler,
+      integrationName,
+      onSaveHandler: async (editId) => {
+        var _a3;
+        const navigate = await ((_a3 = dynamicMappingComponent == null ? void 0 : dynamicMappingComponent.props) == null ? void 0 : _a3.onSaveHandler(editId));
+        if (navigate)
+          setHasDashboardPage(true);
+      },
+      hasPreviousMapping: tempPreviousMapping != null ? tempPreviousMapping : (_a2 = dynamicMappingComponent == null ? void 0 : dynamicMappingComponent.props) == null ? void 0 : _a2.hasPreviousMapping
+    };
   };
-  const triggerClonedProps = {
-    draftHandler,
-    editField,
-    previousMappingHandler,
-    integrationName,
-    onSaveHandler: async (editId) => {
-      var _a2;
-      const navigate = await ((_a2 = triggerComponent == null ? void 0 : triggerComponent.props) == null ? void 0 : _a2.onSaveHandler(editId));
-      if (navigate)
-        setHasDashboardPage(true);
-    },
-    previousMapping: tempPreviousMapping != null ? tempPreviousMapping : (_p = triggerComponent == null ? void 0 : triggerComponent.props) == null ? void 0 : _p.hasPreviousMapping
+  const buildTriggerProps = () => {
+    var _a2;
+    return {
+      draftHandler,
+      editField,
+      previousMappingHandler,
+      integrationName,
+      onSaveHandler: async (editId) => {
+        var _a3;
+        const navigate = await ((_a3 = triggerComponent == null ? void 0 : triggerComponent.props) == null ? void 0 : _a3.onSaveHandler(editId));
+        if (navigate)
+          setHasDashboardPage(true);
+      },
+      previousMapping: tempPreviousMapping != null ? tempPreviousMapping : (_a2 = triggerComponent == null ? void 0 : triggerComponent.props) == null ? void 0 : _a2.hasPreviousMapping
+    };
+  };
+  const ClonedMappingComponent = mappingComponent ? React.cloneElement(mappingComponent, buildMappingProps()) : null;
+  const ClonedSingleMappingComponent = singleMappingComponent ? React.cloneElement(singleMappingComponent, buildSingleMappingProps()) : null;
+  const ClonedDynamicMappingComponent = dynamicMappingComponent ? React.cloneElement(dynamicMappingComponent, buildDynamicMappingProps()) : null;
+  const ClonedTriggerComponent = triggerComponent ? React.cloneElement(triggerComponent, buildTriggerProps()) : null;
+  const handleSaveDraft = async () => {
+    await draftHandler(currentConfigurationType);
+    await previousMappingHandler();
+    url_utils.removeQueryParam(index.QUERY_PARAMS.IS_DRAFT);
+    setIsDraftModalOpen(false);
   };
-  const ClonedMappingComponent = !!mappingComponent ? React.cloneElement(mappingComponent, mappingClonedElementProps) : mappingComponent;
-  const ClonedSingleMappingComponent = !!singleMappingComponent ? React.cloneElement(singleMappingComponent, clonedSingleMappingProps) : singleMappingComponent;
-  const ClonedDynamicMappingComponent = !!dynamicMappingComponent ? React.cloneElement(dynamicMappingComponent, clonedDynamicMappingProps) : dynamicMappingComponent;
-  const ClonedTriggerComponent = !!triggerComponent ? React.cloneElement(triggerComponent, triggerClonedProps) : triggerComponent;
-  const removeQueryParam = (param) => {
-    const url = new URL(window.location.href);
-    url.searchParams.delete(param);
-    window.history.replaceState({}, document.title, url);
+  const handleCloseDraft = () => {
+    url_utils.removeQueryParam(index.QUERY_PARAMS.IS_DRAFT);
+    setIsDraftModalOpen(false);
+  };
+  const handleCancelDraft = async () => {
+    await previousMappingHandler();
+    setIsDraftModalOpen(false);
+  };
+  const handleConfigurationType = (value) => {
+    setCurrentConfigurationType(value);
+    setHasDashboardPage(false);
+    setTempPreviousMapping(true);
+    setEditField({});
+  };
+  const handleDashboardPage = (value, type) => {
+    setHasDashboardPage(value);
+    setCurrentConfigurationType(type);
+    setHasConfigurationType(false);
   };
   React.useEffect(() => {
     if (!isMappingFieldCompleted && !isTriggerFieldCompleted && hasDashboardPage) {
       setHasConfigurationType(true);
       setCurrentConfigurationType(null);
     }
-  }, [(_q = mapping == null ? void 0 : mapping.mappedFields) == null ? void 0 : _q.fields, trigger == null ? void 0 : trigger.mappedFields]);
+  }, [(_m = mapping == null ? void 0 : mapping.mappedFields) == null ? void 0 : _m.fields, trigger == null ? void 0 : trigger.mappedFields]);
   React.useEffect(() => {
-    var _a2;
-    if (Object.fromEntries((_a2 = new URLSearchParams(window.location.search)) != null ? _a2 : {}).isDraft) {
+    if (url_utils.hasQueryParam(index.QUERY_PARAMS.IS_DRAFT)) {
       setIsDraftModalOpen(true);
     }
   }, [isDraftModalOpen]);
-  const onSaveHandler = async () => {
-    await draftHandler(currentConfigurationType);
-    await previousMappingHandler();
-    removeQueryParam("isDraft");
-    setIsDraftModalOpen(false);
-  };
-  const onCloseHandler = () => {
-    removeQueryParam("isDraft");
-    setIsDraftModalOpen(false);
-  };
-  const onCancelHandler = async () => {
-    await previousMappingHandler();
-    setIsDraftModalOpen(false);
-  };
+  if (surveyType === "OfflineApp") {
+    return /* @__PURE__ */ React.createElement(
+      themeProvider.ThemeProvider,
+      {
+        theme: {
+          fonts: {
+            body: "DM Sans, Roboto Mono, sans-serif",
+            heading: "DM Sans, Roboto Mono, sans-serif",
+            label: "DM Sans, Roboto Mono, sans-serif",
+            p: {
+              margin: "0 !important",
+              padding: "0 !important"
+            }
+          }
+        }
+      },
+      /* @__PURE__ */ React.createElement(
+        flex.Flex,
+        {
+          alignItems: "center",
+          justifyContent: "center",
+          css: { width: "100%", height: "100vh" }
+        },
+        /* @__PURE__ */ React.createElement(text.Text, { size: "lg", css: { color: "$neutral900" }, weight: "medium" }, uiStrings.INTEGRATION_TEMPLATE_UI_STRINGS.OFFLINE_APP_NOT_SUPPORTED)
+      )
+    );
+  }
   return /* @__PURE__ */ React.createElement(
     themeProvider.ThemeProvider,
     {
@@ -180,7 +233,7 @@ const IntegrationTemplate = ({
         }
       }
     },
-    /* @__PURE__ */ React.createElement(tooltip.TooltipProvider, { delayDuration: 300 }, surveyType === "OfflineApp" ? /* @__PURE__ */ React.createElement(flex.Flex, { alignItems: "center", justifyContent: "center", css: { width: "100%", height: "100vh" } }, /* @__PURE__ */ React.createElement(text.Text, { size: "lg", css: { color: "$neutral900" }, weight: "medium" }, "This app is not supported for offline surveys")) : /* @__PURE__ */ React.createElement(box.Box, { css: { width: "100%" } }, hasDashboardPage ? /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React.createElement(tooltip.TooltipProvider, { delayDuration: 300 }, /* @__PURE__ */ React.createElement(box.Box, { css: { width: "100%" } }, hasDashboardPage ? /* @__PURE__ */ React.createElement(
       dashboard.default,
       {
         onMappingEditHandler,
@@ -189,157 +242,42 @@ const IntegrationTemplate = ({
         mappingEnabled,
         hasEditMapping,
         hasDropdownComponents: {
-          mapping: !!ClonedMappingComponent || !!clonedSingleMappingProps || !!ClonedDynamicMappingComponent,
-          trigger: !!ClonedTriggerComponent
+          mapping: hasMappingComp,
+          trigger: hasTriggerComp
         },
         hasMultiAccounts,
         dashboardDescription,
         integrationName,
         mappingFields: (mapping == null ? void 0 : mapping.mappedFields) || singleMapping || (dynamicMapping == null ? void 0 : dynamicMapping.mappedFields),
         triggerFields: trigger == null ? void 0 : trigger.mappedFields,
-        handleConfigurationType: (value) => {
-          setCurrentConfigurationType(value);
-          setHasDashboardPage(false);
-          setTempPreviousMapping(true);
-          setEditField({});
-        },
+        handleConfigurationType,
         handleEditField,
         deleteFieldHandler: onDeleteHandler || (() => {
         }),
         syncMapping,
         toggleDashboardField: toggleDashboardField || (() => {
         }),
-        handleDashboardPage: (value, type) => {
-          setHasDashboardPage(value);
-          setCurrentConfigurationType(type);
-          setHasConfigurationType(false);
-        }
+        handleDashboardPage
       }
-    ) : /* @__PURE__ */ React.createElement(React.Fragment, null, hasConfigurationType && !["MAPPING", "TRIGGER"].includes(
-      `${currentConfigurationType}`
+    ) : /* @__PURE__ */ React.createElement(React.Fragment, null, hasConfigurationType && ![index.CONFIGURATION_TYPES.MAPPING, index.CONFIGURATION_TYPES.TRIGGER].includes(
+      currentConfigurationType
     ) ? /* @__PURE__ */ React.createElement(
-      ConfigureTemplate,
+      ConfigureTemplate.ConfigureTemplate,
       {
         mappingDescription,
         triggerDescription,
-        handleConfigurationType: (value) => setCurrentConfigurationType(value)
+        handleConfigurationType: setCurrentConfigurationType
       }
-    ) : /* @__PURE__ */ React.createElement(React.Fragment, null, currentConfigurationType === "MAPPING" && !!singleMappingComponent ? ClonedSingleMappingComponent : null, currentConfigurationType === "MAPPING" && !!dynamicMappingComponent ? ClonedDynamicMappingComponent : null, currentConfigurationType === "MAPPING" && !!mappingComponent ? ClonedMappingComponent : null, currentConfigurationType !== "MAPPING" && !!triggerComponent ? ClonedTriggerComponent : null), isDraftModalOpen && /* @__PURE__ */ React.createElement(
+    ) : /* @__PURE__ */ React.createElement(React.Fragment, null, currentConfigurationType === index.CONFIGURATION_TYPES.MAPPING && singleMappingComponent && ClonedSingleMappingComponent, currentConfigurationType === index.CONFIGURATION_TYPES.MAPPING && dynamicMappingComponent && ClonedDynamicMappingComponent, currentConfigurationType === index.CONFIGURATION_TYPES.MAPPING && mappingComponent && ClonedMappingComponent, currentConfigurationType !== index.CONFIGURATION_TYPES.MAPPING && triggerComponent && ClonedTriggerComponent), isDraftModalOpen && /* @__PURE__ */ React.createElement(
       draftModal.default,
       {
-        onSaveHandler,
-        onCloseHandler,
-        onCancel: onCancelHandler
+        onSaveHandler: handleSaveDraft,
+        onCloseHandler: handleCloseDraft,
+        onCancel: handleCancelDraft
       }
     ))))
   );
 };
-const ConfigureTemplate = ({
-  handleConfigurationType,
-  mappingDescription,
-  triggerDescription
-}) => {
-  return /* @__PURE__ */ React.createElement(flex.Flex, { css: { width: "100%", height: "95vh", flexDirection: "column", alignItems: "center", justifyContent: "center" } }, /* @__PURE__ */ React.createElement(flex.Flex, { flexDirection: "column", alignItems: "center" }, /* @__PURE__ */ React.createElement(heading.Heading, { size: "h5", css: { color: "$neutral900" } }, "Select Configuration Type"), /* @__PURE__ */ React.createElement(
-    text.Text,
-    {
-      size: "sm",
-      css: { color: "$neutral600", lineHeight: "$sm", marginTop: "$2" }
-    },
-    "Choose either Mapping or Triggering to configure their respective actions."
-  )), /* @__PURE__ */ React.createElement(flex.Flex, { alignItems: "center", justifyContent: "center" }, /* @__PURE__ */ React.createElement(
-    flex.Flex,
-    {
-      css: { maxWidth: 960, width: "100%", marginTop: "$36" },
-      alignItems: "center",
-      justifyContent: "center",
-      gap: "$20"
-    },
-    /* @__PURE__ */ React.createElement(
-      TemplateCard,
-      {
-        icon: /* @__PURE__ */ React.createElement(cursor.default, null),
-        heading: "Trigger",
-        description: triggerDescription,
-        onClickHandler: () => handleConfigurationType("TRIGGER")
-      }
-    ),
-    /* @__PURE__ */ React.createElement(
-      TemplateCard,
-      {
-        icon: /* @__PURE__ */ React.createElement(mapping.default, null),
-        heading: "Mapping",
-        description: mappingDescription,
-        onClickHandler: () => handleConfigurationType("MAPPING")
-      }
-    )
-  )));
-};
-const TemplateCard = ({
-  icon,
-  heading: heading$1,
-  description,
-  onClickHandler
-}) => {
-  return /* @__PURE__ */ React.createElement(
-    flex.Flex,
-    {
-      flexDirection: "column",
-      alignItems: "center",
-      onClick: onClickHandler,
-      css: {
-        width: 350,
-        height: 300,
-        outline: "$borderWidths$xs solid $neutral200",
-        borderRadius: "$4xl",
-        position: "relative",
-        cursor: "pointer",
-        filter: "drop-shadow(0 4px 8px rgba(0, 0, 0, 0.06))",
-        overflow: "auto",
-        "&:hover": {
-          outline: "$borderWidths$md solid $primary400",
-          "& svg circle, rect, path": {
-            stroke: "$primary500"
-          },
-          "& #ellipse": {
-            opacity: "10%"
-          }
-        }
-      }
-    },
-    /* @__PURE__ */ React.createElement(
-      box.Box,
-      {
-        id: "ellipse",
-        css: {
-          position: "absolute",
-          top: "-23%",
-          filter: "blur(25px)",
-          transition: "all .4s ease",
-          width: 334,
-          height: "$25",
-          opacity: "0%",
-          background: "$primary400",
-          borderRadius: "50%"
-        }
-      }
-    ),
-    /* @__PURE__ */ React.createElement(box.Box, { css: { marginBlock: "$32 $16" } }, icon),
-    /* @__PURE__ */ React.createElement(heading.Heading, { size: "h6", css: { color: "$neutral900" } }, heading$1),
-    /* @__PURE__ */ React.createElement(
-      text.Text,
-      {
-        size: "md",
-        css: {
-          marginTop: "$8",
-          color: "$neutral800",
-          width: 222,
-          textAlign: "center"
-        }
-      },
-      description
-    )
-  );
-};
 
 exports.IntegrationTemplate = IntegrationTemplate;
 //# sourceMappingURL=index.js.map

package/dist/cjs/integration-template/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/integration-template/index.tsx"],"sourcesContent":["import {\n  Box,\n  Flex,\n  Heading,\n  Text,\n  ThemeProvider,\n  TooltipProvider,\n} from \"@sparrowengg/twigs-react\";\nimport React, { ReactNode, useEffect, useState } from \"react\";\nimport CursorIcon from \"../commons/icons/cursor\";\nimport MappingIcon from \"../commons/icons/mapping\";\nimport Dashboard from \"./components/dashboard\";\nimport DraftModal from \"../commons/components/draftModal\";\nimport { \n  FieldOptionsType, \n  MappingFieldCollection, \n  TriggerFieldCollection, \n} from \"../commons/types/enhanced\";\n\ntype SingleMappingType = {\n  mappedFields: {\n    type: string;\n    fields: unknown[];\n  };\n};\ntype DynamicMappingType = {\n  mappedFields: {\n    type: string;\n    fields: unknown[];\n  };\n};\n\ntype  IntegrationTemplateProps = {\n  singleMapping?: SingleMappingType,\n  hasEditMapping?: boolean,\n  draftHandler: (type: string | null) => void;\n  onMappingEditHandler: (field: unknown) => void;\n  fieldOptions: FieldOptionsType;\n  triggerEnabled: boolean;\n  mappingEnabled: boolean;\n  mappingComponent?: React.ReactElement;\n  singleMappingComponent?: React.ReactElement;\n  dynamicMapping?: DynamicMappingType,\n  dynamicMappingComponent?: React.ReactElement;\n  mapping?: {\n    mappedFields: MappingFieldCollection;\n    setMappedFields: React.Dispatch<React.SetStateAction<MappingFieldCollection>>;\n  };\n  triggerComponent?: React.ReactElement;\n  trigger?: {\n    mappedFields: TriggerFieldCollection;\n    setMappedFields: React.Dispatch<React.SetStateAction<TriggerFieldCollection>>;\n  };\n  integrationName: string;\n  onDeleteHandler?: (id: string | number) => void\n  toggleDashboardField?: (id: string | number, status: boolean) => void;\n  dashboardDescription: string;\n  mappingDescription: string;\n  triggerDescription: string;\n  handlePreviousNavigation: () => void;\n  surveyType?: string;\n  syncMapping?: (id: string | number) => void;\n};\nexport const IntegrationTemplate: React.FC<IntegrationTemplateProps> = ({\n  singleMapping,\n  hasEditMapping,\n  surveyType,\n  draftHandler,\n  onMappingEditHandler,\n  fieldOptions,\n  triggerEnabled,\n  mappingEnabled,\n  mappingComponent,\n  singleMappingComponent,\n  mapping,\n  triggerComponent,\n  trigger,\n  integrationName,\n  onDeleteHandler,\n  syncMapping,\n  toggleDashboardField,\n  dashboardDescription,\n  mappingDescription,\n  triggerDescription,\n  handlePreviousNavigation,\n  dynamicMapping,\n  dynamicMappingComponent,\n}) => {\n  const [isDraftModalOpen, setIsDraftModalOpen] = useState(false);\n  const hasMultiAccounts = mappingComponent?.props?.accounts?.hasAccounts;\n  const isMappingFieldCompleted = !!mapping?.mappedFields?.fields?.length;\n  const isTriggerFieldCompleted = !!trigger?.mappedFields?.length;\n  const [hasDashboardPage, setHasDashboardPage] = useState(\n    !!singleMapping?.mappedFields?.fields?.length || !!mapping?.mappedFields?.fields?.length || !!trigger?.mappedFields?.length || !!dynamicMapping?.mappedFields?.fields?.length\n  );\n  const [hasConfigurationType, setHasConfigurationType] = useState(\n    (!!mappingComponent || !!singleMappingComponent || !!dynamicMappingComponent) && !!triggerComponent\n  );\n  const [currentConfigurationType, setCurrentConfigurationType] = useState<\n    string | null\n  >(\n    !hasConfigurationType\n      ? !!mappingComponent || !!singleMappingComponent || !!dynamicMappingComponent\n        ? \"MAPPING\"\n        : \"TRIGGER\"\n      : null\n  ); // automatically switch to mapping or trigger screen if any one type is present\n  const [editField, setEditField] = useState<any>({});\n  const [isMappingPage, setIsMappingPage] = useState(false);\n  // temporary previous mapping state to handle within integration template wrapper\n  const [tempPreviousMapping, setTempPreviousMapping] = useState(\n    !(isMappingFieldCompleted && isTriggerFieldCompleted)\n  );\n  const navigateMappingPage = (value: boolean) =>\n    setIsMappingPage(value ?? !isMappingPage);\n  const handleEditField = (field: any) => {\n    setEditField({\n      type: field.type,\n      fieldValues: field.values,\n      id: field.id,\n    });\n  };\n  const previousMappingHandler = () => {\n    setHasConfigurationType(true);\n    setCurrentConfigurationType(null);\n    handlePreviousNavigation();\n    if (!(isMappingFieldCompleted || isTriggerFieldCompleted)) {\n      setHasDashboardPage(false);\n    } else {\n      setHasDashboardPage(true);\n    }\n    return;\n  };\n  const mappingClonedElementProps = {\n    previousMappingHandler,\n    draftHandler,\n    editField: editField,\n    integrationName,\n    isMappingPage,\n    surveyType: surveyType,\n    navigateMappingPage,\n    onSaveHandler: (editId?: string | number) => {\n      const navigate = mappingComponent?.props?.onSaveHandler(editId);\n      if (navigate) setHasDashboardPage(true);\n    },\n    hasPreviousMapping:\n      tempPreviousMapping ?? mappingComponent?.props?.hasPreviousMapping,\n  };\n  const clonedSingleMappingProps = {\n    editField: editField,\n    previousMappingHandler,\n    draftHandler,\n    integrationName,\n    onSaveHandler: async (editId?: string | number) => {\n      const navigate =\n        await singleMappingComponent?.props?.onSaveHandler(editId);\n      if (navigate) setHasDashboardPage(true);\n    },\n    hasPreviousMapping:\n      tempPreviousMapping ?? singleMappingComponent?.props?.hasPreviousMapping,\n  };\n  const clonedDynamicMappingProps = {\n    editField: editField,\n    previousMappingHandler,\n    draftHandler,\n    integrationName,\n    onSaveHandler: async (editId?: string | number) => {\n      const navigate =\n        await dynamicMappingComponent?.props?.onSaveHandler(editId);\n      if (navigate) setHasDashboardPage(true);\n    },\n    hasPreviousMapping:\n      tempPreviousMapping ?? dynamicMappingComponent?.props?.hasPreviousMapping,\n  };\n  const triggerClonedProps = {\n    draftHandler,\n    editField,\n    previousMappingHandler,\n    integrationName,\n    onSaveHandler: async (editId?: string | number) => {\n      const navigate = await triggerComponent?.props?.onSaveHandler(editId);\n      if (navigate) setHasDashboardPage(true);\n    },\n    previousMapping:\n      tempPreviousMapping ?? triggerComponent?.props?.hasPreviousMapping,\n  };\n  const ClonedMappingComponent = !!mappingComponent\n    ? React.cloneElement(mappingComponent, mappingClonedElementProps)\n    : mappingComponent;\n  const ClonedSingleMappingComponent = !!singleMappingComponent\n    ? React.cloneElement(singleMappingComponent, clonedSingleMappingProps)\n    : singleMappingComponent;\n  const ClonedDynamicMappingComponent = !!dynamicMappingComponent\n    ? React.cloneElement(dynamicMappingComponent, clonedDynamicMappingProps)\n    : dynamicMappingComponent;\n  const ClonedTriggerComponent = !!triggerComponent\n    ? React.cloneElement(triggerComponent, triggerClonedProps)\n    : triggerComponent;\n  const removeQueryParam = (param: string) => {\n    const url = new URL(window.location.href);\n    url.searchParams.delete(param);\n    window.history.replaceState({}, document.title, url);\n  };\n  useEffect(() => {\n    if (\n      !isMappingFieldCompleted &&\n      !isTriggerFieldCompleted &&\n      hasDashboardPage\n    ) {\n      // setHasDashboardPage(false);\n      setHasConfigurationType(true);\n      setCurrentConfigurationType(null);\n    }\n  }, [mapping?.mappedFields?.fields, trigger?.mappedFields]);\n  useEffect(() => {\n    if (\n      Object.fromEntries(new URLSearchParams(window.location.search) ?? {})\n        .isDraft\n    ) {\n      setIsDraftModalOpen(true);\n    }\n  }, [isDraftModalOpen]);\n  const onSaveHandler = async () => {\n    await draftHandler(currentConfigurationType);\n    await previousMappingHandler();\n    removeQueryParam(\"isDraft\");\n    setIsDraftModalOpen(false);\n    \n  }\n  const onCloseHandler = () => {\n    removeQueryParam(\"isDraft\");\n    setIsDraftModalOpen(false);\n  }\n  const onCancelHandler = async () => {\n    await previousMappingHandler();\n    setIsDraftModalOpen(false);\n  }\n  return (\n    <ThemeProvider\n      theme={{\n        fonts: {\n          body: \"DM Sans, Roboto Mono, sans-serif\",\n          heading: \"DM Sans, Roboto Mono, sans-serif\",\n          label: \"DM Sans, Roboto Mono, sans-serif\",\n          p: {\n            margin: '0 !important',\n            padding: '0 !important',\n          }\n        },\n      }}\n    >\n      <TooltipProvider delayDuration={300}>\n        {surveyType === \"OfflineApp\" ? <Flex alignItems=\"center\" justifyContent=\"center\" css={{ width: \"100%\", height: \"100vh\" }}>\n          <Text size=\"lg\" css={{ color: \"$neutral900\" }} weight={\"medium\"}>This app is not supported for offline surveys</Text>\n        </Flex> : <Box css={{ width: \"100%\" }}>\n          {hasDashboardPage ? (\n            <Dashboard\n              onMappingEditHandler={onMappingEditHandler}\n              fieldOptions={fieldOptions}\n              triggerEnabled={triggerEnabled}\n              mappingEnabled={mappingEnabled}\n              hasEditMapping={hasEditMapping}\n              hasDropdownComponents={{\n                mapping: !!ClonedMappingComponent || !!clonedSingleMappingProps || !!ClonedDynamicMappingComponent,\n                trigger: !!ClonedTriggerComponent,\n              }}\n              hasMultiAccounts={hasMultiAccounts}\n              dashboardDescription={dashboardDescription}\n              integrationName={integrationName}\n              mappingFields={mapping?.mappedFields || singleMapping || dynamicMapping?.mappedFields}\n              triggerFields={trigger?.mappedFields}\n              handleConfigurationType={(value: string) => {\n                setCurrentConfigurationType(value);\n                setHasDashboardPage(false);\n                setTempPreviousMapping(true);\n                setEditField({});\n              }}\n              handleEditField={handleEditField}\n              deleteFieldHandler={onDeleteHandler || (() => {})}\n              syncMapping={syncMapping}\n              toggleDashboardField={toggleDashboardField || (() => {})}\n              handleDashboardPage={(value: boolean, type: string) => {\n                setHasDashboardPage(value as boolean);\n                setCurrentConfigurationType(type);\n                setHasConfigurationType(false);\n              }}\n            />\n          ) : (\n            <>\n              {hasConfigurationType &&\n              ![\"MAPPING\", \"TRIGGER\"].includes(\n                `${currentConfigurationType}`\n              ) ? (\n                <ConfigureTemplate\n                  mappingDescription={mappingDescription}\n                  triggerDescription={triggerDescription}\n                  handleConfigurationType={(value: string) =>\n                    setCurrentConfigurationType(value)\n                  }\n                />\n              ) : (\n                <>\n                  {currentConfigurationType === \"MAPPING\" &&\n                  !!singleMappingComponent\n                    ? ClonedSingleMappingComponent\n                    : null}\n                  {currentConfigurationType === \"MAPPING\" &&\n                  !!dynamicMappingComponent\n                    ? ClonedDynamicMappingComponent\n                    : null}\n                  {currentConfigurationType === \"MAPPING\" && !!mappingComponent\n                    ? ClonedMappingComponent\n                    : null}\n                  {currentConfigurationType !== \"MAPPING\" && !!triggerComponent\n                    ? ClonedTriggerComponent\n                    : null}\n                </>\n              )}\n              {isDraftModalOpen && (\n                <DraftModal\n                  onSaveHandler={onSaveHandler}\n                  onCloseHandler={onCloseHandler}\n                  onCancel={onCancelHandler}\n                />\n              )}\n            </>\n          )}\n        </Box>}\n      </TooltipProvider>\n    </ThemeProvider>\n  );\n};\ntype ConfigureTemplateProps = {\n  handleConfigurationType: (value: string) => void;\n  mappingDescription: string;\n  triggerDescription: string;\n};\nconst ConfigureTemplate: React.FC<ConfigureTemplateProps> = ({\n  handleConfigurationType,\n  mappingDescription,\n  triggerDescription,\n}) => {\n  return (\n    <Flex css={{ width: \"100%\", height: \"95vh\", flexDirection: \"column\", alignItems: \"center\", justifyContent: \"center\" }}>\n      <Flex flexDirection=\"column\" alignItems=\"center\">\n        <Heading size=\"h5\" css={{ color: \"$neutral900\" }}>\n          Select Configuration Type\n        </Heading>\n        <Text\n          size=\"sm\"\n          css={{ color: \"$neutral600\", lineHeight: \"$sm\", marginTop: \"$2\" }}\n        >\n          Choose either Mapping or Triggering to configure their respective\n          actions.\n        </Text>\n      </Flex>\n      <Flex alignItems=\"center\" justifyContent=\"center\">\n        <Flex\n          css={{ maxWidth: 960, width: \"100%\", marginTop: \"$36\" }}\n          alignItems=\"center\"\n          justifyContent=\"center\"\n          gap=\"$20\"\n        >\n          <TemplateCard\n            icon={<CursorIcon />}\n            heading=\"Trigger\"\n            description={triggerDescription}\n            onClickHandler={() => handleConfigurationType(\"TRIGGER\")}\n          />\n          <TemplateCard\n            icon={<MappingIcon />}\n            heading=\"Mapping\"\n            description={mappingDescription}\n            onClickHandler={() => handleConfigurationType(\"MAPPING\")}\n          />\n        </Flex>\n      </Flex>\n    </Flex>\n  );\n};\ntype TemplateCardProps = {\n  icon: ReactNode;\n  heading: string;\n  description: string;\n  onClickHandler: () => void;\n};\nconst TemplateCard: React.FC<TemplateCardProps> = ({\n  icon,\n  heading,\n  description,\n  onClickHandler,\n}) => {\n  return (\n    <Flex\n      flexDirection=\"column\"\n      alignItems=\"center\"\n      onClick={onClickHandler}\n      css={{\n        width: 350,\n        height: 300,\n        outline: \"$borderWidths$xs solid $neutral200\",\n        borderRadius: \"$4xl\",\n        position: \"relative\",\n        cursor: \"pointer\",\n        filter: \"drop-shadow(0 4px 8px rgba(0, 0, 0, 0.06))\",\n        overflow: \"auto\",\n        \"&:hover\": {\n          outline: \"$borderWidths$md solid $primary400\",\n          \"& svg circle, rect, path\": {\n            stroke: \"$primary500\",\n          },\n          \"& #ellipse\": {\n            opacity: \"10%\",\n          },\n        },\n      }}\n    >\n      <Box\n        id=\"ellipse\"\n        css={{\n          position: \"absolute\",\n          top: \"-23%\",\n          filter: \"blur(25px)\",\n          transition: \"all .4s ease\",\n          width: 334,\n          height: \"$25\",\n          opacity: \"0%\",\n          background: \"$primary400\",\n          borderRadius: \"50%\",\n        }}\n      />\n      <Box css={{ marginBlock: \"$32 $16\" }}>{icon}</Box>\n      <Heading size=\"h6\" css={{ color: \"$neutral900\" }}>\n        {heading}\n      </Heading>\n      <Text\n        size=\"md\"\n        css={{\n          marginTop: \"$8\",\n          color: \"$neutral800\",\n          width: 222,\n          textAlign: \"center\",\n        }}\n      >\n        {description}\n      </Text>\n    </Flex>\n  );\n};"],"names":["useState","_a","useEffect","ThemeProvider","TooltipProvider","Flex","Text","Box","Dashboard","DraftModal","Heading","CursorIcon","MappingIcon","heading"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/integration-template/index.tsx"],"sourcesContent":["import {\n  Box,\n  Flex,\n  Text,\n  ThemeProvider,\n  TooltipProvider,\n} from \"@sparrowengg/twigs-react\";\nimport React, { useEffect, useState } from \"react\";\nimport DraftModal from \"../commons/components/draftModal\";\nimport { IntegrationTemplateProps, EditFieldType } from \"./types\";\nimport { Dashboard, ConfigureTemplate } from \"./components\";\nimport {\n  CONFIGURATION_TYPES,\n  QUERY_PARAMS,\n  INTEGRATION_TEMPLATE_UI_STRINGS,\n} from \"./constants\";\nimport {\n  removeQueryParam,\n  hasQueryParam,\n  hasMappingComponent,\n  needsConfigurationTypeSelection,\n  getInitialConfigurationType,\n} from \"./utils\";\n\nexport const IntegrationTemplate: React.FC<IntegrationTemplateProps> = ({\n  singleMapping,\n  hasEditMapping,\n  surveyType,\n  draftHandler,\n  onMappingEditHandler,\n  fieldOptions,\n  triggerEnabled,\n  mappingEnabled,\n  mappingComponent,\n  singleMappingComponent,\n  mapping,\n  triggerComponent,\n  trigger,\n  integrationName,\n  onDeleteHandler,\n  syncMapping,\n  toggleDashboardField,\n  dashboardDescription,\n  mappingDescription,\n  triggerDescription,\n  handlePreviousNavigation,\n  dynamicMapping,\n  dynamicMappingComponent,\n}) => {\n  // State management\n  const [isDraftModalOpen, setIsDraftModalOpen] = useState(false);\n  const [editField, setEditField] = useState<EditFieldType>({});\n  const [isMappingPage, setIsMappingPage] = useState(false);\n\n  // Computed values\n  const hasMultiAccounts = mappingComponent?.props?.accounts?.hasAccounts;\n  const isMappingFieldCompleted = !!mapping?.mappedFields?.fields?.length;\n  const isTriggerFieldCompleted = !!trigger?.mappedFields?.length;\n  const hasMappingComp = hasMappingComponent(\n    mappingComponent,\n    singleMappingComponent,\n    dynamicMappingComponent\n  );\n  const hasTriggerComp = !!triggerComponent;\n  const needsConfigSelection = needsConfigurationTypeSelection(\n    hasMappingComp,\n    hasTriggerComp\n  );\n\n  // State for dashboard and configuration\n  const [hasDashboardPage, setHasDashboardPage] = useState(\n    !!singleMapping?.mappedFields?.fields?.length ||\n      !!mapping?.mappedFields?.fields?.length ||\n      !!trigger?.mappedFields?.length ||\n      !!dynamicMapping?.mappedFields?.fields?.length\n  );\n  const [hasConfigurationType, setHasConfigurationType] = useState(needsConfigSelection);\n  const [currentConfigurationType, setCurrentConfigurationType] = useState<string | null>(\n    getInitialConfigurationType(hasMappingComp, hasTriggerComp, needsConfigSelection)\n  );\n  const [tempPreviousMapping, setTempPreviousMapping] = useState(\n    !(isMappingFieldCompleted && isTriggerFieldCompleted)\n  );\n\n  // Navigation handlers\n  const navigateMappingPage = (value: boolean) => setIsMappingPage(value ?? !isMappingPage);\n\n  const handleEditField = (field: any) => {\n    setEditField({\n      type: field.type,\n      fieldValues: field.values,\n      id: field.id,\n    });\n  };\n\n  const previousMappingHandler = () => {\n    setHasConfigurationType(true);\n    setCurrentConfigurationType(null);\n    handlePreviousNavigation();\n    if (!(isMappingFieldCompleted || isTriggerFieldCompleted)) {\n      setHasDashboardPage(false);\n    } else {\n      setHasDashboardPage(true);\n    }\n  };\n\n  // Component props builders\n  const buildMappingProps = () => ({\n    previousMappingHandler,\n    draftHandler,\n    editField,\n    integrationName,\n    isMappingPage,\n    surveyType,\n    navigateMappingPage,\n    onSaveHandler: (editId?: string | number) => {\n      const navigate = mappingComponent?.props?.onSaveHandler(editId);\n      if (navigate) setHasDashboardPage(true);\n    },\n    hasPreviousMapping: tempPreviousMapping ?? mappingComponent?.props?.hasPreviousMapping,\n  });\n\n  const buildSingleMappingProps = () => ({\n    editField,\n    previousMappingHandler,\n    draftHandler,\n    integrationName,\n    onSaveHandler: async (editId?: string | number) => {\n      const navigate = await singleMappingComponent?.props?.onSaveHandler(editId);\n      if (navigate) setHasDashboardPage(true);\n    },\n    hasPreviousMapping: tempPreviousMapping ?? singleMappingComponent?.props?.hasPreviousMapping,\n  });\n\n  const buildDynamicMappingProps = () => ({\n    editField,\n    previousMappingHandler,\n    draftHandler,\n    integrationName,\n    onSaveHandler: async (editId?: string | number) => {\n      const navigate = await dynamicMappingComponent?.props?.onSaveHandler(editId);\n      if (navigate) setHasDashboardPage(true);\n    },\n    hasPreviousMapping: tempPreviousMapping ?? dynamicMappingComponent?.props?.hasPreviousMapping,\n  });\n\n  const buildTriggerProps = () => ({\n    draftHandler,\n    editField,\n    previousMappingHandler,\n    integrationName,\n    onSaveHandler: async (editId?: string | number) => {\n      const navigate = await triggerComponent?.props?.onSaveHandler(editId);\n      if (navigate) setHasDashboardPage(true);\n    },\n    previousMapping: tempPreviousMapping ?? triggerComponent?.props?.hasPreviousMapping,\n  });\n\n  // Clone components with props\n  const ClonedMappingComponent = mappingComponent\n    ? React.cloneElement(mappingComponent, buildMappingProps())\n    : null;\n  const ClonedSingleMappingComponent = singleMappingComponent\n    ? React.cloneElement(singleMappingComponent, buildSingleMappingProps())\n    : null;\n  const ClonedDynamicMappingComponent = dynamicMappingComponent\n    ? React.cloneElement(dynamicMappingComponent, buildDynamicMappingProps())\n    : null;\n  const ClonedTriggerComponent = triggerComponent\n    ? React.cloneElement(triggerComponent, buildTriggerProps())\n    : null;\n\n  // Draft modal handlers\n  const handleSaveDraft = async () => {\n    await draftHandler(currentConfigurationType);\n    await previousMappingHandler();\n    removeQueryParam(QUERY_PARAMS.IS_DRAFT);\n    setIsDraftModalOpen(false);\n  };\n\n  const handleCloseDraft = () => {\n    removeQueryParam(QUERY_PARAMS.IS_DRAFT);\n    setIsDraftModalOpen(false);\n  };\n\n  const handleCancelDraft = async () => {\n    await previousMappingHandler();\n    setIsDraftModalOpen(false);\n  };\n\n  // Dashboard handlers\n  const handleConfigurationType = (value: string) => {\n    setCurrentConfigurationType(value);\n    setHasDashboardPage(false);\n    setTempPreviousMapping(true);\n    setEditField({});\n  };\n\n  const handleDashboardPage = (value: boolean, type: string) => {\n    setHasDashboardPage(value);\n    setCurrentConfigurationType(type);\n    setHasConfigurationType(false);\n  };\n\n  // Effects\n  useEffect(() => {\n    if (!isMappingFieldCompleted && !isTriggerFieldCompleted && hasDashboardPage) {\n      setHasConfigurationType(true);\n      setCurrentConfigurationType(null);\n    }\n  }, [mapping?.mappedFields?.fields, trigger?.mappedFields]);\n\n  useEffect(() => {\n    if (hasQueryParam(QUERY_PARAMS.IS_DRAFT)) {\n      setIsDraftModalOpen(true);\n    }\n  }, [isDraftModalOpen]);\n\n  // Render offline app message\n  if (surveyType === \"OfflineApp\") {\n    return (\n      <ThemeProvider\n        theme={{\n          fonts: {\n            body: \"DM Sans, Roboto Mono, sans-serif\",\n            heading: \"DM Sans, Roboto Mono, sans-serif\",\n            label: \"DM Sans, Roboto Mono, sans-serif\",\n            p: {\n              margin: \"0 !important\",\n              padding: \"0 !important\",\n            },\n          },\n        }}\n      >\n        <Flex\n          alignItems=\"center\"\n          justifyContent=\"center\"\n          css={{ width: \"100%\", height: \"100vh\" }}\n        >\n          <Text size=\"lg\" css={{ color: \"$neutral900\" }} weight=\"medium\">\n            {INTEGRATION_TEMPLATE_UI_STRINGS.OFFLINE_APP_NOT_SUPPORTED}\n          </Text>\n        </Flex>\n      </ThemeProvider>\n    );\n  }\n\n  // Main render\n  return (\n    <ThemeProvider\n      theme={{\n        fonts: {\n          body: \"DM Sans, Roboto Mono, sans-serif\",\n          heading: \"DM Sans, Roboto Mono, sans-serif\",\n          label: \"DM Sans, Roboto Mono, sans-serif\",\n          p: {\n            margin: \"0 !important\",\n            padding: \"0 !important\",\n          },\n        },\n      }}\n    >\n      <TooltipProvider delayDuration={300}>\n        <Box css={{ width: \"100%\" }}>\n          {hasDashboardPage ? (\n            <Dashboard\n              onMappingEditHandler={onMappingEditHandler}\n              fieldOptions={fieldOptions}\n              triggerEnabled={triggerEnabled}\n              mappingEnabled={mappingEnabled}\n              hasEditMapping={hasEditMapping}\n              hasDropdownComponents={{\n                mapping: hasMappingComp,\n                trigger: hasTriggerComp,\n              }}\n              hasMultiAccounts={hasMultiAccounts}\n              dashboardDescription={dashboardDescription}\n              integrationName={integrationName}\n              mappingFields={mapping?.mappedFields || singleMapping || dynamicMapping?.mappedFields}\n              triggerFields={trigger?.mappedFields}\n              handleConfigurationType={handleConfigurationType}\n              handleEditField={handleEditField}\n              deleteFieldHandler={onDeleteHandler || (() => {})}\n              syncMapping={syncMapping}\n              toggleDashboardField={toggleDashboardField || (() => {})}\n              handleDashboardPage={handleDashboardPage}\n            />\n          ) : (\n            <>\n              {hasConfigurationType &&\n              ![CONFIGURATION_TYPES.MAPPING, CONFIGURATION_TYPES.TRIGGER].includes(\n                currentConfigurationType as any\n              ) ? (\n                <ConfigureTemplate\n                  mappingDescription={mappingDescription}\n                  triggerDescription={triggerDescription}\n                  handleConfigurationType={setCurrentConfigurationType}\n                />\n              ) : (\n                <>\n                  {currentConfigurationType === CONFIGURATION_TYPES.MAPPING &&\n                    singleMappingComponent &&\n                    ClonedSingleMappingComponent}\n                  {currentConfigurationType === CONFIGURATION_TYPES.MAPPING &&\n                    dynamicMappingComponent &&\n                    ClonedDynamicMappingComponent}\n                  {currentConfigurationType === CONFIGURATION_TYPES.MAPPING &&\n                    mappingComponent &&\n                    ClonedMappingComponent}\n                  {currentConfigurationType !== CONFIGURATION_TYPES.MAPPING &&\n                    triggerComponent &&\n                    ClonedTriggerComponent}\n                </>\n              )}\n              {isDraftModalOpen && (\n                <DraftModal\n                  onSaveHandler={handleSaveDraft}\n                  onCloseHandler={handleCloseDraft}\n                  onCancel={handleCancelDraft}\n                />\n              )}\n            </>\n          )}\n        </Box>\n      </TooltipProvider>\n    </ThemeProvider>\n  );\n};\n"],"names":["useState","hasMappingComponent","needsConfigurationTypeSelection","getInitialConfigurationType","_a","removeQueryParam","QUERY_PARAMS","useEffect","hasQueryParam","ThemeProvider","Flex","Text","INTEGRATION_TEMPLATE_UI_STRINGS","TooltipProvider","Box","Dashboard","CONFIGURATION_TYPES","ConfigureTemplate","DraftModal"],"mappings":"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"}

package/dist/cjs/integration-template/utils/component.utils.js

@@ -0,0 +1,22 @@
+'use strict';
+
+const hasMappingComponent = (mappingComponent, singleMappingComponent, dynamicMappingComponent) => {
+  return !!(mappingComponent || singleMappingComponent || dynamicMappingComponent);
+};
+const needsConfigurationTypeSelection = (hasMappingComp, hasTriggerComp) => {
+  return hasMappingComp && hasTriggerComp;
+};
+const getInitialConfigurationType = (hasMappingComp, hasTriggerComp, needsSelection) => {
+  if (needsSelection)
+    return null;
+  if (hasMappingComp)
+    return "MAPPING";
+  if (hasTriggerComp)
+    return "TRIGGER";
+  return null;
+};
+
+exports.getInitialConfigurationType = getInitialConfigurationType;
+exports.hasMappingComponent = hasMappingComponent;
+exports.needsConfigurationTypeSelection = needsConfigurationTypeSelection;
+//# sourceMappingURL=component.utils.js.map

package/dist/cjs/integration-template/utils/component.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.utils.js","sources":["../../../../src/integration-template/utils/component.utils.ts"],"sourcesContent":["/**\n * Component utility functions for Integration Template module\n */\n\n/**\n * Check if any mapping component exists\n */\nexport const hasMappingComponent = (\n  mappingComponent?: React.ReactElement,\n  singleMappingComponent?: React.ReactElement,\n  dynamicMappingComponent?: React.ReactElement\n): boolean => {\n  return !!(mappingComponent || singleMappingComponent || dynamicMappingComponent);\n};\n\n/**\n * Determine if configuration type selection is needed\n */\nexport const needsConfigurationTypeSelection = (\n  hasMappingComp: boolean,\n  hasTriggerComp: boolean\n): boolean => {\n  return hasMappingComp && hasTriggerComp;\n};\n\n/**\n * Get initial configuration type based on available components\n */\nexport const getInitialConfigurationType = (\n  hasMappingComp: boolean,\n  hasTriggerComp: boolean,\n  needsSelection: boolean\n): string | null => {\n  if (needsSelection) return null;\n  if (hasMappingComp) return \"MAPPING\";\n  if (hasTriggerComp) return \"TRIGGER\";\n  return null;\n};\n\n"],"names":[],"mappings":";;AAOO,MAAM,mBAAsB,GAAA,CACjC,gBACA,EAAA,sBAAA,EACA,uBACY,KAAA;AACZ,EAAO,OAAA,CAAC,EAAE,gBAAA,IAAoB,sBAA0B,IAAA,uBAAA,CAAA,CAAA;AAC1D,EAAA;AAKa,MAAA,+BAAA,GAAkC,CAC7C,cAAA,EACA,cACY,KAAA;AACZ,EAAA,OAAO,cAAkB,IAAA,cAAA,CAAA;AAC3B,EAAA;AAKO,MAAM,2BAA8B,GAAA,CACzC,cACA,EAAA,cAAA,EACA,cACkB,KAAA;AAClB,EAAI,IAAA,cAAA;AAAgB,IAAO,OAAA,IAAA,CAAA;AAC3B,EAAI,IAAA,cAAA;AAAgB,IAAO,OAAA,SAAA,CAAA;AAC3B,EAAI,IAAA,cAAA;AAAgB,IAAO,OAAA,SAAA,CAAA;AAC3B,EAAO,OAAA,IAAA,CAAA;AACT;;;;;;"}

package/dist/cjs/integration-template/utils/url.utils.js

@@ -0,0 +1,16 @@
+'use strict';
+
+const removeQueryParam = (param) => {
+  const url = new URL(window.location.href);
+  url.searchParams.delete(param);
+  window.history.replaceState({}, document.title, url.toString());
+};
+const hasQueryParam = (param) => {
+  var _a;
+  const params = Object.fromEntries((_a = new URLSearchParams(window.location.search)) != null ? _a : {});
+  return !!params[param];
+};
+
+exports.hasQueryParam = hasQueryParam;
+exports.removeQueryParam = removeQueryParam;
+//# sourceMappingURL=url.utils.js.map

package/dist/cjs/integration-template/utils/url.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"url.utils.js","sources":["../../../../src/integration-template/utils/url.utils.ts"],"sourcesContent":["/**\n * URL utility functions for Integration Template module\n */\n\n/**\n * Remove a query parameter from the current URL\n */\nexport const removeQueryParam = (param: string): void => {\n  const url = new URL(window.location.href);\n  url.searchParams.delete(param);\n  window.history.replaceState({}, document.title, url.toString());\n};\n\n/**\n * Check if a query parameter exists in the current URL\n */\nexport const hasQueryParam = (param: string): boolean => {\n  const params = Object.fromEntries(new URLSearchParams(window.location.search) ?? {});\n  return !!params[param];\n};\n\n"],"names":[],"mappings":";;AAOa,MAAA,gBAAA,GAAmB,CAAC,KAAwB,KAAA;AACvD,EAAA,MAAM,GAAM,GAAA,IAAI,GAAI,CAAA,MAAA,CAAO,SAAS,IAAI,CAAA,CAAA;AACxC,EAAI,GAAA,CAAA,YAAA,CAAa,OAAO,KAAK,CAAA,CAAA;AAC7B,EAAO,MAAA,CAAA,OAAA,CAAQ,aAAa,EAAC,EAAG,SAAS,KAAO,EAAA,GAAA,CAAI,UAAU,CAAA,CAAA;AAChE,EAAA;AAKa,MAAA,aAAA,GAAgB,CAAC,KAA2B,KAAA;AAhBzD,EAAA,IAAA,EAAA,CAAA;AAiBE,EAAM,MAAA,MAAA,GAAS,MAAO,CAAA,WAAA,CAAA,CAAY,EAAI,GAAA,IAAA,eAAA,CAAgB,MAAO,CAAA,QAAA,CAAS,MAAM,CAAA,KAA1C,IAA+C,GAAA,EAAA,GAAA,EAAE,CAAA,CAAA;AACnF,EAAO,OAAA,CAAC,CAAC,MAAA,CAAO,KAAK,CAAA,CAAA;AACvB;;;;;"}