@sparrowengg/integrations-templates-frontend 6.0.1 → 6.0.3

package/dist/cjs/integration-template/components/dashboard/DashboardItem.js

@@ -12,6 +12,7 @@ var chevronRight = require('../../../node_modules/@sparrowengg/twigs-react-icons
 var text = require('../../../node_modules/@sparrowengg/twigs-react/dist/es/text/text.js');
 var chip = require('../../../node_modules/@sparrowengg/twigs-react/dist/es/chip/chip.js');
 var box = require('../../../node_modules/@sparrowengg/twigs-react/dist/es/box/box.js');
+var circle = require('../../../node_modules/@sparrowengg/twigs-react/dist/es/loader/circle.js');
 var _switch = require('../../../node_modules/@sparrowengg/twigs-react/dist/es/switch/switch.js');
 var dropdown = require('../../../node_modules/@sparrowengg/twigs-react/dist/es/dropdown/dropdown.js');
 var iconButton = require('../../../node_modules/@sparrowengg/twigs-react/dist/es/button/icon-button.js');
@@ -44,6 +45,17 @@ const DashboardItem = ({
   var _a;
   const [isMappingDisplayed, setIsMappingDisplayed] = React.useState(false);
   const [isDeleteModalOpen, setIsDeleteModalOpen] = React.useState(false);
+  const [isToggling, setIsToggling] = React.useState(false);
+  const handleToggle = async (value) => {
+    if (!toggleDashboardField)
+      return;
+    try {
+      setIsToggling(true);
+      await Promise.resolve(toggleDashboardField(id, value));
+    } finally {
+      setIsToggling(false);
+    }
+  };
   const handleEdit = () => {
     onMappingEditHandler(id);
     handleEditField({
@@ -102,12 +114,22 @@ const DashboardItem = ({
           height: "$4"
         }
       }
-    ), /* @__PURE__ */ React.createElement(text.Text, { size: "sm", weight: "bold", css: { color: "$neutral800" } }, dashboardConstants.DASHBOARD_UI_STRINGS.DRAFT)), /* @__PURE__ */ React.createElement(box.Box, { css: { width: "1px", height: "20px", background: "#64748B20" } })), /* @__PURE__ */ React.createElement(
+    ), /* @__PURE__ */ React.createElement(text.Text, { size: "sm", weight: "bold", css: { color: "$neutral800" } }, dashboardConstants.DASHBOARD_UI_STRINGS.DRAFT)), /* @__PURE__ */ React.createElement(box.Box, { css: { width: "1px", height: "20px", background: "#64748B20" } })), isToggling ? /* @__PURE__ */ React.createElement(
+      circle.CircleLoader,
+      {
+        size: "xl",
+        css: {
+          ".twigs-circle-loader__ring": { strokeWidth: "1" },
+          ".twigs-circle-loader__dot": { strokeWidth: "1" }
+        },
+        color: "primary"
+      }
+    ) : /* @__PURE__ */ React.createElement(
       _switch.Switch,
       {
         size: "md",
         checked: isEnabled,
-        onChange: (value) => toggleDashboardField(id, value)
+        onChange: handleToggle
       }
     ), /* @__PURE__ */ React.createElement(dropdown.DropdownMenu, null, /* @__PURE__ */ React.createElement(dropdown.DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(
       iconButton.IconButton,

package/dist/cjs/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":["useState","Flex","ChevronDownIcon","ChevronRightIcon","Text","sanitizeHTML","Chip","Box","DASHBOARD_UI_STRINGS","Switch","DropdownMenu","DropdownMenuTrigger","IconButton","EllipsisVerticalIcon","DropdownMenuContent","DropdownMenuItem","PencilIcon","DeleteIcon","Table","Thead","Th","Tbody","_a","Tr","Td","getDefaultFieldValue","ConditionCard","Button","ConfirmationModal"],"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":["useState","Flex","ChevronDownIcon","ChevronRightIcon","Text","sanitizeHTML","Chip","Box","DASHBOARD_UI_STRINGS","CircleLoader","Switch","DropdownMenu","DropdownMenuTrigger","IconButton","EllipsisVerticalIcon","DropdownMenuContent","DropdownMenuItem","PencilIcon","DeleteIcon","Table","Thead","Th","Tbody","_a","Tr","Td","getDefaultFieldValue","ConditionCard","Button","ConfirmationModal"],"mappings":"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"}

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

@@ -15,6 +15,7 @@ var text = require('../../../node_modules/@sparrowengg/twigs-react/dist/es/text/
 var tooltip = require('../../../node_modules/@sparrowengg/twigs-react/dist/es/tooltip/tooltip.js');
 var button = require('../../../node_modules/@sparrowengg/twigs-react/dist/es/button/button.js');
 var box = require('../../../node_modules/@sparrowengg/twigs-react/dist/es/box/box.js');
+var circle = require('../../../node_modules/@sparrowengg/twigs-react/dist/es/loader/circle.js');
 var _switch = require('../../../node_modules/@sparrowengg/twigs-react/dist/es/switch/switch.js');
 var dropdown = require('../../../node_modules/@sparrowengg/twigs-react/dist/es/dropdown/dropdown.js');
 var iconButton = require('../../../node_modules/@sparrowengg/twigs-react/dist/es/button/icon-button.js');
@@ -39,6 +40,17 @@ const SingleMappingDashboardItem = ({
   const [isMappingDisplayed, setIsMappingDisplayed] = React.useState(false);
   const [isDeleteModalOpen, setIsDeleteModalOpen] = React.useState(false);
   const [isSyncing, setIsSyncing] = React.useState(null);
+  const [isToggling, setIsToggling] = React.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({
@@ -135,12 +147,22 @@ const SingleMappingDashboardItem = ({
           },
           /* @__PURE__ */ React.createElement(sync.default, null)
         )
-      )) : null, showDivider ? /* @__PURE__ */ React.createElement(box.Box, { css: { width: "1px", height: "20px", background: "#64748B33" } }) : null, showSwitch ? /* @__PURE__ */ React.createElement(
+      )) : null, showDivider ? /* @__PURE__ */ React.createElement(box.Box, { css: { width: "1px", height: "20px", background: "#64748B33" } }) : null, showSwitch ? isToggling ? /* @__PURE__ */ React.createElement(
+        circle.CircleLoader,
+        {
+          size: "xl",
+          css: {
+            ".twigs-circle-loader__ring": { strokeWidth: "1" },
+            ".twigs-circle-loader__dot": { strokeWidth: "1" }
+          },
+          color: "primary"
+        }
+      ) : /* @__PURE__ */ React.createElement(
         _switch.Switch,
         {
           size: "md",
           checked: field.isEnabled,
-          onChange: (value) => toggleDashboardField == null ? void 0 : toggleDashboardField(field.id, value)
+          onChange: handleToggle
         }
       ) : null, /* @__PURE__ */ React.createElement(dropdown.DropdownMenu, null, /* @__PURE__ */ React.createElement(tooltip.Tooltip, { content: dashboardConstants.DASHBOARD_UI_STRINGS.MORE, className: "dm-sans" }, /* @__PURE__ */ React.createElement(dropdown.DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(
         iconButton.IconButton,

package/dist/cjs/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":["useState","Flex","ChevronDownIcon","ChevronRightIcon","Text","DASHBOARD_UI_STRINGS","sanitizeHTML","transformToPastTense","Tooltip","Button","Sync","Box","Switch","DropdownMenu","DropdownMenuTrigger","IconButton","EllipsisVerticalIcon","DropdownMenuContent","DropdownMenuItem","PencilIcon","DeleteIcon","SingleMappingEventWrapper","SingleMappingChipWrapper","ConditionCard","ConfirmationModal"],"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":["useState","Flex","ChevronDownIcon","ChevronRightIcon","Text","DASHBOARD_UI_STRINGS","sanitizeHTML","transformToPastTense","Tooltip","Button","Sync","Box","CircleLoader","Switch","DropdownMenu","DropdownMenuTrigger","IconButton","EllipsisVerticalIcon","DropdownMenuContent","DropdownMenuItem","PencilIcon","DeleteIcon","SingleMappingEventWrapper","SingleMappingChipWrapper","ConditionCard","ConfirmationModal"],"mappings":"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"}

package/dist/cjs/integration-template/components/dashboard/SingleMappingEventWrapper.js

@@ -7,67 +7,155 @@ var flex = require('../../../node_modules/@sparrowengg/twigs-react/dist/es/flex/
 var text = require('../../../node_modules/@sparrowengg/twigs-react/dist/es/text/text.js');
 var box = require('../../../node_modules/@sparrowengg/twigs-react/dist/es/box/box.js');
 
-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.createElement(React.Fragment, null, hasEventSection ? /* @__PURE__ */ React.createElement(flex.Flex, { flexDirection: "column", gap: "$6" }, /* @__PURE__ */ React.createElement(text.Text, { size: "sm", weight: "bold", css: { textTransform: "uppercase" } }, dashboardConstants.DASHBOARD_UI_STRINGS.EVENT), /* @__PURE__ */ React.createElement(flex.Flex, { alignItems: "center" }, /* @__PURE__ */ React.createElement(flex.Flex, { alignItems: "center", gap: "$20" }, !!(field == null ? void 0 : field.object) ? /* @__PURE__ */ React.createElement(
-    EventComponent.EventComponent,
-    {
-      heading: dashboardConstants.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.createElement(
-    EventComponent.EventComponent,
-    {
-      heading: dashboardConstants.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.createElement(
-    EventComponent.EventComponent,
-    {
-      heading: dashboardConstants.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.createElement(
-    EventComponent.EventComponent,
-    {
-      heading: dashboardConstants.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.createElement(
-    EventComponent.EventComponent,
-    {
-      hasBorder: true,
-      heading: dashboardConstants.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.createElement(
-    EventComponent.EventComponent,
-    {
-      hasLink: (_E = field == null ? void 0 : field.configurationFields) == null ? void 0 : _E.sheetURL,
-      hasBorder: true,
-      heading: dashboardConstants.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.createElement(
-    EventComponent.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.createElement(React.Fragment, null, hasEventSection ? /* @__PURE__ */ React.createElement(flex.Flex, { flexDirection: "column", gap: "$6" }, /* @__PURE__ */ React.createElement(text.Text, { size: "sm", weight: "bold", css: { textTransform: "uppercase" } }, dashboardConstants.DASHBOARD_UI_STRINGS.EVENT), /* @__PURE__ */ React.createElement(
+    flex.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.createElement(
+      alignItems: "center",
+      css: {
+        flexWrap: "wrap",
+        rowGap: "$6"
+      }
+    },
+    /* @__PURE__ */ React.createElement(flex.Flex, { alignItems: "center", gap: "$20" }, !!(field == null ? void 0 : field.object) ? /* @__PURE__ */ React.createElement(
+      EventComponent.EventComponent,
+      {
+        heading: dashboardConstants.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.createElement(
+      EventComponent.EventComponent,
+      {
+        heading: dashboardConstants.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.createElement(
+      EventComponent.EventComponent,
+      {
+        heading: dashboardConstants.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.createElement(
+      EventComponent.EventComponent,
+      {
+        heading: dashboardConstants.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.createElement(
+      EventComponent.EventComponent,
+      {
+        hasBorder: true,
+        heading: dashboardConstants.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.createElement(
+      EventComponent.EventComponent,
+      {
+        hasLink: (_P = field == null ? void 0 : field.configurationFields) == null ? void 0 : _P.sheetURL,
+        hasBorder: true,
+        heading: dashboardConstants.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.createElement(
+      EventComponent.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.createElement(
+        EventComponent.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.createElement(
     box.Box,
     {
       css: {