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

package/dist/es/triggers/components/TriggerHeader.js

@@ -1,8 +1,8 @@
 import React__default, { useState } from 'react';
-import ArrowIcon from '../../commons/icons/arrow.js';
+import Arrow from '../../commons/icons/arrow.js';
 import DraftModal from '../../commons/components/draftModal.js';
-import { isEventSetupValid, isTriggerValid } from '../utils/helpers.js';
-import { UI_TEXT, DRAFT } from '../constants/index.js';
+import { TRIGGERS_UI_STRINGS } from '../constants/ui-strings.js';
+import { isEventSetupDisabled, isSaveDisabled } from '../utils/validation.utils.js';
 import { Flex } from '../../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js';
 import { IconButton } from '../../node_modules/@sparrowengg/twigs-react/dist/es/button/icon-button.js';
 import { ArrowLeftIcon } from '../../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/arrow-left.js';
@@ -27,23 +27,8 @@ const TriggerHeader = ({
   triggerDetails
 }) => {
   const [isDraftModalOpen, setIsDraftModalOpen] = useState(false);
-  const isEventSetupDisabled = !isEventSetupValid(
-    actions.value,
-    objects.value,
-    eventFields,
-    actions.options,
-    objects.options
-  );
-  const isSaveDisabled = !isTriggerValid(fields, triggerDetails);
-  const handleDraftSave = async () => {
-    await draftHandler(DRAFT.TYPE_TRIGGER, editFieldId);
-    await previousMappingHandler();
-    setIsDraftModalOpen(false);
-  };
-  const handleDraftCancel = async () => {
-    await previousMappingHandler();
-    setIsDraftModalOpen(false);
-  };
+  const isDisabled = isEventSetupDisabled(actions, objects, eventFields);
+  const isSaveButtonDisabled = isSaveDisabled(fields, triggerDetails);
   return /* @__PURE__ */ React__default.createElement(
     Flex,
     {
@@ -62,20 +47,29 @@ const TriggerHeader = ({
     isDraftModalOpen && /* @__PURE__ */ React__default.createElement(
       DraftModal,
       {
-        onSaveHandler: handleDraftSave,
+        onSaveHandler: async () => {
+          await draftHandler("TRIGGER", editFieldId);
+          await previousMappingHandler();
+          setIsDraftModalOpen(false);
+        },
         onCloseHandler: () => setIsDraftModalOpen(false),
-        onCancel: handleDraftCancel
+        onCancel: async () => {
+          await previousMappingHandler();
+          setIsDraftModalOpen(false);
+        }
       }
     ),
     /* @__PURE__ */ React__default.createElement(Flex, { gap: "$6", alignItems: "center" }, /* @__PURE__ */ React__default.createElement(
       IconButton,
       {
-        onClick: () => setIsDraftModalOpen(true),
+        onClick: async () => {
+          await previousMappingHandler();
+        },
         color: "default",
         icon: /* @__PURE__ */ React__default.createElement(ArrowLeftIcon, null),
         size: "lg"
       }
-    ), /* @__PURE__ */ React__default.createElement(Heading, { size: "h6" }, editFieldId ? UI_TEXT.EDIT_TRIGGER : UI_TEXT.NEW_TRIGGER)),
+    ), /* @__PURE__ */ React__default.createElement(Heading, { size: "h6" }, editFieldId ? TRIGGERS_UI_STRINGS.EDIT_TRIGGER : TRIGGERS_UI_STRINGS.NEW_TRIGGER)),
     /* @__PURE__ */ React__default.createElement(
       Flex,
       {
@@ -94,20 +88,20 @@ const TriggerHeader = ({
           size: "md",
           onClick: () => isTriggerPage && navigateConfigurePage()
         },
-        UI_TEXT.EVENT_SETUP
+        TRIGGERS_UI_STRINGS.EVENT_SETUP
       ),
-      /* @__PURE__ */ React__default.createElement(ArrowIcon, null),
+      /* @__PURE__ */ React__default.createElement(Arrow, null),
       /* @__PURE__ */ React__default.createElement(
         Button,
         {
           onClick: () => navigateTriggerPage(true),
-          css: { color: !isEventSetupDisabled ? "$neutral900" : "$neutral800" },
+          css: { color: !isDisabled ? "$neutral900" : "$neutral800" },
           color: "default",
           variant: "ghost",
           size: "md",
-          disabled: isEventSetupDisabled
+          disabled: isDisabled
         },
-        UI_TEXT.TRIGGER_CONDITIONS
+        TRIGGERS_UI_STRINGS.TRIGGER_CONDITIONS
       )
     ),
     /* @__PURE__ */ React__default.createElement(
@@ -115,14 +109,14 @@ const TriggerHeader = ({
       {
         loading: onSaveTriggerLoader,
         size: "lg",
-        disabled: isSaveDisabled,
+        disabled: isSaveButtonDisabled,
         onClick: () => onSaveHandler(editFieldId),
         css: { visibility: isTriggerPage ? "visible" : "hidden" }
       },
-      editFieldId ? UI_TEXT.UPDATE_TRIGGER : UI_TEXT.SAVE_TRIGGER
+      editFieldId ? TRIGGERS_UI_STRINGS.UPDATE_TRIGGER : TRIGGERS_UI_STRINGS.SAVE_TRIGGER
     )
   );
 };
 
-export { TriggerHeader };
+export { TriggerHeader as default };
 //# sourceMappingURL=TriggerHeader.js.map

package/dist/es/triggers/components/TriggerHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"TriggerHeader.js","sources":["../../../../src/triggers/components/TriggerHeader.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n  Button,\n  Flex,\n  Heading,\n  IconButton,\n} from '@sparrowengg/twigs-react';\nimport { ArrowLeftIcon } from '@sparrowengg/twigs-react-icons';\nimport Arrow from '../../commons/icons/arrow';\nimport DraftModal from '../../commons/components/draftModal';\nimport { TriggerHeaderProps } from '../types';\nimport { isEventSetupValid, isTriggerValid } from '../utils/helpers';\nimport { UI_TEXT, DRAFT } from '../constants';\n\n/**\n * TriggerHeader Component\n * Displays the header with navigation, save button, and draft modal\n */\nexport const TriggerHeader: React.FC<TriggerHeaderProps> = ({\n  draftHandler,\n  navigateTriggerPage,\n  objects,\n  accounts,\n  actions,\n  onSaveTriggerLoader,\n  hasPreviousMapping,\n  isTriggerPage,\n  onSaveHandler,\n  navigateConfigurePage,\n  previousMappingHandler,\n  fields,\n  editFieldId,\n  eventFields,\n  triggerDetails,\n}) => {\n  const [isDraftModalOpen, setIsDraftModalOpen] = useState(false);\n\n  const isEventSetupDisabled = !isEventSetupValid(\n    actions.value,\n    objects.value,\n    eventFields,\n    actions.options,\n    objects.options\n  );\n\n  const isSaveDisabled = !isTriggerValid(fields, triggerDetails);\n\n  const handleDraftSave = async () => {\n    await draftHandler(DRAFT.TYPE_TRIGGER, editFieldId);\n    await previousMappingHandler();\n    setIsDraftModalOpen(false);\n  };\n\n  const handleDraftCancel = async () => {\n    await previousMappingHandler();\n    setIsDraftModalOpen(false);\n  };\n\n  return (\n    <Flex\n      alignItems=\"center\"\n      justifyContent=\"space-between\"\n      css={{\n        position: 'sticky',\n        width: '100%',\n        top: '1px',\n        zIndex: '99',\n        background: '#ffff',\n        borderBottom: '$borderWidths$xs solid $neutral200',\n        padding: '$8 $12',\n      }}\n    >\n      {isDraftModalOpen && (\n        <DraftModal\n          onSaveHandler={handleDraftSave}\n          onCloseHandler={() => setIsDraftModalOpen(false)}\n          onCancel={handleDraftCancel}\n        />\n      )}\n\n      <Flex gap=\"$6\" alignItems=\"center\">\n        <IconButton\n          onClick={() => setIsDraftModalOpen(true)}\n          color=\"default\"\n          icon={<ArrowLeftIcon />}\n          size=\"lg\"\n        />\n        <Heading size=\"h6\">\n          {editFieldId ? UI_TEXT.EDIT_TRIGGER : UI_TEXT.NEW_TRIGGER}\n        </Heading>\n      </Flex>\n\n      <Flex\n        alignItems=\"center\"\n        gap=\"$4\"\n        css={{\n          '& button': { background: 'transparent !important', fontSize: '$md' },\n        }}\n      >\n        <Button\n          css={{ color: !isTriggerPage ? '$neutral900' : '$neutral800' }}\n          color=\"default\"\n          variant=\"ghost\"\n          size=\"md\"\n          onClick={() => isTriggerPage && navigateConfigurePage()}\n        >\n          {UI_TEXT.EVENT_SETUP}\n        </Button>\n        <Arrow />\n        <Button\n          onClick={() => navigateTriggerPage(true)}\n          css={{ color: !isEventSetupDisabled ? '$neutral900' : '$neutral800' }}\n          color=\"default\"\n          variant=\"ghost\"\n          size=\"md\"\n          disabled={isEventSetupDisabled}\n        >\n          {UI_TEXT.TRIGGER_CONDITIONS}\n        </Button>\n      </Flex>\n\n      <Button\n        loading={onSaveTriggerLoader}\n        size=\"lg\"\n        disabled={isSaveDisabled}\n        onClick={() => onSaveHandler(editFieldId)}\n        css={{ visibility: isTriggerPage ? 'visible' : 'hidden' }}\n      >\n        {editFieldId ? UI_TEXT.UPDATE_TRIGGER : UI_TEXT.SAVE_TRIGGER}\n      </Button>\n    </Flex>\n  );\n};\n\n"],"names":["React","Arrow"],"mappings":";;;;;;;;;;;AAkBO,MAAM,gBAA8C,CAAC;AAAA,EAC1D,YAAA;AAAA,EACA,mBAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,mBAAA;AAAA,EACA,kBAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAA;AAAA,EACA,qBAAA;AAAA,EACA,sBAAA;AAAA,EACA,MAAA;AAAA,EACA,WAAA;AAAA,EACA,WAAA;AAAA,EACA,cAAA;AACF,CAAM,KAAA;AACJ,EAAA,MAAM,CAAC,gBAAA,EAAkB,mBAAmB,CAAA,GAAI,SAAS,KAAK,CAAA,CAAA;AAE9D,EAAA,MAAM,uBAAuB,CAAC,iBAAA;AAAA,IAC5B,OAAQ,CAAA,KAAA;AAAA,IACR,OAAQ,CAAA,KAAA;AAAA,IACR,WAAA;AAAA,IACA,OAAQ,CAAA,OAAA;AAAA,IACR,OAAQ,CAAA,OAAA;AAAA,GACV,CAAA;AAEA,EAAA,MAAM,cAAiB,GAAA,CAAC,cAAe,CAAA,MAAA,EAAQ,cAAc,CAAA,CAAA;AAE7D,EAAA,MAAM,kBAAkB,YAAY;AAClC,IAAM,MAAA,YAAA,CAAa,KAAM,CAAA,YAAA,EAAc,WAAW,CAAA,CAAA;AAClD,IAAA,MAAM,sBAAuB,EAAA,CAAA;AAC7B,IAAA,mBAAA,CAAoB,KAAK,CAAA,CAAA;AAAA,GAC3B,CAAA;AAEA,EAAA,MAAM,oBAAoB,YAAY;AACpC,IAAA,MAAM,sBAAuB,EAAA,CAAA;AAC7B,IAAA,mBAAA,CAAoB,KAAK,CAAA,CAAA;AAAA,GAC3B,CAAA;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,UAAW,EAAA,QAAA;AAAA,MACX,cAAe,EAAA,eAAA;AAAA,MACf,GAAK,EAAA;AAAA,QACH,QAAU,EAAA,QAAA;AAAA,QACV,KAAO,EAAA,MAAA;AAAA,QACP,GAAK,EAAA,KAAA;AAAA,QACL,MAAQ,EAAA,IAAA;AAAA,QACR,UAAY,EAAA,OAAA;AAAA,QACZ,YAAc,EAAA,oCAAA;AAAA,QACd,OAAS,EAAA,QAAA;AAAA,OACX;AAAA,KAAA;AAAA,IAEC,gBACC,oBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,aAAe,EAAA,eAAA;AAAA,QACf,cAAA,EAAgB,MAAM,mBAAA,CAAoB,KAAK,CAAA;AAAA,QAC/C,QAAU,EAAA,iBAAA;AAAA,OAAA;AAAA,KACZ;AAAA,oBAGDA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,GAAI,EAAA,IAAA,EAAK,YAAW,QACxB,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAS,MAAM,mBAAA,CAAoB,IAAI,CAAA;AAAA,QACvC,KAAM,EAAA,SAAA;AAAA,QACN,IAAA,+CAAO,aAAc,EAAA,IAAA,CAAA;AAAA,QACrB,IAAK,EAAA,IAAA;AAAA,OAAA;AAAA,KACP,kBACCA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,IAAK,EAAA,IAAA,EAAA,EACX,cAAc,OAAQ,CAAA,YAAA,GAAe,OAAQ,CAAA,WAChD,CACF,CAAA;AAAA,oBAEAA,cAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,UAAW,EAAA,QAAA;AAAA,QACX,GAAI,EAAA,IAAA;AAAA,QACJ,GAAK,EAAA;AAAA,UACH,UAAY,EAAA,EAAE,UAAY,EAAA,wBAAA,EAA0B,UAAU,KAAM,EAAA;AAAA,SACtE;AAAA,OAAA;AAAA,sBAEAA,cAAA,CAAA,aAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,KAAK,EAAE,KAAA,EAAO,CAAC,aAAA,GAAgB,gBAAgB,aAAc,EAAA;AAAA,UAC7D,KAAM,EAAA,SAAA;AAAA,UACN,OAAQ,EAAA,OAAA;AAAA,UACR,IAAK,EAAA,IAAA;AAAA,UACL,OAAA,EAAS,MAAM,aAAA,IAAiB,qBAAsB,EAAA;AAAA,SAAA;AAAA,QAErD,OAAQ,CAAA,WAAA;AAAA,OACX;AAAA,mDACCC,SAAM,EAAA,IAAA,CAAA;AAAA,sBACPD,cAAA,CAAA,aAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAS,MAAM,mBAAA,CAAoB,IAAI,CAAA;AAAA,UACvC,KAAK,EAAE,KAAA,EAAO,CAAC,oBAAA,GAAuB,gBAAgB,aAAc,EAAA;AAAA,UACpE,KAAM,EAAA,SAAA;AAAA,UACN,OAAQ,EAAA,OAAA;AAAA,UACR,IAAK,EAAA,IAAA;AAAA,UACL,QAAU,EAAA,oBAAA;AAAA,SAAA;AAAA,QAET,OAAQ,CAAA,kBAAA;AAAA,OACX;AAAA,KACF;AAAA,oBAEAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,OAAS,EAAA,mBAAA;AAAA,QACT,IAAK,EAAA,IAAA;AAAA,QACL,QAAU,EAAA,cAAA;AAAA,QACV,OAAA,EAAS,MAAM,aAAA,CAAc,WAAW,CAAA;AAAA,QACxC,GAAK,EAAA,EAAE,UAAY,EAAA,aAAA,GAAgB,YAAY,QAAS,EAAA;AAAA,OAAA;AAAA,MAEvD,WAAA,GAAc,OAAQ,CAAA,cAAA,GAAiB,OAAQ,CAAA,YAAA;AAAA,KAClD;AAAA,GACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"TriggerHeader.js","sources":["../../../../src/triggers/components/TriggerHeader.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport {\n  Button,\n  Flex,\n  Heading,\n  IconButton,\n} from \"@sparrowengg/twigs-react\";\nimport { ArrowLeftIcon } from \"@sparrowengg/twigs-react-icons\";\nimport Arrow from \"../../commons/icons/arrow\";\nimport DraftModal from \"../../commons/components/draftModal\";\nimport { TriggerHeaderProps } from \"../types\";\nimport { TRIGGERS_UI_STRINGS } from \"../constants\";\nimport { isEventSetupDisabled, isSaveDisabled } from \"../utils\";\n\nconst TriggerHeader: React.FC<TriggerHeaderProps> = ({\n  draftHandler,\n  navigateTriggerPage,\n  objects,\n  accounts,\n  actions,\n  onSaveTriggerLoader,\n  hasPreviousMapping,\n  isTriggerPage,\n  onSaveHandler,\n  navigateConfigurePage,\n  previousMappingHandler,\n  fields,\n  editFieldId,\n  eventFields,\n  triggerDetails,\n}) => {\n  const [isDraftModalOpen, setIsDraftModalOpen] = useState(false);\n  \n  const isDisabled = isEventSetupDisabled(actions, objects, eventFields);\n  const isSaveButtonDisabled = isSaveDisabled(fields, triggerDetails);\n\n  return (\n    <Flex\n      alignItems=\"center\"\n      justifyContent=\"space-between\"\n      css={{\n        position: \"sticky\",\n        width: \"100%\",\n        top: \"1px\",\n        zIndex: \"99\",\n        background: \"#ffff\",\n        borderBottom: \"$borderWidths$xs solid $neutral200\",\n        padding: \"$8 $12\",\n      }}\n    >\n      {isDraftModalOpen && (\n        <DraftModal\n          onSaveHandler={async () => {\n            await draftHandler(\"TRIGGER\", editFieldId);\n            await previousMappingHandler();\n            setIsDraftModalOpen(false);\n          }}\n          onCloseHandler={() => setIsDraftModalOpen(false)}\n          onCancel={async () => {\n            await previousMappingHandler();\n            setIsDraftModalOpen(false);\n          }}\n        />\n      )}\n      <Flex gap=\"$6\" alignItems=\"center\">\n        <IconButton\n          onClick={async () => {\n            await previousMappingHandler();\n          }}\n          color=\"default\"\n          icon={<ArrowLeftIcon />}\n          size=\"lg\"\n        />\n        <Heading size=\"h6\">\n          {editFieldId ? TRIGGERS_UI_STRINGS.EDIT_TRIGGER : TRIGGERS_UI_STRINGS.NEW_TRIGGER}\n        </Heading>\n      </Flex>\n      <Flex\n        alignItems=\"center\"\n        gap=\"$4\"\n        css={{\n          \"& button\": { background: \"transparent !important\", fontSize: \"$md\" },\n        }}\n      >\n        <Button\n          css={{ color: !isTriggerPage ? \"$neutral900\" : \"$neutral800\" }}\n          color=\"default\"\n          variant=\"ghost\"\n          size=\"md\"\n          onClick={() => isTriggerPage && navigateConfigurePage()}\n        >\n          {TRIGGERS_UI_STRINGS.EVENT_SETUP}\n        </Button>\n        <Arrow />\n        <Button\n          onClick={() => navigateTriggerPage(true)}\n          css={{ color: !isDisabled ? \"$neutral900\" : \"$neutral800\" }}\n          color=\"default\"\n          variant=\"ghost\"\n          size=\"md\"\n          disabled={isDisabled}\n        >\n          {TRIGGERS_UI_STRINGS.TRIGGER_CONDITIONS}\n        </Button>\n      </Flex>\n      <Button\n        loading={onSaveTriggerLoader}\n        size=\"lg\"\n        disabled={isSaveButtonDisabled}\n        onClick={() => onSaveHandler(editFieldId)}\n        css={{ visibility: isTriggerPage ? \"visible\" : \"hidden\" }}\n      >\n        {editFieldId ? TRIGGERS_UI_STRINGS.UPDATE_TRIGGER : TRIGGERS_UI_STRINGS.SAVE_TRIGGER}\n      </Button>\n    </Flex>\n  );\n};\n\nexport default TriggerHeader;\n\n"],"names":["React"],"mappings":"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"}

package/dist/es/triggers/constants/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/triggers/constants/index.ts"],"sourcesContent":["export const comparatorConstants = {\n  IS: \"IS\",\n  IS_NOT: \"IS_NOT\",\n  CONTAINS: \"CONTAINS\",\n  CONTAINS_NOT: \"CONTAINS_NOT\",\n  NO_VALUE: \"NO_VALUE\",\n  ANY_VALUE: \"ANY_VALUE\",\n  TRUE: \"TRUE\",\n  FALSE: \"FALSE\",\n  AFTER: \"AFTER\",\n  BEFORE: \"BEFORE\",\n  ON: \"ON\"\n} as const;\ntype ComparatorConstants = typeof comparatorConstants[keyof typeof comparatorConstants];\ntype Condition = {\n  label: string;\n  value: \"AND\" | \"OR\";\n};\nexport const topLevelCondition: Condition[] = [\n  {\n    label: \"all\",\n    value: \"AND\"\n  },\n  {\n    label: \"any\",\n    value: \"OR\"\n  }\n];\ntype FieldOption = {\n  id: number;\n  label: string;\n  value: string;\n  type?: string;\n  options?: Array<{\n    label: string;\n    value: string;\n    id: number;\n  }>;\n};\nexport const fieldOptions: FieldOption[] = [\n  {\n    id: 1,\n    label: \"Date of Birth\",\n    value: \"DOB\",\n    type: \"DATE_TIME\"\n  },\n  {\n    id: 2,\n    label: \"Degree\",\n    value: \"DEGREE\",\n    type: \"BOOLEAN\",\n  },\n  {\n    id: 3,\n    label: \"Company Size\",\n    value: \"COMPANY_SIZE\",\n    type: \"SELECT\",\n    options: [\n      {\n        label: \"Some Value\",\n        value: \"value\",\n        id: 1\n      },\n      {\n        label: \"Some Text\",\n        value: \"Text\",\n        id: 2\n      },\n      {\n        label: \"Some Description\",\n        value: \"Description\",\n        id: 3\n      },\n      {\n        label: \"Some Description\",\n        value: \"Description\",\n        id: 4\n      },\n      {\n        label: \"Some Description\",\n        value: \"Description\",\n        id: 5\n      },\n      {\n        label: \"Some Description\",\n        value: \"Description\",\n        id: 6\n      }\n    ]\n  },\n  {\n    id: 3,\n    label: \"Sample multiselect field\",\n    value: \"SAMPLE_MULTISELECT_FIELD\",\n    type: \"MULTI_SELECT\",\n    options: [\n      {\n        label: \"Some Value\",\n        value: \"value\",\n        id: 1\n      },\n      {\n        label: \"Some Text\",\n        value: \"Text\",\n        id: 2\n      },\n      {\n        label: \"Some Description\",\n        value: \"Description\",\n        id: 3\n      },\n      {\n        label: \"Some Description\",\n        value: \"Description\",\n        id: 4\n      },\n      {\n        label: \"Some Description\",\n        value: \"Description\",\n        id: 5\n      },\n      {\n        label: \"Some Description\",\n        value: \"Description\",\n        id: 6\n      }\n    ]\n  },\n  {\n    id: 4,\n    type: \"NUMBER\",\n    label: \"Field of study\",\n    value: \"STUDY\"\n  },\n  {\n    id: 5,\n    label: \"Gender\",\n    value: \"GENDER\"\n  },\n  {\n    id: 6,\n    label: \"Buying role\",\n    value: \"ROLE\"\n  },\n  {\n    id: 7,\n    label: \"Sample test\",\n    value: \"SAMPLE\",\n    type: \"PHONE_NUMBER\"\n  }\n];\n"],"names":[],"mappings":"AAAO,MAAM,mBAAsB,GAAA;AAAA,EACjC,EAAI,EAAA,IAAA;AAAA,EACJ,MAAQ,EAAA,QAAA;AAAA,EACR,QAAU,EAAA,UAAA;AAAA,EACV,YAAc,EAAA,cAAA;AAAA,EACd,QAAU,EAAA,UAAA;AAAA,EACV,SAAW,EAAA,WAAA;AAAA,EACX,IAAM,EAAA,MAAA;AAAA,EACN,KAAO,EAAA,OAAA;AAAA,EACP,KAAO,EAAA,OAAA;AAAA,EACP,MAAQ,EAAA,QAAA;AAAA,EACR,EAAI,EAAA,IAAA;AACN,EAAA;AAMO,MAAM,iBAAiC,GAAA;AAAA,EAC5C;AAAA,IACE,KAAO,EAAA,KAAA;AAAA,IACP,KAAO,EAAA,KAAA;AAAA,GACT;AAAA,EACA;AAAA,IACE,KAAO,EAAA,KAAA;AAAA,IACP,KAAO,EAAA,IAAA;AAAA,GACT;AACF;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/triggers/constants/index.ts"],"sourcesContent":["// Export UI strings\nexport * from './ui-strings';\n\nexport const comparatorConstants = {\n  IS: \"IS\",\n  IS_NOT: \"IS_NOT\",\n  CONTAINS: \"CONTAINS\",\n  CONTAINS_NOT: \"CONTAINS_NOT\",\n  NO_VALUE: \"NO_VALUE\",\n  ANY_VALUE: \"ANY_VALUE\",\n  TRUE: \"TRUE\",\n  FALSE: \"FALSE\",\n  AFTER: \"AFTER\",\n  BEFORE: \"BEFORE\",\n  ON: \"ON\"\n} as const;\ntype ComparatorConstants = typeof comparatorConstants[keyof typeof comparatorConstants];\ntype Condition = {\n  label: string;\n  value: \"AND\" | \"OR\";\n};\nexport const topLevelCondition: Condition[] = [\n  {\n    label: \"all\",\n    value: \"AND\"\n  },\n  {\n    label: \"any\",\n    value: \"OR\"\n  }\n];\ntype FieldOption = {\n  id: number;\n  label: string;\n  value: string;\n  type?: string;\n  options?: Array<{\n    label: string;\n    value: string;\n    id: number;\n  }>;\n};\nexport const fieldOptions: FieldOption[] = [\n  {\n    id: 1,\n    label: \"Date of Birth\",\n    value: \"DOB\",\n    type: \"DATE_TIME\"\n  },\n  {\n    id: 2,\n    label: \"Degree\",\n    value: \"DEGREE\",\n    type: \"BOOLEAN\",\n  },\n  {\n    id: 3,\n    label: \"Company Size\",\n    value: \"COMPANY_SIZE\",\n    type: \"SELECT\",\n    options: [\n      {\n        label: \"Some Value\",\n        value: \"value\",\n        id: 1\n      },\n      {\n        label: \"Some Text\",\n        value: \"Text\",\n        id: 2\n      },\n      {\n        label: \"Some Description\",\n        value: \"Description\",\n        id: 3\n      },\n      {\n        label: \"Some Description\",\n        value: \"Description\",\n        id: 4\n      },\n      {\n        label: \"Some Description\",\n        value: \"Description\",\n        id: 5\n      },\n      {\n        label: \"Some Description\",\n        value: \"Description\",\n        id: 6\n      }\n    ]\n  },\n  {\n    id: 3,\n    label: \"Sample multiselect field\",\n    value: \"SAMPLE_MULTISELECT_FIELD\",\n    type: \"MULTI_SELECT\",\n    options: [\n      {\n        label: \"Some Value\",\n        value: \"value\",\n        id: 1\n      },\n      {\n        label: \"Some Text\",\n        value: \"Text\",\n        id: 2\n      },\n      {\n        label: \"Some Description\",\n        value: \"Description\",\n        id: 3\n      },\n      {\n        label: \"Some Description\",\n        value: \"Description\",\n        id: 4\n      },\n      {\n        label: \"Some Description\",\n        value: \"Description\",\n        id: 5\n      },\n      {\n        label: \"Some Description\",\n        value: \"Description\",\n        id: 6\n      }\n    ]\n  },\n  {\n    id: 4,\n    type: \"NUMBER\",\n    label: \"Field of study\",\n    value: \"STUDY\"\n  },\n  {\n    id: 5,\n    label: \"Gender\",\n    value: \"GENDER\"\n  },\n  {\n    id: 6,\n    label: \"Buying role\",\n    value: \"ROLE\"\n  },\n  {\n    id: 7,\n    label: \"Sample test\",\n    value: \"SAMPLE\",\n    type: \"PHONE_NUMBER\"\n  }\n];\n"],"names":[],"mappings":"AAGO,MAAM,mBAAsB,GAAA;AAAA,EACjC,EAAI,EAAA,IAAA;AAAA,EACJ,MAAQ,EAAA,QAAA;AAAA,EACR,QAAU,EAAA,UAAA;AAAA,EACV,YAAc,EAAA,cAAA;AAAA,EACd,QAAU,EAAA,UAAA;AAAA,EACV,SAAW,EAAA,WAAA;AAAA,EACX,IAAM,EAAA,MAAA;AAAA,EACN,KAAO,EAAA,OAAA;AAAA,EACP,KAAO,EAAA,OAAA;AAAA,EACP,MAAQ,EAAA,QAAA;AAAA,EACR,EAAI,EAAA,IAAA;AACN,EAAA;AAMO,MAAM,iBAAiC,GAAA;AAAA,EAC5C;AAAA,IACE,KAAO,EAAA,KAAA;AAAA,IACP,KAAO,EAAA,KAAA;AAAA,GACT;AAAA,EACA;AAAA,IACE,KAAO,EAAA,KAAA;AAAA,IACP,KAAO,EAAA,IAAA;AAAA,GACT;AACF;;;;"}

