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

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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"}

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

@@ -0,0 +1,293 @@
+import React__default, { useState } from 'react';
+import { UI_TEXT, SHARE_TYPES, topLevelCondition, PLACEHOLDERS, FONTS } from '../constants/index.js';
+import { Filter } from './Filter.js';
+import CustomPill from '../../commons/components/custom-pill.js';
+import SMSIcon from '../../commons/icons/sms.js';
+import WhatsAppIcon from '../../commons/icons/whatsapp.js';
+import EmailLetterIcon from '../../commons/icons/email-letter.js';
+import { useFetchChannels } from '../hooks/useFetchChannels.js';
+import { useTriggerFields } from '../hooks/useTriggerFields.js';
+import { isEmpty, filterChannelsByType } from '../utils/helpers.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 { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem } from '../../node_modules/@sparrowengg/twigs-react/dist/es/dropdown/dropdown.js';
+import { ChevronDownIcon } from '../../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/chevron-down.js';
+import { Button } from '../../node_modules/@sparrowengg/twigs-react/dist/es/button/button.js';
+import { PlusIcon } from '../../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/plus.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 { c as components } from '../../node_modules/react-select/dist/index-a301f526.esm.js';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const getShareTypeIcon = (type) => {
+  switch (type) {
+    case SHARE_TYPES.EMAIL:
+      return /* @__PURE__ */ React__default.createElement(EmailLetterIcon, null);
+    case SHARE_TYPES.SMS:
+      return /* @__PURE__ */ React__default.createElement(SMSIcon, null);
+    case SHARE_TYPES.WHATSAPP:
+      return /* @__PURE__ */ React__default.createElement(WhatsAppIcon, null);
+    default:
+      return null;
+  }
+};
+const CustomShareOption = (props) => /* @__PURE__ */ React__default.createElement(components.Option, __spreadValues({}, props), /* @__PURE__ */ React__default.createElement(Flex, { css: { cursor: "pointer" }, alignItems: "center", gap: "$2" }, getShareTypeIcon(props.data.value), /* @__PURE__ */ React__default.createElement(Text, { size: "sm" }, props.label)));
+const CustomSingleValue = (props) => /* @__PURE__ */ React__default.createElement(components.SingleValue, __spreadValues({}, props), /* @__PURE__ */ React__default.createElement(Flex, { css: { cursor: "pointer" }, alignItems: "center", gap: "$2" }, getShareTypeIcon(props.data.value), /* @__PURE__ */ React__default.createElement(Text, { size: "sm" }, props.data.label)));
+const CustomMultiValue = (props) => /* @__PURE__ */ React__default.createElement(
+  CustomPill,
+  {
+    label: props.data.label,
+    onCloseHandler: () => {
+      var _a, _b;
+      return (_b = (_a = props.removeProps) == null ? void 0 : _a.onClick) == null ? void 0 : _b.call(_a);
+    },
+    variant: "success",
+    radius: "md",
+    fontFamily: FONTS.MONO
+  }
+);
+const CustomShareChannelOption = (props) => {
+  const icon = props.data.value === SHARE_TYPES.NEW_SHARE ? /* @__PURE__ */ React__default.createElement(PlusIcon, { size: 16, color: "#6A6A6A" }) : null;
+  return /* @__PURE__ */ React__default.createElement(components.Option, __spreadValues({}, props), /* @__PURE__ */ React__default.createElement(Flex, { css: { cursor: "pointer" }, alignItems: "center", gap: "$2" }, icon, /* @__PURE__ */ React__default.createElement(Text, { size: "sm" }, props.label)));
+};
+const CustomShareChannelSingleValue = (props) => {
+  const icon = props.data.value === SHARE_TYPES.NEW_SHARE ? /* @__PURE__ */ React__default.createElement(PlusIcon, { size: 16, color: "#6A6A6A" }) : null;
+  return /* @__PURE__ */ React__default.createElement(components.SingleValue, __spreadValues({}, props), /* @__PURE__ */ React__default.createElement(Flex, { css: { cursor: "pointer" }, alignItems: "center", gap: "$2" }, icon, /* @__PURE__ */ React__default.createElement(Text, { size: "sm" }, props.data.label)));
+};
+const SHARE_TYPE_OPTIONS = [
+  { id: 1, label: UI_TEXT.EMAIL, value: SHARE_TYPES.EMAIL },
+  { id: 2, label: UI_TEXT.SMS, value: SHARE_TYPES.SMS },
+  { id: 3, label: UI_TEXT.WHATSAPP, value: SHARE_TYPES.WHATSAPP }
+];
+const TriggerConditions = ({
+  fields,
+  setFields,
+  token,
+  apiURL,
+  hasNestedCondition,
+  surveyDetails,
+  shareRecipentOptions,
+  triggerDetails,
+  setTriggerDetails,
+  fieldOptions,
+  variableOptions
+}) => {
+  var _a, _b, _c, _d, _e, _f;
+  const [isEditing, setIsEditing] = useState(false);
+  const { channels } = useFetchChannels(token, apiURL, surveyDetails.surveyId);
+  const {
+    addFilterCondition,
+    addNestedFilterCondition,
+    setCurrentField,
+    removeCurrentFilter,
+    removeNestedField,
+    setNestedFieldCondition,
+    setTopLevelCondition
+  } = useTriggerFields(setFields);
+  const setTriggerField = (property, value) => {
+    setTriggerDetails((prev) => __spreadProps(__spreadValues({}, prev), {
+      [property]: value
+    }));
+  };
+  const handleShareTypeChange = (value) => {
+    setTriggerField("shareType", value);
+    setTriggerField("shareRecipient", null);
+    setTriggerField("shareChannel", null);
+  };
+  const hasValidFilters = (_a = fields.filters) == null ? void 0 : _a.some(
+    (filter) => {
+      var _a2;
+      return (_a2 = filter.conditions) == null ? void 0 : _a2.some((condition) => condition == null ? void 0 : condition.value);
+    }
+  );
+  const getChannelOptions = () => {
+    var _a2;
+    const shareType = (_a2 = triggerDetails.shareType) == null ? void 0 : _a2.value;
+    const filteredChannels = filterChannelsByType(channels, shareType);
+    if (filteredChannels.length > 0) {
+      return filteredChannels;
+    }
+    if (shareType !== SHARE_TYPES.WHATSAPP) {
+      return [{ label: UI_TEXT.NEW_SHARE, value: SHARE_TYPES.NEW_SHARE }];
+    }
+    return [];
+  };
+  const getRecipientOptions = () => {
+    var _a2;
+    const shareType = (_a2 = triggerDetails.shareType) == null ? void 0 : _a2.value;
+    return shareRecipentOptions.filter((option) => option.type === shareType);
+  };
+  return /* @__PURE__ */ React__default.createElement(
+    Flex,
+    {
+      justifyContent: "center",
+      alignItems: "center",
+      css: { marginTop: "$40" }
+    },
+    /* @__PURE__ */ React__default.createElement(Box, { css: { maxWidth: 488, width: "100%" } }, /* @__PURE__ */ React__default.createElement(Heading, { size: "h5" }, UI_TEXT.SET_CONDITION), /* @__PURE__ */ React__default.createElement(Flex, { alignItems: "center", css: { marginTop: "$12" } }, /* @__PURE__ */ React__default.createElement(Text, { size: "md", css: { color: "$neutral700", display: "inline-flex" } }, UI_TEXT.WHICH_MEETS, " "), /* @__PURE__ */ React__default.createElement(DropdownMenu, null, /* @__PURE__ */ React__default.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React__default.createElement(Flex, { alignItems: "center", css: { margin: "0 $2" } }, /* @__PURE__ */ React__default.createElement(
+      Text,
+      {
+        size: "md",
+        weight: "medium",
+        css: { color: "$neutral900", lineHeight: "$sm" }
+      },
+      (_b = topLevelCondition.find((c) => c.value === fields.condition)) == null ? void 0 : _b.label
+    ), /* @__PURE__ */ React__default.createElement(ChevronDownIcon, { size: 16, color: "#6A6A6A" }))), /* @__PURE__ */ React__default.createElement(
+      DropdownMenuContent,
+      {
+        align: "end",
+        sideOffset: 5,
+        css: { padding: "$4 0", minWidth: "$15" }
+      },
+      topLevelCondition.map((condition) => /* @__PURE__ */ React__default.createElement(
+        DropdownMenuItem,
+        {
+          key: condition.value,
+          onClick: () => setTopLevelCondition(condition.value),
+          css: __spreadValues({}, condition.value === fields.condition && {
+            background: "$primary100",
+            color: "$neutral900",
+            "&:hover": {
+              background: "$primary100",
+              color: "$neutral900"
+            }
+          })
+        },
+        condition.label
+      ))
+    )), /* @__PURE__ */ React__default.createElement(Text, { size: "md", css: { color: "$neutral700", display: "inline-flex" } }, UI_TEXT.OF_THESE_CONDITIONS)), /* @__PURE__ */ React__default.createElement(
+      Flex,
+      {
+        flexDirection: "column",
+        gap: "$12",
+        css: { marginTop: ((_c = fields.filters) == null ? void 0 : _c.length) ? "$12" : 0 }
+      },
+      (_d = fields.filters) == null ? void 0 : _d.map((filter, index) => /* @__PURE__ */ React__default.createElement(
+        Filter,
+        {
+          key: filter.id,
+          filters: filter,
+          fields,
+          hasNestedCondition,
+          index,
+          isEditing,
+          setIsEditing,
+          setCurrentField,
+          resetEditing: () => setIsEditing(false),
+          addNestedFilterCondition,
+          setNestedFieldCondition,
+          removeCurrentFilter,
+          removeNestedField,
+          fieldOptions
+        }
+      ))
+    ), /* @__PURE__ */ React__default.createElement(
+      Button,
+      {
+        css: { marginTop: "$8", marginLeft: "-$2" },
+        leftIcon: /* @__PURE__ */ React__default.createElement(PlusIcon, null),
+        variant: "ghost",
+        size: "md",
+        onClick: () => {
+          setIsEditing(true);
+          addFilterCondition();
+        }
+      },
+      UI_TEXT.ADD_CONDITION
+    ), hasValidFilters && /* @__PURE__ */ React__default.createElement(Flex, { flexDirection: "column", gap: "$12", css: { marginTop: "$40" } }, /* @__PURE__ */ React__default.createElement(Heading, { size: "h5" }, UI_TEXT.PASS_VARIABLE_TO_SURVEY), /* @__PURE__ */ React__default.createElement(Flex, { gap: "$2", flexDirection: "column" }, /* @__PURE__ */ React__default.createElement(FormLabel, { size: "xs", css: { fontWeight: "$5" } }, UI_TEXT.CHOOSE_FIELDS), /* @__PURE__ */ React__default.createElement(
+      Select,
+      {
+        placeholder: PLACEHOLDERS.SELECT_VARIABLES,
+        size: "lg",
+        isMulti: true,
+        closeMenuOnSelect: false,
+        isClearable: false,
+        value: triggerDetails.variables,
+        onChange: (field) => setTriggerField("variables", field),
+        css: {
+          p: { fontFamily: FONTS.MONO_FULL },
+          "& .twigs-select__control": {
+            overflow: "auto",
+            maxHeight: 488,
+            height: "100%"
+          },
+          ".twigs-select__value-container--is-multi": { gap: "$2" }
+        },
+        components: { MultiValue: CustomMultiValue },
+        options: variableOptions
+      }
+    ))), hasValidFilters && /* @__PURE__ */ React__default.createElement(Flex, { flexDirection: "column", gap: "$12", css: { marginBlock: "$40" } }, /* @__PURE__ */ React__default.createElement(Heading, { size: "h5" }, UI_TEXT.SEND_SURVEY), /* @__PURE__ */ React__default.createElement(Flex, { flexDirection: "column", gap: "$8" }, /* @__PURE__ */ React__default.createElement(Flex, { gap: "$2", flexDirection: "column" }, /* @__PURE__ */ React__default.createElement(FormLabel, { size: "xs", css: { fontWeight: "$5" } }, UI_TEXT.CHOOSE_SHARE_TYPE), /* @__PURE__ */ React__default.createElement(
+      Select,
+      {
+        placeholder: PLACEHOLDERS.SELECT_SHARE_TYPE,
+        size: "lg",
+        components: {
+          Option: CustomShareOption,
+          SingleValue: CustomSingleValue
+        },
+        styles: {
+          singleValue: (provided) => __spreadProps(__spreadValues({}, provided), {
+            display: "flex",
+            alignItems: "center"
+          })
+        },
+        value: triggerDetails.shareType,
+        onChange: handleShareTypeChange,
+        options: SHARE_TYPE_OPTIONS
+      }
+    )), !isEmpty(triggerDetails.shareType) && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Flex, { gap: "$2", flexDirection: "column" }, /* @__PURE__ */ React__default.createElement(FormLabel, { size: "xs", css: { fontWeight: "$5" } }, UI_TEXT.CHOOSE_RECIPIENT), /* @__PURE__ */ React__default.createElement(
+      Select,
+      {
+        placeholder: PLACEHOLDERS.SELECT_RECIPIENT,
+        size: "lg",
+        onChange: (field) => setTriggerField("shareRecipient", field),
+        isDisabled: !((_e = triggerDetails.shareType) == null ? void 0 : _e.value),
+        value: triggerDetails.shareRecipient,
+        options: getRecipientOptions()
+      }
+    )), /* @__PURE__ */ React__default.createElement(Flex, { gap: "$2", flexDirection: "column" }, /* @__PURE__ */ React__default.createElement(FormLabel, { size: "xs", css: { fontWeight: "$5" } }, UI_TEXT.CHOOSE_SHARE_CHANNEL), /* @__PURE__ */ React__default.createElement(
+      Select,
+      {
+        placeholder: PLACEHOLDERS.SELECT_CHANNEL,
+        size: "lg",
+        components: {
+          Option: CustomShareChannelOption,
+          SingleValue: CustomShareChannelSingleValue
+        },
+        styles: {
+          singleValue: (provided) => __spreadProps(__spreadValues({}, provided), {
+            display: "flex",
+            alignItems: "center"
+          })
+        },
+        isDisabled: !((_f = triggerDetails.shareType) == null ? void 0 : _f.value),
+        value: triggerDetails.shareChannel,
+        onChange: (field) => setTriggerField("shareChannel", field),
+        options: getChannelOptions()
+      }
+    ))))))
+  );
+};
+
+export { TriggerConditions };
+//# sourceMappingURL=TriggerConditions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TriggerConditions.js","sources":["../../../../src/triggers/components/TriggerConditions.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n  Box,\n  Button,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n  Flex,\n  FormLabel,\n  Heading,\n  Select,\n  Text,\n} from '@sparrowengg/twigs-react';\nimport { ChevronDownIcon, PlusIcon } from '@sparrowengg/twigs-react-icons';\nimport {\n  components,\n  OptionProps,\n  SingleValueProps,\n  MultiValueProps,\n} from 'react-select';\nimport { topLevelCondition, UI_TEXT, PLACEHOLDERS, FONTS, SHARE_TYPES } from '../constants';\nimport { Filter } from './Filter';\nimport CustomPill from '../../commons/components/custom-pill';\nimport SMSIcon from '../../commons/icons/sms';\nimport WhatsappIcon from '../../commons/icons/whatsapp';\nimport EmailLetterIcon from '../../commons/icons/email-letter';\nimport { useFetchChannels } from '../hooks/useFetchChannels';\nimport { useTriggerFields } from '../hooks/useTriggerFields';\nimport { TriggerComponentProps, ShareTypeOption, ChannelOption } from '../types';\nimport { SelectOption, TriggerDetails } from '../../commons/types/enhanced';\nimport { filterChannelsByType, isEmpty } from '../utils/helpers';\n\n/**\n * Get icon for share type\n */\nconst getShareTypeIcon = (type: string): React.ReactNode => {\n  switch (type) {\n    case SHARE_TYPES.EMAIL:\n      return <EmailLetterIcon />;\n    case SHARE_TYPES.SMS:\n      return <SMSIcon />;\n    case SHARE_TYPES.WHATSAPP:\n      return <WhatsappIcon />;\n    default:\n      return null;\n  }\n};\n\n/**\n * Custom option component for share type select\n */\nconst CustomShareOption: React.FC<OptionProps<ShareTypeOption>> = (props) => (\n  <components.Option {...props}>\n    <Flex css={{ cursor: 'pointer' }} alignItems=\"center\" gap=\"$2\">\n      {getShareTypeIcon(props.data.value)}\n      <Text size=\"sm\">{props.label}</Text>\n    </Flex>\n  </components.Option>\n);\n\n/**\n * Custom single value component for share type select\n */\nconst CustomSingleValue: React.FC<SingleValueProps<ShareTypeOption>> = (props) => (\n  <components.SingleValue {...props}>\n    <Flex css={{ cursor: 'pointer' }} alignItems=\"center\" gap=\"$2\">\n      {getShareTypeIcon(props.data.value)}\n      <Text size=\"sm\">{props.data.label}</Text>\n    </Flex>\n  </components.SingleValue>\n);\n\n/**\n * Custom multi-value component for variables select\n */\nconst CustomMultiValue: React.FC<MultiValueProps<SelectOption>> = (props) => (\n  <CustomPill\n    label={props.data.label}\n    onCloseHandler={() => props.removeProps?.onClick?.()}\n    variant=\"success\"\n    radius=\"md\"\n    fontFamily={FONTS.MONO}\n  />\n);\n\n/**\n * Custom option component for share channel select\n */\nconst CustomShareChannelOption: React.FC<OptionProps<SelectOption>> = (props) => {\n  const icon = props.data.value === SHARE_TYPES.NEW_SHARE ? <PlusIcon size={16} color=\"#6A6A6A\" /> : null;\n  return (\n    <components.Option {...props}>\n      <Flex css={{ cursor: 'pointer' }} alignItems=\"center\" gap=\"$2\">\n        {icon}\n        <Text size=\"sm\">{props.label}</Text>\n      </Flex>\n    </components.Option>\n  );\n};\n\n/**\n * Custom single value component for share channel select\n */\nconst CustomShareChannelSingleValue: React.FC<SingleValueProps<SelectOption>> = (props) => {\n  const icon = props.data.value === SHARE_TYPES.NEW_SHARE ? <PlusIcon size={16} color=\"#6A6A6A\" /> : null;\n  return (\n    <components.SingleValue {...props}>\n      <Flex css={{ cursor: 'pointer' }} alignItems=\"center\" gap=\"$2\">\n        {icon}\n        <Text size=\"sm\">{props.data.label}</Text>\n      </Flex>\n    </components.SingleValue>\n  );\n};\n\n/**\n * Share type options\n */\nconst SHARE_TYPE_OPTIONS: ShareTypeOption[] = [\n  { id: 1, label: UI_TEXT.EMAIL, value: SHARE_TYPES.EMAIL },\n  { id: 2, label: UI_TEXT.SMS, value: SHARE_TYPES.SMS },\n  { id: 3, label: UI_TEXT.WHATSAPP, value: SHARE_TYPES.WHATSAPP },\n];\n\n/**\n * TriggerConditions Component\n * Main component for setting up trigger conditions and sharing options\n */\nexport const TriggerConditions: React.FC<TriggerComponentProps> = ({\n  fields,\n  setFields,\n  token,\n  apiURL,\n  hasNestedCondition,\n  surveyDetails,\n  shareRecipentOptions,\n  triggerDetails,\n  setTriggerDetails,\n  fieldOptions,\n  variableOptions,\n}) => {\n  const [isEditing, setIsEditing] = useState(false);\n\n  // Fetch channels\n  const { channels } = useFetchChannels(token, apiURL, surveyDetails.surveyId);\n\n  // Get trigger field management functions\n  const {\n    addFilterCondition,\n    addNestedFilterCondition,\n    setCurrentField,\n    removeCurrentFilter,\n    removeNestedField,\n    setNestedFieldCondition,\n    setTopLevelCondition,\n  } = useTriggerFields(setFields);\n\n  /**\n   * Update trigger details field\n   */\n  const setTriggerField = (\n    property: keyof TriggerDetails,\n    value: SelectOption | null\n  ) => {\n    setTriggerDetails((prev: TriggerDetails) => ({\n      ...prev,\n      [property]: value,\n    }));\n  };\n\n  /**\n   * Handle share type change - reset dependent fields\n   */\n  const handleShareTypeChange = (value: SelectOption | null) => {\n    setTriggerField('shareType', value);\n    setTriggerField('shareRecipient', null);\n    setTriggerField('shareChannel', null);\n  };\n\n  /**\n   * Check if any filter has a valid value\n   */\n  const hasValidFilters = fields.filters?.some((filter) =>\n    filter.conditions?.some((condition) => condition?.value)\n  );\n\n  /**\n   * Get filtered channel options based on share type\n   */\n  const getChannelOptions = (): SelectOption[] => {\n    const shareType = triggerDetails.shareType?.value as string;\n    const filteredChannels = filterChannelsByType(channels, shareType);\n\n    if (filteredChannels.length > 0) {\n      return filteredChannels;\n    }\n\n    // Show \"New Share\" option only if not Whatsapp\n    if (shareType !== SHARE_TYPES.WHATSAPP) {\n      return [{ label: UI_TEXT.NEW_SHARE, value: SHARE_TYPES.NEW_SHARE }];\n    }\n\n    return [];\n  };\n\n  /**\n   * Get filtered recipient options based on share type\n   */\n  const getRecipientOptions = (): SelectOption[] => {\n    const shareType = triggerDetails.shareType?.value as string;\n    return shareRecipentOptions.filter((option) => option.type === shareType);\n  };\n\n  return (\n    <Flex\n      justifyContent=\"center\"\n      alignItems=\"center\"\n      css={{ marginTop: '$40' }}\n    >\n      <Box css={{ maxWidth: 488, width: '100%' }}>\n        {/* Condition Header */}\n        <Heading size=\"h5\">{UI_TEXT.SET_CONDITION}</Heading>\n        <Flex alignItems=\"center\" css={{ marginTop: '$12' }}>\n          <Text size=\"md\" css={{ color: '$neutral700', display: 'inline-flex' }}>\n            {UI_TEXT.WHICH_MEETS}{' '}\n          </Text>\n          <DropdownMenu>\n            <DropdownMenuTrigger asChild>\n              <Flex alignItems=\"center\" css={{ margin: '0 $2' }}>\n                <Text\n                  size=\"md\"\n                  weight=\"medium\"\n                  css={{ color: '$neutral900', lineHeight: '$sm' }}\n                >\n                  {topLevelCondition.find((c) => c.value === fields.condition)?.label}\n                </Text>\n                <ChevronDownIcon size={16} color=\"#6A6A6A\" />\n              </Flex>\n            </DropdownMenuTrigger>\n            <DropdownMenuContent\n              align=\"end\"\n              sideOffset={5}\n              css={{ padding: '$4 0', minWidth: '$15' }}\n            >\n              {topLevelCondition.map((condition) => (\n                <DropdownMenuItem\n                  key={condition.value}\n                  onClick={() => setTopLevelCondition(condition.value as 'AND' | 'OR')}\n                  css={{\n                    ...(condition.value === fields.condition && {\n                      background: '$primary100',\n                      color: '$neutral900',\n                      '&:hover': {\n                        background: '$primary100',\n                        color: '$neutral900',\n                      },\n                    }),\n                  }}\n                >\n                  {condition.label}\n                </DropdownMenuItem>\n              ))}\n            </DropdownMenuContent>\n          </DropdownMenu>\n          <Text size=\"md\" css={{ color: '$neutral700', display: 'inline-flex' }}>\n            {UI_TEXT.OF_THESE_CONDITIONS}\n          </Text>\n        </Flex>\n\n        {/* Filter Conditions */}\n        <Flex\n          flexDirection=\"column\"\n          gap=\"$12\"\n          css={{ marginTop: fields.filters?.length ? '$12' : 0 }}\n        >\n          {fields.filters?.map((filter, index) => (\n            <Filter\n              key={filter.id}\n              filters={filter}\n              fields={fields}\n              hasNestedCondition={hasNestedCondition}\n              index={index}\n              isEditing={isEditing}\n              setIsEditing={setIsEditing}\n              setCurrentField={setCurrentField}\n              resetEditing={() => setIsEditing(false)}\n              addNestedFilterCondition={addNestedFilterCondition}\n              setNestedFieldCondition={setNestedFieldCondition}\n              removeCurrentFilter={removeCurrentFilter}\n              removeNestedField={removeNestedField}\n              fieldOptions={fieldOptions}\n            />\n          ))}\n        </Flex>\n\n        <Button\n          css={{ marginTop: '$8', marginLeft: '-$2' }}\n          leftIcon={<PlusIcon />}\n          variant=\"ghost\"\n          size=\"md\"\n          onClick={() => {\n            setIsEditing(true);\n            addFilterCondition();\n          }}\n        >\n          {UI_TEXT.ADD_CONDITION}\n        </Button>\n\n        {/* Pass Variables Section */}\n        {hasValidFilters && (\n          <Flex flexDirection=\"column\" gap=\"$12\" css={{ marginTop: '$40' }}>\n            <Heading size=\"h5\">{UI_TEXT.PASS_VARIABLE_TO_SURVEY}</Heading>\n            <Flex gap=\"$2\" flexDirection=\"column\">\n              <FormLabel size=\"xs\" css={{ fontWeight: '$5' }}>\n                {UI_TEXT.CHOOSE_FIELDS}\n              </FormLabel>\n              <Select\n                placeholder={PLACEHOLDERS.SELECT_VARIABLES}\n                size=\"lg\"\n                isMulti\n                closeMenuOnSelect={false}\n                isClearable={false}\n                value={triggerDetails.variables}\n                onChange={(field) => setTriggerField('variables', field as SelectOption)}\n                css={{\n                  p: { fontFamily: FONTS.MONO_FULL },\n                  '& .twigs-select__control': {\n                    overflow: 'auto',\n                    maxHeight: 488,\n                    height: '100%',\n                  },\n                  '.twigs-select__value-container--is-multi': { gap: '$2' },\n                }}\n                components={{ MultiValue: CustomMultiValue }}\n                options={variableOptions}\n              />\n            </Flex>\n          </Flex>\n        )}\n\n        {/* Send Survey Section */}\n        {hasValidFilters && (\n          <Flex flexDirection=\"column\" gap=\"$12\" css={{ marginBlock: '$40' }}>\n            <Heading size=\"h5\">{UI_TEXT.SEND_SURVEY}</Heading>\n            <Flex flexDirection=\"column\" gap=\"$8\">\n              {/* Share Type */}\n              <Flex gap=\"$2\" flexDirection=\"column\">\n                <FormLabel size=\"xs\" css={{ fontWeight: '$5' }}>\n                  {UI_TEXT.CHOOSE_SHARE_TYPE}\n                </FormLabel>\n                <Select\n                  placeholder={PLACEHOLDERS.SELECT_SHARE_TYPE}\n                  size=\"lg\"\n                  components={{\n                    Option: CustomShareOption,\n                    SingleValue: CustomSingleValue,\n                  }}\n                  styles={{\n                    singleValue: (provided) => ({\n                      ...provided,\n                      display: 'flex',\n                      alignItems: 'center',\n                    }),\n                  }}\n                  value={triggerDetails.shareType}\n                  onChange={handleShareTypeChange}\n                  options={SHARE_TYPE_OPTIONS}\n                />\n              </Flex>\n\n              {!isEmpty(triggerDetails.shareType as Record<string, unknown>) && (\n                <>\n                  {/* Recipient */}\n                  <Flex gap=\"$2\" flexDirection=\"column\">\n                    <FormLabel size=\"xs\" css={{ fontWeight: '$5' }}>\n                      {UI_TEXT.CHOOSE_RECIPIENT}\n                    </FormLabel>\n                    <Select\n                      placeholder={PLACEHOLDERS.SELECT_RECIPIENT}\n                      size=\"lg\"\n                      onChange={(field) =>\n                        setTriggerField('shareRecipient', field as SelectOption)\n                      }\n                      isDisabled={!triggerDetails.shareType?.value}\n                      value={triggerDetails.shareRecipient}\n                      options={getRecipientOptions()}\n                    />\n                  </Flex>\n\n                  {/* Share Channel */}\n                  <Flex gap=\"$2\" flexDirection=\"column\">\n                    <FormLabel size=\"xs\" css={{ fontWeight: '$5' }}>\n                      {UI_TEXT.CHOOSE_SHARE_CHANNEL}\n                    </FormLabel>\n                    <Select\n                      placeholder={PLACEHOLDERS.SELECT_CHANNEL}\n                      size=\"lg\"\n                      components={{\n                        Option: CustomShareChannelOption,\n                        SingleValue: CustomShareChannelSingleValue,\n                      }}\n                      styles={{\n                        singleValue: (provided) => ({\n                          ...provided,\n                          display: 'flex',\n                          alignItems: 'center',\n                        }),\n                      }}\n                      isDisabled={!triggerDetails.shareType?.value}\n                      value={triggerDetails.shareChannel}\n                      onChange={(field) =>\n                        setTriggerField('shareChannel', field as SelectOption)\n                      }\n                      options={getChannelOptions()}\n                    />\n                  </Flex>\n                </>\n              )}\n            </Flex>\n          </Flex>\n        )}\n      </Box>\n    </Flex>\n  );\n};\n\n"],"names":["WhatsappIcon","React","_a"],"mappings":"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"}