@sparrowengg/integrations-templates-frontend 2.1.0-beta.1 → 2.1.0-beta.3

package/dist/cjs/triggers/index.js

@@ -0,0 +1,333 @@
+'use strict';
+
+var React = require('react');
+var arrow = require('../commons/icons/arrow.js');
+var customPill = require('../commons/components/custom-pill.js');
+var trigger = require('./components/trigger.js');
+var draftModal = require('../commons/components/draftModal.js');
+var themeProvider = require('../node_modules/@sparrowengg/twigs-react/dist/es/theme-provider/theme-provider.js');
+var box = require('../node_modules/@sparrowengg/twigs-react/dist/es/box/box.js');
+var flex = require('../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js');
+var heading = require('../node_modules/@sparrowengg/twigs-react/dist/es/heading/heading.js');
+var text = require('../node_modules/@sparrowengg/twigs-react/dist/es/text/text.js');
+var formLabel = require('../node_modules/@sparrowengg/twigs-react/dist/es/form-label/form-label.js');
+var select = require('../node_modules/@sparrowengg/twigs-react/dist/es/select/select.js');
+var button = require('../node_modules/@sparrowengg/twigs-react/dist/es/button/button.js');
+var chevronRight = require('../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/chevron-right.js');
+var iconButton = require('../node_modules/@sparrowengg/twigs-react/dist/es/button/icon-button.js');
+var arrowLeft = require('../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/arrow-left.js');
+
+const Triggers = ({
+  draftHandler,
+  onSaveTriggerLoader,
+  objects,
+  accounts,
+  actions,
+  isTriggerPage,
+  navigateTriggerPage,
+  previousMapping,
+  hasNestedCondition,
+  onSaveHandler,
+  previousMappingHandler,
+  surveyDetails,
+  fields,
+  token,
+  apiURL,
+  setFields,
+  shareRecipentOptions,
+  shareChannelOptions,
+  triggerDetails,
+  setTriggerDetails,
+  editField,
+  fieldOptions,
+  variableOptions,
+  configurationTitle
+}) => {
+  var _a;
+  React.useEffect(() => {
+    if (!!(editField == null ? void 0 : editField.id)) {
+      setFields(editField.fieldValues.fields);
+      setTriggerDetails(editField.fieldValues.triggerDetails);
+    }
+  }, []);
+  return /* @__PURE__ */ React.createElement(
+    themeProvider.ThemeProvider,
+    {
+      theme: {
+        fonts: {
+          body: "DM Sans, Roboto Mono, sans-serif",
+          heading: "DM Sans, Roboto Mono, sans-serif"
+        }
+      }
+    },
+    /* @__PURE__ */ React.createElement(box.Box, { css: { height: "100vh", width: "100vw" } }, /* @__PURE__ */ React.createElement(
+      TriggerHeader,
+      {
+        draftHandler,
+        navigateTriggerPage,
+        objects,
+        accounts,
+        actions,
+        onSaveTriggerLoader,
+        hasPreviousMapping: previousMapping,
+        isTriggerPage,
+        onSaveHandler,
+        navigateConfigurePage: () => navigateTriggerPage(false),
+        previousMappingHandler,
+        triggerDetails,
+        fields,
+        editFieldId: (_a = editField == null ? void 0 : editField.id) == null ? void 0 : _a.toString(),
+        eventFields: (editField == null ? void 0 : editField.fieldValues) || null
+      }
+    ), !isTriggerPage ? /* @__PURE__ */ React.createElement(
+      EventSetup,
+      {
+        eventFields: (editField == null ? void 0 : editField.fieldValues) || null,
+        objects,
+        accounts,
+        actions,
+        surveyDetails,
+        navigateTriggerPage,
+        configurationTitle
+      }
+    ) : /* @__PURE__ */ React.createElement(
+      trigger.default,
+      {
+        hasNestedCondition,
+        fields,
+        setFields,
+        token,
+        apiURL,
+        surveyDetails,
+        shareRecipentOptions,
+        shareChannelOptions,
+        triggerDetails,
+        setTriggerDetails,
+        fieldOptions,
+        variableOptions
+      }
+    ))
+  );
+};
+const EventSetup = ({
+  eventFields,
+  accounts,
+  objects,
+  actions,
+  surveyDetails,
+  navigateTriggerPage,
+  configurationTitle
+}) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  React.useEffect(() => {
+    var _a2, _b2, _c2, _d2;
+    const foundAction = (_a2 = actions == null ? void 0 : actions.options) == null ? void 0 : _a2.find(
+      (action) => (action == null ? void 0 : action.value) === (eventFields == null ? void 0 : eventFields.action)
+    );
+    if (foundAction) {
+      actions == null ? void 0 : actions.onChangeHandler((_b2 = actions == null ? void 0 : actions.value) != null ? _b2 : foundAction);
+    }
+    const foundObject = (_c2 = objects == null ? void 0 : objects.options) == null ? void 0 : _c2.find(
+      (object) => (object == null ? void 0 : object.value) === (eventFields == null ? void 0 : eventFields.object)
+    );
+    if (foundObject) {
+      objects == null ? void 0 : objects.onChangeHandler((_d2 = objects == null ? void 0 : objects.value) != null ? _d2 : foundObject);
+    }
+  }, [actions == null ? void 0 : actions.value, objects == null ? void 0 : objects.value, actions == null ? void 0 : actions.options, objects == null ? void 0 : objects.options, eventFields == null ? void 0 : eventFields.action, eventFields == null ? void 0 : eventFields.object]);
+  return /* @__PURE__ */ React.createElement(
+    flex.Flex,
+    {
+      css: { paddingTop: "$40" },
+      alignItems: "center",
+      justifyContent: "center"
+    },
+    /* @__PURE__ */ React.createElement(box.Box, { css: { width: 488 } }, /* @__PURE__ */ React.createElement(heading.Heading, { size: "h5" }, configurationTitle), /* @__PURE__ */ React.createElement(flex.Flex, { gap: "$2", css: { marginTop: "$4" } }, /* @__PURE__ */ React.createElement(text.Text, { size: "sm", css: { color: "$neutral500" } }, "Survey Name:"), /* @__PURE__ */ React.createElement(text.Text, { size: "sm", weight: "medium", css: { color: "$neutral800" } }, surveyDetails == null ? void 0 : surveyDetails.surveyName)), /* @__PURE__ */ React.createElement(flex.Flex, { flexDirection: "column", gap: "$8", css: { marginTop: "$16" } }, (accounts == null ? void 0 : accounts.hasAccounts) && /* @__PURE__ */ React.createElement(flex.Flex, { gap: "$2", flexDirection: "column" }, /* @__PURE__ */ React.createElement(formLabel.FormLabel, { size: "xs", css: { fontWeight: "$5" } }, accounts == null ? void 0 : accounts.label), /* @__PURE__ */ React.createElement(
+      select.Select,
+      {
+        value: (_b = (_a = accounts.options) == null ? void 0 : _a.find(
+          (account) => account.value === (eventFields == null ? void 0 : eventFields.account)
+        )) != null ? _b : 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.createElement(flex.Flex, { gap: "$2", flexDirection: "column" }, /* @__PURE__ */ React.createElement(formLabel.FormLabel, { size: "xs", css: { fontWeight: "$5" } }, objects == null ? void 0 : objects.label), /* @__PURE__ */ React.createElement(
+      select.Select,
+      {
+        options: objects.options,
+        value: (_d = objects.value) != null ? _d : (_c = objects.options) == null ? void 0 : _c.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.createElement(flex.Flex, { gap: "$2", flexDirection: "column" }, /* @__PURE__ */ React.createElement(formLabel.FormLabel, { size: "xs", css: { fontWeight: "$5" } }, actions == null ? void 0 : actions.label), /* @__PURE__ */ React.createElement(
+      select.Select,
+      {
+        size: "lg",
+        options: actions.options,
+        value: (_f = actions.value) != null ? _f : (_e = actions.options) == null ? void 0 : _e.find(
+          (action) => action.value === (eventFields == null ? void 0 : eventFields.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.createElement(
+      button.Button,
+      {
+        size: "lg",
+        rightIcon: /* @__PURE__ */ React.createElement(chevronRight.ChevronRightIcon, null),
+        css: { marginTop: "$16" },
+        disabled: (!actions.value || !objects.value) && (!((_g = objects.options) == null ? void 0 : _g.find((object) => object.value === (eventFields == null ? void 0 : eventFields.object))) || !((_h = actions.options) == null ? void 0 : _h.find((action) => action.value === (eventFields == null ? void 0 : eventFields.action)))),
+        onClick: () => navigateTriggerPage(true)
+      },
+      "Continue"
+    ))
+  );
+};
+const CustomMultiValue = (props) => {
+  return /* @__PURE__ */ React.createElement(
+    customPill.default,
+    {
+      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
+}) => {
+  var _a, _b, _c;
+  const [isDraftModalOpen, setIsDraftModalOpen] = React.useState(false);
+  const isDisabled = (!actions.value || !objects.value) && (!((_a = objects.options) == null ? void 0 : _a.find(
+    (object) => object.value === (eventFields == null ? void 0 : eventFields.object)
+  )) || !((_b = actions.options) == null ? void 0 : _b.find(
+    (action) => action.value === (eventFields == null ? void 0 : eventFields.action)
+  )));
+  return /* @__PURE__ */ React.createElement(
+    flex.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.createElement(
+      draftModal.default,
+      {
+        onSaveHandler: async () => {
+          await draftHandler("TRIGGER", editFieldId);
+          await previousMappingHandler();
+          setIsDraftModalOpen(false);
+        },
+        onCloseHandler: () => setIsDraftModalOpen(false),
+        onCancel: async () => {
+          await previousMappingHandler();
+          setIsDraftModalOpen(false);
+        }
+      }
+    ),
+    /* @__PURE__ */ React.createElement(flex.Flex, { gap: "$6", alignItems: "center" }, /* @__PURE__ */ React.createElement(
+      iconButton.IconButton,
+      {
+        onClick: () => setIsDraftModalOpen(true),
+        color: "default",
+        icon: /* @__PURE__ */ React.createElement(arrowLeft.ArrowLeftIcon, null),
+        size: "lg"
+      }
+    ), /* @__PURE__ */ React.createElement(heading.Heading, { size: "h6" }, editFieldId ? "Edit Trigger" : "New Trigger")),
+    /* @__PURE__ */ React.createElement(
+      flex.Flex,
+      {
+        alignItems: "center",
+        gap: "$4",
+        css: {
+          "& button": { background: "transparent !important", fontSize: "$md" }
+        }
+      },
+      /* @__PURE__ */ React.createElement(
+        button.Button,
+        {
+          css: { color: !isTriggerPage ? "$neutral900" : "$neutral800" },
+          color: "default",
+          variant: "ghost",
+          size: "md",
+          onClick: () => isTriggerPage && navigateConfigurePage()
+        },
+        "Event Setup"
+      ),
+      /* @__PURE__ */ React.createElement(arrow.default, null),
+      /* @__PURE__ */ React.createElement(
+        button.Button,
+        {
+          onClick: () => navigateTriggerPage(true),
+          css: { color: !isDisabled ? "$neutral900" : "$neutral800" },
+          color: "default",
+          variant: "ghost",
+          size: "md",
+          disabled: isDisabled
+        },
+        "Trigger Conditions"
+      )
+    ),
+    /* @__PURE__ */ React.createElement(
+      button.Button,
+      {
+        loading: onSaveTriggerLoader,
+        size: "lg",
+        disabled: !((_c = fields == null ? void 0 : fields.filters) == null ? void 0 : _c.some(
+          (filterGroup) => {
+            var _a2;
+            return (_a2 = filterGroup == null ? void 0 : filterGroup.conditions) == null ? void 0 : _a2.some((condition) => !!(condition == null ? void 0 : condition.value));
+          }
+        )) || isEmpty(triggerDetails == null ? void 0 : triggerDetails.shareChannel) || isEmpty(triggerDetails == null ? void 0 : triggerDetails.shareRecipient) || isEmpty(triggerDetails == null ? void 0 : triggerDetails.shareType),
+        onClick: () => onSaveHandler(editFieldId),
+        css: { visibility: isTriggerPage ? "visible" : "hidden" }
+      },
+      editFieldId ? "Update Trigger" : "Save Trigger"
+    )
+  );
+};
+
+exports.Triggers = Triggers;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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\nimport { \n  SelectOption, \n  TriggerField, \n  TriggerDetails, \n  SurveyDetails, \n  FilterGroup, \n  FilterCondition \n} from '../commons/types/enhanced';\n\n// Legacy types for backward compatibility\nexport type TriggerFieldLegacy = {\n  id: string;\n  filters: Array<{\n    filter: Array<{\n      value: string | number | null;\n    }>;\n  }>;\n};\n\nexport type TriggerDetailsLegacy = {\n  shareChannel: Record<string, unknown>;\n  shareRecipient: Record<string, unknown>;\n  shareType: Record<string, unknown>;\n};\n\nexport type EditField = {\n  id: string | number;\n  fieldValues: {\n    fields: TriggerField;\n    triggerDetails: TriggerDetails;\n    account?: string | number;\n    object?: string | number;\n    action?: string | number;\n  };\n};\n\n\n\ntype TriggersProps = {\n  draftHandler: (type: string | null, editFieldId?: string) => void;\n  onSaveTriggerLoader: boolean;\n  objects: {\n    label: string;\n    hasObjects: boolean;\n    options: Array<SelectOption> | unknown;\n    value: SelectOption | null | unknown;\n    onChangeHandler: (value: SelectOption | SelectOption[] | null | unknown) => void;\n    isMulti?: boolean;\n  };\n  accounts: {\n    label: string;\n    hasAccounts: boolean;\n    options: Array<SelectOption> | unknown;\n    value: SelectOption | null | unknown;\n    onChangeHandler: (value: SelectOption | SelectOption[] | null | unknown) => void;\n    isMulti?: boolean;\n  };\n  actions: {\n    label: string;\n    hasActions: boolean;\n    options: Array<SelectOption> | unknown;\n    value: SelectOption | null | unknown;\n    onChangeHandler: (value: SelectOption | SelectOption[] | null | unknown) => void;\n    isMulti?: boolean;\n  };\n  isTriggerPage: boolean;\n  navigateTriggerPage: (isTriggerPage: boolean) => void;\n  previousMapping: boolean;\n  onSaveHandler: (editFieldId?: string) => void;\n  previousMappingHandler: () => void;\n  surveyDetails: SurveyDetails;\n  hasNestedCondition: boolean;\n  fields: TriggerField;\n  token: string;\n  apiURL: string;\n  setFields: (fields: TriggerField | unknown) => void;\n  shareRecipentOptions: Array<SelectOption> | unknown | Array<unknown>;\n  shareChannelOptions: Array<SelectOption> | unknown | Array<unknown>;\n  triggerDetails: TriggerDetails | unknown | Array<unknown>;\n  setTriggerDetails: (details: TriggerDetails | unknown | Array<unknown>) => void;\n  editField: EditField | null;\n  fieldOptions: Array<SelectOption> | unknown | Array<unknown>;\n  variableOptions: Array<SelectOption> | unknown | Array<unknown>;\n  configurationTitle?: string;\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  configurationTitle,\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?.toString()}\n          eventFields={editField?.fieldValues || null}\n        />\n        {!isTriggerPage ? (\n          <EventSetup\n            eventFields={editField?.fieldValues || null}\n            objects={objects}\n            accounts={accounts}\n            actions={actions}\n            surveyDetails={surveyDetails}\n            navigateTriggerPage={navigateTriggerPage}\n            configurationTitle={configurationTitle}\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: {\n    account?: string | number;\n    object?: string | number;\n    action?: string | number;\n  } | null;\n  accounts: {\n    label: string;\n    hasAccounts: boolean;\n    options: Array<SelectOption> | unknown | Array<unknown>;\n    value: SelectOption | null | unknown;\n    onChangeHandler: (value: SelectOption | SelectOption[] | null | unknown) => void;\n    isMulti?: boolean;\n  };\n  objects: {\n    label: string;\n    hasObjects: boolean;\n    options: Array<SelectOption> | unknown | Array<unknown>;\n    value: SelectOption | null | unknown;\n    onChangeHandler: (value: SelectOption | SelectOption[] | null | unknown) => void;\n    isMulti?: boolean;\n  };\n  actions: {\n    label: string;\n    hasActions: boolean;\n    options: Array<SelectOption> | unknown | Array<unknown>;\n    value: SelectOption | null | unknown;\n    onChangeHandler: (value: SelectOption | SelectOption[] | null | unknown) => void;\n    isMulti?: boolean;\n  };\n  surveyDetails: SurveyDetails | unknown;\n  navigateTriggerPage: (isTriggerPage: boolean) => void;\n  configurationTitle?: string;\n};\n\nconst EventSetup: React.FC<EventSetupProps> = ({\n  eventFields,\n  accounts,\n  objects,\n  actions,\n  surveyDetails,\n  navigateTriggerPage,\n  configurationTitle,\n}) => {\n  useEffect(() => {\n    const foundAction = (actions?.options as Array<SelectOption>)?.find(\n      (action: SelectOption) => action?.value === eventFields?.action\n    );\n    if (foundAction) {\n      actions?.onChangeHandler(actions?.value ?? foundAction);\n    }\n    \n    const foundObject = (objects?.options as Array<SelectOption>)?.find(\n      (object: SelectOption) => object?.value === eventFields?.object\n    );\n    if (foundObject) {\n      objects?.onChangeHandler(objects?.value ?? foundObject);\n    }\n  }, [actions?.value, objects?.value, actions?.options, objects?.options, eventFields?.action, eventFields?.object]);\n  return (\n    <Flex\n      css={{ paddingTop: \"$40\" }}\n      alignItems=\"center\"\n      justifyContent=\"center\"\n    >\n      <Box css={{ width: 488 }}>\n        <Heading size=\"h5\">{configurationTitle}</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 as 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                {accounts?.label}\n              </FormLabel>\n              <Select\n                value={\n                  (accounts.options as Array<SelectOption>)?.find(\n                    (account: SelectOption) => account.value === eventFields?.account\n                  ) ?? accounts.value\n                }\n                options={accounts.options as Array<SelectOption>}\n                isMulti={accounts?.isMulti}\n                placeholder=\"\"\n                onChange={(value: unknown) => accounts.onChangeHandler(value as SelectOption | SelectOption[] | null)}\n                size=\"lg\"\n              />\n            </Flex>\n          )}\n          {objects?.hasObjects && (\n            <Flex gap=\"$2\" flexDirection=\"column\">\n              <FormLabel size=\"xs\" css={{ fontWeight: \"$5\" }}>\n                {objects?.label}\n              </FormLabel>\n              <Select\n                options={objects.options as Array<SelectOption>}\n                value={\n                  objects.value ??\n                  (objects.options as Array<SelectOption>)?.find(\n                    (object: SelectOption) => object.value === eventFields?.object\n                  )\n                }\n                isMulti={objects?.isMulti}\n                placeholder=\"\"\n                onChange={(value: unknown) => objects.onChangeHandler(value as SelectOption | SelectOption[] | null)}\n                size=\"lg\"\n              />\n            </Flex>\n          )}\n          {actions?.hasActions && (\n            <Flex gap=\"$2\" flexDirection=\"column\">\n              <FormLabel size=\"xs\" css={{ fontWeight: \"$5\" }}>\n                {actions?.label}\n              </FormLabel>\n              <Select\n                size=\"lg\"\n                options={actions.options as Array<SelectOption>}\n                value={\n                  actions.value ??\n                  (actions.options as Array<SelectOption>)?.find(\n                    (action: SelectOption) => action.value === eventFields?.action\n                  )\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: unknown) => actions.onChangeHandler(value as SelectOption | SelectOption[] | null)}\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 as Array<SelectOption>)?.find((object: SelectOption)=> object.value === eventFields?.object) || !(actions.options as Array<SelectOption>)?.find((action: SelectOption)=> action.value === eventFields?.action))}\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: Record<string, unknown> | null | undefined) => {\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: {\n    hasObjects: boolean;\n    options: Array<SelectOption> | unknown;\n    value: SelectOption | null | unknown;\n    onChangeHandler: (value: SelectOption | SelectOption[] | null | unknown) => void;\n    isMulti?: boolean;\n  };\n  accounts: {\n    hasAccounts: boolean;\n    options: Array<SelectOption> | unknown;\n    value: SelectOption | null | unknown;\n    onChangeHandler: (value: SelectOption | SelectOption[] | null | unknown) => void;\n    isMulti?: boolean;\n  };\n  actions: {\n    hasActions: boolean;\n    options: Array<SelectOption> | unknown;\n    value: SelectOption | null | unknown;\n    onChangeHandler: (value: SelectOption | SelectOption[] | null | unknown) => void;\n    isMulti?: boolean;\n  };\n  onSaveTriggerLoader: boolean;\n  hasPreviousMapping: boolean;\n  isTriggerPage: boolean;\n  onSaveHandler: (editFieldId?: string) => void;\n  navigateConfigurePage: () => void;\n  previousMappingHandler: () => void;\n  fields: TriggerField | unknown;\n  editFieldId?: string;\n  eventFields: {\n    account?: string | number;\n    object?: string | number;\n    action?: string | number;\n  } | null;\n  triggerDetails: TriggerDetails | unknown;\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 as Array<SelectOption>)?.find(\n      (object: SelectOption) => object.value === eventFields?.object\n    ) ||\n      !(actions.options as Array<SelectOption>)?.find(\n        (action: SelectOption) => 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={() => setIsDraftModalOpen(true)}\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 as TriggerField)?.filters?.some((filterGroup: FilterGroup) =>\n            (filterGroup as FilterGroup)?.conditions?.some((condition: FilterCondition) => !!condition?.value)\n          ) ||\n          isEmpty((triggerDetails as TriggerDetails)?.shareChannel as unknown as Record<string, unknown>) ||\n          isEmpty((triggerDetails as TriggerDetails)?.shareRecipient as unknown as Record<string, unknown>) ||\n          isEmpty((triggerDetails as TriggerDetails)?.shareType as unknown as Record<string, unknown>)\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":["useEffect","ThemeProvider","Box","Trigger","_a","_b","_c","_d","Flex","Heading","Text","FormLabel","Select","Button","ChevronRightIcon","CustomPill","useState","DraftModal","IconButton","ArrowLeftIcon","Arrow"],"mappings":"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"}

package/dist/cjs/triggers/services/index.js

@@ -0,0 +1,30 @@
+'use strict';
+
+const apiHeader = (token) => ({
+  headers: {
+    Authorization: `Bearer ${token}`
+  }
+});
+const fetchSurveyChannels = async (token, apiURL, surveyId) => {
+  let channels = [];
+  try {
+    const data = (await fetch(
+      `${apiURL}/v3/channels?survey_id=${surveyId}`,
+      apiHeader(token)
+    )).json();
+    const response = await data;
+    channels = response.data.map((item, id) => ({
+      label: item.name,
+      value: item.id,
+      type: item.type,
+      id
+    }));
+    return channels;
+  } catch (error) {
+    console.error(error);
+  }
+  return channels;
+};
+
+exports.fetchSurveyChannels = fetchSurveyChannels;
+//# sourceMappingURL=index.js.map

package/dist/cjs/triggers/services/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/triggers/services/index.tsx"],"sourcesContent":["\nconst apiHeader = (token: string) => ({\n  headers: {\n    Authorization: `Bearer ${token}`\n  }\n});\n\nexport const fetchSurveyChannels = async (\n  token: string,\n  apiURL: string,\n  surveyId: number | string\n) => {\n   let channels: Array<{}> = []\n  try {\n      const data = (\n        await fetch(\n          `${apiURL}/v3/channels?survey_id=${surveyId}`,\n          apiHeader(token)\n        )\n      ).json();\n      const response = await data;\n      channels = response.data.map((item:any, id:any) => ({\n        label: item.name,\n        value: item.id,\n        type: item.type,\n        id\n      }));\n    return channels;\n  } catch (error) {\n    console.error(error);\n  }\n  return channels;\n};\n"],"names":[],"mappings":";;AACA,MAAM,SAAA,GAAY,CAAC,KAAmB,MAAA;AAAA,EACpC,OAAS,EAAA;AAAA,IACP,aAAA,EAAe,UAAU,KAAK,CAAA,CAAA;AAAA,GAChC;AACF,CAAA,CAAA,CAAA;AAEO,MAAM,mBAAsB,GAAA,OACjC,KACA,EAAA,MAAA,EACA,QACG,KAAA;AACF,EAAA,IAAI,WAAsB,EAAC,CAAA;AAC5B,EAAI,IAAA;AACA,IAAA,MAAM,QACJ,MAAM,KAAA;AAAA,MACJ,CAAA,EAAG,MAAM,CAAA,uBAAA,EAA0B,QAAQ,CAAA,CAAA;AAAA,MAC3C,UAAU,KAAK,CAAA;AAAA,OAEjB,IAAK,EAAA,CAAA;AACP,IAAA,MAAM,WAAW,MAAM,IAAA,CAAA;AACvB,IAAA,QAAA,GAAW,QAAS,CAAA,IAAA,CAAK,GAAI,CAAA,CAAC,MAAU,EAAY,MAAA;AAAA,MAClD,OAAO,IAAK,CAAA,IAAA;AAAA,MACZ,OAAO,IAAK,CAAA,EAAA;AAAA,MACZ,MAAM,IAAK,CAAA,IAAA;AAAA,MACX,EAAA;AAAA,KACA,CAAA,CAAA,CAAA;AACJ,IAAO,OAAA,QAAA,CAAA;AAAA,WACA,KAAO,EAAA;AACd,IAAA,OAAA,CAAQ,MAAM,KAAK,CAAA,CAAA;AAAA,GACrB;AACA,EAAO,OAAA,QAAA,CAAA;AACT;;;;"}

package/dist/es/cascader-dropdown/cascader-dropdown-content.js

@@ -1,5 +1,5 @@
 import { Popover } from '../node_modules/@radix-ui/react-popover/dist/index.js';
-import { PopoverTrigger, PopoverContent } from './popover/popover.js';
+import { PopoverTrigger, PopoverContent } from '../popover/popover.js';
 import React__default, { useState } from 'react';
 import { prefixClassName } from './styled/StyledItem.js';
 import { useCascaderDropdownContext } from './use-value.js';

package/dist/es/cascader-dropdown/cascader-dropdown-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"cascader-dropdown-content.js","sources":["../../../src/cascader-dropdown/cascader-dropdown-content.tsx"],"sourcesContent":["import { Popover, PopoverProps } from '@radix-ui/react-popover';\nimport { PopoverContent, PopoverTrigger } from './popover';\nimport {\n  Tooltip,\n  TooltipProps,\n  TooltipProvider,\n} from \"@sparrowengg/twigs-react\";\nimport React, { ComponentProps, ReactNode, useState } from \"react\";\nimport { prefixClassName } from \"./styled/StyledItem\";\nimport { Button } from \"@sparrowengg/twigs-react\";\nimport { useCascaderDropdownContext } from \"./use-value\";\nimport { CascaderDropdownNode } from \"./cascader-dropdown-node\";\nimport { CascaderDropdownList } from \"./cascader-dropdown-list\";\nimport { CascaderDropdownBreadcrumb } from \"./cascader-dropdown-breadcrumb\";\nimport { CascaderDropdownSearchInput } from \"./cascader-dropdown-search-input\";\nimport { CascaderDropdownSearchList } from \"./cascader-dropdown-search-list\";\nimport { optionTypes } from \"./helpers/cascader-dropdown-constants\";\nimport { DropdownContentProps } from \"./cascader-dropdown\";\n\nexport type ResultCacheType = Record<string, CascaderDropdownNode[]>;\n\nexport const CascaderDropdownContent = ({\n  children,\n  dropdownContentProps,\n  tooltipProps,\n  popoverTriggerButtonProps,\n  popoverTriggerProps,\n  ...props\n}: {\n  children: ReactNode;\n  dropdownContentProps?: DropdownContentProps;\n  tooltipProps?: TooltipProps;\n  popoverTriggerButtonProps?: Partial<ComponentProps<typeof Button>>;\n  popoverTriggerProps?: Partial<ComponentProps<typeof PopoverTrigger>>;\n} & PopoverProps) => {\n  const {\n    popoverOpen,\n    setPopoverOpen,\n    id,\n    selectedNode,\n    focusNthColumn,\n    focusPreviousColumn,\n    foldersSelectionPath,\n    rootNode,\n  } = useCascaderDropdownContext();\n\n  const [searchQuery, setSearchQuery] = useState(\"\");\n  const [resultCache, setResultCache] = useState<ResultCacheType>({});\n\n  const [searchFocusedNode, setSearchFocusedNode] =\n    useState<CascaderDropdownNode | null>(null);\n\n  const showValueSelector =\n    selectedNode?.getType() === optionTypes.VALUE_SELECTOR;\n\n  return (\n    <>\n      {tooltipProps?.content ? (\n        <>\n          <Popover open={popoverOpen} onOpenChange={setPopoverOpen} {...props}>\n            <Tooltip {...tooltipProps}>\n              <PopoverTrigger\n                asChild\n                className={prefixClassName(\"cascader-dropdown__trigger\")}\n                {...popoverTriggerProps}\n              >\n                {children || (\n                  <Button\n                    variant=\"ghost\"\n                    color=\"default\"\n                    className=\"twigs-editor-tool-button\"\n                    {...popoverTriggerButtonProps}\n                  >\n                    Select\n                  </Button>\n                )}\n              </PopoverTrigger>\n            </Tooltip>\n            <PopoverContent\n              data-filter-popover-content={id}\n              className={prefixClassName(\"cascader-dropdown\")}\n              css={{\n                padding: 0,\n                border: \"0.5px solid $black300\",\n                borderRadius: \"$xl\",\n                minWidth: \"260px\",\n                maxWidth: \"260px\",\n              }}\n              {...dropdownContentProps}\n            >\n              <TooltipProvider delayDuration={0}>\n                <CascaderDropdownBreadcrumb\n                  focusNthColumn={focusNthColumn}\n                  focusPreviousColumn={focusPreviousColumn}\n                  foldersSelectionPath={\n                    foldersSelectionPath as { value: string; label: string }[]\n                  }\n                />\n                {!showValueSelector && rootNode.getChildren().length > 0 && (\n                  <CascaderDropdownSearchInput\n                    searchQuery={searchQuery}\n                    setSearchQuery={setSearchQuery}\n                    searchFocusedNode={searchFocusedNode}\n                    setSearchFocusedNode={setSearchFocusedNode}\n                    resultCache={resultCache}\n                  />\n                )}\n                {!searchQuery && <CascaderDropdownList />}\n                {searchQuery && (\n                  <CascaderDropdownSearchList\n                    searchQuery={searchQuery}\n                    setSearchQuery={setSearchQuery}\n                    resultCache={resultCache}\n                    setResultCache={setResultCache}\n                    searchFocusedNode={searchFocusedNode}\n                    setSearchFocusedNode={setSearchFocusedNode}\n                  />\n                )}\n              </TooltipProvider>\n            </PopoverContent>\n          </Popover>\n        </>\n      ) : (\n        <>\n          <Popover open={popoverOpen} onOpenChange={setPopoverOpen} {...props}>\n            <PopoverTrigger\n              asChild\n              className={prefixClassName(\"cascader-dropdown__trigger\")}\n              {...popoverTriggerProps}\n            >\n              {children || (\n                <Button\n                  variant=\"ghost\"\n                  color=\"default\"\n                  className=\"twigs-editor-tool-button\"\n                  {...popoverTriggerButtonProps}\n                >\n                  Select\n                </Button>\n              )}\n            </PopoverTrigger>\n            <PopoverContent\n              data-filter-popover-content={id}\n              className={prefixClassName(\"cascader-dropdown\")}\n              css={{\n                padding: 0,\n                border: \"0.5px solid $black300\",\n                borderRadius: \"$xl\",\n                minWidth: \"260px\",\n                maxWidth: \"260px\",\n              }}\n              {...dropdownContentProps}\n            >\n              <TooltipProvider delayDuration={0}>\n                <CascaderDropdownBreadcrumb\n                  focusNthColumn={focusNthColumn}\n                  focusPreviousColumn={focusPreviousColumn}\n                  foldersSelectionPath={\n                    foldersSelectionPath as { value: string; label: string }[]\n                  }\n                />\n                {!showValueSelector && rootNode.getChildren().length > 0 && (\n                  <CascaderDropdownSearchInput\n                    searchQuery={searchQuery}\n                    setSearchQuery={setSearchQuery}\n                    searchFocusedNode={searchFocusedNode}\n                    setSearchFocusedNode={setSearchFocusedNode}\n                    resultCache={resultCache}\n                  />\n                )}\n                {!searchQuery && <CascaderDropdownList />}\n                {searchQuery && (\n                  <CascaderDropdownSearchList\n                    searchQuery={searchQuery}\n                    setSearchQuery={setSearchQuery}\n                    resultCache={resultCache}\n                    setResultCache={setResultCache}\n                    searchFocusedNode={searchFocusedNode}\n                    setSearchFocusedNode={setSearchFocusedNode}\n                  />\n                )}\n              </TooltipProvider>\n            </PopoverContent>\n          </Popover>\n        </>\n      )}\n    </>\n  );\n};\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"cascader-dropdown-content.js","sources":["../../../src/cascader-dropdown/cascader-dropdown-content.tsx"],"sourcesContent":["import { Popover, PopoverProps } from '@radix-ui/react-popover';\nimport { PopoverContent, PopoverTrigger } from '../popover';\nimport {\n  Tooltip,\n  TooltipProps,\n  TooltipProvider,\n} from \"@sparrowengg/twigs-react\";\nimport React, { ComponentProps, ReactNode, useState } from \"react\";\nimport { prefixClassName } from \"./styled/StyledItem\";\nimport { Button } from \"@sparrowengg/twigs-react\";\nimport { useCascaderDropdownContext } from \"./use-value\";\nimport { CascaderDropdownNode } from \"./cascader-dropdown-node\";\nimport { CascaderDropdownList } from \"./cascader-dropdown-list\";\nimport { CascaderDropdownBreadcrumb } from \"./cascader-dropdown-breadcrumb\";\nimport { CascaderDropdownSearchInput } from \"./cascader-dropdown-search-input\";\nimport { CascaderDropdownSearchList } from \"./cascader-dropdown-search-list\";\nimport { optionTypes } from \"./helpers/cascader-dropdown-constants\";\nimport { DropdownContentProps } from \"./cascader-dropdown\";\n\nexport type ResultCacheType = Record<string, CascaderDropdownNode[]>;\n\nexport const CascaderDropdownContent = ({\n  children,\n  dropdownContentProps,\n  tooltipProps,\n  popoverTriggerButtonProps,\n  popoverTriggerProps,\n  ...props\n}: {\n  children: ReactNode;\n  dropdownContentProps?: DropdownContentProps;\n  tooltipProps?: TooltipProps;\n  popoverTriggerButtonProps?: Partial<ComponentProps<typeof Button>>;\n  popoverTriggerProps?: Partial<ComponentProps<typeof PopoverTrigger>>;\n} & PopoverProps) => {\n  const {\n    popoverOpen,\n    setPopoverOpen,\n    id,\n    selectedNode,\n    focusNthColumn,\n    focusPreviousColumn,\n    foldersSelectionPath,\n    rootNode,\n  } = useCascaderDropdownContext();\n\n  const [searchQuery, setSearchQuery] = useState(\"\");\n  const [resultCache, setResultCache] = useState<ResultCacheType>({});\n\n  const [searchFocusedNode, setSearchFocusedNode] =\n    useState<CascaderDropdownNode | null>(null);\n\n  const showValueSelector =\n    selectedNode?.getType() === optionTypes.VALUE_SELECTOR;\n\n  return (\n    <>\n      {tooltipProps?.content ? (\n        <>\n          <Popover open={popoverOpen} onOpenChange={setPopoverOpen} {...props}>\n            <Tooltip {...tooltipProps}>\n              <PopoverTrigger\n                asChild\n                className={prefixClassName(\"cascader-dropdown__trigger\")}\n                {...popoverTriggerProps}\n              >\n                {children || (\n                  <Button\n                    variant=\"ghost\"\n                    color=\"default\"\n                    className=\"twigs-editor-tool-button\"\n                    {...popoverTriggerButtonProps}\n                  >\n                    Select\n                  </Button>\n                )}\n              </PopoverTrigger>\n            </Tooltip>\n            <PopoverContent\n              data-filter-popover-content={id}\n              className={prefixClassName(\"cascader-dropdown\")}\n              css={{\n                padding: 0,\n                border: \"0.5px solid $black300\",\n                borderRadius: \"$xl\",\n                minWidth: \"260px\",\n                maxWidth: \"260px\",\n              }}\n              {...dropdownContentProps}\n            >\n              <TooltipProvider delayDuration={0}>\n                <CascaderDropdownBreadcrumb\n                  focusNthColumn={focusNthColumn}\n                  focusPreviousColumn={focusPreviousColumn}\n                  foldersSelectionPath={\n                    foldersSelectionPath as { value: string; label: string }[]\n                  }\n                />\n                {!showValueSelector && rootNode.getChildren().length > 0 && (\n                  <CascaderDropdownSearchInput\n                    searchQuery={searchQuery}\n                    setSearchQuery={setSearchQuery}\n                    searchFocusedNode={searchFocusedNode}\n                    setSearchFocusedNode={setSearchFocusedNode}\n                    resultCache={resultCache}\n                  />\n                )}\n                {!searchQuery && <CascaderDropdownList />}\n                {searchQuery && (\n                  <CascaderDropdownSearchList\n                    searchQuery={searchQuery}\n                    setSearchQuery={setSearchQuery}\n                    resultCache={resultCache}\n                    setResultCache={setResultCache}\n                    searchFocusedNode={searchFocusedNode}\n                    setSearchFocusedNode={setSearchFocusedNode}\n                  />\n                )}\n              </TooltipProvider>\n            </PopoverContent>\n          </Popover>\n        </>\n      ) : (\n        <>\n          <Popover open={popoverOpen} onOpenChange={setPopoverOpen} {...props}>\n            <PopoverTrigger\n              asChild\n              className={prefixClassName(\"cascader-dropdown__trigger\")}\n              {...popoverTriggerProps}\n            >\n              {children || (\n                <Button\n                  variant=\"ghost\"\n                  color=\"default\"\n                  className=\"twigs-editor-tool-button\"\n                  {...popoverTriggerButtonProps}\n                >\n                  Select\n                </Button>\n              )}\n            </PopoverTrigger>\n            <PopoverContent\n              data-filter-popover-content={id}\n              className={prefixClassName(\"cascader-dropdown\")}\n              css={{\n                padding: 0,\n                border: \"0.5px solid $black300\",\n                borderRadius: \"$xl\",\n                minWidth: \"260px\",\n                maxWidth: \"260px\",\n              }}\n              {...dropdownContentProps}\n            >\n              <TooltipProvider delayDuration={0}>\n                <CascaderDropdownBreadcrumb\n                  focusNthColumn={focusNthColumn}\n                  focusPreviousColumn={focusPreviousColumn}\n                  foldersSelectionPath={\n                    foldersSelectionPath as { value: string; label: string }[]\n                  }\n                />\n                {!showValueSelector && rootNode.getChildren().length > 0 && (\n                  <CascaderDropdownSearchInput\n                    searchQuery={searchQuery}\n                    setSearchQuery={setSearchQuery}\n                    searchFocusedNode={searchFocusedNode}\n                    setSearchFocusedNode={setSearchFocusedNode}\n                    resultCache={resultCache}\n                  />\n                )}\n                {!searchQuery && <CascaderDropdownList />}\n                {searchQuery && (\n                  <CascaderDropdownSearchList\n                    searchQuery={searchQuery}\n                    setSearchQuery={setSearchQuery}\n                    resultCache={resultCache}\n                    setResultCache={setResultCache}\n                    searchFocusedNode={searchFocusedNode}\n                    setSearchFocusedNode={setSearchFocusedNode}\n                  />\n                )}\n              </TooltipProvider>\n            </PopoverContent>\n          </Popover>\n        </>\n      )}\n    </>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBa,MAAA,uBAAA,GAA0B,CAAC,EAanB,KAAA;AAbmB,EACtC,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,oBAAA;AAAA,IACA,YAAA;AAAA,IACA,yBAAA;AAAA,IACA,mBAAA;AAAA,GA1BF,GAqBwC,EAMnC,EAAA,KAAA,GAAA,SAAA,CANmC,EAMnC,EAAA;AAAA,IALH,UAAA;AAAA,IACA,sBAAA;AAAA,IACA,cAAA;AAAA,IACA,2BAAA;AAAA,IACA,qBAAA;AAAA,GAAA,CAAA,CAAA;AASA,EAAM,MAAA;AAAA,IACJ,WAAA;AAAA,IACA,cAAA;AAAA,IACA,EAAA;AAAA,IACA,YAAA;AAAA,IACA,cAAA;AAAA,IACA,mBAAA;AAAA,IACA,oBAAA;AAAA,IACA,QAAA;AAAA,MACE,0BAA2B,EAAA,CAAA;AAE/B,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAS,EAAE,CAAA,CAAA;AACjD,EAAA,MAAM,CAAC,WAAa,EAAA,cAAc,CAAI,GAAA,QAAA,CAA0B,EAAE,CAAA,CAAA;AAElE,EAAA,MAAM,CAAC,iBAAA,EAAmB,oBAAoB,CAAA,GAC5C,SAAsC,IAAI,CAAA,CAAA;AAE5C,EAAM,MAAA,iBAAA,GAAA,CACJ,YAAc,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,YAAA,CAAA,OAAA,EAAA,MAAc,WAAY,CAAA,cAAA,CAAA;AAE1C,EAAA,uBAEKA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,EAAA,CAAA,YAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,YAAA,CAAc,OACb,oBAAAA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,kBACGA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,cAAA,CAAA,EAAQ,IAAM,EAAA,WAAA,EAAa,YAAc,EAAA,cAAA,EAAA,EAAoB,KAC5D,CAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,4BAAY,YACX,CAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,cAAA;AAAA,IAAA,cAAA,CAAA;AAAA,MACC,OAAO,EAAA,IAAA;AAAA,MACP,SAAA,EAAW,gBAAgB,4BAA4B,CAAA;AAAA,KACnD,EAAA,mBAAA,CAAA;AAAA,IAEH,QACC,oBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA,cAAA,CAAA;AAAA,QACC,OAAQ,EAAA,OAAA;AAAA,QACR,KAAM,EAAA,SAAA;AAAA,QACN,SAAU,EAAA,0BAAA;AAAA,OACN,EAAA,yBAAA,CAAA;AAAA,MACL,QAAA;AAAA,KAED;AAAA,GAGN,CACA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,cAAA;AAAA,IAAA,cAAA,CAAA;AAAA,MACC,6BAA6B,EAAA,EAAA;AAAA,MAC7B,SAAA,EAAW,gBAAgB,mBAAmB,CAAA;AAAA,MAC9C,GAAK,EAAA;AAAA,QACH,OAAS,EAAA,CAAA;AAAA,QACT,MAAQ,EAAA,uBAAA;AAAA,QACR,YAAc,EAAA,KAAA;AAAA,QACd,QAAU,EAAA,OAAA;AAAA,QACV,QAAU,EAAA,OAAA;AAAA,OACZ;AAAA,KACI,EAAA,oBAAA,CAAA;AAAA,oBAEJA,cAAA,CAAA,aAAA,CAAC,eAAgB,EAAA,EAAA,aAAA,EAAe,CAC9B,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,0BAAA;AAAA,MAAA;AAAA,QACC,cAAA;AAAA,QACA,mBAAA;AAAA,QACA,oBAAA;AAAA,OAAA;AAAA,OAID,CAAC,iBAAA,IAAqB,SAAS,WAAY,EAAA,CAAE,SAAS,CACrD,oBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,2BAAA;AAAA,MAAA;AAAA,QACC,WAAA;AAAA,QACA,cAAA;AAAA,QACA,iBAAA;AAAA,QACA,oBAAA;AAAA,QACA,WAAA;AAAA,OAAA;AAAA,OAGH,CAAC,WAAA,oBAAgBA,cAAA,CAAA,aAAA,CAAA,oBAAA,EAAA,IAAqB,GACtC,WACC,oBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,0BAAA;AAAA,MAAA;AAAA,QACC,WAAA;AAAA,QACA,cAAA;AAAA,QACA,WAAA;AAAA,QACA,cAAA;AAAA,QACA,iBAAA;AAAA,QACA,oBAAA;AAAA,OAAA;AAAA,KAGN,CAAA;AAAA,GAEJ,CACF,CAAA,mBAGEA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,0BAAQ,IAAM,EAAA,WAAA,EAAa,YAAc,EAAA,cAAA,EAAA,EAAoB,KAC5D,CAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,cAAA;AAAA,IAAA,cAAA,CAAA;AAAA,MACC,OAAO,EAAA,IAAA;AAAA,MACP,SAAA,EAAW,gBAAgB,4BAA4B,CAAA;AAAA,KACnD,EAAA,mBAAA,CAAA;AAAA,IAEH,QACC,oBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA,cAAA,CAAA;AAAA,QACC,OAAQ,EAAA,OAAA;AAAA,QACR,KAAM,EAAA,SAAA;AAAA,QACN,SAAU,EAAA,0BAAA;AAAA,OACN,EAAA,yBAAA,CAAA;AAAA,MACL,QAAA;AAAA,KAED;AAAA,GAGJ,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,cAAA;AAAA,IAAA,cAAA,CAAA;AAAA,MACC,6BAA6B,EAAA,EAAA;AAAA,MAC7B,SAAA,EAAW,gBAAgB,mBAAmB,CAAA;AAAA,MAC9C,GAAK,EAAA;AAAA,QACH,OAAS,EAAA,CAAA;AAAA,QACT,MAAQ,EAAA,uBAAA;AAAA,QACR,YAAc,EAAA,KAAA;AAAA,QACd,QAAU,EAAA,OAAA;AAAA,QACV,QAAU,EAAA,OAAA;AAAA,OACZ;AAAA,KACI,EAAA,oBAAA,CAAA;AAAA,oBAEJA,cAAA,CAAA,aAAA,CAAC,eAAgB,EAAA,EAAA,aAAA,EAAe,CAC9B,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,0BAAA;AAAA,MAAA;AAAA,QACC,cAAA;AAAA,QACA,mBAAA;AAAA,QACA,oBAAA;AAAA,OAAA;AAAA,OAID,CAAC,iBAAA,IAAqB,SAAS,WAAY,EAAA,CAAE,SAAS,CACrD,oBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,2BAAA;AAAA,MAAA;AAAA,QACC,WAAA;AAAA,QACA,cAAA;AAAA,QACA,iBAAA;AAAA,QACA,oBAAA;AAAA,QACA,WAAA;AAAA,OAAA;AAAA,OAGH,CAAC,WAAA,oBAAgBA,cAAA,CAAA,aAAA,CAAA,oBAAA,EAAA,IAAqB,GACtC,WACC,oBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,0BAAA;AAAA,MAAA;AAAA,QACC,WAAA;AAAA,QACA,cAAA;AAAA,QACA,WAAA;AAAA,QACA,cAAA;AAAA,QACA,iBAAA;AAAA,QACA,oBAAA;AAAA,OAAA;AAAA,KAGN,CAAA;AAAA,GAEJ,CACF,CAEJ,CAAA,CAAA;AAEJ;;;;"}

package/dist/es/commons/components/NamingModal.js

@@ -1,5 +1,4 @@
-import React__default, { useCallback } from 'react';
-import { SIZE_VALUES, COLORS, VARIANTS, ARIA_LABELS, COMPONENT_DISPLAY_NAMES, MODAL_TITLES, PLACEHOLDERS, NUMERIC_CONSTANTS, BUTTON_TEXT } from '../constants/strings.js';
+import React__default from 'react';
 import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogBody, DialogFooter, DialogClose } from '../../node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialog.js';
 import { Flex } from '../../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js';
 import { FormInput } from '../../node_modules/@sparrowengg/twigs-react/dist/es/input/form-input.js';
@@ -8,33 +7,16 @@ import { Box } from '../../node_modules/@sparrowengg/twigs-react/dist/es/box/box
 import { IconButton } from '../../node_modules/@sparrowengg/twigs-react/dist/es/button/icon-button.js';
 import { CloseIcon } from '../../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/close.js';
 
-const DEFAULT_CONFIG = {
-  title: MODAL_TITLES.MAPPING_NAME,
-  placeholder: PLACEHOLDERS.ENTER_NAME_FOR_FUTURE_REFERENCE,
-  maxLength: NUMERIC_CONSTANTS.MAX_LENGTH_DEFAULT,
-  saveButtonText: BUTTON_TEXT.SAVE_MAPPING,
-  updateButtonText: BUTTON_TEXT.UPDATE_MAPPING
-};
-const NamingModal = ({
+function NamingModal({
   editFieldId,
-  isLoading = false,
-  onSave,
-  onClose,
+  mappingLoader = false,
+  saveHandler,
+  closeHandler,
   value,
-  onValueChange,
-  isOpen,
-  maxLength = DEFAULT_CONFIG.maxLength,
-  placeholder = DEFAULT_CONFIG.placeholder
-}) => {
-  const handleInputChange = useCallback(
-    (event) => {
-      onValueChange(event.target.value);
-    },
-    [onValueChange]
-  );
-  const buttonText = editFieldId ? DEFAULT_CONFIG.updateButtonText : DEFAULT_CONFIG.saveButtonText;
-  const isSaveDisabled = !value.trim() || isLoading;
-  return /* @__PURE__ */ React__default.createElement(Dialog, { open: isOpen, size: SIZE_VALUES.SMALL }, /* @__PURE__ */ React__default.createElement(DialogContent, null, /* @__PURE__ */ React__default.createElement(
+  setValue,
+  isOpen
+}) {
+  return /* @__PURE__ */ React__default.createElement(Dialog, { open: isOpen, size: "sm" }, /* @__PURE__ */ React__default.createElement(DialogContent, null, /* @__PURE__ */ React__default.createElement(
     DialogHeader,
     {
       css: {
@@ -45,29 +27,22 @@ const NamingModal = ({
         borderBottom: "none !important"
       }
     },
-    /* @__PURE__ */ React__default.createElement(DialogTitle, { size: SIZE_VALUES.LARGE }, DEFAULT_CONFIG.title)
-  ), /* @__PURE__ */ React__default.createElement(
-    DialogBody,
+    /* @__PURE__ */ React__default.createElement(DialogTitle, { size: "lg" }, "Mapping Name")
+  ), /* @__PURE__ */ React__default.createElement(DialogBody, { css: {
+    paddingInline: "$12",
+    paddingTop: "0 !important",
+    paddingBottom: "$8"
+  } }, /* @__PURE__ */ React__default.createElement(Flex, { flexDirection: "column", gap: "$2", css: { marginBottom: "$2" } }, /* @__PURE__ */ React__default.createElement(
+    FormInput,
     {
-      css: {
-        paddingInline: "$12",
-        paddingTop: "0 !important",
-        paddingBottom: "$8"
-      }
-    },
-    /* @__PURE__ */ React__default.createElement(Flex, { flexDirection: "column", gap: "$2", css: { marginBottom: "$2" } }, /* @__PURE__ */ React__default.createElement(
-      FormInput,
-      {
-        size: SIZE_VALUES.LARGE,
-        id: "mappingName",
-        value,
-        onChange: handleInputChange,
-        maxLength,
-        placeholder,
-        autoFocus: true
-      }
-    ))
-  ), /* @__PURE__ */ React__default.createElement(DialogFooter, null, /* @__PURE__ */ React__default.createElement(
+      size: "lg",
+      id: "name",
+      value,
+      onChange: (e) => setValue(e.target.value),
+      maxLength: 50,
+      placeholder: "Enter a name for future reference"
+    }
+  ))), /* @__PURE__ */ React__default.createElement(DialogFooter, null, /* @__PURE__ */ React__default.createElement(
     Flex,
     {
       css: {
@@ -77,30 +52,27 @@ const NamingModal = ({
     /* @__PURE__ */ React__default.createElement(
       Button,
       {
-        loading: isLoading,
-        size: SIZE_VALUES.LARGE,
-        color: COLORS.PRIMARY,
+        loading: mappingLoader,
+        size: "lg",
+        color: "primary",
         css: {
           width: "100%"
         },
-        onClick: onSave,
-        disabled: isSaveDisabled
+        onClick: saveHandler
       },
-      buttonText
+      editFieldId ? "Update Mapping" : "Save Mapping"
     )
-  )), /* @__PURE__ */ React__default.createElement(Box, { css: { position: "absolute", top: "$8", right: "$8" } }, /* @__PURE__ */ React__default.createElement(DialogClose, { asChild: true, onClick: onClose }, /* @__PURE__ */ React__default.createElement(
+  )), /* @__PURE__ */ React__default.createElement(Box, { css: { position: "absolute", top: "$8", right: "$8" } }, /* @__PURE__ */ React__default.createElement(DialogClose, { asChild: true, onClick: closeHandler }, /* @__PURE__ */ React__default.createElement(
     IconButton,
     {
-      size: SIZE_VALUES.LARGE,
+      size: "lg",
       icon: /* @__PURE__ */ React__default.createElement(CloseIcon, null),
-      variant: VARIANTS.GHOST,
-      "aria-label": ARIA_LABELS.CLOSE_MODAL,
-      color: COLORS.DEFAULT,
-      disabled: isLoading
+      variant: "ghost",
+      "aria-label": "Close",
+      color: "default"
     }
   )))));
-};
-NamingModal.displayName = COMPONENT_DISPLAY_NAMES.NAMING_MODAL;
+}
 
 export { NamingModal as default };
 //# sourceMappingURL=NamingModal.js.map