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

package/dist/es/contact-import/components/ContactImportModal.js

@@ -0,0 +1,150 @@
+import React__default, { useState, useCallback } from 'react';
+import { generateUniqueId } from '../../commons/helpers/index.js';
+import { MODAL_MAX_WIDTH, INPUT_MAX_LENGTH } from '../../commons/constants/index.js';
+import { LABELS, PLACEHOLDERS } from '../constants/index.js';
+import { Dialog, DialogContent } from '../../node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialog.js';
+import { Flex } from '../../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js';
+import { Heading } from '../../node_modules/@sparrowengg/twigs-react/dist/es/heading/heading.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';
+import { Box } from '../../node_modules/@sparrowengg/twigs-react/dist/es/box/box.js';
+import { FormInput } from '../../node_modules/@sparrowengg/twigs-react/dist/es/input/form-input.js';
+import { Checkbox } from '../../node_modules/@sparrowengg/twigs-react/dist/es/checkbox/checkbox.js';
+import { Button } from '../../node_modules/@sparrowengg/twigs-react/dist/es/button/button.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 ContactImportModal = ({
+  setContactImportField,
+  contactImportField,
+  onCloseHandler,
+  onSaveHandler,
+  invitePortal
+}) => {
+  var _a;
+  const [inputValue, setInputValue] = useState(
+    ((_a = contactImportField == null ? void 0 : contactImportField.configure) == null ? void 0 : _a.reference) || ""
+  );
+  const handleInputChange = useCallback(
+    (event) => {
+      setInputValue(event.currentTarget.value);
+    },
+    []
+  );
+  const handleInvitePortalChange = useCallback(
+    (checked) => {
+      setContactImportField((prev) => __spreadProps(__spreadValues({}, prev), {
+        invitePortal: checked
+      }));
+      invitePortal.onChangeHandler(checked);
+    },
+    [setContactImportField, invitePortal]
+  );
+  const handleFinishImport = useCallback(async () => {
+    setContactImportField((prev) => __spreadProps(__spreadValues({}, prev), {
+      description: inputValue,
+      id: generateUniqueId()
+    }));
+    await onSaveHandler();
+    onCloseHandler();
+  }, [inputValue, onSaveHandler, onCloseHandler, setContactImportField]);
+  const isFinishDisabled = !(inputValue == null ? void 0 : inputValue.trim().length);
+  return /* @__PURE__ */ React__default.createElement(Dialog, { open: true }, /* @__PURE__ */ React__default.createElement(
+    DialogContent,
+    {
+      css: {
+        padding: 0,
+        borderRadius: "$3xl",
+        maxWidth: MODAL_MAX_WIDTH
+      }
+    },
+    /* @__PURE__ */ React__default.createElement(
+      Flex,
+      {
+        alignItems: "center",
+        justifyContent: "space-between",
+        css: {
+          padding: "$8 $12",
+          borderBottom: "$borderWidths$xs solid $neutral200"
+        }
+      },
+      /* @__PURE__ */ React__default.createElement(Heading, { size: "h6", css: { color: "$neutral900" } }, LABELS.IMPORT_CONFIGURATION),
+      /* @__PURE__ */ React__default.createElement(
+        IconButton,
+        {
+          variant: "ghost",
+          color: "default",
+          icon: /* @__PURE__ */ React__default.createElement(CloseIcon, null),
+          size: "lg",
+          css: {
+            "& svg": {
+              color: "#64748B !important"
+            }
+          },
+          onClick: onCloseHandler,
+          "aria-label": LABELS.CLOSE_MODAL
+        }
+      )
+    ),
+    /* @__PURE__ */ React__default.createElement(Box, { css: { padding: "$12" } }, /* @__PURE__ */ React__default.createElement(
+      FormInput,
+      {
+        label: PLACEHOLDERS.IMPORT_TITLE,
+        requiredIndicator: true,
+        value: inputValue,
+        maxLength: INPUT_MAX_LENGTH,
+        max: INPUT_MAX_LENGTH,
+        showCount: true,
+        onChange: handleInputChange,
+        size: "lg"
+      }
+    ), invitePortal.hasInvitePortal && /* @__PURE__ */ React__default.createElement(Box, { css: { marginTop: "$12" } }, /* @__PURE__ */ React__default.createElement(
+      Checkbox,
+      {
+        checked: !!invitePortal.value,
+        onChange: handleInvitePortalChange
+      },
+      LABELS.INVITE_TO_PORTAL
+    ))),
+    /* @__PURE__ */ React__default.createElement(
+      Flex,
+      {
+        gap: "$4",
+        css: {
+          justifyContent: "flex-end",
+          padding: "$8 $12"
+        }
+      },
+      /* @__PURE__ */ React__default.createElement(Button, { size: "lg", color: "default", onClick: onCloseHandler }, LABELS.CANCEL),
+      /* @__PURE__ */ React__default.createElement(
+        Button,
+        {
+          size: "lg",
+          disabled: isFinishDisabled,
+          onClick: handleFinishImport
+        },
+        LABELS.FINISH_IMPORT
+      )
+    )
+  ));
+};
+
+export { ContactImportModal as default };
+//# sourceMappingURL=ContactImportModal.js.map

