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

package/dist/cjs/contact-import/hooks/use-field-management.js

@@ -0,0 +1,109 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var index$1 = require('../constants/index.js');
+var index = require('../utils/index.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));
+function useFieldManagement(contactImportField, setContactImportField) {
+  const updateField = React.useCallback(
+    (id, property, value) => {
+      setContactImportField((prev) => __spreadProps(__spreadValues({}, prev), {
+        fields: prev.fields.map(
+          (field) => field.id === id ? __spreadProps(__spreadValues({}, field), { [property]: value }) : field
+        )
+      }));
+    },
+    [setContactImportField]
+  );
+  const updateFieldBulk = React.useCallback(
+    (id, updates) => {
+      setContactImportField((prev) => __spreadProps(__spreadValues({}, prev), {
+        fields: prev.fields.map(
+          (field) => field.id === id ? __spreadValues(__spreadValues({}, field), updates) : field
+        )
+      }));
+    },
+    [setContactImportField]
+  );
+  const updateSurveySparrowField = React.useCallback(
+    (value, id, manuallyMapped = false) => {
+      setContactImportField((prev) => __spreadProps(__spreadValues({}, prev), {
+        fields: prev.fields.map(
+          (field) => field.id === id ? __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, field), {
+            surveySparrowField: value
+          }), manuallyMapped && { mapped: true }), {
+            surveySparrowFieldError: false
+          }) : field
+        )
+      }));
+    },
+    [setContactImportField]
+  );
+  const addCustomField = React.useCallback(() => {
+    setContactImportField((prev) => __spreadProps(__spreadValues({}, prev), {
+      fields: [
+        ...prev.fields,
+        __spreadProps(__spreadValues({}, index$1.DEFAULT_FIELD_VALUE), {
+          id: index.generateFieldId(prev.fields)
+        })
+      ]
+    }));
+  }, [setContactImportField]);
+  const deleteField = React.useCallback(
+    (id) => {
+      setContactImportField((prev) => __spreadProps(__spreadValues({}, prev), {
+        fields: prev.fields.filter((field) => field.id !== id)
+      }));
+    },
+    [setContactImportField]
+  );
+  const setFieldError = React.useCallback(
+    (id, hasError) => {
+      updateField(id, "surveySparrowFieldError", hasError);
+    },
+    [updateField]
+  );
+  const validateFields = React.useCallback(() => {
+    let isValid = true;
+    contactImportField.fields.forEach((field) => {
+      if (field.property !== "custom" && !field.surveySparrowField) {
+        setFieldError(field.id, true);
+        isValid = false;
+      }
+    });
+    return isValid;
+  }, [contactImportField.fields, setFieldError]);
+  return {
+    updateField,
+    updateFieldBulk,
+    updateSurveySparrowField,
+    addCustomField,
+    deleteField,
+    setFieldError,
+    validateFields
+  };
+}
+
+exports.default = useFieldManagement;
+//# sourceMappingURL=use-field-management.js.map

package/dist/cjs/contact-import/hooks/use-field-management.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-field-management.js","sources":["../../../../src/contact-import/hooks/use-field-management.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { Field, ContactImportField } from '../types';\nimport { DEFAULT_FIELD_VALUE } from '../constants';\nimport { generateFieldId } from '../utils';\n\n/**\n * Hook to manage field operations (add, update, delete)\n */\nfunction useFieldManagement(\n  contactImportField: ContactImportField,\n  setContactImportField: React.Dispatch<React.SetStateAction<ContactImportField>>\n) {\n  /**\n   * Updates a specific field property\n   */\n  const updateField = useCallback(\n    (id: string | number, property: keyof Field, value: string | number | boolean | null) => {\n      setContactImportField((prev) => ({\n        ...prev,\n        fields: prev.fields.map((field) =>\n          field.id === id ? { ...field, [property]: value } : field\n        ),\n      }));\n    },\n    [setContactImportField]\n  );\n\n  /**\n   * Updates multiple field properties at once\n   */\n  const updateFieldBulk = useCallback(\n    (id: string | number, updates: Partial<Field>) => {\n      setContactImportField((prev) => ({\n        ...prev,\n        fields: prev.fields.map((field) =>\n          field.id === id ? { ...field, ...updates } : field\n        ),\n      }));\n    },\n    [setContactImportField]\n  );\n\n  /**\n   * Updates the surveySparrow field and optionally marks as manually mapped\n   */\n  const updateSurveySparrowField = useCallback(\n    (value: string | number, id: string | number, manuallyMapped: boolean = false) => {\n      setContactImportField((prev) => ({\n        ...prev,\n        fields: prev.fields.map((field) =>\n          field.id === id\n            ? {\n                ...field,\n                surveySparrowField: value,\n                ...(manuallyMapped && { mapped: true }),\n                surveySparrowFieldError: false,\n              }\n            : field\n        ),\n      }));\n    },\n    [setContactImportField]\n  );\n\n  /**\n   * Adds a new custom property field\n   */\n  const addCustomField = useCallback(() => {\n    setContactImportField((prev) => ({\n      ...prev,\n      fields: [\n        ...prev.fields,\n        {\n          ...DEFAULT_FIELD_VALUE,\n          id: generateFieldId(prev.fields),\n        },\n      ],\n    }));\n  }, [setContactImportField]);\n\n  /**\n   * Deletes a field by ID\n   */\n  const deleteField = useCallback(\n    (id: string | number) => {\n      setContactImportField((prev) => ({\n        ...prev,\n        fields: prev.fields.filter((field) => field.id !== id),\n      }));\n    },\n    [setContactImportField]\n  );\n\n  /**\n   * Sets field error state\n   */\n  const setFieldError = useCallback(\n    (id: string | number, hasError: boolean) => {\n      updateField(id, 'surveySparrowFieldError', hasError);\n    },\n    [updateField]\n  );\n\n  /**\n   * Validates all fields and sets error states\n   */\n  const validateFields = useCallback((): boolean => {\n    let isValid = true;\n    \n    contactImportField.fields.forEach((field) => {\n      if (field.property !== 'custom' && !field.surveySparrowField) {\n        setFieldError(field.id, true);\n        isValid = false;\n      }\n    });\n\n    return isValid;\n  }, [contactImportField.fields, setFieldError]);\n\n  return {\n    updateField,\n    updateFieldBulk,\n    updateSurveySparrowField,\n    addCustomField,\n    deleteField,\n    setFieldError,\n    validateFields,\n  };\n}\n\nexport default useFieldManagement;\n\n"],"names":["useCallback","DEFAULT_FIELD_VALUE","generateFieldId"],"mappings":"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"}

