@sparrowengg/integrations-templates-frontend 6.0.4 → 6.0.7

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

@@ -0,0 +1,149 @@
+'use strict';
+
+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 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');
+var chevronDown = require('../../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/chevron-down.js');
+var text = require('../../node_modules/@sparrowengg/twigs-react/dist/es/text/text.js');
+var box = require('../../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));
+const Scheduling = ({
+  globalStorage,
+  setGlobalStorage
+}) => {
+  dayjs_min.default.extend(utc.default);
+  dayjs_min.default.extend(timezone.default);
+  const getAllTimezones = () => constants.MOCK_TIMEZONES.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({
+    period: "Daily",
+    time: { hours: 12, mins: "00", noon: "am" },
+    timeZone: "Asia/Kolkata (GMT+05:30)"
+  });
+  React.useEffect(() => {
+    setGlobalStorage((prevGlobalStorage) => __spreadProps(__spreadValues({}, prevGlobalStorage), {
+      scheduleData: scheduleTime
+    }));
+  }, [scheduleTime]);
+  React.useEffect(() => {
+    if (globalStorage.scheduleData) {
+      setScheduleTime(globalStorage.scheduleData);
+    }
+  }, [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": "Select Schedule Period",
+      css: {
+        padding: "$1 $2",
+        borderRadius: "$md",
+        svg: { path: { strokeWidth: "2" } }
+      },
+      onClick: () => setOpenTimePicker(false)
+    },
+    scheduleTime.period
+  )), /* @__PURE__ */ React.createElement(dropdown.DropdownMenuContent, { align: "start", css: { minWidth: "168px" } }, constants.scheduleOptions.map((option) => /* @__PURE__ */ React.createElement(
+    dropdown.DropdownMenuItem,
+    {
+      key: option.id,
+      css: {
+        cursor: "pointer",
+        background: scheduleTime.period === option.label ? "#4A9CA60F" : "none"
+      },
+      onClick: () => setScheduleTime((prev) => __spreadProps(__spreadValues({}, prev), { period: option.label }))
+    },
+    option.label
+  )))), /* @__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: () => setOpenTimePicker((prev) => !prev),
+      css: {
+        padding: "$1 $2",
+        borderRadius: "$md",
+        svg: { path: { strokeWidth: "2" } }
+      }
+    },
+    `${scheduleTime.time.hours}:${scheduleTime.time.mins} ${scheduleTime.time.noon}`
+  ), openTimePicker && /* @__PURE__ */ React.createElement(
+    TimePicker.default,
+    {
+      openTimePicker,
+      setOpenTimePicker,
+      scheduleTime,
+      setScheduleTime
+    }
+  )), /* @__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": "Select Time Zone",
+      css: {
+        padding: "$1 $2",
+        borderRadius: "$md",
+        svg: { path: { strokeWidth: "2" } }
+      },
+      onClick: () => setOpenTimePicker(false)
+    },
+    scheduleTime.timeZone
+  )), /* @__PURE__ */ React.createElement(
+    dropdown.DropdownMenuContent,
+    {
+      align: "start",
+      css: { maxHeight: "180px", overflow: "scroll" }
+    },
+    timeZones.map((tz) => /* @__PURE__ */ React.createElement(
+      dropdown.DropdownMenuItem,
+      {
+        key: tz,
+        css: {
+          cursor: "pointer",
+          background: scheduleTime.timeZone === tz ? "#4A9CA60F" : "none"
+        },
+        onClick: () => setScheduleTime((prev) => __spreadProps(__spreadValues({}, prev), { timeZone: tz }))
+      },
+      tz
+    ))
+  )));
+};
+
+exports.default = Scheduling;
+//# sourceMappingURL=scheduling.js.map

package/dist/cjs/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":["dayjs","utc","timezone","MOCK_TIMEZONES","useState","useEffect","Flex","DropdownMenu","DropdownMenuTrigger","Button","ChevronDownIcon","DropdownMenuContent","scheduleOptions","DropdownMenuItem","Text","Box","TimePicker"],"mappings":"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"}

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

@@ -6,7 +6,7 @@ var ContactImportHeader = require('./components/ContactImportHeader.js');
 require('../commons/constants/index.js');
 var contactImportConfigure = require('./components/contact-import-configure.js');
 var contactImportMapping = require('./components/contact-import-mapping.js');
-var Dashboard = require('./components/ManageImport/Dashboard.js');
+var dashboard = require('./components/ManageImport/dashboard.js');
 var box = require('../node_modules/@sparrowengg/twigs-react/dist/es/box/box.js');
 
 var __defProp = Object.defineProperty;
