@sparrowengg/integrations-templates-frontend 1.9.68 → 1.9.70

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

@@ -716,8 +716,8 @@ const TriggerDasboardItem = ({
   ), isDeleteModalOpen && /* @__PURE__ */ React__default.createElement(
     ConfirmationModal,
     {
-      name: "Confirmation",
-      description: `Are you sure you want to delete Trigger ?`,
+      name: "Delete Trigger?",
+      description: `Are you sure you want to delete the trigger? This action cannot be undone.`,
       onConfirm: () => deleteFieldHandler == null ? void 0 : deleteFieldHandler(field.id),
       onCancel: () => setIsDeleteModalOpen(false)
     }
@@ -790,16 +790,16 @@ const SingleMappingDashboardItem = ({
           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
         )) : null))
       ),
-      /* @__PURE__ */ React__default.createElement(Flex, { alignItems: "center", gap: "$12" }, /* @__PURE__ */ React__default.createElement(Tooltip, { content: "Sync", className: "dm-sans" }, /* @__PURE__ */ React__default.createElement(
+      /* @__PURE__ */ React__default.createElement(Flex, { alignItems: "center", gap: "$12" }, /* @__PURE__ */ React__default.createElement(Tooltip, { content: "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",
-          css: {
-            cursor: "pointer",
-            marginInlineEnd: "$3"
-          },
           onClick: async () => {
             setIsSyncing(field.id);
             setTimeout(async () => {
@@ -809,7 +809,7 @@ const SingleMappingDashboardItem = ({
           }
         },
         /* @__PURE__ */ React__default.createElement(Sync, null)
-      )), (() => (field == null ? void 0 : field.isEnabled) !== null && (field == null ? void 0 : field.isEnabled) !== void 0)() ? /* @__PURE__ */ React__default.createElement(
+      ))), (() => (field == null ? void 0 : field.isEnabled) !== null && (field == null ? void 0 : field.isEnabled) !== void 0)() ? /* @__PURE__ */ React__default.createElement(
         Box,
         {
           css: {
@@ -986,8 +986,8 @@ const SingleMappingDashboardItem = ({
   ), isDeleteModalOpen && /* @__PURE__ */ React__default.createElement(
     ConfirmationModal,
     {
-      name: "Confirmation",
-      description: `Are you sure you want to delete Mapping ?`,
+      name: "Delete Mapping?",
+      description: `Are you sure you want to delete the mapping? This action cannot be undone.`,
       onConfirm: () => deleteFieldHandler == null ? void 0 : deleteFieldHandler(field.id),
       onCancel: () => setIsDeleteModalOpen(false)
     }
@@ -1098,12 +1098,12 @@ const SingleMappingChipWrapper = ({
       var _a, _b;
       const chipRef = useRef(null);
       const name = `${!!placeholder ? placeholder : ""}${(_a = field == null ? void 0 : field.name) != null ? _a : field == null ? void 0 : field.label}`;
-      const currentChipWidth = (_b = chipRef.current) == null ? void 0 : _b.offsetWidth;
+      (_b = chipRef.current) == null ? void 0 : _b.offsetWidth;
       return /* @__PURE__ */ React__default.createElement(
         Tooltip,
         {
           delayDuration: 300,
-          content: currentChipWidth >= 220 ? name : "",
+          content: (name == null ? void 0 : name.length) > 52 ? name : "",
           size: "md",
           sideOffset: 4,
           className: "dm-sans"
@@ -1116,12 +1116,16 @@ const SingleMappingChipWrapper = ({
             css: {
               background: backgroundColor,
               borderRadius: "4px !important",
-              maxWidth: 248,
-              overflow: "hidden",
-              fontFamily: "'Roboto Mono', monospace !important",
-              textOverflow: "ellipsis",
-              whiteSpace: "nowrap",
-              display: "block"
+              span: {
+                textAlign: "center !important",
+                alignContent: "center !important",
+                display: "block",
+                maxWidth: "230px",
+                overflow: "hidden",
+                fontFamily: "'Roboto Mono', monospace !important",
+                textOverflow: "ellipsis",
+                whiteSpace: "nowrap"
+              }
             }
           },
           "$" + name
@@ -1412,8 +1416,8 @@ const DashboardItem = ({
   ), isDeleteModalOpen && /* @__PURE__ */ React__default.createElement(
     ConfirmationModal,
     {
-      name: "Confirmation",
-      description: `Are you sure you want to delete Mapping ?`,
+      name: "Delete Mapping?",
+      description: `Are you sure you want to delete the mapping? This action cannot be undone.`,
       onConfirm: () => {
         deleteFieldHandler(id);
         setIsDeleteModalOpen(false);