@bjsdistribution/dms-client-return 0.1.6-prod → 0.1.7-prod

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

@@ -13580,15 +13580,17 @@ var Flex$3 = /*#__PURE__*/styled.div(_templateObject$2d || (_templateObject$2d =
 
 var _templateObject$2e, _templateObject2$1F;
 function OrderTemplate(_ref) {
-  var _orderStaticData$canc, _orderDetails$order_c;
+  var _orderStaticData$canc, _orderDetails$order_c, _routeInfoData$order_, _routeInfoData$order_2, _routeInfoData$order_3;
   var orderDetails = _ref.orderDetails,
     routeInfoData = _ref.routeInfoData;
   var _useOrderNotify = useOrderNotify(),
     setOrderCount = _useOrderNotify[1];
-  var precall = false;
+  // const precall = false;
   var _useOrderStaticData = useOrderStaticData(),
     orderStaticData = _useOrderStaticData[0];
   var statusVal = routeInfoData == null ? void 0 : routeInfoData.status_value;
+  var _useClientPortal = useClientPortal(),
+    isClientPortal = _useClientPortal[0];
   var unholdReasons = orderStaticData == null || (_orderStaticData$canc = orderStaticData.cancellation_reasons) == null ? void 0 : _orderStaticData$canc.map(function (x) {
     return {
       id: x == null ? void 0 : x.id,
@@ -13615,12 +13617,19 @@ function OrderTemplate(_ref) {
       isEnroute: true,
       isPreCall: true,
       isConfirmed: true,
-      isPostcode: true
+      isPostcode: true,
+      isSubcontracted: true,
+      isRouted: true,
+      isOnSite: true,
+      isFailed: true
     }),
     alertVisibility = _useState[0],
     setAlertVisibility = _useState[1];
-  useEffect(function () {
-  }, [precall]);
+  // useEffect(() => {
+  //   if (precall) {
+  //     setOrderCount(prevCount => prevCount + 1);
+  //   }
+  // }, [precall]);
   //on close alert functionality
   var onCloseAlert = function onCloseAlert(alertType) {
     setAlertVisibility(function (prev) {
@@ -13629,11 +13638,26 @@ function OrderTemplate(_ref) {
     });
     setOrderCount(0);
   };
-  return React.createElement(React.Fragment, null, statusVal == 'on hold' && (alertVisibility == null ? void 0 : alertVisibility.isHoldVisible) && React.createElement(StyledAlert, null, React.createElement(FlagAlert, {
+  return React.createElement(React.Fragment, null, !isClientPortal && (routeInfoData == null || (_routeInfoData$order_ = routeInfoData.order_red_cross_alerts) == null ? void 0 : _routeInfoData$order_.length) > 0 && React.createElement(FlagAlert, {
+    type: "error",
+    title: "",
+    description: React.createElement(FlagsStyle, null, React.createElement("div", {
+      className: "redCross"
+    }, React.createElement("div", {
+      className: "spanStyle",
+      dangerouslySetInnerHTML: {
+        __html: routeInfoData == null ? void 0 : routeInfoData.order_red_cross_alerts
+      }
+    }))),
+    showOkButton: false,
+    onClose: function onClose() {
+      return onCloseAlert('isPostcode');
+    }
+  }), statusVal == 'on hold' && (alertVisibility == null ? void 0 : alertVisibility.isHoldVisible) && React.createElement(StyledAlert, null, React.createElement(FlagAlert, {
     type: "warn",
     title: React.createElement("div", {
       dangerouslySetInnerHTML: {
-        __html: routeInfoData == null ? void 0 : routeInfoData.order_alert
+        __html: routeInfoData == null ? void 0 : routeInfoData.order_info_alerts
       }
     }),
     description: '',
@@ -13645,7 +13669,7 @@ function OrderTemplate(_ref) {
     type: "success",
     title: React.createElement("div", {
       dangerouslySetInnerHTML: {
-        __html: routeInfoData == null ? void 0 : routeInfoData.order_alert
+        __html: routeInfoData == null ? void 0 : routeInfoData.order_info_alerts
       }
     }),
     description: '',
@@ -13653,11 +13677,11 @@ function OrderTemplate(_ref) {
     onClose: function onClose() {
       return onCloseAlert('isCompleted');
     }
-  })), precall  , statusVal == 'outstanding' && alertVisibility.isOutstanding && React.createElement(StyledAlert, null, React.createElement(FlagAlert, {
+  })), statusVal == 'outstanding' && alertVisibility.isOutstanding && React.createElement(StyledAlert, null, React.createElement(FlagAlert, {
     type: "release",
     title: React.createElement("div", {
       dangerouslySetInnerHTML: {
-        __html: routeInfoData == null ? void 0 : routeInfoData.order_alert
+        __html: routeInfoData == null ? void 0 : routeInfoData.order_info_alerts
       }
     }),
     description: "",
@@ -13669,7 +13693,7 @@ function OrderTemplate(_ref) {
     type: "info",
     title: React.createElement("div", {
       dangerouslySetInnerHTML: {
-        __html: routeInfoData == null ? void 0 : routeInfoData.order_alert
+        __html: routeInfoData == null ? void 0 : routeInfoData.order_info_alerts
       }
     }),
     description: "",
@@ -13681,7 +13705,7 @@ function OrderTemplate(_ref) {
     type: "info",
     title: React.createElement("div", {
       dangerouslySetInnerHTML: {
-        __html: routeInfoData == null ? void 0 : routeInfoData.order_alert
+        __html: routeInfoData == null ? void 0 : routeInfoData.order_info_alerts
       }
     }),
     description: "",
@@ -13690,10 +13714,10 @@ function OrderTemplate(_ref) {
       return onCloseAlert('isAwaitingRoute');
     }
   })), statusVal == 'cancelled' && alertVisibility.isCancelled && React.createElement(StyledAlert, null, React.createElement(FlagAlert, {
-    type: "error",
+    type: "info",
     title: React.createElement("div", {
       dangerouslySetInnerHTML: {
-        __html: routeInfoData == null ? void 0 : routeInfoData.order_alert
+        __html: routeInfoData == null ? void 0 : routeInfoData.order_info_alerts
       }
     }),
     description: reason,
@@ -13701,11 +13725,35 @@ function OrderTemplate(_ref) {
     onClose: function onClose() {
       return onCloseAlert('isCancelled');
     }
+  })), statusVal == 'confirmed' && alertVisibility.isConfirmed && React.createElement(StyledAlert, null, React.createElement(FlagAlert, {
+    type: "info",
+    title: React.createElement("div", {
+      dangerouslySetInnerHTML: {
+        __html: routeInfoData == null ? void 0 : routeInfoData.order_info_alerts
+      }
+    }),
+    description: "",
+    showOkButton: false,
+    onClose: function onClose() {
+      return onCloseAlert('isConfirmed');
+    }
+  })), statusVal == 'subcontracted' && alertVisibility.isSubcontracted && React.createElement(StyledAlert, null, React.createElement(FlagAlert, {
+    type: "info",
+    title: React.createElement("div", {
+      dangerouslySetInnerHTML: {
+        __html: routeInfoData == null ? void 0 : routeInfoData.order_info_alerts
+      }
+    }),
+    description: "",
+    showOkButton: false,
+    onClose: function onClose() {
+      return onCloseAlert('isRouted');
+    }
   })), statusVal == 'enroute' && alertVisibility.isEnroute && React.createElement(StyledAlert, null, React.createElement(FlagAlert, {
     type: "info",
     title: React.createElement("div", {
       dangerouslySetInnerHTML: {
-        __html: routeInfoData == null ? void 0 : routeInfoData.order_alert
+        __html: routeInfoData == null ? void 0 : routeInfoData.order_info_alerts
       }
     }),
     description: "",
@@ -13713,26 +13761,90 @@ function OrderTemplate(_ref) {
     onClose: function onClose() {
       return onCloseAlert('isEnroute');
     }
-  })), statusVal == 'confirmed' && alertVisibility.isConfirmed && React.createElement(StyledAlert, null, React.createElement(FlagAlert, {
+  })), statusVal == 'routed' && alertVisibility.isRouted && React.createElement(StyledAlert, null, React.createElement(FlagAlert, {
     type: "info",
     title: React.createElement("div", {
       dangerouslySetInnerHTML: {
-        __html: routeInfoData == null ? void 0 : routeInfoData.order_alert
+        __html: routeInfoData == null ? void 0 : routeInfoData.order_info_alerts
       }
     }),
     description: "",
     showOkButton: false,
     onClose: function onClose() {
-      return onCloseAlert('isConfirmed');
+      return onCloseAlert('isRouted');
+    }
+  })), statusVal == 'precalled' && alertVisibility.isPreCall && React.createElement(StyledAlert, null, React.createElement(FlagAlert, {
+    type: "info",
+    title: React.createElement("div", {
+      dangerouslySetInnerHTML: {
+        __html: routeInfoData == null ? void 0 : routeInfoData.order_info_alerts
+      }
+    }),
+    description: "",
+    showOkButton: false,
+    onClose: function onClose() {
+      return onCloseAlert('isPreCall');
+    }
+  })), statusVal == 'on site' && alertVisibility.isOnSite && React.createElement(StyledAlert, null, React.createElement(FlagAlert, {
+    type: "info",
+    title: React.createElement("div", {
+      dangerouslySetInnerHTML: {
+        __html: routeInfoData == null ? void 0 : routeInfoData.order_info_alerts
+      }
+    }),
+    description: "",
+    showOkButton: false,
+    onClose: function onClose() {
+      return onCloseAlert('isOnSite');
+    }
+  })), statusVal == 'failed' && alertVisibility.isFailed && React.createElement(StyledAlert, null, React.createElement(FlagAlert, {
+    type: "info",
+    title: React.createElement("div", {
+      dangerouslySetInnerHTML: {
+        __html: routeInfoData == null ? void 0 : routeInfoData.order_info_alerts
+      }
+    }),
+    description: "",
+    showOkButton: false,
+    onClose: function onClose() {
+      return onCloseAlert('isFailed');
+    }
+  })), !isClientPortal && (routeInfoData == null || (_routeInfoData$order_2 = routeInfoData.order_warnings_alerts) == null ? void 0 : _routeInfoData$order_2.length) > 0 && React.createElement(FlagAlert, {
+    type: "warn",
+    title: "",
+    description: React.createElement(FlagsStyle, null, React.createElement("div", {
+      className: ""
+    }, React.createElement("div", {
+      dangerouslySetInnerHTML: {
+        __html: routeInfoData == null ? void 0 : routeInfoData.order_warnings_alerts
+      }
+    }))),
+    showOkButton: false,
+    onClose: function onClose() {
+      return onCloseAlert('isPostcode');
+    }
+  }), !isClientPortal && (routeInfoData == null || (_routeInfoData$order_3 = routeInfoData.order_green_check_alerts) == null ? void 0 : _routeInfoData$order_3.length) > 0 && React.createElement(FlagAlert, {
+    type: "success",
+    title: "",
+    description: React.createElement(FlagsStyle, null, React.createElement("div", {
+      className: ""
+    }, React.createElement("div", {
+      dangerouslySetInnerHTML: {
+        __html: routeInfoData == null ? void 0 : routeInfoData.order_green_check_alerts
+      }
+    }))),
+    showOkButton: false,
+    onClose: function onClose() {
+      return onCloseAlert('isPostcode');
     }
-  })), (routeInfoData == null ? void 0 : routeInfoData.same_postcode_orders) && alertVisibility.isPostcode && React.createElement(FlagAlert, {
+  }), !isClientPortal && (routeInfoData == null ? void 0 : routeInfoData.same_postcode_orders) && alertVisibility.isPostcode && React.createElement(FlagAlert, {
     type: "info",
     title: "",
     description: React.createElement(FlagsStyle, null, React.createElement("div", {
       className: "postcode-alert-content"
     }, React.createElement("div", {
       dangerouslySetInnerHTML: {
-        __html: routeInfoData.same_postcode_orders
+        __html: routeInfoData == null ? void 0 : routeInfoData.same_postcode_orders
       }
     }))),
     showOkButton: false,
@@ -13741,7 +13853,7 @@ function OrderTemplate(_ref) {
     }
   }));
 }
-var FlagsStyle = /*#__PURE__*/styled.div(_templateObject$2e || (_templateObject$2e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  .postcode-alert-content {\n    > div {\n      > h4 {\n        color: #3a3630;\n        font-family: Lato;\n        font-size: 14px;\n        font-style: normal;\n        font-weight: 500;\n        line-height: 18px;\n      }\n    }\n    ul {\n    }\n\n    li {\n      border-radius: 6px;\n      list-style-type: none;\n      > a {\n        color: #6396e5;\n        font-family: Roboto;\n        font-size: 14px;\n        font-style: normal;\n        font-weight: 600;\n        line-height: 24px;\n        text-decoration: none;\n      }\n      > strong {\n        > a {\n          color: #6396e5;\n          font-family: Roboto;\n          font-size: 14px;\n          font-style: normal;\n          font-weight: 600;\n          line-height: 24px;\n          text-decoration: none;\n        }\n      }\n    }\n\n    li.outstanding strong,\n    li.awaiting_confirmation strong,\n    li.awaiting_route strong {\n      font-family: Roboto, sans-serif;\n      font-size: 14px;\n      font-weight: 600;\n      line-height: 24px;\n      font-style: normal;\n    }\n    li.routed strong {\n      margin-left: 5px;\n      color: #3a3630;\n      font-family: Lato;\n      font-size: 14px;\n      font-style: normal;\n      font-weight: 500;\n      line-height: 18px;\n    }\n\n    li.outstanding strong {\n      color: #e95252;\n    }\n    li.awaiting_confirmation strong {\n      color: #6396e5;\n    }\n    li.awaiting_route strong {\n      color: #36a053;\n    }\n    li.confirmed strong {\n      color: #36a053;\n    }\n    li.enroute strong {\n      color: #36a053;\n    }\n    li.cancelled strong {\n      color: #e95252;\n    }\n    li.complete strong {\n      color: #36a053;\n    }\n    li.on_hold strong {\n      color: #feba30;\n    }\n    li.routed strong {\n      color: #3a3630;\n    }\n    span {\n      margin-left: 5px;\n      color: #3a3630;\n      font-family: Lato;\n      font-size: 14px;\n      font-style: normal;\n      font-weight: 500;\n      line-height: 18px;\n    }\n  }\n"])));
+var FlagsStyle = /*#__PURE__*/styled.div(_templateObject$2e || (_templateObject$2e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  .redCross {\n    font-size: 13px;\n    margin-top: 4px;\n  }\n  .postcode-alert-content {\n    > div {\n      > h4 {\n        color: #3a3630;\n        font-family: Lato;\n        font-size: 14px;\n        font-style: normal;\n        font-weight: 500;\n        line-height: 18px;\n      }\n    }\n    ul {\n      margin-bottom: 0;\n    }\n\n    li {\n      border-radius: 6px;\n      list-style-type: none;\n      > a {\n        color: #6396e5;\n        font-family: Roboto;\n        font-size: 14px;\n        font-style: normal;\n        font-weight: 600;\n        line-height: 24px;\n        text-decoration: none;\n      }\n      > strong {\n        > a {\n          color: #6396e5;\n\n          font-family: Roboto;\n          font-size: 14px;\n          font-style: normal;\n          font-weight: 600;\n          line-height: 24px;\n          text-decoration: none;\n        }\n      }\n    }\n\n    li.outstanding strong,\n    li.awaiting_confirmation strong,\n    li.awaiting_route strong {\n      font-family: Roboto, sans-serif;\n      font-size: 14px;\n      font-weight: 600;\n      line-height: 24px;\n      font-style: normal;\n    }\n    li.routed strong {\n      margin-left: 5px;\n      color: #3a3630;\n      font-family: Lato;\n      font-size: 14px;\n      font-style: normal;\n      font-weight: 500;\n      line-height: 18px;\n    }\n\n    li.outstanding strong {\n      color: #e95252;\n    }\n    li.awaiting_confirmation strong {\n      color: #6396e5;\n    }\n    li.awaiting_route strong {\n      color: #36a053;\n    }\n    li.confirmed strong {\n      color: #36a053;\n    }\n    li.enroute strong {\n      color: #36a053;\n    }\n    li.cancelled strong {\n      color: #e95252;\n    }\n    li.complete strong {\n      color: #36a053;\n    }\n    li.on_hold strong {\n      color: #feba30;\n    }\n    li.routed strong {\n      color: #3a3630;\n    }\n    span {\n      margin-left: 5px;\n      color: #3a3630;\n      font-family: Lato;\n      font-size: 14px;\n      font-style: normal;\n      font-weight: 500;\n      line-height: 18px;\n    }\n  }\n"])));
 var StyledAlert = /*#__PURE__*/styled.div(_templateObject2$1F || (_templateObject2$1F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-bottom: 5px;\n"])));
 
 var _templateObject$2f, _templateObject2$1G, _templateObject3$Z;