package/dist/es/contact-import/components/ContactImportModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContactImportModal.js","sources":["../../../../src/contact-import/components/ContactImportModal.tsx"],"sourcesContent":["import React, { useState, useCallback } from 'react';\nimport {\n  Box,\n  Button,\n  Checkbox,\n  Dialog,\n  DialogContent,\n  Flex,\n  FormInput,\n  Heading,\n  IconButton,\n} from '@sparrowengg/twigs-react';\nimport { CloseIcon } from '@sparrowengg/twigs-react-icons';\nimport { ContactImportModalProps } from '../types';\nimport { generateUniqueId } from '../../commons/helpers';\nimport { MODAL_MAX_WIDTH, INPUT_MAX_LENGTH } from '../../commons/constants';\nimport { LABELS, PLACEHOLDERS } from '../constants';\n\n/**\n * Modal component for finalizing import configuration\n * Allows user to set import title and invite portal preferences\n */\nconst ContactImportModal: React.FC<ContactImportModalProps> = ({\n  setContactImportField,\n  contactImportField,\n  onCloseHandler,\n  onSaveHandler,\n  invitePortal,\n}) => {\n  const [inputValue, setInputValue] = useState(\n    contactImportField?.configure?.reference || ''\n  );\n\n  const handleInputChange = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      setInputValue(event.currentTarget.value);\n    },\n    []\n  );\n\n  const handleInvitePortalChange = useCallback(\n    (checked: boolean) => {\n      setContactImportField((prev) => ({\n        ...prev,\n        invitePortal: checked,\n      }));\n      invitePortal.onChangeHandler(checked);\n    },\n    [setContactImportField, invitePortal]\n  );\n\n  const handleFinishImport = useCallback(async () => {\n    setContactImportField((prev) => ({\n      ...prev,\n      description: inputValue,\n      id: generateUniqueId(),\n    }));\n    await onSaveHandler();\n    onCloseHandler();\n  }, [inputValue, onSaveHandler, onCloseHandler, setContactImportField]);\n\n  const isFinishDisabled = !inputValue?.trim().length;\n\n  return (\n    <Dialog open>\n      <DialogContent\n        css={{\n          padding: 0,\n          borderRadius: '$3xl',\n          maxWidth: MODAL_MAX_WIDTH,\n        }}\n      >\n        {/* Modal Header */}\n        <Flex\n          alignItems=\"center\"\n          justifyContent=\"space-between\"\n          css={{\n            padding: '$8 $12',\n            borderBottom: '$borderWidths$xs solid $neutral200',\n          }}\n        >\n          <Heading size=\"h6\" css={{ color: '$neutral900' }}>\n            {LABELS.IMPORT_CONFIGURATION}\n          </Heading>\n          <IconButton\n            variant=\"ghost\"\n            color=\"default\"\n            icon={<CloseIcon />}\n            size=\"lg\"\n            css={{\n              '& svg': {\n                color: '#64748B !important',\n              },\n            }}\n            onClick={onCloseHandler}\n            aria-label={LABELS.CLOSE_MODAL}\n          />\n        </Flex>\n\n        {/* Modal Content */}\n        <Box css={{ padding: '$12' }}>\n          <FormInput\n            label={PLACEHOLDERS.IMPORT_TITLE}\n            requiredIndicator\n            value={inputValue}\n            maxLength={INPUT_MAX_LENGTH}\n            max={INPUT_MAX_LENGTH}\n            showCount\n            onChange={handleInputChange}\n            size=\"lg\"\n          />\n\n          {invitePortal.hasInvitePortal && (\n            <Box css={{ marginTop: '$12' }}>\n              <Checkbox\n                checked={!!invitePortal.value}\n                onChange={handleInvitePortalChange}\n              >\n                {LABELS.INVITE_TO_PORTAL}\n              </Checkbox>\n            </Box>\n          )}\n        </Box>\n\n        {/* Modal Footer */}\n        <Flex\n          gap=\"$4\"\n          css={{\n            justifyContent: 'flex-end',\n            padding: '$8 $12',\n          }}\n        >\n          <Button size=\"lg\" color=\"default\" onClick={onCloseHandler}>\n            {LABELS.CANCEL}\n          </Button>\n          <Button\n            size=\"lg\"\n            disabled={isFinishDisabled}\n            onClick={handleFinishImport}\n          >\n            {LABELS.FINISH_IMPORT}\n          </Button>\n        </Flex>\n      </DialogContent>\n    </Dialog>\n  );\n};\n\nexport default ContactImportModal;\n\n"],"names":["React"],"mappings":"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"}

package/dist/es/contact-import/components/ImportSchedules.js

@@ -0,0 +1,80 @@
+import React__default, { useState, useEffect, useCallback } from 'react';
+import Scheduling from './Scheduling.js';
+import { FREQUENCY_MODE, LABELS } 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 { Text } from '../../node_modules/@sparrowengg/twigs-react/dist/es/text/text.js';
+import { RadioGroup, Radio } from '../../node_modules/@sparrowengg/twigs-react/dist/es/radio/radio.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 ImportSchedules = ({
+  currentList,
+  setCurrentList
+}) => {
+  const [globalStorage, setGlobalStorage] = useState(() => {
+    const listFrequency = currentList == null ? void 0 : currentList.frequency;
+    return listFrequency || {
+      frequentMode: FREQUENCY_MODE.ONE_TIME.value
+    };
+  });
+  useEffect(() => {
+    setCurrentList((prev) => __spreadProps(__spreadValues({}, prev), {
+      frequency: globalStorage
+    }));
+  }, [globalStorage, setCurrentList]);
+  const handleFrequencyChange = useCallback((value) => {
+    setGlobalStorage((prev) => __spreadProps(__spreadValues({}, prev), {
+      frequentMode: value
+    }));
+  }, []);
+  const isRecurringMode = globalStorage.frequentMode === FREQUENCY_MODE.RECURRING.value;
+  return /* @__PURE__ */ React__default.createElement(Flex, { flexDirection: "column", gap: "$8" }, /* @__PURE__ */ React__default.createElement(Box, null, /* @__PURE__ */ React__default.createElement(Text, { css: { color: "$neutral900", fontSize: "$xl" }, weight: "bold" }, LABELS.IMPORT_FREQUENCY), /* @__PURE__ */ React__default.createElement(Text, { size: "md", css: { color: "$neutral600", marginTop: "$4" } }, LABELS.IMPORT_FREQUENCY_DESCRIPTION)), /* @__PURE__ */ React__default.createElement(
+    RadioGroup,
+    {
+      defaultValue: globalStorage.frequentMode,
+      onChange: handleFrequencyChange
+    },
+    /* @__PURE__ */ React__default.createElement(Flex, { alignItems: "center", gap: "$8" }, /* @__PURE__ */ React__default.createElement(
+      Radio,
+      {
+        value: FREQUENCY_MODE.ONE_TIME.value,
+        css: { cursor: "pointer" }
+      },
+      /* @__PURE__ */ React__default.createElement(Text, { size: "md", css: { color: "$neutral900" } }, FREQUENCY_MODE.ONE_TIME.label)
+    ), /* @__PURE__ */ React__default.createElement(
+      Radio,
+      {
+        value: FREQUENCY_MODE.RECURRING.value,
+        css: { cursor: "pointer" }
+      },
+      /* @__PURE__ */ React__default.createElement(Text, { size: "md", css: { color: "$neutral900" } }, FREQUENCY_MODE.RECURRING.label)
+    ))
+  ), isRecurringMode && /* @__PURE__ */ React__default.createElement(
+    Scheduling,
+    {
+      globalStorage,
+      setGlobalStorage
+    }
+  ));
+};
+
+export { ImportSchedules as default };
+//# sourceMappingURL=ImportSchedules.js.map

