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

package/dist/cjs/triggers/components/popovers/FieldValuePopover.js

@@ -0,0 +1,325 @@
+'use strict';
+
+var React = require('react');
+var string = require('../../../node_modules/@internationalized/date/dist/string.js');
+var dayjs_min = require('../../../node_modules/dayjs/dayjs.min.js');
+var index$1 = require('../../../commons/constants/index.js');
+var CustomChips = require('../chips/CustomChips.js');
+var helpers = require('../../utils/helpers.js');
+var index = require('../../constants/index.js');
+var popover = require('../../../node_modules/@sparrowengg/twigs-react/dist/es/popover/popover.js');
+var tooltip = require('../../../node_modules/@sparrowengg/twigs-react/dist/es/tooltip/tooltip.js');
+var box = require('../../../node_modules/@sparrowengg/twigs-react/dist/es/box/box.js');
+var text = require('../../../node_modules/@sparrowengg/twigs-react/dist/es/text/text.js');
+var calendar = require('../../../node_modules/@sparrowengg/twigs-react/dist/es/calendar/calendar.js');
+var input = require('../../../node_modules/@sparrowengg/twigs-react/dist/es/input/input.js');
+var search = require('../../../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/search.js');
+var flex = require('../../../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js');
+var checkbox = require('../../../node_modules/@sparrowengg/twigs-react/dist/es/checkbox/checkbox.js');
+var button = require('../../../node_modules/@sparrowengg/twigs-react/dist/es/button/button.js');
+var formInput = require('../../../node_modules/@sparrowengg/twigs-react/dist/es/input/form-input.js');
+var formLabel = require('../../../node_modules/@sparrowengg/twigs-react/dist/es/form-label/form-label.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 RenderFieldValuePopover = ({
+  fieldOptions,
+  setCurrentField,
+  currentFilter,
+  filters,
+  resetEditing,
+  setShowPopover
+}) => {
+  var _a, _b, _c;
+  const [date, setDate] = React.useState(string.parseDate(dayjs_min.default().format("YYYY-MM-DD")));
+  const [inputValue, setInputValue] = React.useState("");
+  const [selectedField, setSelectedField] = React.useState([]);
+  const field = (_a = fieldOptions.find(
+    (option) => {
+      var _a2;
+      return option.value === ((_a2 = currentFilter.field) == null ? void 0 : _a2.value);
+    }
+  )) == null ? void 0 : _a.options;
+  const dataType = (_b = currentFilter.operator) == null ? void 0 : _b.value;
+  const comparator = (_c = currentFilter.operator) == null ? void 0 : _c.value;
+  const handleSubmit = (value) => {
+    setCurrentField(value, currentFilter.id, filters.id, "value");
+    setShowPopover(false);
+    resetEditing();
+  };
+  React.useEffect(() => {
+    if (comparator === "NO_VALUE" || comparator === "ANY_VALUE") {
+      handleSubmit(" ");
+    }
+  }, [comparator]);
+  if (dataType === index.DATA_TYPES.BOOLEAN) {
+    return /* @__PURE__ */ React.createElement(box.Box, { css: { paddingBlock: "$5" } }, index$1.booleanOptions.map((option) => /* @__PURE__ */ React.createElement(
+      text.Text,
+      {
+        key: option.id,
+        size: "sm",
+        onClick: () => handleSubmit(String(option.value)),
+        css: {
+          padding: "$3 $6",
+          cursor: "pointer",
+          "&:hover": {
+            background: "$neutral100"
+          }
+        }
+      },
+      option.label
+    )));
+  }
+  if (dataType === index.DATA_TYPES.DATE_TIME) {
+    return /* @__PURE__ */ React.createElement(box.Box, null, /* @__PURE__ */ React.createElement(
+      calendar.Calendar,
+      {
+        size: "md",
+        footerActionText: index.UI_TEXT.APPLY,
+        value: date,
+        showTimePicker: true,
+        onChange: setDate,
+        footerAction: () => {
+          handleSubmit(dayjs_min.default(date.toString()).format("MMM D YYYY . hh:mm A"));
+        }
+      }
+    ));
+  }
+  if (field == null ? void 0 : field.length) {
+    if (dataType === index.DATA_TYPES.SELECT) {
+      return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(box.Box, { css: { padding: "$4" } }, /* @__PURE__ */ React.createElement(
+        input.Input,
+        {
+          placeholder: index.PLACEHOLDERS.SEARCH,
+          leftIcon: /* @__PURE__ */ React.createElement(search.SearchIcon, null),
+          variant: "filled",
+          size: "lg",
+          value: inputValue,
+          onChange: (e) => setInputValue(e.currentTarget.value)
+        }
+      )), /* @__PURE__ */ React.createElement(
+        flex.Flex,
+        {
+          flexDirection: "column",
+          css: {
+            paddingBottom: "$4",
+            maxHeight: 240,
+            height: "100%",
+            overflow: "auto"
+          }
+        },
+        field.filter(
+          (option) => option.label.toLowerCase().includes(inputValue.toLowerCase())
+        ).map((fieldOption) => /* @__PURE__ */ React.createElement(
+          box.Box,
+          {
+            key: fieldOption.id,
+            onClick: () => handleSubmit(fieldOption.value),
+            css: {
+              padding: "$3 $6",
+              transition: "all .3s ease",
+              cursor: "pointer",
+              "&:hover": {
+                backgroundColor: "rgba(100, 116, 139, 0.06)"
+              }
+            }
+          },
+          /* @__PURE__ */ React.createElement(text.Text, { size: "sm" }, fieldOption.label)
+        ))
+      ));
+    }
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(box.Box, { css: { padding: "$4" } }, /* @__PURE__ */ React.createElement(
+      input.Input,
+      {
+        placeholder: index.PLACEHOLDERS.SEARCH,
+        leftIcon: /* @__PURE__ */ React.createElement(search.SearchIcon, null),
+        variant: "filled",
+        size: "lg",
+        value: inputValue,
+        onChange: (e) => setInputValue(e.currentTarget.value)
+      }
+    )), /* @__PURE__ */ React.createElement(
+      flex.Flex,
+      {
+        flexDirection: "column",
+        css: {
+          paddingBottom: "$4",
+          maxHeight: 240,
+          height: "100%",
+          overflow: "auto"
+        }
+      },
+      /* @__PURE__ */ React.createElement(box.Box, { css: { padding: "$3 $6" } }, /* @__PURE__ */ React.createElement(
+        checkbox.Checkbox,
+        {
+          size: "sm",
+          checked: selectedField.length === field.length,
+          onChange: (checked) => {
+            if (checked) {
+              setSelectedField(field.map((item) => item.value));
+            } else {
+              setSelectedField([]);
+            }
+          }
+        },
+        /* @__PURE__ */ React.createElement(text.Text, { css: { cursor: "pointer" }, size: "sm" }, index.UI_TEXT.SELECT_ALL)
+      )),
+      field.filter(
+        (option) => option.label.toLowerCase().includes(inputValue.toLowerCase())
+      ).map((fieldOption) => /* @__PURE__ */ React.createElement(
+        box.Box,
+        {
+          key: fieldOption.id,
+          css: {
+            padding: "$3 $6",
+            transition: "all .3s ease",
+            cursor: "pointer",
+            "&:hover": {
+              backgroundColor: "rgba(100, 116, 139, 0.06)"
+            }
+          }
+        },
+        /* @__PURE__ */ React.createElement(
+          checkbox.Checkbox,
+          {
+            size: "sm",
+            checked: selectedField.includes(fieldOption.value),
+            onChange: (checked) => {
+              if (checked) {
+                setSelectedField([...selectedField, fieldOption.value]);
+              } else {
+                setSelectedField(
+                  selectedField.filter((item) => item !== fieldOption.value)
+                );
+              }
+            }
+          },
+          /* @__PURE__ */ React.createElement(text.Text, { css: { cursor: "pointer" }, size: "sm" }, fieldOption.label)
+        )
+      )),
+      /* @__PURE__ */ React.createElement(
+        flex.Flex,
+        {
+          justifyContent: "flex-end",
+          css: {
+            position: "sticky",
+            bottom: 0,
+            paddingBlock: "$4 !important",
+            marginInlineEnd: "$6 !important"
+          }
+        },
+        /* @__PURE__ */ React.createElement(
+          button.Button,
+          {
+            size: "sm",
+            variant: "ghost",
+            color: "primary",
+            onClick: () => handleSubmit(selectedField)
+          },
+          index.UI_TEXT.APPLY
+        )
+      )
+    ));
+  }
+  const isNumberField = dataType === index.DATA_TYPES.NUMBER || dataType === index.DATA_TYPES.PHONE_NUMBER;
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(box.Box, { css: { padding: "$4" } }, /* @__PURE__ */ React.createElement(
+    formInput.FormInput,
+    __spreadProps(__spreadValues({
+      placeholder: isNumberField ? index.PLACEHOLDERS.ENTER_NUMBER : index.PLACEHOLDERS.ENTER_VALUE,
+      type: "text",
+      variant: "filled",
+      size: "lg"
+    }, isNumberField && { maxLength: 10 }), {
+      value: inputValue,
+      onChange: (e) => {
+        const value = e.target.value;
+        setInputValue(isNumberField ? helpers.formatPhoneNumber(value) : value);
+      },
+      onKeyDown: (e) => {
+        if (e.key === "Enter" && inputValue.length) {
+          handleSubmit(inputValue);
+        }
+      }
+    })
+  ), dataType === index.DATA_TYPES.PHONE_NUMBER && /* @__PURE__ */ React.createElement(formLabel.FormLabel, { size: "xs", css: { fontWeight: "$5", marginTop: "$2", marginLeft: "$1" } }, index.UI_TEXT.PHONE_NUMBER_HINT)), /* @__PURE__ */ React.createElement(
+    flex.Flex,
+    {
+      alignItems: "center",
+      justifyContent: "space-between",
+      css: {
+        borderTop: "$borderWidths$xs solid $neutral100",
+        padding: "$4 $6",
+        marginTop: "$4"
+      }
+    },
+    /* @__PURE__ */ React.createElement(button.Button, { size: "md", color: "secondary", variant: "ghost", onClick: () => setShowPopover(false) }, index.UI_TEXT.CANCEL),
+    /* @__PURE__ */ React.createElement(
+      button.Button,
+      {
+        size: "md",
+        variant: "ghost",
+        disabled: !inputValue.length,
+        onClick: () => handleSubmit(inputValue)
+      },
+      index.UI_TEXT.SAVE
+    )
+  ));
+};
+const FieldValuePopover = ({ setCurrentField, currentFilter, filters, resetEditing, fieldOptions }) => {
+  var _a;
+  const [showPopover, setShowPopover] = React.useState(true);
+  const hasError = !currentFilter.value && !showPopover;
+  return /* @__PURE__ */ React.createElement(popover.Popover, { defaultOpen: true, open: showPopover }, /* @__PURE__ */ React.createElement(tooltip.TooltipProvider, { delayDuration: 0 }, /* @__PURE__ */ React.createElement(
+    tooltip.Tooltip,
+    {
+      side: "right",
+      content: hasError ? index.UI_TEXT.ENTER_VALUE_TOOLTIP : ""
+    },
+    /* @__PURE__ */ React.createElement(popover.PopoverTrigger, { asChild: true, onClick: () => setShowPopover(!showPopover) }, /* @__PURE__ */ React.createElement(box.Box, null, /* @__PURE__ */ React.createElement(CustomChips.CustomConditonChip, { hasError }, index.UI_TEXT.TYPE_VALUE)))
+  )), /* @__PURE__ */ React.createElement(
+    popover.PopoverContent,
+    {
+      onPointerDownOutside: () => setShowPopover(false),
+      sideOffset: 4,
+      align: "start",
+      side: ((_a = currentFilter.operator) == null ? void 0 : _a.value) === index.DATA_TYPES.DATE_TIME ? "right" : "bottom",
+      css: {
+        minWidth: 220,
+        borderRadius: "$xl",
+        border: "0.7px solid $black300",
+        padding: 0
+      }
+    },
+    /* @__PURE__ */ React.createElement(
+      RenderFieldValuePopover,
+      {
+        fieldOptions,
+        setShowPopover,
+        setCurrentField,
+        currentFilter,
+        filters,
+        resetEditing
+      }
+    )
+  ));
+};
+
+exports.FieldValuePopover = FieldValuePopover;
+//# sourceMappingURL=FieldValuePopover.js.map

