@sparrowengg/integrations-templates-frontend 2.1.0-notion-release.19 → 2.1.0-notion-release.20

package/dist/es/commons/components/MappingCondtion/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/commons/components/MappingCondtion/index.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from \"react\";\nimport {\n  Dialog,\n  DialogHeader,\n  DialogTitle,\n  DialogBody,\n  DialogFooter,\n  DialogClose,\n  DialogTrigger,\n  DialogContent,\n  IconButton,\n  Box,\n  Button,\n  Flex,\n  Text,\n} from \"@sparrowengg/twigs-react\";\nimport { CloseIcon } from \"@sparrowengg/twigs-react-icons\";\nimport ConditionWrapper from \"./conditionWrapper\";\nimport { createPortal } from \"react-dom\";\n\nexport default function MappingCondition({existingContions, setExistingCondtions, conditionData}: {existingContions: any, setExistingCondtions?: (conditions: any) => void, conditionData: any}) {\n  const [isOpen, setIsOpen] = useState(false);\n  const [hasFilterGroups, setHasFilterGroups] = useState(false);\n  const ref = useRef<{handleSave: () => void}>(null);\n\n  const onConditionsChange = (filterGroupsLength: number) => {\n    setHasFilterGroups(filterGroupsLength > 0);\n  };\n\n  return (\n    <Dialog size=\"md\" modal={false} open={isOpen} onOpenChange={setIsOpen}>\n      {isOpen &&\n        createPortal(\n          <Box\n            css={{\n              height: \"100vh\",\n              width: \"100vw\",\n              position: \"fixed\",\n              inset: \"0\",\n              backgroundColorOpacity: [\"$black700\", 0.6],\n              zIndex: \"99\",\n            }}\n          />,\n          document.body\n        )}\n      <DialogTrigger asChild onClick={() => setIsOpen(true)}>\n        <Text\n          weight=\"medium\"\n          css={{\n            color: \"$primary500\",\n            cursor: \"pointer\",\n          }}\n        >\n          Set Conditions\n        </Text>\n      </DialogTrigger>\n      <DialogContent\n        css={{\n          fontFamily: \"DM Sans !important\",\n          minHeight: \"332px\",\n          maxHeight: \"532px\",\n        }}\n      >\n        <DialogHeader\n          css={{\n            display: \"flex\",\n            flexDirection: \"column\",\n            alignItems: \"flex-start\",\n            justifyContent: \"center\",\n          }}\n        >\n          <DialogTitle size=\"md\">Set Conditions </DialogTitle>\n        </DialogHeader>\n        <DialogBody\n          css={{\n            padding: \"$12 !important\",\n            minHeight: \"188px\",\n            maxHeight: \"388px\",\n            overflowY: \"auto\",\n          }}\n        >\n          <ConditionWrapper\n            conditionData={conditionData}\n            existingContions={existingContions}\n            setExistingCondtions={setExistingCondtions || (() => {})}\n            onConditionsChange={onConditionsChange}\n            ref={ref}\n          />\n        </DialogBody>\n        <DialogFooter>\n          <Flex justifyContent=\"flex-end\" css={{ justifyContent: \"flex-end\" }}>\n            <DialogClose asChild>\n              <Flex alignItems=\"center\" gap=\"$4\">\n                <Button size=\"lg\" color=\"default\">\n                  Cancel\n                </Button>\n                <Button\n                  size=\"lg\"\n                  color=\"primary\"\n                  onClick={() => ref.current?.handleSave()}\n                  disabled={!hasFilterGroups}\n                >\n                  Save\n                </Button>\n              </Flex>\n            </DialogClose>\n          </Flex>\n        </DialogFooter>\n        <Box css={{ position: \"absolute\", top: \"$8\", right: \"$8\" }}>\n          <DialogClose asChild>\n            <IconButton\n              size=\"lg\"\n              icon={<CloseIcon />}\n              variant=\"ghost\"\n              aria-label=\"Close\"\n              color=\"default\"\n            />\n          </DialogClose>\n        </Box>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/commons/components/MappingCondtion/index.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from \"react\";\nimport {\n  Dialog,\n  DialogHeader,\n  DialogTitle,\n  DialogBody,\n  DialogFooter,\n  DialogClose,\n  DialogTrigger,\n  DialogContent,\n  IconButton,\n  Box,\n  Button,\n  Flex,\n  Text,\n} from \"@sparrowengg/twigs-react\";\nimport { CloseIcon } from \"@sparrowengg/twigs-react-icons\";\nimport ConditionWrapper from \"./conditionWrapper\";\nimport { createPortal } from \"react-dom\";\n\nexport default function MappingCondition({\n  existingContions,\n  setExistingCondtions,\n  conditionData,\n  renderTrigger,\n}: {\n  existingContions: any;\n  setExistingCondtions?: (conditions: any) => void;\n  conditionData: any;\n  renderTrigger?: (onClick: () => void) => React.ReactNode;\n}) {\n  const [isOpen, setIsOpen] = useState(false);\n  const [hasFilterGroups, setHasFilterGroups] = useState(false);\n  const ref = useRef<{ handleSave: () => void }>(null);\n\n  const onConditionsChange = (filterGroupsLength: number) => {\n    setHasFilterGroups(filterGroupsLength > 0);\n  };\n\n  return (\n    <Dialog size=\"md\" modal={false} open={isOpen} onOpenChange={setIsOpen}>\n      {isOpen &&\n        createPortal(\n          <Box\n            css={{\n              height: \"100vh\",\n              width: \"100vw\",\n              position: \"fixed\",\n              inset: \"0\",\n              backgroundColorOpacity: [\"$black700\", 0.6],\n              zIndex: \"99\",\n            }}\n          />,\n          document.body\n        )}\n      <DialogTrigger asChild onClick={() => setIsOpen(true)}>\n        {renderTrigger ? (\n          renderTrigger(() => setIsOpen(true))\n        ) : (\n          <Text\n            className=\"dm-sans\"\n            weight=\"medium\"\n            css={{\n              color: \"$primary500\",\n              cursor: \"pointer\",\n              fontFamily: \"DM Sans !important\",\n            }}\n          >\n            Set Conditions\n          </Text>\n        )}\n      </DialogTrigger>\n      <DialogContent\n        className=\"dm-sans\"\n        css={{\n          fontFamily: \"DM Sans !important\",\n          minHeight: \"332px\",\n          maxHeight: \"532px\",\n          p: {\n            margin: \"0 !important\",\n          },\n        }}\n      >\n        <DialogHeader\n          className=\"dm-sans\"\n          css={{\n            display: \"flex\",\n            flexDirection: \"column\",\n            alignItems: \"flex-start\",\n            justifyContent: \"center\",\n            fontFamily: \"DM Sans !important\",\n          }}\n        >\n          <DialogTitle size=\"md\">Set Conditions </DialogTitle>\n        </DialogHeader>\n        <DialogBody\n          className=\"dm-sans\"\n          css={{\n            fontFamily: \"DM Sans !important\",\n            padding: \"$12 !important\",\n            minHeight: \"188px\",\n            maxHeight: \"388px\",\n            overflowY: \"auto\",\n            p: {\n              margin: \"0 !important\",\n            },\n          }}\n        >\n          <ConditionWrapper\n            conditionData={conditionData}\n            existingContions={existingContions}\n            setExistingCondtions={setExistingCondtions || (() => {})}\n            onConditionsChange={onConditionsChange}\n            ref={ref}\n          />\n        </DialogBody>\n        <DialogFooter\n          className=\"dm-sans\"\n          css={{ fontFamily: \"DM Sans !important\" }}\n        >\n          <Flex justifyContent=\"flex-end\" css={{ justifyContent: \"flex-end\" }}>\n            <DialogClose asChild>\n              <Flex alignItems=\"center\" gap=\"$4\">\n                <Button size=\"lg\" color=\"default\">\n                  Cancel\n                </Button>\n                <Button\n                  size=\"lg\"\n                  color=\"primary\"\n                  onClick={() => ref.current?.handleSave()}\n                  disabled={!hasFilterGroups}\n                >\n                  Save\n                </Button>\n              </Flex>\n            </DialogClose>\n          </Flex>\n        </DialogFooter>\n        <Box\n          css={{\n            position: \"absolute\",\n            top: \"$8\",\n            right: \"$8\",\n            fontFamily: \"DM Sans !important\",\n          }}\n        >\n          <DialogClose className=\"dm-sans\" asChild>\n            <IconButton\n              size=\"lg\"\n              icon={<CloseIcon />}\n              variant=\"ghost\"\n              aria-label=\"Close\"\n              color=\"default\"\n            />\n          </DialogClose>\n        </Box>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"names":["React"],"mappings":"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"}

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