package/dist/es/triggers/constants/ui-strings.js

@@ -0,0 +1,26 @@
+const TRIGGERS_UI_STRINGS = {
+  // Header
+  EDIT_TRIGGER: "Edit Trigger",
+  NEW_TRIGGER: "New Trigger",
+  EVENT_SETUP: "Event Setup",
+  TRIGGER_CONDITIONS: "Trigger Conditions",
+  SAVE_TRIGGER: "Save Trigger",
+  UPDATE_TRIGGER: "Update Trigger",
+  // Event Setup
+  ACCOUNT_DETAILS: "Account Details",
+  SURVEY_NAME_LABEL: "Survey Name:",
+  CHOOSE_ACCOUNT: "Choose Account",
+  CHOOSE_EVENTS: "Choose Events",
+  CHOOSE_ACTION: "Choose Action",
+  CONTINUE: "Continue",
+  // Placeholders
+  PLACEHOLDER_EMPTY: "",
+  // Draft Modal
+  SAVE_DRAFT: "Save Draft",
+  DISCARD_CHANGES: "Discard Changes",
+  // Messages
+  UNSAVED_CHANGES_MESSAGE: "You have unsaved changes. Do you want to save them?"
+};
+
+export { TRIGGERS_UI_STRINGS };
+//# sourceMappingURL=ui-strings.js.map

