@bjsdistribution/dms-client-return 0.1.15-prod → 0.1.16-prod

package/dist/dms-client-return.esm.js

@@ -11128,12 +11128,6 @@ function formatDate$1(dateInput) {
   if (isNaN(date.getTime())) return 'N/A';
   return format(date, 'eee, dd/MM/yyyy HH:mm:ss');
 }
-function getDay(dateInput) {
-  if (!dateInput) return 'N/A';
-  var date = new Date(dateInput);
-  if (isNaN(date.getTime())) return 'N/A';
-  return format(date, 'eee');
-}
 //with colors
 var priorityData = [{
   id: 1,
@@ -14631,12 +14625,16 @@ var Info = /*#__PURE__*/styled.span(_templateObject3$11 || (_templateObject3$11
 
 var _templateObject$2m, _templateObject2$1I, _templateObject3$12;
 function FlagTemplate(_ref) {
+  var _formatUtcToLocal, _formatUtcToLocal2;
   var data = _ref.data,
     dismissFlags = _ref.dismissFlags;
   var _useFlagRefId = useFlagRefId(),
     setSelectedFlag = _useFlagRefId[1];
   var _useCurrentAction = useCurrentAction(),
     setCurrentAction = _useCurrentAction[1];
+  var _useClientPortal = useClientPortal(),
+    isCustomerPortal = _useClientPortal[0];
+  //
   var openModal = function openModal() {
     setCurrentAction('view-flag');
   };
@@ -14649,21 +14647,25 @@ function FlagTemplate(_ref) {
     type: (data == null ? void 0 : data.status) === 'AD' ? 'info' : 'success',
     title: React.createElement(React.Fragment, null, React.createElement(StyledTitle, {
       color: titleColor
-    }, "Flag : ", data != null && data.is_private ? 'Private' : '', ' ', React.createElement(StyledLink$1, {
+    }, "Flag : ", data != null && data.is_private ? 'Private' : 'Public', ' ', React.createElement(StyledLink$1, {
       onClick: function onClick() {
         return handleClick(data.id);
       }
-    }, data == null ? void 0 : data.id, " - ", data == null ? void 0 : data.flag_type, ' '), ' ', (data == null ? void 0 : data.status) === 'AD' ? 'Unresolved' : 'Resolved on', ' ', (data == null ? void 0 : data.status) == 'SD' ? React.createElement(React.Fragment, null, formatDate$1(data == null ? void 0 : data.resolved_at), " by ", data == null ? void 0 : data.resolved_by, ' ') : null)),
+    }, data == null ? void 0 : data.id, " - ", data == null ? void 0 : data.flag_type, ' '), ' ', (data == null ? void 0 : data.status) === 'AD' ? 'Unresolved' : 'Resolved on', ' ', (data == null ? void 0 : data.status) == 'SD' ? React.createElement(React.Fragment, null, ((_formatUtcToLocal = formatUtcToLocal(data == null ? void 0 : data.resolved_at)) == null ? void 0 : _formatUtcToLocal.date) + "  " + ((_formatUtcToLocal2 = formatUtcToLocal(data == null ? void 0 : data.resolved_at)) == null ? void 0 : _formatUtcToLocal2.time), ' ', "by ", data == null ? void 0 : data.resolved_by, ' ') : null)),
     subtitle: "",
-    description: "" + (data == null ? void 0 : data.description),
+    description: isCustomerPortal ? React.createElement("span", {
+      dangerouslySetInnerHTML: {
+        __html: data == null ? void 0 : data.description
+      }
+    }) : "" + (data == null ? void 0 : data.description),
     showOkButton: false,
     onClose: function onClose() {
       return dismissFlags(data == null ? void 0 : data.id);
     }
   }));
 }
