@sparrowengg/integrations-templates-frontend 2.0.0 → 2.1.0-beta.2

package/dist/es/triggers/Triggers.js

@@ -0,0 +1,103 @@
+import React__default, { useEffect } from 'react';
+import { TriggerHeader } from './components/TriggerHeader.js';
+import { EventSetup } from './components/EventSetup.js';
+import { TriggerConditions } from './components/TriggerConditions.js';
+import { FONTS } from './constants/index.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';
+
+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;
+  useEffect(() => {
+    if (editField == null ? void 0 : editField.id) {
+      setFields(editField.fieldValues.fields);
+      setTriggerDetails(editField.fieldValues.triggerDetails);
+    }
+  }, [editField, setFields, setTriggerDetails]);
+  return /* @__PURE__ */ React__default.createElement(
+    ThemeProvider,
+    {
+      theme: {
+        fonts: {
+          body: FONTS.BODY,
+          heading: FONTS.HEADING
+        }
+      }
+    },
+    /* @__PURE__ */ React__default.createElement(Box, { css: { height: "100vh", width: "100vw" } }, /* @__PURE__ */ React__default.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__default.createElement(
+      EventSetup,
+      {
+        eventFields: (editField == null ? void 0 : editField.fieldValues) || null,
+        objects,
+        accounts,
+        actions,
+        surveyDetails,
+        navigateTriggerPage,
+        configurationTitle
+      }
+    ) : /* @__PURE__ */ React__default.createElement(
+      TriggerConditions,
+      {
+        hasNestedCondition,
+        fields,
+        setFields,
+        token,
+        apiURL,
+        surveyDetails,
+        shareRecipentOptions,
+        shareChannelOptions,
+        triggerDetails,
+        setTriggerDetails,
+        fieldOptions,
+        variableOptions
+      }
+    ))
+  );
+};
+
+export { Triggers };
+//# sourceMappingURL=Triggers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Triggers.js","sources":["../../../src/triggers/Triggers.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { Box, ThemeProvider } from '@sparrowengg/twigs-react';\nimport { TriggerHeader } from './components/TriggerHeader';\nimport { EventSetup } from './components/EventSetup';\nimport { TriggerConditions } from './components/TriggerConditions';\nimport { TriggersProps } from './types';\nimport { FONTS } from './constants';\n\n/**\n * Main Triggers Component\n * Manages the trigger creation/editing flow with event setup and trigger conditions\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  /**\n   * Load edit field data on mount\n   */\n  useEffect(() => {\n    if (editField?.id) {\n      setFields(editField.fieldValues.fields);\n      setTriggerDetails(editField.fieldValues.triggerDetails);\n    }\n  }, [editField, setFields, setTriggerDetails]);\n\n  return (\n    <ThemeProvider\n      theme={{\n        fonts: {\n          body: FONTS.BODY,\n          heading: FONTS.HEADING,\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\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          <TriggerConditions\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\n"],"names":["React"],"mappings":";;;;;;;;AAYO,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;AAAA,EACA,kBAAA;AACF,CAAM,KAAA;AArCN,EAAA,IAAA,EAAA,CAAA;AAyCE,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,uCAAW,EAAI,EAAA;AACjB,MAAU,SAAA,CAAA,SAAA,CAAU,YAAY,MAAM,CAAA,CAAA;AACtC,MAAkB,iBAAA,CAAA,SAAA,CAAU,YAAY,cAAc,CAAA,CAAA;AAAA,KACxD;AAAA,GACC,EAAA,CAAC,SAAW,EAAA,SAAA,EAAW,iBAAiB,CAAC,CAAA,CAAA;AAE5C,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA;AAAA,QACL,KAAO,EAAA;AAAA,UACL,MAAM,KAAM,CAAA,IAAA;AAAA,UACZ,SAAS,KAAM,CAAA,OAAA;AAAA,SACjB;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,WAAA,EAAA,CAAa,uCAAW,WAAe,KAAA,IAAA;AAAA,OAAA;AAAA,KACzC,EAEC,CAAC,aACA,mBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,WAAA,EAAA,CAAa,uCAAW,WAAe,KAAA,IAAA;AAAA,QACvC,OAAA;AAAA,QACA,QAAA;AAAA,QACA,OAAA;AAAA,QACA,aAAA;AAAA,QACA,mBAAA;AAAA,QACA,kBAAA;AAAA,OAAA;AAAA,KAGF,mBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,iBAAA;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/components/EventSetup.js

