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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Scheduled.js","sources":["../../../../../src/contact-import/components/ManageImport/Scheduled.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n  Box,\n  Grid,\n  Switch,\n  Text,\n  TooltipProvider,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n  IconButton,\n  Flex,\n} from '@sparrowengg/twigs-react';\nimport moment from 'moment';\nimport {\n  AlertFillIcon,\n  DeleteIcon,\n  PencilIcon,\n  EllipsisVerticalIcon,\n  TickCircleFillIcon,\n} from '@sparrowengg/twigs-react-icons';\nimport { ScheduledImportsProps } from '../../types';\nimport { SCHEDULED_TABLE_COLUMNS, DATE_FORMAT, LABELS } from '../../constants';\n\nconst Scheduled: React.FC<ScheduledImportsProps> = ({ scheduled }) => {\n  const [hoveredRowId, setHoveredRowId] = useState<string | null>(null);\n\n  return (\n    <TooltipProvider>\n      <Box css={{ width: '100%', height: '100%', overflow: 'scroll' }}>\n        <Grid\n          templateColumns={SCHEDULED_TABLE_COLUMNS.map((col) => col.width).join(' ')}\n          css={{\n            borderTop: '$borderWidths$xs solid $neutral200',\n            borderBottom: '$borderWidths$xs solid $neutral200',\n            padding: '$7 $12',\n            color: '$neutral900',\n            alignItems: 'center',\n            position: 'sticky',\n            top: '0',\n            background: 'white',\n            zIndex: '2',\n          }}\n        >\n          {SCHEDULED_TABLE_COLUMNS.map((column) => (\n            <Text key={column.key} weight=\"medium\">{column.label}</Text>\n          ))}\n        </Grid>\n        {scheduled.map((item) => (\n          <Grid\n            key={item.id}\n            onMouseEnter={() => setHoveredRowId(item.id)}\n            onMouseLeave={() => setHoveredRowId(null)}\n            templateColumns={SCHEDULED_TABLE_COLUMNS.map((col) => col.width).join(' ')}\n            css={{\n              borderBottom: '$borderWidths$xs solid $neutral100',\n              padding: '$9 $12',\n              fontWeight: '$4',\n              color: '$neutral700',\n              alignItems: 'center',\n            }}\n          >\n            <Text><Switch checked={item.scheduled} size=\"sm\" /></Text>\n            <Text weight=\"bold\" css={{ color: '$neutral900' }}>{item.name}</Text>\n            <Text css={{ color: '$neutral900' }}>{item.type}</Text>\n            <Text>{item.createdOn ? moment(item.createdOn).format(DATE_FORMAT.DISPLAY) : '-'}</Text>\n            <Text>{item.upcommingImport ? moment(item.upcommingImport).format(DATE_FORMAT.DISPLAY) : '-'}</Text>\n            <Text>\n              {item.status === 'success' ? (\n                <TickCircleFillIcon color=\"#5EA130\" size={24} />\n              ) : (\n                <AlertFillIcon color=\"#F65633\" size={24} />\n              )}\n            </Text>\n            <Flex justifyContent=\"center\">\n              {hoveredRowId === item.id && (\n                <DropdownMenu size=\"sm\">\n                  <DropdownMenuTrigger asChild>\n                    <IconButton size=\"md\" variant=\"ghost\" color=\"secondary\" icon={<EllipsisVerticalIcon />} />\n                  </DropdownMenuTrigger>\n                  <DropdownMenuContent onCloseAutoFocus={(e) => e.preventDefault()} side=\"bottom\" align=\"end\" css={{ minWidth: '128px', padding: '$4 0' }}>\n                    <DropdownMenuItem css={{ cursor: 'pointer' }}>\n                      <Flex alignItems=\"center\" gap=\"$2\">\n                        <PencilIcon color=\"#6A6A6A\" size={20} />\n                        <Text size=\"sm\">{LABELS.EDIT}</Text>\n                      </Flex>\n                    </DropdownMenuItem>\n                    <DropdownMenuItem css={{ cursor: 'pointer' }}>\n                      <Flex alignItems=\"center\" gap=\"$2\">\n                        <DeleteIcon color=\"#6A6A6A\" size={20} />\n                        <Text size=\"sm\">{LABELS.DELETE}</Text>\n                      </Flex>\n                    </DropdownMenuItem>\n                  </DropdownMenuContent>\n                </DropdownMenu>\n              )}\n            </Flex>\n          </Grid>\n        ))}\n      </Box>\n    </TooltipProvider>\n  );\n};\n\nexport default Scheduled;\n"],"names":["React"],"mappings":"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"}

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

@@ -0,0 +1,158 @@
+import React__default, { useState, useEffect, useCallback } from 'react';
+import dayjs from '../../node_modules/dayjs/dayjs.min.js';
+import utc from '../../node_modules/dayjs/plugin/utc.js';
+import timezone from '../../node_modules/dayjs/plugin/timezone.js';
+import { listTimeZones } from '../../node_modules/timezone-support/dist/index.js';
+import TimePicker from './TimePicker.js';
+import { DEFAULT_SCHEDULE_TIME, SCHEDULE_PERIODS } from '../constants/index.js';
+import { Flex } from '../../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js';
+import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem } from '../../node_modules/@sparrowengg/twigs-react/dist/es/dropdown/dropdown.js';
+import { Button } from '../../node_modules/@sparrowengg/twigs-react/dist/es/button/button.js';
+import { ChevronDownIcon } from '../../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/chevron-down.js';
+import { Text } from '../../node_modules/@sparrowengg/twigs-react/dist/es/text/text.js';
+import { Box } from '../../node_modules/@sparrowengg/twigs-react/dist/es/box/box.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));
+dayjs.extend(utc);
+dayjs.extend(timezone);
+const getAllTimezones = () => {
+  return listTimeZones().map((tz) => {
+    const offset = dayjs().tz(tz).format("Z");
+    return `${tz} (GMT${offset})`;
+  });
+};
+const Scheduling = ({
+  globalStorage,
+  setGlobalStorage
+}) => {
+  const timeZones = getAllTimezones();
+  const [openTimePicker, setOpenTimePicker] = useState(false);
+  const [scheduleTime, setScheduleTime] = useState(
+    globalStorage.scheduleData || DEFAULT_SCHEDULE_TIME
+  );
+  useEffect(() => {
+    setGlobalStorage((prev) => __spreadProps(__spreadValues({}, prev), {
+      scheduleData: scheduleTime
+    }));
+  }, [scheduleTime, setGlobalStorage]);
+  useEffect(() => {
+    if (globalStorage.scheduleData) {
+      setScheduleTime(globalStorage.scheduleData);
+    }
+  }, [globalStorage.scheduleData]);
+  const handlePeriodChange = useCallback((period) => {
+    setScheduleTime((prev) => __spreadProps(__spreadValues({}, prev), { period }));
+  }, []);
+  const handleTimeZoneChange = useCallback((timeZone) => {
+    setScheduleTime((prev) => __spreadProps(__spreadValues({}, prev), { timeZone }));
+  }, []);
+  const closeTimePicker = useCallback(() => {
+    setOpenTimePicker(false);
+  }, []);
+  const toggleTimePicker = useCallback(() => {
+    setOpenTimePicker((prev) => !prev);
+  }, []);
+  return /* @__PURE__ */ React__default.createElement(Flex, { alignItems: "center", gap: "$2" }, /* @__PURE__ */ React__default.createElement(DropdownMenu, { modal: false }, /* @__PURE__ */ React__default.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React__default.createElement(
+    Button,
+    {
+      rightIcon: /* @__PURE__ */ React__default.createElement(ChevronDownIcon, null),
+      variant: "ghost",
+      size: "lg",
+      "aria-label": LABELS.SELECT_SCHEDULE_PERIOD,
+      css: {
+        padding: "$1 $2",
+        borderRadius: "$md",
+        svg: { path: { strokeWidth: "2" } }
+      },
+      onClick: closeTimePicker
+    },
+    scheduleTime.period
+  )), /* @__PURE__ */ React__default.createElement(DropdownMenuContent, { align: "start", css: { minWidth: "168px" } }, SCHEDULE_PERIODS.map((option) => /* @__PURE__ */ React__default.createElement(
+    DropdownMenuItem,
+    {
+      key: option.id,
+      css: {
+        cursor: "pointer",
+        background: scheduleTime.period === option.label ? "#4A9CA60F" : "none"
+      },
+      onClick: () => handlePeriodChange(option.label)
+    },
+    option.label
+  )))), /* @__PURE__ */ React__default.createElement(Text, { css: { color: "$neutral600" }, size: "md" }, LABELS.AT), /* @__PURE__ */ React__default.createElement(Box, { css: { position: "relative" } }, /* @__PURE__ */ React__default.createElement(
+    Button,
+    {
+      rightIcon: /* @__PURE__ */ React__default.createElement(ChevronDownIcon, null),
+      variant: "ghost",
+      size: "lg",
+      onClick: toggleTimePicker,
+      css: {
+        padding: "$1 $2",
+        borderRadius: "$md",
+        svg: { path: { strokeWidth: "2" } }
+      }
+    },
+    `${scheduleTime.time.hours}:${scheduleTime.time.mins} ${scheduleTime.time.noon}`
+  ), openTimePicker && /* @__PURE__ */ React__default.createElement(
+    TimePicker,
+    {
+      openTimePicker,
+      setOpenTimePicker,
+      scheduleTime,
+      setScheduleTime
+    }
+  )), /* @__PURE__ */ React__default.createElement(DropdownMenu, { modal: false }, /* @__PURE__ */ React__default.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React__default.createElement(
+    Button,
+    {
+      rightIcon: /* @__PURE__ */ React__default.createElement(ChevronDownIcon, null),
+      variant: "ghost",
+      size: "lg",
+      "aria-label": LABELS.SELECT_TIME_ZONE,
+      css: {
+        padding: "$1 $2",
+        borderRadius: "$md",
+        svg: { path: { strokeWidth: "2" } }
+      },
+      onClick: closeTimePicker
+    },
+    scheduleTime.timeZone
+  )), /* @__PURE__ */ React__default.createElement(
+    DropdownMenuContent,
+    {
+      align: "start",
+      css: { maxHeight: "180px", overflow: "scroll" }
+    },
+    timeZones.map((tz) => /* @__PURE__ */ React__default.createElement(
+      DropdownMenuItem,
+      {
+        key: tz,
+        css: {
+          cursor: "pointer",
+          background: scheduleTime.timeZone === tz ? "#4A9CA60F" : "none"
+        },
+        onClick: () => handleTimeZoneChange(tz)
+      },
+      tz
+    ))
+  )));
+};
+
+export { Scheduling as default };
+//# sourceMappingURL=Scheduling.js.map

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