@@ -5,6 +5,7 @@ import parse from '../../node_modules/html-react-parser/esm/index.js';
 import { operatorOptions } from '../../commons/constants/index.js';
 import ConfirmationModal from '../../commons/components/confirmation-modal.js';
 import Sync from '../../commons/icons/sync.js';
+import { ConditionCard } from '../../mapping/utils/conditionDescriptionBuilder.js';
 import { Flex } from '../../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js';
 import { Box } from '../../node_modules/@sparrowengg/twigs-react/dist/es/box/box.js';
 import { Heading } from '../../node_modules/@sparrowengg/twigs-react/dist/es/heading/heading.js';
@@ -213,6 +214,7 @@ const MultiAccountDashboard = ({
           id: field.id,
           description: `Trigger survey when an ${(_d2 = field == null ? void 0 : field.object) == null ? void 0 : _d2.toLowerCase()} is ${(_e = field == null ? void 0 : field.action) == null ? void 0 : _e.toLowerCase()} in ${integrationName}`,
           fields: field.fields,
+          mappingConditions: field.mappingConditions,
           isEnabled: field.isEnabled,
           integrationName,
           handleDashboardPage,
@@ -240,6 +242,7 @@ const MultiAccountDashboard = ({
             isEnabled: field.isEnabled,
             integrationName,
             handleDashboardPage,
+            mappingConditions: field.mappingConditions,
             handleEditField,
             type: "MAPPING",
             toggleDashboardField,
@@ -274,6 +277,7 @@ const MultiAccountDashboard = ({
       return /* @__PURE__ */ React__default.createElement(
         DashboardItem,
         {
+          mappingConditions: field.mappingConditions,
           key: field.id,
           isDraft: (_a2 = field == null ? void 0 : field.isDraft) != null ? _a2 : false,
           onMappingEditHandler,
@@ -310,6 +314,7 @@ const MultiAccountDashboard = ({
         return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, (mappingFields == null ? void 0 : mappingFields.type) === "MULTI_MAPPING" ? /* @__PURE__ */ React__default.createElement(
           DashboardItem,
           {
+            mappingConditions: field.mappingConditions,
             key: field.id,
             isDraft: (_a2 = field == null ? void 0 : field.isDraft) != null ? _a2 : false,
             onMappingEditHandler,
@@ -430,6 +435,7 @@ const SingleAccountDashboard = ({
         return /* @__PURE__ */ React__default.createElement(
           DashboardItem,
           {
+            mappingConditions: field.mappingConditions,
             hasEditMapping,
             isDraft: (_a2 = field == null ? void 0 : field.isDraft) != null ? _a2 : false,
             onMappingEditHandler,
@@ -472,6 +478,7 @@ const SingleAccountDashboard = ({
       return /* @__PURE__ */ React__default.createElement(
         DashboardItem,
         {
+          mappingConditions: field.mappingConditions,
           isDraft: (_a2 = field == null ? void 0 : field.isDraft) != null ? _a2 : false,
           onMappingEditHandler,
           icon: /* @__PURE__ */ React__default.createElement(MappingIcon, { size: 32, color: "#56B0BB" }),
@@ -801,7 +808,7 @@ const SingleMappingDashboardItem = ({
   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;
+  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);
@@ -1034,6 +1041,16 @@ const SingleMappingDashboardItem = ({
           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" } }, "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,
         {
@@ -1237,12 +1254,14 @@ const DashboardItem = ({
   handleDashboardPage,
   type,
   toggleDashboardField,
-  deleteFieldHandler
+  deleteFieldHandler,
+  mappingConditions
 }) => {
+  var _a;
   const [isMappingDisplayed, setIsMappingDisplayed] = useState(false);
   const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false);
   const getDefaultFieldValue = (defaultValue) => {
-    var _a;
+    var _a2;
     let field = "--";
     switch (defaultValue == null ? void 0 : defaultValue.type) {
       case "DATE_TIME": {
@@ -1254,7 +1273,7 @@ const DashboardItem = ({
         break;
       }
       default: {
-        field = ((_a = defaultValue == null ? void 0 : defaultValue.value) == null ? void 0 : _a.label) || "--";
+        field = ((_a2 = defaultValue == null ? void 0 : defaultValue.value) == null ? void 0 : _a2.label) || "--";
         break;
       }
     }
@@ -1290,9 +1309,23 @@ const DashboardItem = ({
           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" }, icon, /* @__PURE__ */ React__default.createElement(Flex, { gap: "$1", flexDirection: "column" }, /* @__PURE__ */ React__default.createElement(Text, { size: "md", weight: "bold" }, heading), /* @__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: description } })))
+        /* @__PURE__ */ React__default.createElement(Flex, { alignItems: "center", gap: "$4" }, icon, /* @__PURE__ */ React__default.createElement(Flex, { gap: "$1", flexDirection: "column" }, /* @__PURE__ */ React__default.createElement(Text, { size: "md", weight: "bold" }, heading), /* @__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: description }
+          }
+        )))
       ),
       /* @__PURE__ */ React__default.createElement(Flex, { alignItems: "center", gap: "$12" }, isDraft && /* @__PURE__ */ React__default.createElement(Flex, { alignItems: "center", gap: "$12" }, /* @__PURE__ */ React__default.createElement(Chip, { rounded: "full", size: "sm" }, /* @__PURE__ */ React__default.createElement(
         Box,
@@ -1437,7 +1470,7 @@ const DashboardItem = ({
             }
           },
           fields.map((field) => {
-            var _a, _b, _c, _d, _e, _f, _g;
+            var _a2, _b, _c, _d, _e, _f, _g;
             return /* @__PURE__ */ React__default.createElement(
               Tr,
               {
@@ -1460,7 +1493,7 @@ const DashboardItem = ({
                   }
                 }
               },
-              /* @__PURE__ */ React__default.createElement(Td, null, (_b = (_a = field.mappedType) == null ? void 0 : _a.label) != null ? _b : "--"),
+              /* @__PURE__ */ React__default.createElement(Td, null, (_b = (_a2 = field.mappedType) == null ? void 0 : _a2.label) != null ? _b : "--"),
               /* @__PURE__ */ React__default.createElement(Td, null, (_d = (_c = field.surveySparrowField) == null ? void 0 : _c.label) != null ? _d : "--"),
               /* @__PURE__ */ React__default.createElement(Td, null, (_f = (_e = field.integrationField) == null ? void 0 : _e.label) != null ? _f : "--"),
               /* @__PURE__ */ React__default.createElement(Td, null, (_g = getDefaultFieldValue(field.defaultValue)) != null ? _g : "--")
@@ -1479,6 +1512,16 @@ const DashboardItem = ({
             height: "100%"
           }
         },
+        ((_a = mappingConditions == null ? void 0 : mappingConditions.filterGroups) == null ? void 0 : _a.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" } }, "CONDITION"), /* @__PURE__ */ React__default.createElement(Flex, { css: {
+          marginTop: "$2 !important"
+        } }, /* @__PURE__ */ React__default.createElement(
+          ConditionCard,
+          {
+            isEditable: false,
+            conditionsData: mappingConditions,
+            showMoreMenu: false
+          }
+        ))) : null,
         /* @__PURE__ */ React__default.createElement(
           Button,
           {