@sparrowengg/integrations-templates-frontend 1.9.39 → 1.9.41

package/dist/cjs/_virtual/index10.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var lib = {};
+var cjs = {};
 
-exports.__exports = lib;
+exports.__exports = cjs;
 //# sourceMappingURL=index10.js.map

package/dist/cjs/_virtual/index9.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var cjs = {};
+var lib = {};
 
-exports.__exports = cjs;
+exports.__exports = lib;
 //# sourceMappingURL=index9.js.map

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

@@ -235,7 +235,8 @@ const MultiAccountDashboard = ({
           handleEditField,
           handleDashboardPage,
           toggleDashboardField,
-          deleteFieldHandler
+          deleteFieldHandler,
+          onMappingEditHandler
         }
       ));
     })) : null)
@@ -312,7 +313,8 @@ const MultiAccountDashboard = ({
           handleEditField,
           handleDashboardPage,
           toggleDashboardField,
-          deleteFieldHandler
+          deleteFieldHandler,
+          onMappingEditHandler
         }
       ));
     }))) : /* @__PURE__ */ React.createElement(
@@ -420,6 +422,7 @@ const SingleAccountDashboard = ({
     return /* @__PURE__ */ React.createElement(
       SingleMappingDashboardItem,
       {
+        onMappingEditHandler,
         syncMapping,
         field,
         key: field == null ? void 0 : field.id,
@@ -687,7 +690,8 @@ const SingleMappingDashboardItem = ({
   toggleDashboardField,
   deleteFieldHandler,
   syncMapping,
-  integrationName
+  integrationName,
+  onMappingEditHandler
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t;
   const [isMappingDisplayed, setIsMappingDisplayed] = React.useState(false);
@@ -723,25 +727,25 @@ const SingleMappingDashboardItem = ({
         isMappingDisplayed ? /* @__PURE__ */ React.createElement(chevronDown.ChevronDownIcon, { size: 40, color: "#848484" }) : /* @__PURE__ */ React.createElement(chevronRight.ChevronRightIcon, { size: 40, color: "#848484" }),
         /* @__PURE__ */ React.createElement(flex.Flex, { alignItems: "center", gap: "$4" }, icon, /* @__PURE__ */ React.createElement(flex.Flex, { gap: "$1", flexDirection: "column" }, /* @__PURE__ */ React.createElement(text.Text, { size: "md", weight: "bold" }, (_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"), /* @__PURE__ */ React.createElement(flex.Flex, { gap: "$2", alignItems: "center" }, /* @__PURE__ */ React.createElement(text.Text, { size: "sm", css: { color: "$neutral600" } }, `Sync `), /* @__PURE__ */ React.createElement(text.Text, { size: "sm", weight: "bold", css: { color: "$neutral600" } }, (field == null ? void 0 : field.importMethod) === "SEND_ALL_DATA" ? "All" : "Specific"), /* @__PURE__ */ React.createElement(text.Text, { size: "sm", css: { color: "$neutral600" } }, "Survey responses to"), /* @__PURE__ */ React.createElement(text.Text, { size: "sm", weight: "bold", css: { color: "$neutral600" } }, typeof ((_e = field == null ? void 0 : field.configurationFields) == null ? void 0 : _e.spreadsheet) === "object" ? (_h = (_g = (_f = field == null ? void 0 : field.configurationFields) == null ? void 0 : _f.spreadsheet) == null ? void 0 : _g.value) == null ? void 0 : _h.label : (_j = (_i = field == null ? void 0 : field.configurationFields) == null ? void 0 : _i.spreadsheet) == null ? void 0 : _j.value), /* @__PURE__ */ React.createElement(text.Text, { size: "sm", css: { color: "$neutral600" } }, "Sheet"))))
       ),
-      /* @__PURE__ */ React.createElement(flex.Flex, { alignItems: "center", gap: "$12" }, /* @__PURE__ */ React.createElement(flex.Flex, { className: `rotating-div ${isSyncing === field.id ? "rotate" : ""}`, justifyContent: "center", alignItems: "center", css: {
+      /* @__PURE__ */ React.createElement(flex.Flex, { alignItems: "center", gap: "$12" }, console.log(isSyncing, "234"), console.log(field.id, "234"), /* @__PURE__ */ React.createElement(flex.Flex, { className: `rotating-div ${isSyncing === field.id ? "rotate" : ""}`, justifyContent: "center", alignItems: "center", css: {
         cursor: "pointer",
         marginInlineEnd: "$3"
       }, onClick: async () => {
         setIsSyncing(field.id);
         await (syncMapping == null ? void 0 : syncMapping(field.id));
         setIsSyncing(null);
-      } }, /* @__PURE__ */ React.createElement(sync.default, null)), /* @__PURE__ */ React.createElement(box.Box, { css: {
+      } }, /* @__PURE__ */ React.createElement(sync.default, null)), (() => (field == null ? void 0 : field.isEnabled) !== null && (field == null ? void 0 : field.isEnabled) !== void 0)() ? /* @__PURE__ */ React.createElement(box.Box, { css: {
         width: "1px",
         height: "20px",
         background: "#64748B33"
-      } }), /* @__PURE__ */ React.createElement(
+      } }) : null, (() => (field == null ? void 0 : field.isEnabled) !== null && (field == null ? void 0 : field.isEnabled) !== void 0)() ? /* @__PURE__ */ React.createElement(
         _switch.Switch,
         {
           size: "md",
           checked: field.isEnabled,
           onChange: (value) => toggleDashboardField == null ? void 0 : toggleDashboardField(field.id, value)
         }
-      ), /* @__PURE__ */ React.createElement(dropdown.DropdownMenu, null, /* @__PURE__ */ React.createElement(dropdown.DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(
+      ) : null, /* @__PURE__ */ React.createElement(dropdown.DropdownMenu, null, /* @__PURE__ */ React.createElement(dropdown.DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(
         iconButton.IconButton,
         {
           variant: "ghost",
@@ -760,6 +764,7 @@ const SingleMappingDashboardItem = ({
           dropdown.DropdownMenuItem,
           {
             onClick: () => {
+              onMappingEditHandler(field.id);
               handleEditField({
                 type: "MAPPING",
                 values: field,
@@ -801,7 +806,6 @@ const SingleMappingDashboardItem = ({
           SingleMappingChipWrapper,
           {
             heading: "Variables",
-            placeholder: "$",
             fields: (_n = field == null ? void 0 : field.mappedFields) == null ? void 0 : _n.variables,
             backgroundColor: "$positive100"
           }
@@ -810,7 +814,6 @@ const SingleMappingDashboardItem = ({
           SingleMappingChipWrapper,
           {
             heading: "Contacts",
-            placeholder: "$",
             fields: (_p = field == null ? void 0 : field.mappedFields) == null ? void 0 : _p.contactProperties,
             backgroundColor: "$negative100"
           }