-var StyledAlert$1 = /*#__PURE__*/styled.div(_templateObject$2m || (_templateObject$2m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-bottom: 10px;\n"])));
-var StyledLink$1 = /*#__PURE__*/styled.span(_templateObject2$1I || (_templateObject2$1I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: var(--contextual-blue, #6396e5);\n  font-family: Roboto;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 600;\n"])));
+var StyledAlert$1 = /*#__PURE__*/styled.div(_templateObject$2m || (_templateObject$2m = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
+var StyledLink$1 = /*#__PURE__*/styled.span(_templateObject2$1I || (_templateObject2$1I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: var(--contextual-blue, #6396e5);\n  font-family: Roboto;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 600;\n  cursor: pointer;\n"])));
 var StyledTitle = /*#__PURE__*/styled.span(_templateObject3$12 || (_templateObject3$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: ", ";\n  font-family: Roboto;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 600;\n"])), function (_ref2) {
   var color = _ref2.color;
   return color;
@@ -15760,6 +15762,9 @@ function Options$1() {
     if (!isRouted && option.value === 'log-service-refusal') {
       shouldExclude = true;
     }
+    if (isRouted && option.value === 'clear-date') {
+      shouldExclude = true;
+    }
     // if (routedValue && option.value === 'remove-from-route') {
     //   shouldExclude = true;
     // }
@@ -16311,12 +16316,15 @@ var StyledAlert$2 = /*#__PURE__*/styled.div(_templateObject2$1R || (_templateObj
 
 var _templateObject$2A, _templateObject2$1S, _templateObject3$17;
 function ReminderTemplate(_ref) {
+  var _formatUtcToLocal, _formatUtcToLocal2, _formatUtcToLocal3, _formatUtcToLocal4;
   var data = _ref.data,
     dismissReminder = _ref.dismissReminder;
   var _useCurrentAction = useCurrentAction(),
     setCurrentAction = _useCurrentAction[1];
   var _useReminderRefId = useReminderRefId(),
     setReminderRefId = _useReminderRefId[1];
+  var _useClientPortal = useClientPortal(),
+    isClientPortal = _useClientPortal[0];
   var openModal = function openModal() {
     setCurrentAction('view-reminder');
   };
@@ -16334,8 +16342,9 @@ function ReminderTemplate(_ref) {
     }, "Reminder:", React.createElement(StyledLink$2, {
       onClick: function onClick() {
         return handleClick(data.id);
-      }
-    }, (data == null ? void 0 : data.reference) || 'NA'), ' ', "(Due - ", getDay(data == null ? void 0 : data.due_datetime), ",", ' ', formatUtcToLocal(data == null ? void 0 : data.due_datetime).date + " " + formatUtcToLocal(data == null ? void 0 : data.due_datetime).time, "), Assigned to: ", data == null ? void 0 : data.assigned_to, " Completed On:", ' ', getDay(data == null ? void 0 : data.completed_at), ",", ' ', formatUtcToLocal(data == null ? void 0 : data.completed_at).date + " " + formatUtcToLocal(data == null ? void 0 : data.completed_at).time, " By: ", data == null ? void 0 : data.completed_by)),
+      },
+      "$disable": isClientPortal || false
+    }, ' ', (data == null ? void 0 : data.reference) || 'NA', ' '), "(Due -", ' ', ((_formatUtcToLocal = formatUtcToLocal(data == null ? void 0 : data.due_datetime)) == null ? void 0 : _formatUtcToLocal.date) + "  " + ((_formatUtcToLocal2 = formatUtcToLocal(data == null ? void 0 : data.due_datetime)) == null ? void 0 : _formatUtcToLocal2.time), "), Assigned to: ", data == null ? void 0 : data.assigned_to, " Completed On:", ' ', ((_formatUtcToLocal3 = formatUtcToLocal(data == null ? void 0 : data.completed_at)) == null ? void 0 : _formatUtcToLocal3.date) + "  " + ((_formatUtcToLocal4 = formatUtcToLocal(data == null ? void 0 : data.completed_at)) == null ? void 0 : _formatUtcToLocal4.time), ", By: ", data == null ? void 0 : data.completed_by)),
     description: "" + (data == null ? void 0 : data.description),
     showOkButton: false,
     onClose: function onClose() {
@@ -16348,7 +16357,11 @@ var StyledTitle$1 = /*#__PURE__*/styled.span(_templateObject2$1S || (_templateOb
   var color = _ref2.color;
   return color;
 });
-var StyledLink$2 = /*#__PURE__*/styled.span(_templateObject3$17 || (_templateObject3$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: var(--contextual-blue, #6396e5);\n  font-family: Roboto;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 600;\n"])));
+var StyledLink$2 = /*#__PURE__*/styled.span(_templateObject3$17 || (_templateObject3$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: var(--contextual-blue, #6396e5);\n  font-family: Roboto;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 600;\n  cursor: ", ";\n  ", ";\n"])), function (props) {
+  return props != null && props.$disable ? 'auto' : 'pointer';
+}, function (props) {
+  return (props == null ? void 0 : props.$disable) && "pointer-events: none;";
+});
 
 var _templateObject$2B, _templateObject2$1T;
 function Tabs$1(_ref) {
@@ -16429,7 +16442,7 @@ var NotifyFlag = function NotifyFlag() {
   }));
 };
 
-var _templateObject$2C, _templateObject2$1U, _templateObject3$18, _templateObject4$E, _templateObject5$u, _templateObject6$g, _templateObject7$h, _templateObject8$d, _templateObject9$a, _templateObject10$6;
+var _templateObject$2C, _templateObject2$1U, _templateObject3$18, _templateObject4$E, _templateObject5$u, _templateObject6$g, _templateObject7$h, _templateObject8$d, _templateObject9$a;
 function Notification() {
   var _orderData$order_rout, _activeTasks$filter, _closedTasks$filter;
   var _useTabType = useTabType(),
@@ -16462,8 +16475,7 @@ function Notification() {
     closedTasks = _useState4[0],
     setCloseTasks = _useState4[1];
   var _useRouteId = useRouteId(),
-    idOfRoute = _useRouteId[0],
-    setRouteId = _useRouteId[1];
+    idOfRoute = _useRouteId[0];
   var _useAllOrderStatus = useAllOrderStatus(),
     setStatusVal = _useAllOrderStatus[1];
   var _useSearchParams = useSearchParams(),
@@ -16478,6 +16490,8 @@ function Notification() {
     orderId = _useOrderId[0],
     setOrderId = _useOrderId[1];
   var routeId = orderData == null || (_orderData$order_rout = orderData.order_routes) == null ? void 0 : _orderData$order_rout.route_id;
+  var _useClientPortal = useClientPortal(),
+    isClientPortal = _useClientPortal[0];
   useEffect(function () {
     if (orderIdParams) {
       setOrderId(id);
@@ -16493,12 +16507,19 @@ function Notification() {
       pagination: {
         is_pagination: false
       },
-      filters: [{
+      filters: isClientPortal ? [{
+        field: 'is_private',
+        op: '=',
+        value: 'false'
+      }, {
         field: 'order_id',
         op: '=',
         value: orderId
-      }],
-      showLoader: false
+      }] : [{
+        field: 'order_id',
+        op: '=',
+        value: orderId
+      }]
     }),
     fetchedUnresolvedData = _useAxios.data,
     unresolvedLoading = _useAxios.loading,
@@ -16514,12 +16535,17 @@ function Notification() {
         field: 'order_id',
         op: '=',
         value: orderId
-      }],
-      showLoader: false
+      }]
     }),
     fetchedReminderData = _useAxios2.data,
     reminderLoading = _useAxios2.loading,
     callReminderApi = _useAxios2.fetchData;
+  //reminder data set
+  useEffect(function () {
+    if (fetchedReminderData && fetchedReminderData != null && fetchedReminderData.data) {
+      setReminderNotifyData(fetchedReminderData == null ? void 0 : fetchedReminderData.data);
+    }
+  }, [fetchedReminderData]);
   useEffect(function () {
     setStatusVal(orderData == null ? void 0 : orderData.status_value);
   }, [orderData == null ? void 0 : orderData.status_value]);
@@ -16535,17 +16561,10 @@ function Notification() {
       setTasksData(fetchedUnresolvedData == null ? void 0 : fetchedUnresolvedData.data);
     }
   }, [unresolvedLoading, fetchedUnresolvedData]);
-  //reminder data set
-  useEffect(function () {
-    if (fetchedReminderData && fetchedReminderData != null && fetchedReminderData.data) {
-      setReminderNotifyData(fetchedReminderData == null ? void 0 : fetchedReminderData.data);
-    }
-  }, [reminderLoading]);
   // Route API calling...
   var _useAxios3 = useAxios({
       endpoint: "route/" + routeId,
-      method: 'GET',
-      showLoader: false
+      method: 'GET'
     }),
     fetchedData = _useAxios3.data,
     fetchRoute = _useAxios3.fetchData;
@@ -16553,14 +16572,10 @@ function Notification() {
     if (idOfRoute !== null && idOfRoute !== undefined) {
       fetchRoute();
     }
-    return function () {
-      setRouteId(null);
-    };
   }, [idOfRoute]);
   var _useAxios4 = useAxios({
       endpoint: "v1/orders/alerts/?order_id=" + orderId,
-      method: 'GET',
-      showLoader: false
+      method: 'GET'
     }),
     alertsData = _useAxios4.data,
     callOrderAlertsApi = _useAxios4.fetchData,
@@ -16583,26 +16598,31 @@ function Notification() {
               return _context.abrupt("return");
             case 2:
               _context.prev = 2;
-              _context.next = 5;
-              return callReminderApi();
-            case 5:
+              _context.t0 = !isClientPortal;
+              if (!_context.t0) {
+                _context.next = 7;
+                break;
+              }
               _context.next = 7;
-              return callUnresolvedTaskApi();
+              return callReminderApi();
             case 7:
               _context.next = 9;
-              return callOrderAlertsApi();
+              return callUnresolvedTaskApi();
             case 9:
-              _context.next = 14;
-              break;
+              _context.next = 11;
+              return callOrderAlertsApi();
             case 11:
-              _context.prev = 11;
-              _context.t0 = _context["catch"](2);
-              console.error('Error while fetching order-related data:', _context.t0);
-            case 14:
+              _context.next = 16;
+              break;
+            case 13:
+              _context.prev = 13;
+              _context.t1 = _context["catch"](2);
+              console.error('Error while fetching order-related data:', _context.t1);
+            case 16:
             case "end":
               return _context.stop();
           }
-        }, _callee, null, [[2, 11]]);
+        }, _callee, null, [[2, 13]]);
       }));
       return function fetchData() {
         return _ref.apply(this, arguments);
@@ -16670,7 +16690,6 @@ function Notification() {
   var totalClosedCount = (closedTasks == null || (_closedTasks$filter = closedTasks.filter(function (item) {
     return item.status === 'SD';
   })) == null ? void 0 : _closedTasks$filter.length) + (closedReminders == null ? void 0 : closedReminders.length);
-  console.log(unresolvedLoading, 'unresolved', reminderLoading, 'reminder');
   return React.createElement(React.Fragment, null, React.createElement(Section$2, null, React.createElement(Container$1n, {
     className: "notification-header"
   }, React.createElement(FlagContainer, null, React.createElement(NotifyFlag, null)), React.createElement(Label$j, {
@@ -16687,12 +16706,75 @@ function Notification() {
     onClick: function onClick() {
       return handleTabChange('closed');
     }
-  }, "Closed", React.createElement(ClosedCount, null, totalClosedCount)))), unresolvedLoading || reminderLoading || alertsApiLoading ? React.createElement(Loader$1, null, React.createElement(Skeleton, {
-    avatar: true,
-    paragraph: {
-      rows: 2
+  }, "Closed", React.createElement(ClosedCount, null, totalClosedCount)))), unresolvedLoading || reminderLoading || alertsApiLoading ? React.createElement(React.Fragment, null, React.createElement("div", {
+    style: {
+      display: 'flex',
+      alignItems: 'center',
+      gap: 12
     }
-  })) : (taskData == null ? void 0 : taskData.length) > 0 || (reminderNotifyData == null ? void 0 : reminderNotifyData.length) > 0 || orderData ? React.createElement(TabsWrapper$1, null, React.createElement(Tabs$1, {
+  }, React.createElement(Skeleton.Avatar, {
+    active: true,
+    size: "small",
+    shape: "circle"
+  }), React.createElement(Skeleton.Input, {
+    active: true,
+    style: {
+      width: '100%',
+      height: 12,
+      borderRadius: 4
+    }
+  })), React.createElement("div", {
+    style: {
+      display: 'flex',
+      alignItems: 'center',
+      gap: 12
+    }
+  }, React.createElement(Skeleton.Avatar, {
+    active: true,
+    size: "small",
+    shape: "circle"
+  }), React.createElement(Skeleton.Input, {
+    active: true,
+    style: {
+      width: '100%',
+      height: 12,
+      borderRadius: 4
+    }
+  })), React.createElement("div", {
+    style: {
+      display: 'flex',
+      alignItems: 'center',
+      gap: 12
+    }
+  }, React.createElement(Skeleton.Avatar, {
+    active: true,
+    size: "small",
+    shape: "circle"
+  }), React.createElement(Skeleton.Input, {
+    active: true,
+    style: {
+      width: '100%',
+      height: 12,
+      borderRadius: 4
+    }
+  })), React.createElement("div", {
+    style: {
+      display: 'flex',
+      alignItems: 'center',
+      gap: 12
+    }
+  }, React.createElement(Skeleton.Avatar, {
+    active: true,
+    size: "small",
+    shape: "circle"
+  }), React.createElement(Skeleton.Input, {
+    active: true,
+    style: {
+      width: '100%',
+      height: 12,
+      borderRadius: 4
+    }
+  }))) : (taskData == null ? void 0 : taskData.length) > 0 || (reminderNotifyData == null ? void 0 : reminderNotifyData.length) > 0 || orderData ? React.createElement(TabsWrapper$1, null, React.createElement(Tabs$1, {
     activeTasks: activeTasks,
     closedTasks: closedTasks,
     activeReminders: activeReminders,
@@ -16703,35 +16785,18 @@ function Notification() {
   })) : 'No Notifications Found'));
 }
 var Container$1n = /*#__PURE__*/styled.div(_templateObject$2C || (_templateObject$2C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  gap: 20px;\n  padding: 10px;\n  border-bottom: 1px solid #ccc;\n"])));
-var Loader$1 = /*#__PURE__*/styled.div(_templateObject2$1U || (_templateObject2$1U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  align-items: center;\n  justify-content: center;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n"])));
-// const Spinner = styled.div`
-//   border: 4px solid rgba(0, 0, 0, 0.1);
-//   border-left-color: #3a3630;
-//   border-radius: 50%;
-//   width: 40px;
-//   height: 40px;
-//   animation: spin 1s linear infinite;
-//   @keyframes spin {
-//     0% {
-//       transform: rotate(0deg);
-//     }
-//     100% {
-//       transform: rotate(360deg);
-//     }
-//   }
-// `;
-var FlagContainer = /*#__PURE__*/styled.div(_templateObject3$18 || (_templateObject3$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  padding: 8px;\n  background-color: #3a3630;\n  border-radius: 10px;\n"])));
-var TabsData = /*#__PURE__*/styled.div(_templateObject4$E || (_templateObject4$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  gap: 20px;\n  padding: 10px;\n"])));
-var ActiveCount = /*#__PURE__*/styled.div(_templateObject5$u || (_templateObject5$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: #ffffff;\n  padding: 1px 5px;\n  background-color: #6396e5;\n  border-radius: 6px;\n"])));
-var ClosedCount = /*#__PURE__*/styled.div(_templateObject6$g || (_templateObject6$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: #ffffff;\n  padding: 1px 5px;\n  background-color: #e95252;\n  border-radius: 6px;\n"])));
-var StyledTab = /*#__PURE__*/styled.div(_templateObject7$h || (_templateObject7$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  gap: 5px;\n  cursor: pointer;\n  color: ", ";\n  border-bottom: ", ";\n  transition: border-bottom 0.3s ease;\n  font-family: 'Roboto', sans-serif;\n  padding-bottom: 5px;\n  align-items: center;\n"])), function (props) {
+var FlagContainer = /*#__PURE__*/styled.div(_templateObject2$1U || (_templateObject2$1U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  padding: 8px;\n  background-color: #3a3630;\n  border-radius: 10px;\n"])));
+var TabsData = /*#__PURE__*/styled.div(_templateObject3$18 || (_templateObject3$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  gap: 20px;\n  padding: 10px;\n"])));
+var ActiveCount = /*#__PURE__*/styled.div(_templateObject4$E || (_templateObject4$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: #ffffff;\n  padding: 1px 5px;\n  background-color: #6396e5;\n  border-radius: 6px;\n"])));
+var ClosedCount = /*#__PURE__*/styled.div(_templateObject5$u || (_templateObject5$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: #ffffff;\n  padding: 1px 5px;\n  background-color: #e95252;\n  border-radius: 6px;\n"])));
+var StyledTab = /*#__PURE__*/styled.div(_templateObject6$g || (_templateObject6$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  gap: 5px;\n  cursor: pointer;\n  color: ", ";\n  border-bottom: ", ";\n  transition: border-bottom 0.3s ease;\n  font-family: 'Roboto', sans-serif;\n  padding-bottom: 5px;\n  align-items: center;\n"])), function (props) {
   return props.active ? '#3a3630' : '#AEA9A1';
 }, function (props) {
   return props.active ? '2px solid #feba30' : '2px solid #eeeeee';
 });
-var Section$2 = /*#__PURE__*/styled.div(_templateObject8$d || (_templateObject8$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  background: #ffffff;\n  border-radius: 12px;\n  padding: 10px;\n  box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);\n  border: 1px solid #e0e0e0;\n"])));
-var Label$j = /*#__PURE__*/styled(SectionHeader)(_templateObject9$a || (_templateObject9$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  border-bottom: 1px solid #ccc;\n  font-family: 'Roboto', sans-serif;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 24px; /* 150% */\n  text-transform: uppercase;\n"])));
-var TabsWrapper$1 = /*#__PURE__*/styled.div(_templateObject10$6 || (_templateObject10$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  /* min-height: 200px; */\n  max-height: 300px;\n  overflow-y: auto;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n\n  &:hover {\n    scrollbar-width: thin;\n  }\n\n  &::-webkit-scrollbar {\n    width: 0;\n  }\n\n  &:hover::-webkit-scrollbar {\n    width: 8px;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background-color: rgba(0, 0, 0, 0.5);\n  }\n"])));
+var Section$2 = /*#__PURE__*/styled.div(_templateObject7$h || (_templateObject7$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  background: #ffffff;\n  border-radius: 12px;\n  padding: 10px;\n  box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);\n  border: 1px solid #e0e0e0;\n"])));
+var Label$j = /*#__PURE__*/styled(SectionHeader)(_templateObject8$d || (_templateObject8$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  border-bottom: 1px solid #ccc;\n  font-family: 'Roboto', sans-serif;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 24px; /* 150% */\n  text-transform: uppercase;\n"])));
+var TabsWrapper$1 = /*#__PURE__*/styled.div(_templateObject9$a || (_templateObject9$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  /* min-height: 200px; */\n  max-height: 350px;\n  overflow-y: auto;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n\n  &:hover {\n    scrollbar-width: thin;\n  }\n\n  &::-webkit-scrollbar {\n    width: 0;\n  }\n\n  &:hover::-webkit-scrollbar {\n    width: 8px;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background-color: rgba(0, 0, 0, 0.5);\n  }\n"])));
 
 var _templateObject$2D;
 function CollapsedContent$2() {