package/dist/es/contact-import/components/ImportSchedules.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImportSchedules.js","sources":["../../../../src/contact-import/components/ImportSchedules.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback } from 'react';\nimport { Flex, Box, RadioGroup, Radio, Text } from '@sparrowengg/twigs-react';\nimport Scheduling from './Scheduling';\nimport { FREQUENCY_MODE, LABELS } from '../constants';\nimport { ImportSchedulesProps, ScheduleData, FrequencyMode } from '../types';\n\n/**\n * Component for managing import frequency and scheduling\n * Allows user to choose between one-time and recurring imports\n */\nconst ImportSchedules: React.FC<ImportSchedulesProps> = ({\n  currentList,\n  setCurrentList,\n}) => {\n  const [globalStorage, setGlobalStorage] = useState<ScheduleData>(() => {\n    const listFrequency = currentList?.frequency as ScheduleData | undefined;\n    return (\n      listFrequency || {\n        frequentMode: FREQUENCY_MODE.ONE_TIME.value,\n      }\n    );\n  });\n\n  // Sync schedule data with parent state\n  useEffect(() => {\n    setCurrentList((prev) => ({\n      ...prev,\n      frequency: globalStorage,\n    }));\n  }, [globalStorage, setCurrentList]);\n\n  const handleFrequencyChange = useCallback((value: string) => {\n    setGlobalStorage((prev) => ({\n      ...prev,\n      frequentMode: value as FrequencyMode,\n    }));\n  }, []);\n\n  const isRecurringMode =\n    globalStorage.frequentMode === FREQUENCY_MODE.RECURRING.value;\n\n  return (\n    <Flex flexDirection=\"column\" gap=\"$8\">\n      {/* Title and Description */}\n      <Box>\n        <Text css={{ color: '$neutral900', fontSize: '$xl' }} weight=\"bold\">\n          {LABELS.IMPORT_FREQUENCY}\n        </Text>\n        <Text size=\"md\" css={{ color: '$neutral600', marginTop: '$4' }}>\n          {LABELS.IMPORT_FREQUENCY_DESCRIPTION}\n        </Text>\n      </Box>\n\n      {/* Frequency Selection */}\n      <RadioGroup\n        defaultValue={globalStorage.frequentMode}\n        onChange={handleFrequencyChange}\n      >\n        <Flex alignItems=\"center\" gap=\"$8\">\n          <Radio\n            value={FREQUENCY_MODE.ONE_TIME.value}\n            css={{ cursor: 'pointer' }}\n          >\n            <Text size=\"md\" css={{ color: '$neutral900' }}>\n              {FREQUENCY_MODE.ONE_TIME.label}\n            </Text>\n          </Radio>\n          <Radio\n            value={FREQUENCY_MODE.RECURRING.value}\n            css={{ cursor: 'pointer' }}\n          >\n            <Text size=\"md\" css={{ color: '$neutral900' }}>\n              {FREQUENCY_MODE.RECURRING.label}\n            </Text>\n          </Radio>\n        </Flex>\n      </RadioGroup>\n\n      {/* Scheduling Configuration (shown only for recurring) */}\n      {isRecurringMode && (\n        <Scheduling\n          globalStorage={globalStorage}\n          setGlobalStorage={setGlobalStorage}\n        />\n      )}\n    </Flex>\n  );\n};\n\nexport default ImportSchedules;\n\n"],"names":["React"],"mappings":"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"}

package/dist/es/contact-import/components/ManageImport/Icons.js

@@ -0,0 +1,89 @@
+import React__default from 'react';
+
+const GradientSVG = ({
+  color = "#978CF9"
+}) => {
+  return /* @__PURE__ */ React__default.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "190",
+      height: "105",
+      fill: "none",
+      viewBox: "0 0 190 105"
+    },
+    /* @__PURE__ */ React__default.createElement("g", { filter: "url(#filter0_f_464_5408)", opacity: "0.5" }, /* @__PURE__ */ React__default.createElement(
+      "path",
+      {
+        d: "M94.802 48.24c-25.851 0-46.802 25.075-46.802 56h93.604c0-30.925-20.951-56-46.802-56z",
+        fill: color
+      }
+    )),
+    /* @__PURE__ */ React__default.createElement("defs", null, /* @__PURE__ */ React__default.createElement(
+      "filter",
+      {
+        id: "filter0_f_464_5408",
+        width: "189.604",
+        height: "104",
+        x: "0",
+        y: "0.24",
+        colorInterpolationFilters: "sRGB",
+        filterUnits: "userSpaceOnUse"
+      },
+      /* @__PURE__ */ React__default.createElement("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+      /* @__PURE__ */ React__default.createElement(
+        "feBlend",
+        {
+          in: "SourceGraphic",
+          in2: "BackgroundImageFix",
+          result: "shape"
+        }
+      ),
+      /* @__PURE__ */ React__default.createElement(
+        "feGaussianBlur",
+        {
+          result: "effect1_foregroundBlur_464_5408",
+          stdDeviation: "24"
+        }
+      )
+    ))
+  );
+};
+const DocumentClipSVG = ({
+  size = "48",
+  color = "#7158F5"
+}) => {
+  return /* @__PURE__ */ React__default.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size,
+      height: size,
+      fill: "none",
+      viewBox: "0 0 48 48"
+    },
+    /* @__PURE__ */ React__default.createElement(
+      "path",
+      {
+        stroke: color,
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: "2",
+        d: "M40 20V10a4 4 0 00-4-4H10a4 4 0 00-4 4v28a4 4 0 004 4h14M14 16h18m-18 8h8m-8 8h6"
+      }
+    ),
+    /* @__PURE__ */ React__default.createElement(
+      "path",
+      {
+        stroke: color,
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: "2",
+        d: "M30 29.55a5.24 5.24 0 011.89-2.978 5.061 5.061 0 013.318-1.064 4.964 4.964 0 013.616 1.286 5.162 5.162 0 011.676 3.51c0 3.608-5.057 4.798-5.057 7.196M35.675 41.77a.112.112 0 100 .224.112.112 0 000-.224"
+      }
+    )
+  );
+};
+
+export { DocumentClipSVG, GradientSVG };
+//# sourceMappingURL=Icons.js.map

