@sparrowengg/integrations-templates-frontend 2.1.0-notion-release.33 → 2.1.0-notion-release.35

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

@@ -0,0 +1,344 @@
+import React__default, { useState } from 'react';
+import ConfirmationModal from '../../../commons/components/confirmation-modal.js';
+import Sync from '../../../commons/icons/sync.js';
+import { ConditionCard } from '../../../mapping/utils/conditionDescriptionBuilder.js';
+import { DASHBOARD_UI_STRINGS, transformToPastTense } from '../dashboard-constants.js';
+import { SingleMappingChipWrapper } from './SingleMappingChipWrapper.js';
+import { SingleMappingEventWrapper } from './SingleMappingEventWrapper.js';
+import { Flex } from '../../../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js';
+import { ChevronDownIcon } from '../../../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/chevron-down.js';
+import { ChevronRightIcon } from '../../../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/chevron-right.js';
+import { Text } from '../../../node_modules/@sparrowengg/twigs-react/dist/es/text/text.js';
+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 { 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';
+import { EllipsisVerticalIcon } from '../../../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/ellipsis-vertical.js';
+import { PencilIcon } from '../../../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/pencil.js';
+import { DeleteIcon } from '../../../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/delete.js';
+
+const SingleMappingDashboardItem = ({
+  hasEditMapping,
+  fieldOptions,
+  icon,
+  field,
+  handleEditField,
+  handleDashboardPage,
+  toggleDashboardField,
+  deleteFieldHandler,
+  syncMapping,
+  integrationName,
+  onMappingEditHandler
+}) => {
+  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, __, _$;
+  const [isMappingDisplayed, setIsMappingDisplayed] = useState(false);
+  const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false);
+  const [isSyncing, setIsSyncing] = useState(null);
+  const handleEdit = () => {
+    onMappingEditHandler(field.id);
+    handleEditField({
+      type: "SINGLE_MAPPING",
+      values: field,
+      id: field.id
+    });
+    handleDashboardPage(false, "MAPPING");
+  };
+  const handleSync = async () => {
+    setIsSyncing(field.id);
+    setTimeout(async () => {
+      await (syncMapping == null ? void 0 : syncMapping(field.id));
+      setIsSyncing(null);
+    }, 2e3);
+  };
+  const showIcon = (field == null ? void 0 : field.isEnabled) !== null && (field == null ? void 0 : field.isEnabled) !== void 0;
+  const showSwitch = (field == null ? void 0 : field.isEnabled) !== null && (field == null ? void 0 : field.isEnabled) !== void 0;
+  const showDivider = showSwitch && syncMapping;
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
+    Flex,
+    {
+      flexDirection: "column",
+      css: {
+        width: "100%",
+        height: "100%",
+        overflow: "auto",
+        marginTop: "$8"
+      }
+    },
+    /* @__PURE__ */ React__default.createElement(
+      Flex,
+      {
+        css: {
+          border: isMappingDisplayed ? "$borderWidths$xs solid $black400" : "$borderWidths$xs solid $neutral200",
+          borderRadius: isMappingDisplayed ? "$2xl $2xl 0 0" : "$2xl",
+          padding: (field == null ? void 0 : field.mappingName) || (field == null ? void 0 : field.mappingDescription) ? "$10 $12" : "15px $12",
+          width: "100%",
+          backgroundColor: isMappingDisplayed ? "rgba(100, 116, 139, 0.04)" : "$white900"
+        },
+        justifyContent: "space-between",
+        alignItems: "center"
+      },
+      /* @__PURE__ */ React__default.createElement(
+        Flex,
+        {
+          alignItems: "center",
+          gap: "$4",
+          css: { cursor: "pointer" },
+          onClick: () => setIsMappingDisplayed(!isMappingDisplayed)
+        },
+        isMappingDisplayed ? /* @__PURE__ */ React__default.createElement(ChevronDownIcon, { size: 40, color: "#848484" }) : /* @__PURE__ */ React__default.createElement(ChevronRightIcon, { size: 40, color: "#848484" }),
+        /* @__PURE__ */ React__default.createElement(Flex, { alignItems: "center", gap: "$4" }, showIcon ? icon : null, /* @__PURE__ */ React__default.createElement(Flex, { gap: "$1", flexDirection: "column" }, /* @__PURE__ */ React__default.createElement(Text, { size: "md", weight: "bold" }, (field == null ? void 0 : field.mappingName) ? field == null ? void 0 : field.mappingName : (_d = (_c = (_b = (_a = field == null ? void 0 : field.configurationFields) == null ? void 0 : _a.account) == null ? void 0 : _b.value) == null ? void 0 : _c.label) != null ? _d : DASHBOARD_UI_STRINGS.MAPPING_HEADING), (field == null ? void 0 : field.mappingDescription) && /* @__PURE__ */ React__default.createElement(
+          Text,
+          {
+            size: "sm",
+            css: {
+              "& span": {
+                fontFamily: "'DM Sans', sans-serif !important"
+              },
+              color: "$neutral600",
+              "& b": {
+                fontWeight: "$6 !important",
+                fontFamily: "'DM Sans', sans-serif !important"
+              }
+            },
+            dangerouslySetInnerHTML: {
+              __html: (field == null ? void 0 : field.mappingDescription) ? field == null ? void 0 : field.mappingDescription : `Sync survey responses to ${integrationName} when ${(_g = (_f = (_e = field == null ? void 0 : field.mappingConfiguration) == null ? void 0 : _e.events) == null ? void 0 : _f.label) == null ? void 0 : _g.toLowerCase()} is ${transformToPastTense(`${(_j = (_i = (_h = field == null ? void 0 : field.mappingConfiguration) == null ? void 0 : _h.action) == null ? void 0 : _i.label) == null ? void 0 : _j.toLowerCase()}`)}`
+            }
+          }
+        )))
+      ),
+      /* @__PURE__ */ React__default.createElement(Flex, { alignItems: "center", gap: "$12" }, syncMapping ? /* @__PURE__ */ React__default.createElement(Tooltip, { content: DASHBOARD_UI_STRINGS.SYNC, className: "dm-sans" }, /* @__PURE__ */ React__default.createElement(
+        Button,
+        {
+          variant: "ghost",
+          size: "lg",
+          color: "default",
+          css: {
+            width: "40px !important",
+            height: "40px !important",
+            marginInlineEnd: "$3"
+          }
+        },
+        /* @__PURE__ */ React__default.createElement(
+          Flex,
+          {
+            className: `rotating-div ${isSyncing === field.id ? "rotate" : ""}`,
+            justifyContent: "center",
+            alignItems: "center",
+            onClick: handleSync
+          },
+          /* @__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(
+        Switch,
+        {
+          size: "md",
+          checked: field.isEnabled,
+          onChange: (value) => toggleDashboardField == null ? void 0 : toggleDashboardField(field.id, value)
+        }
+      ) : 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,
+        {
+          variant: "ghost",
+          color: "default",
+          size: "lg",
+          icon: /* @__PURE__ */ React__default.createElement(EllipsisVerticalIcon, null)
+        }
+      ))), /* @__PURE__ */ React__default.createElement(
+        DropdownMenuContent,
+        {
+          className: "dm-sans",
+          css: {
+            minWidth: 180,
+            zIndex: 10,
+            "& p": { margin: "0 !important", padding: "0 !important" }
+          },
+          sideOffset: 4,
+          align: "end"
+        },
+        (hasEditMapping === void 0 || hasEditMapping) && /* @__PURE__ */ React__default.createElement(
+          DropdownMenuItem,
+          {
+            css: { cursor: "pointer" },
+            onClick: () => {
+              onMappingEditHandler(field.id);
+              handleEditField({
+                type: "MAPPING",
+                values: field,
+                id: field.id
+              });
+              handleDashboardPage(false, "MAPPING");
+            }
+          },
+          /* @__PURE__ */ React__default.createElement(Flex, { alignItems: "center", gap: "$2" }, /* @__PURE__ */ React__default.createElement(PencilIcon, { color: "#6A6A6A", size: 20 }), /* @__PURE__ */ React__default.createElement(Text, { size: "sm" }, DASHBOARD_UI_STRINGS.EDIT))
+        ),
+        /* @__PURE__ */ React__default.createElement(
+          DropdownMenuItem,
+          {
+            onClick: () => setIsDeleteModalOpen(true),
+            css: { cursor: "pointer" }
+          },
+          /* @__PURE__ */ React__default.createElement(Flex, { alignItems: "center", gap: "$2" }, /* @__PURE__ */ React__default.createElement(DeleteIcon, { color: "#6A6A6A", size: 20 }), /* @__PURE__ */ React__default.createElement(Text, { size: "sm" }, DASHBOARD_UI_STRINGS.DELETE))
+        )
+      )))
+    ),
+    isMappingDisplayed ? /* @__PURE__ */ React__default.createElement(Box, null, /* @__PURE__ */ React__default.createElement(
+      Box,
+      {
+        css: {
+          borderInline: "$borderWidths$xs solid $black400",
+          maxHeight: 734,
+          height: "100%",
+          position: "relative",
+          overflow: "auto",
+          padding: "$16 $36"
+        }
+      },
+      /* @__PURE__ */ React__default.createElement(SingleMappingEventWrapper, { field }),
+      !!((_n = (_m = (_l = (_k = field == null ? void 0 : field.mappedFields) == null ? void 0 : _k.questions) == null ? void 0 : _l.filter) == null ? void 0 : _m.call(
+        _l,
+        (question) => question.isEnabled
+      )) == null ? void 0 : _n.length) ? /* @__PURE__ */ React__default.createElement(
+        SingleMappingChipWrapper,
+        {
+          heading: DASHBOARD_UI_STRINGS.QUESTIONS,
+          fields: (_q = (_p = (_o = field == null ? void 0 : field.mappedFields) == null ? void 0 : _o.questions) == null ? void 0 : _p.filter) == null ? void 0 : _q.call(
+            _p,
+            (question) => question.isEnabled
+          ),
+          backgroundColor: "#E5F2FF"
+        }
+      ) : null,
+      !!((_u = (_t = (_s = (_r = field == null ? void 0 : field.mappedFields) == null ? void 0 : _r.derivedQuestions) == null ? void 0 : _s.filter) == null ? void 0 : _t.call(
+        _s,
+        (derivedQuestion) => derivedQuestion.isEnabled
+      )) == null ? void 0 : _u.length) ? /* @__PURE__ */ React__default.createElement(
+        SingleMappingChipWrapper,
+        {
+          heading: DASHBOARD_UI_STRINGS.ENRICH,
+          fields: (_x = (_w = (_v = field == null ? void 0 : field.mappedFields) == null ? void 0 : _v.derivedQuestions) == null ? void 0 : _w.filter) == null ? void 0 : _x.call(
+            _w,
+            (derivedQuestion) => derivedQuestion.isEnabled
+          ),
+          backgroundColor: "#E5F2FF"
+        }
+      ) : null,
+      !!((_B = (_A = (_z = (_y = field == null ? void 0 : field.mappedFields) == null ? void 0 : _y.variables) == null ? void 0 : _z.filter) == null ? void 0 : _A.call(
+        _z,
+        (variable) => variable.isEnabled
+      )) == null ? void 0 : _B.length) ? /* @__PURE__ */ React__default.createElement(
+        SingleMappingChipWrapper,
+        {
+          heading: DASHBOARD_UI_STRINGS.VARIABLES,
+          fields: (_E = (_D = (_C = field == null ? void 0 : field.mappedFields) == null ? void 0 : _C.variables) == null ? void 0 : _D.filter) == null ? void 0 : _E.call(
+            _D,
+            (variable) => variable.isEnabled
+          ),
+          backgroundColor: "$positive100"
+        }
+      ) : null,
+      !!((_I = (_H = (_G = (_F = field == null ? void 0 : field.mappedFields) == null ? void 0 : _F.contactProperties) == null ? void 0 : _G.filter) == null ? void 0 : _H.call(
+        _G,
+        (property) => property.isEnabled
+      )) == null ? void 0 : _I.length) ? /* @__PURE__ */ React__default.createElement(
+        SingleMappingChipWrapper,
+        {
+          heading: DASHBOARD_UI_STRINGS.CONTACTS,
+          fields: (_L = (_K = (_J = field == null ? void 0 : field.mappedFields) == null ? void 0 : _J.contactProperties) == null ? void 0 : _K.filter) == null ? void 0 : _L.call(
+            _K,
+            (property) => property.isEnabled
+          ),
+          backgroundColor: "$negative100"
+        }
+      ) : null,
+      !!((_P = (_O = (_N = (_M = field == null ? void 0 : field.mappedFields) == null ? void 0 : _M.expressions) == null ? void 0 : _N.filter) == null ? void 0 : _O.call(
+        _N,
+        (expression) => expression.isEnabled
+      )) == null ? void 0 : _P.length) ? /* @__PURE__ */ React__default.createElement(
+        SingleMappingChipWrapper,
+        {
+          heading: DASHBOARD_UI_STRINGS.EXPRESSION,
+          backgroundColor: "$neutral100",
+          fields: (_S = (_R = (_Q = field == null ? void 0 : field.mappedFields) == null ? void 0 : _Q.expressions) == null ? void 0 : _R.filter) == null ? void 0 : _S.call(
+            _R,
+            (expression) => expression.isEnabled
+          )
+        }
+      ) : null,
+      !!((_W = (_V = (_U = (_T = field == null ? void 0 : field.mappedFields) == null ? void 0 : _T.property) == null ? void 0 : _U.filter) == null ? void 0 : _V.call(
+        _U,
+        (property) => property.isEnabled
+      )) == null ? void 0 : _W.length) ? /* @__PURE__ */ React__default.createElement(
+        SingleMappingChipWrapper,
+        {
+          heading: DASHBOARD_UI_STRINGS.PROPERTY,
+          hideBorder: true,
+          fields: (_Z = (_Y = (_X = field == null ? void 0 : field.mappedFields) == null ? void 0 : _X.property) == null ? void 0 : _Y.filter) == null ? void 0 : _Z.call(
+            _Y,
+            (property) => property.isEnabled
+          ),
+          backgroundColor: "rgba(74, 156, 166, 0.15)"
+        }
+      ) : null
+    ), isMappingDisplayed && /* @__PURE__ */ React__default.createElement(
+      Box,
+      {
+        css: {
+          padding: "$8 $32",
+          border: "$borderWidths$xs solid $black400",
+          borderTop: hasEditMapping === void 0 || hasEditMapping ? "$borderWidths$xs solid $neutral200" : "none",
+          borderRadius: "0 0 $2xl $2xl",
+          height: "100%"
+        }
+      },
+      ((_$ = (__ = field == null ? void 0 : field.mappingConditions) == null ? void 0 : __.filterGroups) == null ? void 0 : _$.length) ? /* @__PURE__ */ React__default.createElement(Flex, { flexDirection: "column", justifyContent: "center" }, /* @__PURE__ */ React__default.createElement(
+        Text,
+        {
+          className: "dm-sans",
+          size: "sm",
+          weight: "bold",
+          css: {
+            textTransform: "uppercase",
+            color: "$neutral900",
+            fontFamily: "DM Sans !important",
+            paddingLeft: "$4"
+          }
+        },
+        DASHBOARD_UI_STRINGS.CONDITION
+      ), /* @__PURE__ */ React__default.createElement(Flex, { css: { marginTop: "$2 !important" } }, /* @__PURE__ */ React__default.createElement(
+        ConditionCard,
+        {
+          isEditable: false,
+          conditionsData: field == null ? void 0 : field.mappingConditions,
+          showMoreMenu: false
+        }
+      ))) : null,
+      /* @__PURE__ */ React__default.createElement(
+        Button,
+        {
+          size: "sm",
+          leftIcon: /* @__PURE__ */ React__default.createElement(PencilIcon, null),
+          color: "primary",
+          variant: "ghost",
+          css: {
+            display: hasEditMapping === void 0 || hasEditMapping ? "flex" : "none"
+          },
+          onClick: handleEdit
+        },
+        DASHBOARD_UI_STRINGS.EDIT_MAPPING
+      )
+    )) : null
+  ), isDeleteModalOpen && /* @__PURE__ */ React__default.createElement(
+    ConfirmationModal,
+    {
+      name: DASHBOARD_UI_STRINGS.DELETE_MAPPING_TITLE,
+      description: DASHBOARD_UI_STRINGS.DELETE_MAPPING_MESSAGE,
+      onConfirm: () => deleteFieldHandler == null ? void 0 : deleteFieldHandler(field.id),
+      onCancel: () => setIsDeleteModalOpen(false)
+    }
+  ));
+};
+
+export { SingleMappingDashboardItem };
+//# sourceMappingURL=SingleMappingDashboardItem.js.map

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