package/dist/cjs/contact-import/index.js

@@ -1,24 +1,14 @@
 'use strict';
 
-var index$1 = require('../commons/helpers/index.js');
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var React = require('react');
-var arrow = require('../commons/icons/arrow.js');
-var contactImportConfigure = require('./components/contact-import-configure.js');
-var contactImportMapping = require('./components/contact-import-mapping.js');
 var themeWrapper = require('../commons/components/theme-wrapper.js');
-var dashboard = require('./components/ManageImport/dashboard.js');
-var index = require('../commons/constants/index.js');
+var ContactImportHeader = require('./components/ContactImportHeader.js');
+var ContactImportConfigure = require('./components/ContactImportConfigure.js');
+var ContactImportMapping = require('./components/ContactImportMapping.js');
+var Dashboard = require('./components/ManageImport/Dashboard.js');
 var box = require('../node_modules/@sparrowengg/twigs-react/dist/es/box/box.js');
-var flex = require('../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js');
-var iconButton = require('../node_modules/@sparrowengg/twigs-react/dist/es/button/icon-button.js');
-var arrowLeft = require('../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/arrow-left.js');
-var heading = require('../node_modules/@sparrowengg/twigs-react/dist/es/heading/heading.js');
-var button = require('../node_modules/@sparrowengg/twigs-react/dist/es/button/button.js');
-var chevronRight = require('../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/chevron-right.js');
-var dialog = require('../node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialog.js');
-var close = require('../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/close.js');
-var formInput = require('../node_modules/@sparrowengg/twigs-react/dist/es/input/form-input.js');
-var checkbox = require('../node_modules/@sparrowengg/twigs-react/dist/es/checkbox/checkbox.js');
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -57,9 +47,15 @@ const ContactImport = ({
   const [newImport, setNewImport] = React.useState(true);
   React.useEffect(() => {
     setNewImport(!(existingImports == null ? void 0 : existingImports.length));
-  }, []);
-  return /* @__PURE__ */ React.createElement(themeWrapper.default, null, /* @__PURE__ */ React.createElement(box.Box, { css: { height: "100vh", width: "100vw" } }, newImport && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-    ContactImportHeader,
+  }, [existingImports]);
+  const handleConfigureComplete = (configData) => {
+    setContactImportField((prev) => __spreadProps(__spreadValues({}, prev), {
+      configure: __spreadValues(__spreadValues({}, prev.configure), configData)
+    }));
+    navigateMappingPage(true);
+  };
+  const renderNewImportFlow = () => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    ContactImportHeader.default,
     {
       setNewImport,
       contactImportField,
@@ -72,244 +68,38 @@ const ContactImport = ({
       invitePortal
     }
   ), !isContactMappingPage ? /* @__PURE__ */ React.createElement(
-    contactImportConfigure.default,
+    ContactImportConfigure.default,
     {
       contactImportField,
-      handleConfigureField: (value) => {
-        setContactImportField(__spreadProps(__spreadValues({}, contactImportField), {
-          configure: __spreadValues({}, value)
-        }));
-        navigateMappingPage(true);
-      },
+      handleConfigureField: handleConfigureComplete,
       listSegmentOptions
     }
   ) : /* @__PURE__ */ React.createElement(
-    contactImportMapping.default,
+    ContactImportMapping.default,
     {
       contactImportField,
       setContactImportField,
       integrationName,
       contactProperties
     }
-  )), (existingImports == null ? void 0 : existingImports.length) && !newImport ? /* @__PURE__ */ React.createElement(
-    dashboard.default,
-    {
-      dashboardDescription,
-      setNewImport,
-      integrationName,
-      imports: existingImports
+  ));
+  const renderDashboard = () => {
+    if (!(existingImports == null ? void 0 : existingImports.length) || newImport) {
+      return null;
     }
-  ) : null));
-};
-const ContactImportHeader = ({
-  setNewImport,
-  setContactImportField,
-  contactImportField,
-  hasPreviousMapping,
-  previousMappingHandler,
-  onSaveHandler,
-  isContactMappingPage,
-  navigateMappingPage,
-  invitePortal
-}) => {
-  const [showImportModal, setShowImportModal] = React.useState(false);
-  return /* @__PURE__ */ React.createElement(
-    flex.Flex,
-    {
-      alignItems: "center",
-      justifyContent: "space-between",
-      css: {
-        borderBottom: "$borderWidths$xs solid $neutral200",
-        padding: "$8 $12"
-      }
-    },
-    /* @__PURE__ */ React.createElement(
-      flex.Flex,
-      {
-        gap: "$6",
-        alignItems: "center",
-        css: { visibility: hasPreviousMapping ? "visible" : "hidden" }
-      },
-      /* @__PURE__ */ React.createElement(
-        iconButton.IconButton,
-        {
-          onClick: () => {
-            setNewImport(false);
-            previousMappingHandler();
-          },
-          color: "default",
-          icon: /* @__PURE__ */ React.createElement(arrowLeft.ArrowLeftIcon, null),
-          size: "lg"
-        }
-      ),
-      /* @__PURE__ */ React.createElement(heading.Heading, { size: "h6" }, "New Contact Import")
-    ),
-    /* @__PURE__ */ React.createElement(
-      flex.Flex,
-      {
-        alignItems: "center",
-        gap: "$4",
-        css: {
-          "& button": { background: "transparent !important", fontSize: "$md" }
-        }
-      },
-      /* @__PURE__ */ React.createElement(
-        button.Button,
-        {
-          css: { color: !isContactMappingPage ? "$neutral900" : "$neutral800" },
-          color: "default",
-          variant: "ghost",
-          size: "md",
-          onClick: () => isContactMappingPage && navigateMappingPage(false)
-        },
-        "Event Setup"
-      ),
-      /* @__PURE__ */ React.createElement(arrow.default, null),
-      /* @__PURE__ */ React.createElement(
-        button.Button,
-        {
-          css: { color: isContactMappingPage ? "$neutral900" : "$neutral800" },
-          color: "default",
-          variant: "ghost",
-          size: "md",
-          disabled: !isContactMappingPage
-        },
-        "Mapping"
-      )
-    ),
-    /* @__PURE__ */ React.createElement(
-      button.Button,
-      {
-        size: "lg",
-        onClick: () => setShowImportModal(true),
-        rightIcon: /* @__PURE__ */ React.createElement(chevronRight.ChevronRightIcon, null),
-        css: { visibility: isContactMappingPage ? "visible" : "hidden" }
-      },
-      "Continue"
-    ),
-    showImportModal ? /* @__PURE__ */ React.createElement(
-      ContactImportModal,
+    return /* @__PURE__ */ React.createElement(
+      Dashboard.default,
       {
-        setContactImportField,
-        contactImportField,
-        invitePortal,
-        onSaveHandler: async () => {
-          await onSaveHandler();
-          setNewImport(false);
-        },
-        onCloseHandler: () => setShowImportModal(false)
-      }
-    ) : null
-  );
-};
-const ContactImportModal = ({
-  setContactImportField,
-  contactImportField,
-  onCloseHandler,
-  onSaveHandler,
-  invitePortal
-}) => {
-  var _a;
-  const [inputValue, setInputValue] = React.useState("");
-  return /* @__PURE__ */ React.createElement(dialog.Dialog, { open: true }, /* @__PURE__ */ React.createElement(
-    dialog.DialogContent,
-    {
-      css: {
-        padding: 0,
-        borderRadius: "$3xl",
-        maxWidth: index.MODAL_MAX_WIDTH
+        dashboardDescription,
+        setNewImport,
+        integrationName,
+        imports: existingImports
       }
-    },
-    /* @__PURE__ */ React.createElement(
-      flex.Flex,
-      {
-        alignItems: "center",
-        justifyContent: "space-between",
-        css: {
-          padding: "$8 $12",
-          borderBottom: "$borderWidths$xs solid $neutral200"
-        }
-      },
-      /* @__PURE__ */ React.createElement(heading.Heading, { size: "h6", css: { color: "$neutral900" } }, "Import Configuration"),
-      /* @__PURE__ */ React.createElement(
-        iconButton.IconButton,
-        {
-          variant: "ghost",
-          color: "default",
-          icon: /* @__PURE__ */ React.createElement(close.CloseIcon, null),
-          size: "lg",
-          css: {
-            "& svg": {
-              color: "#64748B !important"
-            }
-          },
-          onClick: () => onCloseHandler()
-        }
-      )
-    ),
-    /* @__PURE__ */ React.createElement(
-      box.Box,
-      {
-        css: {
-          padding: "$12"
-        }
-      },
-      /* @__PURE__ */ React.createElement(
-        formInput.FormInput,
-        {
-          label: "Title of this import for future reference",
-          requiredIndicator: true,
-          value: ((_a = contactImportField == null ? void 0 : contactImportField.configure) == null ? void 0 : _a.reference) || inputValue,
-          maxLength: index.INPUT_MAX_LENGTH,
-          max: index.INPUT_MAX_LENGTH,
-          showCount: true,
-          onChange: (event) => setInputValue(event.currentTarget.value),
-          size: "lg"
-        }
-      ),
-      invitePortal.hasInvitePortal ? /* @__PURE__ */ React.createElement(box.Box, { css: { marginTop: "$12" } }, /* @__PURE__ */ React.createElement(
-        checkbox.Checkbox,
-        {
-          checked: !!invitePortal.value,
-          onChange: (value) => {
-            setContactImportField(__spreadProps(__spreadValues({}, contactImportField), {
-              invitePortal: value
-            }));
-            invitePortal.onChangeHandler(value);
-          }
-        },
-        "Invite to portal whenever a contact is created"
-      )) : null
-    ),
-    /* @__PURE__ */ React.createElement(
-      flex.Flex,
-      {
-        gap: "$4",
-        css: {
-          justifyContent: "flex-end",
-          padding: "$8 $12"
-        }
-      },
-      /* @__PURE__ */ React.createElement(button.Button, { size: "lg", color: "default", onClick: () => onCloseHandler() }, "Cancel"),
-      /* @__PURE__ */ React.createElement(
-        button.Button,
-        {
-          size: "lg",
-          disabled: !(inputValue == null ? void 0 : inputValue.length),
-          onClick: () => {
-            setContactImportField(__spreadProps(__spreadValues({}, contactImportField), {
-              description: inputValue,
-              id: index$1.generateUniqueId()
-            }));
-            onSaveHandler();
-            onCloseHandler();
-          }
-        },
-        "Finish Import"
-      )
-    )
-  ));
+    );
+  };
+  return /* @__PURE__ */ React.createElement(themeWrapper.default, null, /* @__PURE__ */ React.createElement(box.Box, { css: { height: "100vh", width: "100vw" } }, newImport && renderNewImportFlow(), renderDashboard()));
 };
 
 exports.ContactImport = ContactImport;