package/dist/es/contact-import/components/ManageImport/Icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icons.js","sources":["../../../../../src/contact-import/components/ManageImport/Icons.tsx"],"sourcesContent":["import React from 'react';\n\ninterface GradientSVGProps {\n  color?: string;\n}\n\ninterface DocumentClipSVGProps {\n  size?: string;\n  color?: string;\n}\n\n/**\n * Gradient background SVG for empty state\n */\nexport const GradientSVG: React.FC<GradientSVGProps> = ({\n  color = '#978CF9',\n}) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"190\"\n      height=\"105\"\n      fill=\"none\"\n      viewBox=\"0 0 190 105\"\n    >\n      <g filter=\"url(#filter0_f_464_5408)\" opacity=\"0.5\">\n        <path\n          d=\"M94.802 48.24c-25.851 0-46.802 25.075-46.802 56h93.604c0-30.925-20.951-56-46.802-56z\"\n          fill={color}\n        />\n      </g>\n      <defs>\n        <filter\n          id=\"filter0_f_464_5408\"\n          width=\"189.604\"\n          height=\"104\"\n          x=\"0\"\n          y=\"0.24\"\n          colorInterpolationFilters=\"sRGB\"\n          filterUnits=\"userSpaceOnUse\"\n        >\n          <feFlood floodOpacity=\"0\" result=\"BackgroundImageFix\" />\n          <feBlend\n            in=\"SourceGraphic\"\n            in2=\"BackgroundImageFix\"\n            result=\"shape\"\n          />\n          <feGaussianBlur\n            result=\"effect1_foregroundBlur_464_5408\"\n            stdDeviation=\"24\"\n          />\n        </filter>\n      </defs>\n    </svg>\n  );\n};\n\n/**\n * Document clip icon SVG for empty state\n */\nexport const DocumentClipSVG: React.FC<DocumentClipSVGProps> = ({\n  size = '48',\n  color = '#7158F5',\n}) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={size}\n      height={size}\n      fill=\"none\"\n      viewBox=\"0 0 48 48\"\n    >\n      <path\n        stroke={color}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth=\"2\"\n        d=\"M40 20V10a4 4 0 00-4-4H10a4 4 0 00-4 4v28a4 4 0 004 4h14M14 16h18m-18 8h8m-8 8h6\"\n      />\n      <path\n        stroke={color}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth=\"2\"\n        d=\"M30 29.55a5.24 5.24 0 011.89-2.978 5.061 5.061 0 013.318-1.064 4.964 4.964 0 013.616 1.286 5.162 5.162 0 011.676 3.51c0 3.608-5.057 4.798-5.057 7.196M35.675 41.77a.112.112 0 100 .224.112.112 0 000-.224\"\n      />\n    </svg>\n  );\n};\n\n"],"names":["React"],"mappings":";;AAcO,MAAM,cAA0C,CAAC;AAAA,EACtD,KAAQ,GAAA,SAAA;AACV,CAAM,KAAA;AACJ,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAM,EAAA,4BAAA;AAAA,MACN,KAAM,EAAA,KAAA;AAAA,MACN,MAAO,EAAA,KAAA;AAAA,MACP,IAAK,EAAA,MAAA;AAAA,MACL,OAAQ,EAAA,aAAA;AAAA,KAAA;AAAA,oBAEPA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAE,MAAO,EAAA,0BAAA,EAA2B,SAAQ,KAC3C,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,sFAAA;AAAA,QACF,IAAM,EAAA,KAAA;AAAA,OAAA;AAAA,KAEV,CAAA;AAAA,iDACC,MACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,EAAG,EAAA,oBAAA;AAAA,QACH,KAAM,EAAA,SAAA;AAAA,QACN,MAAO,EAAA,KAAA;AAAA,QACP,CAAE,EAAA,GAAA;AAAA,QACF,CAAE,EAAA,MAAA;AAAA,QACF,yBAA0B,EAAA,MAAA;AAAA,QAC1B,WAAY,EAAA,gBAAA;AAAA,OAAA;AAAA,sBAEXA,cAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EAAQ,YAAa,EAAA,GAAA,EAAI,QAAO,oBAAqB,EAAA,CAAA;AAAA,sBACtDA,cAAA,CAAA,aAAA;AAAA,QAAC,SAAA;AAAA,QAAA;AAAA,UACC,EAAG,EAAA,eAAA;AAAA,UACH,GAAI,EAAA,oBAAA;AAAA,UACJ,MAAO,EAAA,OAAA;AAAA,SAAA;AAAA,OACT;AAAA,sBACAA,cAAA,CAAA,aAAA;AAAA,QAAC,gBAAA;AAAA,QAAA;AAAA,UACC,MAAO,EAAA,iCAAA;AAAA,UACP,YAAa,EAAA,IAAA;AAAA,SAAA;AAAA,OACf;AAAA,KAEJ,CAAA;AAAA,GACF,CAAA;AAEJ,EAAA;AAKO,MAAM,kBAAkD,CAAC;AAAA,EAC9D,IAAO,GAAA,IAAA;AAAA,EACP,KAAQ,GAAA,SAAA;AACV,CAAM,KAAA;AACJ,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAM,EAAA,4BAAA;AAAA,MACN,KAAO,EAAA,IAAA;AAAA,MACP,MAAQ,EAAA,IAAA;AAAA,MACR,IAAK,EAAA,MAAA;AAAA,MACL,OAAQ,EAAA,WAAA;AAAA,KAAA;AAAA,oBAERA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,MAAQ,EAAA,KAAA;AAAA,QACR,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,QACf,WAAY,EAAA,GAAA;AAAA,QACZ,CAAE,EAAA,kFAAA;AAAA,OAAA;AAAA,KACJ;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,MAAQ,EAAA,KAAA;AAAA,QACR,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,QACf,WAAY,EAAA,GAAA;AAAA,QACZ,CAAE,EAAA,2MAAA;AAAA,OAAA;AAAA,KACJ;AAAA,GACF,CAAA;AAEJ;;;;"}

