oa-componentbook 1.0.1-stage.39 → 1.0.1-stage.391

package/build/widgets/oa-widget-spare-part/SparePartsWidget.js

@@ -25,8 +25,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-const FlexContainer = _styledComponents.default.section(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  .text-only-size{\n    justify-content: left;\n  }\n  small{\n    color: var(--color-secondary-content);\n    display: block;\n  }\n"])));
-const CostBreakdown = _styledComponents.default.aside(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  background: var(--color-secondary-background);\n  padding: 0 12px;\n  border-radius: 4px;\n  ul{\n    display: flex;\n    margin: 0;\n    border-bottom: 1px solid var(--color-divider);\n    padding: 12px 0;\n  }\n  ul:last-child{\n    border-bottom: none;\n  }\n  ul li{\n    width: 100%;\n    list-style: none;\n  }\n  ul li:first-child{\n    color: var(--color-primary-content);\n    font-style: normal;\n  }\n  ul li:last-child{\n    font-style: normal;\n    color: var(--color-secondary-content);\n  }\n"])));
+const FlexContainer = _styledComponents.default.section(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  .text-only-size{\n    justify-content: left;\n  }\n  small{\n    color: var(--color-secondary-content);\n    display: block;\n  }\n  .costClass span {\n    display: block;\n    text-align: end;  \n  }\n"])));
+const CostBreakdown = _styledComponents.default.aside(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  background: var(--color-secondary-background);\n  padding: 0 12px;\n  border-radius: 4px;\n  ul{\n    display: flex;\n    margin: 0;\n    border-bottom: 1px solid var(--color-divider);\n    padding: 12px 0;\n  }\n  ul:last-child{\n    border-bottom: none;\n  }\n  ul li{\n    width: 100%;\n    list-style: none;\n  }\n  ul li:first-child{\n    color: var(--color-primary-content);\n    font-style: normal;\n  }\n  ul li:last-child{\n    font-style: normal;\n    color: var(--color-secondary-content);\n  }\n  .font-bold{\n    font-weight: 700;\n  }\n  .subHeadingclass{\n    color:rgba(113, 113, 113, 1);\n    font-weight: 400;\n  }\n\n  .alignItemsClass{\n    display: flex;\n    flex-direction: column;\n    justify-content: start;\n    gap: 4px;\n  }\n    .breakDownLastChild{\n      text-align: right;\n      margin-right: 8px;\n    }\n   \n"])));
 // Mapping of how costs are covered
 const costCoveredBy = {
   costToCompany: 'Cost to Company',
@@ -34,27 +34,33 @@ const costCoveredBy = {
   costToInsurer: 'Cost to Insurer',
   costToOneassist: 'Cost to OneAssist',
   totalCoverAmount: 'Total Cover Amount',
-  remainingCoverAmount: 'Remaining Cover Amount'
+  remainingCoverAmount: 'Remaining Cover Amount',
+  totalAmount: 'Total Amount',
+  coveredAmount: 'Covered Amount',
+  amountToPay: 'Amount to Pay'
 };
 
 // Renders the cost with currency formatting
-const renderCost = cost => {
+const renderCost = (cost, config) => {
   if ( /*#__PURE__*/_react.default.isValidElement(cost)) {
     return /*#__PURE__*/_react.default.createElement(_Typography.default, {
-      typography: "type-b2-400"
+      typography: config !== null && config !== void 0 && config.isBold ? 'type-b2-700' : 'type-b2-400',
+      color: config !== null && config !== void 0 && config.fontColor ? config === null || config === void 0 ? void 0 : config.fontColor : ''
     }, cost);
   }
   if (!Number.isNaN(cost)) {
     var _Number;
     return /*#__PURE__*/_react.default.createElement(_Typography.default, {
-      typography: "type-b2-400"
+      color: config !== null && config !== void 0 && config.fontColor ? config === null || config === void 0 ? void 0 : config.fontColor : '',
+      typography: config !== null && config !== void 0 && config.isBold ? 'type-b2-700' : 'type-b2-400'
     }, (_Number = Number(cost)) === null || _Number === void 0 ? void 0 : _Number.toLocaleString('en-IN', {
       style: 'currency',
       currency: 'INR'
     }));
   }
   return /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    typography: "type-b2-400"
+    color: config !== null && config !== void 0 && config.fontColor ? config === null || config === void 0 ? void 0 : config.fontColor : '',
+    typography: config !== null && config !== void 0 && config.isBold ? 'type-b2-700' : 'type-b2-400'
   }, cost);
 };
 
@@ -107,7 +113,10 @@ function SparePartsWidget(_ref) {
     onViewPriceHistory,
     showGST,
     showDiscount,
-    showSparePartsInfo = true
+    showSparePartsInfo = true,
+    keySettings = {},
+    showNonCoverageMessage,
+    unCoveredScopeDescription
   } = _ref;
   const sparePartList = [...scopeDetails.unCoveredScope, ...scopeDetails.coveredScope];
   const showActionList = sparePartList.some(sparePart => {
@@ -123,7 +132,9 @@ function SparePartsWidget(_ref) {
       typography: "type-b2-400"
     }, scopeName), (record === null || record === void 0 ? void 0 : record.subText) && /*#__PURE__*/_react.default.createElement("small", {
       className: "type-b2-400"
-    }, "(", record === null || record === void 0 ? void 0 : record.subText, ")"), showPriceHistory && !['Transport Charge', 'Labour Charge'].includes(scopeName) && /*#__PURE__*/_react.default.createElement(_CustomButton.default, {
+    }, "(", record === null || record === void 0 ? void 0 : record.subText, ")"), (record === null || record === void 0 ? void 0 : record.extraNode) && /*#__PURE__*/_react.default.createElement("div", {
+      className: "extraNode"
+    }, record.extraNode), showPriceHistory && !['Transport Charge', 'Labour Charge'].includes(scopeName) && /*#__PURE__*/_react.default.createElement(_CustomButton.default, {
       onClick: () => {
         onViewPriceHistory(record);
       },
@@ -131,16 +142,29 @@ function SparePartsWidget(_ref) {
       label: "View Price History",
       type: "text-only"
     }))
-  }, {
+  }];
+  if (coverageShow) {
+    columns.push({
+      title: 'Coverage',
+      dataIndex: 'isCovered',
+      width: '20%',
+      key: 'isCovered',
+      render: (text, record) => renderCoverage(record.isCovered, record.className)
+    });
+  }
+  // Coverga show column need to be shown first
+  columns.push({
     title: 'Cost',
     width: '20%',
     dataIndex: 'cost',
+    className: 'costClass',
     key: 'cost',
     render: (cost, record) => /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
       className: "row",
       style: {
         gap: '4px',
-        cursor: 'pointer'
+        cursor: 'pointer',
+        justifyContent: 'flex-end'
       }
     }, ' ', /*#__PURE__*/_react.default.createElement("span", null, renderCost(record.cost - record.discount)), (record === null || record === void 0 ? void 0 : record.showCostInfo) && /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
       title: "Basic Price : ".concat(record.basicPrice, " , Discount : ").concat(record.discount)
@@ -149,16 +173,7 @@ function SparePartsWidget(_ref) {
     }, /*#__PURE__*/_react.default.createElement(_icons.InfoCircleFilled, null)))), (record === null || record === void 0 ? void 0 : record.subText2) && /*#__PURE__*/_react.default.createElement("small", {
       className: "type-b2-400"
     }, "(", record === null || record === void 0 ? void 0 : record.subText2, ")"))
