ordering-ui-admin-external 1.27.0 → 1.27.1

package/_modules/components/Orders/OrderDetailsHeader/index.js

@@ -157,7 +157,7 @@ var OrderDetailsHeader = function OrderDetailsHeader(props) {
     onClick: function onClick() {
       return closeSideBar();
     }
-  }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.XLg, null)))), /*#__PURE__*/_react.default.createElement("p", null, (order === null || order === void 0 ? void 0 : (_order$payment_events = order.payment_events) === null || _order$payment_events === void 0 ? void 0 : _order$payment_events.length) > 0 ? order === null || order === void 0 ? void 0 : (_order$payment_events2 = order.payment_events) === null || _order$payment_events2 === void 0 ? void 0 : _order$payment_events2.filter(function (item) {
+  }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.XLg, null)))), (order === null || order === void 0 ? void 0 : order.external_id) && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("h2", null, t('EXTERNAL_ID', 'External ID :'), " ", order === null || order === void 0 ? void 0 : order.external_id)), /*#__PURE__*/_react.default.createElement("p", null, (order === null || order === void 0 ? void 0 : (_order$payment_events = order.payment_events) === null || _order$payment_events === void 0 ? void 0 : _order$payment_events.length) > 0 ? order === null || order === void 0 ? void 0 : (_order$payment_events2 = order.payment_events) === null || _order$payment_events2 === void 0 ? void 0 : _order$payment_events2.filter(function (item) {
     return item.event === 'payment';
   }).map(function (event, i) {
     var _walletName$event$wal, _event$wallet_event, _event$wallet_event$w, _event$paymethod, _event$paymethod$gate, _event$paymethod2, _event$data, _event$paymethod3, _event$data2, _event$data2$result, _event$data3, _event$data3$extra, _event$data4, _event$data4$result, _event$data5, _event$data5$extra;

package/_modules/components/Orders/OrderDetailsHeader/styles.js

@@ -10,7 +10,7 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var OrderDetailsHeaderContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  > div {\n    display: flex;\n    justify-content: space-between;\n    flex-direction: column-reverse;\n    h1 {\n      width: 100%;\n      font-size: 20px;\n      margin: 0px;\n      font-weight: 700;\n    }\n    > div {\n      display: flex;\n      width: 100%;\n      justify-content: flex-end;\n      margin-bottom: 20px;\n    }\n  }\n\n  p {\n    font-size: 14px;\n    margin: 0px;\n    padding: 5px 0;\n  }\n\n  @media (min-width: 768px) {\n    > div {\n      flex-direction: row;\n      align-items: center;\n    }\n    > div {\n      > div {\n        margin-bottom: 0px;\n      }\n    }\n  }\n"])));
+var OrderDetailsHeaderContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  > div {\n    display: flex;\n    justify-content: space-between;\n    flex-direction: column-reverse;\n    h1 {\n      width: 100%;\n      font-size: 20px;\n      margin: 0px;\n      font-weight: 700;\n    }\n    h2 {\n      width: 100%;\n      font-size: 18px;\n      margin: 0px;\n      font-weight: 700;\n    }\n    > div {\n      display: flex;\n      width: 100%;\n      justify-content: flex-end;\n      margin-bottom: 20px;\n    }\n  }\n\n  p {\n    font-size: 14px;\n    margin: 0px;\n    padding: 5px 0;\n  }\n\n  @media (min-width: 768px) {\n    > div {\n      flex-direction: row;\n      align-items: center;\n    }\n    > div {\n      > div {\n        margin-bottom: 0px;\n      }\n    }\n  }\n"])));
 exports.OrderDetailsHeaderContainer = OrderDetailsHeaderContainer;
 var ButtonGroup = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  > button {\n    position: relative;\n    ", "\n    &:last-child {\n      ", "\n    }\n  }\n"])), function (props) {
   var _props$theme;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ordering-ui-admin-external",
-  "version": "1.27.0",
+  "version": "1.27.1",
   "description": "Ordering UI Admin Components",
   "main": "./_modules/index.js",
   "exports": {

package/src/components/Orders/OrderDetailsHeader/index.js

@@ -182,6 +182,13 @@ export const OrderDetailsHeader = (props) => {
           </ButtonLink>
         </ButtonGroup>
       </div>
+      {order?.external_id && (
+        <div>
+          <h2>
+            {t('EXTERNAL_ID', 'External ID :')} {order?.external_id}
+          </h2>
+        </div>
+      )}
       <p>
         {order?.payment_events?.length > 0 ? (
           order?.payment_events?.filter(item => item.event === 'payment').map((event, i) => (

package/src/components/Orders/OrderDetailsHeader/styles.js

@@ -11,6 +11,12 @@ export const OrderDetailsHeaderContainer = styled.div`
       margin: 0px;
       font-weight: 700;
     }
+    h2 {
+      width: 100%;
+      font-size: 18px;
+      margin: 0px;
+      font-weight: 700;
+    }
     > div {
       display: flex;
       width: 100%;