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

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

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var TimePicker = require('./TimePicker.js');
 var dayjs_min = require('../../node_modules/dayjs/dayjs.min.js');
 var utc = require('../../node_modules/dayjs/plugin/utc.js');
 var timezone = require('../../node_modules/dayjs/plugin/timezone.js');
-var index$1 = require('../../node_modules/timezone-support/dist/index.js');
-var TimePicker = require('./TimePicker.js');
-var index = require('../constants/index.js');
+var index = require('../../node_modules/timezone-support/dist/index.js');
+var constants = require('../constants.js');
 var flex = require('../../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js');
 var dropdown = require('../../node_modules/@sparrowengg/twigs-react/dist/es/dropdown/dropdown.js');
 var button = require('../../node_modules/@sparrowengg/twigs-react/dist/es/button/button.js');
@@ -35,61 +35,49 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-dayjs_min.default.extend(utc.default);
-dayjs_min.default.extend(timezone.default);
-const getAllTimezones = () => {
-  return index$1.listTimeZones().map((tz) => {
-    const offset = dayjs_min.default().tz(tz).format("Z");
-    return `${tz} (GMT${offset})`;
-  });
-};
 const Scheduling = ({
   globalStorage,
   setGlobalStorage
 }) => {
+  dayjs_min.default.extend(utc.default);
+  dayjs_min.default.extend(timezone.default);
+  const getAllTimezones = () => index.listTimeZones().map((tz) => {
+    const offset = dayjs_min.default().tz(tz).format("Z");
+    return `${tz} (GMT${offset})`;
+  });
   const timeZones = getAllTimezones();
   const [openTimePicker, setOpenTimePicker] = React.useState(false);
-  const [scheduleTime, setScheduleTime] = React.useState(
-    globalStorage.scheduleData || index.DEFAULT_SCHEDULE_TIME
-  );
+  const [scheduleTime, setScheduleTime] = React.useState({
+    period: "Daily",
+    time: { hours: 12, mins: "00", noon: "am" },
+    timeZone: "Asia/Kolkata (GMT+05:30)"
+  });
   React.useEffect(() => {
-    setGlobalStorage((prev) => __spreadProps(__spreadValues({}, prev), {
+    setGlobalStorage((prevGlobalStorage) => __spreadProps(__spreadValues({}, prevGlobalStorage), {
       scheduleData: scheduleTime
     }));
-  }, [scheduleTime, setGlobalStorage]);
+  }, [scheduleTime]);
   React.useEffect(() => {
     if (globalStorage.scheduleData) {
       setScheduleTime(globalStorage.scheduleData);
     }
-  }, [globalStorage.scheduleData]);
-  const handlePeriodChange = React.useCallback((period) => {
-    setScheduleTime((prev) => __spreadProps(__spreadValues({}, prev), { period }));
-  }, []);
-  const handleTimeZoneChange = React.useCallback((timeZone) => {
-    setScheduleTime((prev) => __spreadProps(__spreadValues({}, prev), { timeZone }));
-  }, []);
-  const closeTimePicker = React.useCallback(() => {
-    setOpenTimePicker(false);
-  }, []);
-  const toggleTimePicker = React.useCallback(() => {
-    setOpenTimePicker((prev) => !prev);
-  }, []);
+  }, [globalStorage]);
   return /* @__PURE__ */ React.createElement(flex.Flex, { alignItems: "center", gap: "$2" }, /* @__PURE__ */ React.createElement(dropdown.DropdownMenu, { modal: false }, /* @__PURE__ */ React.createElement(dropdown.DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(
     button.Button,
     {
       rightIcon: /* @__PURE__ */ React.createElement(chevronDown.ChevronDownIcon, null),
       variant: "ghost",
       size: "lg",
-      "aria-label": LABELS.SELECT_SCHEDULE_PERIOD,
+      "aria-label": "Select Schedule Period",
       css: {
         padding: "$1 $2",
         borderRadius: "$md",
         svg: { path: { strokeWidth: "2" } }
       },
-      onClick: closeTimePicker
+      onClick: () => setOpenTimePicker(false)
     },
     scheduleTime.period
-  )), /* @__PURE__ */ React.createElement(dropdown.DropdownMenuContent, { align: "start", css: { minWidth: "168px" } }, index.SCHEDULE_PERIODS.map((option) => /* @__PURE__ */ React.createElement(
+  )), /* @__PURE__ */ React.createElement(dropdown.DropdownMenuContent, { align: "start", css: { minWidth: "168px" } }, constants.scheduleOptions.map((option) => /* @__PURE__ */ React.createElement(
     dropdown.DropdownMenuItem,
     {
       key: option.id,
@@ -97,16 +85,16 @@ const Scheduling = ({
         cursor: "pointer",
         background: scheduleTime.period === option.label ? "#4A9CA60F" : "none"
       },
-      onClick: () => handlePeriodChange(option.label)
+      onClick: () => setScheduleTime((prev) => __spreadProps(__spreadValues({}, prev), { period: option.label }))
     },
     option.label
-  )))), /* @__PURE__ */ React.createElement(text.Text, { css: { color: "$neutral600" }, size: "md" }, LABELS.AT), /* @__PURE__ */ React.createElement(box.Box, { css: { position: "relative" } }, /* @__PURE__ */ React.createElement(
+  )))), /* @__PURE__ */ React.createElement(text.Text, { css: { color: "$neutral600" }, size: "md" }, "at"), /* @__PURE__ */ React.createElement(box.Box, { css: { position: "relative" } }, /* @__PURE__ */ React.createElement(
     button.Button,
     {
       rightIcon: /* @__PURE__ */ React.createElement(chevronDown.ChevronDownIcon, null),
       variant: "ghost",
       size: "lg",
-      onClick: toggleTimePicker,
+      onClick: () => setOpenTimePicker((prev) => !prev),
       css: {
         padding: "$1 $2",
         borderRadius: "$md",
@@ -128,13 +116,13 @@ const Scheduling = ({
       rightIcon: /* @__PURE__ */ React.createElement(chevronDown.ChevronDownIcon, null),
       variant: "ghost",
       size: "lg",
-      "aria-label": LABELS.SELECT_TIME_ZONE,
+      "aria-label": "Select Time Zone",
       css: {
         padding: "$1 $2",
         borderRadius: "$md",
         svg: { path: { strokeWidth: "2" } }
       },
-      onClick: closeTimePicker
+      onClick: () => setOpenTimePicker(false)
     },
     scheduleTime.timeZone
   )), /* @__PURE__ */ React.createElement(
@@ -151,7 +139,7 @@ const Scheduling = ({
           cursor: "pointer",
           background: scheduleTime.timeZone === tz ? "#4A9CA60F" : "none"
         },
-        onClick: () => handleTimeZoneChange(tz)
+        onClick: () => setScheduleTime((prev) => __spreadProps(__spreadValues({}, prev), { timeZone: tz }))
       },
       tz
     ))
@@ -159,4 +147,4 @@ const Scheduling = ({
 };
 
 exports.default = Scheduling;
-//# sourceMappingURL=Scheduling.js.map
+//# sourceMappingURL=scheduling.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Scheduling.js","sources":["../../../../src/contact-import/components/Scheduling.tsx"],"sourcesContent":["import React, { useEffect, useState, useCallback } from 'react';\nimport {\n  Box,\n  Flex,\n  Button,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n  Text,\n} from '@sparrowengg/twigs-react';\nimport { ChevronDownIcon } from '@sparrowengg/twigs-react-icons';\nimport dayjs from 'dayjs';\nimport utc from 'dayjs/plugin/utc';\nimport timezone from 'dayjs/plugin/timezone';\nimport { listTimeZones } from 'timezone-support';\nimport TimePicker from './TimePicker';\nimport { SchedulingProps, ScheduleTime } from '../types';\nimport { SCHEDULE_PERIODS, DEFAULT_SCHEDULE_TIME } from '../constants';\n\n// Initialize dayjs plugins\ndayjs.extend(utc);\ndayjs.extend(timezone);\n\n/**\n * Gets all available timezones with GMT offset\n */\nconst getAllTimezones = (): string[] => {\n  return listTimeZones().map((tz) => {\n    const offset = dayjs().tz(tz).format('Z');\n    return `${tz} (GMT${offset})`;\n  });\n};\n\n/**\n * Component for scheduling recurring imports\n * Manages period, time, and timezone selection\n */\nconst Scheduling: React.FC<SchedulingProps> = ({\n  globalStorage,\n  setGlobalStorage,\n}) => {\n  const timeZones = getAllTimezones();\n  const [openTimePicker, setOpenTimePicker] = useState<boolean>(false);\n  const [scheduleTime, setScheduleTime] = useState<ScheduleTime>(\n    (globalStorage.scheduleData as ScheduleTime) || DEFAULT_SCHEDULE_TIME\n  );\n\n  // Sync schedule time with global storage\n  useEffect(() => {\n    setGlobalStorage((prev) => ({\n      ...prev,\n      scheduleData: scheduleTime,\n    }));\n  }, [scheduleTime, setGlobalStorage]);\n\n  // Load schedule data from global storage\n  useEffect(() => {\n    if (globalStorage.scheduleData) {\n      setScheduleTime(globalStorage.scheduleData as ScheduleTime);\n    }\n  }, [globalStorage.scheduleData]);\n\n  const handlePeriodChange = useCallback((period: string) => {\n    setScheduleTime((prev) => ({ ...prev, period }));\n  }, []);\n\n  const handleTimeZoneChange = useCallback((timeZone: string) => {\n    setScheduleTime((prev) => ({ ...prev, timeZone }));\n  }, []);\n\n  const closeTimePicker = useCallback(() => {\n    setOpenTimePicker(false);\n  }, []);\n\n  const toggleTimePicker = useCallback(() => {\n    setOpenTimePicker((prev) => !prev);\n  }, []);\n\n  return (\n    <Flex alignItems=\"center\" gap=\"$2\">\n      <DropdownMenu modal={false}>\n        <DropdownMenuTrigger asChild>\n          <Button\n            rightIcon={<ChevronDownIcon />}\n            variant=\"ghost\"\n            size=\"lg\"\n            aria-label={LABELS.SELECT_SCHEDULE_PERIOD}\n            css={{\n              padding: '$1 $2',\n              borderRadius: '$md',\n              svg: { path: { strokeWidth: '2' } },\n            }}\n            onClick={closeTimePicker}\n          >\n            {scheduleTime.period}\n          </Button>\n        </DropdownMenuTrigger>\n        <DropdownMenuContent align=\"start\" css={{ minWidth: '168px' }}>\n          {SCHEDULE_PERIODS.map((option) => (\n            <DropdownMenuItem\n              key={option.id}\n              css={{\n                cursor: 'pointer',\n                background:\n                  scheduleTime.period === option.label ? '#4A9CA60F' : 'none',\n              }}\n              onClick={() => handlePeriodChange(option.label)}\n            >\n              {option.label}\n            </DropdownMenuItem>\n          ))}\n        </DropdownMenuContent>\n      </DropdownMenu>\n      <Text css={{ color: '$neutral600' }} size=\"md\">\n        {LABELS.AT}\n      </Text>\n      <Box css={{ position: 'relative' }}>\n        <Button\n          rightIcon={<ChevronDownIcon />}\n          variant=\"ghost\"\n          size=\"lg\"\n          onClick={toggleTimePicker}\n          css={{\n            padding: '$1 $2',\n            borderRadius: '$md',\n            svg: { path: { strokeWidth: '2' } },\n          }}\n        >\n          {`${scheduleTime.time.hours}:${scheduleTime.time.mins} ${scheduleTime.time.noon}`}\n        </Button>\n        {openTimePicker && (\n          <TimePicker\n            openTimePicker={openTimePicker}\n            setOpenTimePicker={setOpenTimePicker}\n            scheduleTime={scheduleTime}\n            setScheduleTime={setScheduleTime}\n          />\n        )}\n      </Box>\n\n      <DropdownMenu modal={false}>\n        <DropdownMenuTrigger asChild>\n          <Button\n            rightIcon={<ChevronDownIcon />}\n            variant=\"ghost\"\n            size=\"lg\"\n            aria-label={LABELS.SELECT_TIME_ZONE}\n            css={{\n              padding: '$1 $2',\n              borderRadius: '$md',\n              svg: { path: { strokeWidth: '2' } },\n            }}\n            onClick={closeTimePicker}\n          >\n            {scheduleTime.timeZone}\n          </Button>\n        </DropdownMenuTrigger>\n        <DropdownMenuContent\n          align=\"start\"\n          css={{ maxHeight: '180px', overflow: 'scroll' }}\n        >\n          {timeZones.map((tz) => (\n            <DropdownMenuItem\n              key={tz}\n              css={{\n                cursor: 'pointer',\n                background: scheduleTime.timeZone === tz ? '#4A9CA60F' : 'none',\n              }}\n              onClick={() => handleTimeZoneChange(tz)}\n            >\n              {tz}\n            </DropdownMenuItem>\n          ))}\n        </DropdownMenuContent>\n      </DropdownMenu>\n    </Flex>\n  );\n};\n\nexport default Scheduling;\n"],"names":["dayjs","utc","timezone","listTimeZones","useState","DEFAULT_SCHEDULE_TIME","useEffect","useCallback","Flex","DropdownMenu","DropdownMenuTrigger","Button","ChevronDownIcon","DropdownMenuContent","SCHEDULE_PERIODS","DropdownMenuItem","Text","Box","TimePicker"],"mappings":"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"}
+{"version":3,"file":"scheduling.js","sources":["../../../../src/contact-import/components/scheduling.tsx"],"sourcesContent":["import {\n  Box,\n  Flex,\n  Button,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n  Text,\n} from \"@sparrowengg/twigs-react\";\nimport { ChevronDownIcon } from \"@sparrowengg/twigs-react-icons\";\nimport React, { useEffect, useState } from \"react\";\nimport TimePicker from \"./TimePicker\";\nimport dayjs from \"dayjs\";\nimport utc from \"dayjs/plugin/utc\";\nimport timezone from \"dayjs/plugin/timezone\";\nimport { listTimeZones } from \"timezone-support\";\nimport { ScheduleTime, SchedulingProps } from \"../types\";\nimport { scheduleOptions } from \"../constants\";\n\nconst Scheduling: React.FC<SchedulingProps> = ({\n  globalStorage,\n  setGlobalStorage,\n}) => {\n  dayjs.extend(utc);\n  dayjs.extend(timezone);\n\n  const getAllTimezones = (): string[] =>\n    listTimeZones().map((tz) => {\n      const offset = dayjs().tz(tz).format(\"Z\");\n      return `${tz} (GMT${offset})`;\n    });\n\n  const timeZones = getAllTimezones();\n  const [openTimePicker, setOpenTimePicker] = useState<boolean>(false);\n  const [scheduleTime, setScheduleTime] = useState<ScheduleTime>({\n    period: \"Daily\",\n    time: { hours: 12, mins: \"00\", noon: \"am\" },\n    timeZone: \"Asia/Kolkata (GMT+05:30)\",\n  });\n\n  useEffect(() => {\n    setGlobalStorage((prevGlobalStorage) => ({\n      ...prevGlobalStorage,\n      scheduleData: scheduleTime,\n    }));\n  }, [scheduleTime]);\n\n  useEffect(() => {\n    if (globalStorage.scheduleData) {\n      setScheduleTime(globalStorage.scheduleData);\n    }\n  }, [globalStorage]);\n\n  return (\n    <Flex alignItems=\"center\" gap=\"$2\">\n      <DropdownMenu modal={false}>\n        <DropdownMenuTrigger asChild>\n          <Button\n            rightIcon={<ChevronDownIcon />}\n            variant=\"ghost\"\n            size=\"lg\"\n            aria-label=\"Select Schedule Period\"\n            css={{\n              padding: \"$1 $2\",\n              borderRadius: \"$md\",\n              svg: { path: { strokeWidth: \"2\" } },\n            }}\n            onClick={() => setOpenTimePicker(false)}\n          >\n            {scheduleTime.period}\n          </Button>\n        </DropdownMenuTrigger>\n        <DropdownMenuContent align=\"start\" css={{ minWidth: \"168px\" }}>\n          {scheduleOptions.map((option) => (\n            <DropdownMenuItem\n              key={option.id}\n              css={{\n                cursor: \"pointer\",\n                background:\n                  scheduleTime.period === option.label ? \"#4A9CA60F\" : \"none\",\n              }}\n              onClick={() =>\n                setScheduleTime((prev) => ({ ...prev, period: option.label }))\n              }\n            >\n              {option.label}\n            </DropdownMenuItem>\n          ))}\n        </DropdownMenuContent>\n      </DropdownMenu>\n      <Text css={{ color: \"$neutral600\" }} size=\"md\">\n        at\n      </Text>\n      <Box css={{ position: \"relative\" }}>\n        <Button\n          rightIcon={<ChevronDownIcon />}\n          variant=\"ghost\"\n          size=\"lg\"\n          onClick={() => setOpenTimePicker((prev) => !prev)}\n          css={{\n            padding: \"$1 $2\",\n            borderRadius: \"$md\",\n            svg: { path: { strokeWidth: \"2\" } },\n          }}\n        >\n          {`${scheduleTime.time.hours}:${scheduleTime.time.mins} ${scheduleTime.time.noon}`}\n        </Button>\n        {openTimePicker && (\n          <TimePicker\n            openTimePicker={openTimePicker}\n            setOpenTimePicker={setOpenTimePicker}\n            scheduleTime={scheduleTime}\n            setScheduleTime={setScheduleTime}\n          />\n        )}\n      </Box>\n\n      <DropdownMenu modal={false}>\n        <DropdownMenuTrigger asChild>\n          <Button\n            rightIcon={<ChevronDownIcon />}\n            variant=\"ghost\"\n            size=\"lg\"\n            aria-label=\"Select Time Zone\"\n            css={{\n              padding: \"$1 $2\",\n              borderRadius: \"$md\",\n              svg: { path: { strokeWidth: \"2\" } },\n            }}\n            onClick={() => setOpenTimePicker(false)}\n          >\n            {scheduleTime.timeZone}\n          </Button>\n        </DropdownMenuTrigger>\n        <DropdownMenuContent\n          align=\"start\"\n          css={{ maxHeight: \"180px\", overflow: \"scroll\" }}\n        >\n          {timeZones.map((tz) => (\n            <DropdownMenuItem\n              key={tz}\n              css={{\n                cursor: \"pointer\",\n                background: scheduleTime.timeZone === tz ? \"#4A9CA60F\" : \"none\",\n              }}\n              onClick={() =>\n                setScheduleTime((prev) => ({ ...prev, timeZone: tz }))\n              }\n            >\n              {tz}\n            </DropdownMenuItem>\n          ))}\n        </DropdownMenuContent>\n      </DropdownMenu>\n    </Flex>\n  );\n};\n\nexport default Scheduling;\n"],"names":["dayjs","utc","timezone","listTimeZones","useState","useEffect","Flex","DropdownMenu","DropdownMenuTrigger","Button","ChevronDownIcon","DropdownMenuContent","scheduleOptions","DropdownMenuItem","Text","Box","TimePicker"],"mappings":"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"}

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

@@ -3,12 +3,10 @@
 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 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 button = require('../../node_modules/@sparrowengg/twigs-react/dist/es/button/button.js');
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -29,120 +27,40 @@ 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"
-  });
-  React.useEffect(() => {
-    setTimeValue(scheduleTime.time);
-  }, [scheduleTime.time]);
-  useClickOutside.default(timePickerRef, () => setOpenTimePicker(false));
-  const handleApply = React.useCallback(() => {
+  const [timeValue, setTimeValue] = React.useState({ hours: 12, mins: "00", noon: "am" });
+  const handleApply = () => {
     setScheduleTime((prev) => __spreadProps(__spreadValues({}, prev), {
-      time: timeValue
+      time: __spreadValues(__spreadValues({}, prev.time), timeValue)
     }));
     setOpenTimePicker(false);
-  }, [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
-  )));
+  };
+  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]);
   return /* @__PURE__ */ React.createElement(
     box.Box,
     {
@@ -154,8 +72,7 @@ const TimePicker = ({
         background: "$white900",
         zIndex: "9",
         padding: "$4 0",
-        position: "absolute",
-        boxShadow: "0 2px 8px rgba(0, 0, 0, 0.1)"
+        position: "absolute"
       },
       ref: timePickerRef
     },
@@ -169,32 +86,88 @@ const TimePicker = ({
           borderBottom: "$borderWidths$xs solid $neutral100"
         }
       },
-      renderHoursList(),
-      renderMinutesList(),
-      renderNoonSelector()
+      /* @__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
+      )))
     ),
     /* @__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: handleCancel
-        },
-        index.LABELS.CANCEL
-      ),
-      /* @__PURE__ */ React.createElement(button.Button, { size: "md", variant: "ghost", onClick: handleApply }, index.LABELS.APPLY)
+      /* @__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")
     )
   );
 };

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 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,MAAM,aAAwC,CAAC;AAAA,EAC7C,iBAAA;AAAA,EACA,YAAA;AAAA,EACA,eAAA;AACF,CAAM,KAAA;AACJ,EAAM,MAAA,aAAA,GAAgBA,aAAuB,IAAI,CAAA,CAAA;AACjD,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAIC,cAAoB,CAAA;AAAA,IACpD,KAAO,EAAA,EAAA;AAAA,IACP,IAAM,EAAA,IAAA;AAAA,IACN,IAAM,EAAA,IAAA;AAAA,GACP,CAAA,CAAA;AAGD,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,YAAA,CAAa,aAAa,IAAI,CAAA,CAAA;AAAA,GAC7B,EAAA,CAAC,YAAa,CAAA,IAAI,CAAC,CAAA,CAAA;AAGtB,EAAAC,uBAAA,CAAgB,aAAe,EAAA,MAAM,iBAAkB,CAAA,KAAK,CAAC,CAAA,CAAA;AAE7D,EAAM,MAAA,WAAA,GAAcC,kBAAY,MAAM;AACpC,IAAgB,eAAA,CAAA,CAAC,IAAU,KAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EACtB,IADsB,CAAA,EAAA;AAAA,MAEzB,IAAM,EAAA,SAAA;AAAA,KACN,CAAA,CAAA,CAAA;AACF,IAAA,iBAAA,CAAkB,KAAK,CAAA,CAAA;AAAA,GACtB,EAAA,CAAC,SAAW,EAAA,eAAA,EAAiB,iBAAiB,CAAC,CAAA,CAAA;AAElD,EAAM,MAAA,YAAA,GAAeA,kBAAY,MAAM;AACrC,IAAA,iBAAA,CAAkB,KAAK,CAAA,CAAA;AAAA,GACzB,EAAG,CAAC,iBAAiB,CAAC,CAAA,CAAA;AAEtB,EAAM,MAAA,WAAA,GAAcA,iBAAY,CAAA,CAAC,KAAkB,KAAA;AACjD,IAAA,YAAA,CAAa,CAAC,IAAU,KAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EAAK,IAAL,CAAA,EAAA,EAAW,OAAQ,CAAA,CAAA,CAAA;AAAA,GAC7C,EAAG,EAAE,CAAA,CAAA;AAEL,EAAM,MAAA,aAAA,GAAgBA,iBAAY,CAAA,CAAC,IAAiB,KAAA;AAClD,IAAA,YAAA,CAAa,CAAC,IAAU,KAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EAAK,IAAL,CAAA,EAAA,EAAW,MAAO,CAAA,CAAA,CAAA;AAAA,GAC5C,EAAG,EAAE,CAAA,CAAA;AAEL,EAAM,MAAA,UAAA,GAAaA,iBAAY,CAAA,CAAC,IAAsB,KAAA;AACpD,IAAA,YAAA,CAAa,CAAC,IAAU,KAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EAAK,IAAL,CAAA,EAAA,EAAW,MAAO,CAAA,CAAA,CAAA;AAAA,GAC5C,EAAG,EAAE,CAAA,CAAA;AAEL,EAAA,MAAM,kBAAkB,sBACtB,KAAA,CAAA,aAAA;AAAA,IAACC,OAAA;AAAA,IAAA;AAAA,MACC,GAAK,EAAA;AAAA,QACH,QAAU,EAAA,QAAA;AAAA,QACV,OAAS,EAAA,OAAA;AAAA,QACT,WAAa,EAAA,oCAAA;AAAA,QACb,MAAQ,EAAA,SAAA;AAAA,QACR,sBAAA,EAAwB,EAAE,OAAA,EAAS,MAAO,EAAA;AAAA,OAC5C;AAAA,KAAA;AAAA,IAECC,gBAAA,CAAW,GAAI,CAAA,CAAC,IACf,qBAAA,KAAA,CAAA,aAAA;AAAA,MAACC,SAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,IAAA;AAAA,QACL,KAAK,IAAK,CAAA,EAAA;AAAA,QACV,GAAK,EAAA;AAAA,UACH,OAAS,EAAA,OAAA;AAAA,UACT,UAAY,EAAA,SAAA,CAAU,KAAU,KAAA,IAAA,CAAK,QAAQ,WAAc,GAAA,MAAA;AAAA,UAC3D,YAAc,EAAA,KAAA;AAAA,UACd,SAAW,EAAA,QAAA;AAAA,UACX,KAAO,EAAA,aAAA;AAAA,UACP,SAAW,EAAA;AAAA,YACT,UAAY,EAAA,WAAA;AAAA,WACd;AAAA,SACF;AAAA,QACA,OAAS,EAAA,MAAM,WAAY,CAAA,IAAA,CAAK,KAAK,CAAA;AAAA,OAAA;AAAA,MAEpC,IAAK,CAAA,KAAA;AAAA,KAET,CAAA;AAAA,GACH,CAAA;AAGF,EAAA,MAAM,oBAAoB,sBACxB,KAAA,CAAA,aAAA;AAAA,IAACF,OAAA;AAAA,IAAA;AAAA,MACC,GAAK,EAAA;AAAA,QACH,QAAU,EAAA,QAAA;AAAA,QACV,OAAS,EAAA,OAAA;AAAA,QACT,WAAa,EAAA,oCAAA;AAAA,QACb,MAAQ,EAAA,SAAA;AAAA,QACR,sBAAA,EAAwB,EAAE,OAAA,EAAS,MAAO,EAAA;AAAA,OAC5C;AAAA,KAAA;AAAA,IAECG,kBAAA,CAAa,GAAI,CAAA,CAAC,IACjB,qBAAA,KAAA,CAAA,aAAA;AAAA,MAACD,SAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,IAAA;AAAA,QACL,KAAK,IAAK,CAAA,EAAA;AAAA,QACV,GAAK,EAAA;AAAA,UACH,OAAS,EAAA,OAAA;AAAA,UACT,UAAY,EAAA,SAAA,CAAU,IAAS,KAAA,IAAA,CAAK,QAAQ,WAAc,GAAA,MAAA;AAAA,UAC1D,YAAc,EAAA,KAAA;AAAA,UACd,SAAW,EAAA,QAAA;AAAA,UACX,KAAO,EAAA,aAAA;AAAA,UACP,SAAW,EAAA;AAAA,YACT,UAAY,EAAA,WAAA;AAAA,WACd;AAAA,SACF;AAAA,QACA,OAAS,EAAA,MAAM,aAAc,CAAA,IAAA,CAAK,KAAK,CAAA;AAAA,OAAA;AAAA,MAEtC,IAAK,CAAA,KAAA;AAAA,KAET,CAAA;AAAA,GACH,CAAA;AAGF,EAAA,MAAM,kBAAqB,GAAA,sBACxB,KAAA,CAAA,aAAA,CAAAF,OAAA,EAAA,EAAI,KAAK,EAAE,OAAA,EAAS,OAAS,EAAA,MAAA,EAAQ,SAAU,EAAA,EAAA,EAC7CI,eAAU,CAAA,GAAA,CAAI,CAAC,IACd,qBAAA,KAAA,CAAA,aAAA;AAAA,IAACF,SAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,IAAA;AAAA,MACL,KAAK,IAAK,CAAA,EAAA;AAAA,MACV,GAAK,EAAA;AAAA,QACH,OAAS,EAAA,OAAA;AAAA,QACT,UAAY,EAAA,SAAA,CAAU,IAAS,KAAA,IAAA,CAAK,QAAQ,WAAc,GAAA,MAAA;AAAA,QAC1D,YAAc,EAAA,KAAA;AAAA,QACd,SAAW,EAAA,QAAA;AAAA,QACX,KAAO,EAAA,aAAA;AAAA,QACP,SAAW,EAAA;AAAA,UACT,UAAY,EAAA,WAAA;AAAA,SACd;AAAA,OACF;AAAA,MACA,OAAS,EAAA,MAAM,UAAW,CAAA,IAAA,CAAK,KAAK,CAAA;AAAA,KAAA;AAAA,IAEnC,IAAK,CAAA,KAAA;AAAA,GAET,CACH,CAAA,CAAA;AAGF,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAACF,OAAA;AAAA,IAAA;AAAA,MACC,GAAK,EAAA;AAAA,QACH,KAAO,EAAA,OAAA;AAAA,QACP,MAAQ,EAAA,OAAA;AAAA,QACR,MAAQ,EAAA,oCAAA;AAAA,QACR,YAAc,EAAA,MAAA;AAAA,QACd,UAAY,EAAA,WAAA;AAAA,QACZ,MAAQ,EAAA,GAAA;AAAA,QACR,OAAS,EAAA,MAAA;AAAA,QACT,QAAU,EAAA,UAAA;AAAA,QACV,SAAW,EAAA,8BAAA;AAAA,OACb;AAAA,MACA,GAAK,EAAA,aAAA;AAAA,KAAA;AAAA,oBAGL,KAAA,CAAA,aAAA;AAAA,MAACK,SAAA;AAAA,MAAA;AAAA,QACC,cAAe,EAAA,eAAA;AAAA,QACf,GAAK,EAAA;AAAA,UACH,KAAO,EAAA,MAAA;AAAA,UACP,MAAQ,EAAA,OAAA;AAAA,UACR,YAAc,EAAA,oCAAA;AAAA,SAChB;AAAA,OAAA;AAAA,MAEC,eAAgB,EAAA;AAAA,MAChB,iBAAkB,EAAA;AAAA,MAClB,kBAAmB,EAAA;AAAA,KACtB;AAAA,oBAGA,KAAA,CAAA,aAAA;AAAA,MAACA,SAAA;AAAA,MAAA;AAAA,QACC,UAAW,EAAA,QAAA;AAAA,QACX,cAAe,EAAA,eAAA;AAAA,QACf,GAAK,EAAA;AAAA,UACH,KAAO,EAAA,MAAA;AAAA,UACP,MAAQ,EAAA,oBAAA;AAAA,UACR,OAAS,EAAA,aAAA;AAAA,SACX;AAAA,OAAA;AAAA,sBAEA,KAAA,CAAA,aAAA;AAAA,QAACC,aAAA;AAAA,QAAA;AAAA,UACC,IAAK,EAAA,IAAA;AAAA,UACL,OAAQ,EAAA,OAAA;AAAA,UACR,KAAM,EAAA,WAAA;AAAA,UACN,OAAS,EAAA,YAAA;AAAA,SAAA;AAAA,QAERC,YAAO,CAAA,MAAA;AAAA,OACV;AAAA,sBACA,KAAA,CAAA,aAAA,CAACD,iBAAO,IAAK,EAAA,IAAA,EAAK,SAAQ,OAAQ,EAAA,OAAA,EAAS,WACxC,EAAA,EAAAC,YAAA,CAAO,KACV,CAAA;AAAA,KACF;AAAA,GACF,CAAA;AAEJ;;;;"}
+{"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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"}

package/dist/cjs/contact-import/components/conact-import-schedule.js

@@ -0,0 +1,64 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var scheduling = require('./scheduling.js');
+var constants = require('../constants.js');
+var flex = require('../../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js');
+var box = require('../../node_modules/@sparrowengg/twigs-react/dist/es/box/box.js');
+var text = require('../../node_modules/@sparrowengg/twigs-react/dist/es/text/text.js');
+var radio = require('../../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));
+function ImportSchedules({
+  currentList,
+  setCurrentList
+}) {
+  var _a;
+  const [globalStorage, setGlobalStorage] = React.useState((currentList == null ? void 0 : currentList.frequency) || {
+    frequentMode: constants.frequent.ONETIME.value
+  });
+  React.useEffect(() => {
+    setCurrentList(__spreadProps(__spreadValues({}, currentList), {
+      frequency: globalStorage
+    }));
+  }, [globalStorage]);
+  return /* @__PURE__ */ React.createElement(flex.Flex, { flexDirection: "column", gap: "$8" }, /* @__PURE__ */ React.createElement(box.Box, null, /* @__PURE__ */ React.createElement(text.Text, { css: { color: "$neutral900", fontSize: "$xl" }, weight: "bold" }, "Import Frequency"), /* @__PURE__ */ React.createElement(text.Text, { size: "md", css: { color: "$neutral600", marginTop: "$4" } }, "How frequently do you want to import contacts from Sugar CRM")), /* @__PURE__ */ React.createElement(
+    radio.RadioGroup,
+    {
+      defaultValue: (_a = currentList == null ? void 0 : currentList.frequency) == null ? void 0 : _a.frequentMode,
+      onChange: (value) => setGlobalStorage((prevGlobalStorage) => __spreadProps(__spreadValues({}, prevGlobalStorage), {
+        frequentMode: value
+      }))
+    },
+    /* @__PURE__ */ React.createElement(flex.Flex, { alignItems: "center", gap: "$8" }, /* @__PURE__ */ React.createElement(radio.Radio, { value: constants.frequent.ONETIME.value, css: { cursor: "pointer" } }, /* @__PURE__ */ React.createElement(text.Text, { size: "md", css: { color: "$neutral900" } }, constants.frequent.ONETIME.label)), /* @__PURE__ */ React.createElement(radio.Radio, { value: constants.frequent.RECURRING.value, css: { cursor: "pointer" } }, /* @__PURE__ */ React.createElement(text.Text, { size: "md", css: { color: "$neutral900" } }, constants.frequent.RECURRING.label)))
+  ), globalStorage.frequentMode === constants.frequent.RECURRING.value && /* @__PURE__ */ React.createElement(
+    scheduling.default,
+    {
+      globalStorage,
+      setGlobalStorage
+    }
+  ));
+}
+
+exports.default = ImportSchedules;
+//# sourceMappingURL=conact-import-schedule.js.map

package/dist/cjs/contact-import/components/conact-import-schedule.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"conact-import-schedule.js","sources":["../../../../src/contact-import/components/conact-import-schedule.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport { Flex, Box, RadioGroup, Radio, Text } from \"@sparrowengg/twigs-react\";\nimport Scheduling from \"./scheduling\";\nimport { frequent } from \"../constants\";\nimport { GlobalStorage } from \"../types\";\n\n\nexport default function ImportSchedules({\n  currentList, \n  setCurrentList\n}: any) {\n  const [globalStorage, setGlobalStorage] = useState<GlobalStorage>(currentList?.frequency || {\n    frequentMode: frequent.ONETIME.value\n  });\n  useEffect(()=>{\n    setCurrentList({\n      ...currentList,\n      frequency: globalStorage\n    })\n  },[globalStorage])\n  return (\n    <Flex flexDirection=\"column\" gap=\"$8\">\n      <Box>\n        <Text css={{ color: \"$neutral900\", fontSize: \"$xl\" }} weight=\"bold\">\n          Import Frequency\n        </Text>\n        <Text size=\"md\" css={{ color: \"$neutral600\", marginTop: \"$4\" }}>\n          How frequently do you want to import contacts from Sugar CRM\n        </Text>\n      </Box>\n      <RadioGroup\n        defaultValue={currentList?.frequency?.frequentMode}\n        onChange={(value) =>\n          setGlobalStorage((prevGlobalStorage) => ({\n            ...prevGlobalStorage,\n            frequentMode: value as GlobalStorage[\"frequentMode\"],\n          }))\n        }\n      >\n        <Flex alignItems=\"center\" gap=\"$8\">\n          <Radio value={frequent.ONETIME.value} css={{ cursor: \"pointer\" }}>\n            <Text size=\"md\" css={{ color: \"$neutral900\" }}>\n              {frequent.ONETIME.label}\n            </Text>\n          </Radio>\n          <Radio value={frequent.RECURRING.value} css={{ cursor: \"pointer\" }}>\n            <Text size=\"md\" css={{ color: \"$neutral900\" }}>\n              {frequent.RECURRING.label}\n            </Text>\n          </Radio>\n        </Flex>\n      </RadioGroup>\n      {globalStorage.frequentMode === frequent.RECURRING.value && (\n        <Scheduling\n          globalStorage={globalStorage}\n          setGlobalStorage={setGlobalStorage}\n        />\n      )}\n    </Flex>\n  );\n}\n"],"names":["useState","frequent","useEffect","Flex","Box","Text","RadioGroup","Radio","Scheduling"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,SAAwB,eAAgB,CAAA;AAAA,EACtC,WAAA;AAAA,EACA,cAAA;AACF,CAAQ,EAAA;AAVR,EAAA,IAAA,EAAA,CAAA;AAWE,EAAA,MAAM,CAAC,aAAe,EAAA,gBAAgB,CAAI,GAAAA,cAAA,CAAA,CAAwB,2CAAa,SAAa,KAAA;AAAA,IAC1F,YAAA,EAAcC,mBAAS,OAAQ,CAAA,KAAA;AAAA,GAChC,CAAA,CAAA;AACD,EAAAC,eAAA,CAAU,MAAI;AACZ,IAAA,cAAA,CAAe,iCACV,WADU,CAAA,EAAA;AAAA,MAEb,SAAW,EAAA,aAAA;AAAA,KACZ,CAAA,CAAA,CAAA;AAAA,GACH,EAAE,CAAC,aAAa,CAAC,CAAA,CAAA;AACjB,EAAA,uBACG,KAAA,CAAA,aAAA,CAAAC,SAAA,EAAA,EAAK,aAAc,EAAA,QAAA,EAAS,KAAI,IAC/B,EAAA,kBAAA,KAAA,CAAA,aAAA,CAACC,OACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAACC,aAAK,GAAK,EAAA,EAAE,KAAO,EAAA,aAAA,EAAe,UAAU,KAAM,EAAA,EAAG,MAAO,EAAA,MAAA,EAAA,EAAO,kBAEpE,CAAA,kBACC,KAAA,CAAA,aAAA,CAAAA,SAAA,EAAA,EAAK,MAAK,IAAK,EAAA,GAAA,EAAK,EAAE,KAAA,EAAO,eAAe,SAAW,EAAA,IAAA,EAAQ,EAAA,EAAA,8DAEhE,CACF,CACA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAACC,gBAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAA,CAAc,EAAa,GAAA,WAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAA,SAAA,KAAb,IAAwB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,YAAA;AAAA,MACtC,UAAU,CAAC,KAAA,KACT,iBAAiB,CAAC,iBAAA,KAAuB,iCACpC,iBADoC,CAAA,EAAA;AAAA,QAEvC,YAAc,EAAA,KAAA;AAAA,OACd,CAAA,CAAA;AAAA,KAAA;AAAA,oBAGJ,KAAA,CAAA,aAAA,CAACH,SAAK,EAAA,EAAA,UAAA,EAAW,QAAS,EAAA,GAAA,EAAI,wBAC3B,KAAA,CAAA,aAAA,CAAAI,WAAA,EAAA,EAAM,KAAO,EAAAN,kBAAA,CAAS,OAAQ,CAAA,KAAA,EAAO,KAAK,EAAE,MAAA,EAAQ,SAAU,EAAA,EAAA,kBAC5D,KAAA,CAAA,aAAA,CAAAI,SAAA,EAAA,EAAK,IAAK,EAAA,IAAA,EAAK,GAAK,EAAA,EAAE,KAAO,EAAA,aAAA,EAC3B,EAAA,EAAAJ,kBAAA,CAAS,QAAQ,KACpB,CACF,CACA,kBAAA,KAAA,CAAA,aAAA,CAACM,WAAM,EAAA,EAAA,KAAA,EAAON,kBAAS,CAAA,SAAA,CAAU,KAAO,EAAA,GAAA,EAAK,EAAE,MAAA,EAAQ,SAAU,EAAA,EAAA,sCAC9DI,SAAK,EAAA,EAAA,IAAA,EAAK,IAAK,EAAA,GAAA,EAAK,EAAE,KAAA,EAAO,aAAc,EAAA,EAAA,EACzCJ,kBAAS,CAAA,SAAA,CAAU,KACtB,CACF,CACF,CAAA;AAAA,GAED,EAAA,aAAA,CAAc,YAAiB,KAAAA,kBAAA,CAAS,UAAU,KACjD,oBAAA,KAAA,CAAA,aAAA;AAAA,IAACO,kBAAA;AAAA,IAAA;AAAA,MACC,aAAA;AAAA,MACA,gBAAA;AAAA,KAAA;AAAA,GAGN,CAAA,CAAA;AAEJ;;;;"}