@@ -60,7 +60,7 @@ const ContactImport = ({
   };
   const showDashboard = (existingImports == null ? void 0 : existingImports.length) && !newImport && hasContactImportDashboard;
   return /* @__PURE__ */ React.createElement(themeWrapper.default, null, /* @__PURE__ */ React.createElement(box.Box, { css: { height: "calc(100vh - 241px)", width: "100vw" } }, showDashboard ? /* @__PURE__ */ React.createElement(
-    Dashboard.default,
+    dashboard.default,
     {
       dashboardDescription,
       setNewImport,

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var string = require('../../node_modules/@internationalized/date/dist/string.js');
+var string = require('../../node_modules/@internationalized/date/dist/private/string.js');
 var index = require('../../commons/constants/index.js');
 var useCustomDropdown = require('../hooks/use-custom-dropdown.js');
 var uiStrings = require('../constants/ui-strings.js');

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

@@ -107,7 +107,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/cjs/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":["useMemo","filterFieldsBySearch","TabsContent","Input","SearchIcon","Flex","Box","Tooltip","Checkbox","value","Text"],"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":["useMemo","filterFieldsBySearch","TabsContent","Input","SearchIcon","Flex","Box","Tooltip","Checkbox","value","Text"],"mappings":"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"}

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var string = require('../../node_modules/@internationalized/date/dist/string.js');
+var string = require('../../node_modules/@internationalized/date/dist/private/string.js');
 var dayjs_min = require('../../node_modules/dayjs/dayjs.min.js');
 
 const useCustomDropdown = ({

package/dist/cjs/index.js

@@ -1,22 +1,22 @@
 'use strict';
 
-var index = require('./mapping/index.js');
-var index$1 = require('./integration-template/index.js');
-var index$2 = require('./single-mapping/index.js');
-var index$3 = require('./triggers/index.js');
-var index$4 = require('./contact-import/index.js');
-var index$5 = require('./dynamic-mapping/index.js');
+var index$3 = require('./mapping/index.js');
+var index$2 = require('./integration-template/index.js');
+var index$4 = require('./single-mapping/index.js');
+var index$5 = require('./triggers/index.js');
+var index = require('./contact-import/index.js');
+var index$1 = require('./dynamic-mapping/index.js');
 var filterPill = require('./filter/filter-pill.js');
 var cascaderDropdown = require('./cascader-dropdown/cascader-dropdown.js');
 
 
 
-exports.Mapping = index.Mapping;
-exports.IntegrationTemplate = index$1.IntegrationTemplate;
-exports.SingleMapping = index$2.SingleMapping;
-exports.Triggers = index$3.Triggers;
-exports.ContactImport = index$4.ContactImport;
-exports.DynamicMapping = index$5.DynamicMapping;
+exports.Mapping = index$3.Mapping;
+exports.IntegrationTemplate = index$2.IntegrationTemplate;
+exports.SingleMapping = index$4.SingleMapping;
+exports.Triggers = index$5.Triggers;
+exports.ContactImport = index.ContactImport;
+exports.DynamicMapping = index$1.DynamicMapping;
 exports.FilterPill = filterPill.FilterPill;
 exports.FilterPillWithoutOperator = filterPill.FilterPillWithoutOperator;
 exports.CascaderDropdown = cascaderDropdown.CascaderDropdown;

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

@@ -10,9 +10,9 @@ var component_utils = require('./utils/component.utils.js');
 var themeProvider = require('../node_modules/@sparrowengg/twigs-react/dist/es/theme-provider/theme-provider.js');
 var flex = require('../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js');
 var text = require('../node_modules/@sparrowengg/twigs-react/dist/es/text/text.js');
+var uiStrings = require('./constants/ui-strings.js');
 var tooltip = require('../node_modules/@sparrowengg/twigs-react/dist/es/tooltip/tooltip.js');
 var box = require('../node_modules/@sparrowengg/twigs-react/dist/es/box/box.js');
-var uiStrings = require('./constants/ui-strings.js');
 
 const IntegrationTemplate = ({
   singleMapping,

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

@@ -3,43 +3,147 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var string = require('../../node_modules/@internationalized/date/dist/string.js');
+var CalendarDate = require('../../node_modules/@internationalized/date/dist/private/CalendarDate.js');
+var conversion = require('../../node_modules/@internationalized/date/dist/private/conversion.js');
+var string = require('../../node_modules/@internationalized/date/dist/private/string.js');
 var dayjs_min = require('../../node_modules/dayjs/dayjs.min.js');
 var popover = require('../../node_modules/@sparrowengg/twigs-react/dist/es/popover/popover.js');
 var input = require('../../node_modules/@sparrowengg/twigs-react/dist/es/input/input.js');
 var calendar = require('../../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/calendar.js');
 var calendar$1 = require('../../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 CalendarDate.CalendarDateTime(year, month, day, hour, minute, second);
+  } catch (e) {
+    return null;
+  }
+}
+function parseStringToDateValue(v, variant = "date") {
+  const todayCalendarDate = string.parseDate(dayjs_min.default().format("YYYY-MM-DD"));
   if (v == null || String(v).trim() === "") {
-    return string.parseDate(dayjs_min.default().format("YYYY-MM-DD"));
+    if (variant === "datetime") {
+      const d = dayjs_min.default();
+      return new CalendarDate.CalendarDateTime(
+        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 string.parseDate(trimmed.slice(0, 10));
+      const base = string.parseDate(trimmed.slice(0, 10));
+      return variant === "datetime" ? conversion.toCalendarDateTime(base) : base;
     }
     const parsed = dayjs_min.default(trimmed);
     if (parsed.isValid()) {
+      if (variant === "datetime") {
+        return new CalendarDate.CalendarDateTime(
+          parsed.year(),
+          parsed.month() + 1,
+          parsed.date(),
+          parsed.hour(),
+          parsed.minute(),
+          parsed.second()
+        );
+      }
       return string.parseDate(parsed.format("YYYY-MM-DD"));
     }
   } catch (e) {
   }
-  return string.parseDate(dayjs_min.default().format("YYYY-MM-DD"));
+  return variant === "datetime" ? conversion.toCalendarDateTime(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 : conversion.toCalendarDateTime(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 conversion.toCalendarDateTime(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 : conversion.toCalendarDateTime(fallback);
+  }
+  if (dateValueHasClockTime(fromState)) {
+    return fromState;
+  }
+  if (dateValueHasClockTime(fallback)) {
+    const fb = fallback;
+    const merged = new CalendarDate.CalendarDateTime(
+      fromState.year,
+      fromState.month,
+      fromState.day,
+      fb.hour,
+      fb.minute,
+      "second" in fb ? fb.second : 0
+    );
+    return merged;
+  }
+  return conversion.toCalendarDateTime(fromState);
+}
 const CustomDateMenu = ({
   onChangeHandler,
   value,
   variant = "datetime"
 }) => {
   const [popoverOpen, setPopoverOpen] = React.useState(false);
-  const [date, setDate] = React.useState(() => parseStringToDateValue(value));
+  const [date, setDate] = React.useState(() => parseStringToDateValue(value, variant));
   React.useEffect(() => {
-    setDate(parseStringToDateValue(value));
-  }, [value]);
+    setDate(parseStringToDateValue(value, variant));
+  }, [value, variant]);
   const inputDisplay = React.useMemo(() => {
     if (value == null || String(value).trim() === "") {
       return "";
@@ -75,13 +179,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_min.default(jsDate).format("MM/DD/YYYY \u2022 HH:mm"));
           }
           setPopoverOpen(false);

package/dist/cjs/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","dayjs","useState","useEffect","useMemo","Popover","PopoverTrigger","Input","CalendarIcon","PopoverContent","Calendar"],"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","dayjs","toCalendarDateTime","useState","useEffect","useMemo","Popover","PopoverTrigger","Input","CalendarIcon","PopoverContent","Calendar"],"mappings":"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"}

package/dist/cjs/mapping/components/mapping.js

@@ -14,7 +14,7 @@ var useSurveyData = require('../hooks/use-survey-data.js');
 var useFieldHandler = require('../hooks/use-field-handler.js');
 require('../../node_modules/dayjs/dayjs.min.js');
 var deriveConditionData = require('../../dynamic-mapping/helpers/derive-condition-data.js');
-var v4 = require('../../node_modules/uuid/dist/esm-browser/v4.js');
+var v4 = require('../../packages/frontend-templates/node_modules/uuid/dist/esm-browser/v4.js');
 var flex = require('../../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js');
 var heading = require('../../node_modules/@sparrowengg/twigs-react/dist/es/heading/heading.js');
 var box = require('../../node_modules/@sparrowengg/twigs-react/dist/es/box/box.js');