@sparrowengg/integrations-templates-frontend 6.0.4 → 6.0.7

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 {\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 { ScheduleTime, SchedulingProps } from \"../types\";\nimport { MOCK_TIMEZONES, scheduleOptions } from \"../constants\";\n\n/* ----- Constants ----- */\n\n/**\n * Mock timezone data with common timezones and their GMT offsets\n * Replaces timezone-support library to reduce bundle size\n */\n\n/* ----- Main Component ----- */\n\nconst Scheduling: React.FC<SchedulingProps> = ({\n  globalStorage,\n  setGlobalStorage,\n}) => {\n  dayjs.extend(utc);\n  dayjs.extend(timezone);\n\n  /**\n   * Get all timezones with their GMT offsets\n   * Uses mock timezone list instead of timezone-support library\n   * \n   * @returns {string[]} Array of timezone strings with GMT offsets\n   */\n  const getAllTimezones = (): string[] =>\n    MOCK_TIMEZONES.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":["React"],"mappings":"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"}

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

@@ -4,7 +4,7 @@ import { ContactImportHeader } from './components/ContactImportHeader.js';
 import '../commons/constants/index.js';
 import ContactImportConfigure from './components/contact-import-configure.js';
 import ContactImportMapping from './components/contact-import-mapping.js';
-import Dashboard from './components/ManageImport/Dashboard.js';
+import Dashboard from './components/ManageImport/dashboard.js';
 import { Box } from '../node_modules/@sparrowengg/twigs-react/dist/es/box/box.js';
 
 var __defProp = Object.defineProperty;

package/dist/es/dynamic-mapping/components/custom-dropdown.js

@@ -1,5 +1,5 @@
 import React__default, { useMemo } from 'react';
-import { parseDate as $fae977aafc393c5c$export$6b862160d295c8e } from '../../node_modules/@internationalized/date/dist/string.js';
+import { parseDate as $58246871e4652552$export$6b862160d295c8e } from '../../node_modules/@internationalized/date/dist/private/string.js';
 import { dynamicDateOptions } from '../../commons/constants/index.js';
 import { useCustomDropdown } from '../hooks/use-custom-dropdown.js';
 import { DYNAMIC_MAPPING_UI_STRINGS } from '../constants/ui-strings.js';
@@ -158,9 +158,9 @@ const CustomDropdown = ({
             value: date,
             onChange: setDate
           }, (option == null ? void 0 : option.minValue) && {
-            minValue: $fae977aafc393c5c$export$6b862160d295c8e(option == null ? void 0 : option.minValue)
+            minValue: $58246871e4652552$export$6b862160d295c8e(option == null ? void 0 : option.minValue)
           }), (option == null ? void 0 : option.maxValue) && {
-            maxValue: $fae977aafc393c5c$export$6b862160d295c8e(option == null ? void 0 : option.maxValue)
+            maxValue: $58246871e4652552$export$6b862160d295c8e(option == null ? void 0 : option.maxValue)
           }), {
             footerAction: handleDateApply
           })

package/dist/es/dynamic-mapping/components/tabs-content-component.js