package/dist/es/contact-import/constants/index.js

@@ -0,0 +1,153 @@
+const FREQUENCY_MODE = {
+  ONE_TIME: {
+    label: "One time",
+    value: "oneTime"
+  },
+  RECURRING: {
+    label: "Recurring",
+    value: "recurring"
+  }
+};
+const SCHEDULE_PERIODS = [
+  { id: 1, label: "Daily", value: "Daily" },
+  { id: 2, label: "Weekly", value: "Weekly" },
+  { id: 3, label: "Monthly", value: "Monthly" }
+];
+const IMPORT_CONFIG_TYPE = {
+  LIST: "LIST",
+  ALL: "ALL"
+};
+const PROPERTY_TYPE = {
+  CUSTOM: "custom",
+  DEFAULT: "default"
+};
+const CONTACT_FIELD_TYPE = {
+  TEXT: "text",
+  EMAIL: "email",
+  PHONE: "phone",
+  NUMBER: "number",
+  DATE: "date",
+  BOOLEAN: "boolean",
+  SELECT: "select",
+  DEPENDENT_FIELD: "DEPENDENT_FIELD"
+};
+const DEFAULT_FIELD_VALUE = {
+  integrationField: null,
+  surveySparrowField: null,
+  sampleData: [],
+  property: PROPERTY_TYPE.CUSTOM,
+  mapped: false,
+  surveySparrowFieldError: false
+};
+const DEFAULT_SCHEDULE_TIME = {
+  period: "Daily",
+  time: { hours: 12, mins: "00", noon: "am" },
+  timeZone: "Asia/Kolkata (GMT+05:30)"
+};
+const TIME_HOURS = Array.from({ length: 12 }, (_, i) => ({
+  id: i + 1,
+  value: i + 1
+}));
+const TIME_MINUTES = Array.from({ length: 60 }, (_, i) => ({
+  id: i,
+  value: (i < 10 ? "0" : "") + i
+}));
+const TIME_NOON = [
+  { id: 1, value: "am" },
+  { id: 2, value: "pm" }
+];
+const VALIDATION_RULES = {
+  MAX_TITLE_LENGTH: 50,
+  MIN_TITLE_LENGTH: 3,
+  MAX_FIELD_COUNT: 100,
+  MIN_FIELD_COUNT: 1,
+  MAX_SAMPLE_DATA_LENGTH: 40
+};
+const UI_CONSTANTS = {
+  MODAL_MAX_WIDTH: "600px",
+  INPUT_MAX_LENGTH: 50,
+  CONFIGURE_MAX_WIDTH: 488,
+  MAPPING_MAX_WIDTH: 1176,
+  DASHBOARD_MAX_WIDTH: 1120
+};
+const ERROR_MESSAGES = {
+  TITLE_REQUIRED: "Import title is required",
+  TITLE_TOO_SHORT: `Title must be at least ${VALIDATION_RULES.MIN_TITLE_LENGTH} characters`,
+  TITLE_TOO_LONG: `Title must be less than ${VALIDATION_RULES.MAX_TITLE_LENGTH} characters`,
+  FIELD_REQUIRED: "Please select the property",
+  DUPLICATE_FIELD: "This field is already mapped",
+  MAX_FIELDS_REACHED: `Maximum ${VALIDATION_RULES.MAX_FIELD_COUNT} fields allowed`,
+  SELECT_LIST_SEGMENT: "Please select a list or segment",
+  INVALID_CONFIGURATION: "Invalid import configuration"
+};
+const COMPLETED_TABLE_COLUMNS = [
+  { key: "name", label: "Import Name", width: "25%" },
+  { key: "type", label: "Contact Type", width: "25%" },
+  { key: "importedOn", label: "Imported on", width: "25%" },
+  { key: "status", label: "Status", width: "13%" },
+  { key: "actions", label: "", width: "12%" }
+];
+const SCHEDULED_TABLE_COLUMNS = [
+  { key: "toggle", label: "", width: "10%" },
+  { key: "name", label: "Import Name", width: "20%" },
+  { key: "type", label: "Contact Type", width: "20%" },
+  { key: "createdOn", label: "Created on", width: "20%" },
+  { key: "upcomingImport", label: "Upcoming Import", width: "20%" },
+  { key: "status", label: "Status", width: "5%" },
+  { key: "actions", label: "", width: "5%" }
+];
+const DATE_FORMAT = {
+  DISPLAY: "MMM D, YYYY | h:mm A",
+  ISO: "YYYY-MM-DDTHH:mm:ssZ"
+};
+const LABELS = {
+  NEW_CONTACT_IMPORT: "New Contact Import",
+  IMPORT_CONTACTS: "Import Contacts",
+  MAP_CONTACT_PROPERTIES: "Map Contact Properties",
+  IMPORT_CONFIGURATION: "Import Configuration",
+  IMPORT_FREQUENCY: "Import Frequency",
+  EVENT_SETUP: "Event Setup",
+  MAPPING: "Mapping",
+  CONTINUE: "Continue",
+  FINISH_IMPORT: "Finish Import",
+  CANCEL: "Cancel",
+  APPLY: "Apply",
+  NEW_IMPORT: "New Import",
+  ADD_CUSTOM_PROPERTY: "Add Custom Property",
+  NEXT_MAPPING: "Next, Mapping",
+  COMPLETED: "Completed",
+  SCHEDULED: "Scheduled",
+  DELETE: "Delete",
+  EDIT: "Edit",
+  IMPORT_FROM_LIST_SEGMENT: "Import from (List/Segment)",
+  IMPORT_ALL_CONTACTS: "Import All Contacts",
+  MANUALLY_MAPPED: "Manually mapped by you",
+  AUTOMATICALLY_MAPPED: "Automatically mapped",
+  REVIEW_MAPPINGS: "Review these mappings before importing. Unmapped columns will be ignored.",
+  PROFILE_FIELDS_DATA: "Profile Fields Data",
+  SURVEYSPARROW_MAPPING: "SurveySparrow Mapping",
+  INVITE_TO_PORTAL: "Invite to portal whenever a contact is created",
+  IMPORT_FREQUENCY_DESCRIPTION: "How frequently do you want to import contacts from Sugar CRM",
+  NO_IMPORTS_MESSAGE: "There are no imports created yet!",
+  AT: "at",
+  GO_BACK: "Go back",
+  SELECT_SCHEDULE_PERIOD: "Select Schedule Period",
+  SELECT_TIME_ZONE: "Select Time Zone",
+  CLOSE_MODAL: "Close modal",
+  DELETE_CUSTOM_PROPERTY: "Delete custom property",
+  CONTACT_IMPORTS: "contact-imports",
+  // Story/Example constants
+  TEST_IMPORT_SUGAR_CRM: "Test import For Sugar CRM",
+  SUGAR_CRM: "Sugar CRM",
+  MANAGE_CONTACT_IMPORTS_DESCRIPTION: "Manage Contect Imports From Sugar CRM "
+};
+const PLACEHOLDERS = {
+  CHOOSE_LIST_SEGMENT: "Choose (List/Segment)",
+  CHOOSE_PROPERTY: "--Choose Property--",
+  IMPORT_TITLE: "Title of this import for future reference",
+  ENTER_CUSTOM_PROPERTY: "Enter custom property name",
+  CUSTOM_PROPERTY_HELP: "Enter the exact custom property name for accurate mapping. It is case-sensitive."
+};
+
+export { COMPLETED_TABLE_COLUMNS, CONTACT_FIELD_TYPE, DATE_FORMAT, DEFAULT_FIELD_VALUE, DEFAULT_SCHEDULE_TIME, ERROR_MESSAGES, FREQUENCY_MODE, IMPORT_CONFIG_TYPE, LABELS, PLACEHOLDERS, PROPERTY_TYPE, SCHEDULED_TABLE_COLUMNS, SCHEDULE_PERIODS, TIME_HOURS, TIME_MINUTES, TIME_NOON, UI_CONSTANTS, VALIDATION_RULES };
+//# sourceMappingURL=index.js.map