package/dist/cjs/triggers/components/popovers/FieldValuePopover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldValuePopover.js","sources":["../../../../../src/triggers/components/popovers/FieldValuePopover.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport {\n  Box,\n  Button,\n  Flex,\n  FormInput,\n  FormLabel,\n  Input,\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n  Text,\n  Checkbox,\n  Calendar,\n  TooltipProvider,\n  Tooltip,\n} from '@sparrowengg/twigs-react';\nimport { SearchIcon } from '@sparrowengg/twigs-react-icons';\nimport { parseDate } from '@internationalized/date';\nimport dayjs from 'dayjs';\nimport { booleanOptions } from '../../../commons/constants';\nimport { CustomConditonChip } from '../chips/CustomChips';\nimport { FieldValuePopoverProps } from '../../types';\nimport { SelectOption } from '../../../commons/types/enhanced';\nimport { formatPhoneNumber } from '../../utils/helpers';\nimport { UI_TEXT, PLACEHOLDERS, DATA_TYPES } from '../../constants';\n\n/**\n * Render Field Value Popover Content\n * Different UI based on field data type\n */\nconst RenderFieldValuePopover: React.FC<FieldValuePopoverProps> = ({\n  fieldOptions,\n  setCurrentField,\n  currentFilter,\n  filters,\n  resetEditing,\n  setShowPopover,\n}) => {\n  const [date, setDate] = useState(parseDate(dayjs().format('YYYY-MM-DD')));\n  const [inputValue, setInputValue] = useState('');\n  const [selectedField, setSelectedField] = useState<string[]>([]);\n\n  const field = fieldOptions.find(\n    (option) => option.value === currentFilter.field?.value\n  )?.options as SelectOption[] | undefined;\n\n  const dataType = currentFilter.operator?.value as string;\n  const comparator = currentFilter.operator?.value as string;\n\n  /**\n   * Handle field value submission\n   */\n  const handleSubmit = (value: string | string[]) => {\n    setCurrentField(value, currentFilter.id, filters.id, 'value');\n    setShowPopover(false);\n    resetEditing();\n  };\n\n  // Auto-submit for NO_VALUE and ANY_VALUE\n  useEffect(() => {\n    if (comparator === 'NO_VALUE' || comparator === 'ANY_VALUE') {\n      handleSubmit(' ');\n    }\n  }, [comparator]);\n\n  // Boolean type\n  if (dataType === DATA_TYPES.BOOLEAN) {\n    return (\n      <Box css={{ paddingBlock: '$5' }}>\n        {booleanOptions.map((option) => (\n          <Text\n            key={option.id}\n            size=\"sm\"\n            onClick={() => handleSubmit(String(option.value))}\n            css={{\n              padding: '$3 $6',\n              cursor: 'pointer',\n              '&:hover': {\n                background: '$neutral100',\n              },\n            }}\n          >\n            {option.label}\n          </Text>\n        ))}\n      </Box>\n    );\n  }\n\n  // Date/Time type\n  if (dataType === DATA_TYPES.DATE_TIME) {\n    return (\n      <Box>\n        <Calendar\n          size=\"md\"\n          footerActionText={UI_TEXT.APPLY}\n          value={date}\n          showTimePicker\n          onChange={setDate}\n          footerAction={() => {\n            handleSubmit(dayjs(date.toString()).format('MMM D YYYY . hh:mm A'));\n          }}\n        />\n      </Box>\n    );\n  }\n\n  // Dropdown with options\n  if (field?.length) {\n    // Single select\n    if (dataType === DATA_TYPES.SELECT) {\n      return (\n        <>\n          <Box css={{ padding: '$4' }}>\n            <Input\n              placeholder={PLACEHOLDERS.SEARCH}\n              leftIcon={<SearchIcon />}\n              variant=\"filled\"\n              size=\"lg\"\n              value={inputValue}\n              onChange={(e) => setInputValue(e.currentTarget.value)}\n            />\n          </Box>\n          <Flex\n            flexDirection=\"column\"\n            css={{\n              paddingBottom: '$4',\n              maxHeight: 240,\n              height: '100%',\n              overflow: 'auto',\n            }}\n          >\n            {field\n              .filter((option) =>\n                option.label.toLowerCase().includes(inputValue.toLowerCase())\n              )\n              .map((fieldOption) => (\n                <Box\n                  key={fieldOption.id}\n                  onClick={() => handleSubmit(fieldOption.value as string)}\n                  css={{\n                    padding: '$3 $6',\n                    transition: 'all .3s ease',\n                    cursor: 'pointer',\n                    '&:hover': {\n                      backgroundColor: 'rgba(100, 116, 139, 0.06)',\n                    },\n                  }}\n                >\n                  <Text size=\"sm\">{fieldOption.label}</Text>\n                </Box>\n              ))}\n          </Flex>\n        </>\n      );\n    }\n\n    // Multi-select\n    return (\n      <>\n        <Box css={{ padding: '$4' }}>\n          <Input\n            placeholder={PLACEHOLDERS.SEARCH}\n            leftIcon={<SearchIcon />}\n            variant=\"filled\"\n            size=\"lg\"\n            value={inputValue}\n            onChange={(e) => setInputValue(e.currentTarget.value)}\n          />\n        </Box>\n        <Flex\n          flexDirection=\"column\"\n          css={{\n            paddingBottom: '$4',\n            maxHeight: 240,\n            height: '100%',\n            overflow: 'auto',\n          }}\n        >\n          {/* Select All */}\n          <Box css={{ padding: '$3 $6' }}>\n            <Checkbox\n              size=\"sm\"\n              checked={selectedField.length === field.length}\n              onChange={(checked) => {\n                if (checked) {\n                  setSelectedField(field.map((item) => item.value as string));\n                } else {\n                  setSelectedField([]);\n                }\n              }}\n            >\n              <Text css={{ cursor: 'pointer' }} size=\"sm\">\n                {UI_TEXT.SELECT_ALL}\n              </Text>\n            </Checkbox>\n          </Box>\n\n          {/* Options */}\n          {field\n            .filter((option) =>\n              option.label.toLowerCase().includes(inputValue.toLowerCase())\n            )\n            .map((fieldOption) => (\n              <Box\n                key={fieldOption.id}\n                css={{\n                  padding: '$3 $6',\n                  transition: 'all .3s ease',\n                  cursor: 'pointer',\n                  '&:hover': {\n                    backgroundColor: 'rgba(100, 116, 139, 0.06)',\n                  },\n                }}\n              >\n                <Checkbox\n                  size=\"sm\"\n                  checked={selectedField.includes(fieldOption.value as string)}\n                  onChange={(checked) => {\n                    if (checked) {\n                      setSelectedField([...selectedField, fieldOption.value as string]);\n                    } else {\n                      setSelectedField(\n                        selectedField.filter((item) => item !== fieldOption.value)\n                      );\n                    }\n                  }}\n                >\n                  <Text css={{ cursor: 'pointer' }} size=\"sm\">\n                    {fieldOption.label}\n                  </Text>\n                </Checkbox>\n              </Box>\n            ))}\n\n          {/* Apply Button */}\n          <Flex\n            justifyContent=\"flex-end\"\n            css={{\n              position: 'sticky',\n              bottom: 0,\n              paddingBlock: '$4 !important',\n              marginInlineEnd: '$6 !important',\n            }}\n          >\n            <Button\n              size=\"sm\"\n              variant=\"ghost\"\n              color=\"primary\"\n              onClick={() => handleSubmit(selectedField)}\n            >\n              {UI_TEXT.APPLY}\n            </Button>\n          </Flex>\n        </Flex>\n      </>\n    );\n  }\n\n  // Text/Number input\n  const isNumberField = dataType === DATA_TYPES.NUMBER || dataType === DATA_TYPES.PHONE_NUMBER;\n  \n  return (\n    <>\n      <Box css={{ padding: '$4' }}>\n        <FormInput\n          placeholder={isNumberField ? PLACEHOLDERS.ENTER_NUMBER : PLACEHOLDERS.ENTER_VALUE}\n          type=\"text\"\n          variant=\"filled\"\n          size=\"lg\"\n          {...(isNumberField && { maxLength: 10 })}\n          value={inputValue}\n          onChange={(e) => {\n            const value = (e.target as HTMLInputElement).value;\n            setInputValue(isNumberField ? formatPhoneNumber(value) : value);\n          }}\n          onKeyDown={(e) => {\n            if (e.key === 'Enter' && inputValue.length) {\n              handleSubmit(inputValue);\n            }\n          }}\n        />\n        {dataType === DATA_TYPES.PHONE_NUMBER && (\n          <FormLabel size=\"xs\" css={{ fontWeight: '$5', marginTop: '$2', marginLeft: '$1' }}>\n            {UI_TEXT.PHONE_NUMBER_HINT}\n          </FormLabel>\n        )}\n      </Box>\n\n      <Flex\n        alignItems=\"center\"\n        justifyContent=\"space-between\"\n        css={{\n          borderTop: '$borderWidths$xs solid $neutral100',\n          padding: '$4 $6',\n          marginTop: '$4',\n        }}\n      >\n        <Button size=\"md\" color=\"secondary\" variant=\"ghost\" onClick={() => setShowPopover(false)}>\n          {UI_TEXT.CANCEL}\n        </Button>\n        <Button\n          size=\"md\"\n          variant=\"ghost\"\n          disabled={!inputValue.length}\n          onClick={() => handleSubmit(inputValue)}\n        >\n          {UI_TEXT.SAVE}\n        </Button>\n      </Flex>\n    </>\n  );\n};\n\n/**\n * Field Value Popover Component\n */\nexport const FieldValuePopover: React.FC<\n  Omit<FieldValuePopoverProps, 'setShowPopover'>\n> = ({ setCurrentField, currentFilter, filters, resetEditing, fieldOptions }) => {\n  const [showPopover, setShowPopover] = useState(true);\n  const hasError = !currentFilter.value && !showPopover;\n\n  return (\n    <Popover defaultOpen open={showPopover}>\n      <TooltipProvider delayDuration={0}>\n        <Tooltip\n          side=\"right\"\n          content={hasError ? UI_TEXT.ENTER_VALUE_TOOLTIP : ''}\n        >\n          <PopoverTrigger asChild onClick={() => setShowPopover(!showPopover)}>\n            <Box>\n              <CustomConditonChip hasError={hasError}>{UI_TEXT.TYPE_VALUE}</CustomConditonChip>\n            </Box>\n          </PopoverTrigger>\n        </Tooltip>\n      </TooltipProvider>\n      <PopoverContent\n        onPointerDownOutside={() => setShowPopover(false)}\n        sideOffset={4}\n        align=\"start\"\n        side={currentFilter.operator?.value === DATA_TYPES.DATE_TIME ? 'right' : 'bottom'}\n        css={{\n          minWidth: 220,\n          borderRadius: '$xl',\n          border: '0.7px solid $black300',\n          padding: 0,\n        }}\n      >\n        <RenderFieldValuePopover\n          fieldOptions={fieldOptions}\n          setShowPopover={setShowPopover}\n          setCurrentField={setCurrentField}\n          currentFilter={currentFilter}\n          filters={filters}\n          resetEditing={resetEditing}\n        />\n      </PopoverContent>\n    </Popover>\n  );\n};\n\n"],"names":["useState","parseDate","dayjs","_a","useEffect","DATA_TYPES","Box","booleanOptions","Text","Calendar","UI_TEXT","Input","PLACEHOLDERS","SearchIcon","Flex","Checkbox","Button","FormInput","formatPhoneNumber","FormLabel","Popover","TooltipProvider","Tooltip","PopoverTrigger","CustomConditonChip","PopoverContent"],"mappings":"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"}

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

@@ -17,7 +17,260 @@ const topLevelCondition = [
   { label: "And", value: "AND" },
   { label: "Or", value: "OR" }
 ];
+const CONDITION_OPERATORS = [
+  { label: "is equals to", value: "IS" },
+  { label: "is not equals to", value: "IS_NOT" },
+  { label: "contains", value: "CONTAINS" },
+  { label: "not contains", value: "CONTAINS_NOT" },
+  { label: "has no value", value: "NO_VALUE" },
+  { label: "has any value", value: "ANY_VALUE" },
+  { label: "before", value: "BEFORE" },
+  { label: "after", value: "AFTER" },
+  { label: "on", value: "ON" },
+  { label: "greater than", value: "GREATER_THAN" },
+  { label: "less than", value: "LESS_THAN" },
+  { label: "between", value: "BETWEEN" }
+];
+const DATE_OPERATORS = [
+  { label: "before", value: "BEFORE" },
+  { label: "after", value: "AFTER" },
+  { label: "on", value: "ON" },
+  { label: "between", value: "BETWEEN" }
+];
+const NUMBER_OPERATORS = [
+  { label: "is equals to", value: "IS" },
+  { label: "is not equals to", value: "IS_NOT" },
+  { label: "greater than", value: "GREATER_THAN" },
+  { label: "less than", value: "LESS_THAN" },
+  { label: "between", value: "BETWEEN" },
+  { label: "has no value", value: "NO_VALUE" },
+  { label: "has any value", value: "ANY_VALUE" }
+];
+const STRING_OPERATORS = [
+  { label: "is equals to", value: "IS" },
+  { label: "is not equals to", value: "IS_NOT" },
+  { label: "contains", value: "CONTAINS" },
+  { label: "not contains", value: "CONTAINS_NOT" },
+  { label: "starts with", value: "STARTS_WITH" },
+  { label: "ends with", value: "ENDS_WITH" },
+  { label: "has no value", value: "NO_VALUE" },
+  { label: "has any value", value: "ANY_VALUE" }
+];
+const DEFAULT_TRIGGER_CONDITION = {
+  id: "",
+  field: null,
+  operator: null,
+  value: null
+};
+const DEFAULT_FILTER_GROUP = {
+  id: "",
+  conditions: [DEFAULT_TRIGGER_CONDITION],
+  operator: "AND"
+};
+const SHARE_TYPE_OPTIONS = [
+  { label: "Email", value: "EMAIL" },
+  { label: "SMS", value: "SMS" },
+  { label: "Whatsapp", value: "WHATSAPP" }
+];
+const TRIGGER_ICONS = {
+  SMS: "sms",
+  EMAIL: "email",
+  WHATSAPP: "whatsapp",
+  SLACK: "slack",
+  WEBHOOK: "webhook"
+};
+const MAX_FILTER_CONDITIONS = 10;
+const MAX_FILTER_GROUPS = 5;
+const TRIGGER_VALIDATION = {
+  MIN_CONDITIONS: 1,
+  MAX_CONDITIONS: MAX_FILTER_CONDITIONS,
+  MAX_GROUPS: MAX_FILTER_GROUPS,
+  REQUIRED_FIELDS: ["shareChannel", "shareRecipient", "shareType"]
+};
+const TRIGGER_ERROR_MESSAGES = {
+  CONDITION_REQUIRED: "At least one condition is required",
+  FIELD_REQUIRED: "Field selection is required",
+  OPERATOR_REQUIRED: "Operator selection is required",
+  VALUE_REQUIRED: "Value is required",
+  SHARE_CHANNEL_REQUIRED: "Share channel is required",
+  SHARE_RECIPIENT_REQUIRED: "Share recipient is required",
+  SHARE_TYPE_REQUIRED: "Share type is required",
+  MAX_CONDITIONS_REACHED: `Maximum ${MAX_FILTER_CONDITIONS} conditions allowed`,
+  MAX_GROUPS_REACHED: `Maximum ${MAX_FILTER_GROUPS} filter groups allowed`,
+  FETCH_CHANNELS_ERROR: "Failed to fetch channels"
+};
+const TRIGGER_SUCCESS_MESSAGES = {
+  TRIGGER_SAVED: "Trigger saved successfully",
+  TRIGGER_UPDATED: "Trigger updated successfully",
+  TRIGGER_DELETED: "Trigger deleted successfully"
+};
+const SAMPLE_FIELD_OPTIONS = [
+  { label: "Patient Id", value: "Patient_id" },
+  { label: "Patient Family", value: "Patient_family" },
+  { label: "Patient Given", value: "Patient_given" },
+  { label: "Patient Email", value: "Patient_email" },
+  { label: "Patient Work Phone", value: "Patient_phone_work" },
+  { label: "Patient Home Phone", value: "Patient_phone_home" },
+  { label: "Patient Mobile Phone", value: "Patient_phone_mobile" },
+  { label: "Patient Active", value: "Patient_active" },
+  { label: "Patient Birth Date", value: "Patient_birthDate" },
+  { label: "Patient Gender", value: "Patient_gender" }
+];
+const fieldOptions = SAMPLE_FIELD_OPTIONS;
+const UI_TEXT = {
+  // Header texts
+  EDIT_TRIGGER: "Edit Trigger",
+  NEW_TRIGGER: "New Trigger",
+  EVENT_SETUP: "Event Setup",
+  TRIGGER_CONDITIONS: "Trigger Conditions",
+  UPDATE_TRIGGER: "Update Trigger",
+  SAVE_TRIGGER: "Save Trigger",
+  // Event Setup texts
+  CONFIGURE_EVENT: "Configure Event",
+  SURVEY_NAME: "Survey Name:",
+  CONTINUE: "Continue",
+  // Condition texts
+  SET_CONDITION: "Set Condition",
+  WHICH_MEETS: "which meets",
+  OF_THESE_CONDITIONS: "of these conditions",
+  ADD_CONDITION: "Add Condition",
+  WHEN: "When",
+  // Variable texts
+  PASS_VARIABLE_TO_SURVEY: "Pass Variable to Survey",
+  CHOOSE_FIELDS: "Choose Fields",
+  SEND_SURVEY: "Send Survey",
+  CHOOSE_SHARE_TYPE: "Choose Share Type",
+  CHOOSE_RECIPIENT: "Choose Recipient",
+  CHOOSE_SHARE_CHANNEL: "Choose Share Channel",
+  // Filter/Popover texts
+  CHOOSE_FIELD: "Choose Field",
+  CHOOSE_DATA_TYPE: "Choose Data Type",
+  TYPE_VALUE: "Type Value",
+  NO_PREFERENCE: "No Preference",
+  SELECT_DATA_TYPE: "Select data type",
+  NO_OPTIONS: "No options",
+  SELECT_ALL: "Select All",
+  // Button texts
+  CANCEL: "Cancel",
+  SAVE: "Save",
+  APPLY: "Apply",
+  // Condition operator labels
+  AND: "And",
+  OR: "Or",
+  // Data type labels
+  SELECT: "Select",
+  CHOOSE: "Choose",
+  // Info messages
+  DATA_TYPE_INFO: "Select the right data type for the mapping to prevent errors when sharing value.",
+  PHONE_NUMBER_HINT: "Enter a valid number without the country code",
+  ENTER_VALUE_TOOLTIP: "Enter Value to complete the condition",
+  // Share options
+  NEW_SHARE: "New Share",
+  EMAIL: "Email",
+  SMS: "SMS",
+  WHATSAPP: "Whatsapp",
+  SLACK: "Slack",
+  // Boolean values
+  TRUE_VALUE: "True",
+  FALSE_VALUE: "False"
+};
+const PLACEHOLDERS = {
+  SELECT_ACCOUNT: "Select account",
+  SELECT_OBJECT: "Select object",
+  SELECT_ACTION: "Select action",
+  SELECT_VARIABLES: "Select variables",
+  SELECT_SHARE_TYPE: "Select share type",
+  SELECT_RECIPIENT: "Select recipient",
+  SELECT_CHANNEL: "Select channel",
+  SEARCH: "Search",
+  ENTER_NUMBER: "Enter a number",
+  ENTER_VALUE: "Enter a value"
+};
+const FONTS = {
+  BODY: "DM Sans, Roboto Mono, sans-serif",
+  HEADING: "DM Sans, Roboto Mono, sans-serif",
+  MONO: "Roboto Mono",
+  MONO_FULL: "'Roboto Mono', monospace !important"
+};
+const API = {
+  CHANNELS_ENDPOINT: "/v3/channels",
+  QUERY_PARAM_SURVEY_ID: "survey_id",
+  AUTHORIZATION_HEADER: "Authorization",
+  CONTENT_TYPE_HEADER: "Content-Type",
+  CONTENT_TYPE_JSON: "application/json",
+  BEARER_PREFIX: "Bearer"
+};
+const PARAMETER_ERRORS = {
+  MISSING_REQUIRED_PARAMS: "Missing required parameters: token, apiURL, or surveyId",
+  INVALID_RESPONSE_FORMAT: "Invalid response format",
+  API_REQUEST_FAILED: "API request failed"
+};
+const VALIDATION_ERRORS = {
+  AT_LEAST_ONE_FILTER: "At least one filter is required",
+  FILTER_GROUP_CONDITION: "must have at least one condition",
+  FIELD_REQUIRED: "Field is required",
+  OPERATOR_REQUIRED: "Operator is required",
+  VALUE_REQUIRED: "Value is required",
+  CONDITION: "Condition",
+  IN_FILTER_GROUP: "in filter group",
+  FILTER_GROUP: "Filter group"
+};
+const HTTP_ERRORS = {
+  HTTP_ERROR_PREFIX: "HTTP error! status:",
+  FAILED_TO_FETCH_CHANNELS: "Failed to fetch channels"
+};
+const DRAFT = {
+  TYPE_TRIGGER: "TRIGGER"
+};
+const SHARE_TYPES = {
+  EMAIL: "EMAIL",
+  SMS: "SMS",
+  WHATSAPP: "WHATSAPP",
+  SLACK: "SLACK",
+  NEW_SHARE: "NEW_SHARE"
+};
+const DATA_TYPES = {
+  BOOLEAN: "BOOLEAN",
+  DATE_TIME: "DATE_TIME",
+  STRING: "STRING",
+  NUMBER: "NUMBER",
+  PHONE_NUMBER: "PHONE_NUMBER",
+  SELECT: "SELECT"
+};
+const HOOKS = {
+  FAILED_TO_FETCH_CHANNELS: "Failed to fetch channels",
+  CONDITIONS: {
+    AND: "AND",
+    OR: "OR"
+  }
+};
 
+exports.API = API;
+exports.CONDITION_OPERATORS = CONDITION_OPERATORS;
+exports.DATA_TYPES = DATA_TYPES;
+exports.DATE_OPERATORS = DATE_OPERATORS;
+exports.DEFAULT_FILTER_GROUP = DEFAULT_FILTER_GROUP;
+exports.DEFAULT_TRIGGER_CONDITION = DEFAULT_TRIGGER_CONDITION;
+exports.DRAFT = DRAFT;
+exports.FONTS = FONTS;
+exports.HOOKS = HOOKS;
+exports.HTTP_ERRORS = HTTP_ERRORS;
+exports.MAX_FILTER_CONDITIONS = MAX_FILTER_CONDITIONS;
+exports.MAX_FILTER_GROUPS = MAX_FILTER_GROUPS;
+exports.NUMBER_OPERATORS = NUMBER_OPERATORS;
+exports.PARAMETER_ERRORS = PARAMETER_ERRORS;
+exports.PLACEHOLDERS = PLACEHOLDERS;
+exports.SAMPLE_FIELD_OPTIONS = SAMPLE_FIELD_OPTIONS;
+exports.SHARE_TYPES = SHARE_TYPES;
+exports.SHARE_TYPE_OPTIONS = SHARE_TYPE_OPTIONS;
+exports.STRING_OPERATORS = STRING_OPERATORS;
+exports.TRIGGER_ERROR_MESSAGES = TRIGGER_ERROR_MESSAGES;
+exports.TRIGGER_ICONS = TRIGGER_ICONS;
+exports.TRIGGER_SUCCESS_MESSAGES = TRIGGER_SUCCESS_MESSAGES;
+exports.TRIGGER_VALIDATION = TRIGGER_VALIDATION;
+exports.UI_TEXT = UI_TEXT;
+exports.VALIDATION_ERRORS = VALIDATION_ERRORS;
 exports.comparatorConstants = comparatorConstants;
+exports.fieldOptions = fieldOptions;
 exports.topLevelCondition = topLevelCondition;
 //# sourceMappingURL=index.js.map