@@ -0,0 +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":["React"],"mappings":"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"}

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

@@ -1,8 +1,10 @@
-import React__default, { useRef, useState, useEffect } from 'react';
+import React__default, { useRef, useState, useEffect, useCallback } from 'react';
+import { LABELS, TIME_HOURS, TIME_MINUTES, TIME_NOON } from '../constants/index.js';
+import useClickOutside from '../hooks/use-click-outside.js';
 import { Box } from '../../node_modules/@sparrowengg/twigs-react/dist/es/box/box.js';
 import { Flex } from '../../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js';
-import { Text } from '../../node_modules/@sparrowengg/twigs-react/dist/es/text/text.js';
 import { Button } from '../../node_modules/@sparrowengg/twigs-react/dist/es/button/button.js';
+import { Text } from '../../node_modules/@sparrowengg/twigs-react/dist/es/text/text.js';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -23,40 +25,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 = useRef(null);
-  const [timeValue, setTimeValue] = useState({ hours: 12, mins: "00", noon: "am" });
-  const handleApply = () => {
+  const [timeValue, setTimeValue] = useState({
+    hours: 12,
+    mins: "00",
+    noon: "am"
+  });
+  useEffect(() => {
+    setTimeValue(scheduleTime.time);
+  }, [scheduleTime.time]);
+  useClickOutside(timePickerRef, () => setOpenTimePicker(false));
+  const handleApply = 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);
-    }
-  };
-  useEffect(() => {
-    setTimeValue(scheduleTime.time);
-    document.addEventListener("mousedown", handleClickOutside);
-    return () => {
-      document.removeEventListener("mousedown", handleClickOutside);
-    };
-  }, [scheduleTime]);
+  }, [timeValue, setScheduleTime, setOpenTimePicker]);
+  const handleCancel = useCallback(() => {
+    setOpenTimePicker(false);
+  }, [setOpenTimePicker]);
+  const updateHours = useCallback((hours) => {
+    setTimeValue((prev) => __spreadProps(__spreadValues({}, prev), { hours }));
+  }, []);
+  const updateMinutes = useCallback((mins) => {
+    setTimeValue((prev) => __spreadProps(__spreadValues({}, prev), { mins }));
+  }, []);
+  const updateNoon = useCallback((noon) => {
+    setTimeValue((prev) => __spreadProps(__spreadValues({}, prev), { noon }));
+  }, []);
+  const renderHoursList = () => /* @__PURE__ */ React__default.createElement(
+    Box,
+    {
+      css: {
+        overflow: "scroll",
+        padding: "$2 $3",
+        borderRight: "$borderWidths$xs solid $neutral100",
+        cursor: "pointer",
+        "&::-webkit-scrollbar": { display: "none" }
+      }
+    },
+    TIME_HOURS.map((item) => /* @__PURE__ */ React__default.createElement(
+      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__default.createElement(
+    Box,
+    {
+      css: {
+        overflow: "scroll",
+        padding: "$2 $3",
+        borderRight: "$borderWidths$xs solid $neutral100",
+        cursor: "pointer",
+        "&::-webkit-scrollbar": { display: "none" }
+      }
+    },
+    TIME_MINUTES.map((item) => /* @__PURE__ */ React__default.createElement(
+      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__default.createElement(Box, { css: { padding: "$2 $3", cursor: "pointer" } }, TIME_NOON.map((item) => /* @__PURE__ */ React__default.createElement(
+    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__default.createElement(
     Box,
     {
@@ -68,7 +150,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
     },
@@ -82,88 +165,32 @@ const TimePicker = ({
           borderBottom: "$borderWidths$xs solid $neutral100"
         }
       },
-      /* @__PURE__ */ React__default.createElement(
-        Box,
-        {
-          css: {
-            overflow: "scroll",
-            padding: "$2 $3",
-            borderRight: "$borderWidths$xs solid $neutral100",
-            cursor: "pointer",
-            "&::-webkit-scrollbar": { display: "none" }
-          }
-        },
-        hours.map((item) => /* @__PURE__ */ React__default.createElement(
-          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__default.createElement(
-        Box,
-        {
-          css: {
-            overflow: "scroll",
-            padding: "$2 $3",
-            borderRight: "$borderWidths$xs solid $neutral100",
-            cursor: "pointer",
-            "&::-webkit-scrollbar": { display: "none" }
-          }
-        },
-        minutes.map((item) => /* @__PURE__ */ React__default.createElement(
-          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__default.createElement(Box, { css: { padding: "$2 $3", cursor: "pointer" } }, noon.map((item) => /* @__PURE__ */ React__default.createElement(
-        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__default.createElement(
       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__default.createElement(Button, { size: "md", variant: "ghost", color: "secondary", onClick: () => setOpenTimePicker(false) }, "Cancel"),
-      /* @__PURE__ */ React__default.createElement(Button, { size: "md", variant: "ghost", onClick: handleApply }, "Apply")
+      /* @__PURE__ */ React__default.createElement(
+        Button,
+        {
+          size: "md",
+          variant: "ghost",
+          color: "secondary",
+          onClick: handleCancel
+        },
+        LABELS.CANCEL
+      ),
+      /* @__PURE__ */ React__default.createElement(Button, { size: "md", variant: "ghost", onClick: handleApply }, LABELS.APPLY)
     )
   );
 };

package/dist/es/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":["React"],"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":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,MAAM,aAAwC,CAAC;AAAA,EAC7C,iBAAA;AAAA,EACA,YAAA;AAAA,EACA,eAAA;AACF,CAAM,KAAA;AACJ,EAAM,MAAA,aAAA,GAAgB,OAAuB,IAAI,CAAA,CAAA;AACjD,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,QAAoB,CAAA;AAAA,IACpD,KAAO,EAAA,EAAA;AAAA,IACP,IAAM,EAAA,IAAA;AAAA,IACN,IAAM,EAAA,IAAA;AAAA,GACP,CAAA,CAAA;AAGD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,YAAA,CAAa,aAAa,IAAI,CAAA,CAAA;AAAA,GAC7B,EAAA,CAAC,YAAa,CAAA,IAAI,CAAC,CAAA,CAAA;AAGtB,EAAA,eAAA,CAAgB,aAAe,EAAA,MAAM,iBAAkB,CAAA,KAAK,CAAC,CAAA,CAAA;AAE7D,EAAM,MAAA,WAAA,GAAc,YAAY,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,GAAe,YAAY,MAAM;AACrC,IAAA,iBAAA,CAAkB,KAAK,CAAA,CAAA;AAAA,GACzB,EAAG,CAAC,iBAAiB,CAAC,CAAA,CAAA;AAEtB,EAAM,MAAA,WAAA,GAAc,WAAY,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,GAAgB,WAAY,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,GAAa,WAAY,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,sBACtBA,cAAA,CAAA,aAAA;AAAA,IAAC,GAAA;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,IAEC,UAAA,CAAW,GAAI,CAAA,CAAC,IACf,qBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,IAAA;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,sBACxBA,cAAA,CAAA,aAAA;AAAA,IAAC,GAAA;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,IAEC,YAAA,CAAa,GAAI,CAAA,CAAC,IACjB,qBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,IAAA;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,sBACxBA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,KAAK,EAAE,OAAA,EAAS,OAAS,EAAA,MAAA,EAAQ,SAAU,EAAA,EAAA,EAC7C,SAAU,CAAA,GAAA,CAAI,CAAC,IACd,qBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;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,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,GAAA;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,oBAGLA,cAAA,CAAA,aAAA;AAAA,MAAC,IAAA;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,oBAGAA,cAAA,CAAA,aAAA;AAAA,MAAC,IAAA;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,sBAEAA,cAAA,CAAA,aAAA;AAAA,QAAC,MAAA;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,QAER,MAAO,CAAA,MAAA;AAAA,OACV;AAAA,sBACAA,cAAA,CAAA,aAAA,CAAC,UAAO,IAAK,EAAA,IAAA,EAAK,SAAQ,OAAQ,EAAA,OAAA,EAAS,WACxC,EAAA,EAAA,MAAA,CAAO,KACV,CAAA;AAAA,KACF;AAAA,GACF,CAAA;AAEJ;;;;"}