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

package/dist/cjs/contact-import/components/TimePicker.js

@@ -3,10 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var index = require('../constants/index.js');
+var useClickOutside = require('../hooks/use-click-outside.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 text = require('../../node_modules/@sparrowengg/twigs-react/dist/es/text/text.js');
 var button = require('../../node_modules/@sparrowengg/twigs-react/dist/es/button/button.js');
+var text = require('../../node_modules/@sparrowengg/twigs-react/dist/es/text/text.js');
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -27,40 +29,120 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-const hours = [...Array(12).keys()].map((item) => ({ id: item + 1, value: item + 1 }));
-const minutes = [...Array(60).keys()].map((item) => ({
-  id: item,
-  value: (item < 10 ? "0" : "") + item
-}));
-const noon = [
-  { id: 1, value: "am" },
-  { id: 2, value: "pm" }
-];
 const TimePicker = ({
   setOpenTimePicker,
   scheduleTime,
   setScheduleTime
 }) => {
   const timePickerRef = React.useRef(null);
-  const [timeValue, setTimeValue] = React.useState({ hours: 12, mins: "00", noon: "am" });
-  const handleApply = () => {
+  const [timeValue, setTimeValue] = React.useState({
+    hours: 12,
+    mins: "00",
+    noon: "am"
+  });
+  React.useEffect(() => {
+    setTimeValue(scheduleTime.time);
+  }, [scheduleTime.time]);
+  useClickOutside.default(timePickerRef, () => setOpenTimePicker(false));
+  const handleApply = React.useCallback(() => {
     setScheduleTime((prev) => __spreadProps(__spreadValues({}, prev), {
-      time: __spreadValues(__spreadValues({}, prev.time), timeValue)
+      time: timeValue
     }));
     setOpenTimePicker(false);
-  };
-  const handleClickOutside = (event) => {
-    if (timePickerRef.current && !timePickerRef.current.contains(event.target)) {
-      setOpenTimePicker(false);
-    }
-  };
-  React.useEffect(() => {
-    setTimeValue(scheduleTime.time);
-    document.addEventListener("mousedown", handleClickOutside);
-    return () => {
-      document.removeEventListener("mousedown", handleClickOutside);
-    };
-  }, [scheduleTime]);
+  }, [timeValue, setScheduleTime, setOpenTimePicker]);
+  const handleCancel = React.useCallback(() => {
+    setOpenTimePicker(false);
+  }, [setOpenTimePicker]);
+  const updateHours = React.useCallback((hours) => {
+    setTimeValue((prev) => __spreadProps(__spreadValues({}, prev), { hours }));
+  }, []);
+  const updateMinutes = React.useCallback((mins) => {
+    setTimeValue((prev) => __spreadProps(__spreadValues({}, prev), { mins }));
+  }, []);
+  const updateNoon = React.useCallback((noon) => {
+    setTimeValue((prev) => __spreadProps(__spreadValues({}, prev), { noon }));
+  }, []);
+  const renderHoursList = () => /* @__PURE__ */ React.createElement(
+    box.Box,
+    {
+      css: {
+        overflow: "scroll",
+        padding: "$2 $3",
+        borderRight: "$borderWidths$xs solid $neutral100",
+        cursor: "pointer",
+        "&::-webkit-scrollbar": { display: "none" }
+      }
+    },
+    index.TIME_HOURS.map((item) => /* @__PURE__ */ React.createElement(
+      text.Text,
+      {
+        size: "md",
+        key: item.id,
+        css: {
+          padding: "$4 $6",
+          background: timeValue.hours === item.value ? "#4A9CA60F" : "none",
+          borderRadius: "$sm",
+          textAlign: "center",
+          color: "$neutral900",
+          "&:hover": {
+            background: "#4A9CA60F"
+          }
+        },
+        onClick: () => updateHours(item.value)
+      },
+      item.value
+    ))
+  );
+  const renderMinutesList = () => /* @__PURE__ */ React.createElement(
+    box.Box,
+    {
+      css: {
+        overflow: "scroll",
+        padding: "$2 $3",
+        borderRight: "$borderWidths$xs solid $neutral100",
+        cursor: "pointer",
+        "&::-webkit-scrollbar": { display: "none" }
+      }
+    },
+    index.TIME_MINUTES.map((item) => /* @__PURE__ */ React.createElement(
+      text.Text,
+      {
+        size: "md",
+        key: item.id,
+        css: {
+          padding: "$4 $6",
+          background: timeValue.mins === item.value ? "#4A9CA60F" : "none",
+          borderRadius: "$sm",
+          textAlign: "center",
+          color: "$neutral900",
+          "&:hover": {
+            background: "#4A9CA60F"
+          }
+        },
+        onClick: () => updateMinutes(item.value)
+      },
+      item.value
+    ))
+  );
+  const renderNoonSelector = () => /* @__PURE__ */ React.createElement(box.Box, { css: { padding: "$2 $3", cursor: "pointer" } }, index.TIME_NOON.map((item) => /* @__PURE__ */ React.createElement(
+    text.Text,
+    {
+      size: "md",
+      key: item.id,
+      css: {
+        padding: "$4 $6",
+        background: timeValue.noon === item.value ? "#4A9CA60F" : "none",
+        borderRadius: "$sm",
+        textAlign: "center",
+        color: "$neutral900",
+        "&:hover": {
+          background: "#4A9CA60F"
+        }
+      },
+      onClick: () => updateNoon(item.value)
+    },
+    item.value
+  )));
   return /* @__PURE__ */ React.createElement(
     box.Box,
     {
@@ -72,7 +154,8 @@ const TimePicker = ({
         background: "$white900",
         zIndex: "9",
         padding: "$4 0",
-        position: "absolute"
+        position: "absolute",
+        boxShadow: "0 2px 8px rgba(0, 0, 0, 0.1)"
       },
       ref: timePickerRef
     },
@@ -86,88 +169,32 @@ const TimePicker = ({
           borderBottom: "$borderWidths$xs solid $neutral100"
         }
       },
-      /* @__PURE__ */ React.createElement(
-        box.Box,
-        {
-          css: {
-            overflow: "scroll",
-            padding: "$2 $3",
-            borderRight: "$borderWidths$xs solid $neutral100",
-            cursor: "pointer",
-            "&::-webkit-scrollbar": { display: "none" }
-          }
-        },
-        hours.map((item) => /* @__PURE__ */ React.createElement(
-          text.Text,
-          {
-            size: "md",
-            key: item.id,
-            css: {
-              padding: "$4 $6",
-              background: timeValue.hours === item.value ? "#4A9CA60F" : "none",
-              borderRadius: "$sm",
-              textAlign: "center",
-              color: "$neutral900"
-            },
-            onClick: () => setTimeValue((prev) => __spreadProps(__spreadValues({}, prev), { hours: item.value }))
-          },
-          item.value
-        ))
-      ),
-      /* @__PURE__ */ React.createElement(
-        box.Box,
-        {
-          css: {
-            overflow: "scroll",
-            padding: "$2 $3",
-            borderRight: "$borderWidths$xs solid $neutral100",
-            cursor: "pointer",
-            "&::-webkit-scrollbar": { display: "none" }
-          }
-        },
-        minutes.map((item) => /* @__PURE__ */ React.createElement(
-          text.Text,
-          {
-            size: "md",
-            key: item.id,
-            css: {
-              padding: "$4 $6",
-              background: timeValue.mins === item.value ? "#4A9CA60F" : "none",
-              borderRadius: "$sm",
-              textAlign: "center",
-              color: "$neutral900"
-            },
-            onClick: () => setTimeValue((prev) => __spreadProps(__spreadValues({}, prev), { mins: item.value }))
-          },
-          item.value
-        ))
-      ),
-      /* @__PURE__ */ React.createElement(box.Box, { css: { padding: "$2 $3", cursor: "pointer" } }, noon.map((item) => /* @__PURE__ */ React.createElement(
-        text.Text,
-        {
-          size: "md",
-          key: item.id,
-          css: {
-            padding: "$4 $6",
-            background: timeValue.noon === item.value ? "#4A9CA60F" : "none",
-            borderRadius: "$sm",
-            textAlign: "center",
-            color: "$neutral900"
-          },
-          onClick: () => setTimeValue((prev) => __spreadProps(__spreadValues({}, prev), { noon: item.value }))
-        },
-        item.value
-      )))
+      renderHoursList(),
+      renderMinutesList(),
+      renderNoonSelector()
     ),
     /* @__PURE__ */ React.createElement(
       flex.Flex,
       {
         alignItems: "center",
         justifyContent: "space-between",
-        css: { width: "100%", height: "calc(100% - 172px)", padding: "$2 $6 $2 $6" }
+        css: {
+          width: "100%",
+          height: "calc(100% - 172px)",
+          padding: "$2 $6 $2 $6"
+        }
       },
-      /* @__PURE__ */ React.createElement(button.Button, { size: "md", variant: "ghost", color: "secondary", onClick: () => setOpenTimePicker(false) }, "Cancel"),
-      /* @__PURE__ */ React.createElement(button.Button, { size: "md", variant: "ghost", onClick: handleApply }, "Apply")
+      /* @__PURE__ */ React.createElement(
+        button.Button,
+        {
+          size: "md",
+          variant: "ghost",
+          color: "secondary",
+          onClick: handleCancel
+        },
+        index.LABELS.CANCEL
+      ),
+      /* @__PURE__ */ React.createElement(button.Button, { size: "md", variant: "ghost", onClick: handleApply }, index.LABELS.APPLY)
     )
   );
 };

package/dist/cjs/contact-import/components/TimePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimePicker.js","sources":["../../../../src/contact-import/components/TimePicker.tsx"],"sourcesContent":["import { Box, Button, Flex, Text } from \"@sparrowengg/twigs-react\";\nimport React, { useEffect, useRef, useState } from \"react\";\n\ntype Time = {\n  hours: number;\n  mins: string;\n  noon: \"am\" | \"pm\";\n};\n\ntype TimePickerProps = {\n  setOpenTimePicker: (open: boolean) => void;\n  scheduleTime: { time: Time };\n  setScheduleTime: (schedule: { time: Time }) => void;\n};\n\nconst hours = [...Array(12).keys()].map((item) => ({ id: item + 1, value: item + 1 }));\n\nconst minutes = [...Array(60).keys()].map((item) => ({\n  id: item,\n  value: (item < 10 ? \"0\" : \"\") + item,\n}));\n\nconst noon = [\n  { id: 1, value: \"am\" as const },\n  { id: 2, value: \"pm\" as const },\n];\n\nconst TimePicker: React.FC<TimePickerProps> = ({\n  setOpenTimePicker,\n  scheduleTime,\n  setScheduleTime,\n}) => {\n  const timePickerRef = useRef<HTMLDivElement>(null);\n  const [timeValue, setTimeValue] = useState<Time>({ hours: 12, mins: \"00\", noon: \"am\" });\n\n  const handleApply = () => {\n    setScheduleTime((prev) => ({\n      ...prev,\n      time: { ...prev.time, ...timeValue },\n    }));\n    setOpenTimePicker(false);\n  };\n\n  const handleClickOutside = (event: MouseEvent) => {\n    if (timePickerRef.current && !timePickerRef.current.contains(event.target as Node)) {\n      setOpenTimePicker(false);\n    }\n  };\n\n  useEffect(() => {\n    setTimeValue(scheduleTime.time);\n    document.addEventListener(\"mousedown\", handleClickOutside);\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    };\n  }, [scheduleTime]);\n\n  return (\n    <Box\n      css={{\n        width: \"180px\",\n        height: \"228px\",\n        border: \"$borderWidths$xs solid $neutral200\",\n        borderRadius: \"10px\",\n        background: \"$white900\",\n        zIndex: \"9\",\n        padding: \"$4 0\",\n        position: \"absolute\",\n      }}\n      ref={timePickerRef}\n    >\n      <Flex\n        justifyContent=\"space-between\"\n        css={{\n          width: \"100%\",\n          height: \"172px\",\n          borderBottom: \"$borderWidths$xs solid $neutral100\",\n        }}\n      >\n        <Box\n          css={{\n            overflow: \"scroll\",\n            padding: \"$2 $3\",\n            borderRight: \"$borderWidths$xs solid $neutral100\",\n            cursor: \"pointer\",\n            \"&::-webkit-scrollbar\": { display: \"none\" },\n          }}\n        >\n          {hours.map((item) => (\n            <Text\n              size=\"md\"\n              key={item.id}\n              css={{\n                padding: \"$4 $6\",\n                background: timeValue.hours === item.value ? \"#4A9CA60F\" : \"none\",\n                borderRadius: \"$sm\",\n                textAlign: \"center\",\n                color: \"$neutral900\",\n              }}\n              onClick={() => setTimeValue((prev) => ({ ...prev, hours: item.value }))}\n            >\n              {item.value}\n            </Text>\n          ))}\n        </Box>\n        <Box\n          css={{\n            overflow: \"scroll\",\n            padding: \"$2 $3\",\n            borderRight: \"$borderWidths$xs solid $neutral100\",\n            cursor: \"pointer\",\n            \"&::-webkit-scrollbar\": { display: \"none\" },\n          }}\n        >\n          {minutes.map((item) => (\n            <Text\n              size=\"md\"\n              key={item.id}\n              css={{\n                padding: \"$4 $6\",\n                background: timeValue.mins === item.value ? \"#4A9CA60F\" : \"none\",\n                borderRadius: \"$sm\",\n                textAlign: \"center\",\n                color: \"$neutral900\",\n              }}\n              onClick={() => setTimeValue((prev) => ({ ...prev, mins: item.value }))}\n            >\n              {item.value}\n            </Text>\n          ))}\n        </Box>\n        <Box css={{ padding: \"$2 $3\", cursor: \"pointer\" }}>\n          {noon.map((item) => (\n            <Text\n              size=\"md\"\n              key={item.id}\n              css={{\n                padding: \"$4 $6\",\n                background: timeValue.noon === item.value ? \"#4A9CA60F\" : \"none\",\n                borderRadius: \"$sm\",\n                textAlign: \"center\",\n                color: \"$neutral900\",\n              }}\n              onClick={() => setTimeValue((prev) => ({ ...prev, noon: item.value }))}\n            >\n              {item.value}\n            </Text>\n          ))}\n        </Box>\n      </Flex>\n      <Flex\n        alignItems=\"center\"\n        justifyContent=\"space-between\"\n        css={{ width: \"100%\", height: \"calc(100% - 172px)\", padding: \"$2 $6 $2 $6\" }}\n      >\n        <Button size=\"md\" variant=\"ghost\" color=\"secondary\" onClick={() => setOpenTimePicker(false)}>\n          Cancel\n        </Button>\n        <Button size=\"md\" variant=\"ghost\" onClick={handleApply}>\n          Apply\n        </Button>\n      </Flex>\n    </Box>\n  );\n};\n\nexport default TimePicker;\n"],"names":["useRef","useState","useEffect","Box","Flex","Text","Button"],"mappings":"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"}
+{"version":3,"file":"TimePicker.js","sources":["../../../../src/contact-import/components/TimePicker.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState, useCallback } from 'react';\nimport { Box, Button, Flex, Text } from '@sparrowengg/twigs-react';\nimport { TimePickerProps, TimeValue } from '../types';\nimport { TIME_HOURS, TIME_MINUTES, TIME_NOON, LABELS } from '../constants';\nimport { useClickOutside } from '../hooks';\n\n/**\n * Time picker component for selecting hours, minutes, and AM/PM\n * Supports click outside detection to close the picker\n */\nconst TimePicker: React.FC<TimePickerProps> = ({\n  setOpenTimePicker,\n  scheduleTime,\n  setScheduleTime,\n}) => {\n  const timePickerRef = useRef<HTMLDivElement>(null);\n  const [timeValue, setTimeValue] = useState<TimeValue>({\n    hours: 12,\n    mins: '00',\n    noon: 'am',\n  });\n\n  // Initialize time value from schedule time\n  useEffect(() => {\n    setTimeValue(scheduleTime.time);\n  }, [scheduleTime.time]);\n\n  // Close picker on outside click\n  useClickOutside(timePickerRef, () => setOpenTimePicker(false));\n\n  const handleApply = useCallback(() => {\n    setScheduleTime((prev) => ({\n      ...prev,\n      time: timeValue,\n    }));\n    setOpenTimePicker(false);\n  }, [timeValue, setScheduleTime, setOpenTimePicker]);\n\n  const handleCancel = useCallback(() => {\n    setOpenTimePicker(false);\n  }, [setOpenTimePicker]);\n\n  const updateHours = useCallback((hours: number) => {\n    setTimeValue((prev) => ({ ...prev, hours }));\n  }, []);\n\n  const updateMinutes = useCallback((mins: string) => {\n    setTimeValue((prev) => ({ ...prev, mins }));\n  }, []);\n\n  const updateNoon = useCallback((noon: 'am' | 'pm') => {\n    setTimeValue((prev) => ({ ...prev, noon }));\n  }, []);\n\n  const renderHoursList = () => (\n    <Box\n      css={{\n        overflow: 'scroll',\n        padding: '$2 $3',\n        borderRight: '$borderWidths$xs solid $neutral100',\n        cursor: 'pointer',\n        '&::-webkit-scrollbar': { display: 'none' },\n      }}\n    >\n      {TIME_HOURS.map((item) => (\n        <Text\n          size=\"md\"\n          key={item.id}\n          css={{\n            padding: '$4 $6',\n            background: timeValue.hours === item.value ? '#4A9CA60F' : 'none',\n            borderRadius: '$sm',\n            textAlign: 'center',\n            color: '$neutral900',\n            '&:hover': {\n              background: '#4A9CA60F',\n            },\n          }}\n          onClick={() => updateHours(item.value)}\n        >\n          {item.value}\n        </Text>\n      ))}\n    </Box>\n  );\n\n  const renderMinutesList = () => (\n    <Box\n      css={{\n        overflow: 'scroll',\n        padding: '$2 $3',\n        borderRight: '$borderWidths$xs solid $neutral100',\n        cursor: 'pointer',\n        '&::-webkit-scrollbar': { display: 'none' },\n      }}\n    >\n      {TIME_MINUTES.map((item) => (\n        <Text\n          size=\"md\"\n          key={item.id}\n          css={{\n            padding: '$4 $6',\n            background: timeValue.mins === item.value ? '#4A9CA60F' : 'none',\n            borderRadius: '$sm',\n            textAlign: 'center',\n            color: '$neutral900',\n            '&:hover': {\n              background: '#4A9CA60F',\n            },\n          }}\n          onClick={() => updateMinutes(item.value)}\n        >\n          {item.value}\n        </Text>\n      ))}\n    </Box>\n  );\n\n  const renderNoonSelector = () => (\n    <Box css={{ padding: '$2 $3', cursor: 'pointer' }}>\n      {TIME_NOON.map((item) => (\n        <Text\n          size=\"md\"\n          key={item.id}\n          css={{\n            padding: '$4 $6',\n            background: timeValue.noon === item.value ? '#4A9CA60F' : 'none',\n            borderRadius: '$sm',\n            textAlign: 'center',\n            color: '$neutral900',\n            '&:hover': {\n              background: '#4A9CA60F',\n            },\n          }}\n          onClick={() => updateNoon(item.value)}\n        >\n          {item.value}\n        </Text>\n      ))}\n    </Box>\n  );\n\n  return (\n    <Box\n      css={{\n        width: '180px',\n        height: '228px',\n        border: '$borderWidths$xs solid $neutral200',\n        borderRadius: '10px',\n        background: '$white900',\n        zIndex: '9',\n        padding: '$4 0',\n        position: 'absolute',\n        boxShadow: '0 2px 8px rgba(0, 0, 0, 0.1)',\n      }}\n      ref={timePickerRef}\n    >\n      {/* Time Selection Grid */}\n      <Flex\n        justifyContent=\"space-between\"\n        css={{\n          width: '100%',\n          height: '172px',\n          borderBottom: '$borderWidths$xs solid $neutral100',\n        }}\n      >\n        {renderHoursList()}\n        {renderMinutesList()}\n        {renderNoonSelector()}\n      </Flex>\n\n      {/* Action Buttons */}\n      <Flex\n        alignItems=\"center\"\n        justifyContent=\"space-between\"\n        css={{\n          width: '100%',\n          height: 'calc(100% - 172px)',\n          padding: '$2 $6 $2 $6',\n        }}\n      >\n        <Button\n          size=\"md\"\n          variant=\"ghost\"\n          color=\"secondary\"\n          onClick={handleCancel}\n        >\n          {LABELS.CANCEL}\n        </Button>\n        <Button size=\"md\" variant=\"ghost\" onClick={handleApply}>\n          {LABELS.APPLY}\n        </Button>\n      </Flex>\n    </Box>\n  );\n};\n\nexport default TimePicker;\n"],"names":["useRef","useState","useEffect","useClickOutside","useCallback","Box","TIME_HOURS","Text","TIME_MINUTES","TIME_NOON","Flex","Button","LABELS"],"mappings":"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"}

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