@@ -0,0 +1,125 @@
+import React__default, { useEffect } from 'react';
+import CustomPill from '../../commons/components/custom-pill.js';
+import { findOptionByValue, isEventSetupValid } from '../utils/helpers.js';
+import { UI_TEXT, PLACEHOLDERS } from '../constants/index.js';
+import { Flex } from '../../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js';
+import { Box } from '../../node_modules/@sparrowengg/twigs-react/dist/es/box/box.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';
+
+const CustomMultiValue = ({ data, removeProps }) => {
+  return /* @__PURE__ */ React__default.createElement(
+    CustomPill,
+    {
+      label: data.label,
+      onCloseHandler: removeProps.onClick,
+      variant: "default",
+      radius: "md"
+    }
+  );
+};
+const EventSetup = ({
+  eventFields,
+  accounts,
+  objects,
+  actions,
+  surveyDetails,
+  navigateTriggerPage,
+  configurationTitle = UI_TEXT.CONFIGURE_EVENT
+}) => {
+  var _a, _b, _c;
+  useEffect(() => {
+    const foundAction = findOptionByValue(
+      actions.options,
+      eventFields == null ? void 0 : eventFields.action
+    );
+    if (foundAction && !actions.value) {
+      actions.onChangeHandler(foundAction);
+    }
+    const foundObject = findOptionByValue(
+      objects.options,
+      eventFields == null ? void 0 : eventFields.object
+    );
+    if (foundObject && !objects.value) {
+      objects.onChangeHandler(foundObject);
+    }
+  }, [
+    actions.value,
+    objects.value,
+    actions.options,
+    objects.options,
+    eventFields == null ? void 0 : eventFields.action,
+    eventFields == null ? void 0 : eventFields.object
+  ]);
+  const isValid = isEventSetupValid(
+    actions.value,
+    objects.value,
+    eventFields,
+    actions.options,
+    objects.options
+  );
+  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" }, configurationTitle), /* @__PURE__ */ React__default.createElement(Flex, { gap: "$2", css: { marginTop: "$4" } }, /* @__PURE__ */ React__default.createElement(Text, { size: "sm", css: { color: "$neutral500" } }, UI_TEXT.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.hasAccounts && /* @__PURE__ */ React__default.createElement(Flex, { gap: "$2", flexDirection: "column" }, /* @__PURE__ */ React__default.createElement(FormLabel, { size: "xs", css: { fontWeight: "$5" } }, accounts.label), /* @__PURE__ */ React__default.createElement(
+      Select,
+      {
+        value: (_a = findOptionByValue(accounts.options, eventFields == null ? void 0 : eventFields.account)) != null ? _a : accounts.value,
+        options: accounts.options,
+        isMulti: accounts.isMulti,
+        placeholder: PLACEHOLDERS.SELECT_ACCOUNT,
+        onChange: (value) => accounts.onChangeHandler(value),
+        size: "lg"
+      }
+    )), objects.hasObjects && /* @__PURE__ */ React__default.createElement(Flex, { gap: "$2", flexDirection: "column" }, /* @__PURE__ */ React__default.createElement(FormLabel, { size: "xs", css: { fontWeight: "$5" } }, objects.label), /* @__PURE__ */ React__default.createElement(
+      Select,
+      {
+        options: objects.options,
+        value: (_b = objects.value) != null ? _b : findOptionByValue(objects.options, eventFields == null ? void 0 : eventFields.object),
+        isMulti: objects.isMulti,
+        placeholder: PLACEHOLDERS.SELECT_OBJECT,
+        onChange: (value) => objects.onChangeHandler(value),
+        size: "lg"
+      }
+    )), actions.hasActions && /* @__PURE__ */ React__default.createElement(Flex, { gap: "$2", flexDirection: "column" }, /* @__PURE__ */ React__default.createElement(FormLabel, { size: "xs", css: { fontWeight: "$5" } }, actions.label), /* @__PURE__ */ React__default.createElement(
+      Select,
+      {
+        size: "lg",
+        options: actions.options,
+        value: (_c = actions.value) != null ? _c : findOptionByValue(actions.options, eventFields == null ? void 0 : eventFields.action),
+        isMulti: actions.isMulti,
+        placeholder: PLACEHOLDERS.SELECT_ACTION,
+        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: !isValid,
+        onClick: () => navigateTriggerPage(true)
+      },
+      UI_TEXT.CONTINUE
+    ))
+  );
+};
+
+export { EventSetup };
+//# sourceMappingURL=EventSetup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EventSetup.js","sources":["../../../../src/triggers/components/EventSetup.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport {\n  Box,\n  Button,\n  Flex,\n  FormLabel,\n  Heading,\n  Select,\n  Text,\n} from '@sparrowengg/twigs-react';\nimport { ChevronRightIcon } from '@sparrowengg/twigs-react-icons';\nimport { SelectOption } from '../../commons/types/enhanced';\nimport CustomPill from '../../commons/components/custom-pill';\nimport { EventSetupProps } from '../types';\nimport { findOptionByValue, isEventSetupValid } from '../utils/helpers';\nimport { UI_TEXT, PLACEHOLDERS } from '../constants';\n\n/**\n * Custom multi-value component for Select\n */\nconst CustomMultiValue: React.FC<{\n  data: SelectOption;\n  removeProps: { onClick: () => void };\n}> = ({ data, removeProps }) => {\n  return (\n    <CustomPill\n      label={data.label}\n      onCloseHandler={removeProps.onClick}\n      variant=\"default\"\n      radius=\"md\"\n    />\n  );\n};\n\n/**\n * EventSetup Component\n * Handles the initial configuration of triggers including account, object, and action selection\n */\nexport const EventSetup: React.FC<EventSetupProps> = ({\n  eventFields,\n  accounts,\n  objects,\n  actions,\n  surveyDetails,\n  navigateTriggerPage,\n  configurationTitle = UI_TEXT.CONFIGURE_EVENT,\n}) => {\n  // Sync event fields with select values on mount and when options change\n  useEffect(() => {\n    const foundAction = findOptionByValue(\n      actions.options,\n      eventFields?.action\n    );\n    if (foundAction && !actions.value) {\n      actions.onChangeHandler(foundAction);\n    }\n\n    const foundObject = findOptionByValue(\n      objects.options,\n      eventFields?.object\n    );\n    if (foundObject && !objects.value) {\n      objects.onChangeHandler(foundObject);\n    }\n  }, [\n    actions.value,\n    objects.value,\n    actions.options,\n    objects.options,\n    eventFields?.action,\n    eventFields?.object,\n  ]);\n\n  const isValid = isEventSetupValid(\n    actions.value,\n    objects.value,\n    eventFields,\n    actions.options,\n    objects.options\n  );\n\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        \n        <Flex gap=\"$2\" css={{ marginTop: '$4' }}>\n          <Text size=\"sm\" css={{ color: '$neutral500' }}>\n            {UI_TEXT.SURVEY_NAME}\n          </Text>\n          <Text size=\"sm\" weight=\"medium\" css={{ color: '$neutral800' }}>\n            {surveyDetails.surveyName}\n          </Text>\n        </Flex>\n\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                  findOptionByValue(accounts.options, eventFields?.account) ??\n                  accounts.value\n                }\n                options={accounts.options}\n                isMulti={accounts.isMulti}\n                placeholder={PLACEHOLDERS.SELECT_ACCOUNT}\n                onChange={(value) =>\n                  accounts.onChangeHandler(value as SelectOption | SelectOption[] | null)\n                }\n                size=\"lg\"\n              />\n            </Flex>\n          )}\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}\n                value={\n                  objects.value ??\n                  findOptionByValue(objects.options, eventFields?.object)\n                }\n                isMulti={objects.isMulti}\n                placeholder={PLACEHOLDERS.SELECT_OBJECT}\n                onChange={(value) =>\n                  objects.onChangeHandler(value as SelectOption | SelectOption[] | null)\n                }\n                size=\"lg\"\n              />\n            </Flex>\n          )}\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}\n                value={\n                  actions.value ??\n                  findOptionByValue(actions.options, eventFields?.action)\n                }\n                isMulti={actions.isMulti}\n                placeholder={PLACEHOLDERS.SELECT_ACTION}\n                css={{\n                  '.twigs-select__value-container--is-multi': {\n                    gap: '$2',\n                  },\n                }}\n                components={{\n                  MultiValue: CustomMultiValue,\n                }}\n                onChange={(value) =>\n                  actions.onChangeHandler(value as SelectOption | SelectOption[] | null)\n                }\n              />\n            </Flex>\n          )}\n        </Flex>\n\n        <Button\n          size=\"lg\"\n          rightIcon={<ChevronRightIcon />}\n          css={{ marginTop: '$16' }}\n          disabled={!isValid}\n          onClick={() => navigateTriggerPage(true)}\n        >\n          {UI_TEXT.CONTINUE}\n        </Button>\n      </Box>\n    </Flex>\n  );\n};\n\n"],"names":["React"],"mappings":"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"}

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