package/dist/es/contact-import/constants/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/contact-import/constants/index.ts"],"sourcesContent":["import { SelectOption, FrequencyMode } from '../types';\n\n// ==================== Frequency Constants ====================\n\nexport const FREQUENCY_MODE: Record<'ONE_TIME' | 'RECURRING', { label: string; value: FrequencyMode }> = {\n  ONE_TIME: {\n    label: 'One time',\n    value: 'oneTime',\n  },\n  RECURRING: {\n    label: 'Recurring',\n    value: 'recurring',\n  },\n} as const;\n\n// ==================== Schedule Options ====================\n\nexport const SCHEDULE_PERIODS = [\n  { id: 1, label: 'Daily', value: 'Daily' },\n  { id: 2, label: 'Weekly', value: 'Weekly' },\n  { id: 3, label: 'Monthly', value: 'Monthly' },\n] as const;\n\n// ==================== Import Configuration ====================\n\nexport const IMPORT_CONFIG_TYPE = {\n  LIST: 'LIST',\n  ALL: 'ALL',\n} as const;\n\nexport type ImportConfigType = typeof IMPORT_CONFIG_TYPE[keyof typeof IMPORT_CONFIG_TYPE];\n\n// ==================== Import Status ====================\n\nexport const IMPORT_STATUS = {\n  SUCCESS: 'success',\n  FAILED: 'failed',\n  PENDING: 'pending',\n  IN_PROGRESS: 'in_progress',\n  SCHEDULED: 'scheduled',\n} as const;\n\nexport type ImportStatus = typeof IMPORT_STATUS[keyof typeof IMPORT_STATUS];\n\n// ==================== Property Types ====================\n\nexport const PROPERTY_TYPE = {\n  CUSTOM: 'custom',\n  DEFAULT: 'default',\n} as const;\n\nexport type PropertyType = typeof PROPERTY_TYPE[keyof typeof PROPERTY_TYPE];\n\n// ==================== Field Types ====================\n\nexport const CONTACT_FIELD_TYPE = {\n  TEXT: 'text',\n  EMAIL: 'email',\n  PHONE: 'phone',\n  NUMBER: 'number',\n  DATE: 'date',\n  BOOLEAN: 'boolean',\n  SELECT: 'select',\n  DEPENDENT_FIELD: 'DEPENDENT_FIELD',\n} as const;\n\nexport type ContactFieldType = typeof CONTACT_FIELD_TYPE[keyof typeof CONTACT_FIELD_TYPE];\n\n// ==================== Default Values ====================\n\nexport const DEFAULT_FIELD_VALUE = {\n  integrationField: null,\n  surveySparrowField: null,\n  sampleData: [],\n  property: PROPERTY_TYPE.CUSTOM,\n  mapped: false,\n  surveySparrowFieldError: false,\n} as const;\n\nexport const DEFAULT_SCHEDULE_TIME = {\n  period: 'Daily',\n  time: { hours: 12, mins: '00', noon: 'am' as const },\n  timeZone: 'Asia/Kolkata (GMT+05:30)',\n} as const;\n\n// ==================== Time Constants ====================\n\nexport const TIME_HOURS = Array.from({ length: 12 }, (_, i) => ({\n  id: i + 1,\n  value: i + 1,\n})) as const;\n\nexport const TIME_MINUTES = Array.from({ length: 60 }, (_, i) => ({\n  id: i,\n  value: (i < 10 ? '0' : '') + i,\n})) as const;\n\nexport const TIME_NOON = [\n  { id: 1, value: 'am' as const },\n  { id: 2, value: 'pm' as const },\n] as const;\n\n// ==================== Validation Rules ====================\n\nexport const VALIDATION_RULES = {\n  MAX_TITLE_LENGTH: 50,\n  MIN_TITLE_LENGTH: 3,\n  MAX_FIELD_COUNT: 100,\n  MIN_FIELD_COUNT: 1,\n  MAX_SAMPLE_DATA_LENGTH: 40,\n} as const;\n\n// ==================== UI Constants ====================\n\nexport const UI_CONSTANTS = {\n  MODAL_MAX_WIDTH: '600px',\n  INPUT_MAX_LENGTH: 50,\n  CONFIGURE_MAX_WIDTH: 488,\n  MAPPING_MAX_WIDTH: 1176,\n  DASHBOARD_MAX_WIDTH: 1120,\n} as const;\n\n// ==================== Error Messages ====================\n\nexport const ERROR_MESSAGES = {\n  TITLE_REQUIRED: 'Import title is required',\n  TITLE_TOO_SHORT: `Title must be at least ${VALIDATION_RULES.MIN_TITLE_LENGTH} characters`,\n  TITLE_TOO_LONG: `Title must be less than ${VALIDATION_RULES.MAX_TITLE_LENGTH} characters`,\n  FIELD_REQUIRED: 'Please select the property',\n  DUPLICATE_FIELD: 'This field is already mapped',\n  MAX_FIELDS_REACHED: `Maximum ${VALIDATION_RULES.MAX_FIELD_COUNT} fields allowed`,\n  SELECT_LIST_SEGMENT: 'Please select a list or segment',\n  INVALID_CONFIGURATION: 'Invalid import configuration',\n} as const;\n\n// ==================== Success Messages ====================\n\nexport const SUCCESS_MESSAGES = {\n  IMPORT_CREATED: 'Import created successfully',\n  IMPORT_UPDATED: 'Import updated successfully',\n  IMPORT_DELETED: 'Import deleted successfully',\n  IMPORT_SCHEDULED: 'Import scheduled successfully',\n} as const;\n\n// ==================== Table Configuration ====================\n\nexport const COMPLETED_TABLE_COLUMNS = [\n  { key: 'name', label: 'Import Name', width: '25%' },\n  { key: 'type', label: 'Contact Type', width: '25%' },\n  { key: 'importedOn', label: 'Imported on', width: '25%' },\n  { key: 'status', label: 'Status', width: '13%' },\n  { key: 'actions', label: '', width: '12%' },\n] as const;\n\nexport const SCHEDULED_TABLE_COLUMNS = [\n  { key: 'toggle', label: '', width: '10%' },\n  { key: 'name', label: 'Import Name', width: '20%' },\n  { key: 'type', label: 'Contact Type', width: '20%' },\n  { key: 'createdOn', label: 'Created on', width: '20%' },\n  { key: 'upcomingImport', label: 'Upcoming Import', width: '20%' },\n  { key: 'status', label: 'Status', width: '5%' },\n  { key: 'actions', label: '', width: '5%' },\n] as const;\n\n// ==================== Date Format ====================\n\nexport const DATE_FORMAT = {\n  DISPLAY: 'MMM D, YYYY | h:mm A',\n  ISO: 'YYYY-MM-DDTHH:mm:ssZ',\n} as const;\n\n// ==================== Labels ====================\n\nexport const LABELS = {\n  NEW_CONTACT_IMPORT: 'New Contact Import',\n  IMPORT_CONTACTS: 'Import Contacts',\n  MAP_CONTACT_PROPERTIES: 'Map Contact Properties',\n  IMPORT_CONFIGURATION: 'Import Configuration',\n  IMPORT_FREQUENCY: 'Import Frequency',\n  EVENT_SETUP: 'Event Setup',\n  MAPPING: 'Mapping',\n  CONTINUE: 'Continue',\n  FINISH_IMPORT: 'Finish Import',\n  CANCEL: 'Cancel',\n  APPLY: 'Apply',\n  NEW_IMPORT: 'New Import',\n  ADD_CUSTOM_PROPERTY: 'Add Custom Property',\n  NEXT_MAPPING: 'Next, Mapping',\n  COMPLETED: 'Completed',\n  SCHEDULED: 'Scheduled',\n  DELETE: 'Delete',\n  EDIT: 'Edit',\n  IMPORT_FROM_LIST_SEGMENT: 'Import from (List/Segment)',\n  IMPORT_ALL_CONTACTS: 'Import All Contacts',\n  MANUALLY_MAPPED: 'Manually mapped by you',\n  AUTOMATICALLY_MAPPED: 'Automatically mapped',\n  REVIEW_MAPPINGS: 'Review these mappings before importing. Unmapped columns will be ignored.',\n  PROFILE_FIELDS_DATA: 'Profile Fields Data',\n  SURVEYSPARROW_MAPPING: 'SurveySparrow Mapping',\n  INVITE_TO_PORTAL: 'Invite to portal whenever a contact is created',\n  IMPORT_FREQUENCY_DESCRIPTION: 'How frequently do you want to import contacts from Sugar CRM',\n  NO_IMPORTS_MESSAGE: 'There are no imports created yet!',\n  AT: 'at',\n  GO_BACK: 'Go back',\n  SELECT_SCHEDULE_PERIOD: 'Select Schedule Period',\n  SELECT_TIME_ZONE: 'Select Time Zone',\n  CLOSE_MODAL: 'Close modal',\n  DELETE_CUSTOM_PROPERTY: 'Delete custom property',\n  CONTACT_IMPORTS: 'contact-imports',\n  // Story/Example constants\n  TEST_IMPORT_SUGAR_CRM: 'Test import For Sugar CRM',\n  SUGAR_CRM: 'Sugar CRM',\n  MANAGE_CONTACT_IMPORTS_DESCRIPTION: 'Manage Contect Imports From Sugar CRM ',\n} as const;\n\n// ==================== Placeholders ====================\n\nexport const PLACEHOLDERS = {\n  CHOOSE_LIST_SEGMENT: 'Choose (List/Segment)',\n  CHOOSE_PROPERTY: '--Choose Property--',\n  IMPORT_TITLE: 'Title of this import for future reference',\n  ENTER_CUSTOM_PROPERTY: 'Enter custom property name',\n  CUSTOM_PROPERTY_HELP: 'Enter the exact custom property name for accurate mapping. It is case-sensitive.',\n} as const;\n"],"names":[],"mappings":"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"}