+exports.default = ContactImport;
 //# sourceMappingURL=index.js.map

package/dist/cjs/contact-import/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/contact-import/index.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  Checkbox,\n  Dialog,\n  DialogContent,\n  Flex,\n  FormInput,\n  Heading,\n  IconButton,\n} from \"@sparrowengg/twigs-react\";\nimport {\n  ArrowLeftIcon,\n  ChevronRightIcon,\n  CloseIcon,\n} from \"@sparrowengg/twigs-react-icons\";\nimport { ContactImportFieldType } from \"./types\";\nimport { generateUniqueId } from \"../commons/helpers\";\nimport React, { useEffect, useState } from \"react\";\nimport Arrow from \"../commons/icons/arrow\";\nimport ContactImportConfigure from \"./components/contact-import-configure\";\nimport ContactImportMapping from \"./components/contact-import-mapping\";\nimport ThemeWrapper from \"../commons/components/theme-wrapper\";\nimport { ContactImportProps, ContactImportHeaderProps } from \"./types\";\nimport Dashboard from \"./components/ManageImport/dashboard\";\nimport { MODAL_MAX_WIDTH, INPUT_MAX_LENGTH } from \"../commons/constants\";\n\nexport const ContactImport = ({\n  dashboardDescription,\n  existingImports,\n  hasPreviousMapping,\n  previousMappingHandler,\n  onSaveHandler,\n  isContactMappingPage,\n  navigateMappingPage,\n  contactImportField,\n  setContactImportField,\n  listSegmentOptions,\n  integrationName,\n  contactProperties,\n  invitePortal,\n}: ContactImportProps) => {\n  const [newImport, setNewImport] = useState(true);\n  useEffect(() => {\n    setNewImport(!existingImports?.length);\n  }, []);\n  return (\n    <ThemeWrapper>\n      <Box css={{ height: \"100vh\", width: \"100vw\" }}>\n        {newImport && (\n          <>\n            <ContactImportHeader\n              setNewImport={setNewImport}\n              contactImportField={contactImportField}\n              setContactImportField={setContactImportField}\n              hasPreviousMapping={hasPreviousMapping}\n              previousMappingHandler={previousMappingHandler}\n              onSaveHandler={onSaveHandler}\n              isContactMappingPage={isContactMappingPage}\n              navigateMappingPage={navigateMappingPage}\n              invitePortal={invitePortal}\n            />\n            {!isContactMappingPage ? (\n              <ContactImportConfigure\n                contactImportField={contactImportField}\n                handleConfigureField={(value: Record<string, unknown>) => {\n                  setContactImportField({\n                    ...contactImportField,\n                    configure: { ...value },\n                  });\n                  navigateMappingPage(true);\n                }}\n                listSegmentOptions={listSegmentOptions}\n              />\n            ) : (\n              <ContactImportMapping\n                contactImportField={contactImportField}\n                setContactImportField={setContactImportField}\n                integrationName={integrationName}\n                contactProperties={contactProperties}\n              />\n            )}\n          </>\n        )}\n        {existingImports?.length && !newImport ? (\n          <Dashboard\n            dashboardDescription={dashboardDescription}\n            setNewImport={setNewImport}\n            integrationName={integrationName}\n            imports={existingImports}\n          />\n        ) : null}\n      </Box>\n    </ThemeWrapper>\n  );\n};\n\nconst ContactImportHeader = ({\n  setNewImport,\n  setContactImportField,\n  contactImportField,\n  hasPreviousMapping,\n  previousMappingHandler,\n  onSaveHandler,\n  isContactMappingPage,\n  navigateMappingPage,\n  invitePortal,\n}: ContactImportHeaderProps) => {\n  const [showImportModal, setShowImportModal] = useState(false);\n  return (\n    <Flex\n      alignItems=\"center\"\n      justifyContent=\"space-between\"\n      css={{\n        borderBottom: \"$borderWidths$xs solid $neutral200\",\n        padding: \"$8 $12\",\n      }}\n    >\n      <Flex\n        gap=\"$6\"\n        alignItems=\"center\"\n        css={{ visibility: hasPreviousMapping ? \"visible\" : \"hidden\" }}\n      >\n        <IconButton\n          onClick={() => {\n            setNewImport(false);\n            previousMappingHandler();\n          }}\n          color=\"default\"\n          icon={<ArrowLeftIcon />}\n          size=\"lg\"\n        />\n        <Heading size=\"h6\">New Contact Import</Heading>\n      </Flex>\n      <Flex\n        alignItems=\"center\"\n        gap=\"$4\"\n        css={{\n          \"& button\": { background: \"transparent !important\", fontSize: \"$md\" },\n        }}\n      >\n        <Button\n          css={{ color: !isContactMappingPage ? \"$neutral900\" : \"$neutral800\" }}\n          color=\"default\"\n          variant=\"ghost\"\n          size=\"md\"\n          onClick={() => isContactMappingPage && navigateMappingPage(false)}\n        >\n          Event Setup\n        </Button>\n        <Arrow />\n        <Button\n          css={{ color: isContactMappingPage ? \"$neutral900\" : \"$neutral800\" }}\n          color=\"default\"\n          variant=\"ghost\"\n          size=\"md\"\n          disabled={!isContactMappingPage}\n        >\n          Mapping\n        </Button>\n      </Flex>\n      <Button\n        size=\"lg\"\n        onClick={() => setShowImportModal(true)}\n        rightIcon={<ChevronRightIcon />}\n        css={{ visibility: isContactMappingPage ? \"visible\" : \"hidden\" }}\n      >\n        Continue\n      </Button>\n      {showImportModal ? (\n        <ContactImportModal\n          setContactImportField={setContactImportField as any}\n          contactImportField={contactImportField}\n          invitePortal={invitePortal as any}\n          onSaveHandler={async () => {\n            await onSaveHandler();\n            setNewImport(false);\n          }}\n          onCloseHandler={() => setShowImportModal(false)}\n        />\n      ) : null}\n    </Flex>\n  );\n};\n\nconst ContactImportModal = ({\n  setContactImportField,\n  contactImportField,\n  onCloseHandler,\n  onSaveHandler,\n  invitePortal,\n}: {\n  setContactImportField: (value: Record<string, unknown>) => void;\n  contactImportField: ContactImportFieldType;\n  onCloseHandler: () => void;\n  onSaveHandler: () => void;\n  invitePortal: {\n    hasInvitePortal: boolean;\n    value: boolean | null;\n    onChangeHandler: (value: Record<string, unknown>) => void;\n  };\n}) => {\n  const [inputValue, setInputValue] = useState(\"\");\n  return (\n    <Dialog open>\n      <DialogContent\n        css={{\n          padding: 0,\n          borderRadius: \"$3xl\",\n          maxWidth: MODAL_MAX_WIDTH,\n        }}\n      >\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            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          />\n        </Flex>\n        <Box\n          css={{\n            padding: \"$12\",\n          }}\n        >\n          <FormInput\n            label=\"Title of this import for future reference\"\n            requiredIndicator\n            value={contactImportField?.configure?.reference || inputValue}\n            maxLength={INPUT_MAX_LENGTH}\n            max={INPUT_MAX_LENGTH}\n            showCount\n            onChange={(event: any) => setInputValue(event.currentTarget.value)}\n            size=\"lg\"\n          />\n          {invitePortal.hasInvitePortal ? (\n            <Box css={{ marginTop: \"$12\" }}>\n              <Checkbox\n                checked={!!invitePortal.value}\n                onChange={(value: any) => {\n                  setContactImportField({\n                    ...contactImportField,\n                    invitePortal: value,\n                  });\n                  invitePortal.onChangeHandler(value);\n                }}\n              >\n                Invite to portal whenever a contact is created\n              </Checkbox>\n            </Box>\n          ) : null}\n        </Box>\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            Cancel\n          </Button>\n          <Button\n            size=\"lg\"\n            disabled={!inputValue?.length}\n            onClick={() => {\n              setContactImportField({\n                ...contactImportField,\n                description: inputValue,\n                id: generateUniqueId(),\n              });\n              onSaveHandler();\n              onCloseHandler();\n            }}\n          >\n            Finish Import\n          </Button>\n        </Flex>\n      </DialogContent>\n    </Dialog>\n  );\n};\n"],"names":["useState","useEffect","ThemeWrapper","Box","ContactImportConfigure","ContactImportMapping","Dashboard","Flex","IconButton","ArrowLeftIcon","Heading","Button","Arrow","ChevronRightIcon","Dialog","DialogContent","MODAL_MAX_WIDTH","CloseIcon","FormInput","INPUT_MAX_LENGTH","Checkbox","generateUniqueId"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/contact-import/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { Box } from '@sparrowengg/twigs-react';\nimport ThemeWrapper from '../commons/components/theme-wrapper';\nimport ContactImportHeader from './components/ContactImportHeader';\nimport ContactImportConfigure from './components/ContactImportConfigure';\nimport ContactImportMapping from './components/ContactImportMapping';\nimport Dashboard from './components/ManageImport/Dashboard';\nimport { ContactImportProps, ImportConfiguration } from './types';\n\n/**\n * Main Contact Import component\n * Manages the flow between dashboard, configuration, and mapping screens\n */\nexport const ContactImport: React.FC<ContactImportProps> = ({\n  dashboardDescription,\n  existingImports,\n  hasPreviousMapping,\n  previousMappingHandler,\n  onSaveHandler,\n  isContactMappingPage,\n  navigateMappingPage,\n  contactImportField,\n  setContactImportField,\n  listSegmentOptions,\n  integrationName,\n  contactProperties,\n  invitePortal,\n}) => {\n  const [newImport, setNewImport] = useState(true);\n\n  // Determine if we should show new import form or dashboard\n  useEffect(() => {\n    setNewImport(!existingImports?.length);\n  }, [existingImports]);\n\n  const handleConfigureComplete = (configData: ImportConfiguration) => {\n    setContactImportField((prev) => ({\n      ...prev,\n      configure: { ...prev.configure, ...configData },\n    }));\n    navigateMappingPage(true);\n  };\n\n  const renderNewImportFlow = () => (\n    <>\n      <ContactImportHeader\n        setNewImport={setNewImport}\n        contactImportField={contactImportField}\n        setContactImportField={setContactImportField}\n        hasPreviousMapping={hasPreviousMapping}\n        previousMappingHandler={previousMappingHandler}\n        onSaveHandler={onSaveHandler}\n        isContactMappingPage={isContactMappingPage}\n        navigateMappingPage={navigateMappingPage}\n        invitePortal={invitePortal}\n      />\n\n      {!isContactMappingPage ? (\n        <ContactImportConfigure\n          contactImportField={contactImportField}\n          handleConfigureField={handleConfigureComplete}\n          listSegmentOptions={listSegmentOptions}\n        />\n      ) : (\n        <ContactImportMapping\n          contactImportField={contactImportField}\n          setContactImportField={setContactImportField}\n          integrationName={integrationName}\n          contactProperties={contactProperties}\n        />\n      )}\n    </>\n  );\n\n  const renderDashboard = () => {\n    if (!existingImports?.length || newImport) {\n      return null;\n    }\n\n    return (\n      <Dashboard\n        dashboardDescription={dashboardDescription}\n        setNewImport={setNewImport}\n        integrationName={integrationName}\n        imports={existingImports}\n      />\n    );\n  };\n\n  return (\n    <ThemeWrapper>\n      <Box css={{ height: '100vh', width: '100vw' }}>\n        {newImport && renderNewImportFlow()}\n        {renderDashboard()}\n      </Box>\n    </ThemeWrapper>\n  );\n};\n\nexport default ContactImport;\n"],"names":["useState","useEffect","ContactImportHeader","ContactImportConfigure","ContactImportMapping","Dashboard","ThemeWrapper","Box"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaO,MAAM,gBAA8C,CAAC;AAAA,EAC1D,oBAAA;AAAA,EACA,eAAA;AAAA,EACA,kBAAA;AAAA,EACA,sBAAA;AAAA,EACA,aAAA;AAAA,EACA,oBAAA;AAAA,EACA,mBAAA;AAAA,EACA,kBAAA;AAAA,EACA,qBAAA;AAAA,EACA,kBAAA;AAAA,EACA,eAAA;AAAA,EACA,iBAAA;AAAA,EACA,YAAA;AACF,CAAM,KAAA;AACJ,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAIA,eAAS,IAAI,CAAA,CAAA;AAG/C,EAAAC,eAAA,CAAU,MAAM;AACd,IAAa,YAAA,CAAA,EAAC,mDAAiB,MAAM,CAAA,CAAA,CAAA;AAAA,GACvC,EAAG,CAAC,eAAe,CAAC,CAAA,CAAA;AAEpB,EAAM,MAAA,uBAAA,GAA0B,CAAC,UAAoC,KAAA;AACnE,IAAsB,qBAAA,CAAA,CAAC,IAAU,KAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EAC5B,IAD4B,CAAA,EAAA;AAAA,MAE/B,SAAA,EAAW,cAAK,CAAA,cAAA,CAAA,EAAA,EAAA,IAAA,CAAK,SAAc,CAAA,EAAA,UAAA,CAAA;AAAA,KACnC,CAAA,CAAA,CAAA;AACF,IAAA,mBAAA,CAAoB,IAAI,CAAA,CAAA;AAAA,GAC1B,CAAA;AAEA,EAAM,MAAA,mBAAA,GAAsB,sBAExB,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAACC,2BAAA;AAAA,IAAA;AAAA,MACC,YAAA;AAAA,MACA,kBAAA;AAAA,MACA,qBAAA;AAAA,MACA,kBAAA;AAAA,MACA,sBAAA;AAAA,MACA,aAAA;AAAA,MACA,oBAAA;AAAA,MACA,mBAAA;AAAA,MACA,YAAA;AAAA,KAAA;AAAA,GACF,EAEC,CAAC,oBACA,mBAAA,KAAA,CAAA,aAAA;AAAA,IAACC,8BAAA;AAAA,IAAA;AAAA,MACC,kBAAA;AAAA,MACA,oBAAsB,EAAA,uBAAA;AAAA,MACtB,kBAAA;AAAA,KAAA;AAAA,GAGF,mBAAA,KAAA,CAAA,aAAA;AAAA,IAACC,4BAAA;AAAA,IAAA;AAAA,MACC,kBAAA;AAAA,MACA,qBAAA;AAAA,MACA,eAAA;AAAA,MACA,iBAAA;AAAA,KAAA;AAAA,GAGN,CAAA,CAAA;AAGF,EAAA,MAAM,kBAAkB,MAAM;AAC5B,IAAI,IAAA,EAAC,eAAiB,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,eAAA,CAAA,MAAA,CAAA,IAAU,SAAW,EAAA;AACzC,MAAO,OAAA,IAAA,CAAA;AAAA,KACT;AAEA,IACE,uBAAA,KAAA,CAAA,aAAA;AAAA,MAACC,iBAAA;AAAA,MAAA;AAAA,QACC,oBAAA;AAAA,QACA,YAAA;AAAA,QACA,eAAA;AAAA,QACA,OAAS,EAAA,eAAA;AAAA,OAAA;AAAA,KACX,CAAA;AAAA,GAEJ,CAAA;AAEA,EAAA,2CACGC,oBACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAACC,OAAI,EAAA,EAAA,GAAA,EAAK,EAAE,MAAQ,EAAA,OAAA,EAAS,KAAO,EAAA,OAAA,MACjC,SAAa,IAAA,mBAAA,EACb,EAAA,eAAA,EACH,CACF,CAAA,CAAA;AAEJ;;;;;"}

package/dist/cjs/contact-import/types/index.js

@@ -0,0 +1,8 @@
+'use strict';
+
+function isScheduledImport(importRecord) {
+  return "scheduled" in importRecord;
+}
+
+exports.isScheduledImport = isScheduledImport;
+//# sourceMappingURL=index.js.map

package/dist/cjs/contact-import/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/contact-import/types/index.ts"],"sourcesContent":["import React from 'react';\n\n// ==================== Base Types ====================\n\nexport interface SelectOption {\n  label: string;\n  value: string | number;\n}\n\nexport interface ContactProperty {\n  value: string;\n  label: string;\n  type: string;\n}\n\n// ==================== Field Types ====================\n\nexport interface Field {\n  id: string | number;\n  integrationField: string | number | null;\n  surveySparrowField: string | number | null;\n  sampleData?: string[];\n  property: 'custom' | 'default';\n  mapped?: boolean;\n  surveySparrowFieldError?: boolean;\n}\n\n// ==================== Import Configuration ====================\n\nexport interface ImportConfiguration {\n  reference?: string;\n  frequency?: string;\n  type?: 'LIST' | 'ALL';\n  selectedOption?: SelectOption;\n  listSegmentValue?: SelectOption | null;\n}\n\nexport interface ContactImportField {\n  configure: ImportConfiguration | null;\n  description: string | null;\n  id: string | number | null;\n  fields: Field[];\n  invitePortal: boolean;\n}\n\n// ==================== Import Types ====================\n\nexport interface BaseImport {\n  id: string;\n  type: string;\n  name: string;\n  isRecuring: boolean;\n  status: 'success' | 'failed' | 'pending' | 'in_progress';\n}\n\nexport interface CompletedImport extends BaseImport {\n  importedOn: string | undefined;\n}\n\nexport interface ScheduledImport extends BaseImport {\n  createdOn: string | undefined;\n  upcommingImport: string | undefined;\n  scheduled: boolean;\n  editField: Record<string, unknown>;\n}\n\nexport type ImportRecord = CompletedImport | ScheduledImport;\n\n// ==================== Schedule Types ====================\n\nexport type FrequencyMode = 'oneTime' | 'recurring';\n\nexport interface TimeValue {\n  hours: number;\n  mins: string;\n  noon: 'am' | 'pm';\n}\n\nexport interface ScheduleTime {\n  period: string;\n  time: TimeValue;\n  timeZone: string;\n}\n\nexport interface ScheduleData {\n  frequentMode: FrequencyMode;\n  scheduleData?: ScheduleTime;\n}\n\n// ==================== Component Props ====================\n\nexport interface InvitePortalConfig {\n  hasInvitePortal: boolean;\n  value: boolean | null;\n  onChangeHandler: (value: boolean) => void;\n}\n\nexport interface ContactImportProps {\n  dashboardDescription: string;\n  existingImports: ImportRecord[] | null;\n  hasPreviousMapping?: boolean;\n  previousMappingHandler: (value?: boolean) => void;\n  onSaveHandler: () => Promise<void> | void;\n  isContactMappingPage: boolean;\n  navigateMappingPage: (value?: boolean) => void;\n  contactImportField: ContactImportField;\n  setContactImportField: React.Dispatch<React.SetStateAction<ContactImportField>>;\n  listSegmentOptions: SelectOption[];\n  integrationName: string;\n  contactProperties: ContactProperty[];\n  invitePortal: InvitePortalConfig;\n}\n\nexport interface ContactImportHeaderProps {\n  setContactImportField: React.Dispatch<React.SetStateAction<ContactImportField>>;\n  setNewImport: React.Dispatch<React.SetStateAction<boolean>>;\n  hasPreviousMapping?: boolean;\n  previousMappingHandler: (value?: boolean) => void;\n  onSaveHandler: () => Promise<void> | void;\n  isContactMappingPage: boolean;\n  navigateMappingPage: (value?: boolean) => void;\n  contactImportField: ContactImportField;\n  invitePortal: InvitePortalConfig;\n}\n\nexport interface ContactImportModalProps {\n  setContactImportField: React.Dispatch<React.SetStateAction<ContactImportField>>;\n  contactImportField: ContactImportField;\n  onCloseHandler: () => void;\n  onSaveHandler: () => Promise<void> | void;\n  invitePortal: InvitePortalConfig;\n}\n\nexport interface ContactImportConfigureProps {\n  contactImportField: ContactImportField;\n  handleConfigureField: (value: ImportConfiguration) => void;\n  listSegmentOptions: SelectOption[];\n}\n\nexport interface ContactImportMappingProps {\n  contactImportField: ContactImportField;\n  setContactImportField: React.Dispatch<React.SetStateAction<ContactImportField>>;\n  integrationName: string;\n  contactProperties: ContactProperty[];\n}\n\n// ==================== Dashboard Props ====================\n\nexport interface DashboardProps {\n  dashboardDescription: string;\n  setNewImport: (value: boolean) => void;\n  integrationName: string;\n  imports: ImportRecord[];\n}\n\nexport interface CompletedImportsProps {\n  completed: CompletedImport[];\n}\n\nexport interface ScheduledImportsProps {\n  scheduled: ScheduledImport[];\n}\n\n// ==================== Schedule Component Props ====================\n\nexport interface ImportSchedulesProps {\n  currentList: SelectOption | null;\n  setCurrentList: React.Dispatch<React.SetStateAction<SelectOption | null>>;\n}\n\nexport interface SchedulingProps {\n  globalStorage: ScheduleData;\n  setGlobalStorage: React.Dispatch<React.SetStateAction<ScheduleData>>;\n}\n\nexport interface TimePickerProps {\n  openTimePicker: boolean;\n  setOpenTimePicker: React.Dispatch<React.SetStateAction<boolean>>;\n  scheduleTime: ScheduleTime;\n  setScheduleTime: React.Dispatch<React.SetStateAction<ScheduleTime>>;\n}\n\n// ==================== Type Guards ====================\n\nexport function isScheduledImport(\n  importRecord: ImportRecord\n): importRecord is ScheduledImport {\n  return 'scheduled' in importRecord;\n}\n\nexport function isCompletedImport(\n  importRecord: ImportRecord\n): importRecord is CompletedImport {\n  return !isScheduledImport(importRecord);\n}\n\n// ==================== Validation Types ====================\n\nexport interface ValidationError {\n  field: string;\n  message: string;\n}\n\nexport interface ValidationResult {\n  isValid: boolean;\n  errors: ValidationError[];\n}\n"],"names":[],"mappings":";;AAwLO,SAAS,kBACd,YACiC,EAAA;AACjC,EAAA,OAAO,WAAe,IAAA,YAAA,CAAA;AACxB;;;;"}

package/dist/cjs/contact-import/utils/index.js

@@ -0,0 +1,37 @@
+'use strict';
+
+var index = require('../constants/index.js');
+
+function generateFieldId(existingFields) {
+  if (!existingFields.length)
+    return 1;
+  const lastField = existingFields[existingFields.length - 1];
+  return typeof lastField.id === "number" ? lastField.id + 1 : Date.now();
+}
+function formatFieldName(fieldName) {
+  if (fieldName === null)
+    return "";
+  if (typeof fieldName === "number")
+    return fieldName.toString();
+  return fieldName.replace(/_/g, " ");
+}
+function truncateSampleData(data, maxLength = index.VALIDATION_RULES.MAX_SAMPLE_DATA_LENGTH) {
+  if (data.length <= maxLength)
+    return data;
+  return `${data.slice(0, maxLength)}...`;
+}
+function filterContactProperties(properties, excludeTypes = [index.CONTACT_FIELD_TYPE.DEPENDENT_FIELD]) {
+  return properties.filter((prop) => !excludeTypes.includes(prop.type));
+}
+function findContactProperty(properties, value) {
+  if (value === null)
+    return void 0;
+  return properties.find((prop) => prop.value === value);
+}
+
+exports.filterContactProperties = filterContactProperties;
+exports.findContactProperty = findContactProperty;
+exports.formatFieldName = formatFieldName;
+exports.generateFieldId = generateFieldId;
+exports.truncateSampleData = truncateSampleData;
+//# sourceMappingURL=index.js.map

package/dist/cjs/contact-import/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/contact-import/utils/index.ts"],"sourcesContent":["import { Field, ContactProperty, ValidationResult, ValidationError } from '../types';\nimport { VALIDATION_RULES, ERROR_MESSAGES, CONTACT_FIELD_TYPE } from '../constants';\n\n// ==================== Field Utilities ====================\n\n/**\n * Generates a unique ID for a new field\n */\nexport function generateFieldId(existingFields: Field[]): number {\n  if (!existingFields.length) return 1;\n  \n  const lastField = existingFields[existingFields.length - 1];\n  return typeof lastField.id === 'number' ? lastField.id + 1 : Date.now();\n}\n\n/**\n * Formats integration field name for display\n */\nexport function formatFieldName(fieldName: string | number | null): string {\n  if (fieldName === null) return '';\n  if (typeof fieldName === 'number') return fieldName.toString();\n  return fieldName.replace(/_/g, ' ');\n}\n\n/**\n * Truncates sample data if it exceeds max length\n */\nexport function truncateSampleData(data: string, maxLength: number = VALIDATION_RULES.MAX_SAMPLE_DATA_LENGTH): string {\n  if (data.length <= maxLength) return data;\n  return `${data.slice(0, maxLength)}...`;\n}\n\n/**\n * Checks if a field has a mapped value\n */\nexport function isFieldMapped(field: Field): boolean {\n  return Boolean(field.surveySparrowField);\n}\n\n/**\n * Filters contact properties by type\n */\nexport function filterContactProperties(\n  properties: ContactProperty[],\n  excludeTypes: string[] = [CONTACT_FIELD_TYPE.DEPENDENT_FIELD]\n): ContactProperty[] {\n  return properties.filter(prop => !excludeTypes.includes(prop.type));\n}\n\n/**\n * Finds a contact property by value\n */\nexport function findContactProperty(\n  properties: ContactProperty[],\n  value: string | number | null\n): ContactProperty | undefined {\n  if (value === null) return undefined;\n  return properties.find(prop => prop.value === value);\n}\n\n// ==================== Validation Utilities ====================\n\n/**\n * Validates import title\n */\nexport function validateImportTitle(title: string): ValidationResult {\n  const errors: ValidationError[] = [];\n\n  if (!title || title.trim().length === 0) {\n    errors.push({ field: 'title', message: ERROR_MESSAGES.TITLE_REQUIRED });\n  } else if (title.length < VALIDATION_RULES.MIN_TITLE_LENGTH) {\n    errors.push({ field: 'title', message: ERROR_MESSAGES.TITLE_TOO_SHORT });\n  } else if (title.length > VALIDATION_RULES.MAX_TITLE_LENGTH) {\n    errors.push({ field: 'title', message: ERROR_MESSAGES.TITLE_TOO_LONG });\n  }\n\n  return {\n    isValid: errors.length === 0,\n    errors,\n  };\n}\n\n/**\n * Validates field mapping\n */\nexport function validateFieldMapping(fields: Field[]): ValidationResult {\n  const errors: ValidationError[] = [];\n\n  // Check if any required fields are missing\n  fields.forEach((field, index) => {\n    if (field.property !== 'custom' && !field.surveySparrowField) {\n      errors.push({\n        field: `field_${index}`,\n        message: ERROR_MESSAGES.FIELD_REQUIRED,\n      });\n    }\n  });\n\n  // Check for duplicate mappings\n  const mappedValues = fields\n    .map(f => f.surveySparrowField)\n    .filter(Boolean);\n  \n  const duplicates = mappedValues.filter(\n    (value, index) => mappedValues.indexOf(value) !== index\n  );\n\n  if (duplicates.length > 0) {\n    errors.push({\n      field: 'fields',\n      message: ERROR_MESSAGES.DUPLICATE_FIELD,\n    });\n  }\n\n  return {\n    isValid: errors.length === 0,\n    errors,\n  };\n}\n\n/**\n * Validates max field count\n */\nexport function validateFieldCount(currentCount: number): ValidationResult {\n  const errors: ValidationError[] = [];\n\n  if (currentCount >= VALIDATION_RULES.MAX_FIELD_COUNT) {\n    errors.push({\n      field: 'fields',\n      message: ERROR_MESSAGES.MAX_FIELDS_REACHED,\n    });\n  }\n\n  return {\n    isValid: errors.length === 0,\n    errors,\n  };\n}\n\n// ==================== Import Status Utilities ====================\n\n/**\n * Checks if an import is recurring\n */\nexport function isRecurringImport(isRecuring: boolean): boolean {\n  return isRecuring;\n}\n\n/**\n * Gets status icon color\n */\nexport function getStatusColor(status: string): string {\n  switch (status) {\n    case 'success':\n      return '#5EA130';\n    case 'failed':\n      return '#F65633';\n    case 'pending':\n    case 'in_progress':\n      return '#FFA500';\n    default:\n      return '#6A6A6A';\n  }\n}\n\n// ==================== Time Utilities ====================\n\n/**\n * Formats time for display\n */\nexport function formatTime(hours: number, mins: string, noon: 'am' | 'pm'): string {\n  return `${hours}:${mins} ${noon}`;\n}\n\n/**\n * Parses timezone string to extract timezone name\n */\nexport function parseTimeZone(timezoneString: string): string {\n  const match = timezoneString.match(/^([^(]+)/);\n  return match ? match[1].trim() : timezoneString;\n}\n\n// ==================== String Utilities ====================\n\n/**\n * Capitalizes first letter of a string\n */\nexport function capitalize(str: string): string {\n  if (!str) return '';\n  return str.charAt(0).toUpperCase() + str.slice(1);\n}\n\n/**\n * Converts snake_case to Title Case\n */\nexport function snakeToTitleCase(str: string): string {\n  return str\n    .split('_')\n    .map(word => capitalize(word))\n    .join(' ');\n}\n\n// ==================== Object Utilities ====================\n\n/**\n * Deep clones an object\n */\nexport function deepClone<T>(obj: T): T {\n  return JSON.parse(JSON.stringify(obj));\n}\n\n/**\n * Checks if an object is empty\n */\nexport function isEmpty(obj: Record<string, unknown>): boolean {\n  return Object.keys(obj).length === 0;\n}\n\n// ==================== Array Utilities ====================\n\n/**\n * Removes duplicates from an array\n */\nexport function removeDuplicates<T>(array: T[]): T[] {\n  return Array.from(new Set(array));\n}\n\n/**\n * Sorts imports by date\n */\nexport function sortImportsByDate<T extends { createdOn?: string; importedOn?: string }>(\n  imports: T[],\n  ascending: boolean = false\n): T[] {\n  return [...imports].sort((a, b) => {\n    const dateA = new Date(a.createdOn || a.importedOn || '').getTime();\n    const dateB = new Date(b.createdOn || b.importedOn || '').getTime();\n    return ascending ? dateA - dateB : dateB - dateA;\n  });\n}\n\n"],"names":["VALIDATION_RULES","CONTACT_FIELD_TYPE"],"mappings":";;;;AAQO,SAAS,gBAAgB,cAAiC,EAAA;AAC/D,EAAA,IAAI,CAAC,cAAe,CAAA,MAAA;AAAQ,IAAO,OAAA,CAAA,CAAA;AAEnC,EAAA,MAAM,SAAY,GAAA,cAAA,CAAe,cAAe,CAAA,MAAA,GAAS,CAAC,CAAA,CAAA;AAC1D,EAAO,OAAA,OAAO,UAAU,EAAO,KAAA,QAAA,GAAW,UAAU,EAAK,GAAA,CAAA,GAAI,KAAK,GAAI,EAAA,CAAA;AACxE,CAAA;AAKO,SAAS,gBAAgB,SAA2C,EAAA;AACzE,EAAA,IAAI,SAAc,KAAA,IAAA;AAAM,IAAO,OAAA,EAAA,CAAA;AAC/B,EAAA,IAAI,OAAO,SAAc,KAAA,QAAA;AAAU,IAAA,OAAO,UAAU,QAAS,EAAA,CAAA;AAC7D,EAAO,OAAA,SAAA,CAAU,OAAQ,CAAA,IAAA,EAAM,GAAG,CAAA,CAAA;AACpC,CAAA;AAKO,SAAS,kBAAmB,CAAA,IAAA,EAAc,SAAoB,GAAAA,sBAAA,CAAiB,sBAAgC,EAAA;AACpH,EAAA,IAAI,KAAK,MAAU,IAAA,SAAA;AAAW,IAAO,OAAA,IAAA,CAAA;AACrC,EAAA,OAAO,CAAG,EAAA,IAAA,CAAK,KAAM,CAAA,CAAA,EAAG,SAAS,CAAC,CAAA,GAAA,CAAA,CAAA;AACpC,CAAA;AAYO,SAAS,wBACd,UACA,EAAA,YAAA,GAAyB,CAACC,wBAAA,CAAmB,eAAe,CACzC,EAAA;AACnB,EAAO,OAAA,UAAA,CAAW,OAAO,CAAQ,IAAA,KAAA,CAAC,aAAa,QAAS,CAAA,IAAA,CAAK,IAAI,CAAC,CAAA,CAAA;AACpE,CAAA;AAKgB,SAAA,mBAAA,CACd,YACA,KAC6B,EAAA;AAC7B,EAAA,IAAI,KAAU,KAAA,IAAA;AAAM,IAAO,OAAA,KAAA,CAAA,CAAA;AAC3B,EAAA,OAAO,UAAW,CAAA,IAAA,CAAK,CAAQ,IAAA,KAAA,IAAA,CAAK,UAAU,KAAK,CAAA,CAAA;AACrD;;;;;;;;"}