@sparrowengg/integrations-templates-frontend 6.0.1 → 6.0.3

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

@@ -1 +1 @@
-{"version":3,"file":"DashboardItem.js","sources":["../../../../../src/integration-template/components/dashboard/DashboardItem.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  Chip,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n  Flex,\n  IconButton,\n  Switch,\n  Table,\n  Tbody,\n  Td,\n  Text,\n  Th,\n  Thead,\n  Tr,\n} from \"@sparrowengg/twigs-react\";\nimport {\n  ChevronDownIcon,\n  ChevronRightIcon,\n  DeleteIcon,\n  EllipsisVerticalIcon,\n  PencilIcon,\n} from \"@sparrowengg/twigs-react-icons\";\nimport React, { ReactNode, useState } from \"react\";\nimport ConfirmationModal from \"../../../commons/components/confirmation-modal\";\nimport { HandleEditField } from \"../../../commons/types/enhanced\";\nimport { ConditionCard } from \"../../../mapping/utils/conditionDescriptionBuilder\";\nimport { DASHBOARD_UI_STRINGS } from \"../dashboard-constants\";\nimport { getDefaultFieldValue } from \"../dashboard-utils\";\nimport { sanitizeHTML } from \"../../../commons/utils\";\n\ntype DashboardItemProps = {\n  indicatorText?: string;\n  Indicator?: ReactNode;\n  hasEditMapping?: boolean;\n  isDraft: boolean;\n  onMappingEditHandler: (id: string | number) => void;\n  icon: ReactNode;\n  heading: string;\n  description: string;\n  fields: any[];\n  isEnabled: boolean;\n  integrationName: string;\n  handleEditField: HandleEditField;\n  id: string | number;\n  handleDashboardPage: (value: boolean, type: string) => void;\n  type: string;\n  toggleDashboardField: (id: string | number, status: boolean) => void;\n  deleteFieldHandler: (id: string | number) => void;\n  mappingConditions?: any;\n};\n\nexport const DashboardItem: React.FC<DashboardItemProps> = ({\n  indicatorText,\n  Indicator,\n  hasEditMapping,\n  isDraft,\n  onMappingEditHandler,\n  icon,\n  heading,\n  description,\n  fields,\n  integrationName,\n  isEnabled,\n  handleEditField,\n  id,\n  handleDashboardPage,\n  type,\n  toggleDashboardField,\n  deleteFieldHandler,\n  mappingConditions,\n}) => {\n  const [isMappingDisplayed, setIsMappingDisplayed] = useState(false);\n  const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false);\n\n  const handleEdit = () => {\n    onMappingEditHandler(id);\n    handleEditField({\n      type,\n      values: fields,\n      id,\n    });\n    handleDashboardPage(false, type);\n  };\n\n  return (\n    <>\n      <Flex flexDirection=\"column\" css={{ marginTop: \"$8\" }}>\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                <Flex>\n                  <Text size=\"md\" weight=\"bold\">\n                    {heading}\n                  </Text>\n                  {Indicator && (\n                    <>{Indicator({text: indicatorText})}</>\n                  )}\n                </Flex>\n                <Text\n                  size=\"sm\"\n                  css={{\n                    \"& span\": { fontFamily: \"'DM Sans', sans-serif !important\" },\n                    color: \"$neutral600\",\n                    \"& b\": {\n                      fontWeight: \"$6 !important\",\n                      fontFamily: \"'DM Sans', sans-serif !important\",\n                    },\n                  }}\n                  dangerouslySetInnerHTML={{ __html: sanitizeHTML(description) }}\n                />\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={isEnabled}\n              onChange={(value) => toggleDashboardField(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                {(hasEditMapping === undefined || hasEditMapping) && (\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                )}\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        <Box css={{ height: isMappingDisplayed ? \"100%\" : 0 }}>\n          <Box\n            css={{\n              borderInline: \"$borderWidths$xs solid $black400\",\n              maxHeight: 432,\n              height: \"100%\",\n              position: \"relative\",\n              overflow: \"auto\",\n            }}\n          >\n            {fields?.length ? (\n              <Table css={{ borderCollapse: \"collapse\", width: \"100%\" }}>\n                <Thead\n                  css={{\n                    background: \"$white900\",\n                    \"& th\": {\n                      padding: \"$7 $8\",\n                      fontSize: \"$sm\",\n                      lineHeight: \"$sm\",\n                      textAlign: \"left\",\n                      borderInline: \"none\",\n                    },\n                    borderBottom: \"$borderWidths$xs solid $neutral100\",\n                    position: \"sticky\",\n                    top: 0,\n                    zIndex: 10,\n                  }}\n                >\n                  <Th css={{ paddingLeft: \"$38 !important\" }}>{DASHBOARD_UI_STRINGS.TYPE}</Th>\n                  <Th>{DASHBOARD_UI_STRINGS.SURVEYSPARROW_FIELD}</Th>\n                  <Th>\n                    {DASHBOARD_UI_STRINGS.INTEGRATION_FIELD.replace(\n                      \"{integrationName}\",\n                      integrationName\n                    )}\n                  </Th>\n                  <Th css={{ paddingRight: \"$20 !important\" }}>\n                    {DASHBOARD_UI_STRINGS.DEFAULT_VALUE}\n                  </Th>\n                </Thead>\n                <Tbody\n                  css={{\n                    \"& tr:last-child\": {\n                      borderBottom: 0,\n                      \"& td\": { borderBottom: 0 },\n                    },\n                  }}\n                >\n                  {fields.map((field: any, index: number) => (\n                    <Tr\n                      key={index}\n                      css={{\n                        borderBottom: \"$borderWidths$xs solid $neutral100\",\n                        \"& td\": {\n                          padding: \"$7 $8\",\n                          fontSize: \"$sm\",\n                          lineHeight: \"$sm\",\n                          borderInline: \"none\",\n                        },\n                        \"&:hover\": { background: \"none !important\" },\n                        \"& td:first-child\": { paddingLeft: \"$38 !important\" },\n                        \"& td:last-child\": { paddingRight: \"$20 !important\" },\n                      }}\n                    >\n                      <Td>{field.mappedType?.label ?? \"--\"}</Td>\n                      <Td>{field.surveySparrowField?.label ?? \"--\"}</Td>\n                      <Td>{field.integrationField?.label ?? \"--\"}</Td>\n                      <Td>{getDefaultFieldValue(field.defaultValue) ?? \"--\"}</Td>\n                    </Tr>\n                  ))}\n                </Tbody>\n              </Table>\n            ) : null}\n          </Box>\n          {isMappingDisplayed && (\n            <Box\n              css={{\n                padding: \"$8 $32\",\n                border: \"$borderWidths$xs solid $black400\",\n                borderTop:\n                  hasEditMapping === undefined || hasEditMapping\n                    ? \"$borderWidths$xs solid $neutral200\"\n                    : \"none\",\n                borderRadius: \"0 0 $2xl $2xl\",\n                height: \"100%\",\n              }}\n            >\n              {mappingConditions?.filterGroups?.length ? (\n                <Flex flexDirection=\"column\" justifyContent=\"center\">\n                  <Text\n                    className=\"dm-sans\"\n                    size=\"sm\"\n                    weight=\"bold\"\n                    css={{\n                      textTransform: \"uppercase\",\n                      color: \"$neutral900\",\n                      fontFamily: \"DM Sans !important\",\n                      paddingLeft: \"$4\",\n                    }}\n                  >\n                    {DASHBOARD_UI_STRINGS.CONDITION}\n                  </Text>\n                  <Flex css={{ marginTop: \"$2 !important\" }}>\n                    <ConditionCard\n                      isEditable={false}\n                      conditionsData={mappingConditions}\n                      showMoreMenu={false}\n                    />\n                  </Flex>\n                </Flex>\n              ) : null}\n              <Button\n                size=\"sm\"\n                onClick={handleEdit}\n                css={{\n                  visibility:\n                    hasEditMapping === undefined || hasEditMapping ? \"visible\" : \"hidden\",\n                }}\n                leftIcon={<PencilIcon />}\n                color=\"primary\"\n                variant=\"ghost\"\n              >\n                {`${DASHBOARD_UI_STRINGS.EDIT} ${heading}`}\n              </Button>\n            </Box>\n          )}\n        </Box>\n      </Flex>\n      {isDeleteModalOpen && (\n        <ConfirmationModal\n          name={DASHBOARD_UI_STRINGS.DELETE_MAPPING_TITLE}\n          description={DASHBOARD_UI_STRINGS.DELETE_MAPPING_MESSAGE}\n          onConfirm={() => {\n            deleteFieldHandler(id);\n            setIsDeleteModalOpen(false);\n          }}\n          onCancel={() => setIsDeleteModalOpen(false)}\n        />\n      )}\n    </>\n  );\n};\n\n"],"names":["React","_a"],"mappings":"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"}
+{"version":3,"file":"DashboardItem.js","sources":["../../../../../src/integration-template/components/dashboard/DashboardItem.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  Chip,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n  Flex,\n  IconButton,\n  Switch,\n  CircleLoader,\n  Table,\n  Tbody,\n  Td,\n  Text,\n  Th,\n  Thead,\n  Tr,\n} from \"@sparrowengg/twigs-react\";\nimport {\n  ChevronDownIcon,\n  ChevronRightIcon,\n  DeleteIcon,\n  EllipsisVerticalIcon,\n  PencilIcon,\n} from \"@sparrowengg/twigs-react-icons\";\nimport React, { ReactNode, useState } from \"react\";\nimport ConfirmationModal from \"../../../commons/components/confirmation-modal\";\nimport { HandleEditField } from \"../../../commons/types/enhanced\";\nimport { ConditionCard } from \"../../../mapping/utils/conditionDescriptionBuilder\";\nimport { DASHBOARD_UI_STRINGS } from \"../dashboard-constants\";\nimport { getDefaultFieldValue } from \"../dashboard-utils\";\nimport { sanitizeHTML } from \"../../../commons/utils\";\n\ntype DashboardItemProps = {\n  indicatorText?: string;\n  Indicator?: ReactNode;\n  hasEditMapping?: boolean;\n  isDraft: boolean;\n  onMappingEditHandler: (id: string | number) => void;\n  icon: ReactNode;\n  heading: string;\n  description: string;\n  fields: any[];\n  isEnabled: boolean;\n  integrationName: string;\n  handleEditField: HandleEditField;\n  id: string | number;\n  handleDashboardPage: (value: boolean, type: string) => void;\n  type: string;\n  toggleDashboardField: (id: string | number, status: boolean) => void;\n  deleteFieldHandler: (id: string | number) => void;\n  mappingConditions?: any;\n};\n\nexport const DashboardItem: React.FC<DashboardItemProps> = ({\n  indicatorText,\n  Indicator,\n  hasEditMapping,\n  isDraft,\n  onMappingEditHandler,\n  icon,\n  heading,\n  description,\n  fields,\n  integrationName,\n  isEnabled,\n  handleEditField,\n  id,\n  handleDashboardPage,\n  type,\n  toggleDashboardField,\n  deleteFieldHandler,\n  mappingConditions,\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(id, value));\n    } finally {\n      setIsToggling(false);\n    }\n  };\n\n  const handleEdit = () => {\n    onMappingEditHandler(id);\n    handleEditField({\n      type,\n      values: fields,\n      id,\n    });\n    handleDashboardPage(false, type);\n  };\n\n  return (\n    <>\n      <Flex flexDirection=\"column\" css={{ marginTop: \"$8\" }}>\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                <Flex>\n                  <Text size=\"md\" weight=\"bold\">\n                    {heading}\n                  </Text>\n                  {Indicator && (\n                    <>{Indicator({text: indicatorText})}</>\n                  )}\n                </Flex>\n                <Text\n                  size=\"sm\"\n                  css={{\n                    \"& span\": { fontFamily: \"'DM Sans', sans-serif !important\" },\n                    color: \"$neutral600\",\n                    \"& b\": {\n                      fontWeight: \"$6 !important\",\n                      fontFamily: \"'DM Sans', sans-serif !important\",\n                    },\n                  }}\n                  dangerouslySetInnerHTML={{ __html: sanitizeHTML(description) }}\n                />\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={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                {(hasEditMapping === undefined || hasEditMapping) && (\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                )}\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        <Box css={{ height: isMappingDisplayed ? \"100%\" : 0 }}>\n          <Box\n            css={{\n              borderInline: \"$borderWidths$xs solid $black400\",\n              maxHeight: 432,\n              height: \"100%\",\n              position: \"relative\",\n              overflow: \"auto\",\n            }}\n          >\n            {fields?.length ? (\n              <Table css={{ borderCollapse: \"collapse\", width: \"100%\" }}>\n                <Thead\n                  css={{\n                    background: \"$white900\",\n                    \"& th\": {\n                      padding: \"$7 $8\",\n                      fontSize: \"$sm\",\n                      lineHeight: \"$sm\",\n                      textAlign: \"left\",\n                      borderInline: \"none\",\n                    },\n                    borderBottom: \"$borderWidths$xs solid $neutral100\",\n                    position: \"sticky\",\n                    top: 0,\n                    zIndex: 10,\n                  }}\n                >\n                  <Th css={{ paddingLeft: \"$38 !important\" }}>{DASHBOARD_UI_STRINGS.TYPE}</Th>\n                  <Th>{DASHBOARD_UI_STRINGS.SURVEYSPARROW_FIELD}</Th>\n                  <Th>\n                    {DASHBOARD_UI_STRINGS.INTEGRATION_FIELD.replace(\n                      \"{integrationName}\",\n                      integrationName\n                    )}\n                  </Th>\n                  <Th css={{ paddingRight: \"$20 !important\" }}>\n                    {DASHBOARD_UI_STRINGS.DEFAULT_VALUE}\n                  </Th>\n                </Thead>\n                <Tbody\n                  css={{\n                    \"& tr:last-child\": {\n                      borderBottom: 0,\n                      \"& td\": { borderBottom: 0 },\n                    },\n                  }}\n                >\n                  {fields.map((field: any, index: number) => (\n                    <Tr\n                      key={index}\n                      css={{\n                        borderBottom: \"$borderWidths$xs solid $neutral100\",\n                        \"& td\": {\n                          padding: \"$7 $8\",\n                          fontSize: \"$sm\",\n                          lineHeight: \"$sm\",\n                          borderInline: \"none\",\n                        },\n                        \"&:hover\": { background: \"none !important\" },\n                        \"& td:first-child\": { paddingLeft: \"$38 !important\" },\n                        \"& td:last-child\": { paddingRight: \"$20 !important\" },\n                      }}\n                    >\n                      <Td>{field.mappedType?.label ?? \"--\"}</Td>\n                      <Td>{field.surveySparrowField?.label ?? \"--\"}</Td>\n                      <Td>{field.integrationField?.label ?? \"--\"}</Td>\n                      <Td>{getDefaultFieldValue(field.defaultValue) ?? \"--\"}</Td>\n                    </Tr>\n                  ))}\n                </Tbody>\n              </Table>\n            ) : null}\n          </Box>\n          {isMappingDisplayed && (\n            <Box\n              css={{\n                padding: \"$8 $32\",\n                border: \"$borderWidths$xs solid $black400\",\n                borderTop:\n                  hasEditMapping === undefined || hasEditMapping\n                    ? \"$borderWidths$xs solid $neutral200\"\n                    : \"none\",\n                borderRadius: \"0 0 $2xl $2xl\",\n                height: \"100%\",\n              }}\n            >\n              {mappingConditions?.filterGroups?.length ? (\n                <Flex flexDirection=\"column\" justifyContent=\"center\">\n                  <Text\n                    className=\"dm-sans\"\n                    size=\"sm\"\n                    weight=\"bold\"\n                    css={{\n                      textTransform: \"uppercase\",\n                      color: \"$neutral900\",\n                      fontFamily: \"DM Sans !important\",\n                      paddingLeft: \"$4\",\n                    }}\n                  >\n                    {DASHBOARD_UI_STRINGS.CONDITION}\n                  </Text>\n                  <Flex css={{ marginTop: \"$2 !important\" }}>\n                    <ConditionCard\n                      isEditable={false}\n                      conditionsData={mappingConditions}\n                      showMoreMenu={false}\n                    />\n                  </Flex>\n                </Flex>\n              ) : null}\n              <Button\n                size=\"sm\"\n                onClick={handleEdit}\n                css={{\n                  visibility:\n                    hasEditMapping === undefined || hasEditMapping ? \"visible\" : \"hidden\",\n                }}\n                leftIcon={<PencilIcon />}\n                color=\"primary\"\n                variant=\"ghost\"\n              >\n                {`${DASHBOARD_UI_STRINGS.EDIT} ${heading}`}\n              </Button>\n            </Box>\n          )}\n        </Box>\n      </Flex>\n      {isDeleteModalOpen && (\n        <ConfirmationModal\n          name={DASHBOARD_UI_STRINGS.DELETE_MAPPING_TITLE}\n          description={DASHBOARD_UI_STRINGS.DELETE_MAPPING_MESSAGE}\n          onConfirm={() => {\n            deleteFieldHandler(id);\n            setIsDeleteModalOpen(false);\n          }}\n          onCancel={() => setIsDeleteModalOpen(false)}\n        />\n      )}\n    </>\n  );\n};\n\n"],"names":["React","_a"],"mappings":"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"}

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

