@sparrowengg/integrations-templates-frontend 1.9.84-beta.3 → 1.9.84-beta.5

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

@@ -186,17 +186,17 @@ const MultiAccountDashboard = ({
       css: { paddingBlock: "$12", paddingInline: 0 }
     },
     /* @__PURE__ */ React__default.createElement(Flex, { flexDirection: "column", gap: "$8" }, !!(triggerFields == null ? void 0 : triggerFields.length) ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, triggerFields == null ? void 0 : triggerFields.map((field) => {
-      var _a2, _b2, _c2;
+      var _a2, _b2, _c2, _d2, _e;
       return /* @__PURE__ */ React__default.createElement(
         DashboardItem,
         {
           key: field.id,
-          isDraft: field == null ? void 0 : field.isDraft,
+          isDraft: (_a2 = field == null ? void 0 : field.isDraft) != null ? _a2 : false,
           onMappingEditHandler,
           icon: /* @__PURE__ */ React__default.createElement(CursorIcon, { size: 32, color: "#56B0BB" }),
-          heading: (_a2 = field.domain) != null ? _a2 : field.email,
+          heading: (_c2 = (_b2 = field.domain) != null ? _b2 : field.email) != null ? _c2 : "Field",
           id: field.id,
-          description: `Trigger survey when an ${(_b2 = field == null ? void 0 : field.object) == null ? void 0 : _b2.toLowerCase()} is ${(_c2 = field == null ? void 0 : field.action) == null ? void 0 : _c2.toLowerCase()} in ${integrationName}`,
+          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,
           isEnabled: field.isEnabled,
           integrationName,
@@ -208,17 +208,17 @@ const MultiAccountDashboard = ({
         }
       );
     })) : null, !!((_a = mappingFields == null ? void 0 : mappingFields.fields) == null ? void 0 : _a.length) ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, (_b = mappingFields == null ? void 0 : mappingFields.fields) == null ? void 0 : _b.map((field) => {
-      var _a2, _b2, _c2, _d2, _e, _f, _g;
+      var _a2, _b2, _c2, _d2, _e, _f, _g, _h, _i;
       return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, mappingFields.type === "MULTI_MAPPING" ? /* @__PURE__ */ React__default.createElement(
         DashboardItem,
         {
           key: field.id,
-          isDraft: field == null ? void 0 : field.isDraft,
+          isDraft: (_a2 = field == null ? void 0 : field.isDraft) != null ? _a2 : false,
           onMappingEditHandler,
           icon: /* @__PURE__ */ React__default.createElement(MappingIcon, { size: 32, color: "#56B0BB" }),
-          heading: (_a2 = field.domain) != null ? _a2 : field.email,
+          heading: (_c2 = (_b2 = field.domain) != null ? _b2 : field.email) != null ? _c2 : "Field",
           id: field.id,
-          description: `Sync survey responses to ${integrationName} when ${(_d2 = (_c2 = (_b2 = field == null ? void 0 : field.mappingConfiguration) == null ? void 0 : _b2.events) == null ? void 0 : _c2.label) == null ? void 0 : _d2.toLowerCase()} is ${trasformToPastTense(`${(_g = (_f = (_e = field == null ? void 0 : field.mappingConfiguration) == null ? void 0 : _e.action) == null ? void 0 : _f.label) == null ? void 0 : _g.toLowerCase()}`)}`,
+          description: `Sync survey responses to ${integrationName} when ${(_f = (_e = (_d2 = field == null ? void 0 : field.mappingConfiguration) == null ? void 0 : _d2.events) == null ? void 0 : _e.label) == null ? void 0 : _f.toLowerCase()} is ${trasformToPastTense(`${(_i = (_h = (_g = field == null ? void 0 : field.mappingConfiguration) == null ? void 0 : _g.action) == null ? void 0 : _h.label) == null ? void 0 : _i.toLowerCase()}`)}`,
           fields: field.fields,
           isEnabled: field.isEnabled,
           integrationName,
@@ -251,17 +251,17 @@ const MultiAccountDashboard = ({
       css: { paddingBlock: "$12", paddingInline: 0 }
     },
     !!(triggerFields == null ? void 0 : triggerFields.length) ? /* @__PURE__ */ React__default.createElement(Flex, { flexDirection: "column", gap: "$8" }, triggerFields == null ? void 0 : triggerFields.map((field) => {
-      var _a2, _b2;
+      var _a2, _b2, _c2;
       return /* @__PURE__ */ React__default.createElement(
         DashboardItem,
         {
           key: field.id,
-          isDraft: field == null ? void 0 : field.isDraft,
+          isDraft: (_a2 = field == null ? void 0 : field.isDraft) != null ? _a2 : false,
           onMappingEditHandler,
           icon: /* @__PURE__ */ React__default.createElement(CursorIcon, { size: 32, color: "#56B0BB" }),
           heading: "Trigger",
           id: field.id,
-          description: `Trigger survey when an ${(_a2 = field == null ? void 0 : field.object) == null ? void 0 : _a2.toLowerCase()} is ${(_b2 = field == null ? void 0 : field.action) == null ? void 0 : _b2.toLowerCase()} in ${integrationName}`,
+          description: `Trigger survey when an ${(_b2 = field == null ? void 0 : field.object) == null ? void 0 : _b2.toLowerCase()} is ${(_c2 = field == null ? void 0 : field.action) == null ? void 0 : _c2.toLowerCase()} in ${integrationName}`,
           fields: field.fields,
           isEnabled: field.isEnabled,
           integrationName,
@@ -286,17 +286,17 @@ const MultiAccountDashboard = ({
       css: { paddingBlock: "$12", paddingInline: 0 }
     },
     !!((_c = mappingFields == null ? void 0 : mappingFields.fields) == null ? void 0 : _c.length) ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Flex, { flexDirection: "column", gap: "$8" }, (_d = mappingFields == null ? void 0 : mappingFields.fields) == null ? void 0 : _d.map((field) => {
-      var _a2, _b2, _c2, _d2, _e, _f;
+      var _a2, _b2, _c2, _d2, _e, _f, _g;
       return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, mappingFields.type === "MULTI_MAPPING" ? /* @__PURE__ */ React__default.createElement(
         DashboardItem,
         {
           key: field.id,
-          isDraft: field == null ? void 0 : field.isDraft,
+          isDraft: (_a2 = field == null ? void 0 : field.isDraft) != null ? _a2 : false,
           onMappingEditHandler,
           icon: /* @__PURE__ */ React__default.createElement(MappingIcon, { size: 32, color: "#56B0BB" }),
           heading: "Mapping",
           id: field.id,
-          description: `Sync survey responses to ${integrationName} when ${(_c2 = (_b2 = (_a2 = field == null ? void 0 : field.mappingConfiguration) == null ? void 0 : _a2.events) == null ? void 0 : _b2.label) == null ? void 0 : _c2.toLowerCase()} is ${trasformToPastTense(`${(_f = (_e = (_d2 = field == null ? void 0 : field.mappingConfiguration) == null ? void 0 : _d2.action) == null ? void 0 : _e.label) == null ? void 0 : _f.toLowerCase()}`)}`,
+          description: `Sync survey responses to ${integrationName} when ${(_d2 = (_c2 = (_b2 = field == null ? void 0 : field.mappingConfiguration) == null ? void 0 : _b2.events) == null ? void 0 : _c2.label) == null ? void 0 : _d2.toLowerCase()} is ${trasformToPastTense(`${(_g = (_f = (_e = field == null ? void 0 : field.mappingConfiguration) == null ? void 0 : _e.action) == null ? void 0 : _f.label) == null ? void 0 : _g.toLowerCase()}`)}`,
           fields: field.fields,
           isEnabled: field.isEnabled,
           integrationName,
@@ -384,14 +384,14 @@ const SingleAccountDashboard = ({
 }) => {
   var _a, _b, _c, _d, _e, _f, _g;
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, !!(triggerFields == null ? void 0 : triggerFields.length) ? /* @__PURE__ */ React__default.createElement(Box, { css: { marginTop: "$20" } }, triggerFields == null ? void 0 : triggerFields.map((field) => {
-    var _a2, _b2;
+    var _a2, _b2, _c2, _d2;
     return /* @__PURE__ */ React__default.createElement(
       TriggerDasboardItem,
       {
-        isDraft: field == null ? void 0 : field.isDraft,
+        isDraft: (_a2 = field == null ? void 0 : field.isDraft) != null ? _a2 : false,
         fieldOptions,
         field,
-        description: `Trigger survey when ${/^[aeiouAEIOU]$/.test(field == null ? void 0 : field.object[0]) ? "an" : "a"} ${(_a2 = field == null ? void 0 : field.object) == null ? void 0 : _a2.toLowerCase()} is ${(_b2 = field == null ? void 0 : field.action) == null ? void 0 : _b2.toLowerCase()} in ${integrationName}`,
+        description: `Trigger survey when ${/^[aeiouAEIOU]$/.test(((_b2 = field == null ? void 0 : field.object) == null ? void 0 : _b2[0]) || "") ? "an" : "a"} ${(_c2 = field == null ? void 0 : field.object) == null ? void 0 : _c2.toLowerCase()} is ${(_d2 = field == null ? void 0 : field.action) == null ? void 0 : _d2.toLowerCase()} in ${integrationName}`,
         key: field.id,
         integrationName,
         icon: /* @__PURE__ */ React__default.createElement(CursorIcon, { size: 32, color: "#56B0BB" }),
@@ -402,16 +402,16 @@ const SingleAccountDashboard = ({
       }
     );
   })) : null, !!((_a = mappingFields == null ? void 0 : mappingFields.fields) == null ? void 0 : _a.length) && (mappingFields == null ? void 0 : mappingFields.type) === "MULTI_MAPPING" ? /* @__PURE__ */ React__default.createElement(Box, { css: { marginTop: !(triggerFields == null ? void 0 : triggerFields.length) ? "$20" : "$8" } }, (_b = mappingFields == null ? void 0 : mappingFields.fields) == null ? void 0 : _b.map((field) => {
-    var _a2, _b2, _c2, _d2, _e2, _f2;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2;
     return /* @__PURE__ */ React__default.createElement(
       DashboardItem,
       {
-        isDraft: field == null ? void 0 : field.isDraft,
+        isDraft: (_a2 = field == null ? void 0 : field.isDraft) != null ? _a2 : false,
         onMappingEditHandler,
         icon: /* @__PURE__ */ React__default.createElement(MappingIcon, { size: 32, color: "#56B0BB" }),
         heading: "Mapping",
         id: field.id,
-        description: `Sync survey responses to ${integrationName} when ${(_c2 = (_b2 = (_a2 = field == null ? void 0 : field.mappingConfiguration) == null ? void 0 : _a2.events) == null ? void 0 : _b2.label) == null ? void 0 : _c2.toLowerCase()} is ${trasformToPastTense(`${(_f2 = (_e2 = (_d2 = field == null ? void 0 : field.mappingConfiguration) == null ? void 0 : _d2.action) == null ? void 0 : _e2.label) == null ? void 0 : _f2.toLowerCase()}`)}`,
+        description: `Sync survey responses to ${integrationName} when ${(_d2 = (_c2 = (_b2 = field == null ? void 0 : field.mappingConfiguration) == null ? void 0 : _b2.events) == null ? void 0 : _c2.label) == null ? void 0 : _d2.toLowerCase()} is ${trasformToPastTense(`${(_g2 = (_f2 = (_e2 = field == null ? void 0 : field.mappingConfiguration) == null ? void 0 : _e2.action) == null ? void 0 : _f2.label) == null ? void 0 : _g2.toLowerCase()}`)}`,
         fields: field.fields,
         isEnabled: field.isEnabled,
         integrationName,
@@ -454,7 +454,7 @@ const TriggerDasboardItem = ({
   toggleDashboardField,
   deleteFieldHandler
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u;
   const [isMappingDisplayed, setIsMappingDisplayed] = useState(false);
   const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false);
   const transformDataToString = (data) => {
@@ -615,7 +615,7 @@ const TriggerDasboardItem = ({
         }
       },
       /* @__PURE__ */ React__default.createElement(SingleMappingEventWrapper, { isTrigger: true, field }),
-      ((_c = (_b = field == null ? void 0 : field.fields) == null ? void 0 : _b.filters) == null ? void 0 : _c.length) ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
+      ((_c = (_b = field.fields) == null ? void 0 : _b.filters) == null ? void 0 : _c.length) ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
         Flex,
         {
           flexDirection: "column",
@@ -642,12 +642,13 @@ const TriggerDasboardItem = ({
           }
         }
       )) : null,
-      ((_e = (_d = field == null ? void 0 : field.triggerDetails) == null ? void 0 : _d.variables) == null ? void 0 : _e.filter(
+      ((_g = (_f = (_e = (_d = field == null ? void 0 : field.triggerDetails) == null ? void 0 : _d.variables) == null ? void 0 : _e.filter) == null ? void 0 : _f.call(
+        _e,
         (variable) => variable.isEnabled
-      ).length) ? /* @__PURE__ */ React__default.createElement(
+      )) == null ? void 0 : _g.length) ? /* @__PURE__ */ React__default.createElement(
         SingleMappingChipWrapper,
         {
-          heading: ((_g = (_f = field == null ? void 0 : field.triggerDetails) == null ? void 0 : _f.variables) == null ? void 0 : _g.length) > 1 ? "PASSING VARIABLES TO SURVEY" : "PASSING VARIABLE TO SURVEY",
+          heading: ((_i = (_h = field == null ? void 0 : field.triggerDetails) == null ? void 0 : _h.variables) == null ? void 0 : _i.length) > 1 ? "PASSING VARIABLES TO SURVEY" : "PASSING VARIABLE TO SURVEY",
           fields: field.triggerDetails.variables,
           backgroundColor: "$positive100"
         }
@@ -660,25 +661,25 @@ const TriggerDasboardItem = ({
           css: { paddingBlock: "$8" }
         },
         /* @__PURE__ */ React__default.createElement(Text, { size: "sm", weight: "bold" }, "SEND SURVEY"),
-        /* @__PURE__ */ React__default.createElement(Flex, { alignItems: "center" }, ((_i = (_h = field == null ? void 0 : field.triggerDetails) == null ? void 0 : _h.shareType) == null ? void 0 : _i.value) ? /* @__PURE__ */ React__default.createElement(
+        /* @__PURE__ */ React__default.createElement(Flex, { alignItems: "center" }, ((_k = (_j = field == null ? void 0 : field.triggerDetails) == null ? void 0 : _j.shareType) == null ? void 0 : _k.value) ? /* @__PURE__ */ React__default.createElement(
           EventComponent,
           {
             heading: "Share Type:",
-            description: (_k = (_j = field == null ? void 0 : field.triggerDetails) == null ? void 0 : _j.shareType) == null ? void 0 : _k.label
+            description: (_m = (_l = field == null ? void 0 : field.triggerDetails) == null ? void 0 : _l.shareType) == null ? void 0 : _m.label
           }
-        ) : null, ((_m = (_l = field == null ? void 0 : field.triggerDetails) == null ? void 0 : _l.shareRecipient) == null ? void 0 : _m.value) ? /* @__PURE__ */ React__default.createElement(
+        ) : null, ((_o = (_n = field == null ? void 0 : field.triggerDetails) == null ? void 0 : _n.shareRecipient) == null ? void 0 : _o.value) ? /* @__PURE__ */ React__default.createElement(
           EventComponent,
           {
             heading: "Recipient:",
             hasBorder: true,
-            description: (_o = (_n = field == null ? void 0 : field.triggerDetails) == null ? void 0 : _n.shareRecipient) == null ? void 0 : _o.label
+            description: (_q = (_p = field == null ? void 0 : field.triggerDetails) == null ? void 0 : _p.shareRecipient) == null ? void 0 : _q.label
           }
-        ) : null, ((_q = (_p = field == null ? void 0 : field.triggerDetails) == null ? void 0 : _p.shareChannel) == null ? void 0 : _q.value) ? /* @__PURE__ */ React__default.createElement(
+        ) : null, ((_s = (_r = field == null ? void 0 : field.triggerDetails) == null ? void 0 : _r.shareChannel) == null ? void 0 : _s.value) ? /* @__PURE__ */ React__default.createElement(
           EventComponent,
           {
             hasBorder: true,
             heading: "Share Channel:",
-            description: (_s = (_r = field == null ? void 0 : field.triggerDetails) == null ? void 0 : _r.shareChannel) == null ? void 0 : _s.label
+            description: (_u = (_t = field == null ? void 0 : field.triggerDetails) == null ? void 0 : _t.shareChannel) == null ? void 0 : _u.label
           }
         ) : null)
       ))
@@ -735,7 +736,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;
+  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);
@@ -891,74 +892,86 @@ const SingleMappingDashboardItem = ({
         }
       },
       /* @__PURE__ */ React__default.createElement(SingleMappingEventWrapper, { field }),
-      !!((_m = (_l = field == null ? void 0 : field.mappedFields) == null ? void 0 : _l.questions) == null ? void 0 : _m.filter(
+      !!((_o = (_n = (_m = (_l = field == null ? void 0 : field.mappedFields) == null ? void 0 : _l.questions) == null ? void 0 : _m.filter) == null ? void 0 : _n.call(
+        _m,
         (question) => question.isEnabled
-      ).length) ? /* @__PURE__ */ React__default.createElement(
+      )) == null ? void 0 : _o.length) ? /* @__PURE__ */ React__default.createElement(
         SingleMappingChipWrapper,
         {
           heading: "Questions",
-          fields: (_o = (_n = field == null ? void 0 : field.mappedFields) == null ? void 0 : _n.questions) == null ? void 0 : _o.filter(
+          fields: (_r = (_q = (_p = field == null ? void 0 : field.mappedFields) == null ? void 0 : _p.questions) == null ? void 0 : _q.filter) == null ? void 0 : _r.call(
+            _q,
             (question) => question.isEnabled
           ),
           backgroundColor: "#E5F2FF"
         }
       ) : null,
-      !!((_q = (_p = field == null ? void 0 : field.mappedFields) == null ? void 0 : _p.derivedQuestions) == null ? void 0 : _q.filter(
+      !!((_v = (_u = (_t = (_s = field == null ? void 0 : field.mappedFields) == null ? void 0 : _s.derivedQuestions) == null ? void 0 : _t.filter) == null ? void 0 : _u.call(
+        _t,
         (derivedQuestion) => derivedQuestion.isEnabled
-      ).length) ? /* @__PURE__ */ React__default.createElement(
+      )) == null ? void 0 : _v.length) ? /* @__PURE__ */ React__default.createElement(
         SingleMappingChipWrapper,
         {
-          heading: "AI Columns",
-          fields: (_s = (_r = field == null ? void 0 : field.mappedFields) == null ? void 0 : _r.derivedQuestions) == null ? void 0 : _s.filter(
+          heading: "Enriched Columns",
+          fields: (_y = (_x = (_w = field == null ? void 0 : field.mappedFields) == null ? void 0 : _w.derivedQuestions) == null ? void 0 : _x.filter) == null ? void 0 : _y.call(
+            _x,
             (derivedQuestion) => derivedQuestion.isEnabled
           ),
           backgroundColor: "#E5F2FF"
         }
       ) : null,
-      !!((_u = (_t = field == null ? void 0 : field.mappedFields) == null ? void 0 : _t.variables) == null ? void 0 : _u.filter(
+      !!((_C = (_B = (_A = (_z = field == null ? void 0 : field.mappedFields) == null ? void 0 : _z.variables) == null ? void 0 : _A.filter) == null ? void 0 : _B.call(
+        _A,
         (variable) => variable.isEnabled
-      ).length) ? /* @__PURE__ */ React__default.createElement(
+      )) == null ? void 0 : _C.length) ? /* @__PURE__ */ React__default.createElement(
         SingleMappingChipWrapper,
         {
           heading: "Variables",
-          fields: (_w = (_v = field == null ? void 0 : field.mappedFields) == null ? void 0 : _v.variables) == null ? void 0 : _w.filter(
+          fields: (_F = (_E = (_D = field == null ? void 0 : field.mappedFields) == null ? void 0 : _D.variables) == null ? void 0 : _E.filter) == null ? void 0 : _F.call(
+            _E,
             (variable) => variable.isEnabled
           ),
           backgroundColor: "$positive100"
         }
       ) : null,
-      !!((_y = (_x = field == null ? void 0 : field.mappedFields) == null ? void 0 : _x.contactProperties) == null ? void 0 : _y.filter(
+      !!((_J = (_I = (_H = (_G = field == null ? void 0 : field.mappedFields) == null ? void 0 : _G.contactProperties) == null ? void 0 : _H.filter) == null ? void 0 : _I.call(
+        _H,
         (property) => property.isEnabled
-      ).length) ? /* @__PURE__ */ React__default.createElement(
+      )) == null ? void 0 : _J.length) ? /* @__PURE__ */ React__default.createElement(
         SingleMappingChipWrapper,
         {
           heading: "Contacts",
-          fields: (_A = (_z = field == null ? void 0 : field.mappedFields) == null ? void 0 : _z.contactProperties) == null ? void 0 : _A.filter(
+          fields: (_M = (_L = (_K = field == null ? void 0 : field.mappedFields) == null ? void 0 : _K.contactProperties) == null ? void 0 : _L.filter) == null ? void 0 : _M.call(
+            _L,
             (property) => property.isEnabled
           ),
           backgroundColor: "$negative100"
         }
       ) : null,
-      !!((_C = (_B = field == null ? void 0 : field.mappedFields) == null ? void 0 : _B.expressions) == null ? void 0 : _C.filter(
+      !!((_Q = (_P = (_O = (_N = field == null ? void 0 : field.mappedFields) == null ? void 0 : _N.expressions) == null ? void 0 : _O.filter) == null ? void 0 : _P.call(
+        _O,
         (expression) => expression.isEnabled
-      ).length) ? /* @__PURE__ */ React__default.createElement(
+      )) == null ? void 0 : _Q.length) ? /* @__PURE__ */ React__default.createElement(
         SingleMappingChipWrapper,
         {
           heading: "Expression",
           backgroundColor: "$neutral100",
-          fields: (_E = (_D = field == null ? void 0 : field.mappedFields) == null ? void 0 : _D.expressions) == null ? void 0 : _E.filter(
+          fields: (_T = (_S = (_R = field == null ? void 0 : field.mappedFields) == null ? void 0 : _R.expressions) == null ? void 0 : _S.filter) == null ? void 0 : _T.call(
+            _S,
             (expression) => expression.isEnabled
           )
         }
       ) : null,
-      !!((_G = (_F = field == null ? void 0 : field.mappedFields) == null ? void 0 : _F.property) == null ? void 0 : _G.filter(
+      !!((_X = (_W = (_V = (_U = field == null ? void 0 : field.mappedFields) == null ? void 0 : _U.property) == null ? void 0 : _V.filter) == null ? void 0 : _W.call(
+        _V,
         (property) => property.isEnabled
-      ).length) ? /* @__PURE__ */ React__default.createElement(
+      )) == null ? void 0 : _X.length) ? /* @__PURE__ */ React__default.createElement(
         SingleMappingChipWrapper,
         {
           heading: "Property",
           hideBorder: true,
-          fields: (_I = (_H = field == null ? void 0 : field.mappedFields) == null ? void 0 : _H.property) == null ? void 0 : _I.filter(
+          fields: (__ = (_Z = (_Y = field == null ? void 0 : field.mappedFields) == null ? void 0 : _Y.property) == null ? void 0 : _Z.filter) == null ? void 0 : __.call(
+            _Z,
             (property) => property.isEnabled
           ),
           backgroundColor: "rgba(74, 156, 166, 0.15)"
@@ -1093,7 +1106,7 @@ const SingleMappingChipWrapper = ({
   placeholder,
   backgroundColor
 }) => {
-  const modifiedFields = Object.values(fields).filter(
+  const modifiedFields = fields.filter(
     (field) => field.id !== "ALL"
   );
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Flex, { flexDirection: "column", gap: "$6", css: { paddingBlock: "$8" } }, /* @__PURE__ */ React__default.createElement(Text, { size: "sm", weight: "bold", css: { textTransform: "uppercase" } }, heading), /* @__PURE__ */ React__default.createElement(
@@ -1183,7 +1196,7 @@ const DashboardItem = ({
         break;
       }
       default: {
-        field = (_a = defaultValue == null ? void 0 : defaultValue.value) == null ? void 0 : _a.label;
+        field = ((_a = defaultValue == null ? void 0 : defaultValue.value) == null ? void 0 : _a.label) || "--";
         break;
       }
     }