@sparrowengg/integrations-templates-frontend 2.1.0-notion-release.1 → 2.1.0-notion-release.3

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

@@ -34,6 +34,7 @@ const trasformToPastTense = (value) => {
   }
 };
 const Dashboard = ({
+  hasEditMapping,
   onMappingEditHandler,
   fieldOptions,
   triggerEnabled,
@@ -131,6 +132,7 @@ const Dashboard = ({
     hasMultiAccounts ? /* @__PURE__ */ React__default.createElement(
       MultiAccountDashboard,
       {
+        hasEditMapping,
         syncMapping,
         onMappingEditHandler,
         fieldOptions,
@@ -148,6 +150,7 @@ const Dashboard = ({
     ) : /* @__PURE__ */ React__default.createElement(
       SingleAccountDashboard,
       {
+        hasEditMapping,
         syncMapping,
         onMappingEditHandler,
         fieldOptions,
@@ -165,6 +168,7 @@ const Dashboard = ({
   )));
 };
 const MultiAccountDashboard = ({
+  hasEditMapping,
   onMappingEditHandler,
   syncMapping,
   mappingFields,
@@ -200,6 +204,7 @@ const MultiAccountDashboard = ({
       return /* @__PURE__ */ React__default.createElement(
         DashboardItem,
         {
+          hasEditMapping,
           key: field.id,
           isDraft: (_a2 = field == null ? void 0 : field.isDraft) != null ? _a2 : false,
           onMappingEditHandler,
@@ -223,6 +228,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,
           {
+            hasEditMapping,
             key: field.id,
             isDraft: (_a2 = field == null ? void 0 : field.isDraft) != null ? _a2 : false,
             onMappingEditHandler,
@@ -242,6 +248,7 @@ const MultiAccountDashboard = ({
         ) : /* @__PURE__ */ React__default.createElement(
           SingleMappingDashboardItem,
           {
+            hasEditMapping,
             key: field.id,
             field,
             integrationName,
@@ -383,6 +390,7 @@ const MultiAccountFallback = ({
   );
 };
 const SingleAccountDashboard = ({
+  hasEditMapping,
   syncMapping,
   onMappingEditHandler,
   fieldOptions,
@@ -422,6 +430,7 @@ const SingleAccountDashboard = ({
         return /* @__PURE__ */ React__default.createElement(
           DashboardItem,
           {
+            hasEditMapping,
             isDraft: (_a2 = field == null ? void 0 : field.isDraft) != null ? _a2 : false,
             onMappingEditHandler,
             icon: /* @__PURE__ */ React__default.createElement(MappingIcon, { size: 32, color: "#56B0BB" }),
@@ -442,6 +451,7 @@ const SingleAccountDashboard = ({
         return /* @__PURE__ */ React__default.createElement(
           SingleMappingDashboardItem,
           {
+            hasEditMapping,
             onMappingEditHandler,
             syncMapping,
             field,
@@ -779,6 +789,7 @@ const TriggerDasboardItem = ({
   ));
 };
 const SingleMappingDashboardItem = ({
+  hasEditMapping,
   fieldOptions,
   icon,
   field,
@@ -827,9 +838,25 @@ const SingleMappingDashboardItem = ({
           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" }, (() => (field == null ? void 0 : field.isEnabled) !== null && (field == null ? void 0 : field.isEnabled) !== void 0)() ? 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 : "Mapping"), (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 ${trasformToPastTense(`${(_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: "$4" }, (() => (field == null ? void 0 : field.isEnabled) !== null && (field == null ? void 0 : field.isEnabled) !== void 0)() ? 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 : "Mapping"), (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 ${trasformToPastTense(`${(_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: "Sync", className: "dm-sans" }, /* @__PURE__ */ React__default.createElement(
         Button,
@@ -898,7 +925,7 @@ const SingleMappingDashboardItem = ({
           sideOffset: 4,
           align: "end"
         },
-        /* @__PURE__ */ React__default.createElement(
+        hasEditMapping === void 0 || hasEditMapping ? /* @__PURE__ */ React__default.createElement(
           DropdownMenuItem,
           {
             css: {
@@ -915,7 +942,7 @@ const SingleMappingDashboardItem = ({
             }
           },
           /* @__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" }, "Edit"))
-        ),
+        ) : null,
         /* @__PURE__ */ React__default.createElement(
           DropdownMenuItem,
           {
@@ -1193,6 +1220,7 @@ const SingleMappingChipWrapper = ({
   ));
 };
 const DashboardItem = ({
+  hasEditMapping,
   isDraft,
   onMappingEditHandler,
   icon,
@@ -1323,7 +1351,7 @@ const DashboardItem = ({
           sideOffset: 4,
           align: "end"
         },
-        /* @__PURE__ */ React__default.createElement(
+        hasEditMapping === void 0 || hasEditMapping ? /* @__PURE__ */ React__default.createElement(
           DropdownMenuItem,
           {
             css: {
@@ -1340,7 +1368,7 @@ const DashboardItem = ({
             }
           },
           /* @__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" }, "Edit"))
-        ),
+        ) : null,
         /* @__PURE__ */ React__default.createElement(
           DropdownMenuItem,
           {