@sparrowengg/integrations-templates-frontend 1.9.69 → 1.9.71

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (26) hide show
  1. package/dist/cjs/commons/components/confirmation-modal.js +51 -37
  2. package/dist/cjs/commons/components/confirmation-modal.js.map +1 -1
  3. package/dist/cjs/commons/components/edit-confirmation.js +76 -0
  4. package/dist/cjs/commons/components/edit-confirmation.js.map +1 -0
  5. package/dist/cjs/commons/icons/sync.js +1 -90
  6. package/dist/cjs/commons/icons/sync.js.map +1 -1
  7. package/dist/cjs/integration-template/components/dashboard.js +24 -20
  8. package/dist/cjs/integration-template/components/dashboard.js.map +1 -1
  9. package/dist/cjs/single-mapping/components/mapping.js +4 -1
  10. package/dist/cjs/single-mapping/components/mapping.js.map +1 -1
  11. package/dist/cjs/single-mapping/index.js +345 -142
  12. package/dist/cjs/single-mapping/index.js.map +1 -1
  13. package/dist/es/commons/components/confirmation-modal.js +51 -37
  14. package/dist/es/commons/components/confirmation-modal.js.map +1 -1
  15. package/dist/es/commons/components/edit-confirmation.js +72 -0
  16. package/dist/es/commons/components/edit-confirmation.js.map +1 -0
  17. package/dist/es/commons/icons/sync.js +1 -90
  18. package/dist/es/commons/icons/sync.js.map +1 -1
  19. package/dist/es/integration-template/components/dashboard.js +24 -20
  20. package/dist/es/integration-template/components/dashboard.js.map +1 -1
  21. package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/alert-dialog/alert-dialog.js +1 -1
  22. package/dist/es/single-mapping/components/mapping.js +4 -1
  23. package/dist/es/single-mapping/components/mapping.js.map +1 -1
  24. package/dist/es/single-mapping/index.js +345 -142
  25. package/dist/es/single-mapping/index.js.map +1 -1
  26. package/package.json +1 -1
package/dist/es/commons/icons/sync.js CHANGED
@@ -1,96 +1,7 @@
1
1
  import React__default from 'react';
2
2
 