@@ -105,7 +105,7 @@ const TabsContentComponent = ({
           {
             size: "sm",
             checked: field.isEnabled,
-            disabled: field.disabled,
+            disabled: field.disabled || field.id === "SUBMISSION_ID" && field.isEnabled,
             onChange: (value2) => handleFieldValues(field, value2)
           },
           isApiData && field.isChild ? `-- ${field.name}` : field.name

package/dist/es/dynamic-mapping/components/tabs-content-component.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs-content-component.js","sources":["../../../../src/dynamic-mapping/components/tabs-content-component.tsx"],"sourcesContent":["/* ----- Imports ----- */\n\nimport React, { useMemo } from 'react';\nimport { Box, Flex, Input, Text, Checkbox, Tooltip, TabsContent } from '@sparrowengg/twigs-react';\nimport { SearchIcon } from '@sparrowengg/twigs-react-icons';\nimport { filterFieldsBySearch } from '../helpers';\n\n/* ----- Types / Interfaces ----- */\n\ninterface TabsContentComponentProps {\n  value: string;\n  searchInput: string;\n  setSearchInput: React.Dispatch<React.SetStateAction<string>>;\n  fields: any[];\n  handleFieldValues: (field: any, value: boolean) => void;\n  placeholder: string;\n  /** Whether the data is from API (enables hierarchical display for questions) */\n  isApiData?: boolean;\n}\n\n/* ----- Main Component ----- */\n\n/**\n * Tabs content component for mapping fields\n * \n * @param {TabsContentComponentProps} props - Component props\n * @returns {JSX.Element} Tabs content component\n * \n * @example\n * <TabsContentComponent\n *   value=\"QUESTIONS\"\n *   searchInput={search}\n *   fields={questions}\n *   handleFieldValues={handleChange}\n *   placeholder=\"Questions\"\n * />\n */\nexport const TabsContentComponent = ({\n  value,\n  searchInput,\n  setSearchInput,\n  fields,\n  handleFieldValues,\n  placeholder,\n  isApiData = false,\n}: TabsContentComponentProps): JSX.Element => {\n  const filteredFields = useMemo(\n    () => filterFieldsBySearch(fields || [], searchInput),\n    [fields, searchInput]\n  );\n  console.log('filteredFields', filteredFields);\n\n\n  const hasResults = useMemo(() => filteredFields?.length > 0, [filteredFields]);\n\n  return (\n    <TabsContent value={value} css={{ padding: 0, position: 'relative' }} key={value}>\n      <Input\n        leftIcon={<SearchIcon color=\"#848484\" />}\n        variant=\"filled\"\n        placeholder={`Search ${placeholder}`}\n        size=\"lg\"\n        css={{ marginTop: '$8' }}\n        value={searchInput}\n        onChange={(event) => setSearchInput(event.currentTarget.value)}\n      />\n      \n      <Flex\n        css={{\n          padding: '$8 $4 $32 $4',\n          marginTop: '$8',\n          height: 'calc(100vh - 408px)',\n          overflow: 'auto',\n          scrollbarWidth: 'thin',\n          '&::-webkit-scrollbar': {\n            width: '4px',\n          },\n          '& label': {\n            lineHeight: '$sm',\n          },\n        }}\n        flexDirection=\"column\"\n        gap=\"$8\"\n      >\n        {hasResults ? (\n          <>\n            {filteredFields.map((field: any) => (\n              <Box\n                key={field.id}\n                css={{\n                  // Add left padding for child questions when isApiData is true\n                  ...(isApiData && field.isChild && { paddingLeft: '24px' }),\n                  label: {\n                    color: '$neutral900',\n                    fontSize: '$sm',\n                    maxWidth: '520px',\n                    display: 'block',\n                    overflow: 'hidden',\n                    textOverflow: 'ellipsis',\n                    whiteSpace: 'nowrap',\n                    cursor: 'pointer',\n                  },\n                }}\n              >\n                <Tooltip\n                  content={field.tooltip || ''}\n                  css={{\n                    fontFamily: 'DM Sans !important',\n                    zIndex: '9999999 !important',\n                  }}\n                >\n                  <Flex css={{ width: 'fit-content !important' }}>\n                    <Checkbox\n                      size=\"sm\"\n                      checked={field.isEnabled}\n                      disabled={field.disabled}\n                      onChange={(value) => handleFieldValues(field, value as boolean)}\n                    >\n                     {isApiData && field.isChild ? `-- ${field.name}` : field.name}\n                    </Checkbox>\n                  </Flex>\n                </Tooltip>\n              </Box>\n            ))}\n          </>\n        ) : (\n          <Flex alignItems=\"center\" justifyContent=\"center\" css={{ marginTop: '$40' }}>\n            <Text size=\"sm\">No Results Found</Text>\n          </Flex>\n        )}\n      </Flex>\n      \n      <Box\n        css={{\n          position: 'absolute',\n          pointerEvents: 'none',\n          top: '88%',\n          height: '$25',\n          width: '100%',\n          background:\n            'linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0))',\n        }}\n      />\n    </TabsContent>\n  );\n};\n"],"names":["React","value"],"mappings":"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"}
+{"version":3,"file":"tabs-content-component.js","sources":["../../../../src/dynamic-mapping/components/tabs-content-component.tsx"],"sourcesContent":["/* ----- Imports ----- */\n\nimport React, { useMemo } from 'react';\nimport { Box, Flex, Input, Text, Checkbox, Tooltip, TabsContent } from '@sparrowengg/twigs-react';\nimport { SearchIcon } from '@sparrowengg/twigs-react-icons';\nimport { filterFieldsBySearch } from '../helpers';\n\n/* ----- Types / Interfaces ----- */\n\ninterface TabsContentComponentProps {\n  value: string;\n  searchInput: string;\n  setSearchInput: React.Dispatch<React.SetStateAction<string>>;\n  fields: any[];\n  handleFieldValues: (field: any, value: boolean) => void;\n  placeholder: string;\n  /** Whether the data is from API (enables hierarchical display for questions) */\n  isApiData?: boolean;\n}\n\n/* ----- Main Component ----- */\n\n/**\n * Tabs content component for mapping fields\n * \n * @param {TabsContentComponentProps} props - Component props\n * @returns {JSX.Element} Tabs content component\n * \n * @example\n * <TabsContentComponent\n *   value=\"QUESTIONS\"\n *   searchInput={search}\n *   fields={questions}\n *   handleFieldValues={handleChange}\n *   placeholder=\"Questions\"\n * />\n */\nexport const TabsContentComponent = ({\n  value,\n  searchInput,\n  setSearchInput,\n  fields,\n  handleFieldValues,\n  placeholder,\n  isApiData = false,\n}: TabsContentComponentProps): JSX.Element => {\n  const filteredFields = useMemo(\n    () => filterFieldsBySearch(fields || [], searchInput),\n    [fields, searchInput]\n  );\n  console.log('filteredFields', filteredFields);\n\n\n  const hasResults = useMemo(() => filteredFields?.length > 0, [filteredFields]);\n\n  return (\n    <TabsContent value={value} css={{ padding: 0, position: 'relative' }} key={value}>\n      <Input\n        leftIcon={<SearchIcon color=\"#848484\" />}\n        variant=\"filled\"\n        placeholder={`Search ${placeholder}`}\n        size=\"lg\"\n        css={{ marginTop: '$8' }}\n        value={searchInput}\n        onChange={(event) => setSearchInput(event.currentTarget.value)}\n      />\n      \n      <Flex\n        css={{\n          padding: '$8 $4 $32 $4',\n          marginTop: '$8',\n          height: 'calc(100vh - 408px)',\n          overflow: 'auto',\n          scrollbarWidth: 'thin',\n          '&::-webkit-scrollbar': {\n            width: '4px',\n          },\n          '& label': {\n            lineHeight: '$sm',\n          },\n        }}\n        flexDirection=\"column\"\n        gap=\"$8\"\n      >\n        {hasResults ? (\n          <>\n            {filteredFields.map((field: any) => (\n              <Box\n                key={field.id}\n                css={{\n                  // Add left padding for child questions when isApiData is true\n                  ...(isApiData && field.isChild && { paddingLeft: '24px' }),\n                  label: {\n                    color: '$neutral900',\n                    fontSize: '$sm',\n                    maxWidth: '520px',\n                    display: 'block',\n                    overflow: 'hidden',\n                    textOverflow: 'ellipsis',\n                    whiteSpace: 'nowrap',\n                    cursor: 'pointer',\n                  },\n                }}\n              >\n                <Tooltip\n                  content={field.tooltip || ''}\n                  css={{\n                    fontFamily: 'DM Sans !important',\n                    zIndex: '9999999 !important',\n                  }}\n                >\n                  <Flex css={{ width: 'fit-content !important' }}>\n                    <Checkbox\n                      size=\"sm\"\n                      checked={field.isEnabled}\n                      disabled={field.disabled || (field.id === 'SUBMISSION_ID' && field.isEnabled)}\n                      onChange={(value) => handleFieldValues(field, value as boolean)}\n                    >\n                     {isApiData && field.isChild ? `-- ${field.name}` : field.name}\n                    </Checkbox>\n                  </Flex>\n                </Tooltip>\n              </Box>\n            ))}\n          </>\n        ) : (\n          <Flex alignItems=\"center\" justifyContent=\"center\" css={{ marginTop: '$40' }}>\n            <Text size=\"sm\">No Results Found</Text>\n          </Flex>\n        )}\n      </Flex>\n      \n      <Box\n        css={{\n          position: 'absolute',\n          pointerEvents: 'none',\n          top: '88%',\n          height: '$25',\n          width: '100%',\n          background:\n            'linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0))',\n        }}\n      />\n    </TabsContent>\n  );\n};\n"],"names":["React","value"],"mappings":"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"}

package/dist/es/dynamic-mapping/hooks/use-custom-dropdown.js

@@ -1,5 +1,5 @@
 import { useState, useEffect, useCallback } from 'react';
-import { parseDate as $fae977aafc393c5c$export$6b862160d295c8e } from '../../node_modules/@internationalized/date/dist/string.js';
+import { parseDate as $58246871e4652552$export$6b862160d295c8e } from '../../node_modules/@internationalized/date/dist/private/string.js';
 import dayjs from '../../node_modules/dayjs/dayjs.min.js';
 
 const useCustomDropdown = ({
@@ -11,9 +11,9 @@ const useCustomDropdown = ({
   var _a, _b;
   const [date, setDate] = useState(() => {
     try {
-      return value ? $fae977aafc393c5c$export$6b862160d295c8e(dayjs(value).format("YYYY-MM-DD")) : $fae977aafc393c5c$export$6b862160d295c8e(dayjs().format("YYYY-MM-DD"));
+      return value ? $58246871e4652552$export$6b862160d295c8e(dayjs(value).format("YYYY-MM-DD")) : $58246871e4652552$export$6b862160d295c8e(dayjs().format("YYYY-MM-DD"));
     } catch (e) {
-      return $fae977aafc393c5c$export$6b862160d295c8e(dayjs().format("YYYY-MM-DD"));
+      return $58246871e4652552$export$6b862160d295c8e(dayjs().format("YYYY-MM-DD"));
     }
   });
   const [days, setDays] = useState((_b = (_a = value == null ? void 0 : value.value) == null ? void 0 : _a.value) != null ? _b : 0);

package/dist/es/integration-template/index.js

@@ -4,13 +4,13 @@ import Dashboard from './components/dashboard.js';
 import { ConfigureTemplate } from './components/ConfigureTemplate.js';
 import { CONFIGURATION_TYPES, QUERY_PARAMS } from './constants/index.js';
 import { hasQueryParam, removeQueryParam } from './utils/url.utils.js';
-import { needsConfigurationTypeSelection, getInitialConfigurationType, hasMappingComponent } from './utils/component.utils.js';
+import { getInitialConfigurationType, needsConfigurationTypeSelection, hasMappingComponent } from './utils/component.utils.js';
 import { ThemeProvider } from '../node_modules/@sparrowengg/twigs-react/dist/es/theme-provider/theme-provider.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 { INTEGRATION_TEMPLATE_UI_STRINGS } from './constants/ui-strings.js';
 import { TooltipProvider } from '../node_modules/@sparrowengg/twigs-react/dist/es/tooltip/tooltip.js';
 import { Box } from '../node_modules/@sparrowengg/twigs-react/dist/es/box/box.js';
-import { INTEGRATION_TEMPLATE_UI_STRINGS } from './constants/ui-strings.js';
 
 const IntegrationTemplate = ({
   singleMapping,

package/dist/es/mapping/components/custom-date-menu.js

@@ -1,41 +1,145 @@
 import React__default, { useState, useEffect, useMemo } from 'react';
-import { parseDate as $fae977aafc393c5c$export$6b862160d295c8e } from '../../node_modules/@internationalized/date/dist/string.js';
+import { CalendarDateTime as $2aaf608024c21ca1$export$ca871e8dbb80966f } from '../../node_modules/@internationalized/date/dist/private/CalendarDate.js';
+import { toCalendarDateTime as $d07e34cce18680fd$export$b21e0b124e224484 } from '../../node_modules/@internationalized/date/dist/private/conversion.js';
+import { parseDate as $58246871e4652552$export$6b862160d295c8e } from '../../node_modules/@internationalized/date/dist/private/string.js';
 import dayjs from '../../node_modules/dayjs/dayjs.min.js';
 import { Popover, PopoverTrigger, PopoverContent } from '../../node_modules/@sparrowengg/twigs-react/dist/es/popover/popover.js';
 import { Input } from '../../node_modules/@sparrowengg/twigs-react/dist/es/input/input.js';
 import { CalendarIcon } from '../../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/calendar.js';
 import { Calendar } from '../../node_modules/@sparrowengg/twigs-react/dist/es/calendar/calendar.js';
 
-function parseStringToDateValue(v) {
+const DISPLAY_DATETIME_SEP = " \u2022 ";
+function parseDisplayDatetimeString(trimmed) {
+  if (!trimmed.includes(DISPLAY_DATETIME_SEP)) {
+    return null;
+  }
+  const [datePart, timePart] = trimmed.split(DISPLAY_DATETIME_SEP).map((s) => s.trim());
+  const dateSegs = datePart.split("/");
+  if (dateSegs.length !== 3) {
+    return null;
+  }
+  const timeSegs = timePart.split(":");
+  if (timeSegs.length < 2) {
+    return null;
+  }
+  const month = Number(dateSegs[0]);
+  const day = Number(dateSegs[1]);
+  const year = Number(dateSegs[2]);
+  const hour = Number(timeSegs[0]);
+  const minute = Number(timeSegs[1]);
+  const second = timeSegs[2] != null && timeSegs[2] !== "" ? Number(timeSegs[2]) : 0;
+  if ([month, day, year, hour, minute, second].some((n) => Number.isNaN(n))) {
+    return null;
+  }
+  if (month < 1 || month > 12 || day < 1 || day > 31) {
+    return null;
+  }
+  try {
+    return new $2aaf608024c21ca1$export$ca871e8dbb80966f(year, month, day, hour, minute, second);
+  } catch (e) {
+    return null;
+  }
+}
+function parseStringToDateValue(v, variant = "date") {
+  const todayCalendarDate = $58246871e4652552$export$6b862160d295c8e(dayjs().format("YYYY-MM-DD"));
   if (v == null || String(v).trim() === "") {
-    return $fae977aafc393c5c$export$6b862160d295c8e(dayjs().format("YYYY-MM-DD"));
+    if (variant === "datetime") {
+      const d = dayjs();
+      return new $2aaf608024c21ca1$export$ca871e8dbb80966f(
+        d.year(),
+        d.month() + 1,
+        d.date(),
+        d.hour(),
+        d.minute(),
+        d.second()
+      );
+    }
+    return todayCalendarDate;
   }
   const trimmed = String(v).trim();
   try {
+    if (variant === "datetime") {
+      const fromDisplay = parseDisplayDatetimeString(trimmed);
+      if (fromDisplay) {
+        return fromDisplay;
+      }
+    }
     if (/^\d{4}-\d{2}-\d{2}/.test(trimmed)) {
-      return $fae977aafc393c5c$export$6b862160d295c8e(trimmed.slice(0, 10));
+      const base = $58246871e4652552$export$6b862160d295c8e(trimmed.slice(0, 10));
+      return variant === "datetime" ? $d07e34cce18680fd$export$b21e0b124e224484(base) : base;
     }
     const parsed = dayjs(trimmed);
     if (parsed.isValid()) {
-      return $fae977aafc393c5c$export$6b862160d295c8e(parsed.format("YYYY-MM-DD"));
+      if (variant === "datetime") {
+        return new $2aaf608024c21ca1$export$ca871e8dbb80966f(
+          parsed.year(),
+          parsed.month() + 1,
+          parsed.date(),
+          parsed.hour(),
+          parsed.minute(),
+          parsed.second()
+        );
+      }
+      return $58246871e4652552$export$6b862160d295c8e(parsed.format("YYYY-MM-DD"));
     }
   } catch (e) {
   }
-  return $fae977aafc393c5c$export$6b862160d295c8e(dayjs().format("YYYY-MM-DD"));
+  return variant === "datetime" ? $d07e34cce18680fd$export$b21e0b124e224484(todayCalendarDate) : todayCalendarDate;
 }
 function formatCalendarDateParts(d) {
   return `${d.year}-${String(d.month).padStart(2, "0")}-${String(d.day).padStart(2, "0")}`;
 }
+function dateValueToJsDate(d) {
+  const withTime = "hour" in d ? d : $d07e34cce18680fd$export$b21e0b124e224484(d);
+  const hour = withTime.hour;
+  const minute = withTime.minute;
+  const second = "second" in withTime ? withTime.second : 0;
+  return new Date(d.year, d.month - 1, d.day, hour, minute, second);
+}
+function dateValueHasClockTime(d) {
+  return "hour" in d && typeof d.hour === "number";
+}
+function coerceDateChange(next, variant) {
+  if (variant !== "datetime" || dateValueHasClockTime(next)) {
+    return next;
+  }
+  return $d07e34cce18680fd$export$b21e0b124e224484(next);
+}
+function resolveApplyValue(calendarState, fallback, variant) {
+  const fromState = calendarState.value;
+  if (variant !== "datetime") {
+    return fromState != null ? fromState : fallback;
+  }
+  if (fromState == null) {
+    return dateValueHasClockTime(fallback) ? fallback : $d07e34cce18680fd$export$b21e0b124e224484(fallback);
+  }
+  if (dateValueHasClockTime(fromState)) {
+    return fromState;
+  }
+  if (dateValueHasClockTime(fallback)) {
+    const fb = fallback;
+    const merged = new $2aaf608024c21ca1$export$ca871e8dbb80966f(
+      fromState.year,
+      fromState.month,
+      fromState.day,
+      fb.hour,
+      fb.minute,
+      "second" in fb ? fb.second : 0
+    );
+    return merged;
+  }
+  return $d07e34cce18680fd$export$b21e0b124e224484(fromState);
+}
 const CustomDateMenu = ({
   onChangeHandler,
   value,
   variant = "datetime"
 }) => {
   const [popoverOpen, setPopoverOpen] = useState(false);
-  const [date, setDate] = useState(() => parseStringToDateValue(value));
+  const [date, setDate] = useState(() => parseStringToDateValue(value, variant));
   useEffect(() => {
-    setDate(parseStringToDateValue(value));
-  }, [value]);
+    setDate(parseStringToDateValue(value, variant));
+  }, [value, variant]);
   const inputDisplay = useMemo(() => {
     if (value == null || String(value).trim() === "") {
       return "";
@@ -71,13 +175,14 @@ const CustomDateMenu = ({
         size: "md",
         footerActionText: "Apply",
         value: date,
-        onChange: setDate,
+        onChange: (next) => setDate(coerceDateChange(next, variant)),
         showTimePicker: variant === "datetime",
-        footerAction: () => {
+        footerAction: (calendarState) => {
+          const resolved = resolveApplyValue(calendarState, date, variant);
           if (variant === "date") {
-            onChangeHandler(formatCalendarDateParts(date));
+            onChangeHandler(formatCalendarDateParts(resolved));
           } else {
-            const jsDate = new Date(date.year, date.month - 1, date.day);
+            const jsDate = dateValueToJsDate(resolved);
             onChangeHandler(dayjs(jsDate).format("MM/DD/YYYY \u2022 HH:mm"));
           }
           setPopoverOpen(false);

package/dist/es/mapping/components/custom-date-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"custom-date-menu.js","sources":["../../../../src/mapping/components/custom-date-menu.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\nimport {\n  Calendar,\n  Input,\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"@sparrowengg/twigs-react\";\nimport { CalendarIcon } from \"@sparrowengg/twigs-react-icons\";\nimport { parseDate, DateValue } from \"@internationalized/date\";\nimport dayjs from \"dayjs\";\n\nexport type CustomDateMenuVariant = \"datetime\" | \"date\";\n\ntype CustomDateMenuProps = {\n  onChangeHandler: (value: string) => void;\n  value: string | null | undefined;\n  /** `datetime` matches legacy mapping default (time + \"•\" format). `date` is calendar-only, ISO `YYYY-MM-DD` on apply. */\n  variant?: CustomDateMenuVariant;\n};\n\nfunction parseStringToDateValue(v: string | null | undefined): DateValue {\n  if (v == null || String(v).trim() === \"\") {\n    return parseDate(dayjs().format(\"YYYY-MM-DD\"));\n  }\n  const trimmed = String(v).trim();\n  try {\n    if (/^\\d{4}-\\d{2}-\\d{2}/.test(trimmed)) {\n      return parseDate(trimmed.slice(0, 10));\n    }\n    const parsed = dayjs(trimmed);\n    if (parsed.isValid()) {\n      return parseDate(parsed.format(\"YYYY-MM-DD\"));\n    }\n  } catch {\n    // fall through\n  }\n  return parseDate(dayjs().format(\"YYYY-MM-DD\"));\n}\n\nfunction formatCalendarDateParts(d: DateValue): string {\n  return `${d.year}-${String(d.month).padStart(2, \"0\")}-${String(d.day).padStart(2, \"0\")}`;\n}\n\nconst CustomDateMenu: React.FC<CustomDateMenuProps> = ({\n  onChangeHandler,\n  value,\n  variant = \"datetime\",\n}) => {\n  const [popoverOpen, setPopoverOpen] = useState(false);\n  const [date, setDate] = useState<DateValue>(() => parseStringToDateValue(value));\n\n  useEffect(() => {\n    setDate(parseStringToDateValue(value));\n  }, [value]);\n\n  const inputDisplay = useMemo(() => {\n    if (value == null || String(value).trim() === \"\") {\n      return \"\";\n    }\n    const s = String(value);\n    if (variant === \"datetime\" && s.includes(\"•\")) {\n      return s;\n    }\n    const parsed = dayjs(s);\n    if (parsed.isValid()) {\n      return variant === \"date\"\n        ? parsed.format(\"MM/DD/YYYY\")\n        : parsed.format(\"MM/DD/YYYY • HH:mm\");\n    }\n    return s;\n  }, [value, variant]);\n\n  const datetimePlaceholder = dayjs(new Date()).format(\"MM/DD/YYYY • HH:mm\");\n\n  return (\n    <Popover open={popoverOpen} onOpenChange={(open) => setPopoverOpen(open)}>\n      <PopoverTrigger asChild>\n        <Input\n          value={\n            inputDisplay ||\n            (variant === \"datetime\" ? datetimePlaceholder : \"\")\n          }\n          size=\"lg\"\n          readOnly\n          rightIcon={<CalendarIcon />}\n        />\n      </PopoverTrigger>\n      <PopoverContent\n        sideOffset={3}\n        css={{ width: 260, padding: 0, borderRadius: \"$xl\" }}\n      >\n        <Calendar\n          size=\"md\"\n          footerActionText=\"Apply\"\n          value={date}\n          onChange={setDate}\n          showTimePicker={variant === \"datetime\"}\n          footerAction={() => {\n            if (variant === \"date\") {\n              onChangeHandler(formatCalendarDateParts(date));\n            } else {\n              const jsDate = new Date(date.year, date.month - 1, date.day);\n              onChangeHandler(dayjs(jsDate).format(\"MM/DD/YYYY • HH:mm\"));\n            }\n            setPopoverOpen(false);\n          }}\n        />\n      </PopoverContent>\n    </Popover>\n  );\n};\n\nexport default CustomDateMenu;\n"],"names":["parseDate","React"],"mappings":"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"}
+{"version":3,"file":"custom-date-menu.js","sources":["../../../../src/mapping/components/custom-date-menu.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\nimport {\n  Calendar,\n  Input,\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"@sparrowengg/twigs-react\";\nimport { CalendarIcon } from \"@sparrowengg/twigs-react-icons\";\nimport {\n  parseDate,\n  DateValue,\n  CalendarDateTime,\n  toCalendarDateTime,\n} from \"@internationalized/date\";\nimport dayjs from \"dayjs\";\n\n/** Twigs `footerAction` passes calendar state; only `value` is used here. */\ntype CalendarApplyState = {\n  value: DateValue | null;\n};\n\nexport type CustomDateMenuVariant = \"datetime\" | \"date\";\n\ntype CustomDateMenuProps = {\n  onChangeHandler: (value: string) => void;\n  value: string | null | undefined;\n  /** `datetime` matches legacy mapping default (time + \"•\" format). `date` is calendar-only, ISO `YYYY-MM-DD` on apply. */\n  variant?: CustomDateMenuVariant;\n};\n\nconst DISPLAY_DATETIME_SEP = \" • \";\n\n/** Parses values produced by `dayjs(...).format(\"MM/DD/YYYY • HH:mm\")` for calendar state. */\nfunction parseDisplayDatetimeString(trimmed: string): CalendarDateTime | null {\n  if (!trimmed.includes(DISPLAY_DATETIME_SEP)) {\n    return null;\n  }\n  const [datePart, timePart] = trimmed.split(DISPLAY_DATETIME_SEP).map((s) => s.trim());\n  const dateSegs = datePart.split(\"/\");\n  if (dateSegs.length !== 3) {\n    return null;\n  }\n  const timeSegs = timePart.split(\":\");\n  if (timeSegs.length < 2) {\n    return null;\n  }\n  const month = Number(dateSegs[0]);\n  const day = Number(dateSegs[1]);\n  const year = Number(dateSegs[2]);\n  const hour = Number(timeSegs[0]);\n  const minute = Number(timeSegs[1]);\n  const second = timeSegs[2] != null && timeSegs[2] !== \"\" ? Number(timeSegs[2]) : 0;\n  if ([month, day, year, hour, minute, second].some((n) => Number.isNaN(n))) {\n    return null;\n  }\n  if (month < 1 || month > 12 || day < 1 || day > 31) {\n    return null;\n  }\n  try {\n    return new CalendarDateTime(year, month, day, hour, minute, second);\n  } catch {\n    return null;\n  }\n}\n\nfunction parseStringToDateValue(\n  v: string | null | undefined,\n  variant: CustomDateMenuVariant = \"date\",\n): DateValue {\n  const todayCalendarDate = parseDate(dayjs().format(\"YYYY-MM-DD\"));\n  if (v == null || String(v).trim() === \"\") {\n    if (variant === \"datetime\") {\n      const d = dayjs();\n      return new CalendarDateTime(\n        d.year(),\n        d.month() + 1,\n        d.date(),\n        d.hour(),\n        d.minute(),\n        d.second(),\n      );\n    }\n    return todayCalendarDate;\n  }\n  const trimmed = String(v).trim();\n  try {\n    if (variant === \"datetime\") {\n      const fromDisplay = parseDisplayDatetimeString(trimmed);\n      if (fromDisplay) {\n        return fromDisplay;\n      }\n    }\n    if (/^\\d{4}-\\d{2}-\\d{2}/.test(trimmed)) {\n      const base = parseDate(trimmed.slice(0, 10));\n      return variant === \"datetime\" ? toCalendarDateTime(base) : base;\n    }\n    const parsed = dayjs(trimmed);\n    if (parsed.isValid()) {\n      if (variant === \"datetime\") {\n        return new CalendarDateTime(\n          parsed.year(),\n          parsed.month() + 1,\n          parsed.date(),\n          parsed.hour(),\n          parsed.minute(),\n          parsed.second(),\n        );\n      }\n      return parseDate(parsed.format(\"YYYY-MM-DD\"));\n    }\n  } catch {\n    // fall through\n  }\n  return variant === \"datetime\"\n    ? toCalendarDateTime(todayCalendarDate)\n    : todayCalendarDate;\n}\n\nfunction formatCalendarDateParts(d: DateValue): string {\n  return `${d.year}-${String(d.month).padStart(2, \"0\")}-${String(d.day).padStart(2, \"0\")}`;\n}\n\nfunction dateValueToJsDate(d: DateValue): Date {\n  const withTime = \"hour\" in d ? d : toCalendarDateTime(d);\n  const hour = withTime.hour;\n  const minute = withTime.minute;\n  const second = \"second\" in withTime ? withTime.second : 0;\n  return new Date(d.year, d.month - 1, d.day, hour, minute, second);\n}\n\nfunction dateValueHasClockTime(d: DateValue): boolean {\n  return \"hour\" in d && typeof (d as { hour?: unknown }).hour === \"number\";\n}\n\n/** Twigs `Calendar` + `showTimePicker` require `CalendarDateTime` / `ZonedDateTime`, not plain `CalendarDate`. */\nfunction coerceDateChange(next: DateValue, variant: CustomDateMenuVariant): DateValue {\n  if (variant !== \"datetime\" || dateValueHasClockTime(next)) {\n    return next;\n  }\n  return toCalendarDateTime(next);\n}\n\nfunction resolveApplyValue(\n  calendarState: CalendarApplyState,\n  fallback: DateValue,\n  variant: CustomDateMenuVariant,\n): DateValue {\n  const fromState = calendarState.value;\n  if (variant !== \"datetime\") {\n    return fromState != null ? fromState : fallback;\n  }\n\n  // With Twigs `showTimePicker`, `calendarState.value` often stays a `CalendarDate` while the\n  // time UI updates the controlled `value` via `onChange` only. Prefer merging day from state\n  // with clock time from React `fallback` when state has no time-of-day.\n  if (fromState == null) {\n    return dateValueHasClockTime(fallback) ? fallback : toCalendarDateTime(fallback);\n  }\n\n  if (dateValueHasClockTime(fromState)) {\n    return fromState;\n  }\n\n  if (dateValueHasClockTime(fallback)) {\n    const fb = fallback as CalendarDateTime;\n    const merged = new CalendarDateTime(\n      fromState.year,\n      fromState.month,\n      fromState.day,\n      fb.hour,\n      fb.minute,\n      \"second\" in fb ? fb.second : 0,\n    );\n    return merged;\n  }\n\n  return toCalendarDateTime(fromState);\n}\n\nconst CustomDateMenu: React.FC<CustomDateMenuProps> = ({\n  onChangeHandler,\n  value,\n  variant = \"datetime\",\n}) => {\n  const [popoverOpen, setPopoverOpen] = useState(false);\n  const [date, setDate] = useState<DateValue>(() => parseStringToDateValue(value, variant));\n\n  useEffect(() => {\n    setDate(parseStringToDateValue(value, variant));\n  }, [value, variant]);\n\n  const inputDisplay = useMemo(() => {\n    if (value == null || String(value).trim() === \"\") {\n      return \"\";\n    }\n    const s = String(value);\n    if (variant === \"datetime\" && s.includes(\"•\")) {\n      return s;\n    }\n    const parsed = dayjs(s);\n    if (parsed.isValid()) {\n      return variant === \"date\"\n        ? parsed.format(\"MM/DD/YYYY\")\n        : parsed.format(\"MM/DD/YYYY • HH:mm\");\n    }\n    return s;\n  }, [value, variant]);\n\n  const datetimePlaceholder = dayjs(new Date()).format(\"MM/DD/YYYY • HH:mm\");\n\n  return (\n    <Popover open={popoverOpen} onOpenChange={(open) => setPopoverOpen(open)}>\n      <PopoverTrigger asChild>\n        <Input\n          value={\n            inputDisplay ||\n            (variant === \"datetime\" ? datetimePlaceholder : \"\")\n          }\n          size=\"lg\"\n          readOnly\n          rightIcon={<CalendarIcon />}\n        />\n      </PopoverTrigger>\n      <PopoverContent\n        sideOffset={3}\n        css={{ width: 260, padding: 0, borderRadius: \"$xl\" }}\n      >\n        <Calendar\n          size=\"md\"\n          footerActionText=\"Apply\"\n          value={date}\n          onChange={(next) => setDate(coerceDateChange(next, variant))}\n          showTimePicker={variant === \"datetime\"}\n          footerAction={(calendarState) => {\n            const resolved = resolveApplyValue(calendarState, date, variant);\n            if (variant === \"date\") {\n              onChangeHandler(formatCalendarDateParts(resolved));\n            } else {\n              const jsDate = dateValueToJsDate(resolved);\n              onChangeHandler(dayjs(jsDate).format(\"MM/DD/YYYY • HH:mm\"));\n            }\n            setPopoverOpen(false);\n          }}\n        />\n      </PopoverContent>\n    </Popover>\n  );\n};\n\nexport default CustomDateMenu;\n"],"names":["CalendarDateTime","parseDate","toCalendarDateTime","React"],"mappings":";;;;;;;;;;AA+BA,MAAM,oBAAA,GAAuB,UAAA;AAG7B,SAAS,2BAA2B,OAAA,EAA0C;AAC5E,EAAA,IAAI,CAAC,OAAA,CAAQ,QAAA,CAAS,oBAAoB,CAAA,EAAG;AAC3C,IAAA,OAAO,IAAA;AAAA,EACT;AACA,EAAA,MAAM,CAAC,QAAA,EAAU,QAAQ,CAAA,GAAI,OAAA,CAAQ,KAAA,CAAM,oBAAoB,CAAA,CAAE,GAAA,CAAI,CAAC,CAAA,KAAM,CAAA,CAAE,MAAM,CAAA;AACpF,EAAA,MAAM,QAAA,GAAW,QAAA,CAAS,KAAA,CAAM,GAAG,CAAA;AACnC,EAAA,IAAI,QAAA,CAAS,WAAW,CAAA,EAAG;AACzB,IAAA,OAAO,IAAA;AAAA,EACT;AACA,EAAA,MAAM,QAAA,GAAW,QAAA,CAAS,KAAA,CAAM,GAAG,CAAA;AACnC,EAAA,IAAI,QAAA,CAAS,SAAS,CAAA,EAAG;AACvB,IAAA,OAAO,IAAA;AAAA,EACT;AACA,EAAA,MAAM,KAAA,GAAQ,MAAA,CAAO,QAAA,CAAS,CAAC,CAAC,CAAA;AAChC,EAAA,MAAM,GAAA,GAAM,MAAA,CAAO,QAAA,CAAS,CAAC,CAAC,CAAA;AAC9B,EAAA,MAAM,IAAA,GAAO,MAAA,CAAO,QAAA,CAAS,CAAC,CAAC,CAAA;AAC/B,EAAA,MAAM,IAAA,GAAO,MAAA,CAAO,QAAA,CAAS,CAAC,CAAC,CAAA;AAC/B,EAAA,MAAM,MAAA,GAAS,MAAA,CAAO,QAAA,CAAS,CAAC,CAAC,CAAA;AACjC,EAAA,MAAM,MAAA,GAAS,QAAA,CAAS,CAAC,CAAA,IAAK,IAAA,IAAQ,QAAA,CAAS,CAAC,CAAA,KAAM,EAAA,GAAK,MAAA,CAAO,QAAA,CAAS,CAAC,CAAC,CAAA,GAAI,CAAA;AACjF,EAAA,IAAI,CAAC,KAAA,EAAO,GAAA,EAAK,IAAA,EAAM,MAAM,MAAA,EAAQ,MAAM,CAAA,CAAE,IAAA,CAAK,CAAC,CAAA,KAAM,MAAA,CAAO,KAAA,CAAM,CAAC,CAAC,CAAA,EAAG;AACzE,IAAA,OAAO,IAAA;AAAA,EACT;AACA,EAAA,IAAI,QAAQ,CAAA,IAAK,KAAA,GAAQ,MAAM,GAAA,GAAM,CAAA,IAAK,MAAM,EAAA,EAAI;AAClD,IAAA,OAAO,IAAA;AAAA,EACT;AACA,EAAA,IAAI;AACF,IAAA,OAAO,IAAIA,yCAAA,CAAiB,IAAA,EAAM,OAAO,GAAA,EAAK,IAAA,EAAM,QAAQ,MAAM,CAAA;AAAA,EACpE,CAAA,CAAA,OAAQ,CAAA,EAAA;AACN,IAAA,OAAO,IAAA;AAAA,EACT;AACF;AAEA,SAAS,sBAAA,CACP,CAAA,EACA,OAAA,GAAiC,MAAA,EACtB;AACX,EAAA,MAAM,oBAAoBC,wCAAA,CAAU,KAAA,EAAM,CAAE,MAAA,CAAO,YAAY,CAAC,CAAA;AAChE,EAAA,IAAI,KAAK,IAAA,IAAQ,MAAA,CAAO,CAAC,CAAA,CAAE,IAAA,OAAW,EAAA,EAAI;AACxC,IAAA,IAAI,YAAY,UAAA,EAAY;AAC1B,MAAA,MAAM,IAAI,KAAA,EAAM;AAChB,MAAA,OAAO,IAAID,yCAAA;AAAA,QACT,EAAE,IAAA,EAAK;AAAA,QACP,CAAA,CAAE,OAAM,GAAI,CAAA;AAAA,QACZ,EAAE,IAAA,EAAK;AAAA,QACP,EAAE,IAAA,EAAK;AAAA,QACP,EAAE,MAAA,EAAO;AAAA,QACT,EAAE,MAAA;AAAO,OACX;AAAA,IACF;AACA,IAAA,OAAO,iBAAA;AAAA,EACT;AACA,EAAA,MAAM,OAAA,GAAU,MAAA,CAAO,CAAC,CAAA,CAAE,IAAA,EAAK;AAC/B,EAAA,IAAI;AACF,IAAA,IAAI,YAAY,UAAA,EAAY;AAC1B,MAAA,MAAM,WAAA,GAAc,2BAA2B,OAAO,CAAA;AACtD,MAAA,IAAI,WAAA,EAAa;AACf,QAAA,OAAO,WAAA;AAAA,MACT;AAAA,IACF;AACA,IAAA,IAAI,oBAAA,CAAqB,IAAA,CAAK,OAAO,CAAA,EAAG;AACtC,MAAA,MAAM,OAAOC,wCAAA,CAAU,OAAA,CAAQ,KAAA,CAAM,CAAA,EAAG,EAAE,CAAC,CAAA;AAC3C,MAAA,OAAO,OAAA,KAAY,UAAA,GAAaC,yCAAA,CAAmB,IAAI,CAAA,GAAI,IAAA;AAAA,IAC7D;AACA,IAAA,MAAM,MAAA,GAAS,MAAM,OAAO,CAAA;AAC5B,IAAA,IAAI,MAAA,CAAO,SAAQ,EAAG;AACpB,MAAA,IAAI,YAAY,UAAA,EAAY;AAC1B,QAAA,OAAO,IAAIF,yCAAA;AAAA,UACT,OAAO,IAAA,EAAK;AAAA,UACZ,MAAA,CAAO,OAAM,GAAI,CAAA;AAAA,UACjB,OAAO,IAAA,EAAK;AAAA,UACZ,OAAO,IAAA,EAAK;AAAA,UACZ,OAAO,MAAA,EAAO;AAAA,UACd,OAAO,MAAA;AAAO,SAChB;AAAA,MACF;AACA,MAAA,OAAOC,wCAAA,CAAU,MAAA,CAAO,MAAA,CAAO,YAAY,CAAC,CAAA;AAAA,IAC9C;AAAA,EACF,CAAA,CAAA,OAAQ,CAAA,EAAA;AAAA,EAER;AACA,EAAA,OAAO,OAAA,KAAY,UAAA,GACfC,yCAAA,CAAmB,iBAAiB,CAAA,GACpC,iBAAA;AACN;AAEA,SAAS,wBAAwB,CAAA,EAAsB;AACrD,EAAA,OAAO,CAAA,EAAG,EAAE,IAAI,CAAA,CAAA,EAAI,OAAO,CAAA,CAAE,KAAK,EAAE,QAAA,CAAS,CAAA,EAAG,GAAG,CAAC,CAAA,CAAA,EAAI,OAAO,CAAA,CAAE,GAAG,EAAE,QAAA,CAAS,CAAA,EAAG,GAAG,CAAC,CAAA,CAAA;AACxF;AAEA,SAAS,kBAAkB,CAAA,EAAoB;AAC7C,EAAA,MAAM,QAAA,GAAW,MAAA,IAAU,CAAA,GAAI,CAAA,GAAIA,0CAAmB,CAAC,CAAA;AACvD,EAAA,MAAM,OAAO,QAAA,CAAS,IAAA;AACtB,EAAA,MAAM,SAAS,QAAA,CAAS,MAAA;AACxB,EAAA,MAAM,MAAA,GAAS,QAAA,IAAY,QAAA,GAAW,QAAA,CAAS,MAAA,GAAS,CAAA;AACxD,EAAA,OAAO,IAAI,IAAA,CAAK,CAAA,CAAE,IAAA,EAAM,CAAA,CAAE,KAAA,GAAQ,CAAA,EAAG,CAAA,CAAE,GAAA,EAAK,IAAA,EAAM,MAAA,EAAQ,MAAM,CAAA;AAClE;AAEA,SAAS,sBAAsB,CAAA,EAAuB;AACpD,EAAA,OAAO,MAAA,IAAU,CAAA,IAAK,OAAQ,CAAA,CAAyB,IAAA,KAAS,QAAA;AAClE;AAGA,SAAS,gBAAA,CAAiB,MAAiB,OAAA,EAA2C;AACpF,EAAA,IAAI,OAAA,KAAY,UAAA,IAAc,qBAAA,CAAsB,IAAI,CAAA,EAAG;AACzD,IAAA,OAAO,IAAA;AAAA,EACT;AACA,EAAA,OAAOA,0CAAmB,IAAI,CAAA;AAChC;AAEA,SAAS,iBAAA,CACP,aAAA,EACA,QAAA,EACA,OAAA,EACW;AACX,EAAA,MAAM,YAAY,aAAA,CAAc,KAAA;AAChC,EAAA,IAAI,YAAY,UAAA,EAAY;AAC1B,IAAA,OAAO,SAAA,IAAa,OAAO,SAAA,GAAY,QAAA;AAAA,EACzC;AAKA,EAAA,IAAI,aAAa,IAAA,EAAM;AACrB,IAAA,OAAO,qBAAA,CAAsB,QAAQ,CAAA,GAAI,QAAA,GAAWA,0CAAmB,QAAQ,CAAA;AAAA,EACjF;AAEA,EAAA,IAAI,qBAAA,CAAsB,SAAS,CAAA,EAAG;AACpC,IAAA,OAAO,SAAA;AAAA,EACT;AAEA,EAAA,IAAI,qBAAA,CAAsB,QAAQ,CAAA,EAAG;AACnC,IAAA,MAAM,EAAA,GAAK,QAAA;AACX,IAAA,MAAM,SAAS,IAAIF,yCAAA;AAAA,MACjB,SAAA,CAAU,IAAA;AAAA,MACV,SAAA,CAAU,KAAA;AAAA,MACV,SAAA,CAAU,GAAA;AAAA,MACV,EAAA,CAAG,IAAA;AAAA,MACH,EAAA,CAAG,MAAA;AAAA,MACH,QAAA,IAAY,EAAA,GAAK,EAAA,CAAG,MAAA,GAAS;AAAA,KAC/B;AACA,IAAA,OAAO,MAAA;AAAA,EACT;AAEA,EAAA,OAAOE,0CAAmB,SAAS,CAAA;AACrC;AAEA,MAAM,iBAAgD,CAAC;AAAA,EACrD,eAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA,GAAU;AACZ,CAAA,KAAM;AACJ,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAS,KAAK,CAAA;AACpD,EAAA,MAAM,CAAC,MAAM,OAAO,CAAA,GAAI,SAAoB,MAAM,sBAAA,CAAuB,KAAA,EAAO,OAAO,CAAC,CAAA;AAExF,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,OAAA,CAAQ,sBAAA,CAAuB,KAAA,EAAO,OAAO,CAAC,CAAA;AAAA,EAChD,CAAA,EAAG,CAAC,KAAA,EAAO,OAAO,CAAC,CAAA;AAEnB,EAAA,MAAM,YAAA,GAAe,QAAQ,MAAM;AACjC,IAAA,IAAI,SAAS,IAAA,IAAQ,MAAA,CAAO,KAAK,CAAA,CAAE,IAAA,OAAW,EAAA,EAAI;AAChD,MAAA,OAAO,EAAA;AAAA,IACT;AACA,IAAA,MAAM,CAAA,GAAI,OAAO,KAAK,CAAA;AACtB,IAAA,IAAI,OAAA,KAAY,UAAA,IAAc,CAAA,CAAE,QAAA,CAAS,QAAG,CAAA,EAAG;AAC7C,MAAA,OAAO,CAAA;AAAA,IACT;AACA,IAAA,MAAM,MAAA,GAAS,MAAM,CAAC,CAAA;AACtB,IAAA,IAAI,MAAA,CAAO,SAAQ,EAAG;AACpB,MAAA,OAAO,OAAA,KAAY,SACf,MAAA,CAAO,MAAA,CAAO,YAAY,CAAA,GAC1B,MAAA,CAAO,OAAO,yBAAoB,CAAA;AAAA,IACxC;AACA,IAAA,OAAO,CAAA;AAAA,EACT,CAAA,EAAG,CAAC,KAAA,EAAO,OAAO,CAAC,CAAA;AAEnB,EAAA,MAAM,sBAAsB,KAAA,iBAAM,IAAI,MAAM,CAAA,CAAE,OAAO,yBAAoB,CAAA;AAEzE,EAAA,uBACEC,cAAA,CAAA,aAAA,CAAC,OAAA,EAAA,EAAQ,IAAA,EAAM,WAAA,EAAa,YAAA,EAAc,CAAC,IAAA,KAAS,cAAA,CAAe,IAAI,CAAA,EAAA,kBACrEA,cAAA,CAAA,aAAA,CAAC,cAAA,EAAA,EAAe,SAAO,IAAA,EAAA,kBACrBA,cAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA,EACE,YAAA,KACC,OAAA,KAAY,UAAA,GAAa,mBAAA,GAAsB,EAAA,CAAA;AAAA,MAElD,IAAA,EAAK,IAAA;AAAA,MACL,QAAA,EAAQ,IAAA;AAAA,MACR,SAAA,+CAAY,YAAA,EAAA,IAAa;AAAA;AAAA,GAE7B,CAAA,kBACAA,cAAA,CAAA,aAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,UAAA,EAAY,CAAA;AAAA,MACZ,KAAK,EAAE,KAAA,EAAO,KAAK,OAAA,EAAS,CAAA,EAAG,cAAc,KAAA;AAAM,KAAA;AAAA,oBAEnDA,cAAA,CAAA,aAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,IAAA;AAAA,QACL,gBAAA,EAAiB,OAAA;AAAA,QACjB,KAAA,EAAO,IAAA;AAAA,QACP,UAAU,CAAC,IAAA,KAAS,QAAQ,gBAAA,CAAiB,IAAA,EAAM,OAAO,CAAC,CAAA;AAAA,QAC3D,gBAAgB,OAAA,KAAY,UAAA;AAAA,QAC5B,YAAA,EAAc,CAAC,aAAA,KAAkB;AAC/B,UAAA,MAAM,QAAA,GAAW,iBAAA,CAAkB,aAAA,EAAe,IAAA,EAAM,OAAO,CAAA;AAC/D,UAAA,IAAI,YAAY,MAAA,EAAQ;AACtB,YAAA,eAAA,CAAgB,uBAAA,CAAwB,QAAQ,CAAC,CAAA;AAAA,UACnD,CAAA,MAAO;AACL,YAAA,MAAM,MAAA,GAAS,kBAAkB,QAAQ,CAAA;AACzC,YAAA,eAAA,CAAgB,KAAA,CAAM,MAAM,CAAA,CAAE,MAAA,CAAO,yBAAoB,CAAC,CAAA;AAAA,UAC5D;AACA,UAAA,cAAA,CAAe,KAAK,CAAA;AAAA,QACtB;AAAA;AAAA;AACF,GAEJ,CAAA;AAEJ;;;;"}

package/dist/es/mapping/components/mapping.js

@@ -12,7 +12,7 @@ import { useSurveyData } from '../hooks/use-survey-data.js';
 import { useFieldHandler } from '../hooks/use-field-handler.js';
 import '../../node_modules/dayjs/dayjs.min.js';
 import { hasValidConditionData, hasAnyMappingData, deriveConditionDataFromSurveyData } from '../../dynamic-mapping/helpers/derive-condition-data.js';
-import v4 from '../../node_modules/uuid/dist/esm-browser/v4.js';
+import v4 from '../../packages/frontend-templates/node_modules/uuid/dist/esm-browser/v4.js';
 import { Flex } from '../../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js';
 import { Heading } from '../../node_modules/@sparrowengg/twigs-react/dist/es/heading/heading.js';
 import { Box } from '../../node_modules/@sparrowengg/twigs-react/dist/es/box/box.js';