@sparrowengg/integrations-templates-frontend 6.0.1 → 6.0.3

package/dist/es/integration-template/components/dashboard/TriggerDashboardItem.js

@@ -12,6 +12,7 @@ import { ChevronRightIcon } from '../../../node_modules/@sparrowengg/twigs-react
 import { Text } from '../../../node_modules/@sparrowengg/twigs-react/dist/es/text/text.js';
 import { Chip } from '../../../node_modules/@sparrowengg/twigs-react/dist/es/chip/chip.js';
 import { Box } from '../../../node_modules/@sparrowengg/twigs-react/dist/es/box/box.js';
+import { CircleLoader } from '../../../node_modules/@sparrowengg/twigs-react/dist/es/loader/circle.js';
 import { Switch } from '../../../node_modules/@sparrowengg/twigs-react/dist/es/switch/switch.js';
 import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem } from '../../../node_modules/@sparrowengg/twigs-react/dist/es/dropdown/dropdown.js';
 import { IconButton } from '../../../node_modules/@sparrowengg/twigs-react/dist/es/button/icon-button.js';
@@ -36,6 +37,17 @@ const TriggerDashboardItem = ({
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s;
   const [isMappingDisplayed, setIsMappingDisplayed] = useState(false);
   const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false);
+  const [isToggling, setIsToggling] = useState(false);
+  const handleToggle = async (value) => {
+    if (!toggleDashboardField)
+      return;
+    try {
+      setIsToggling(true);
+      await Promise.resolve(toggleDashboardField(field.id, value));
+    } finally {
+      setIsToggling(false);
+    }
+  };
   const handleEdit = () => {
     handleEditField({
       type: "TRIGGER",
@@ -90,12 +102,22 @@ const TriggerDashboardItem = ({
             height: "$4"
           }
         }
-      ), /* @__PURE__ */ React__default.createElement(Text, { size: "sm", weight: "bold", css: { color: "$neutral800" } }, DASHBOARD_UI_STRINGS.DRAFT)), /* @__PURE__ */ React__default.createElement(Box, { css: { width: "1px", height: "20px", background: "#64748B20" } })), /* @__PURE__ */ React__default.createElement(
+      ), /* @__PURE__ */ React__default.createElement(Text, { size: "sm", weight: "bold", css: { color: "$neutral800" } }, DASHBOARD_UI_STRINGS.DRAFT)), /* @__PURE__ */ React__default.createElement(Box, { css: { width: "1px", height: "20px", background: "#64748B20" } })), isToggling ? /* @__PURE__ */ React__default.createElement(
+        CircleLoader,
+        {
+          size: "xl",
+          css: {
+            ".twigs-circle-loader__ring": { strokeWidth: "1" },
+            ".twigs-circle-loader__dot": { strokeWidth: "1" }
+          },
+          color: "primary"
+        }
+      ) : /* @__PURE__ */ React__default.createElement(
         Switch,
         {
           size: "md",
           checked: field.isEnabled,
-          onChange: (value) => toggleDashboardField == null ? void 0 : toggleDashboardField(field.id, value)
+          onChange: handleToggle
         }
       ), /* @__PURE__ */ React__default.createElement(DropdownMenu, null, /* @__PURE__ */ React__default.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React__default.createElement(
         IconButton,

package/dist/es/integration-template/components/dashboard/TriggerDashboardItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"TriggerDashboardItem.js","sources":["../../../../../src/integration-template/components/dashboard/TriggerDashboardItem.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  Chip,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n  Flex,\n  IconButton,\n  Switch,\n  Text,\n} from \"@sparrowengg/twigs-react\";\nimport {\n  ChevronDownIcon,\n  ChevronRightIcon,\n  DeleteIcon,\n  EllipsisVerticalIcon,\n  PencilIcon,\n} from \"@sparrowengg/twigs-react-icons\";\nimport React, { useState } from \"react\";\nimport ConfirmationModal from \"../../../commons/components/confirmation-modal\";\nimport {\n  DashboardField,\n  EventField,\n  FieldOptionsType,\n  HandleEditField,\n} from \"../../../commons/types/enhanced\";\nimport { DASHBOARD_UI_STRINGS } from \"../dashboard-constants\";\nimport { transformDataToString } from \"../dashboard-utils\";\nimport { EventComponent } from \"./EventComponent\";\nimport { SingleMappingChipWrapper } from \"./SingleMappingChipWrapper\";\nimport { SingleMappingEventWrapper } from \"./SingleMappingEventWrapper\";\nimport { sanitizeHTML } from \"../../../commons/utils\";\n\ntype TriggerDashboardItemProps = {\n  onTriggerEditHandler: any;\n  isDraft?: boolean;\n  fieldOptions: FieldOptionsType;\n  icon: React.ReactNode;\n  field: DashboardField;\n  description: string;\n  integrationName: string;\n  handleEditField: HandleEditField;\n  handleDashboardPage: (value: boolean, type: string) => void;\n  toggleDashboardField?: (id: string | number, status: boolean) => void;\n  deleteFieldHandler?: (id: string | number) => void;\n};\n\nexport const TriggerDashboardItem: React.FC<TriggerDashboardItemProps> = ({\n  onTriggerEditHandler,\n  isDraft,\n  fieldOptions,\n  icon,\n  field,\n  description,\n  integrationName,\n  handleEditField,\n  handleDashboardPage,\n  toggleDashboardField,\n  deleteFieldHandler,\n}) => {\n  const [isMappingDisplayed, setIsMappingDisplayed] = useState(false);\n  const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false);\n\n  const handleEdit = () => {\n    handleEditField({\n      type: \"TRIGGER\",\n      values: field,\n      id: field.id,\n    });\n    handleDashboardPage(false, \"TRIGGER\");\n  };\n\n  return (\n    <>\n      <Flex\n        flexDirection=\"column\"\n        css={{\n          width: \"100%\",\n          height: \"100%\",\n          overflow: \"auto\",\n          marginTop: \"$8\",\n        }}\n      >\n        <Flex\n          css={{\n            border: isMappingDisplayed\n              ? \"$borderWidths$xs solid $black400\"\n              : \"$borderWidths$xs solid $neutral200\",\n            borderRadius: isMappingDisplayed ? \"$2xl $2xl 0 0\" : \"$2xl\",\n            padding: \"$10 $12\",\n            width: \"100%\",\n            backgroundColor: isMappingDisplayed ? \"rgba(100, 116, 139, 0.04)\" : \"$white900\",\n          }}\n          justifyContent=\"space-between\"\n          alignItems=\"center\"\n        >\n          <Flex\n            alignItems=\"center\"\n            gap=\"$4\"\n            css={{ cursor: \"pointer\" }}\n            onClick={() => setIsMappingDisplayed(!isMappingDisplayed)}\n          >\n            {isMappingDisplayed ? (\n              <ChevronDownIcon size={40} color=\"#848484\" />\n            ) : (\n              <ChevronRightIcon size={40} color=\"#848484\" />\n            )}\n            <Flex alignItems=\"center\" gap=\"$4\">\n              {icon}\n              <Flex gap=\"$1\" flexDirection=\"column\">\n                <Text size=\"md\" weight=\"bold\">\n                  {field?.email ?? DASHBOARD_UI_STRINGS.TRIGGER_HEADING}\n                </Text>\n                <Text size=\"sm\" css={{ color: \"$neutral600\" }}>\n                  {description ?? `Trigger survey when an event happens in ${integrationName}`}\n                </Text>\n              </Flex>\n            </Flex>\n          </Flex>\n          <Flex alignItems=\"center\" gap=\"$12\">\n            {isDraft && (\n              <Flex alignItems=\"center\" gap=\"$12\">\n                <Chip rounded=\"full\" size=\"sm\">\n                  <Box\n                    css={{\n                      background: \"$neutral500\",\n                      borderRadius: \"50%\",\n                      marginRight: \"$1\",\n                      width: \"$4\",\n                      height: \"$4\",\n                    }}\n                  />\n                  <Text size=\"sm\" weight=\"bold\" css={{ color: \"$neutral800\" }}>\n                    {DASHBOARD_UI_STRINGS.DRAFT}\n                  </Text>\n                </Chip>\n                <Box css={{ width: \"1px\", height: \"20px\", background: \"#64748B20\" }} />\n              </Flex>\n            )}\n            <Switch\n              size=\"md\"\n              checked={field.isEnabled}\n              onChange={(value) => toggleDashboardField?.(field.id, value)}\n            />\n            <DropdownMenu>\n              <DropdownMenuTrigger asChild>\n                <IconButton\n                  variant=\"ghost\"\n                  color=\"default\"\n                  size=\"lg\"\n                  icon={<EllipsisVerticalIcon />}\n                  aria-label=\"More options\"\n                />\n              </DropdownMenuTrigger>\n              <DropdownMenuContent\n                className=\"dm-sans\"\n                css={{\n                  minWidth: 180,\n                  zIndex: 10,\n                  \"& p\": { margin: \"0 !important\", padding: \"0 !important\" },\n                }}\n                sideOffset={4}\n                align=\"end\"\n              >\n                <DropdownMenuItem css={{ cursor: \"pointer\" }} onClick={handleEdit}>\n                  <Flex alignItems=\"center\" gap=\"$2\">\n                    <PencilIcon color=\"#6A6A6A\" size={20} />\n                    <Text size=\"sm\">{DASHBOARD_UI_STRINGS.EDIT}</Text>\n                  </Flex>\n                </DropdownMenuItem>\n                <DropdownMenuItem\n                  onClick={() => setIsDeleteModalOpen(true)}\n                  css={{ cursor: \"pointer\" }}\n                >\n                  <Flex alignItems=\"center\" gap=\"$2\">\n                    <DeleteIcon color=\"#6A6A6A\" size={20} />\n                    <Text size=\"sm\">{DASHBOARD_UI_STRINGS.DELETE}</Text>\n                  </Flex>\n                </DropdownMenuItem>\n              </DropdownMenuContent>\n            </DropdownMenu>\n          </Flex>\n        </Flex>\n\n        {isMappingDisplayed && (\n          <Box\n            css={{\n              borderInline: \"$borderWidths$xs solid $black400\",\n              maxHeight: 734,\n              height: \"100%\",\n              position: \"relative\",\n              overflow: \"auto\",\n              padding: \"$16 $36\",\n            }}\n          >\n            <SingleMappingEventWrapper isTrigger field={field} />\n            {(field.fields as any)?.filters?.length ? (\n              <>\n                <Flex flexDirection=\"column\" gap=\"$6\" css={{ paddingBlock: \"$8\" }}>\n                  <Text size=\"sm\" weight=\"bold\" css={{ textTransform: \"uppercase\" }}>\n                    {DASHBOARD_UI_STRINGS.CONDITION}\n                  </Text>\n                  <Box\n                    dangerouslySetInnerHTML={{\n                      __html: sanitizeHTML(transformDataToString(field.fields as any, fieldOptions)),\n                    }}\n                  />\n                </Flex>\n                <Box css={{ marginBlock: \"$4\", height: \"1px\", background: \"$neutral100\" }} />\n              </>\n            ) : null}\n            {((field as any)?.triggerDetails?.variables as EventField[])?.length ? (\n              <SingleMappingChipWrapper\n                heading={\n                  ((field as any)?.triggerDetails?.variables as EventField[])?.length > 1\n                    ? DASHBOARD_UI_STRINGS.PASSING_VARIABLES\n                    : DASHBOARD_UI_STRINGS.PASSING_VARIABLE\n                }\n                fields={(field as any).triggerDetails.variables}\n                backgroundColor=\"$positive100\"\n              />\n            ) : null}\n            <Flex flexDirection=\"column\" gap=\"$6\" css={{ paddingBlock: \"$8\" }}>\n              <Text size=\"sm\" weight=\"bold\">\n                {DASHBOARD_UI_STRINGS.SEND_SURVEY}\n              </Text>\n              <Flex alignItems=\"center\">\n                {(field as any)?.triggerDetails?.shareType?.value ? (\n                  <EventComponent\n                    heading={DASHBOARD_UI_STRINGS.SHARE_TYPE}\n                    description={(field as any)?.triggerDetails?.shareType?.label}\n                  />\n                ) : null}\n                {(field as any)?.triggerDetails?.shareRecipient?.value ? (\n                  <EventComponent\n                    heading={DASHBOARD_UI_STRINGS.RECIPIENT}\n                    hasBorder\n                    description={(field as any)?.triggerDetails?.shareRecipient?.label}\n                  />\n                ) : null}\n                {(field as any)?.triggerDetails?.shareChannel?.value ? (\n                  <EventComponent\n                    hasBorder\n                    heading={DASHBOARD_UI_STRINGS.SHARE_CHANNEL}\n                    description={(field as any)?.triggerDetails?.shareChannel?.label}\n                  />\n                ) : null}\n              </Flex>\n            </Flex>\n          </Box>\n        )}\n\n        {isMappingDisplayed && (\n          <Box\n            css={{\n              padding: \"$8 $32\",\n              border: \"$borderWidths$xs solid $black400\",\n              borderTop: \"$borderWidths$xs solid $neutral200\",\n              borderRadius: \"0 0 $2xl $2xl\",\n              height: \"100%\",\n            }}\n          >\n            <Button\n              size=\"sm\"\n              leftIcon={<PencilIcon />}\n              color=\"primary\"\n              variant=\"ghost\"\n              onClick={handleEdit}\n            >\n              {DASHBOARD_UI_STRINGS.EDIT_TRIGGER}\n            </Button>\n          </Box>\n        )}\n      </Flex>\n      {isDeleteModalOpen && (\n        <ConfirmationModal\n          name={DASHBOARD_UI_STRINGS.DELETE_TRIGGER_TITLE}\n          description={DASHBOARD_UI_STRINGS.DELETE_TRIGGER_MESSAGE}\n          onConfirm={() => deleteFieldHandler?.(field.id)}\n          onCancel={() => setIsDeleteModalOpen(false)}\n        />\n      )}\n    </>\n  );\n};\n\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"TriggerDashboardItem.js","sources":["../../../../../src/integration-template/components/dashboard/TriggerDashboardItem.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  Chip,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n  Flex,\n  IconButton,\n  Switch,\n  Text,\n  CircleLoader,\n} from \"@sparrowengg/twigs-react\";\nimport {\n  ChevronDownIcon,\n  ChevronRightIcon,\n  DeleteIcon,\n  EllipsisVerticalIcon,\n  PencilIcon,\n} from \"@sparrowengg/twigs-react-icons\";\nimport React, { useState } from \"react\";\nimport ConfirmationModal from \"../../../commons/components/confirmation-modal\";\nimport {\n  DashboardField,\n  EventField,\n  FieldOptionsType,\n  HandleEditField,\n} from \"../../../commons/types/enhanced\";\nimport { DASHBOARD_UI_STRINGS } from \"../dashboard-constants\";\nimport { transformDataToString } from \"../dashboard-utils\";\nimport { EventComponent } from \"./EventComponent\";\nimport { SingleMappingChipWrapper } from \"./SingleMappingChipWrapper\";\nimport { SingleMappingEventWrapper } from \"./SingleMappingEventWrapper\";\nimport { sanitizeHTML } from \"../../../commons/utils\";\n\ntype TriggerDashboardItemProps = {\n  onTriggerEditHandler: any;\n  isDraft?: boolean;\n  fieldOptions: FieldOptionsType;\n  icon: React.ReactNode;\n  field: DashboardField;\n  description: string;\n  integrationName: string;\n  handleEditField: HandleEditField;\n  handleDashboardPage: (value: boolean, type: string) => void;\n  toggleDashboardField?: (id: string | number, status: boolean) => void;\n  deleteFieldHandler?: (id: string | number) => void;\n};\n\nexport const TriggerDashboardItem: React.FC<TriggerDashboardItemProps> = ({\n  onTriggerEditHandler,\n  isDraft,\n  fieldOptions,\n  icon,\n  field,\n  description,\n  integrationName,\n  handleEditField,\n  handleDashboardPage,\n  toggleDashboardField,\n  deleteFieldHandler,\n}) => {\n  const [isMappingDisplayed, setIsMappingDisplayed] = useState(false);\n  const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false);\n  const [isToggling, setIsToggling] = useState(false);\n\n  const handleToggle = async (value: boolean) => {\n    if (!toggleDashboardField) return;\n    try {\n      setIsToggling(true);\n      await Promise.resolve(toggleDashboardField(field.id, value));\n    } finally {\n      setIsToggling(false);\n    }\n  };\n\n  const handleEdit = () => {\n    handleEditField({\n      type: \"TRIGGER\",\n      values: field,\n      id: field.id,\n    });\n    handleDashboardPage(false, \"TRIGGER\");\n  };\n\n  return (\n    <>\n      <Flex\n        flexDirection=\"column\"\n        css={{\n          width: \"100%\",\n          height: \"100%\",\n          overflow: \"auto\",\n          marginTop: \"$8\",\n        }}\n      >\n        <Flex\n          css={{\n            border: isMappingDisplayed\n              ? \"$borderWidths$xs solid $black400\"\n              : \"$borderWidths$xs solid $neutral200\",\n            borderRadius: isMappingDisplayed ? \"$2xl $2xl 0 0\" : \"$2xl\",\n            padding: \"$10 $12\",\n            width: \"100%\",\n            backgroundColor: isMappingDisplayed ? \"rgba(100, 116, 139, 0.04)\" : \"$white900\",\n          }}\n          justifyContent=\"space-between\"\n          alignItems=\"center\"\n        >\n          <Flex\n            alignItems=\"center\"\n            gap=\"$4\"\n            css={{ cursor: \"pointer\" }}\n            onClick={() => setIsMappingDisplayed(!isMappingDisplayed)}\n          >\n            {isMappingDisplayed ? (\n              <ChevronDownIcon size={40} color=\"#848484\" />\n            ) : (\n              <ChevronRightIcon size={40} color=\"#848484\" />\n            )}\n            <Flex alignItems=\"center\" gap=\"$4\">\n              {icon}\n              <Flex gap=\"$1\" flexDirection=\"column\">\n                <Text size=\"md\" weight=\"bold\">\n                  {field?.email ?? DASHBOARD_UI_STRINGS.TRIGGER_HEADING}\n                </Text>\n                <Text size=\"sm\" css={{ color: \"$neutral600\" }}>\n                  {description ?? `Trigger survey when an event happens in ${integrationName}`}\n                </Text>\n              </Flex>\n            </Flex>\n          </Flex>\n          <Flex alignItems=\"center\" gap=\"$12\">\n            {isDraft && (\n              <Flex alignItems=\"center\" gap=\"$12\">\n                <Chip rounded=\"full\" size=\"sm\">\n                  <Box\n                    css={{\n                      background: \"$neutral500\",\n                      borderRadius: \"50%\",\n                      marginRight: \"$1\",\n                      width: \"$4\",\n                      height: \"$4\",\n                    }}\n                  />\n                  <Text size=\"sm\" weight=\"bold\" css={{ color: \"$neutral800\" }}>\n                    {DASHBOARD_UI_STRINGS.DRAFT}\n                  </Text>\n                </Chip>\n                <Box css={{ width: \"1px\", height: \"20px\", background: \"#64748B20\" }} />\n              </Flex>\n            )}\n            {isToggling ? (\n              <CircleLoader\n                size=\"xl\"\n                css={{\n                  \".twigs-circle-loader__ring\": { strokeWidth: \"1\" },\n                  \".twigs-circle-loader__dot\": { strokeWidth: \"1\" },\n                }}\n                color=\"primary\"\n              />\n            ) : (\n              <Switch\n                size=\"md\"\n                checked={field.isEnabled}\n                onChange={handleToggle}\n              />\n            )}\n            <DropdownMenu>\n              <DropdownMenuTrigger asChild>\n                <IconButton\n                  variant=\"ghost\"\n                  color=\"default\"\n                  size=\"lg\"\n                  icon={<EllipsisVerticalIcon />}\n                  aria-label=\"More options\"\n                />\n              </DropdownMenuTrigger>\n              <DropdownMenuContent\n                className=\"dm-sans\"\n                css={{\n                  minWidth: 180,\n                  zIndex: 10,\n                  \"& p\": { margin: \"0 !important\", padding: \"0 !important\" },\n                }}\n                sideOffset={4}\n                align=\"end\"\n              >\n                <DropdownMenuItem css={{ cursor: \"pointer\" }} onClick={handleEdit}>\n                  <Flex alignItems=\"center\" gap=\"$2\">\n                    <PencilIcon color=\"#6A6A6A\" size={20} />\n                    <Text size=\"sm\">{DASHBOARD_UI_STRINGS.EDIT}</Text>\n                  </Flex>\n                </DropdownMenuItem>\n                <DropdownMenuItem\n                  onClick={() => setIsDeleteModalOpen(true)}\n                  css={{ cursor: \"pointer\" }}\n                >\n                  <Flex alignItems=\"center\" gap=\"$2\">\n                    <DeleteIcon color=\"#6A6A6A\" size={20} />\n                    <Text size=\"sm\">{DASHBOARD_UI_STRINGS.DELETE}</Text>\n                  </Flex>\n                </DropdownMenuItem>\n              </DropdownMenuContent>\n            </DropdownMenu>\n          </Flex>\n        </Flex>\n\n        {isMappingDisplayed && (\n          <Box\n            css={{\n              borderInline: \"$borderWidths$xs solid $black400\",\n              maxHeight: 734,\n              height: \"100%\",\n              position: \"relative\",\n              overflow: \"auto\",\n              padding: \"$16 $36\",\n            }}\n          >\n            <SingleMappingEventWrapper isTrigger field={field} />\n            {(field.fields as any)?.filters?.length ? (\n              <>\n                <Flex flexDirection=\"column\" gap=\"$6\" css={{ paddingBlock: \"$8\" }}>\n                  <Text size=\"sm\" weight=\"bold\" css={{ textTransform: \"uppercase\" }}>\n                    {DASHBOARD_UI_STRINGS.CONDITION}\n                  </Text>\n                  <Box\n                    dangerouslySetInnerHTML={{\n                      __html: sanitizeHTML(transformDataToString(field.fields as any, fieldOptions)),\n                    }}\n                  />\n                </Flex>\n                <Box css={{ marginBlock: \"$4\", height: \"1px\", background: \"$neutral100\" }} />\n              </>\n            ) : null}\n            {((field as any)?.triggerDetails?.variables as EventField[])?.length ? (\n              <SingleMappingChipWrapper\n                heading={\n                  ((field as any)?.triggerDetails?.variables as EventField[])?.length > 1\n                    ? DASHBOARD_UI_STRINGS.PASSING_VARIABLES\n                    : DASHBOARD_UI_STRINGS.PASSING_VARIABLE\n                }\n                fields={(field as any).triggerDetails.variables}\n                backgroundColor=\"$positive100\"\n              />\n            ) : null}\n            <Flex flexDirection=\"column\" gap=\"$6\" css={{ paddingBlock: \"$8\" }}>\n              <Text size=\"sm\" weight=\"bold\">\n                {DASHBOARD_UI_STRINGS.SEND_SURVEY}\n              </Text>\n              <Flex alignItems=\"center\">\n                {(field as any)?.triggerDetails?.shareType?.value ? (\n                  <EventComponent\n                    heading={DASHBOARD_UI_STRINGS.SHARE_TYPE}\n                    description={(field as any)?.triggerDetails?.shareType?.label}\n                  />\n                ) : null}\n                {(field as any)?.triggerDetails?.shareRecipient?.value ? (\n                  <EventComponent\n                    heading={DASHBOARD_UI_STRINGS.RECIPIENT}\n                    hasBorder\n                    description={(field as any)?.triggerDetails?.shareRecipient?.label}\n                  />\n                ) : null}\n                {(field as any)?.triggerDetails?.shareChannel?.value ? (\n                  <EventComponent\n                    hasBorder\n                    heading={DASHBOARD_UI_STRINGS.SHARE_CHANNEL}\n                    description={(field as any)?.triggerDetails?.shareChannel?.label}\n                  />\n                ) : null}\n              </Flex>\n            </Flex>\n          </Box>\n        )}\n\n        {isMappingDisplayed && (\n          <Box\n            css={{\n              padding: \"$8 $32\",\n              border: \"$borderWidths$xs solid $black400\",\n              borderTop: \"$borderWidths$xs solid $neutral200\",\n              borderRadius: \"0 0 $2xl $2xl\",\n              height: \"100%\",\n            }}\n          >\n            <Button\n              size=\"sm\"\n              leftIcon={<PencilIcon />}\n              color=\"primary\"\n              variant=\"ghost\"\n              onClick={handleEdit}\n            >\n              {DASHBOARD_UI_STRINGS.EDIT_TRIGGER}\n            </Button>\n          </Box>\n        )}\n      </Flex>\n      {isDeleteModalOpen && (\n        <ConfirmationModal\n          name={DASHBOARD_UI_STRINGS.DELETE_TRIGGER_TITLE}\n          description={DASHBOARD_UI_STRINGS.DELETE_TRIGGER_MESSAGE}\n          onConfirm={() => deleteFieldHandler?.(field.id)}\n          onCancel={() => setIsDeleteModalOpen(false)}\n        />\n      )}\n    </>\n  );\n};\n\n"],"names":["React"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import React__default, { useState } from 'react';
+import React__default, { useState, useEffect, useMemo } from 'react';
 import { parseDate as $fae977aafc393c5c$export$6b862160d295c8e } from '../../node_modules/@internationalized/date/dist/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';
@@ -6,22 +6,55 @@ import { Input } from '../../node_modules/@sparrowengg/twigs-react/dist/es/input
 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) {
+  if (v == null || String(v).trim() === "") {
+    return $fae977aafc393c5c$export$6b862160d295c8e(dayjs().format("YYYY-MM-DD"));
+  }
+  const trimmed = String(v).trim();
+  try {
+    if (/^\d{4}-\d{2}-\d{2}/.test(trimmed)) {
+      return $fae977aafc393c5c$export$6b862160d295c8e(trimmed.slice(0, 10));
+    }
+    const parsed = dayjs(trimmed);
+    if (parsed.isValid()) {
+      return $fae977aafc393c5c$export$6b862160d295c8e(parsed.format("YYYY-MM-DD"));
+    }
+  } catch (e) {
+  }
+  return $fae977aafc393c5c$export$6b862160d295c8e(dayjs().format("YYYY-MM-DD"));
+}
+function formatCalendarDateParts(d) {
+  return `${d.year}-${String(d.month).padStart(2, "0")}-${String(d.day).padStart(2, "0")}`;
+}
 const CustomDateMenu = ({
   onChangeHandler,
-  value
+  value,
+  variant = "datetime"
 }) => {
   const [popoverOpen, setPopoverOpen] = useState(false);
-  const [date, setDate] = useState(() => {
-    try {
-      return value ? $fae977aafc393c5c$export$6b862160d295c8e(value) : $fae977aafc393c5c$export$6b862160d295c8e(dayjs().format("YYYY-MM-DD"));
-    } catch (e) {
-      return $fae977aafc393c5c$export$6b862160d295c8e(dayjs().format("YYYY-MM-DD"));
+  const [date, setDate] = useState(() => parseStringToDateValue(value));
+  useEffect(() => {
+    setDate(parseStringToDateValue(value));
+  }, [value]);
+  const inputDisplay = useMemo(() => {
+    if (value == null || String(value).trim() === "") {
+      return "";
+    }
+    const s = String(value);
+    if (variant === "datetime" && s.includes("\u2022")) {
+      return s;
+    }
+    const parsed = dayjs(s);
+    if (parsed.isValid()) {
+      return variant === "date" ? parsed.format("MM/DD/YYYY") : parsed.format("MM/DD/YYYY \u2022 HH:mm");
     }
-  });
+    return s;
+  }, [value, variant]);
+  const datetimePlaceholder = dayjs(/* @__PURE__ */ new Date()).format("MM/DD/YYYY \u2022 HH:mm");
   return /* @__PURE__ */ React__default.createElement(Popover, { open: popoverOpen, onOpenChange: (open) => setPopoverOpen(open) }, /* @__PURE__ */ React__default.createElement(PopoverTrigger, { asChild: true }, /* @__PURE__ */ React__default.createElement(
     Input,
     {
-      value: value || dayjs(/* @__PURE__ */ new Date()).format("MM/DD/YYYY \u2022 HH:mm"),
+      value: inputDisplay || (variant === "datetime" ? datetimePlaceholder : ""),
       size: "lg",
       readOnly: true,
       rightIcon: /* @__PURE__ */ React__default.createElement(CalendarIcon, null)
@@ -39,10 +72,14 @@ const CustomDateMenu = ({
         footerActionText: "Apply",
         value: date,
         onChange: setDate,
-        showTimePicker: true,
+        showTimePicker: variant === "datetime",
         footerAction: () => {
-          const jsDate = new Date(date.year, date.month - 1, date.day);
-          onChangeHandler(dayjs(jsDate).format("MM/DD/YYYY \u2022 HH:mm"));
+          if (variant === "date") {
+            onChangeHandler(formatCalendarDateParts(date));
+          } else {
+            const jsDate = new Date(date.year, date.month - 1, date.day);
+            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, { 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, CalendarDate } from \"@internationalized/date\";\nimport dayjs from \"dayjs\";\n\ntype CustomDateMenuProps = {\n  onChangeHandler: (value: string) => void;\n  value: string;\n};\n\nconst CustomDateMenu: React.FC<CustomDateMenuProps> = ({\n  onChangeHandler,\n  value,\n}) => {\n  const [popoverOpen, setPopoverOpen] = useState(false);\n  const [date, setDate] = useState<DateValue>(() => {\n    try {\n      return value ? parseDate(value) : parseDate(dayjs().format(\"YYYY-MM-DD\"));\n    } catch (e) {\n      return parseDate(dayjs().format(\"YYYY-MM-DD\"));\n    }\n  });\n\n  return (\n    <Popover open={popoverOpen} onOpenChange={(open) => setPopoverOpen(open)}>\n      <PopoverTrigger asChild>\n        <Input\n          value={value || dayjs(new Date()).format(\"MM/DD/YYYY • HH:mm\")}\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\n          footerAction={() => {\n            // Convert DateValue to JavaScript Date for dayjs\n            const jsDate = new Date(date.year, date.month - 1, date.day);\n            onChangeHandler(dayjs(jsDate).format(\"MM/DD/YYYY • HH:mm\"));\n            setPopoverOpen(false);\n          }}\n        />\n      </PopoverContent>\n    </Popover>\n  );\n};\n\nexport default CustomDateMenu;\n"],"names":["parseDate","React"],"mappings":";;;;;;;;AAiBA,MAAM,iBAAgD,CAAC;AAAA,EACrD,eAAA;AAAA,EACA;AACF,CAAA,KAAM;AACJ,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAS,KAAK,CAAA;AACpD,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAoB,MAAM;AAChD,IAAA,IAAI;AACF,MAAA,OAAO,KAAA,GAAQA,yCAAU,KAAK,CAAA,GAAIA,yCAAU,KAAA,EAAM,CAAE,MAAA,CAAO,YAAY,CAAC,CAAA;AAAA,IAC1E,SAAS,CAAA,EAAG;AACV,MAAA,OAAOA,wCAAA,CAAU,KAAA,EAAM,CAAE,MAAA,CAAO,YAAY,CAAC,CAAA;AAAA,IAC/C;AAAA,EACF,CAAC,CAAA;AAED,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,EAAO,SAAS,KAAA,iBAAM,IAAI,MAAM,CAAA,CAAE,OAAO,yBAAoB,CAAA;AAAA,MAC7D,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,QAAA,EAAU,OAAA;AAAA,QACV,cAAA,EAAc,IAAA;AAAA,QACd,cAAc,MAAM;AAElB,UAAA,MAAM,MAAA,GAAS,IAAI,IAAA,CAAK,IAAA,CAAK,MAAM,IAAA,CAAK,KAAA,GAAQ,CAAA,EAAG,IAAA,CAAK,GAAG,CAAA;AAC3D,UAAA,eAAA,CAAgB,KAAA,CAAM,MAAM,CAAA,CAAE,MAAA,CAAO,yBAAoB,CAAC,CAAA;AAC1D,UAAA,cAAA,CAAe,KAAK,CAAA;AAAA,QACtB;AAAA;AAAA;AACF,GAEJ,CAAA;AAEJ;;;;"}
+{"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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"}

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

@@ -64,7 +64,7 @@ const Field = ({
   removeField,
   showCustomPropertyModal
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
   useEffect(() => {
     if (!field.integrationField) {
       const foundField = integrationFields.find(
@@ -227,7 +227,7 @@ const Field = ({
           integrationFieldType: (_p = (_o = (_m = (_k = field == null ? void 0 : field.integrationFieldType) == null ? void 0 : _k.value) != null ? _m : (_l = integrationFields.find(
             (integrationField) => integrationField.label === (field == null ? void 0 : field.essentialFieldLabel)
           )) == null ? void 0 : _l.type) != null ? _o : (_n = field.integrationField) == null ? void 0 : _n.type) != null ? _p : "STRING",
-          value: (_r = (_q = field == null ? void 0 : field.defaultValue) == null ? void 0 : _q.value) != null ? _r : field == null ? void 0 : field.defaultValue
+          defaultValue: field == null ? void 0 : field.defaultValue
         }
       )
     )),
@@ -249,8 +249,19 @@ const Field = ({
     )
   ));
 };
-const DefaultField = ({ integrationFieldType, handleFieldValue, value }) => {
-  switch (`${integrationFieldType}`) {
+function resolveDefaultValueForControl(defaultValue) {
+  if (defaultValue == null) {
+    return void 0;
+  }
+  if (typeof defaultValue === "object" && defaultValue !== null && "value" in defaultValue) {
+    return defaultValue.value;
+  }
+  return defaultValue;
+}
+const DefaultField = ({ integrationFieldType, handleFieldValue, defaultValue }) => {
+  const value = resolveDefaultValueForControl(defaultValue);
+  const normalizedType = `${integrationFieldType != null ? integrationFieldType : "STRING"}`.toUpperCase();
+  switch (normalizedType) {
     case "BOOLEAN":
       return /* @__PURE__ */ React__default.createElement(
         Select,
@@ -275,10 +286,12 @@ const DefaultField = ({ integrationFieldType, handleFieldValue, value }) => {
         }
       );
     case "DATE_TIME":
+    case "DATETIME":
       return /* @__PURE__ */ React__default.createElement(
         CustomDateMenu,
         {
-          value,
+          variant: "datetime",
+          value: value != null && value !== "" ? String(value) : "",
           onChangeHandler: (dateValue) => {
             handleFieldValue({
               type: "DATE_TIME",
@@ -287,6 +300,20 @@ const DefaultField = ({ integrationFieldType, handleFieldValue, value }) => {
           }
         }
       );
+    case "DATE":
+      return /* @__PURE__ */ React__default.createElement(
+        CustomDateMenu,
+        {
+          variant: "date",
+          value: value != null && value !== "" ? String(value) : "",
+          onChangeHandler: (dateValue) => {
+            handleFieldValue({
+              type: "DATE",
+              value: dateValue
+            });
+          }
+        }
+      );
     case "NUMBER":
       return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
         Input,
@@ -294,11 +321,11 @@ const DefaultField = ({ integrationFieldType, handleFieldValue, value }) => {
           size: "lg",
           type: "number",
           placeholder: "",
-          value,
+          value: value === null || value === void 0 ? "" : value,
           min: 0,
           onChange: (e) => handleFieldValue({
             type: "NUMBER",
-            value: parseInt(e.currentTarget.value)
+            value: parseInt(e.currentTarget.value, 10)
           })
         }
       ));
@@ -308,7 +335,7 @@ const DefaultField = ({ integrationFieldType, handleFieldValue, value }) => {
         {
           size: "lg",
           placeholder: "",
-          value,
+          value: value === null || value === void 0 ? "" : String(value),
           onChange: (e) => handleFieldValue({
             type: "STRING",
             value: e.currentTarget.value

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

@@ -1 +1 @@
-{"version":3,"file":"field.js","sources":["../../../../src/mapping/components/field.tsx"],"sourcesContent":["import {\n  Box,\n  Flex,\n  FormLabel,\n  IconButton,\n  Input,\n  Select,\n  Text,\n  Tooltip,\n} from \"@sparrowengg/twigs-react\";\nimport React, { useEffect } from \"react\";\nimport Trash from \"../../commons/icons/trash\";\nimport CustomMenu from \"./custom-menu\";\nimport { integrationsClassicSubmissionProperties, integrationsNpsSubmissionProperties, mappingType, subMenuOptions } from \"../../commons/constants\";\nimport { handleMappingOptions } from \"../../commons/helpers\";\nimport Arrow from \"../../commons/icons/arrow\";\nimport { FieldProps } from \"../types\";\nimport CustomDateMenu from \"./custom-date-menu\";\nimport CustomOption from \"./custom-option\";\nimport PlaceholderSpan from \"./placeholder-span\";\nimport { DateValue } from \"@internationalized/date\";\nimport { InfoIcon } from \"@sparrowengg/twigs-react-icons\";\n\nconst customStyles = {\n  menuList: (prevStyles: any) => ({\n    ...prevStyles,\n    maxHeight: 176,\n    // width: \"300px !important\",\n  }),\n};\n\nconst subMenuCustomStyles = {\n  menu: (prevStyles: any) => ({\n    ...prevStyles,\n    width: 260,\n    right: 0,\n  }),\n};\n\nconst Field: React.FC<FieldProps> = ({\n  hasDerivedQuestions,\n  hasSurveyProperties,\n  surveyType,\n  havingTypeDropdown,\n  field,\n  isFirstField,\n  handleFieldValue,\n  ssMappingData,\n  integrationFields,\n  integrationName,\n  hasCustomMenuProperty,\n  isBtnDisabled,\n  removeField,\n  showCustomPropertyModal,\n}) => {\n  useEffect(() => {\n    if (!field.integrationField) {\n      const foundField = integrationFields.find(\n        (integrationField: any) =>\n          integrationField.label === field?.essentialFieldLabel\n      );\n      if (foundField) {\n        field.integrationField = {\n          label: foundField.label,\n          value: foundField.value,\n          type: foundField.type,\n        };\n      }\n    }\n  }, [field, integrationFields]);\n\n  const hasNumberDefaultField = (type: any): boolean => {\n    if(type === \"NUMBER\"){\n      return true;\n    }\n    return false;\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap=\"$8\">\n      {field?.essentialFieldLabel && (\n        <Text size=\"sm\" weight=\"bold\">\n          {field.essentialFieldLabel}\n          <PlaceholderSpan color=\"$negative500\">*</PlaceholderSpan>\n        </Text>\n      )}\n      <Flex\n        key={field.id}\n        css={{\n          width: \"100%\",\n          \"&:hover\": {\n            \"& button\": {\n              opacity: 1,\n            },\n            \"& #arrow path\": {\n              fill: \"$secondary500\",\n            },\n          },\n        }}\n        alignItems=\"center\"\n        gap=\"$6\"\n      >\n        <Flex flexDirection=\"column\" gap=\"$2\" css={{ width: 144 }}>\n          {(isFirstField || field.isEssentialField) && (\n            <FormLabel size=\"xs\" css={{ fontWeight: \"$5\" }}>\n              Type\n            </FormLabel>\n          )}\n          <Select\n            placeholder=\"Choose\"\n            size=\"lg\"\n            isSearchable={false}\n            value={field?.mappedType}\n            options={hasDerivedQuestions ? mappingType : mappingType.filter((type) => type?.value !== \"DERIVED_QUESTION\")}\n            onChange={(type: any) => handleFieldValue(field?.id, \"type\", type)}\n            styles={customStyles}\n          />\n        </Flex>\n        <Flex alignItems=\"center\" css={{ flex: 1 }} gap=\"11px\">\n          <Flex flexDirection=\"column\" gap=\"$2\" css={{ width: \"100%\" }}>\n            {(isFirstField || field.isEssentialField) && (\n              <FormLabel size=\"xs\" css={{ fontWeight: \"$5\" }}>\n                SurveySparrow Field\n              </FormLabel>\n            )}\n            <Select\n              size=\"lg\"\n              placeholder=\"Choose\"\n              value={field?.surveySparrowField}\n              onChange={(ssField: any) =>\n                handleFieldValue(field?.id, \"surveySparrowField\", ssField)\n              }\n              options={handleMappingOptions(\n                (field?.mappedType?.value ?? \"QUESTION\") as string,\n                ssMappingData.questions,\n                ssMappingData.contactProperties,\n                ssMappingData.derivedQuestions,\n                ssMappingData.variables,\n                ssMappingData.expressions,\n                integrationsNpsSubmissionProperties,\n                integrationsClassicSubmissionProperties,\n                surveyType,\n                hasSurveyProperties\n              )?.map((option: any) => {\n                if(!option?.label || !option?.label?.length){\n                  return {\n                    ...option,\n                    label: option.rtxt,\n                    \n                  }\n                }\n                return option;\n              })}\n              styles={customStyles}\n            />\n          </Flex>\n          <Box\n            as=\"span\"\n            id=\"arrow\"\n            css={{\n              paddingTop: isFirstField || field.isEssentialField ? \"$9\" : 0,\n            }}\n          >\n            <Arrow />\n          </Box>\n          <Flex flexDirection=\"column\" gap=\"$2\">\n            {(isFirstField || field.isEssentialField) && (\n              <FormLabel size=\"xs\" css={{ fontWeight: \"$5\" }}>\n                {`${integrationName} Field`}\n              </FormLabel>\n            )}\n            <Flex alignItems=\"center\">\n              <Select\n                placeholder=\"Choose\"\n                size=\"lg\"\n                value={\n                  field?.integrationField ??\n                  integrationFields.find(\n                    (integrationField: any) =>\n                      integrationField.label === field?.essentialFieldLabel\n                  )\n                }\n                isDisabled={!!integrationFields.find(\n                  (integrationField: any) =>\n                    integrationField.label === field?.essentialFieldLabel\n                )}\n                onChange={(integration: any) => {\n                  handleFieldValue(field?.id, \"integrationField\", integration);\n                }}\n                css={{\n                  width: 260,\n                  \"& .twigs-select__control\": {\n                    borderTopRightRadius: havingTypeDropdown ? 0 : \"$lg\",\n                    borderBottomRightRadius: havingTypeDropdown ? 0 : \"$lg\",\n                  },\n                }}\n                options={integrationFields}\n                styles={customStyles}\n                components={{\n                  ...(hasCustomMenuProperty && {\n                    Menu: (props: any) => (\n                      <CustomMenu\n                        {...props}\n                        customOnClick={showCustomPropertyModal}\n                      />\n                    ),\n                  }),\n                }}\n              />\n              {havingTypeDropdown && (\n                <Select\n                  css={{\n                    width: 112,\n                    \"& .twigs-select__control\": {\n                      borderTopLeftRadius: 0,\n                      borderBottomLeftRadius: 0,\n                      border: \"$borderWidths$xs solid $neutral200\",\n                    },\n                  }}\n                  isDisabled={!field?.integrationField?.value}\n                  value={field?.integrationFieldType}\n                  onChange={(integration: any) =>\n                    handleFieldValue(\n                      field?.id,\n                      \"integrationFieldType\",\n                      integration\n                    )\n                  }\n                  styles={subMenuCustomStyles}\n                  options={subMenuOptions}\n                  closeMenuOnSelect\n                  // @ts-ignore\n                  noneOptionHandler={(value) =>\n                    handleFieldValue(field?.id, \"integrationFieldType\", value)\n                  }\n                  components={{ Menu: CustomMenu as any, Option: CustomOption as any }}\n                  placeholder=\"Choose\"\n                  size=\"lg\"\n                />\n              )}\n            </Flex>\n          </Flex>\n          <Flex\n            flexDirection=\"column\"\n            gap=\"$2\"\n            css={{ maxWidth: 180, width: \"100%\" }}\n          >\n            {(isFirstField || field.isEssentialField) && (\n              <Flex alignItems=\"center\" gap=\"$2\" css={{\n                cursor: \"pointer\",\n              }}>\n                <FormLabel size=\"xs\" css={{ width: \"fit-content !important\", justifyContent: \"start\", alignItems: \"center\", fontWeight: \"$5\" }}>\n                {\"Default Value (Optional)\"}\n                \n              </FormLabel>\n              {(field?.integrationFieldType?.value ??\n                integrationFields.find(\n                  (integrationField: any) =>\n                    integrationField.label === field?.essentialFieldLabel\n                )?.type ?? field.integrationField?.type) === \"NUMBER\" ? <Tooltip className=\"dm-sans\" content=\"Please enter a valid number\">\n                  <InfoIcon size={14} color=\"#9E9E9E\" />\n                </Tooltip> : null}\n                </Flex>\n              \n            )}\n            <DefaultField\n              handleFieldValue={(value: any) => {\n                handleFieldValue(field?.id, \"defaultValue\", value);\n              }}\n              integrationFieldType={\n                (field?.integrationFieldType?.value ??\n                integrationFields.find(\n                  (integrationField: any) =>\n                    integrationField.label === field?.essentialFieldLabel\n                )?.type ?? field.integrationField?.type ?? \"STRING\") as string\n              }\n              value={(field?.defaultValue as any)?.value ?? field?.defaultValue}\n            />\n          </Flex>\n        </Flex>\n        {!field.isEssentialField && (\n          <IconButton\n            css={{\n              transition: \"all .3s ease\",\n              marginTop: isFirstField ? \"$11\" : 0,\n            }}\n            size=\"sm\"\n            icon={<Trash />}\n            variant=\"ghost\"\n            color=\"default\"\n            disabled={isBtnDisabled}\n            onClick={removeField}\n            aria-label=\"Remove field\"\n          />\n        )}\n      </Flex>\n    </Flex>\n  );\n};\n\nexport default Field;\n\nconst DefaultField: React.FC<{\n  integrationFieldType: string;\n  handleFieldValue: (value: any) => void;\n  value: any;\n}> = ({ integrationFieldType, handleFieldValue, value }) => {\n  switch (`${integrationFieldType}`) {\n    case \"BOOLEAN\":\n      return (\n        <Select\n          options={[\n            {\n              label: \"true\",\n              value: true,\n            },\n            {\n              label: \"false\",\n              value: false,\n            },\n          ]}\n          size=\"lg\"\n          value={value}\n          placeholder=\"\"\n          onChange={(booleanValue: any) =>\n            handleFieldValue({\n              type: \"BOOLEAN\",\n              value: booleanValue,\n            })\n          }\n        />\n      );\n    case \"DATE_TIME\":\n      return (\n        <CustomDateMenu\n          value={value}\n          onChangeHandler={(dateValue: any) => {\n            handleFieldValue({\n              type: \"DATE_TIME\",\n              value: dateValue,\n            });\n          }}\n        />\n      );\n    case \"NUMBER\":\n      return (\n        <>\n          <Input\n            size=\"lg\"\n            type=\"number\"\n            placeholder=\"\"\n            value={value}\n            min={0}\n            onChange={(e: any) =>\n              handleFieldValue({\n                type: \"NUMBER\",\n                value: parseInt(e.currentTarget.value),\n              })\n            }\n          />\n        </>\n      );\n    default:\n      return (\n        <Input\n          size=\"lg\"\n          placeholder=\"\"\n          value={value}\n          onChange={(e: any) =>\n            handleFieldValue({\n              type: \"STRING\",\n              value: e.currentTarget.value,\n            })\n          }\n        />\n      );\n  }\n};"],"names":["React","_a"],"mappings":"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"}
+{"version":3,"file":"field.js","sources":["../../../../src/mapping/components/field.tsx"],"sourcesContent":["import {\n  Box,\n  Flex,\n  FormLabel,\n  IconButton,\n  Input,\n  Select,\n  Text,\n  Tooltip,\n} from \"@sparrowengg/twigs-react\";\nimport React, { useEffect } from \"react\";\nimport Trash from \"../../commons/icons/trash\";\nimport CustomMenu from \"./custom-menu\";\nimport { integrationsClassicSubmissionProperties, integrationsNpsSubmissionProperties, mappingType, subMenuOptions } from \"../../commons/constants\";\nimport { handleMappingOptions } from \"../../commons/helpers\";\nimport Arrow from \"../../commons/icons/arrow\";\nimport { FieldProps } from \"../types\";\nimport CustomDateMenu from \"./custom-date-menu\";\nimport CustomOption from \"./custom-option\";\nimport PlaceholderSpan from \"./placeholder-span\";\nimport { InfoIcon } from \"@sparrowengg/twigs-react-icons\";\n\nconst customStyles = {\n  menuList: (prevStyles: any) => ({\n    ...prevStyles,\n    maxHeight: 176,\n    // width: \"300px !important\",\n  }),\n};\n\nconst subMenuCustomStyles = {\n  menu: (prevStyles: any) => ({\n    ...prevStyles,\n    width: 260,\n    right: 0,\n  }),\n};\n\nconst Field: React.FC<FieldProps> = ({\n  hasDerivedQuestions,\n  hasSurveyProperties,\n  surveyType,\n  havingTypeDropdown,\n  field,\n  isFirstField,\n  handleFieldValue,\n  ssMappingData,\n  integrationFields,\n  integrationName,\n  hasCustomMenuProperty,\n  isBtnDisabled,\n  removeField,\n  showCustomPropertyModal,\n}) => {\n  useEffect(() => {\n    if (!field.integrationField) {\n      const foundField = integrationFields.find(\n        (integrationField: any) =>\n          integrationField.label === field?.essentialFieldLabel\n      );\n      if (foundField) {\n        field.integrationField = {\n          label: foundField.label,\n          value: foundField.value,\n          type: foundField.type,\n        };\n      }\n    }\n  }, [field, integrationFields]);\n\n  const hasNumberDefaultField = (type: any): boolean => {\n    if(type === \"NUMBER\"){\n      return true;\n    }\n    return false;\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap=\"$8\">\n      {field?.essentialFieldLabel && (\n        <Text size=\"sm\" weight=\"bold\">\n          {field.essentialFieldLabel}\n          <PlaceholderSpan color=\"$negative500\">*</PlaceholderSpan>\n        </Text>\n      )}\n      <Flex\n        key={field.id}\n        css={{\n          width: \"100%\",\n          \"&:hover\": {\n            \"& button\": {\n              opacity: 1,\n            },\n            \"& #arrow path\": {\n              fill: \"$secondary500\",\n            },\n          },\n        }}\n        alignItems=\"center\"\n        gap=\"$6\"\n      >\n        <Flex flexDirection=\"column\" gap=\"$2\" css={{ width: 144 }}>\n          {(isFirstField || field.isEssentialField) && (\n            <FormLabel size=\"xs\" css={{ fontWeight: \"$5\" }}>\n              Type\n            </FormLabel>\n          )}\n          <Select\n            placeholder=\"Choose\"\n            size=\"lg\"\n            isSearchable={false}\n            value={field?.mappedType}\n            options={hasDerivedQuestions ? mappingType : mappingType.filter((type) => type?.value !== \"DERIVED_QUESTION\")}\n            onChange={(type: any) => handleFieldValue(field?.id, \"type\", type)}\n            styles={customStyles}\n          />\n        </Flex>\n        <Flex alignItems=\"center\" css={{ flex: 1 }} gap=\"11px\">\n          <Flex flexDirection=\"column\" gap=\"$2\" css={{ width: \"100%\" }}>\n            {(isFirstField || field.isEssentialField) && (\n              <FormLabel size=\"xs\" css={{ fontWeight: \"$5\" }}>\n                SurveySparrow Field\n              </FormLabel>\n            )}\n            <Select\n              size=\"lg\"\n              placeholder=\"Choose\"\n              value={field?.surveySparrowField}\n              onChange={(ssField: any) =>\n                handleFieldValue(field?.id, \"surveySparrowField\", ssField)\n              }\n              options={handleMappingOptions(\n                (field?.mappedType?.value ?? \"QUESTION\") as string,\n                ssMappingData.questions,\n                ssMappingData.contactProperties,\n                ssMappingData.derivedQuestions,\n                ssMappingData.variables,\n                ssMappingData.expressions,\n                integrationsNpsSubmissionProperties,\n                integrationsClassicSubmissionProperties,\n                surveyType,\n                hasSurveyProperties\n              )?.map((option: any) => {\n                if(!option?.label || !option?.label?.length){\n                  return {\n                    ...option,\n                    label: option.rtxt,\n                    \n                  }\n                }\n                return option;\n              })}\n              styles={customStyles}\n            />\n          </Flex>\n          <Box\n            as=\"span\"\n            id=\"arrow\"\n            css={{\n              paddingTop: isFirstField || field.isEssentialField ? \"$9\" : 0,\n            }}\n          >\n            <Arrow />\n          </Box>\n          <Flex flexDirection=\"column\" gap=\"$2\">\n            {(isFirstField || field.isEssentialField) && (\n              <FormLabel size=\"xs\" css={{ fontWeight: \"$5\" }}>\n                {`${integrationName} Field`}\n              </FormLabel>\n            )}\n            <Flex alignItems=\"center\">\n              <Select\n                placeholder=\"Choose\"\n                size=\"lg\"\n                value={\n                  field?.integrationField ??\n                  integrationFields.find(\n                    (integrationField: any) =>\n                      integrationField.label === field?.essentialFieldLabel\n                  )\n                }\n                isDisabled={!!integrationFields.find(\n                  (integrationField: any) =>\n                    integrationField.label === field?.essentialFieldLabel\n                )}\n                onChange={(integration: any) => {\n                  handleFieldValue(field?.id, \"integrationField\", integration);\n                }}\n                css={{\n                  width: 260,\n                  \"& .twigs-select__control\": {\n                    borderTopRightRadius: havingTypeDropdown ? 0 : \"$lg\",\n                    borderBottomRightRadius: havingTypeDropdown ? 0 : \"$lg\",\n                  },\n                }}\n                options={integrationFields}\n                styles={customStyles}\n                components={{\n                  ...(hasCustomMenuProperty && {\n                    Menu: (props: any) => (\n                      <CustomMenu\n                        {...props}\n                        customOnClick={showCustomPropertyModal}\n                      />\n                    ),\n                  }),\n                }}\n              />\n              {havingTypeDropdown && (\n                <Select\n                  css={{\n                    width: 112,\n                    \"& .twigs-select__control\": {\n                      borderTopLeftRadius: 0,\n                      borderBottomLeftRadius: 0,\n                      border: \"$borderWidths$xs solid $neutral200\",\n                    },\n                  }}\n                  isDisabled={!field?.integrationField?.value}\n                  value={field?.integrationFieldType}\n                  onChange={(integration: any) =>\n                    handleFieldValue(\n                      field?.id,\n                      \"integrationFieldType\",\n                      integration\n                    )\n                  }\n                  styles={subMenuCustomStyles}\n                  options={subMenuOptions}\n                  closeMenuOnSelect\n                  // @ts-ignore\n                  noneOptionHandler={(value) =>\n                    handleFieldValue(field?.id, \"integrationFieldType\", value)\n                  }\n                  components={{ Menu: CustomMenu as any, Option: CustomOption as any }}\n                  placeholder=\"Choose\"\n                  size=\"lg\"\n                />\n              )}\n            </Flex>\n          </Flex>\n          <Flex\n            flexDirection=\"column\"\n            gap=\"$2\"\n            css={{ maxWidth: 180, width: \"100%\" }}\n          >\n            {(isFirstField || field.isEssentialField) && (\n              <Flex alignItems=\"center\" gap=\"$2\" css={{\n                cursor: \"pointer\",\n              }}>\n                <FormLabel size=\"xs\" css={{ width: \"fit-content !important\", justifyContent: \"start\", alignItems: \"center\", fontWeight: \"$5\" }}>\n                {\"Default Value (Optional)\"}\n                \n              </FormLabel>\n              {(field?.integrationFieldType?.value ??\n                integrationFields.find(\n                  (integrationField: any) =>\n                    integrationField.label === field?.essentialFieldLabel\n                )?.type ?? field.integrationField?.type) === \"NUMBER\" ? <Tooltip className=\"dm-sans\" content=\"Please enter a valid number\">\n                  <InfoIcon size={14} color=\"#9E9E9E\" />\n                </Tooltip> : null}\n                </Flex>\n              \n            )}\n            <DefaultField\n              handleFieldValue={(value: any) => {\n                handleFieldValue(field?.id, \"defaultValue\", value);\n              }}\n              integrationFieldType={\n                (field?.integrationFieldType?.value ??\n                integrationFields.find(\n                  (integrationField: any) =>\n                    integrationField.label === field?.essentialFieldLabel\n                )?.type ?? field.integrationField?.type ?? \"STRING\") as string\n              }\n              defaultValue={field?.defaultValue}\n            />\n          </Flex>\n        </Flex>\n        {!field.isEssentialField && (\n          <IconButton\n            css={{\n              transition: \"all .3s ease\",\n              marginTop: isFirstField ? \"$11\" : 0,\n            }}\n            size=\"sm\"\n            icon={<Trash />}\n            variant=\"ghost\"\n            color=\"default\"\n            disabled={isBtnDisabled}\n            onClick={removeField}\n            aria-label=\"Remove field\"\n          />\n        )}\n      </Flex>\n    </Flex>\n  );\n};\n\nexport default Field;\n\nfunction resolveDefaultValueForControl(defaultValue: unknown): unknown {\n  if (defaultValue == null) {\n    return undefined;\n  }\n  if (typeof defaultValue === \"object\" && defaultValue !== null && \"value\" in defaultValue) {\n    return (defaultValue as { value?: unknown }).value;\n  }\n  return defaultValue;\n}\n\nconst DefaultField: React.FC<{\n  integrationFieldType: string;\n  handleFieldValue: (value: any) => void;\n  defaultValue: unknown;\n}> = ({ integrationFieldType, handleFieldValue, defaultValue }) => {\n  const value = resolveDefaultValueForControl(defaultValue);\n  const normalizedType = `${integrationFieldType ?? \"STRING\"}`.toUpperCase();\n\n  switch (normalizedType) {\n    case \"BOOLEAN\":\n      return (\n        <Select\n          options={[\n            {\n              label: \"true\",\n              value: true,\n            },\n            {\n              label: \"false\",\n              value: false,\n            },\n          ]}\n          size=\"lg\"\n          value={value}\n          placeholder=\"\"\n          onChange={(booleanValue: any) =>\n            handleFieldValue({\n              type: \"BOOLEAN\",\n              value: booleanValue,\n            })\n          }\n        />\n      );\n    case \"DATE_TIME\":\n    case \"DATETIME\":\n      return (\n        <CustomDateMenu\n          variant=\"datetime\"\n          value={value != null && value !== \"\" ? String(value) : \"\"}\n          onChangeHandler={(dateValue: string) => {\n            handleFieldValue({\n              type: \"DATE_TIME\",\n              value: dateValue,\n            });\n          }}\n        />\n      );\n    case \"DATE\":\n      return (\n        <CustomDateMenu\n          variant=\"date\"\n          value={value != null && value !== \"\" ? String(value) : \"\"}\n          onChangeHandler={(dateValue: string) => {\n            handleFieldValue({\n              type: \"DATE\",\n              value: dateValue,\n            });\n          }}\n        />\n      );\n    case \"NUMBER\":\n      return (\n        <>\n          <Input\n            size=\"lg\"\n            type=\"number\"\n            placeholder=\"\"\n            value={value === null || value === undefined ? \"\" : value}\n            min={0}\n            onChange={(e: any) =>\n              handleFieldValue({\n                type: \"NUMBER\",\n                value: parseInt(e.currentTarget.value, 10),\n              })\n            }\n          />\n        </>\n      );\n    default:\n      return (\n        <Input\n          size=\"lg\"\n          placeholder=\"\"\n          value={value === null || value === undefined ? \"\" : String(value)}\n          onChange={(e: any) =>\n            handleFieldValue({\n              type: \"STRING\",\n              value: e.currentTarget.value,\n            })\n          }\n        />\n      );\n  }\n};"],"names":["React","_a"],"mappings":"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"}

package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/loader/circle.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { keyframes, styled } from '../stitches.config.js';
+import { styled, keyframes } from '../stitches.config.js';
 import { Box } from '../box/box.js';
 import { prefixClassName } from '../utils/prefix-class-name.js';
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sparrowengg/integrations-templates-frontend",
-  "version": "6.0.1",
+  "version": "6.0.3",
   "license": "MIT",
   "module": "dist/es/index.js",
   "main": "dist/cjs/index.js",