-  }];
-  if (coverageShow) {
-    columns.push({
-      title: 'Coverage',
-      dataIndex: 'isCovered',
-      width: '20%',
-      key: 'isCovered',
-      render: (text, record) => renderCoverage(record.isCovered, record.className)
-    });
-  }
+  });
   if (showDiscount) {
     columns.push({
       title: 'Discount',
@@ -196,9 +211,9 @@ function SparePartsWidget(_ref) {
     var _scopeDetails$unCover;
     const unCoveredScope = (scopeDetails === null || scopeDetails === void 0 ? void 0 : scopeDetails.unCoveredScope) || [];
     const coveredScope = (scopeDetails === null || scopeDetails === void 0 ? void 0 : scopeDetails.coveredScope) || [];
-    return /*#__PURE__*/_react.default.createElement(FlexContainer, null, (scopeDetails === null || scopeDetails === void 0 || (_scopeDetails$unCover = scopeDetails.unCoveredScope) === null || _scopeDetails$unCover === void 0 ? void 0 : _scopeDetails$unCover.length) > 0 && coverageShow && /*#__PURE__*/_react.default.createElement(_CustomInfo.default, {
+    return /*#__PURE__*/_react.default.createElement(FlexContainer, null, showNonCoverageMessage && (scopeDetails === null || scopeDetails === void 0 || (_scopeDetails$unCover = scopeDetails.unCoveredScope) === null || _scopeDetails$unCover === void 0 ? void 0 : _scopeDetails$unCover.length) > 0 && coverageShow && /*#__PURE__*/_react.default.createElement(_CustomInfo.default, {
       color: "background-warning",
-      description: "Multiple components need to be repaired which are not covered in this plan",
+      description: unCoveredScopeDescription,
       iconConfig: {
         icon: /*#__PURE__*/_react.default.createElement(_MaterialIcon.default, {
           color: "warning",
@@ -213,13 +228,20 @@ function SparePartsWidget(_ref) {
       size: "middle"
     }), showCostBreakdown && /*#__PURE__*/_react.default.createElement(CostBreakdown, null, Object.keys(scopeDetails).map((key, index) => {
       if (costCoveredBy[key] && scopeDetails[key] != null && scopeDetails[key] !== undefined) {
+        const config = keySettings[key] || {};
+        const className = "type-b2-400 alignItemsClass ".concat(config !== null && config !== void 0 && config.isBold ? 'font-bold' : '');
         return /*#__PURE__*/_react.default.createElement("ul", {
           key: (0, _utils.getUUID)()
         }, /*#__PURE__*/_react.default.createElement("li", {
-          className: "type-b2-400"
-        }, costCoveredBy[key]), ' ', /*#__PURE__*/_react.default.createElement("li", {
-          className: "type-b2-400"
-        }, renderCost(scopeDetails[key])));
+          className: className
+        }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+          color: config !== null && config !== void 0 && config.fontColor ? config === null || config === void 0 ? void 0 : config.fontColor : ''
+        }, costCoveredBy[key]), ' ', (config === null || config === void 0 ? void 0 : config.subHeading) && /*#__PURE__*/_react.default.createElement(_Typography.default, {
+          className: "subHeadingclass",
+          typography: "type-b2-400"
+        }, config === null || config === void 0 ? void 0 : config.subHeading)), ' ', /*#__PURE__*/_react.default.createElement("li", {
+          className: "".concat(className, " breakDownLastChild")
+        }, renderCost(scopeDetails[key], config)));
       }
       return null; // To satisfy React key warning
     })));
@@ -245,7 +267,10 @@ SparePartsWidget.propTypes = {
   onViewPriceHistory: _propTypes.default.func,
   showSparePartsInfo: _propTypes.default.bool,
   showGST: _propTypes.default.bool,
-  showDiscount: _propTypes.default.bool
+  showDiscount: _propTypes.default.bool,
+  keySettings: _propTypes.default.shape({}),
+  showNonCoverageMessage: _propTypes.default.bool,
+  unCoveredScopeDescription: _propTypes.default.string
 };
 
 // Define default props for SpareParts component
@@ -261,6 +286,9 @@ SparePartsWidget.defaultProps = {
   onViewPriceHistory: data => console.log(data),
   showSparePartsInfo: true,
   showGST: false,
-  showDiscount: false
+  showDiscount: false,
+  keySettings: {},
+  showNonCoverageMessage: true,
+  unCoveredScopeDescription: 'Multiple components need to be repaired which are not covered in this plan'
 };
 var _default = exports.default = SparePartsWidget;

package/build/widgets/oa-widget-track-shipment/TrackShipmentWidget.js

@@ -9,12 +9,14 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _FileCopyOutlined = _interopRequireDefault(require("@material-ui/icons/FileCopyOutlined"));
+var _InfoOutlined = _interopRequireDefault(require("@material-ui/icons/InfoOutlined"));
 var _AddressWidget = _interopRequireDefault(require("../oa-widget-address/AddressWidget"));
 var _CustomTable = _interopRequireDefault(require("../../components/oa-component-table/CustomTable"));
 var _CustomTimeline = _interopRequireDefault(require("../../components/oa-component-timeline/CustomTimeline"));
 var _MaterialIcon = _interopRequireDefault(require("../../components/oa-component-icons/MaterialIcon"));
 var _styles = require("./styles");
 var _CustomNotification = _interopRequireDefault(require("../../components/oa-component-notification/CustomNotification"));
+var _CustomInfo = _interopRequireDefault(require("../../components/oa-component-info/CustomInfo"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -41,7 +43,9 @@ function TrackShipmentWidget(_ref) {
     tableData,
     title,
     toAddress,
-    heading
+    heading,
+    partnerName,
+    errorReason
   } = _ref;
   // local variables
   const deilveryStageText = 'SHIPMENT DELIVERED to Customer';
@@ -81,7 +85,7 @@ function TrackShipmentWidget(_ref) {
   const isOnDeliveryStage = Array.isArray(tableData) && tableData.length > 0 && ((_tableData = tableData[tableData.length - 1]) === null || _tableData === void 0 ? void 0 : _tableData.oneassistDisplayStatus) === deilveryStageText && ((_tableData2 = tableData[tableData.length - 1]) === null || _tableData2 === void 0 ? void 0 : _tableData2.toDate) === null;
 
   // remove duplicate consicutive objects only show single unique objects
-  const stepsData = tableData.map(item => ({
+  const stepsData = tableData === null || tableData === void 0 ? void 0 : tableData.map(item => ({
     title: item.oneassistDisplayStatus,
     status: getCircleClass(item, true)
   })).filter((item, index) => {
@@ -96,7 +100,7 @@ function TrackShipmentWidget(_ref) {
     className: "type-t1-500"
   }, title) : null, /*#__PURE__*/_react.default.createElement("h3", {
     className: "type-t1-500"
-  }, heading), /*#__PURE__*/_react.default.createElement("p", {
+  }, heading), awbNumber && /*#__PURE__*/_react.default.createElement("p", {
     className: "type-b2-400 disFlex"
   }, "AWB Number:", awbNumber, awbNumber && /*#__PURE__*/_react.default.createElement(_MaterialIcon.default, {
     icon: _FileCopyOutlined.default,
@@ -106,16 +110,30 @@ function TrackShipmentWidget(_ref) {
       cursor: 'pointer',
       color: '014FC5'
     }
-  })), /*#__PURE__*/_react.default.createElement(_styles.AddressesContainer, null, /*#__PURE__*/_react.default.createElement(_AddressWidget.default, {
+  })), partnerName && /*#__PURE__*/_react.default.createElement("p", {
+    className: "type-b2-400 disFlex"
+  }, "Partner:", partnerName), fromAddress && toAddress && /*#__PURE__*/_react.default.createElement(_styles.AddressesContainer, null, /*#__PURE__*/_react.default.createElement(_AddressWidget.default, {
     address: fromAddress
   }), /*#__PURE__*/_react.default.createElement(_AddressWidget.default, {
     address: toAddress
-  })), /*#__PURE__*/_react.default.createElement("div", {
+  })), (stepsData === null || stepsData === void 0 ? void 0 : stepsData.length) > 0 && /*#__PURE__*/_react.default.createElement("div", {
     className: "cstScroll"
   }, /*#__PURE__*/_react.default.createElement(_CustomTimeline.default, {
     currentStep: isOnDeliveryStage ? stepsData.length : stepsData.length - 1,
     stepsData: stepsData
-  })), /*#__PURE__*/_react.default.createElement(_CustomTable.default, {
+  })), errorReason && /*#__PURE__*/_react.default.createElement("div", {
+    className: "margin-top-16 margin-bottom-16"
+  }, /*#__PURE__*/_react.default.createElement(_CustomInfo.default, {
+    iconConfig: {
+      icon: /*#__PURE__*/_react.default.createElement(_MaterialIcon.default, {
+        color: "warning",
+        size: 24,
+        icon: _InfoOutlined.default
+      }),
+      position: 'left'
+    },
+    description: errorReason
+  })), (tableData === null || tableData === void 0 ? void 0 : tableData.length) > 0 && /*#__PURE__*/_react.default.createElement(_CustomTable.default, {
     bordered: true,
     rowKey: "key",
     columns: [{
@@ -158,6 +176,8 @@ function TrackShipmentWidget(_ref) {
 }
 TrackShipmentWidget.propTypes = {
   awbNumber: _propTypes.default.string.isRequired,
+  errorReason: _propTypes.default.string,
+  partnerName: _propTypes.default.string,
   fromAddress: _propTypes.default.shape({
     heading: _propTypes.default.string,
     addressLine1: _propTypes.default.string,
@@ -198,6 +218,8 @@ TrackShipmentWidget.propTypes = {
   })
 };
 TrackShipmentWidget.defaultProps = {
+  errorReason: '',
+  partnerName: '',
   fromAddress: {
     heading: ''
   },

package/build/widgets/oa-widget-track-shipment-list/TrackShipmentWidgetList.js

@@ -0,0 +1,103 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _fn = require("./fn");
+var _TrackShipmentWidget = _interopRequireDefault(require("../oa-widget-track-shipment/TrackShipmentWidget"));
+var _Accordion = _interopRequireDefault(require("../../components/oa-component-accordion/Accordion"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function TrackShipmentWidgetList(_ref) {
+  var _assignments$map;
+  let {
+    shipmentData,
+    onChange
+  } = _ref;
+  const assignments = (shipmentData === null || shipmentData === void 0 ? void 0 : shipmentData.assignments) || [];
+  if (assignments.length === 0) {
+    return /*#__PURE__*/_react.default.createElement(_TrackShipmentWidget.default, (0, _fn.getSingleShipmentHistory)(shipmentData));
+  }
+  if (assignments.length === 1) {
+    return /*#__PURE__*/_react.default.createElement(_TrackShipmentWidget.default, (0, _fn.getSingleShipmentHistory)(assignments[0]));
+  }
+  const lastReassignmentId = assignments && assignments.length > 0 ? assignments[assignments.length - 1].assignmentId || 0 : 0;
+  return assignments === null || assignments === void 0 || (_assignments$map = assignments.map) === null || _assignments$map === void 0 ? void 0 : _assignments$map.call(assignments, (item, index) => {
+    const {
+      assignmentId,
+      assignmentDate,
+      assignmentClosedTime,
+      status
+    } = item !== null && item !== void 0 ? item : {};
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "margin-bottom-16",
+      key: assignmentId
+    }, /*#__PURE__*/_react.default.createElement(_Accordion.default, {
+      defaultActiveKey: lastReassignmentId,
+      activeKey: assignmentId,
+      body: /*#__PURE__*/_react.default.createElement(_TrackShipmentWidget.default, (0, _fn.getSingleShipmentHistory)(item)),
+      headerText: (0, _fn.headerText)(index, assignmentDate, assignmentClosedTime, status)
+    }));
+  });
+}
+const HistoryPropType = _propTypes.default.shape({
+  shipmentStatus: _propTypes.default.string.isRequired,
+  fromDate: _propTypes.default.string.isRequired,
+  toDate: _propTypes.default.string.isRequired,
+  partnerStatus: _propTypes.default.string,
+  customerDisplayStatus: _propTypes.default.string.isRequired,
+  oneassistDisplayStatus: _propTypes.default.string.isRequired,
+  stageConsistent: _propTypes.default.bool.isRequired
+});
+const AssignmentPropType = _propTypes.default.shape({
+  assignmentDate: _propTypes.default.number.isRequired,
+  assignmentClosedTime: _propTypes.default.number.isRequired,
+  logisticPartnerName: _propTypes.default.string.isRequired,
+  assignmentId: _propTypes.default.number.isRequired,
+  logisticPartnerRefNum: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+  originAddressLine1: _propTypes.default.string.isRequired,
+  originDistrict: _propTypes.default.string.isRequired,
+  originPincode: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]).isRequired,
+  destAddressLine1: _propTypes.default.string.isRequired,
+  destDistrict: _propTypes.default.string,
+  destPincode: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]).isRequired,
+  history: _propTypes.default.arrayOf(HistoryPropType).isRequired,
+  origAddressFullName: _propTypes.default.string.isRequired,
+  destAddressFullName: _propTypes.default.string.isRequired,
+  assignments: _propTypes.default.arrayOf(_propTypes.default.shape({
+    logisticPartnerRefNum: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+    originAddressLine1: _propTypes.default.string.isRequired,
+    originDistrict: _propTypes.default.string.isRequired,
+    originPincode: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]).isRequired,
+    destAddressLine1: _propTypes.default.string.isRequired,
+    destDistrict: _propTypes.default.string,
+    destPincode: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]).isRequired,
+    history: _propTypes.default.arrayOf(HistoryPropType).isRequired,
+    origAddressFullName: _propTypes.default.string.isRequired,
+    destAddressFullName: _propTypes.default.string.isRequired,
+    assignments: _propTypes.default.array // Placeholder to break recursion
+  }))
+});
+TrackShipmentWidgetList.propTypes = {
+  shipmentData: _propTypes.default.shape({
+    logisticPartnerRefNum: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+    originAddressLine1: _propTypes.default.string.isRequired,
+    originDistrict: _propTypes.default.string.isRequired,
+    originPincode: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]).isRequired,
+    destAddressLine1: _propTypes.default.string.isRequired,
+    destDistrict: _propTypes.default.string,
+    destPincode: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]).isRequired,
+    history: _propTypes.default.arrayOf(HistoryPropType).isRequired,
+    origAddressFullName: _propTypes.default.string.isRequired,
+    destAddressFullName: _propTypes.default.string.isRequired,
+    assignments: _propTypes.default.arrayOf(AssignmentPropType)
+  }),
+  onChange: _propTypes.default.func
+};
+TrackShipmentWidgetList.defaultProps = {
+  shipmentData: {},
+  onChange: () => {}
+};
+var _default = exports.default = TrackShipmentWidgetList;

package/build/widgets/oa-widget-track-shipment-list/fn.js

@@ -0,0 +1,81 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isActive = exports.headerText = exports.getSingleShipmentHistory = exports.getDateString = exports.getCurrentShipmentLabel = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function numberToOrdinal(number) {
+  const suffixes = ['th', 'st', 'nd', 'rd'];
+  const value = number % 100;
+  const suffix = value >= 11 && value <= 13 ? suffixes[0] // 11th, 12th, 13th
+  : suffixes[number % 10] || suffixes[0]; // 1st, 2nd, 3rd, others
+  return "".concat(number).concat(suffix); // Use template literal correctly
+}
+const getDateFromEpoch = date => {
+  if (!date) {
+    return '';
+  }
+  const dateObj = new Date(date);
+  const day = dateObj.getDate();
+  const month = dateObj.getMonth();
+  const year = dateObj.getFullYear();
+  const months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
+  return "".concat(day, " ").concat(months[month], " ").concat(year);
+};
+const getDateString = (startTime, endTime) => {
+  const startDate = getDateFromEpoch(startTime);
+  const endDate = getDateFromEpoch(endTime);
+  if (startDate === '' && endDate === '') {
+    return '';
+  }
+  if (endDate === '') {
+    return startDate;
+  }
+  return "".concat(startDate, " - ").concat(endDate);
+};
+exports.getDateString = getDateString;
+const getCurrentShipmentLabel = number => {
+  const ordinalNumber = numberToOrdinal(number);
+  return "".concat(ordinalNumber, " Shipment");
+};
+exports.getCurrentShipmentLabel = getCurrentShipmentLabel;
+const showNewLineChar = addressDetail => {
+  var _splitedAddress$map;
+  const splitedAddress = addressDetail === null || addressDetail === void 0 ? void 0 : addressDetail.split('\n');
+  if ((splitedAddress === null || splitedAddress === void 0 ? void 0 : splitedAddress.length) === 1) return addressDetail;
+  return (_splitedAddress$map = splitedAddress.map((title, index) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, title, index === 0 && /*#__PURE__*/_react.default.createElement("br", null)))) !== null && _splitedAddress$map !== void 0 ? _splitedAddress$map : '';
+};
+const isActive = time => time === null;
+exports.isActive = isActive;
+const headerText = (index, reassignmentTime, modifiedTime, status) => "".concat(getCurrentShipmentLabel(index + 1), " | ").concat(getDateString(reassignmentTime, modifiedTime)).concat(isActive(modifiedTime) ? ' - Present' : '');
+exports.headerText = headerText;
+const getSingleShipmentHistory = item => {
+  var _item$history;
+  return {
+    partnerName: item === null || item === void 0 ? void 0 : item.logisticPartnerName,
+    errorReason: item === null || item === void 0 ? void 0 : item.failureReason,
+    awbNumber: item === null || item === void 0 ? void 0 : item.logisticPartnerRefNum,
+    fromAddress: {
+      heading: 'From Address:',
+      addressLine1: item === null || item === void 0 ? void 0 : item.origAddressFullName,
+      addressLine2: showNewLineChar(item === null || item === void 0 ? void 0 : item.originAddressLine1),
+      pincode: item === null || item === void 0 ? void 0 : item.originPincode,
+      city: item === null || item === void 0 ? void 0 : item.originDistrict,
+      landmark: item === null || item === void 0 ? void 0 : item.originLandmark,
+      state: item === null || item === void 0 ? void 0 : item.originState
+    },
+    toAddress: {
+      heading: 'To Address:',
+      addressLine1: item === null || item === void 0 ? void 0 : item.destAddressFullName,
+      addressLine2: showNewLineChar(item === null || item === void 0 ? void 0 : item.destAddressLine1),
+      pincode: item === null || item === void 0 ? void 0 : item.destPincode,
+      city: item === null || item === void 0 ? void 0 : item.destDistrict,
+      landmark: item === null || item === void 0 ? void 0 : item.destLandmark,
+      state: item === null || item === void 0 ? void 0 : item.destState
+    },
+    tableData: (_item$history = item === null || item === void 0 ? void 0 : item.history) !== null && _item$history !== void 0 ? _item$history : []
+  };
+};
+exports.getSingleShipmentHistory = getSingleShipmentHistory;