@@ -13,6 +13,7 @@ import { Text } from '../../../node_modules/@sparrowengg/twigs-react/dist/es/tex
 import { Tooltip } from '../../../node_modules/@sparrowengg/twigs-react/dist/es/tooltip/tooltip.js';
 import { Button } from '../../../node_modules/@sparrowengg/twigs-react/dist/es/button/button.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';
@@ -37,6 +38,17 @@ const SingleMappingDashboardItem = ({
   const [isMappingDisplayed, setIsMappingDisplayed] = useState(false);
   const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false);
   const [isSyncing, setIsSyncing] = useState(null);
+  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 = () => {
     onMappingEditHandler(field.id);
     handleEditField({
@@ -133,12 +145,22 @@ const SingleMappingDashboardItem = ({
           },
           /* @__PURE__ */ React__default.createElement(Sync, null)
         )
-      )) : null, showDivider ? /* @__PURE__ */ React__default.createElement(Box, { css: { width: "1px", height: "20px", background: "#64748B33" } }) : null, showSwitch ? /* @__PURE__ */ React__default.createElement(
+      )) : null, showDivider ? /* @__PURE__ */ React__default.createElement(Box, { css: { width: "1px", height: "20px", background: "#64748B33" } }) : null, showSwitch ? 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
         }
       ) : null, /* @__PURE__ */ React__default.createElement(DropdownMenu, null, /* @__PURE__ */ React__default.createElement(Tooltip, { content: DASHBOARD_UI_STRINGS.MORE, className: "dm-sans" }, /* @__PURE__ */ React__default.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React__default.createElement(
         IconButton,

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

@@ -1 +1 @@
-{"version":3,"file":"SingleMappingDashboardItem.js","sources":["../../../../../src/integration-template/components/dashboard/SingleMappingDashboardItem.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n  Flex,\n  IconButton,\n  Switch,\n  Text,\n  Tooltip,\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 Sync from \"../../../commons/icons/sync\";\nimport {\n  DashboardField,\n  EventField,\n  FieldOptionsType,\n  HandleEditField,\n} from \"../../../commons/types/enhanced\";\nimport { ConditionCard } from \"../../../mapping/utils/conditionDescriptionBuilder\";\nimport { DASHBOARD_UI_STRINGS, transformToPastTense } from \"../dashboard-constants\";\nimport { SingleMappingChipWrapper } from \"./SingleMappingChipWrapper\";\nimport { SingleMappingEventWrapper } from \"./SingleMappingEventWrapper\";\nimport { sanitizeHTML } from \"../../../commons/utils\";\n\ntype SingleMappingDashboardItemProps = {\n  hasEditMapping?: boolean;\n  fieldOptions?: FieldOptionsType;\n  icon: React.ReactNode;\n  field: DashboardField;\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  integrationName: string;\n  syncMapping?: (id: string | number) => void;\n  onMappingEditHandler: (id: string | number) => void;\n};\n\nexport const SingleMappingDashboardItem: React.FC<SingleMappingDashboardItemProps> = ({\n  hasEditMapping,\n  fieldOptions,\n  icon,\n  field,\n  handleEditField,\n  handleDashboardPage,\n  toggleDashboardField,\n  deleteFieldHandler,\n  syncMapping,\n  integrationName,\n  onMappingEditHandler,\n}) => {\n  const [isMappingDisplayed, setIsMappingDisplayed] = useState(false);\n  const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false);\n  const [isSyncing, setIsSyncing] = useState<string | null | number>(null);\n\n  const handleEdit = () => {\n    onMappingEditHandler(field.id);\n    handleEditField({\n      type: \"SINGLE_MAPPING\",\n      values: field,\n      id: field.id,\n    });\n    handleDashboardPage(false, \"MAPPING\");\n  };\n\n  const handleSync = async () => {\n    setIsSyncing(field.id);\n    setTimeout(async () => {\n      await syncMapping?.(field.id);\n      setIsSyncing(null);\n    }, 2000);\n  };\n\n  const showIcon = field?.isEnabled !== null && field?.isEnabled !== undefined;\n  const showSwitch = field?.isEnabled !== null && field?.isEnabled !== undefined;\n  const showDivider = showSwitch && syncMapping;\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:\n              field?.mappingName || field?.mappingDescription ? \"$10 $12\" : \"15px $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              {showIcon ? icon : null}\n              <Flex gap=\"$1\" flexDirection=\"column\">\n                <Flex>\n                <Text size=\"md\" weight=\"bold\">\n                  {field?.mappingName\n                    ? field?.mappingName\n                    : (field as any)?.configurationFields?.account?.value?.label ??\n                      DASHBOARD_UI_STRINGS.MAPPING_HEADING}\n                </Text> \n                {field?.Indicator && (\n                    <>{field?.Indicator({text: field?.indicatorText})}</>\n                )}\n                </Flex>\n              \n                {field?.mappingDescription && (\n                  <Text\n                    size=\"sm\"\n                    css={{\n                      \"& span\": {\n                        fontFamily: \"'DM Sans', sans-serif !important\",\n                      },\n                      color: \"$neutral600\",\n                      \"& b\": {\n                        fontWeight: \"$6 !important\",\n                        fontFamily: \"'DM Sans', sans-serif !important\",\n                      },\n                    }}\n                    dangerouslySetInnerHTML={{\n                      __html: sanitizeHTML(\n                        field?.mappingDescription\n                          ? field?.mappingDescription\n                          : `Sync survey responses to ${integrationName} when ${(field as any)?.mappingConfiguration?.events?.label?.toLowerCase()} is ${transformToPastTense(`${(field as any)?.mappingConfiguration?.action?.label?.toLowerCase()}`)}`\n                      ),\n                    }}\n                  />\n                )}\n              </Flex>\n            </Flex>\n          </Flex>\n          <Flex alignItems=\"center\" gap=\"$12\">\n            {syncMapping ? (\n              <Tooltip content={DASHBOARD_UI_STRINGS.SYNC} className=\"dm-sans\">\n                <Button\n                  variant=\"ghost\"\n                  size=\"lg\"\n                  color=\"default\"\n                  css={{\n                    width: \"40px !important\",\n                    height: \"40px !important\",\n                    marginInlineEnd: \"$3\",\n                  }}\n                >\n                  <Flex\n                    className={`rotating-div ${isSyncing === field.id ? \"rotate\" : \"\"}`}\n                    justifyContent=\"center\"\n                    alignItems=\"center\"\n                    onClick={handleSync}\n                  >\n                    <Sync />\n                  </Flex>\n                </Button>\n              </Tooltip>\n            ) : null}\n            {showDivider ? (\n              <Box css={{ width: \"1px\", height: \"20px\", background: \"#64748B33\" }} />\n            ) : null}\n            {showSwitch ? (\n              <Switch\n                size=\"md\"\n                checked={field.isEnabled}\n                onChange={(value) => toggleDashboardField?.(field.id, value)}\n              />\n            ) : null}\n            <DropdownMenu>\n              <Tooltip content={DASHBOARD_UI_STRINGS.MORE} className=\"dm-sans\">\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              </Tooltip>\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                {(hasEditMapping === undefined || hasEditMapping) && (\n                  <DropdownMenuItem\n                    css={{ cursor: \"pointer\" }}\n                    onClick={() => {\n                      onMappingEditHandler(field.id);\n                      handleEditField({\n                        type: \"MAPPING\",\n                        values: field,\n                        id: field.id,\n                      });\n                      handleDashboardPage(false, \"MAPPING\");\n                    }}\n                  >\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                )}\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        {isMappingDisplayed ? (\n          <Box>\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 field={field} />\n              {!!((field as any)?.mappedFields?.questions as EventField[])?.filter?.(\n                (question: EventField) => question.isEnabled\n              )?.length ? (\n                <SingleMappingChipWrapper\n                  heading={DASHBOARD_UI_STRINGS.QUESTIONS}\n                  fields={((field as any)?.mappedFields?.questions as EventField[])?.filter?.(\n                    (question: EventField) => question.isEnabled\n                  )}\n                  backgroundColor=\"#E5F2FF\"\n                />\n              ) : null}\n              {!!((field as any)?.mappedFields?.derivedQuestions as EventField[])?.filter?.(\n                (derivedQuestion: EventField) => derivedQuestion.isEnabled\n              )?.length ? (\n                <SingleMappingChipWrapper\n                  heading={DASHBOARD_UI_STRINGS.ENRICH}\n                  fields={((field as any)?.mappedFields?.derivedQuestions as EventField[])?.filter?.(\n                    (derivedQuestion: EventField) => derivedQuestion.isEnabled\n                  )}\n                  backgroundColor=\"#E5F2FF\"\n                />\n              ) : null}\n              {!!((field as any)?.mappedFields?.variables as EventField[])?.filter?.(\n                (variable: EventField) => variable.isEnabled\n              )?.length ? (\n                <SingleMappingChipWrapper\n                  heading={DASHBOARD_UI_STRINGS.VARIABLES}\n                  fields={((field as any)?.mappedFields?.variables as EventField[])?.filter?.(\n                    (variable: EventField) => variable.isEnabled\n                  )}\n                  backgroundColor=\"$positive100\"\n                />\n              ) : null}\n              {!!((field as any)?.mappedFields?.contactProperties as EventField[])?.filter?.(\n                (property: EventField) => property.isEnabled\n              )?.length ? (\n                <SingleMappingChipWrapper\n                  heading={DASHBOARD_UI_STRINGS.CONTACTS}\n                  fields={((field as any)?.mappedFields?.contactProperties as EventField[])?.filter?.(\n                    (property: EventField) => property.isEnabled\n                  )}\n                  backgroundColor=\"$negative100\"\n                />\n              ) : null}\n              {!!((field as any)?.mappedFields?.expressions as EventField[])?.filter?.(\n                (expression: EventField) => expression.isEnabled\n              )?.length ? (\n                <SingleMappingChipWrapper\n                  heading={DASHBOARD_UI_STRINGS.EXPRESSION}\n                  backgroundColor=\"$neutral100\"\n                  fields={((field as any)?.mappedFields?.expressions as EventField[])?.filter?.(\n                    (expression: EventField) => expression.isEnabled\n                  )}\n                />\n              ) : null}\n              {!!((field as any)?.mappedFields?.property as EventField[])?.filter?.(\n                (property: EventField) => property.isEnabled\n              )?.length ? (\n                <SingleMappingChipWrapper\n                  heading={DASHBOARD_UI_STRINGS.PROPERTY}\n                  hideBorder\n                  fields={((field as any)?.mappedFields?.property as EventField[])?.filter?.(\n                    (property: EventField) => property.isEnabled\n                  )}\n                  backgroundColor=\"rgba(74, 156, 166, 0.15)\"\n                />\n              ) : null}\n            </Box>\n            {isMappingDisplayed && (\n              <Box\n                css={{\n                  padding: \"$8 $32\",\n                  border: \"$borderWidths$xs solid $black400\",\n                  borderTop:\n                    hasEditMapping === undefined || hasEditMapping\n                      ? \"$borderWidths$xs solid $neutral200\"\n                      : \"none\",\n                  borderRadius: \"0 0 $2xl $2xl\",\n                  height: \"100%\",\n                }}\n              >\n                {field?.mappingConditions?.filterGroups?.length ? (\n                  <Flex flexDirection=\"column\" justifyContent=\"center\">\n                    <Text\n                      className=\"dm-sans\"\n                      size=\"sm\"\n                      weight=\"bold\"\n                      css={{\n                        textTransform: \"uppercase\",\n                        color: \"$neutral900\",\n                        fontFamily: \"DM Sans !important\",\n                        paddingLeft: \"$4\",\n                      }}\n                    >\n                      {DASHBOARD_UI_STRINGS.CONDITION}\n                    </Text>\n                    <Flex css={{ marginTop: \"$2 !important\" }}>\n                      <ConditionCard\n                        isEditable={false}\n                        conditionsData={field?.mappingConditions}\n                        showMoreMenu={false}\n                      />\n                    </Flex>\n                  </Flex>\n                ) : null}\n                <Button\n                  size=\"sm\"\n                  leftIcon={<PencilIcon />}\n                  color=\"primary\"\n                  variant=\"ghost\"\n                  css={{\n                    display:\n                      hasEditMapping === undefined || hasEditMapping ? \"flex\" : \"none\",\n                  }}\n                  onClick={handleEdit}\n                >\n                  {DASHBOARD_UI_STRINGS.EDIT_MAPPING}\n                </Button>\n              </Box>\n            )}\n          </Box>\n        ) : null}\n      </Flex>\n      {isDeleteModalOpen && (\n        <ConfirmationModal\n          name={DASHBOARD_UI_STRINGS.DELETE_MAPPING_TITLE}\n          description={DASHBOARD_UI_STRINGS.DELETE_MAPPING_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":"SingleMappingDashboardItem.js","sources":["../../../../../src/integration-template/components/dashboard/SingleMappingDashboardItem.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n  Flex,\n  IconButton,\n  Switch,\n  Text,\n  Tooltip,\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 Sync from \"../../../commons/icons/sync\";\nimport {\n  DashboardField,\n  EventField,\n  FieldOptionsType,\n  HandleEditField,\n} from \"../../../commons/types/enhanced\";\nimport { ConditionCard } from \"../../../mapping/utils/conditionDescriptionBuilder\";\nimport { DASHBOARD_UI_STRINGS, transformToPastTense } from \"../dashboard-constants\";\nimport { SingleMappingChipWrapper } from \"./SingleMappingChipWrapper\";\nimport { SingleMappingEventWrapper } from \"./SingleMappingEventWrapper\";\nimport { sanitizeHTML } from \"../../../commons/utils\";\n\ntype SingleMappingDashboardItemProps = {\n  hasEditMapping?: boolean;\n  fieldOptions?: FieldOptionsType;\n  icon: React.ReactNode;\n  field: DashboardField;\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  integrationName: string;\n  syncMapping?: (id: string | number) => void;\n  onMappingEditHandler: (id: string | number) => void;\n};\n\nexport const SingleMappingDashboardItem: React.FC<SingleMappingDashboardItemProps> = ({\n  hasEditMapping,\n  fieldOptions,\n  icon,\n  field,\n  handleEditField,\n  handleDashboardPage,\n  toggleDashboardField,\n  deleteFieldHandler,\n  syncMapping,\n  integrationName,\n  onMappingEditHandler,\n}) => {\n  const [isMappingDisplayed, setIsMappingDisplayed] = useState(false);\n  const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false);\n  const [isSyncing, setIsSyncing] = useState<string | null | number>(null);\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    onMappingEditHandler(field.id);\n    handleEditField({\n      type: \"SINGLE_MAPPING\",\n      values: field,\n      id: field.id,\n    });\n    handleDashboardPage(false, \"MAPPING\");\n  };\n\n  const handleSync = async () => {\n    setIsSyncing(field.id);\n    setTimeout(async () => {\n      await syncMapping?.(field.id);\n      setIsSyncing(null);\n    }, 2000);\n  };\n\n  const showIcon = field?.isEnabled !== null && field?.isEnabled !== undefined;\n  const showSwitch = field?.isEnabled !== null && field?.isEnabled !== undefined;\n  const showDivider = showSwitch && syncMapping;\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:\n              field?.mappingName || field?.mappingDescription ? \"$10 $12\" : \"15px $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              {showIcon ? icon : null}\n              <Flex gap=\"$1\" flexDirection=\"column\">\n                <Flex>\n                <Text size=\"md\" weight=\"bold\">\n                  {field?.mappingName\n                    ? field?.mappingName\n                    : (field as any)?.configurationFields?.account?.value?.label ??\n                      DASHBOARD_UI_STRINGS.MAPPING_HEADING}\n                </Text> \n                {field?.Indicator && (\n                    <>{field?.Indicator({text: field?.indicatorText})}</>\n                )}\n                </Flex>\n              \n                {field?.mappingDescription && (\n                  <Text\n                    size=\"sm\"\n                    css={{\n                      \"& span\": {\n                        fontFamily: \"'DM Sans', sans-serif !important\",\n                      },\n                      color: \"$neutral600\",\n                      \"& b\": {\n                        fontWeight: \"$6 !important\",\n                        fontFamily: \"'DM Sans', sans-serif !important\",\n                      },\n                    }}\n                    dangerouslySetInnerHTML={{\n                      __html: sanitizeHTML(\n                        field?.mappingDescription\n                          ? field?.mappingDescription\n                          : `Sync survey responses to ${integrationName} when ${(field as any)?.mappingConfiguration?.events?.label?.toLowerCase()} is ${transformToPastTense(`${(field as any)?.mappingConfiguration?.action?.label?.toLowerCase()}`)}`\n                      ),\n                    }}\n                  />\n                )}\n              </Flex>\n            </Flex>\n          </Flex>\n          <Flex alignItems=\"center\" gap=\"$12\">\n            {syncMapping ? (\n              <Tooltip content={DASHBOARD_UI_STRINGS.SYNC} className=\"dm-sans\">\n                <Button\n                  variant=\"ghost\"\n                  size=\"lg\"\n                  color=\"default\"\n                  css={{\n                    width: \"40px !important\",\n                    height: \"40px !important\",\n                    marginInlineEnd: \"$3\",\n                  }}\n                >\n                  <Flex\n                    className={`rotating-div ${isSyncing === field.id ? \"rotate\" : \"\"}`}\n                    justifyContent=\"center\"\n                    alignItems=\"center\"\n                    onClick={handleSync}\n                  >\n                    <Sync />\n                  </Flex>\n                </Button>\n              </Tooltip>\n            ) : null}\n            {showDivider ? (\n              <Box css={{ width: \"1px\", height: \"20px\", background: \"#64748B33\" }} />\n            ) : null}\n            {showSwitch ? (\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            ) : null}\n            <DropdownMenu>\n              <Tooltip content={DASHBOARD_UI_STRINGS.MORE} className=\"dm-sans\">\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              </Tooltip>\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                {(hasEditMapping === undefined || hasEditMapping) && (\n                  <DropdownMenuItem\n                    css={{ cursor: \"pointer\" }}\n                    onClick={() => {\n                      onMappingEditHandler(field.id);\n                      handleEditField({\n                        type: \"MAPPING\",\n                        values: field,\n                        id: field.id,\n                      });\n                      handleDashboardPage(false, \"MAPPING\");\n                    }}\n                  >\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                )}\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        {isMappingDisplayed ? (\n          <Box>\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 field={field} />\n              {!!((field as any)?.mappedFields?.questions as EventField[])?.filter?.(\n                (question: EventField) => question.isEnabled\n              )?.length ? (\n                <SingleMappingChipWrapper\n                  heading={DASHBOARD_UI_STRINGS.QUESTIONS}\n                  fields={((field as any)?.mappedFields?.questions as EventField[])?.filter?.(\n                    (question: EventField) => question.isEnabled\n                  )}\n                  backgroundColor=\"#E5F2FF\"\n                />\n              ) : null}\n              {!!((field as any)?.mappedFields?.derivedQuestions as EventField[])?.filter?.(\n                (derivedQuestion: EventField) => derivedQuestion.isEnabled\n              )?.length ? (\n                <SingleMappingChipWrapper\n                  heading={DASHBOARD_UI_STRINGS.ENRICH}\n                  fields={((field as any)?.mappedFields?.derivedQuestions as EventField[])?.filter?.(\n                    (derivedQuestion: EventField) => derivedQuestion.isEnabled\n                  )}\n                  backgroundColor=\"#E5F2FF\"\n                />\n              ) : null}\n              {!!((field as any)?.mappedFields?.variables as EventField[])?.filter?.(\n                (variable: EventField) => variable.isEnabled\n              )?.length ? (\n                <SingleMappingChipWrapper\n                  heading={DASHBOARD_UI_STRINGS.VARIABLES}\n                  fields={((field as any)?.mappedFields?.variables as EventField[])?.filter?.(\n                    (variable: EventField) => variable.isEnabled\n                  )}\n                  backgroundColor=\"$positive100\"\n                />\n              ) : null}\n              {!!((field as any)?.mappedFields?.contactProperties as EventField[])?.filter?.(\n                (property: EventField) => property.isEnabled\n              )?.length ? (\n                <SingleMappingChipWrapper\n                  heading={DASHBOARD_UI_STRINGS.CONTACTS}\n                  fields={((field as any)?.mappedFields?.contactProperties as EventField[])?.filter?.(\n                    (property: EventField) => property.isEnabled\n                  )}\n                  backgroundColor=\"$negative100\"\n                />\n              ) : null}\n              {!!((field as any)?.mappedFields?.expressions as EventField[])?.filter?.(\n                (expression: EventField) => expression.isEnabled\n              )?.length ? (\n                <SingleMappingChipWrapper\n                  heading={DASHBOARD_UI_STRINGS.EXPRESSION}\n                  backgroundColor=\"$neutral100\"\n                  fields={((field as any)?.mappedFields?.expressions as EventField[])?.filter?.(\n                    (expression: EventField) => expression.isEnabled\n                  )}\n                />\n              ) : null}\n              {!!((field as any)?.mappedFields?.property as EventField[])?.filter?.(\n                (property: EventField) => property.isEnabled\n              )?.length ? (\n                <SingleMappingChipWrapper\n                  heading={DASHBOARD_UI_STRINGS.PROPERTY}\n                  hideBorder\n                  fields={((field as any)?.mappedFields?.property as EventField[])?.filter?.(\n                    (property: EventField) => property.isEnabled\n                  )}\n                  backgroundColor=\"rgba(74, 156, 166, 0.15)\"\n                />\n              ) : null}\n            </Box>\n            {isMappingDisplayed && (\n              <Box\n                css={{\n                  padding: \"$8 $32\",\n                  border: \"$borderWidths$xs solid $black400\",\n                  borderTop:\n                    hasEditMapping === undefined || hasEditMapping\n                      ? \"$borderWidths$xs solid $neutral200\"\n                      : \"none\",\n                  borderRadius: \"0 0 $2xl $2xl\",\n                  height: \"100%\",\n                }}\n              >\n                {field?.mappingConditions?.filterGroups?.length ? (\n                  <Flex flexDirection=\"column\" justifyContent=\"center\">\n                    <Text\n                      className=\"dm-sans\"\n                      size=\"sm\"\n                      weight=\"bold\"\n                      css={{\n                        textTransform: \"uppercase\",\n                        color: \"$neutral900\",\n                        fontFamily: \"DM Sans !important\",\n                        paddingLeft: \"$4\",\n                      }}\n                    >\n                      {DASHBOARD_UI_STRINGS.CONDITION}\n                    </Text>\n                    <Flex css={{ marginTop: \"$2 !important\" }}>\n                      <ConditionCard\n                        isEditable={false}\n                        conditionsData={field?.mappingConditions}\n                        showMoreMenu={false}\n                      />\n                    </Flex>\n                  </Flex>\n                ) : null}\n                <Button\n                  size=\"sm\"\n                  leftIcon={<PencilIcon />}\n                  color=\"primary\"\n                  variant=\"ghost\"\n                  css={{\n                    display:\n                      hasEditMapping === undefined || hasEditMapping ? \"flex\" : \"none\",\n                  }}\n                  onClick={handleEdit}\n                >\n                  {DASHBOARD_UI_STRINGS.EDIT_MAPPING}\n                </Button>\n              </Box>\n            )}\n          </Box>\n        ) : null}\n      </Flex>\n      {isDeleteModalOpen && (\n        <ConfirmationModal\n          name={DASHBOARD_UI_STRINGS.DELETE_MAPPING_TITLE}\n          description={DASHBOARD_UI_STRINGS.DELETE_MAPPING_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/integration-template/components/dashboard/SingleMappingEventWrapper.js

@@ -5,67 +5,155 @@ import { Flex } from '../../../node_modules/@sparrowengg/twigs-react/dist/es/fle
 import { Text } from '../../../node_modules/@sparrowengg/twigs-react/dist/es/text/text.js';
 import { Box } from '../../../node_modules/@sparrowengg/twigs-react/dist/es/box/box.js';
 
-const SingleMappingEventWrapper = ({
-  field,
-  isTrigger
-}) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R;
-  const hasEventSection = !!((_c = (_b = (_a = field == null ? void 0 : field.configurationFields) == null ? void 0 : _a.account) == null ? void 0 : _b.value) == null ? void 0 : _c.label) || !!field.action || !!field.exisitingSheet || !!(field == null ? void 0 : field.configurationFields) || !!field.object && isTrigger;
-  console.log("field", field);
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, hasEventSection ? /* @__PURE__ */ React__default.createElement(Flex, { flexDirection: "column", gap: "$6" }, /* @__PURE__ */ React__default.createElement(Text, { size: "sm", weight: "bold", css: { textTransform: "uppercase" } }, DASHBOARD_UI_STRINGS.EVENT), /* @__PURE__ */ React__default.createElement(Flex, { alignItems: "center" }, /* @__PURE__ */ React__default.createElement(Flex, { alignItems: "center", gap: "$20" }, !!(field == null ? void 0 : field.object) ? /* @__PURE__ */ React__default.createElement(
-    EventComponent,
-    {
-      heading: DASHBOARD_UI_STRINGS.OBJECT,
-      description: (_f = (_e = (_d = field == null ? void 0 : field.configuration) == null ? void 0 : _d.object) == null ? void 0 : _e.label) != null ? _f : field == null ? void 0 : field.object
+const MAPPING_CONFIGURATION_KEYS_HIDDEN_FROM_DASHBOARD = /* @__PURE__ */ new Set([
+  "responseImportSettings",
+  "responseImportType"
+]);
+function getMappingPayloadConfigurationEntries(configuration) {
+  if (!configuration || typeof configuration !== "object" || Array.isArray(configuration)) {
+    return [];
+  }
+  const rows = [];
+  for (const [key, entry] of Object.entries(configuration)) {
+    if (MAPPING_CONFIGURATION_KEYS_HIDDEN_FROM_DASHBOARD.has(key)) {
+      continue;
     }
-  ) : null, !!(field == null ? void 0 : field.action) ? /* @__PURE__ */ React__default.createElement(
-    EventComponent,
-    {
-      heading: DASHBOARD_UI_STRINGS.ACTION,
-      description: Array.isArray(field == null ? void 0 : field.action) ? (_h = (_g = field.action) == null ? void 0 : _g.map((a) => {
-        var _a2;
-        return typeof a === "object" && a !== null ? (_a2 = a == null ? void 0 : a.label) != null ? _a2 : "" : a != null ? a : "";
-      })) == null ? void 0 : _h.join(", ") : (_j = (_i = field == null ? void 0 : field.action) == null ? void 0 : _i.toLowerCase()) != null ? _j : ""
+    if (entry && typeof entry === "object" && !Array.isArray(entry) && "value" in entry && typeof entry.value !== "undefined") {
+      rows.push({ key, value: entry.value });
     }
-  ) : null), !!((_m = (_l = (_k = field == null ? void 0 : field.configurationFields) == null ? void 0 : _k.account) == null ? void 0 : _l.value) == null ? void 0 : _m.label) ? /* @__PURE__ */ React__default.createElement(
-    EventComponent,
-    {
-      heading: DASHBOARD_UI_STRINGS.ACCOUNT,
-      description: (_p = (_o = (_n = field == null ? void 0 : field.configurationFields) == null ? void 0 : _n.account) == null ? void 0 : _o.value) == null ? void 0 : _p.label
+  }
+  return rows;
+}
+function humanizeMappingConfigKey(key) {
+  const spaced = key.replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/_/g, " ");
+  return spaced.replace(/\b\w/g, (c) => c.toUpperCase()).trim();
+}
+function formatMappingConfigValue(value) {
+  if (value === null || value === void 0) {
+    return { text: "\u2014" };
+  }
+  if (typeof value === "boolean") {
+    return { text: value ? "Yes" : "No" };
+  }
+  if (typeof value === "number" || typeof value === "string") {
+    return { text: String(value) };
+  }
+  if (Array.isArray(value)) {
+    return {
+      text: value.map((item) => formatMappingConfigValue(item).text).join(", ")
+    };
+  }
+  if (typeof value === "object") {
+    const o = value;
+    const label = typeof o.label === "string" ? o.label : typeof o.title === "string" ? o.title : void 0;
+    const webUrl = typeof o.webUrl === "string" ? o.webUrl : void 0;
+    if (label) {
+      return { text: label, link: webUrl };
     }
-  ) : null, !!((_s = (_r = (_q = field == null ? void 0 : field.configurationFields) == null ? void 0 : _q.object) == null ? void 0 : _r.value) == null ? void 0 : _s.label) ? /* @__PURE__ */ React__default.createElement(
-    EventComponent,
-    {
-      heading: DASHBOARD_UI_STRINGS.OBJECT,
-      description: (_w = (_v = (_u = (_t = field == null ? void 0 : field.configurationFields) == null ? void 0 : _t.object) == null ? void 0 : _u.value) == null ? void 0 : _v.label) == null ? void 0 : _w.replace(
-        /^./,
-        (char) => char == null ? void 0 : char.toUpperCase()
-      )
-    }
-  ) : null, !!((_y = (_x = field == null ? void 0 : field.configurationFields) == null ? void 0 : _x.action) == null ? void 0 : _y.hasAction) ? /* @__PURE__ */ React__default.createElement(
-    EventComponent,
-    {
-      hasBorder: true,
-      heading: DASHBOARD_UI_STRINGS.ACTION,
-      description: (_B = (_A = (_z = field == null ? void 0 : field.configurationFields) == null ? void 0 : _z.action) == null ? void 0 : _A.value) == null ? void 0 : _B.label
+    if (webUrl) {
+      return { text: webUrl, link: webUrl };
     }
-  ) : null, !!((_D = (_C = field == null ? void 0 : field.configurationFields) == null ? void 0 : _C.spreadsheet) == null ? void 0 : _D.value) ? /* @__PURE__ */ React__default.createElement(
-    EventComponent,
-    {
-      hasLink: (_E = field == null ? void 0 : field.configurationFields) == null ? void 0 : _E.sheetURL,
-      hasBorder: true,
-      heading: DASHBOARD_UI_STRINGS.SHEET,
-      description: typeof ((_F = field == null ? void 0 : field.configurationFields) == null ? void 0 : _F.spreadsheet) === "object" ? (_I = (_H = (_G = field == null ? void 0 : field.configurationFields) == null ? void 0 : _G.spreadsheet) == null ? void 0 : _H.value) == null ? void 0 : _I.label : (_K = (_J = field == null ? void 0 : field.configurationFields) == null ? void 0 : _J.spreadsheet) == null ? void 0 : _K.value
+    try {
+      return { text: JSON.stringify(value) };
+    } catch (e) {
+      return { text: String(value) };
     }
-  ) : null, !!((_L = field == null ? void 0 : field.configurationFields) == null ? void 0 : _L.reference) ? /* @__PURE__ */ React__default.createElement(
-    EventComponent,
+  }
+  return { text: String(value) };
+}
+const SingleMappingEventWrapper = ({
+  field,
+  isTrigger
+}) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R, _S, _T, _U, _V, _W, _X, _Y, _Z, __, _$, _aa;
+  const mappingPayloadConfigurationEntries = getMappingPayloadConfigurationEntries(
+    field == null ? void 0 : field.configuration
+  );
+  const hasEventSection = !!((_c = (_b = (_a = field == null ? void 0 : field.configurationFields) == null ? void 0 : _a.account) == null ? void 0 : _b.value) == null ? void 0 : _c.label) || !!field.action || !!field.exisitingSheet || !!(field == null ? void 0 : field.configurationFields) || !!field.object && isTrigger || mappingPayloadConfigurationEntries.length > 0;
+  const hasLegacyMappingEventPieces = !!(field == null ? void 0 : field.object) || !!(field == null ? void 0 : field.action) || !!((_f = (_e = (_d = field == null ? void 0 : field.configurationFields) == null ? void 0 : _d.account) == null ? void 0 : _e.value) == null ? void 0 : _f.label) || !!((_i = (_h = (_g = field == null ? void 0 : field.configurationFields) == null ? void 0 : _g.object) == null ? void 0 : _h.value) == null ? void 0 : _i.label) || !!((_k = (_j = field == null ? void 0 : field.configurationFields) == null ? void 0 : _j.action) == null ? void 0 : _k.hasAction) || !!((_m = (_l = field == null ? void 0 : field.configurationFields) == null ? void 0 : _l.spreadsheet) == null ? void 0 : _m.value) || !!((_n = field == null ? void 0 : field.configurationFields) == null ? void 0 : _n.reference);
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, hasEventSection ? /* @__PURE__ */ React__default.createElement(Flex, { flexDirection: "column", gap: "$6" }, /* @__PURE__ */ React__default.createElement(Text, { size: "sm", weight: "bold", css: { textTransform: "uppercase" } }, DASHBOARD_UI_STRINGS.EVENT), /* @__PURE__ */ React__default.createElement(
+    Flex,
     {
-      hasLink: (_N = (_M = field == null ? void 0 : field.configurationFields) == null ? void 0 : _M.reference) == null ? void 0 : _N.referenceURL,
-      hasBorder: false,
-      heading: (_P = (_O = field == null ? void 0 : field.configurationFields) == null ? void 0 : _O.reference) == null ? void 0 : _P.title,
-      description: (_R = (_Q = field == null ? void 0 : field.configurationFields) == null ? void 0 : _Q.reference) == null ? void 0 : _R.description
-    }
-  ) : null), /* @__PURE__ */ React__default.createElement(
+      alignItems: "center",
+      css: {
+        flexWrap: "wrap",
+        rowGap: "$6"
+      }
+    },
+    /* @__PURE__ */ React__default.createElement(Flex, { alignItems: "center", gap: "$20" }, !!(field == null ? void 0 : field.object) ? /* @__PURE__ */ React__default.createElement(
+      EventComponent,
+      {
+        heading: DASHBOARD_UI_STRINGS.OBJECT,
+        description: (_q = (_p = (_o = field == null ? void 0 : field.configuration) == null ? void 0 : _o.object) == null ? void 0 : _p.label) != null ? _q : field == null ? void 0 : field.object
+      }
+    ) : null, !!(field == null ? void 0 : field.action) ? /* @__PURE__ */ React__default.createElement(
+      EventComponent,
+      {
+        heading: DASHBOARD_UI_STRINGS.ACTION,
+        description: Array.isArray(field == null ? void 0 : field.action) ? (_s = (_r = field.action) == null ? void 0 : _r.map((a) => {
+          var _a2;
+          return typeof a === "object" && a !== null ? (_a2 = a == null ? void 0 : a.label) != null ? _a2 : "" : a != null ? a : "";
+        })) == null ? void 0 : _s.join(", ") : (_u = (_t = field == null ? void 0 : field.action) == null ? void 0 : _t.toLowerCase()) != null ? _u : ""
+      }
+    ) : null),
+    !!((_x = (_w = (_v = field == null ? void 0 : field.configurationFields) == null ? void 0 : _v.account) == null ? void 0 : _w.value) == null ? void 0 : _x.label) ? /* @__PURE__ */ React__default.createElement(
+      EventComponent,
+      {
+        heading: DASHBOARD_UI_STRINGS.ACCOUNT,
+        description: (_A = (_z = (_y = field == null ? void 0 : field.configurationFields) == null ? void 0 : _y.account) == null ? void 0 : _z.value) == null ? void 0 : _A.label
+      }
+    ) : null,
+    !!((_D = (_C = (_B = field == null ? void 0 : field.configurationFields) == null ? void 0 : _B.object) == null ? void 0 : _C.value) == null ? void 0 : _D.label) ? /* @__PURE__ */ React__default.createElement(
+      EventComponent,
+      {
+        heading: DASHBOARD_UI_STRINGS.OBJECT,
+        description: (_H = (_G = (_F = (_E = field == null ? void 0 : field.configurationFields) == null ? void 0 : _E.object) == null ? void 0 : _F.value) == null ? void 0 : _G.label) == null ? void 0 : _H.replace(
+          /^./,
+          (char) => char == null ? void 0 : char.toUpperCase()
+        )
+      }
+    ) : null,
+    !!((_J = (_I = field == null ? void 0 : field.configurationFields) == null ? void 0 : _I.action) == null ? void 0 : _J.hasAction) ? /* @__PURE__ */ React__default.createElement(
+      EventComponent,
+      {
+        hasBorder: true,
+        heading: DASHBOARD_UI_STRINGS.ACTION,
+        description: (_M = (_L = (_K = field == null ? void 0 : field.configurationFields) == null ? void 0 : _K.action) == null ? void 0 : _L.value) == null ? void 0 : _M.label
+      }
+    ) : null,
+    !!((_O = (_N = field == null ? void 0 : field.configurationFields) == null ? void 0 : _N.spreadsheet) == null ? void 0 : _O.value) ? /* @__PURE__ */ React__default.createElement(
+      EventComponent,
+      {
+        hasLink: (_P = field == null ? void 0 : field.configurationFields) == null ? void 0 : _P.sheetURL,
+        hasBorder: true,
+        heading: DASHBOARD_UI_STRINGS.SHEET,
+        description: typeof ((_Q = field == null ? void 0 : field.configurationFields) == null ? void 0 : _Q.spreadsheet) === "object" ? (_T = (_S = (_R = field == null ? void 0 : field.configurationFields) == null ? void 0 : _R.spreadsheet) == null ? void 0 : _S.value) == null ? void 0 : _T.label : (_V = (_U = field == null ? void 0 : field.configurationFields) == null ? void 0 : _U.spreadsheet) == null ? void 0 : _V.value
+      }
+    ) : null,
+    !!((_W = field == null ? void 0 : field.configurationFields) == null ? void 0 : _W.reference) ? /* @__PURE__ */ React__default.createElement(
+      EventComponent,
+      {
+        hasLink: (_Y = (_X = field == null ? void 0 : field.configurationFields) == null ? void 0 : _X.reference) == null ? void 0 : _Y.referenceURL,
+        hasBorder: true,
+        heading: (__ = (_Z = field == null ? void 0 : field.configurationFields) == null ? void 0 : _Z.reference) == null ? void 0 : __.title,
+        description: (_aa = (_$ = field == null ? void 0 : field.configurationFields) == null ? void 0 : _$.reference) == null ? void 0 : _aa.description
+      }
+    ) : null,
+    mappingPayloadConfigurationEntries.map(({ key, value }, index) => {
+      var _a2;
+      const formatted = formatMappingConfigValue(value);
+      return /* @__PURE__ */ React__default.createElement(
+        EventComponent,
+        {
+          key: `mapping-config-${key}`,
+          hasBorder: hasLegacyMappingEventPieces || index > 0 || (mappingPayloadConfigurationEntries == null ? void 0 : mappingPayloadConfigurationEntries.length) === index - 1,
+          heading: `${humanizeMappingConfigKey(key)}:`,
+          description: formatted.text,
+          hasLink: (_a2 = formatted.link) != null ? _a2 : false
+        }
+      );
+    })
+  ), /* @__PURE__ */ React__default.createElement(
     Box,
     {
       css: {

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

@@ -1 +1 @@
-{"version":3,"file":"SingleMappingEventWrapper.js","sources":["../../../../../src/integration-template/components/dashboard/SingleMappingEventWrapper.tsx"],"sourcesContent":["import { Box, Flex, Text } from \"@sparrowengg/twigs-react\";\nimport React from \"react\";\nimport { DashboardField } from \"../../../commons/types/enhanced\";\nimport { DASHBOARD_UI_STRINGS } from \"../dashboard-constants\";\nimport { EventComponent } from \"./EventComponent\";\n\ntype SingleMappingEventWrapperProps = {\n  field: DashboardField;\n  isTrigger?: boolean;\n};\n\nexport const SingleMappingEventWrapper: React.FC<SingleMappingEventWrapperProps> = ({\n  field,\n  isTrigger,\n}) => {\n  const hasEventSection =\n    !!(field as any)?.configurationFields?.account?.value?.label ||\n    !!(field as any).action ||\n    !!(field as any).exisitingSheet ||\n    !!(field as any)?.configurationFields ||\n    (!!(field as any).object && isTrigger);\n\n  console.log(\"field\", field);\n  return (\n    <>\n      {hasEventSection ? (\n        <Flex flexDirection=\"column\" gap=\"$6\">\n          <Text size=\"sm\" weight=\"bold\" css={{ textTransform: \"uppercase\" }}>\n            {DASHBOARD_UI_STRINGS.EVENT}\n          </Text>\n          <Flex alignItems=\"center\">\n            <Flex alignItems=\"center\" gap=\"$20\">\n              {!!(field as any)?.object ? (\n                <EventComponent\n                  heading={DASHBOARD_UI_STRINGS.OBJECT}\n                  description={(field as any)?.configuration?.object?.label ?? field?.object}\n                />\n              ) : null}\n              {!!(field as any)?.action ? (\n                <EventComponent\n                  heading={DASHBOARD_UI_STRINGS.ACTION}\n                  description={Array.isArray(field?.action)\n                    ? field.action?.map((a: any) => typeof a === 'object' && a !== null ? a?.label ?? \"\" : a ?? \"\")?.join(\", \")\n                    : field?.action?.toLowerCase() ?? \"\"}\n                />\n              ) : null}\n            </Flex>\n            {!!(field as any)?.configurationFields?.account?.value?.label ? (\n              <EventComponent\n                heading={DASHBOARD_UI_STRINGS.ACCOUNT}\n                description={(field as any)?.configurationFields?.account?.value?.label}\n              />\n            ) : null}\n            {!!(field as any)?.configurationFields?.object?.value?.label ? (\n              <EventComponent\n                heading={DASHBOARD_UI_STRINGS.OBJECT}\n                description={((field as any)?.configurationFields?.object?.value?.label as string)?.replace(\n                  /^./,\n                  (char: string) => char?.toUpperCase()\n                )}\n              />\n            ) : null}\n            {!!(field as any)?.configurationFields?.action?.hasAction ? (\n              <EventComponent\n                hasBorder\n                heading={DASHBOARD_UI_STRINGS.ACTION}\n                description={(field as any)?.configurationFields?.action?.value?.label}\n              />\n            ) : null}\n            {!!(field as any)?.configurationFields?.spreadsheet?.value ? (\n              <EventComponent\n                hasLink={(field as any)?.configurationFields?.sheetURL as boolean}\n                hasBorder\n                heading={DASHBOARD_UI_STRINGS.SHEET}\n                description={\n                  typeof (field as any)?.configurationFields?.spreadsheet === \"object\"\n                    ? (field as any)?.configurationFields?.spreadsheet?.value?.label\n                    : (field as any)?.configurationFields?.spreadsheet?.value\n                }\n              />\n            ) : null}\n            {!!(field as any)?.configurationFields?.reference ? (\n              <EventComponent\n                hasLink={(field as any)?.configurationFields?.reference?.referenceURL as boolean}\n                hasBorder={false}\n                heading={(field as any)?.configurationFields?.reference?.title}\n                description={(field as any)?.configurationFields?.reference?.description}\n              />\n            ) : null}\n          </Flex>\n          <Box\n            css={{\n              marginBlock: \"$4\",\n              height: \"1px\",\n              background: \"$neutral100\",\n            }}\n          />\n        </Flex>\n      ) : null}\n    </>\n  );\n};\n\n"],"names":["React","_a"],"mappings":"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"}
+{"version":3,"file":"SingleMappingEventWrapper.js","sources":["../../../../../src/integration-template/components/dashboard/SingleMappingEventWrapper.tsx"],"sourcesContent":["import { Box, Flex, Text } from \"@sparrowengg/twigs-react\";\nimport React from \"react\";\nimport { DashboardField } from \"../../../commons/types/enhanced\";\nimport { DASHBOARD_UI_STRINGS } from \"../dashboard-constants\";\nimport { EventComponent } from \"./EventComponent\";\n\ntype SingleMappingEventWrapperProps = {\n  field: DashboardField;\n  isTrigger?: boolean;\n};\n\nconst MAPPING_CONFIGURATION_KEYS_HIDDEN_FROM_DASHBOARD = new Set([\n  \"responseImportSettings\",\n  \"responseImportType\",\n]);\n\n/** API mapping payloads expose `configuration` as `{ [key]: { id, value } }`. Trigger-style payloads use other shapes — only list entries that match this pattern. */\nfunction getMappingPayloadConfigurationEntries(\n  configuration: unknown\n): { key: string; value: unknown }[] {\n  if (!configuration || typeof configuration !== \"object\" || Array.isArray(configuration)) {\n    return [];\n  }\n  const rows: { key: string; value: unknown }[] = [];\n  for (const [key, entry] of Object.entries(configuration as Record<string, unknown>)) {\n    if (MAPPING_CONFIGURATION_KEYS_HIDDEN_FROM_DASHBOARD.has(key)) {\n      continue;\n    }\n    if (\n      entry &&\n      typeof entry === \"object\" &&\n      !Array.isArray(entry) &&\n      \"value\" in entry &&\n      typeof (entry as { value?: unknown }).value !== \"undefined\"\n    ) {\n      rows.push({ key, value: (entry as { value: unknown }).value });\n    }\n  }\n  return rows;\n}\n\nfunction humanizeMappingConfigKey(key: string): string {\n  const spaced = key\n    .replace(/([a-z0-9])([A-Z])/g, \"$1 $2\")\n    .replace(/_/g, \" \");\n  return spaced.replace(/\\b\\w/g, (c) => c.toUpperCase()).trim();\n}\n\nfunction formatMappingConfigValue(value: unknown): { text: string; link?: string } {\n  if (value === null || value === undefined) {\n    return { text: \"—\" };\n  }\n  if (typeof value === \"boolean\") {\n    return { text: value ? \"Yes\" : \"No\" };\n  }\n  if (typeof value === \"number\" || typeof value === \"string\") {\n    return { text: String(value) };\n  }\n  if (Array.isArray(value)) {\n    return {\n      text: value.map((item) => formatMappingConfigValue(item).text).join(\", \"),\n    };\n  }\n  if (typeof value === \"object\") {\n    const o = value as Record<string, unknown>;\n    const label =\n      typeof o.label === \"string\"\n        ? o.label\n        : typeof o.title === \"string\"\n          ? o.title\n          : undefined;\n    const webUrl = typeof o.webUrl === \"string\" ? o.webUrl : undefined;\n    if (label) {\n      return { text: label, link: webUrl };\n    }\n    if (webUrl) {\n      return { text: webUrl, link: webUrl };\n    }\n    try {\n      return { text: JSON.stringify(value) };\n    } catch {\n      return { text: String(value) };\n    }\n  }\n  return { text: String(value) };\n}\n\nexport const SingleMappingEventWrapper: React.FC<SingleMappingEventWrapperProps> = ({\n  field,\n  isTrigger,\n}) => {\n  const mappingPayloadConfigurationEntries = getMappingPayloadConfigurationEntries(\n    (field as Record<string, unknown>)?.configuration\n  );\n\n  const hasEventSection =\n    !!(field as any)?.configurationFields?.account?.value?.label ||\n    !!(field as any).action ||\n    !!(field as any).exisitingSheet ||\n    !!(field as any)?.configurationFields ||\n    (!!(field as any).object && isTrigger) ||\n    mappingPayloadConfigurationEntries.length > 0;\n\n  const hasLegacyMappingEventPieces =\n    !!(field as any)?.object ||\n    !!(field as any)?.action ||\n    !!(field as any)?.configurationFields?.account?.value?.label ||\n    !!(field as any)?.configurationFields?.object?.value?.label ||\n    !!(field as any)?.configurationFields?.action?.hasAction ||\n    !!(field as any)?.configurationFields?.spreadsheet?.value ||\n    !!(field as any)?.configurationFields?.reference;\n\n  return (\n    <>\n      {hasEventSection ? (\n        <Flex flexDirection=\"column\" gap=\"$6\">\n          <Text size=\"sm\" weight=\"bold\" css={{ textTransform: \"uppercase\" }}>\n            {DASHBOARD_UI_STRINGS.EVENT}\n          </Text>\n          <Flex\n            alignItems=\"center\"\n            css={{\n              flexWrap: \"wrap\",\n              rowGap: \"$6\",\n            }}\n          >\n            <Flex alignItems=\"center\" gap=\"$20\">\n              {!!(field as any)?.object ? (\n                <EventComponent\n                  heading={DASHBOARD_UI_STRINGS.OBJECT}\n                  description={(field as any)?.configuration?.object?.label ?? field?.object}\n                />\n              ) : null}\n              {!!(field as any)?.action ? (\n                <EventComponent\n                  heading={DASHBOARD_UI_STRINGS.ACTION}\n                  description={Array.isArray(field?.action)\n                    ? field.action?.map((a: any) => typeof a === 'object' && a !== null ? a?.label ?? \"\" : a ?? \"\")?.join(\", \")\n                    : field?.action?.toLowerCase() ?? \"\"}\n                />\n              ) : null}\n            </Flex>\n            {!!(field as any)?.configurationFields?.account?.value?.label ? (\n              <EventComponent\n                heading={DASHBOARD_UI_STRINGS.ACCOUNT}\n                description={(field as any)?.configurationFields?.account?.value?.label}\n              />\n            ) : null}\n            {!!(field as any)?.configurationFields?.object?.value?.label ? (\n              <EventComponent\n                heading={DASHBOARD_UI_STRINGS.OBJECT}\n                description={((field as any)?.configurationFields?.object?.value?.label as string)?.replace(\n                  /^./,\n                  (char: string) => char?.toUpperCase()\n                )}\n              />\n            ) : null}\n            {!!(field as any)?.configurationFields?.action?.hasAction ? (\n              <EventComponent\n                hasBorder\n                heading={DASHBOARD_UI_STRINGS.ACTION}\n                description={(field as any)?.configurationFields?.action?.value?.label}\n              />\n            ) : null}\n            {!!(field as any)?.configurationFields?.spreadsheet?.value ? (\n              <EventComponent\n                hasLink={(field as any)?.configurationFields?.sheetURL as boolean}\n                hasBorder\n                heading={DASHBOARD_UI_STRINGS.SHEET}\n                description={\n                  typeof (field as any)?.configurationFields?.spreadsheet === \"object\"\n                    ? (field as any)?.configurationFields?.spreadsheet?.value?.label\n                    : (field as any)?.configurationFields?.spreadsheet?.value\n                }\n              />\n            ) : null}\n            {!!(field as any)?.configurationFields?.reference ? (\n              <EventComponent\n                hasLink={(field as any)?.configurationFields?.reference?.referenceURL as boolean}\n                hasBorder={true}\n                heading={(field as any)?.configurationFields?.reference?.title}\n                description={(field as any)?.configurationFields?.reference?.description}\n              />\n            ) : null}\n            {mappingPayloadConfigurationEntries.map(({ key, value }, index) => {\n              const formatted = formatMappingConfigValue(value);\n              return (\n                <EventComponent\n                  key={`mapping-config-${key}`}\n                  hasBorder={hasLegacyMappingEventPieces || index > 0 || mappingPayloadConfigurationEntries?.length === index - 1}\n                  heading={`${humanizeMappingConfigKey(key)}:`}\n                  description={formatted.text}\n                  hasLink={formatted.link ?? false}\n                />\n              );\n            })}\n          </Flex>\n          <Box\n            css={{\n              marginBlock: \"$4\",\n              height: \"1px\",\n              background: \"$neutral100\",\n            }}\n          />\n        </Flex>\n      ) : null}\n    </>\n  );\n};\n\n"],"names":["React","_a"],"mappings":"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"}