@@ -0,0 +1,204 @@
+import React__default from 'react';
+import CustomPill from '../../commons/components/custom-pill.js';
+import NestedAddIcon from '../../commons/icons/nested-add.js';
+import TrashIcon from '../../commons/icons/trash.js';
+import { CustomFieldChip } from './chips/CustomChips.js';
+import { FieldPopover } from './popovers/FieldPopover.js';
+import { DataTypePopover } from './popovers/DataTypePopover.js';
+import { FieldValuePopover } from './popovers/FieldValuePopover.js';
+import { getCurrentConditionText } from '../utils/helpers.js';
+import { UI_TEXT } from '../constants/index.js';
+import { Flex } from '../../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js';
+import { Text } from '../../node_modules/@sparrowengg/twigs-react/dist/es/text/text.js';
+import { Box } from '../../node_modules/@sparrowengg/twigs-react/dist/es/box/box.js';
+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 Filter = ({
+  setIsEditing,
+  filters,
+  fields,
+  index,
+  isEditing,
+  setCurrentField,
+  resetEditing,
+  hasNestedCondition,
+  addNestedFilterCondition,
+  setNestedFieldCondition,
+  removeCurrentFilter,
+  removeNestedField,
+  fieldOptions
+}) => {
+  var _a, _b;
+  const handleToggleCondition = () => {
+    const newCondition = filters.operator === "OR" ? "AND" : "OR";
+    setNestedFieldCondition(filters.id, newCondition);
+  };
+  return /* @__PURE__ */ React__default.createElement(Flex, { flexDirection: "column", gap: "$1" }, /* @__PURE__ */ React__default.createElement(
+    Flex,
+    {
+      alignItems: "center",
+      gap: "5px",
+      css: {
+        marginBottom: "$4",
+        "&:hover": {
+          "#action-btn": {
+            opacity: 1
+          }
+        }
+      }
+    },
+    /* @__PURE__ */ React__default.createElement(Text, { weight: "bold", css: { whiteSpace: "nowrap" } }, index > 0 && `${(_a = fields.condition) == null ? void 0 : _a.toLowerCase()} `, UI_TEXT.WHEN),
+    /* @__PURE__ */ React__default.createElement(
+      Box,
+      {
+        css: {
+          borderBottom: "$borderWidths$xs solid $black200",
+          width: "100%",
+          marginLeft: "$3",
+          position: "relative"
+        }
+      },
+      /* @__PURE__ */ React__default.createElement(
+        Flex,
+        {
+          css: {
+            position: "absolute",
+            right: 0,
+            top: "-$6",
+            background: "$white900",
+            paddingLeft: "$2",
+            opacity: 0,
+            transition: "all .3s ease"
+          },
+          id: "action-btn",
+          alignItems: "center",
+          gap: "$4"
+        },
+        hasNestedCondition && /* @__PURE__ */ React__default.createElement(
+          IconButton,
+          {
+            icon: /* @__PURE__ */ React__default.createElement(NestedAddIcon, null),
+            size: "sm",
+            variant: "ghost",
+            color: "default",
+            onClick: () => addNestedFilterCondition(filters.id)
+          }
+        ),
+        /* @__PURE__ */ React__default.createElement(
+          IconButton,
+          {
+            icon: /* @__PURE__ */ React__default.createElement(TrashIcon, null),
+            size: "sm",
+            variant: "ghost",
+            color: "default",
+            onClick: () => removeCurrentFilter(filters.id)
+          }
+        )
+      )
+    )
+  ), (_b = filters.conditions) == null ? void 0 : _b.map((currentFilter, currentFilterIndex) => {
+    var _a2, _b2, _c;
+    const fieldOption = fieldOptions.find(
+      (option) => {
+        var _a3;
+        return option.value === ((_a3 = currentFilter.field) == null ? void 0 : _a3.value);
+      }
+    );
+    return /* @__PURE__ */ React__default.createElement(
+      Flex,
+      {
+        key: currentFilter.id,
+        alignItems: "center",
+        justifyContent: "space-between",
+        css: {
+          "&:hover": {
+            "& button": {
+              opacity: 1
+            }
+          }
+        }
+      },
+      /* @__PURE__ */ React__default.createElement(Flex, { gap: "$1", alignItems: "center" }, currentFilterIndex > 0 && /* @__PURE__ */ React__default.createElement(Box, { css: { cursor: "pointer" }, onClick: handleToggleCondition }, /* @__PURE__ */ React__default.createElement(
+        CustomPill,
+        {
+          variant: "default",
+          radius: "sm",
+          isClosable: false,
+          label: filters.operator.toLowerCase()
+        }
+      )), isEditing && !currentFilter.field ? /* @__PURE__ */ React__default.createElement(
+        FieldPopover,
+        {
+          setCurrentField,
+          currentFilter,
+          filters,
+          fieldOptions
+        }
+      ) : /* @__PURE__ */ React__default.createElement(
+        CustomFieldChip,
+        {
+          setCurrentField,
+          setIsEditing,
+          currentFilter,
+          filters,
+          fieldType: "field"
+        },
+        (_c = (_b2 = fieldOption == null ? void 0 : fieldOption.label) != null ? _b2 : (_a2 = currentFilter.field) == null ? void 0 : _a2.label) != null ? _c : ""
+      ), isEditing && !currentFilter.operator && currentFilter.field ? /* @__PURE__ */ React__default.createElement(
+        DataTypePopover,
+        {
+          setCurrentField,
+          currentFilter,
+          filters
+        }
+      ) : currentFilter.operator && /* @__PURE__ */ React__default.createElement(
+        CustomFieldChip,
+        {
+          setCurrentField,
+          setIsEditing,
+          currentFilter,
+          filters,
+          fieldType: "operator"
+        },
+        getCurrentConditionText(
+          currentFilter.operator.value,
+          currentFilter.operator.type || ""
+        )
+      ), isEditing && currentFilter.operator && currentFilter.field && !currentFilter.value ? /* @__PURE__ */ React__default.createElement(
+        FieldValuePopover,
+        {
+          fieldOptions,
+          setCurrentField,
+          currentFilter,
+          filters,
+          resetEditing
+        }
+      ) : currentFilter.value && /* @__PURE__ */ React__default.createElement(
+        CustomFieldChip,
+        {
+          setCurrentField,
+          setIsEditing,
+          currentFilter,
+          filters,
+          fieldType: "value"
+        },
+        Array.isArray(currentFilter.value) ? currentFilter.value.join(", ") : currentFilter.value
+      )),
+      /* @__PURE__ */ React__default.createElement(
+        IconButton,
+        {
+          css: { opacity: 0 },
+          icon: /* @__PURE__ */ React__default.createElement(CloseIcon, null),
+          size: "sm",
+          color: "default",
+          variant: "ghost",
+          onClick: () => removeNestedField(filters.id, currentFilter.id)
+        }
+      )
+    );
+  }));
+};
+
+export { Filter };
+//# sourceMappingURL=Filter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Filter.js","sources":["../../../../src/triggers/components/Filter.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Flex, IconButton, Text } from '@sparrowengg/twigs-react';\nimport { CloseIcon } from '@sparrowengg/twigs-react-icons';\nimport CustomPill from '../../commons/components/custom-pill';\nimport NestedAddIcon from '../../commons/icons/nested-add';\nimport Trash from '../../commons/icons/trash';\nimport { CustomFieldChip } from './chips/CustomChips';\nimport { FieldPopover, DataTypePopover, FieldValuePopover } from './popovers';\nimport { FilterProps } from '../types';\nimport { getCurrentConditionText } from '../utils/helpers';\nimport { UI_TEXT } from '../constants';\n\n/**\n * Filter Component\n * Displays and manages a single filter group with multiple conditions\n */\nexport const Filter: React.FC<FilterProps> = ({\n  setIsEditing,\n  filters,\n  fields,\n  index,\n  isEditing,\n  setCurrentField,\n  resetEditing,\n  hasNestedCondition,\n  addNestedFilterCondition,\n  setNestedFieldCondition,\n  removeCurrentFilter,\n  removeNestedField,\n  fieldOptions,\n}) => {\n  /**\n   * Toggle condition operator between AND/OR\n   */\n  const handleToggleCondition = () => {\n    const newCondition = filters.operator === 'OR' ? 'AND' : 'OR';\n    setNestedFieldCondition(filters.id, newCondition);\n  };\n\n  return (\n    <Flex flexDirection=\"column\" gap=\"$1\">\n      {/* Filter Group Header */}\n      <Flex\n        alignItems=\"center\"\n        gap=\"5px\"\n        css={{\n          marginBottom: '$4',\n          '&:hover': {\n            '#action-btn': {\n              opacity: 1,\n            },\n          },\n        }}\n      >\n        <Text weight=\"bold\" css={{ whiteSpace: 'nowrap' }}>\n          {index > 0 && `${fields.condition?.toLowerCase()} `}{UI_TEXT.WHEN}\n        </Text>\n        \n        <Box\n          css={{\n            borderBottom: '$borderWidths$xs solid $black200',\n            width: '100%',\n            marginLeft: '$3',\n            position: 'relative',\n          }}\n        >\n          <Flex\n            css={{\n              position: 'absolute',\n              right: 0,\n              top: '-$6',\n              background: '$white900',\n              paddingLeft: '$2',\n              opacity: 0,\n              transition: 'all .3s ease',\n            }}\n            id=\"action-btn\"\n            alignItems=\"center\"\n            gap=\"$4\"\n          >\n            {hasNestedCondition && (\n              <IconButton\n                icon={<NestedAddIcon />}\n                size=\"sm\"\n                variant=\"ghost\"\n                color=\"default\"\n                onClick={() => addNestedFilterCondition(filters.id)}\n              />\n            )}\n            <IconButton\n              icon={<Trash />}\n              size=\"sm\"\n              variant=\"ghost\"\n              color=\"default\"\n              onClick={() => removeCurrentFilter(filters.id)}\n            />\n          </Flex>\n        </Box>\n      </Flex>\n\n      {/* Filter Conditions */}\n      {filters.conditions?.map((currentFilter, currentFilterIndex) => {\n        const fieldOption = fieldOptions.find(\n          (option) => option.value === currentFilter.field?.value\n        );\n\n        return (\n          <Flex\n            key={currentFilter.id}\n            alignItems=\"center\"\n            justifyContent=\"space-between\"\n            css={{\n              '&:hover': {\n                '& button': {\n                  opacity: 1,\n                },\n              },\n            }}\n          >\n            <Flex gap=\"$1\" alignItems=\"center\">\n              {/* Condition Operator (AND/OR) */}\n              {currentFilterIndex > 0 && (\n                <Box css={{ cursor: 'pointer' }} onClick={handleToggleCondition}>\n                  <CustomPill\n                    variant=\"default\"\n                    radius=\"sm\"\n                    isClosable={false}\n                    label={filters.operator.toLowerCase()}\n                  />\n                </Box>\n              )}\n\n              {/* Field Selection */}\n              {isEditing && !currentFilter.field ? (\n                <FieldPopover\n                  setCurrentField={setCurrentField}\n                  currentFilter={currentFilter}\n                  filters={filters}\n                  fieldOptions={fieldOptions}\n                />\n              ) : (\n                <CustomFieldChip\n                  setCurrentField={setCurrentField}\n                  setIsEditing={setIsEditing}\n                  currentFilter={currentFilter}\n                  filters={filters}\n                  fieldType=\"field\"\n                >\n                  {fieldOption?.label ?? currentFilter.field?.label ?? ''}\n                </CustomFieldChip>\n              )}\n\n              {/* Operator/Comparator Selection */}\n              {isEditing && !currentFilter.operator && currentFilter.field ? (\n                <DataTypePopover\n                  setCurrentField={setCurrentField}\n                  currentFilter={currentFilter}\n                  filters={filters}\n                />\n              ) : (\n                currentFilter.operator && (\n                  <CustomFieldChip\n                    setCurrentField={setCurrentField}\n                    setIsEditing={setIsEditing}\n                    currentFilter={currentFilter}\n                    filters={filters}\n                    fieldType=\"operator\"\n                  >\n                    {getCurrentConditionText(\n                      currentFilter.operator.value as string,\n                      currentFilter.operator.type || ''\n                    )}\n                  </CustomFieldChip>\n                )\n              )}\n\n              {/* Value Selection */}\n              {isEditing &&\n              currentFilter.operator &&\n              currentFilter.field &&\n              !currentFilter.value ? (\n                <FieldValuePopover\n                  fieldOptions={fieldOptions}\n                  setCurrentField={setCurrentField}\n                  currentFilter={currentFilter}\n                  filters={filters}\n                  resetEditing={resetEditing}\n                />\n              ) : (\n                currentFilter.value && (\n                  <CustomFieldChip\n                    setCurrentField={setCurrentField}\n                    setIsEditing={setIsEditing}\n                    currentFilter={currentFilter}\n                    filters={filters}\n                    fieldType=\"value\"\n                  >\n                    {Array.isArray(currentFilter.value)\n                      ? currentFilter.value.join(', ')\n                      : currentFilter.value}\n                  </CustomFieldChip>\n                )\n              )}\n            </Flex>\n\n            {/* Remove Condition Button */}\n            <IconButton\n              css={{ opacity: 0 }}\n              icon={<CloseIcon />}\n              size=\"sm\"\n              color=\"default\"\n              variant=\"ghost\"\n              onClick={() => removeNestedField(filters.id, currentFilter.id)}\n            />\n          </Flex>\n        );\n      })}\n    </Flex>\n  );\n};\n\n"],"names":["React","Trash","_a","_b"],"mappings":"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"}