@@ -0,0 +1,172 @@
+'use strict';
+
+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."
+};
+
+exports.COMPLETED_TABLE_COLUMNS = COMPLETED_TABLE_COLUMNS;
+exports.CONTACT_FIELD_TYPE = CONTACT_FIELD_TYPE;
+exports.DATE_FORMAT = DATE_FORMAT;
+exports.DEFAULT_FIELD_VALUE = DEFAULT_FIELD_VALUE;
+exports.DEFAULT_SCHEDULE_TIME = DEFAULT_SCHEDULE_TIME;
+exports.ERROR_MESSAGES = ERROR_MESSAGES;
+exports.FREQUENCY_MODE = FREQUENCY_MODE;
+exports.IMPORT_CONFIG_TYPE = IMPORT_CONFIG_TYPE;
+exports.LABELS = LABELS;
+exports.PLACEHOLDERS = PLACEHOLDERS;
+exports.PROPERTY_TYPE = PROPERTY_TYPE;
+exports.SCHEDULED_TABLE_COLUMNS = SCHEDULED_TABLE_COLUMNS;
+exports.SCHEDULE_PERIODS = SCHEDULE_PERIODS;
+exports.TIME_HOURS = TIME_HOURS;
+exports.TIME_MINUTES = TIME_MINUTES;
+exports.TIME_NOON = TIME_NOON;
+exports.UI_CONSTANTS = UI_CONSTANTS;
+exports.VALIDATION_RULES = VALIDATION_RULES;
+//# sourceMappingURL=index.js.map

package/dist/cjs/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/cjs/contact-import/hooks/use-click-outside.js

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function useClickOutside(ref, handler, enabled = true) {
+  React.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]);
+}
+
+exports.default = useClickOutside;
+//# sourceMappingURL=use-click-outside.js.map

package/dist/cjs/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":["useEffect"],"mappings":";;;;;;AAKA,SAAS,eACP,CAAA,GAAA,EACA,OACA,EAAA,OAAA,GAAmB,IACb,EAAA;AACN,EAAAA,eAAA,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;;;;"}