package/dist/es/contact-import/hooks/use-click-outside.js

@@ -0,0 +1,22 @@
+import { useEffect } from 'react';
+
+function useClickOutside(ref, handler, enabled = true) {
+  useEffect(() => {
+    if (!enabled)
+      return;
+    const handleClickOutside = (event) => {
+      if (ref.current && !ref.current.contains(event.target)) {
+        handler(event);
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    document.addEventListener("touchstart", handleClickOutside);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+      document.removeEventListener("touchstart", handleClickOutside);
+    };
+  }, [ref, handler, enabled]);
+}
+
+export { useClickOutside as default };
+//# sourceMappingURL=use-click-outside.js.map

package/dist/es/contact-import/hooks/use-click-outside.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-click-outside.js","sources":["../../../../src/contact-import/hooks/use-click-outside.ts"],"sourcesContent":["import { useEffect, RefObject } from 'react';\n\n/**\n * Hook to detect clicks outside of a referenced element\n */\nfunction useClickOutside<T extends HTMLElement = HTMLElement>(\n  ref: RefObject<T>,\n  handler: (event: MouseEvent | TouchEvent) => void,\n  enabled: boolean = true\n): void {\n  useEffect(() => {\n    if (!enabled) return;\n\n    const handleClickOutside = (event: MouseEvent | TouchEvent) => {\n      if (ref.current && !ref.current.contains(event.target as Node)) {\n        handler(event);\n      }\n    };\n\n    document.addEventListener('mousedown', handleClickOutside);\n    document.addEventListener('touchstart', handleClickOutside);\n\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside);\n      document.removeEventListener('touchstart', handleClickOutside);\n    };\n  }, [ref, handler, enabled]);\n}\n\nexport default useClickOutside;\n\n"],"names":[],"mappings":";;AAKA,SAAS,eACP,CAAA,GAAA,EACA,OACA,EAAA,OAAA,GAAmB,IACb,EAAA;AACN,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,OAAA;AAAS,MAAA,OAAA;AAEd,IAAM,MAAA,kBAAA,GAAqB,CAAC,KAAmC,KAAA;AAC7D,MAAI,IAAA,GAAA,CAAI,WAAW,CAAC,GAAA,CAAI,QAAQ,QAAS,CAAA,KAAA,CAAM,MAAc,CAAG,EAAA;AAC9D,QAAA,OAAA,CAAQ,KAAK,CAAA,CAAA;AAAA,OACf;AAAA,KACF,CAAA;AAEA,IAAS,QAAA,CAAA,gBAAA,CAAiB,aAAa,kBAAkB,CAAA,CAAA;AACzD,IAAS,QAAA,CAAA,gBAAA,CAAiB,cAAc,kBAAkB,CAAA,CAAA;AAE1D,IAAA,OAAO,MAAM;AACX,MAAS,QAAA,CAAA,mBAAA,CAAoB,aAAa,kBAAkB,CAAA,CAAA;AAC5D,MAAS,QAAA,CAAA,mBAAA,CAAoB,cAAc,kBAAkB,CAAA,CAAA;AAAA,KAC/D,CAAA;AAAA,GACC,EAAA,CAAC,GAAK,EAAA,OAAA,EAAS,OAAO,CAAC,CAAA,CAAA;AAC5B;;;;"}