package/dist/es/triggers/constants/ui-strings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-strings.js","sources":["../../../../src/triggers/constants/ui-strings.ts"],"sourcesContent":["/**\n * UI String Constants for Triggers Module\n * All user-facing strings are centralized here\n * Note: Style-related strings and classnames are kept inline\n */\n\nexport const TRIGGERS_UI_STRINGS = {\n  // Header\n  EDIT_TRIGGER: 'Edit Trigger',\n  NEW_TRIGGER: 'New Trigger',\n  EVENT_SETUP: 'Event Setup',\n  TRIGGER_CONDITIONS: 'Trigger Conditions',\n  SAVE_TRIGGER: 'Save Trigger',\n  UPDATE_TRIGGER: 'Update Trigger',\n  \n  // Event Setup\n  ACCOUNT_DETAILS: 'Account Details',\n  SURVEY_NAME_LABEL: 'Survey Name:',\n  CHOOSE_ACCOUNT: 'Choose Account',\n  CHOOSE_EVENTS: 'Choose Events',\n  CHOOSE_ACTION: 'Choose Action',\n  CONTINUE: 'Continue',\n  \n  // Placeholders\n  PLACEHOLDER_EMPTY: '',\n  \n  // Draft Modal\n  SAVE_DRAFT: 'Save Draft',\n  DISCARD_CHANGES: 'Discard Changes',\n  \n  // Messages\n  UNSAVED_CHANGES_MESSAGE: 'You have unsaved changes. Do you want to save them?',\n} as const;\n\n"],"names":[],"mappings":"AAMO,MAAM,mBAAsB,GAAA;AAAA;AAAA,EAEjC,YAAc,EAAA,cAAA;AAAA,EACd,WAAa,EAAA,aAAA;AAAA,EACb,WAAa,EAAA,aAAA;AAAA,EACb,kBAAoB,EAAA,oBAAA;AAAA,EACpB,YAAc,EAAA,cAAA;AAAA,EACd,cAAgB,EAAA,gBAAA;AAAA;AAAA,EAGhB,eAAiB,EAAA,iBAAA;AAAA,EACjB,iBAAmB,EAAA,cAAA;AAAA,EACnB,cAAgB,EAAA,gBAAA;AAAA,EAChB,aAAe,EAAA,eAAA;AAAA,EACf,aAAe,EAAA,eAAA;AAAA,EACf,QAAU,EAAA,UAAA;AAAA;AAAA,EAGV,iBAAmB,EAAA,EAAA;AAAA;AAAA,EAGnB,UAAY,EAAA,YAAA;AAAA,EACZ,eAAiB,EAAA,iBAAA;AAAA;AAAA,EAGjB,uBAAyB,EAAA,qDAAA;AAC3B;;;;"}

package/dist/es/triggers/index.js

@@ -1,19 +1,9 @@
-import React__default, { useEffect, useState } from 'react';
-import Arrow from '../commons/icons/arrow.js';
-import CustomPill from '../commons/components/custom-pill.js';
+import React__default, { useEffect } from 'react';
+import EventSetup from './components/EventSetup.js';
+import TriggerHeader from './components/TriggerHeader.js';
 import Trigger from './components/trigger.js';
-import DraftModal from '../commons/components/draftModal.js';
 import { ThemeProvider } from '../node_modules/@sparrowengg/twigs-react/dist/es/theme-provider/theme-provider.js';
 import { Box } from '../node_modules/@sparrowengg/twigs-react/dist/es/box/box.js';
-import { Flex } from '../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js';
-import { Heading } from '../node_modules/@sparrowengg/twigs-react/dist/es/heading/heading.js';
-import { Text } from '../node_modules/@sparrowengg/twigs-react/dist/es/text/text.js';
-import { FormLabel } from '../node_modules/@sparrowengg/twigs-react/dist/es/form-label/form-label.js';
-import { Select } from '../node_modules/@sparrowengg/twigs-react/dist/es/select/select.js';
-import { Button } from '../node_modules/@sparrowengg/twigs-react/dist/es/button/button.js';
-import { ChevronRightIcon } from '../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/chevron-right.js';
-import { IconButton } from '../node_modules/@sparrowengg/twigs-react/dist/es/button/icon-button.js';
-import { ArrowLeftIcon } from '../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/arrow-left.js';
 
 const Triggers = ({
   draftHandler,
@@ -40,6 +30,7 @@ const Triggers = ({
   fieldOptions,
   variableOptions
 }) => {
+  var _a;
   useEffect(() => {
     if (!!(editField == null ? void 0 : editField.id)) {
       setFields(editField.fieldValues.fields);
@@ -72,7 +63,7 @@ const Triggers = ({
         previousMappingHandler,
         triggerDetails,
         fields,
-        editFieldId: editField == null ? void 0 : editField.id,
+        editFieldId: (_a = editField == null ? void 0 : editField.id) == null ? void 0 : _a.toString(),
         eventFields: editField == null ? void 0 : editField.fieldValues
       }
     ), !isTriggerPage ? /* @__PURE__ */ React__default.createElement(
@@ -104,243 +95,6 @@ const Triggers = ({
     ))
   );
 };
-const EventSetup = ({
-  eventFields,
-  accounts,
-  objects,
-  actions,
-  surveyDetails,
-  navigateTriggerPage
-}) => {
-  var _a, _b, _c, _d;
-  useEffect(() => {
-    var _a2, _b2, _c2, _d2, _e, _f, _g, _h;
-    if ((_b2 = (_a2 = actions == null ? void 0 : actions.options) == null ? void 0 : _a2.filter(
-      (action) => {
-        var _a3;
-        return (_a3 = eventFields == null ? void 0 : eventFields.action) == null ? void 0 : _a3.includes(action == null ? void 0 : action.value);
-      }
-    )) == null ? void 0 : _b2.length) {
-      actions == null ? void 0 : actions.onChangeHandler(
-        ((_c2 = Object.keys((actions == null ? void 0 : actions.value) || {})) == null ? void 0 : _c2.length) ? actions == null ? void 0 : actions.value : (_e = (_d2 = actions == null ? void 0 : actions.options) == null ? void 0 : _d2.filter(
-          (action) => {
-            var _a3;
-            return (_a3 = eventFields == null ? void 0 : eventFields.action) == null ? void 0 : _a3.includes(action == null ? void 0 : action.value);
-          }
-        )) == null ? void 0 : _e.map((action) => action)
-      );
-    }
-    if ((_f = objects == null ? void 0 : objects.options) == null ? void 0 : _f.find(
-      (object) => (object == null ? void 0 : object.value) === (eventFields == null ? void 0 : eventFields.object)
-    )) {
-      objects == null ? void 0 : objects.onChangeHandler(
-        (_h = objects == null ? void 0 : objects.value) != null ? _h : (_g = objects == null ? void 0 : objects.options) == null ? void 0 : _g.find(
-          (object) => (object == null ? void 0 : object.value) === (eventFields == null ? void 0 : eventFields.object)
-        )
-      );
-    }
-  }, [actions == null ? void 0 : actions.value, objects == null ? void 0 : objects.value]);
-  return /* @__PURE__ */ React__default.createElement(
-    Flex,
-    {
-      css: { paddingTop: "$40" },
-      alignItems: "center",
-      justifyContent: "center"
-    },
-    /* @__PURE__ */ React__default.createElement(Box, { css: { width: 488 } }, /* @__PURE__ */ React__default.createElement(Heading, { size: "h5" }, "Account Details"), /* @__PURE__ */ React__default.createElement(Flex, { gap: "$2", css: { marginTop: "$4" } }, /* @__PURE__ */ React__default.createElement(Text, { size: "sm", css: { color: "$neutral500" } }, "Survey Name:"), /* @__PURE__ */ React__default.createElement(Text, { size: "sm", weight: "medium", css: { color: "$neutral800" } }, surveyDetails.surveyName)), /* @__PURE__ */ React__default.createElement(Flex, { flexDirection: "column", gap: "$8", css: { marginTop: "$16" } }, (accounts == null ? void 0 : accounts.hasAccounts) && /* @__PURE__ */ React__default.createElement(Flex, { gap: "$2", flexDirection: "column" }, /* @__PURE__ */ React__default.createElement(FormLabel, { size: "xs", css: { fontWeight: "$5" } }, "Choose Account"), /* @__PURE__ */ React__default.createElement(
-      Select,
-      {
-        value: (_a = accounts.options.find(
-          (account) => account.value === (eventFields == null ? void 0 : eventFields.account)
-        )) != null ? _a : accounts.value,
-        options: accounts.options,
-        isMulti: accounts == null ? void 0 : accounts.isMulti,
-        placeholder: "",
-        onChange: (value) => accounts.onChangeHandler(value),
-        size: "lg"
-      }
-    )), (objects == null ? void 0 : objects.hasObjects) && /* @__PURE__ */ React__default.createElement(Flex, { gap: "$2", flexDirection: "column" }, /* @__PURE__ */ React__default.createElement(FormLabel, { size: "xs", css: { fontWeight: "$5" } }, "Choose Events"), /* @__PURE__ */ React__default.createElement(
-      Select,
-      {
-        options: objects.options,
-        value: (_b = objects.value) != null ? _b : objects.options.find(
-          (object) => object.value === (eventFields == null ? void 0 : eventFields.object)
-        ),
-        isMulti: objects == null ? void 0 : objects.isMulti,
-        placeholder: "",
-        onChange: (value) => objects.onChangeHandler(value),
-        size: "lg"
-      }
-    )), (actions == null ? void 0 : actions.hasActions) && /* @__PURE__ */ React__default.createElement(Flex, { gap: "$2", flexDirection: "column" }, /* @__PURE__ */ React__default.createElement(FormLabel, { size: "xs", css: { fontWeight: "$5" } }, "Choose Action"), /* @__PURE__ */ React__default.createElement(
-      Select,
-      {
-        size: "lg",
-        options: actions.options,
-        value: ((_c = Object.keys(actions.value || {})) == null ? void 0 : _c.length) ? actions.value : (_d = actions.options.filter(
-          (action) => {
-            var _a2;
-            return (_a2 = eventFields == null ? void 0 : eventFields.action) == null ? void 0 : _a2.includes(action == null ? void 0 : action.value);
-          }
-        )) == null ? void 0 : _d.map((action) => action),
-        isMulti: actions == null ? void 0 : actions.isMulti,
-        placeholder: "",
-        css: {
-          ".twigs-select__value-container--is-multi": {
-            gap: "$2"
-          }
-        },
-        components: {
-          MultiValue: CustomMultiValue
-        },
-        onChange: (value) => actions.onChangeHandler(value)
-      }
-    ))), /* @__PURE__ */ React__default.createElement(
-      Button,
-      {
-        size: "lg",
-        rightIcon: /* @__PURE__ */ React__default.createElement(ChevronRightIcon, null),
-        css: { marginTop: "$16" },
-        disabled: (!actions.value || !objects.value) && (!objects.options.find((object) => object.value === (eventFields == null ? void 0 : eventFields.object)) || !actions.options.find((action) => {
-          var _a2;
-          return (_a2 = eventFields == null ? void 0 : eventFields.action) == null ? void 0 : _a2.includes(action == null ? void 0 : action.value);
-        })),
-        onClick: () => navigateTriggerPage(true)
-      },
-      "Continue"
-    ))
-  );
-};
-const CustomMultiValue = (props) => {
-  return /* @__PURE__ */ React__default.createElement(
-    CustomPill,
-    {
-      label: props.data.label,
-      onCloseHandler: () => props.removeProps.onClick(),
-      variant: "default",
-      radius: "md"
-    }
-  );
-};
-const isEmpty = (object) => {
-  var _a;
-  return ((_a = Object.entries(object != null ? object : {})) == null ? void 0 : _a.length) === 0;
-};
-const TriggerHeader = ({
-  draftHandler,
-  navigateTriggerPage,
-  objects,
-  accounts,
-  actions,
-  onSaveTriggerLoader,
-  hasPreviousMapping,
-  isTriggerPage,
-  onSaveHandler,
-  navigateConfigurePage,
-  previousMappingHandler,
-  fields,
-  editFieldId,
-  eventFields,
-  triggerDetails
-}) => {
-  const [isDraftModalOpen, setIsDraftModalOpen] = useState(false);
-  const isDisabled = (!actions.value || !objects.value) && (!objects.options.find(
-    (object) => object.value === (eventFields == null ? void 0 : eventFields.object)
-  ) || !actions.options.find(
-    (action) => action.value === (eventFields == null ? void 0 : eventFields.action)
-  ));
-  return /* @__PURE__ */ React__default.createElement(
-    Flex,
-    {
-      alignItems: "center",
-      justifyContent: "space-between",
-      css: {
-        position: "sticky",
-        width: "100%",
-        top: "1px",
-        zIndex: "99",
-        background: "#ffff",
-        borderBottom: "$borderWidths$xs solid $neutral200",
-        padding: "$8 $12"
-      }
-    },
-    isDraftModalOpen && /* @__PURE__ */ React__default.createElement(
-      DraftModal,
-      {
-        onSaveHandler: async () => {
-          await draftHandler("TRIGGER", editFieldId);
-          await previousMappingHandler();
-          setIsDraftModalOpen(false);
-        },
-        onCloseHandler: () => setIsDraftModalOpen(false),
-        onCancel: async () => {
-          await previousMappingHandler();
-          setIsDraftModalOpen(false);
-        }
-      }
-    ),
-    /* @__PURE__ */ React__default.createElement(Flex, { gap: "$6", alignItems: "center" }, /* @__PURE__ */ React__default.createElement(
-      IconButton,
-      {
-        onClick: async () => {
-          await previousMappingHandler();
-        },
-        color: "default",
-        icon: /* @__PURE__ */ React__default.createElement(ArrowLeftIcon, null),
-        size: "lg"
-      }
-    ), /* @__PURE__ */ React__default.createElement(Heading, { size: "h6" }, editFieldId ? "Edit Trigger" : "New Trigger")),
-    /* @__PURE__ */ React__default.createElement(
-      Flex,
-      {
-        alignItems: "center",
-        gap: "$4",
-        css: {
-          "& button": { background: "transparent !important", fontSize: "$md" }
-        }
-      },
-      /* @__PURE__ */ React__default.createElement(
-        Button,
-        {
-          css: { color: !isTriggerPage ? "$neutral900" : "$neutral800" },
-          color: "default",
-          variant: "ghost",
-          size: "md",
-          onClick: () => isTriggerPage && navigateConfigurePage()
-        },
-        "Event Setup"
-      ),
-      /* @__PURE__ */ React__default.createElement(Arrow, null),
-      /* @__PURE__ */ React__default.createElement(
-        Button,
-        {
-          onClick: () => navigateTriggerPage(true),
-          css: { color: !isDisabled ? "$neutral900" : "$neutral800" },
-          color: "default",
-          variant: "ghost",
-          size: "md",
-          disabled: isDisabled
-        },
-        "Trigger Conditions"
-      )
-    ),
-    /* @__PURE__ */ React__default.createElement(
-      Button,
-      {
-        loading: onSaveTriggerLoader,
-        size: "lg",
-        disabled: !(fields == null ? void 0 : fields.filters.some(
-          (filter) => {
-            var _a;
-            return (_a = filter == null ? void 0 : filter.filter) == null ? void 0 : _a.some((currentFilter) => !!(currentFilter == null ? void 0 : currentFilter.value));
-          }
-        )) || isEmpty(triggerDetails.shareChannel) || isEmpty(triggerDetails.shareRecipient) || isEmpty(triggerDetails.shareType),
-        onClick: () => onSaveHandler(editFieldId),
-        css: { visibility: isTriggerPage ? "visible" : "hidden" }
-      },
-      editFieldId ? "Update Trigger" : "Save Trigger"
-    )
-  );
-};
 
 export { Triggers };
 //# sourceMappingURL=index.js.map

package/dist/es/triggers/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/triggers/index.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  Flex,\n  FormLabel,\n  Heading,\n  IconButton,\n  Select,\n  ThemeProvider,\n  Text,\n  Chip,\n} from \"@sparrowengg/twigs-react\";\nimport {\n  ArrowLeftIcon,\n  ChevronRightIcon,\n} from \"@sparrowengg/twigs-react-icons\";\nimport React, { useEffect, useState } from \"react\";\nimport Arrow from \"../commons/icons/arrow\";\nimport CustomPill from \"../commons/components/custom-pill\";\nimport Trigger from \"./components/trigger\";\nimport DraftModal from \"../commons/components/draftModal\";\n\ntype TriggersProps = {\n  draftHandler: (type: string | null, editFieldId?: string) => void;\n  onSaveTriggerLoader: boolean;\n  objects: any;\n  accounts: any;\n  actions: any;\n  isTriggerPage: boolean;\n  navigateTriggerPage: (isTriggerPage: boolean) => void;\n  previousMapping: boolean;\n  onSaveHandler: (editFieldId?: string) => void;\n  previousMappingHandler: () => void;\n  surveyDetails: any;\n  hasNestedCondition: boolean;\n  fields: any;\n  token: string;\n  apiURL: string;\n  setFields: (fields: any) => void;\n  shareRecipentOptions: any[];\n  shareChannelOptions: any[];\n  triggerDetails: any;\n  setTriggerDetails: (details: any) => void;\n  editField: any;\n  fieldOptions: any[];\n  variableOptions: any[];\n};\n\nexport const Triggers: React.FC<TriggersProps> = ({\n  draftHandler,\n  onSaveTriggerLoader,\n  objects,\n  accounts,\n  actions,\n  isTriggerPage,\n  navigateTriggerPage,\n  previousMapping,\n  hasNestedCondition,\n  onSaveHandler,\n  previousMappingHandler,\n  surveyDetails,\n  fields,\n  token,\n  apiURL,\n  setFields,\n  shareRecipentOptions,\n  shareChannelOptions,\n  triggerDetails,\n  setTriggerDetails,\n  editField,\n  fieldOptions,\n  variableOptions,\n}) => {\n  useEffect(() => {\n    if (!!editField?.id) {\n      setFields(editField.fieldValues.fields);\n      setTriggerDetails(editField.fieldValues.triggerDetails);\n    }\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        },\n      }}\n    >\n      <Box css={{ height: \"100vh\", width: \"100vw\" }}>\n        <TriggerHeader\n          draftHandler={draftHandler}\n          navigateTriggerPage={navigateTriggerPage}\n          objects={objects}\n          accounts={accounts}\n          actions={actions}\n          onSaveTriggerLoader={onSaveTriggerLoader}\n          hasPreviousMapping={previousMapping}\n          isTriggerPage={isTriggerPage}\n          onSaveHandler={onSaveHandler}\n          navigateConfigurePage={() => navigateTriggerPage(false)}\n          previousMappingHandler={previousMappingHandler}\n          triggerDetails={triggerDetails}\n          fields={fields}\n          editFieldId={editField?.id}\n          eventFields={editField?.fieldValues}\n        />\n        {!isTriggerPage ? (\n          <EventSetup\n            eventFields={editField?.fieldValues}\n            objects={objects}\n            accounts={accounts}\n            actions={actions}\n            surveyDetails={surveyDetails}\n            navigateTriggerPage={navigateTriggerPage}\n          />\n        ) : (\n          <Trigger\n          hasNestedCondition={hasNestedCondition}\n            fields={fields}\n            setFields={setFields}\n            token={token}\n            apiURL={apiURL}\n            surveyDetails={surveyDetails}\n            shareRecipentOptions={shareRecipentOptions}\n            shareChannelOptions={shareChannelOptions}\n            triggerDetails={triggerDetails}\n            setTriggerDetails={setTriggerDetails}\n            fieldOptions={fieldOptions}\n            variableOptions={variableOptions}\n          />\n        )}\n      </Box>\n    </ThemeProvider>\n  );\n};\n\ntype EventSetupProps = {\n  eventFields: any;\n  accounts: any;\n  objects: any;\n  actions: any;\n  surveyDetails: any;\n  navigateTriggerPage: (isTriggerPage: boolean) => void;\n};\n\nconst EventSetup: React.FC<EventSetupProps> = ({\n  eventFields,\n  accounts,\n  objects,\n  actions,\n  surveyDetails,\n  navigateTriggerPage,\n}) => {\n  useEffect(() => {\n    if (\n      actions?.options?.filter(\n        (action: any) => eventFields?.action?.includes(action?.value)\n      )?.length\n    ) {\n      actions?.onChangeHandler(\n        Object.keys(actions?.value || {})?.length ? actions?.value :\n          actions?.options?.filter(\n            (action: any) => eventFields?.action?.includes(action?.value)\n          )?.map((action: any) => action)\n      );\n    }\n    if (\n      objects?.options?.find(\n        (object: any) => object?.value === eventFields?.object\n      )\n    ) {\n      objects?.onChangeHandler(\n        objects?.value ??\n          objects?.options?.find(\n            (object: any) => object?.value === eventFields?.object\n          )\n      );\n    }\n  }, [actions?.value, objects?.value]);\n  return (\n    <Flex\n      css={{ paddingTop: \"$40\" }}\n      alignItems=\"center\"\n      justifyContent=\"center\"\n    >\n      <Box css={{ width: 488 }}>\n        <Heading size=\"h5\">Account Details</Heading>\n        <Flex gap=\"$2\" css={{ marginTop: \"$4\" }}>\n          <Text size=\"sm\" css={{ color: \"$neutral500\" }}>\n            Survey Name:\n          </Text>\n          <Text size=\"sm\" weight={\"medium\"} css={{ color: \"$neutral800\" }}>\n            {surveyDetails.surveyName}\n          </Text>\n        </Flex>\n        <Flex flexDirection=\"column\" gap=\"$8\" css={{ marginTop: \"$16\" }}>\n          {accounts?.hasAccounts && (\n            <Flex gap=\"$2\" flexDirection=\"column\">\n              <FormLabel size=\"xs\" css={{ fontWeight: \"$5\" }}>\n                Choose Account\n              </FormLabel>\n              <Select\n                value={\n                  accounts.options.find(\n                    (account: any) => account.value === eventFields?.account\n                  ) ?? accounts.value\n                }\n                options={accounts.options}\n                isMulti={accounts?.isMulti}\n                placeholder=\"\"\n                onChange={(value) => accounts.onChangeHandler(value)}\n                size=\"lg\"\n              />\n            </Flex>\n          )}\n          {objects?.hasObjects && (\n            <Flex gap=\"$2\" flexDirection=\"column\">\n              <FormLabel size=\"xs\" css={{ fontWeight: \"$5\" }}>\n                Choose Events\n              </FormLabel>\n              <Select\n                options={objects.options}\n                value={\n                  objects.value ??\n                  objects.options.find(\n                    (object: any) => object.value === eventFields?.object\n                  )\n                }\n                isMulti={objects?.isMulti}\n                placeholder=\"\"\n                onChange={(value) => objects.onChangeHandler(value)}\n                size=\"lg\"\n              />\n            </Flex>\n          )}\n          {actions?.hasActions && (\n            <Flex gap=\"$2\" flexDirection=\"column\">\n              <FormLabel size=\"xs\" css={{ fontWeight: \"$5\" }}>\n                Choose Action\n              </FormLabel>\n              <Select\n                size=\"lg\"\n                options={actions.options}\n                value={\n                  Object.keys(actions.value || {})?.length ? actions.value :\n                    actions.options.filter(\n                      (action: any) => eventFields?.action?.includes(action?.value)\n                    )?.map((action: any) => action)\n                }\n                isMulti={actions?.isMulti}\n                placeholder=\"\"\n                css={{\n                  \".twigs-select__value-container--is-multi\": {\n                    gap: \"$2\",\n                  },\n                }}\n                components={{\n                  MultiValue: CustomMultiValue,\n                }}\n                onChange={(value) => actions.onChangeHandler(value)}\n              />\n            </Flex>\n          )}\n        </Flex>\n        <Button\n          size=\"lg\"\n          rightIcon={<ChevronRightIcon />}\n          css={{ marginTop: \"$16\" }}\n          disabled={ (!actions.value || !objects.value) &&( !objects.options.find((object:any)=> object.value === eventFields?.object) || !actions.options.find((action:any)=> eventFields?.action?.includes(action?.value)))}\n          onClick={() => navigateTriggerPage(true)}\n        >\n          Continue\n        </Button>\n      </Box>\n    </Flex>\n  );\n};\n\nconst CustomMultiValue: React.FC<any> = (props) => {\n  return (\n    <CustomPill\n      label={props.data.label}\n      onCloseHandler={() => props.removeProps.onClick()}\n      variant=\"default\"\n      radius=\"md\"\n    />\n  );\n};\n\nconst isEmpty = (object: any) => {\n  return Object.entries(object ?? {})?.length === 0;\n};\n\ntype TriggerHeaderProps = {\n  draftHandler: (type: string | null, editFieldId?: string) => void;\n  navigateTriggerPage: (isTriggerPage: boolean) => void;\n  objects: any;\n  accounts: any;\n  actions: any;\n  onSaveTriggerLoader: boolean;\n  hasPreviousMapping: boolean;\n  isTriggerPage: boolean;\n  onSaveHandler: (editFieldId?: string) => void;\n  navigateConfigurePage: () => void;\n  previousMappingHandler: () => void;\n  fields: any;\n  editFieldId?: string;\n  eventFields: any;\n  triggerDetails: any;\n};\n\nconst TriggerHeader: React.FC<TriggerHeaderProps> = ({\n  draftHandler,\n  navigateTriggerPage,\n  objects,\n  accounts,\n  actions,\n  onSaveTriggerLoader,\n  hasPreviousMapping,\n  isTriggerPage,\n  onSaveHandler,\n  navigateConfigurePage,\n  previousMappingHandler,\n  fields,\n  editFieldId,\n  eventFields,\n  triggerDetails,\n}) => {\n  const [isDraftModalOpen, setIsDraftModalOpen] = useState(false);\n  const isDisabled =\n    (!actions.value || !objects.value) &&\n    (!objects.options.find(\n      (object: any) => object.value === eventFields?.object\n    ) ||\n      !actions.options.find(\n        (action: any) => action.value === eventFields?.action\n      ));\n  return (\n    <Flex\n      alignItems=\"center\"\n      justifyContent=\"space-between\"\n      css={{\n        position: \"sticky\",\n        width: \"100%\",\n        top: \"1px\",\n        zIndex: \"99\",\n        background: \"#ffff\",\n        borderBottom: \"$borderWidths$xs solid $neutral200\",\n        padding: \"$8 $12\",\n      }}\n    >\n      {isDraftModalOpen && (\n        <DraftModal\n          onSaveHandler={async () => {\n            await draftHandler(\"TRIGGER\", editFieldId);\n            await previousMappingHandler();\n            setIsDraftModalOpen(false);\n          }}\n          onCloseHandler={() => setIsDraftModalOpen(false)}\n          onCancel={async () => {\n            await previousMappingHandler();\n            setIsDraftModalOpen(false);\n          }}\n        />\n      )}\n      <Flex gap=\"$6\" alignItems=\"center\">\n        <IconButton\n          onClick={async () => {\n            await previousMappingHandler();\n          }}\n          color=\"default\"\n          icon={<ArrowLeftIcon />}\n          size=\"lg\"\n        />\n        <Heading size=\"h6\">\n          {editFieldId ? \"Edit Trigger\" : \"New Trigger\"}\n        </Heading>\n      </Flex>\n      <Flex\n        alignItems=\"center\"\n        gap=\"$4\"\n        css={{\n          \"& button\": { background: \"transparent !important\", fontSize: \"$md\" },\n        }}\n      >\n        <Button\n          css={{ color: !isTriggerPage ? \"$neutral900\" : \"$neutral800\" }}\n          color=\"default\"\n          variant=\"ghost\"\n          size=\"md\"\n          onClick={() => isTriggerPage && navigateConfigurePage()}\n        >\n          Event Setup\n        </Button>\n        <Arrow />\n        <Button\n          onClick={() => navigateTriggerPage(true)}\n          css={{ color: !isDisabled ? \"$neutral900\" : \"$neutral800\" }}\n          color=\"default\"\n          variant=\"ghost\"\n          size=\"md\"\n          disabled={isDisabled}\n        >\n          Trigger Conditions\n        </Button>\n      </Flex>\n      <Button\n        loading={onSaveTriggerLoader}\n        size=\"lg\"\n        disabled={\n          !fields?.filters.some((filter: any) =>\n            filter?.filter?.some((currentFilter: any) => !!currentFilter?.value)\n          ) ||\n          isEmpty(triggerDetails.shareChannel) ||\n          isEmpty(triggerDetails.shareRecipient) ||\n          isEmpty(triggerDetails.shareType)\n        }\n        onClick={() => onSaveHandler(editFieldId)}\n        css={{ visibility: isTriggerPage ? \"visible\" : \"hidden\" }}\n      >\n        {editFieldId ? \"Update Trigger\" : \"Save Trigger\"}\n\n      </Button>\n    </Flex>\n  );\n};"],"names":["React","_a","_b","_c","_d"],"mappings":";;;;;;;;;;;;;;;;;AAgDO,MAAM,WAAoC,CAAC;AAAA,EAChD,YAAA;AAAA,EACA,mBAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,aAAA;AAAA,EACA,mBAAA;AAAA,EACA,eAAA;AAAA,EACA,kBAAA;AAAA,EACA,aAAA;AAAA,EACA,sBAAA;AAAA,EACA,aAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AAAA,EACA,SAAA;AAAA,EACA,oBAAA;AAAA,EACA,mBAAA;AAAA,EACA,cAAA;AAAA,EACA,iBAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA;AAAA,EACA,eAAA;AACF,CAAM,KAAA;AACJ,EAAA,SAAA,CAAU,MAAM;AACd,IAAI,IAAA,CAAC,EAAC,SAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAW,EAAI,CAAA,EAAA;AACnB,MAAU,SAAA,CAAA,SAAA,CAAU,YAAY,MAAM,CAAA,CAAA;AACtC,MAAkB,iBAAA,CAAA,SAAA,CAAU,YAAY,cAAc,CAAA,CAAA;AAAA,KACxD;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AACL,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA;AAAA,QACL,KAAO,EAAA;AAAA,UACL,IAAM,EAAA,kCAAA;AAAA,UACN,OAAS,EAAA,kCAAA;AAAA,SACX;AAAA,OACF;AAAA,KAAA;AAAA,oBAEAA,cAAA,CAAA,aAAA,CAAC,OAAI,GAAK,EAAA,EAAE,QAAQ,OAAS,EAAA,KAAA,EAAO,SAClC,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACC,YAAA;AAAA,QACA,mBAAA;AAAA,QACA,OAAA;AAAA,QACA,QAAA;AAAA,QACA,OAAA;AAAA,QACA,mBAAA;AAAA,QACA,kBAAoB,EAAA,eAAA;AAAA,QACpB,aAAA;AAAA,QACA,aAAA;AAAA,QACA,qBAAA,EAAuB,MAAM,mBAAA,CAAoB,KAAK,CAAA;AAAA,QACtD,sBAAA;AAAA,QACA,cAAA;AAAA,QACA,MAAA;AAAA,QACA,aAAa,SAAW,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,EAAA;AAAA,QACxB,aAAa,SAAW,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,WAAA;AAAA,OAAA;AAAA,KAC1B,EACC,CAAC,aACA,mBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,aAAa,SAAW,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,WAAA;AAAA,QACxB,OAAA;AAAA,QACA,QAAA;AAAA,QACA,OAAA;AAAA,QACA,aAAA;AAAA,QACA,mBAAA;AAAA,OAAA;AAAA,KAGF,mBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACD,kBAAA;AAAA,QACE,MAAA;AAAA,QACA,SAAA;AAAA,QACA,KAAA;AAAA,QACA,MAAA;AAAA,QACA,aAAA;AAAA,QACA,oBAAA;AAAA,QACA,mBAAA;AAAA,QACA,cAAA;AAAA,QACA,iBAAA;AAAA,QACA,YAAA;AAAA,QACA,eAAA;AAAA,OAAA;AAAA,KAGN,CAAA;AAAA,GACF,CAAA;AAEJ,EAAA;AAWA,MAAM,aAAwC,CAAC;AAAA,EAC7C,WAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,aAAA;AAAA,EACA,mBAAA;AACF,CAAM,KAAA;AAxJN,EAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,CAAA;AAyJE,EAAA,SAAA,CAAU,MAAM;AAzJlB,IAAAC,IAAAA,GAAAA,EAAAC,GAAAC,EAAAA,GAAAA,EAAAC,GAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,CAAA;AA0JI,IAAA,IAAA,CACEF,GAAAD,GAAAA,CAAAA,GAAAA,GAAA,OAAS,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAA,OAAA,KAAT,gBAAAA,GAAkB,CAAA,MAAA;AAAA,MAChB,CAAC,MAAa,KAAA;AA5JtB,QAAAA,IAAAA,GAAAA,CAAAA;AA4JyB,QAAA,OAAA,CAAAA,MAAA,WAAa,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAA,MAAA,KAAb,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,GAAAA,CAAqB,SAAS,MAAQ,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAA,KAAA,CAAA,CAAA;AAAA,OAAA;AAAA,KADzD,KAAA,IAAA,GAAA,KAAA,CAAA,GAAAC,IAEG,MACH,EAAA;AACA,MAAS,OAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAA,eAAA;AAAA,QAAA,CAAA,CACPC,MAAA,MAAO,CAAA,IAAA,CAAA,CAAK,mCAAS,KAAS,KAAA,EAAE,CAAhC,KAAA,IAAA,GAAA,KAAA,CAAA,GAAAA,GAAmC,CAAA,MAAA,IAAS,mCAAS,KACnD,GAAA,CAAA,EAAA,GAAA,CAAAC,MAAA,OAAS,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAA,OAAA,KAAT,gBAAAA,GAAkB,CAAA,MAAA;AAAA,UAChB,CAAC,MAAa,KAAA;AAlK1B,YAAAH,IAAAA,GAAAA,CAAAA;AAkK6B,YAAA,OAAA,CAAAA,MAAA,WAAa,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAA,MAAA,KAAb,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,GAAAA,CAAqB,SAAS,MAAQ,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAA,KAAA,CAAA,CAAA;AAAA,WAAA;AAAA,SADzD,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAEG,GAAI,CAAA,CAAC,MAAgB,KAAA,MAAA,CAAA;AAAA,OAAA,CAAA;AAAA,KAE9B;AACA,IACE,IAAA,CAAA,EAAA,GAAA,OAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAS,YAAT,IAAkB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA;AAAA,MAChB,CAAC,MAAA,KAAA,CAAgB,MAAQ,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAA,KAAA,OAAU,WAAa,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAA,MAAA,CAAA;AAAA,KAElD,EAAA;AACA,MAAS,OAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAA,eAAA;AAAA,QAAA,CACP,EAAS,GAAA,OAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAA,KAAA,KAAT,IACE,GAAA,EAAA,GAAA,CAAA,EAAA,GAAA,OAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAS,YAAT,IAAkB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA;AAAA,UAChB,CAAC,MAAA,KAAA,CAAgB,MAAQ,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAA,KAAA,OAAU,WAAa,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAA,MAAA,CAAA;AAAA,SAAA;AAAA,OAAA,CAAA;AAAA,KAGxD;AAAA,KACC,CAAC,OAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAS,KAAO,EAAA,OAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAS,KAAK,CAAC,CAAA,CAAA;AACnC,EACE,uBAAAD,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAK,EAAE,UAAA,EAAY,KAAM,EAAA;AAAA,MACzB,UAAW,EAAA,QAAA;AAAA,MACX,cAAe,EAAA,QAAA;AAAA,KAAA;AAAA,iDAEd,GAAI,EAAA,EAAA,GAAA,EAAK,EAAE,KAAA,EAAO,KACjB,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,OAAQ,EAAA,EAAA,IAAA,EAAK,QAAK,iBAAe,CAAA,kBACjCA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,KAAI,IAAK,EAAA,GAAA,EAAK,EAAE,SAAA,EAAW,MAC/B,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAK,MAAK,GAAK,EAAA,EAAE,KAAO,EAAA,aAAA,MAAiB,cAE/C,CAAA,kBACCA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,MAAK,IAAK,EAAA,MAAA,EAAQ,QAAU,EAAA,GAAA,EAAK,EAAE,KAAO,EAAA,aAAA,EAC7C,EAAA,EAAA,aAAA,CAAc,UACjB,CACF,CAAA,kBACCA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,eAAc,QAAS,EAAA,GAAA,EAAI,IAAK,EAAA,GAAA,EAAK,EAAE,SAAW,EAAA,KAAA,EACrD,EAAA,EAAA,CAAA,QAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,CAAU,gCACRA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,GAAI,EAAA,IAAA,EAAK,eAAc,QAC3B,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,SAAU,EAAA,EAAA,IAAA,EAAK,MAAK,GAAK,EAAA,EAAE,YAAY,IAAK,EAAA,EAAA,EAAG,gBAEhD,CACA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAA,CACE,cAAS,OAAQ,CAAA,IAAA;AAAA,UACf,CAAC,OAAA,KAAiB,OAAQ,CAAA,KAAA,MAAU,WAAa,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAA,OAAA,CAAA;AAAA,SACnD,KAFA,YAEK,QAAS,CAAA,KAAA;AAAA,QAEhB,SAAS,QAAS,CAAA,OAAA;AAAA,QAClB,SAAS,QAAU,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,CAAA,OAAA;AAAA,QACnB,WAAY,EAAA,EAAA;AAAA,QACZ,QAAU,EAAA,CAAC,KAAU,KAAA,QAAA,CAAS,gBAAgB,KAAK,CAAA;AAAA,QACnD,IAAK,EAAA,IAAA;AAAA,OAAA;AAAA,KAET,IAED,OAAS,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAA,UAAA,kDACP,IAAK,EAAA,EAAA,GAAA,EAAI,MAAK,aAAc,EAAA,QAAA,EAAA,+CAC1B,SAAU,EAAA,EAAA,IAAA,EAAK,MAAK,GAAK,EAAA,EAAE,YAAY,IAAK,EAAA,EAAA,EAAG,eAEhD,CACA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,SAAS,OAAQ,CAAA,OAAA;AAAA,QACjB,KACE,EAAA,CAAA,EAAA,GAAA,OAAA,CAAQ,KAAR,KAAA,IAAA,GAAA,EAAA,GACA,QAAQ,OAAQ,CAAA,IAAA;AAAA,UACd,CAAC,MAAA,KAAgB,MAAO,CAAA,KAAA,MAAU,WAAa,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAA,MAAA,CAAA;AAAA,SACjD;AAAA,QAEF,SAAS,OAAS,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAA,OAAA;AAAA,QAClB,WAAY,EAAA,EAAA;AAAA,QACZ,QAAU,EAAA,CAAC,KAAU,KAAA,OAAA,CAAQ,gBAAgB,KAAK,CAAA;AAAA,QAClD,IAAK,EAAA,IAAA;AAAA,OAAA;AAAA,KAET,IAED,OAAS,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAA,UAAA,kDACP,IAAK,EAAA,EAAA,GAAA,EAAI,MAAK,aAAc,EAAA,QAAA,EAAA,+CAC1B,SAAU,EAAA,EAAA,IAAA,EAAK,MAAK,GAAK,EAAA,EAAE,YAAY,IAAK,EAAA,EAAA,EAAG,eAEhD,CACA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,IAAA;AAAA,QACL,SAAS,OAAQ,CAAA,OAAA;AAAA,QACjB,KACE,EAAA,CAAA,CAAA,EAAA,GAAA,MAAA,CAAO,IAAK,CAAA,OAAA,CAAQ,KAAS,IAAA,EAAE,CAAA,KAA/B,IAAkC,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,MAAA,IAAS,OAAQ,CAAA,KAAA,GAAA,CACjD,aAAQ,OAAQ,CAAA,MAAA;AAAA,UACd,CAAC,MAAa,KAAA;AAtPpC,YAAAC,IAAAA,GAAAA,CAAAA;AAsPuC,YAAA,OAAA,CAAAA,MAAA,WAAa,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAA,MAAA,KAAb,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,GAAAA,CAAqB,SAAS,MAAQ,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAA,KAAA,CAAA,CAAA;AAAA,WAAA;AAAA,SADzD,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAEG,GAAI,CAAA,CAAC,MAAgB,KAAA,MAAA,CAAA;AAAA,QAE5B,SAAS,OAAS,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAA,OAAA;AAAA,QAClB,WAAY,EAAA,EAAA;AAAA,QACZ,GAAK,EAAA;AAAA,UACH,0CAA4C,EAAA;AAAA,YAC1C,GAAK,EAAA,IAAA;AAAA,WACP;AAAA,SACF;AAAA,QACA,UAAY,EAAA;AAAA,UACV,UAAY,EAAA,gBAAA;AAAA,SACd;AAAA,QACA,QAAU,EAAA,CAAC,KAAU,KAAA,OAAA,CAAQ,gBAAgB,KAAK,CAAA;AAAA,OAAA;AAAA,KAEtD,CAEJ,CACA,kBAAAD,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,IAAA;AAAA,QACL,SAAA,+CAAY,gBAAiB,EAAA,IAAA,CAAA;AAAA,QAC7B,GAAA,EAAK,EAAE,SAAA,EAAW,KAAM,EAAA;AAAA,QACxB,QAAA,EAAA,CAAY,CAAC,OAAQ,CAAA,KAAA,IAAS,CAAC,OAAQ,CAAA,KAAA,MAAW,CAAC,OAAA,CAAQ,OAAQ,CAAA,IAAA,CAAK,CAAC,MAAc,KAAA,MAAA,CAAO,KAAU,MAAA,WAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAa,MAAM,CAAA,CAAA,IAAK,CAAC,OAAQ,CAAA,OAAA,CAAQ,IAAK,CAAA,CAAC,MAAW,KAAA;AA5Q5K,UAAAC,IAAAA,GAAAA,CAAAA;AA4Q+K,UAAA,OAAA,CAAAA,MAAA,WAAa,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAA,MAAA,KAAb,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,GAAAA,CAAqB,SAAS,MAAQ,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAA,KAAA,CAAA,CAAA;AAAA,SAAM,CAAA,CAAA;AAAA,QACjN,OAAA,EAAS,MAAM,mBAAA,CAAoB,IAAI,CAAA;AAAA,OAAA;AAAA,MACxC,UAAA;AAAA,KAGH,CAAA;AAAA,GACF,CAAA;AAEJ,CAAA,CAAA;AAEA,MAAM,gBAAA,GAAkC,CAAC,KAAU,KAAA;AACjD,EACE,uBAAAD,cAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,MAAM,IAAK,CAAA,KAAA;AAAA,MAClB,cAAgB,EAAA,MAAM,KAAM,CAAA,WAAA,CAAY,OAAQ,EAAA;AAAA,MAChD,OAAQ,EAAA,SAAA;AAAA,MACR,MAAO,EAAA,IAAA;AAAA,KAAA;AAAA,GACT,CAAA;AAEJ,CAAA,CAAA;AAEA,MAAM,OAAA,GAAU,CAAC,MAAgB,KAAA;AAjSjC,EAAA,IAAA,EAAA,CAAA;AAkSE,EAAA,OAAA,CAAA,CAAO,YAAO,OAAQ,CAAA,MAAA,IAAA,IAAA,GAAA,MAAA,GAAU,EAAE,CAAA,KAA3B,mBAA8B,MAAW,MAAA,CAAA,CAAA;AAClD,CAAA,CAAA;AAoBA,MAAM,gBAA8C,CAAC;AAAA,EACnD,YAAA;AAAA,EACA,mBAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,mBAAA;AAAA,EACA,kBAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAA;AAAA,EACA,qBAAA;AAAA,EACA,sBAAA;AAAA,EACA,MAAA;AAAA,EACA,WAAA;AAAA,EACA,WAAA;AAAA,EACA,cAAA;AACF,CAAM,KAAA;AACJ,EAAA,MAAM,CAAC,gBAAA,EAAkB,mBAAmB,CAAA,GAAI,SAAS,KAAK,CAAA,CAAA;AAC9D,EAAM,MAAA,UAAA,GAAA,CACH,CAAC,OAAQ,CAAA,KAAA,IAAS,CAAC,OAAQ,CAAA,KAAA,MAC3B,CAAC,OAAA,CAAQ,OAAQ,CAAA,IAAA;AAAA,IAChB,CAAC,MAAA,KAAgB,MAAO,CAAA,KAAA,MAAU,WAAa,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAA,MAAA,CAAA;AAAA,GACjD,IACE,CAAC,OAAA,CAAQ,OAAQ,CAAA,IAAA;AAAA,IACf,CAAC,MAAA,KAAgB,MAAO,CAAA,KAAA,MAAU,WAAa,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAA,MAAA,CAAA;AAAA,GACjD,CAAA,CAAA;AACJ,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,UAAW,EAAA,QAAA;AAAA,MACX,cAAe,EAAA,eAAA;AAAA,MACf,GAAK,EAAA;AAAA,QACH,QAAU,EAAA,QAAA;AAAA,QACV,KAAO,EAAA,MAAA;AAAA,QACP,GAAK,EAAA,KAAA;AAAA,QACL,MAAQ,EAAA,IAAA;AAAA,QACR,UAAY,EAAA,OAAA;AAAA,QACZ,YAAc,EAAA,oCAAA;AAAA,QACd,OAAS,EAAA,QAAA;AAAA,OACX;AAAA,KAAA;AAAA,IAEC,gBACC,oBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,eAAe,YAAY;AACzB,UAAM,MAAA,YAAA,CAAa,WAAW,WAAW,CAAA,CAAA;AACzC,UAAA,MAAM,sBAAuB,EAAA,CAAA;AAC7B,UAAA,mBAAA,CAAoB,KAAK,CAAA,CAAA;AAAA,SAC3B;AAAA,QACA,cAAA,EAAgB,MAAM,mBAAA,CAAoB,KAAK,CAAA;AAAA,QAC/C,UAAU,YAAY;AACpB,UAAA,MAAM,sBAAuB,EAAA,CAAA;AAC7B,UAAA,mBAAA,CAAoB,KAAK,CAAA,CAAA;AAAA,SAC3B;AAAA,OAAA;AAAA,KACF;AAAA,oBAEDA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,GAAI,EAAA,IAAA,EAAK,YAAW,QACxB,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,SAAS,YAAY;AACnB,UAAA,MAAM,sBAAuB,EAAA,CAAA;AAAA,SAC/B;AAAA,QACA,KAAM,EAAA,SAAA;AAAA,QACN,IAAA,+CAAO,aAAc,EAAA,IAAA,CAAA;AAAA,QACrB,IAAK,EAAA,IAAA;AAAA,OAAA;AAAA,KACP,+CACC,OAAQ,EAAA,EAAA,IAAA,EAAK,QACX,WAAc,GAAA,cAAA,GAAiB,aAClC,CACF,CAAA;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,UAAW,EAAA,QAAA;AAAA,QACX,GAAI,EAAA,IAAA;AAAA,QACJ,GAAK,EAAA;AAAA,UACH,UAAY,EAAA,EAAE,UAAY,EAAA,wBAAA,EAA0B,UAAU,KAAM,EAAA;AAAA,SACtE;AAAA,OAAA;AAAA,sBAEAA,cAAA,CAAA,aAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,KAAK,EAAE,KAAA,EAAO,CAAC,aAAA,GAAgB,gBAAgB,aAAc,EAAA;AAAA,UAC7D,KAAM,EAAA,SAAA;AAAA,UACN,OAAQ,EAAA,OAAA;AAAA,UACR,IAAK,EAAA,IAAA;AAAA,UACL,OAAA,EAAS,MAAM,aAAA,IAAiB,qBAAsB,EAAA;AAAA,SAAA;AAAA,QACvD,aAAA;AAAA,OAED;AAAA,mDACC,KAAM,EAAA,IAAA,CAAA;AAAA,sBACPA,cAAA,CAAA,aAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAS,MAAM,mBAAA,CAAoB,IAAI,CAAA;AAAA,UACvC,KAAK,EAAE,KAAA,EAAO,CAAC,UAAA,GAAa,gBAAgB,aAAc,EAAA;AAAA,UAC1D,KAAM,EAAA,SAAA;AAAA,UACN,OAAQ,EAAA,OAAA;AAAA,UACR,IAAK,EAAA,IAAA;AAAA,UACL,QAAU,EAAA,UAAA;AAAA,SAAA;AAAA,QACX,oBAAA;AAAA,OAED;AAAA,KACF;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,OAAS,EAAA,mBAAA;AAAA,QACT,IAAK,EAAA,IAAA;AAAA,QACL,QAAA,EACE,EAAC,MAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAQ,OAAQ,CAAA,IAAA;AAAA,UAAK,CAAC,MAAa,KAAA;AA1Z9C,YAAA,IAAA,EAAA,CAAA;AA2ZY,YAAA,OAAA,CAAA,EAAA,GAAA,MAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAQ,WAAR,IAAgB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAK,CAAC,aAAuB,KAAA,CAAC,EAAC,aAAe,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,aAAA,CAAA,KAAA,CAAA,CAAA,CAAA;AAAA,WAAA;AAAA,SAEhE,CAAA,IAAA,OAAA,CAAQ,cAAe,CAAA,YAAY,CACnC,IAAA,OAAA,CAAQ,eAAe,cAAc,CAAA,IACrC,OAAQ,CAAA,cAAA,CAAe,SAAS,CAAA;AAAA,QAElC,OAAA,EAAS,MAAM,aAAA,CAAc,WAAW,CAAA;AAAA,QACxC,GAAK,EAAA,EAAE,UAAY,EAAA,aAAA,GAAgB,YAAY,QAAS,EAAA;AAAA,OAAA;AAAA,MAEvD,cAAc,gBAAmB,GAAA,cAAA;AAAA,KAEpC;AAAA,GACF,CAAA;AAEJ,CAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/triggers/index.tsx"],"sourcesContent":["import { Box, ThemeProvider } from \"@sparrowengg/twigs-react\";\nimport React, { useEffect } from \"react\";\nimport { EventSetup, TriggerHeader, Trigger } from \"./components\";\nimport { TriggersProps } from \"./types\";\n\nexport const Triggers: React.FC<TriggersProps> = ({\n  draftHandler,\n  onSaveTriggerLoader,\n  objects,\n  accounts,\n  actions,\n  isTriggerPage,\n  navigateTriggerPage,\n  previousMapping,\n  hasNestedCondition,\n  onSaveHandler,\n  previousMappingHandler,\n  surveyDetails,\n  fields,\n  token,\n  apiURL,\n  setFields,\n  shareRecipentOptions,\n  shareChannelOptions,\n  triggerDetails,\n  setTriggerDetails,\n  editField,\n  fieldOptions,\n  variableOptions,\n}) => {\n  useEffect(() => {\n    if (!!editField?.id) {\n      setFields(editField.fieldValues.fields);\n      setTriggerDetails(editField.fieldValues.triggerDetails);\n    }\n  }, []);\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        },\n      }}\n    >\n      <Box css={{ height: \"100vh\", width: \"100vw\" }}>\n        <TriggerHeader\n          draftHandler={draftHandler}\n          navigateTriggerPage={navigateTriggerPage}\n          objects={objects}\n          accounts={accounts}\n          actions={actions}\n          onSaveTriggerLoader={onSaveTriggerLoader}\n          hasPreviousMapping={previousMapping}\n          isTriggerPage={isTriggerPage}\n          onSaveHandler={onSaveHandler}\n          navigateConfigurePage={() => navigateTriggerPage(false)}\n          previousMappingHandler={previousMappingHandler}\n          triggerDetails={triggerDetails}\n          fields={fields}\n          editFieldId={editField?.id?.toString()}\n          eventFields={editField?.fieldValues}\n        />\n        {!isTriggerPage ? (\n          <EventSetup\n            eventFields={editField?.fieldValues}\n            objects={objects}\n            accounts={accounts}\n            actions={actions}\n            surveyDetails={surveyDetails}\n            navigateTriggerPage={navigateTriggerPage}\n          />\n        ) : (\n          <Trigger\n            hasNestedCondition={hasNestedCondition}\n            fields={fields}\n            setFields={setFields}\n            token={token}\n            apiURL={apiURL}\n            surveyDetails={surveyDetails}\n            shareRecipentOptions={shareRecipentOptions}\n            shareChannelOptions={shareChannelOptions}\n            triggerDetails={triggerDetails}\n            setTriggerDetails={setTriggerDetails}\n            fieldOptions={fieldOptions}\n            variableOptions={variableOptions}\n          />\n        )}\n      </Box>\n    </ThemeProvider>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;AAKO,MAAM,WAAoC,CAAC;AAAA,EAChD,YAAA;AAAA,EACA,mBAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,aAAA;AAAA,EACA,mBAAA;AAAA,EACA,eAAA;AAAA,EACA,kBAAA;AAAA,EACA,aAAA;AAAA,EACA,sBAAA;AAAA,EACA,aAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AAAA,EACA,SAAA;AAAA,EACA,oBAAA;AAAA,EACA,mBAAA;AAAA,EACA,cAAA;AAAA,EACA,iBAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA;AAAA,EACA,eAAA;AACF,CAAM,KAAA;AA7BN,EAAA,IAAA,EAAA,CAAA;AA8BE,EAAA,SAAA,CAAU,MAAM;AACd,IAAI,IAAA,CAAC,EAAC,SAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAW,EAAI,CAAA,EAAA;AACnB,MAAU,SAAA,CAAA,SAAA,CAAU,YAAY,MAAM,CAAA,CAAA;AACtC,MAAkB,iBAAA,CAAA,SAAA,CAAU,YAAY,cAAc,CAAA,CAAA;AAAA,KACxD;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AAEL,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA;AAAA,QACL,KAAO,EAAA;AAAA,UACL,IAAM,EAAA,kCAAA;AAAA,UACN,OAAS,EAAA,kCAAA;AAAA,SACX;AAAA,OACF;AAAA,KAAA;AAAA,oBAEAA,cAAA,CAAA,aAAA,CAAC,OAAI,GAAK,EAAA,EAAE,QAAQ,OAAS,EAAA,KAAA,EAAO,SAClC,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACC,YAAA;AAAA,QACA,mBAAA;AAAA,QACA,OAAA;AAAA,QACA,QAAA;AAAA,QACA,OAAA;AAAA,QACA,mBAAA;AAAA,QACA,kBAAoB,EAAA,eAAA;AAAA,QACpB,aAAA;AAAA,QACA,aAAA;AAAA,QACA,qBAAA,EAAuB,MAAM,mBAAA,CAAoB,KAAK,CAAA;AAAA,QACtD,sBAAA;AAAA,QACA,cAAA;AAAA,QACA,MAAA;AAAA,QACA,WAAA,EAAA,CAAa,EAAW,GAAA,SAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,EAAA,KAAX,IAAe,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,QAAA,EAAA;AAAA,QAC5B,aAAa,SAAW,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,WAAA;AAAA,OAAA;AAAA,KAC1B,EACC,CAAC,aACA,mBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,aAAa,SAAW,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,WAAA;AAAA,QACxB,OAAA;AAAA,QACA,QAAA;AAAA,QACA,OAAA;AAAA,QACA,aAAA;AAAA,QACA,mBAAA;AAAA,OAAA;AAAA,KAGF,mBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,kBAAA;AAAA,QACA,MAAA;AAAA,QACA,SAAA;AAAA,QACA,KAAA;AAAA,QACA,MAAA;AAAA,QACA,aAAA;AAAA,QACA,oBAAA;AAAA,QACA,mBAAA;AAAA,QACA,cAAA;AAAA,QACA,iBAAA;AAAA,QACA,YAAA;AAAA,QACA,eAAA;AAAA,OAAA;AAAA,KAGN,CAAA;AAAA,GACF,CAAA;AAEJ;;;;"}

package/dist/es/triggers/utils/validation.utils.js

@@ -0,0 +1,30 @@
+const isEmpty = (object) => {
+  var _a;
+  return ((_a = Object.entries(object != null ? object : {})) == null ? void 0 : _a.length) === 0;
+};
+const isTriggerDetailsValid = (triggerDetails) => {
+  return !isEmpty(triggerDetails.shareChannel) && !isEmpty(triggerDetails.shareRecipient) && !isEmpty(triggerDetails.shareType);
+};
+const hasFiltersWithValues = (fields) => {
+  var _a;
+  return (_a = fields == null ? void 0 : fields.filters) == null ? void 0 : _a.some(
+    (filter) => {
+      var _a2;
+      return (_a2 = filter == null ? void 0 : filter.filter) == null ? void 0 : _a2.some((currentFilter) => !!(currentFilter == null ? void 0 : currentFilter.value));
+    }
+  );
+};
+const isEventSetupDisabled = (actions, objects, eventFields) => {
+  return (!actions.value || !objects.value) && (!objects.options.find((object) => object.value === (eventFields == null ? void 0 : eventFields.object)) || !actions.options.find(
+    (action) => {
+      var _a;
+      return (_a = eventFields == null ? void 0 : eventFields.action) == null ? void 0 : _a.includes(action == null ? void 0 : action.value);
+    }
+  ));
+};
+const isSaveDisabled = (fields, triggerDetails) => {
+  return !hasFiltersWithValues(fields) || !isTriggerDetailsValid(triggerDetails);
+};
+
+export { hasFiltersWithValues, isEmpty, isEventSetupDisabled, isSaveDisabled, isTriggerDetailsValid };
+//# sourceMappingURL=validation.utils.js.map

package/dist/es/triggers/utils/validation.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validation.utils.js","sources":["../../../../src/triggers/utils/validation.utils.ts"],"sourcesContent":["/**\n * Validation utilities for Triggers module\n */\n\n/**\n * Checks if an object is empty\n * @param object - Object to check\n * @returns boolean indicating if object is empty\n */\nexport const isEmpty = (object: any): boolean => {\n  return Object.entries(object ?? {})?.length === 0;\n};\n\n/**\n * Checks if trigger details are valid\n * @param triggerDetails - Trigger details object\n * @returns boolean indicating if details are valid\n */\nexport const isTriggerDetailsValid = (triggerDetails: any): boolean => {\n  return (\n    !isEmpty(triggerDetails.shareChannel) &&\n    !isEmpty(triggerDetails.shareRecipient) &&\n    !isEmpty(triggerDetails.shareType)\n  );\n};\n\n/**\n * Checks if any filter has a value\n * @param fields - Fields object with filters\n * @returns boolean indicating if any filter has value\n */\nexport const hasFiltersWithValues = (fields: any): boolean => {\n  return fields?.filters?.some((filter: any) =>\n    filter?.filter?.some((currentFilter: any) => !!currentFilter?.value)\n  );\n};\n\n/**\n * Checks if event setup is disabled\n * @param actions - Actions configuration\n * @param objects - Objects configuration\n * @param eventFields - Event fields\n * @returns boolean indicating if setup is disabled\n */\nexport const isEventSetupDisabled = (\n  actions: any,\n  objects: any,\n  eventFields?: any\n): boolean => {\n  return (\n    (!actions.value || !objects.value) &&\n    (!objects.options.find((object: any) => object.value === eventFields?.object) ||\n      !actions.options.find((action: any) =>\n        eventFields?.action?.includes(action?.value)\n      ))\n  );\n};\n\n/**\n * Checks if save button should be disabled\n * @param fields - Fields with filters\n * @param triggerDetails - Trigger details\n * @returns boolean indicating if save should be disabled\n */\nexport const isSaveDisabled = (fields: any, triggerDetails: any): boolean => {\n  return (\n    !hasFiltersWithValues(fields) || !isTriggerDetailsValid(triggerDetails)\n  );\n};\n\n"],"names":["_a"],"mappings":"AASa,MAAA,OAAA,GAAU,CAAC,MAAyB,KAAA;AATjD,EAAA,IAAA,EAAA,CAAA;AAUE,EAAA,OAAA,CAAA,CAAO,YAAO,OAAQ,CAAA,MAAA,IAAA,IAAA,GAAA,MAAA,GAAU,EAAE,CAAA,KAA3B,mBAA8B,MAAW,MAAA,CAAA,CAAA;AAClD,EAAA;AAOa,MAAA,qBAAA,GAAwB,CAAC,cAAiC,KAAA;AACrE,EAAA,OACE,CAAC,OAAA,CAAQ,cAAe,CAAA,YAAY,CACpC,IAAA,CAAC,OAAQ,CAAA,cAAA,CAAe,cAAc,CAAA,IACtC,CAAC,OAAA,CAAQ,eAAe,SAAS,CAAA,CAAA;AAErC,EAAA;AAOa,MAAA,oBAAA,GAAuB,CAAC,MAAyB,KAAA;AA/B9D,EAAA,IAAA,EAAA,CAAA;AAgCE,EAAO,OAAA,CAAA,EAAA,GAAA,MAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAQ,YAAR,IAAiB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA;AAAA,IAAK,CAAC,MAAa,KAAA;AAhC7C,MAAAA,IAAAA,GAAAA,CAAAA;AAiCI,MAAAA,OAAAA,CAAAA,GAAAA,GAAA,MAAQ,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAA,MAAA,KAAR,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,GAAAA,CAAgB,KAAK,CAAC,aAAA,KAAuB,CAAC,EAAC,aAAe,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,aAAA,CAAA,KAAA,CAAA,CAAA,CAAA;AAAA,KAAA;AAAA,GAAA,CAAA;AAElE,EAAA;AASO,MAAM,oBAAuB,GAAA,CAClC,OACA,EAAA,OAAA,EACA,WACY,KAAA;AACZ,EAAA,OAAA,CACG,CAAC,OAAQ,CAAA,KAAA,IAAS,CAAC,OAAQ,CAAA,KAAA,MAC3B,CAAC,OAAQ,CAAA,OAAA,CAAQ,KAAK,CAAC,MAAA,KAAgB,OAAO,KAAU,MAAA,WAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAa,OAAM,CAC1E,IAAA,CAAC,QAAQ,OAAQ,CAAA,IAAA;AAAA,IAAK,CAAC,MAAa,KAAA;AApD1C,MAAA,IAAA,EAAA,CAAA;AAqDQ,MAAa,OAAA,CAAA,EAAA,GAAA,WAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAA,MAAA,KAAb,IAAqB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,QAAA,CAAS,MAAQ,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAA,KAAA,CAAA,CAAA;AAAA,KAAA;AAAA,GACxC,CAAA,CAAA;AAEN,EAAA;AAQa,MAAA,cAAA,GAAiB,CAAC,MAAA,EAAa,cAAiC,KAAA;AAC3E,EAAA,OACE,CAAC,oBAAqB,CAAA,MAAM,CAAK,IAAA,CAAC,sBAAsB,cAAc,CAAA,CAAA;AAE1E;;;;"}