@@ -0,0 +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\";\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                <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?.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: 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              </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                  />\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

@@ -0,0 +1,77 @@
+import React__default from 'react';
+import { DASHBOARD_UI_STRINGS } from '../dashboard-constants.js';
+import { EventComponent } from './EventComponent.js';
+import { Flex } from '../../../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js';
+import { Text } from '../../../node_modules/@sparrowengg/twigs-react/dist/es/text/text.js';
+import { 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;
+  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;
+  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: 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) ? (_d = field == null ? void 0 : field.action) == null ? void 0 : _d.map((action) => action).join(", ") : field == null ? void 0 : field.action
+    }
+  ) : null), !!((_g = (_f = (_e = field == null ? void 0 : field.configurationFields) == null ? void 0 : _e.account) == null ? void 0 : _f.value) == null ? void 0 : _g.label) ? /* @__PURE__ */ React__default.createElement(
+    EventComponent,
+    {
+      heading: DASHBOARD_UI_STRINGS.ACCOUNT,
+      description: (_j = (_i = (_h = field == null ? void 0 : field.configurationFields) == null ? void 0 : _h.account) == null ? void 0 : _i.value) == null ? void 0 : _j.label
+    }
+  ) : null, !!((_m = (_l = (_k = field == null ? void 0 : field.configurationFields) == null ? void 0 : _k.object) == null ? void 0 : _l.value) == null ? void 0 : _m.label) ? /* @__PURE__ */ React__default.createElement(
+    EventComponent,
+    {
+      heading: DASHBOARD_UI_STRINGS.OBJECT,
+      description: (_q = (_p = (_o = (_n = field == null ? void 0 : field.configurationFields) == null ? void 0 : _n.object) == null ? void 0 : _o.value) == null ? void 0 : _p.label) == null ? void 0 : _q.replace(
+        /^./,
+        (char) => char == null ? void 0 : char.toUpperCase()
+      )
+    }
+  ) : null, !!((_s = (_r = field == null ? void 0 : field.configurationFields) == null ? void 0 : _r.action) == null ? void 0 : _s.hasAction) ? /* @__PURE__ */ React__default.createElement(
+    EventComponent,
+    {
+      hasBorder: true,
+      heading: DASHBOARD_UI_STRINGS.ACTION,
+      description: (_v = (_u = (_t = field == null ? void 0 : field.configurationFields) == null ? void 0 : _t.action) == null ? void 0 : _u.value) == null ? void 0 : _v.label
+    }
+  ) : null, !!((_x = (_w = field == null ? void 0 : field.configurationFields) == null ? void 0 : _w.spreadsheet) == null ? void 0 : _x.value) ? /* @__PURE__ */ React__default.createElement(
+    EventComponent,
+    {
+      hasLink: (_y = field == null ? void 0 : field.configurationFields) == null ? void 0 : _y.sheetURL,
+      hasBorder: true,
+      heading: DASHBOARD_UI_STRINGS.SHEET,
+      description: typeof ((_z = field == null ? void 0 : field.configurationFields) == null ? void 0 : _z.spreadsheet) === "object" ? (_C = (_B = (_A = field == null ? void 0 : field.configurationFields) == null ? void 0 : _A.spreadsheet) == null ? void 0 : _B.value) == null ? void 0 : _C.label : (_E = (_D = field == null ? void 0 : field.configurationFields) == null ? void 0 : _D.spreadsheet) == null ? void 0 : _E.value
+    }
+  ) : null, !!((_F = field == null ? void 0 : field.configurationFields) == null ? void 0 : _F.reference) ? /* @__PURE__ */ React__default.createElement(
+    EventComponent,
+    {
+      hasLink: (_H = (_G = field == null ? void 0 : field.configurationFields) == null ? void 0 : _G.reference) == null ? void 0 : _H.referenceURL,
+      hasBorder: false,
+      heading: (_J = (_I = field == null ? void 0 : field.configurationFields) == null ? void 0 : _I.reference) == null ? void 0 : _J.title,
+      description: (_L = (_K = field == null ? void 0 : field.configurationFields) == null ? void 0 : _K.reference) == null ? void 0 : _L.description
+    }
+  ) : null), /* @__PURE__ */ React__default.createElement(
+    Box,
+    {
+      css: {
+        marginBlock: "$4",
+        height: "1px",
+        background: "$neutral100"
+      }
+    }
+  )) : null);
+};
+
+export { SingleMappingEventWrapper };
+//# sourceMappingURL=SingleMappingEventWrapper.js.map

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

@@ -0,0 +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  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)?.object}\n                />\n              ) : null}\n              {!!(field as any)?.action ? (\n                <EventComponent\n                  heading={DASHBOARD_UI_STRINGS.ACTION}\n                  description={\n                    Array.isArray((field as any)?.action)\n                      ? (field as any)?.action?.map((action: any) => action).join(\", \")\n                      : (field as any)?.action\n                  }\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"],"mappings":"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"}