3
3
  const Sync = () => {
4
- return /* @__PURE__ */ React__default.createElement(
5
- "svg",
6
- {
7
- width: "18",
8
- height: "18",
9
- viewBox: "0 0 18 18",
10
- fill: "none",
11
- xmlns: "http://www.w3.org/2000/svg"
12
- },
13
- /* @__PURE__ */ React__default.createElement(
14
- "path",
15
- {
16
- d: "M9 0.996874C11.9302 0.99663 14.626 2.59833 16.027 5.17188",
17
- stroke: "#6A6A6A",
18
- strokeWidth: "1.5",
19
- strokeLinecap: "round",
20
- strokeLinejoin: "round"
21
- }
22
- ),
23
- /* @__PURE__ */ React__default.createElement(
24
- "path",
25
- {
26
- d: "M17 8.99609C17 13.4144 13.4183 16.9961 9 16.9961",
27
- stroke: "#6A6A6A",
28
- strokeWidth: "1.5",
29
- strokeLinecap: "round",
30
- strokeLinejoin: "round"
31
- }
32
- ),
33
- /* @__PURE__ */ React__default.createElement(
34
- "path",
35
- {
36
- d: "M8.99966 16.9961C6.06949 16.9963 3.37365 15.3946 1.97266 12.8211",
37
- stroke: "#6A6A6A",
38
- strokeWidth: "1.5",
39
- strokeLinecap: "round",
40
- strokeLinejoin: "round"
41
- }
42
- ),
43
- /* @__PURE__ */ React__default.createElement(
44
- "path",
45
- {
46
- d: "M1 8.99609C1 4.57781 4.58172 0.996092 9 0.996092",
47
- stroke: "#6A6A6A",
48
- strokeWidth: "1.5",
49
- strokeLinecap: "round",
50
- strokeLinejoin: "round"
51
- }
52
- ),
53
- /* @__PURE__ */ React__default.createElement(
54
- "path",
55
- {
56
- d: "M1.97266 12.8223C4.08447 16.7032 8.94253 18.1373 12.8235 16.0255C15.3979 14.6246 17.0001 11.9281 16.9997 8.99726",
57
- stroke: "#6A6A6A",
58
- strokeWidth: "1.5",
59
- strokeLinecap: "round",
60
- strokeLinejoin: "round"
61
- }
62
- ),
63
- /* @__PURE__ */ React__default.createElement(
64
- "path",
65
- {
66
- d: "M1 8.99609V8.99487C0.999999 4.57659 4.58172 0.994871 9 0.994871C11.9309 0.994871 14.6271 2.59755 16.0276 5.17217",
67
- stroke: "#6A6A6A",
68
- strokeWidth: "1.5",
69
- strokeLinecap: "round",
70
- strokeLinejoin: "round"
71
- }
72
- ),
73
- /* @__PURE__ */ React__default.createElement(
74
- "path",
75
- {
76
- d: "M5.04672 12.8234H1.51172V16.3594",
77
- stroke: "#6A6A6A",
78
- strokeWidth: "1.5",
79
- strokeLinecap: "round",
80
- strokeLinejoin: "round"
81
- }
82
- ),
83
- /* @__PURE__ */ React__default.createElement(
84
- "path",
85
- {
86
- d: "M12.9531 5.17188H16.4881V1.63587",
87
- stroke: "#6A6A6A",
88
- strokeWidth: "1.5",
89
- strokeLinecap: "round",
90
- strokeLinejoin: "round"
91
- }
92
- )
93
- );
4
+ return /* @__PURE__ */ React__default.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ React__default.createElement("path", { d: "M12 3.99687C14.9302 3.99663 17.626 5.59833 19.027 8.17188", stroke: "#6A6A6A", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ React__default.createElement("path", { d: "M20 11.9961C20 16.4144 16.4183 19.9961 12 19.9961", stroke: "#6A6A6A", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ React__default.createElement("path", { d: "M11.9997 19.9961C9.06949 19.9963 6.37365 18.3946 4.97266 15.8211", stroke: "#6A6A6A", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ React__default.createElement("path", { d: "M4 11.9961C4 7.57781 7.58172 3.99609 12 3.99609", stroke: "#6A6A6A", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ React__default.createElement("path", { d: "M4.97266 15.8223C7.08447 19.7032 11.9425 21.1373 15.8235 19.0255C18.3979 17.6246 20.0001 14.9281 19.9997 11.9973", stroke: "#6A6A6A", strokeWidth: "1.5", "stroke-linecap": "round", strokeLinejoin: "round" }), /* @__PURE__ */ React__default.createElement("path", { d: "M4 11.9961V11.9949C4 7.57659 7.58172 3.99487 12 3.99487C14.9309 3.99487 17.6271 5.59755 19.0276 8.17217", stroke: "#6A6A6A", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ React__default.createElement("path", { d: "M8.04672 15.8234H4.51172V19.3594", stroke: "#6A6A6A", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ React__default.createElement("path", { d: "M15.9531 8.17188H19.4881V4.63587", stroke: "#6A6A6A", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }));
94
5
  };
95
6
 
96
7
  export { Sync as default };
package/dist/es/commons/icons/sync.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"sync.js","sources":["../../../../src/commons/icons/sync.tsx"],"sourcesContent":["import React from \"react\";\n\nconst Sync = () => {\n return (\n <svg\n width=\"18\"\n height=\"18\"\n viewBox=\"0 0 18 18\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M9 0.996874C11.9302 0.99663 14.626 2.59833 16.027 5.17188\"\n stroke=\"#6A6A6A\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M17 8.99609C17 13.4144 13.4183 16.9961 9 16.9961\"\n stroke=\"#6A6A6A\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M8.99966 16.9961C6.06949 16.9963 3.37365 15.3946 1.97266 12.8211\"\n stroke=\"#6A6A6A\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M1 8.99609C1 4.57781 4.58172 0.996092 9 0.996092\"\n stroke=\"#6A6A6A\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M1.97266 12.8223C4.08447 16.7032 8.94253 18.1373 12.8235 16.0255C15.3979 14.6246 17.0001 11.9281 16.9997 8.99726\"\n stroke=\"#6A6A6A\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M1 8.99609V8.99487C0.999999 4.57659 4.58172 0.994871 9 0.994871C11.9309 0.994871 14.6271 2.59755 16.0276 5.17217\"\n stroke=\"#6A6A6A\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M5.04672 12.8234H1.51172V16.3594\"\n stroke=\"#6A6A6A\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M12.9531 5.17188H16.4881V1.63587\"\n stroke=\"#6A6A6A\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n );\n};\n\nexport default Sync;\n"],"names":["React"],"mappings":";;AAEA,MAAM,OAAO,MAAM;AACjB,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAM,EAAA,IAAA;AAAA,MACN,MAAO,EAAA,IAAA;AAAA,MACP,OAAQ,EAAA,WAAA;AAAA,MACR,IAAK,EAAA,MAAA;AAAA,MACL,KAAM,EAAA,4BAAA;AAAA,KAAA;AAAA,oBAENA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,2DAAA;AAAA,QACF,MAAO,EAAA,SAAA;AAAA,QACP,WAAY,EAAA,KAAA;AAAA,QACZ,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACjB;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,kDAAA;AAAA,QACF,MAAO,EAAA,SAAA;AAAA,QACP,WAAY,EAAA,KAAA;AAAA,QACZ,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACjB;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,kEAAA;AAAA,QACF,MAAO,EAAA,SAAA;AAAA,QACP,WAAY,EAAA,KAAA;AAAA,QACZ,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACjB;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,kDAAA;AAAA,QACF,MAAO,EAAA,SAAA;AAAA,QACP,WAAY,EAAA,KAAA;AAAA,QACZ,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACjB;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,kHAAA;AAAA,QACF,MAAO,EAAA,SAAA;AAAA,QACP,WAAY,EAAA,KAAA;AAAA,QACZ,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACjB;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,kHAAA;AAAA,QACF,MAAO,EAAA,SAAA;AAAA,QACP,WAAY,EAAA,KAAA;AAAA,QACZ,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACjB;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,kCAAA;AAAA,QACF,MAAO,EAAA,SAAA;AAAA,QACP,WAAY,EAAA,KAAA;AAAA,QACZ,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACjB;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,kCAAA;AAAA,QACF,MAAO,EAAA,SAAA;AAAA,QACP,WAAY,EAAA,KAAA;AAAA,QACZ,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACjB;AAAA,GACF,CAAA;AAEJ;;;;"}
1
+ {"version":3,"file":"sync.js","sources":["../../../../src/commons/icons/sync.tsx"],"sourcesContent":["import React from \"react\";\n\nconst Sync = () => {\n return (\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M12 3.99687C14.9302 3.99663 17.626 5.59833 19.027 8.17188\" stroke=\"#6A6A6A\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n <path d=\"M20 11.9961C20 16.4144 16.4183 19.9961 12 19.9961\" stroke=\"#6A6A6A\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n <path d=\"M11.9997 19.9961C9.06949 19.9963 6.37365 18.3946 4.97266 15.8211\" stroke=\"#6A6A6A\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n <path d=\"M4 11.9961C4 7.57781 7.58172 3.99609 12 3.99609\" stroke=\"#6A6A6A\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n <path d=\"M4.97266 15.8223C7.08447 19.7032 11.9425 21.1373 15.8235 19.0255C18.3979 17.6246 20.0001 14.9281 19.9997 11.9973\" stroke=\"#6A6A6A\" strokeWidth=\"1.5\" stroke-linecap=\"round\" strokeLinejoin=\"round\"/>\n <path d=\"M4 11.9961V11.9949C4 7.57659 7.58172 3.99487 12 3.99487C14.9309 3.99487 17.6271 5.59755 19.0276 8.17217\" stroke=\"#6A6A6A\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n <path d=\"M8.04672 15.8234H4.51172V19.3594\" stroke=\"#6A6A6A\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n <path d=\"M15.9531 8.17188H19.4881V4.63587\" stroke=\"#6A6A6A\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n </svg>\n \n );\n};\n\nexport default Sync;\n"],"names":["React"],"mappings":";;AAEA,MAAM,OAAO,MAAM;AACjB,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,KAAI,EAAA,EAAA,KAAA,EAAM,IAAK,EAAA,MAAA,EAAO,MAAK,OAAQ,EAAA,WAAA,EAAY,IAAK,EAAA,MAAA,EAAO,KAAM,EAAA,4BAAA,EAAA,+CACjE,MAAK,EAAA,EAAA,CAAA,EAAE,2DAA4D,EAAA,MAAA,EAAO,SAAU,EAAA,WAAA,EAAY,KAAM,EAAA,aAAA,EAAc,OAAQ,EAAA,cAAA,EAAe,OAAO,EAAA,CAAA,kBAClJA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAK,GAAE,mDAAoD,EAAA,MAAA,EAAO,SAAU,EAAA,WAAA,EAAY,KAAM,EAAA,aAAA,EAAc,OAAQ,EAAA,cAAA,EAAe,OAAO,EAAA,CAAA,kBAC1IA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAK,CAAE,EAAA,kEAAA,EAAmE,QAAO,SAAU,EAAA,WAAA,EAAY,KAAM,EAAA,aAAA,EAAc,OAAQ,EAAA,cAAA,EAAe,OAAO,EAAA,CAAA,kBACzJA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAK,CAAE,EAAA,iDAAA,EAAkD,MAAO,EAAA,SAAA,EAAU,aAAY,KAAM,EAAA,aAAA,EAAc,OAAQ,EAAA,cAAA,EAAe,OAAO,EAAA,CAAA,kBACxIA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAK,CAAE,EAAA,kHAAA,EAAmH,MAAO,EAAA,SAAA,EAAU,WAAY,EAAA,KAAA,EAAM,kBAAe,OAAQ,EAAA,cAAA,EAAe,OAAO,EAAA,CAAA,kBAC1MA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAK,CAAE,EAAA,yGAAA,EAA0G,MAAO,EAAA,SAAA,EAAU,WAAY,EAAA,KAAA,EAAM,aAAc,EAAA,OAAA,EAAQ,gBAAe,OAAO,EAAA,CAAA,kBAChMA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAK,CAAE,EAAA,kCAAA,EAAmC,MAAO,EAAA,SAAA,EAAU,WAAY,EAAA,KAAA,EAAM,aAAc,EAAA,OAAA,EAAQ,cAAe,EAAA,OAAA,EAAO,mBACzHA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAK,CAAE,EAAA,kCAAA,EAAmC,MAAO,EAAA,SAAA,EAAU,WAAY,EAAA,KAAA,EAAM,aAAc,EAAA,OAAA,EAAQ,cAAe,EAAA,OAAA,EAAO,CAC1H,CAAA,CAAA;AAGJ;;;;"}
package/dist/es/integration-template/components/dashboard.js CHANGED
@@ -716,8 +716,8 @@ const TriggerDasboardItem = ({
716
716
  ), isDeleteModalOpen && /* @__PURE__ */ React__default.createElement(
717
717
  ConfirmationModal,
718
718
  {
719
- name: "Confirmation",
720
- description: `Are you sure you want to delete Trigger ?`,
719
+ name: "Delete Trigger?",
720
+ description: `Are you sure you want to delete the trigger? This action cannot be undone.`,
721
721
  onConfirm: () => deleteFieldHandler == null ? void 0 : deleteFieldHandler(field.id),
722
722
  onCancel: () => setIsDeleteModalOpen(false)
723
723
  }
@@ -790,16 +790,16 @@ const SingleMappingDashboardItem = ({
790
790
  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
791
791
  )) : null))
792
792
  ),
793
- /* @__PURE__ */ React__default.createElement(Flex, { alignItems: "center", gap: "$12" }, /* @__PURE__ */ React__default.createElement(Tooltip, { content: "Sync", className: "dm-sans" }, /* @__PURE__ */ React__default.createElement(
793
+ /* @__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: {
794
+ width: "40px !important",
795
+ height: "40px !important",
796
+ marginInlineEnd: "$3"
797
+ } }, /* @__PURE__ */ React__default.createElement(
794
798
  Flex,
795
799
  {
796
800
  className: `rotating-div ${isSyncing === field.id ? "rotate" : ""}`,
797
801
  justifyContent: "center",
798
802
  alignItems: "center",
799
- css: {
800
- cursor: "pointer",
801
- marginInlineEnd: "$3"
802
- },
803
803
  onClick: async () => {
804
804
  setIsSyncing(field.id);
805
805
  setTimeout(async () => {
@@ -809,7 +809,7 @@ const SingleMappingDashboardItem = ({
809
809
  }
810
810
  },
811
811
  /* @__PURE__ */ React__default.createElement(Sync, null)
812
- )), (() => (field == null ? void 0 : field.isEnabled) !== null && (field == null ? void 0 : field.isEnabled) !== void 0)() ? /* @__PURE__ */ React__default.createElement(
812
+ ))), (() => (field == null ? void 0 : field.isEnabled) !== null && (field == null ? void 0 : field.isEnabled) !== void 0)() ? /* @__PURE__ */ React__default.createElement(
813
813
  Box,
814
814
  {
815
815
  css: {
@@ -986,8 +986,8 @@ const SingleMappingDashboardItem = ({
986
986
  ), isDeleteModalOpen && /* @__PURE__ */ React__default.createElement(
987
987
  ConfirmationModal,
988
988
  {
989
- name: "Confirmation",
990
- description: `Are you sure you want to delete Mapping ?`,
989
+ name: "Delete Mapping?",
990
+ description: `Are you sure you want to delete the mapping? This action cannot be undone.`,
991
991
  onConfirm: () => deleteFieldHandler == null ? void 0 : deleteFieldHandler(field.id),
992
992
  onCancel: () => setIsDeleteModalOpen(false)
993
993
  }
@@ -1098,12 +1098,12 @@ const SingleMappingChipWrapper = ({
1098
1098
  var _a, _b;
1099
1099
  const chipRef = useRef(null);
1100
1100
  const name = `${!!placeholder ? placeholder : ""}${(_a = field == null ? void 0 : field.name) != null ? _a : field == null ? void 0 : field.label}`;
1101
- const currentChipWidth = (_b = chipRef.current) == null ? void 0 : _b.offsetWidth;
1101
+ (_b = chipRef.current) == null ? void 0 : _b.offsetWidth;
1102
1102
  return /* @__PURE__ */ React__default.createElement(
1103
1103
  Tooltip,
1104
1104
  {
1105
1105
  delayDuration: 300,
1106
- content: currentChipWidth >= 220 ? name : "",
1106
+ content: (name == null ? void 0 : name.length) > 52 ? name : "",
1107
1107
  size: "md",
1108
1108
  sideOffset: 4,
1109
1109
  className: "dm-sans"
@@ -1116,12 +1116,16 @@ const SingleMappingChipWrapper = ({
1116
1116
  css: {
1117
1117
  background: backgroundColor,
1118
1118
  borderRadius: "4px !important",
1119
- maxWidth: 248,
1120
- overflow: "hidden",
1121
- fontFamily: "'Roboto Mono', monospace !important",
1122
- textOverflow: "ellipsis",
1123
- whiteSpace: "nowrap",
1124
- display: "block"
1119
+ span: {
1120
+ textAlign: "center !important",
1121
+ alignContent: "center !important",
1122
+ display: "block",
1123
+ maxWidth: "230px",
1124
+ overflow: "hidden",
1125
+ fontFamily: "'Roboto Mono', monospace !important",
1126
+ textOverflow: "ellipsis",
1127
+ whiteSpace: "nowrap"
1128
+ }
1125
1129
  }
1126
1130
  },
1127
1131
  "$" + name
@@ -1412,8 +1416,8 @@ const DashboardItem = ({
1412
1416
  ), isDeleteModalOpen && /* @__PURE__ */ React__default.createElement(
1413
1417
  ConfirmationModal,
1414
1418
  {
1415
- name: "Confirmation",
1416
- description: `Are you sure you want to delete Mapping ?`,
1419
+ name: "Delete Mapping?",
1420
+ description: `Are you sure you want to delete the mapping? This action cannot be undone.`,
1417
1421
  onConfirm: () => {
1418
1422
  deleteFieldHandler(id);
1419
1423
  setIsDeleteModalOpen(false);