@bjsdistribution/dms-client-return 0.1.50-prod → 0.1.51-prod
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/dms-client-return.cjs.development.js +22 -23
- package/dist/dms-client-return.cjs.development.js.map +1 -1
- package/dist/dms-client-return.cjs.production.min.js +1 -1
- package/dist/dms-client-return.cjs.production.min.js.map +1 -1
- package/dist/dms-client-return.esm.js +22 -23
- package/dist/dms-client-return.esm.js.map +1 -1
- package/package.json +2 -2
- package/src/components/order-view/order-actions/actions/cancel-order/index.tsx +14 -20
|
@@ -9311,9 +9311,9 @@ var StyledDropdown = /*#__PURE__*/styled__default(OrderActionsDropdown)(_templat
|
|
|
9311
9311
|
var StyledTable$4 = /*#__PURE__*/styled__default.table(_templateObject4$k || (_templateObject4$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n font-size: 14px;\n color: #333;\n border-spacing: 0 10px;\n\n th,\n td {\n padding: 12px 16px;\n background: #fff;\n }\n\n th {\n background: #f0f2f2;\n\n &:first-child {\n border-top-left-radius: 40px;\n border-bottom-left-radius: 40px;\n }\n\n &:last-child {\n border-top-right-radius: 40px;\n border-bottom-right-radius: 40px;\n }\n }\n\n // This affects ONLY top-level rows\n > tbody > tr {\n background: #fff;\n border-radius: 40px;\n box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.1);\n }\n\n // Round the outer row's corners only on first/last td\n > tbody > tr > td:first-child {\n border-top-left-radius: 40px;\n border-bottom-left-radius: 40px;\n }\n\n > tbody > tr > td:last-child {\n border-top-right-radius: 40px;\n border-bottom-right-radius: 40px;\n }\n\n .scrollClass {\n overflow-x: auto;\n }\n\n .emptyTd {\n text-align: center;\n padding: 40px 0;\n color: #999;\n background: transparent;\n box-shadow: none;\n }\n\n td table {\n border-spacing: 0;\n width: 100%;\n }\n\n td table td {\n background: transparent;\n padding: 8px 12px;\n }\n"])));
|
|
9312
9312
|
var ReturnRowWrapper = /*#__PURE__*/styled__default.div(_templateObject5$d || (_templateObject5$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 12px;\n padding: 0 12px;\n width: 100%;\n"])));
|
|
9313
9313
|
|
|
9314
|
-
var _templateObject$1s, _templateObject2$16, _templateObject3$C, _templateObject4$l, _templateObject5$e, _templateObject6$5, _templateObject7$7, _templateObject8$5, _templateObject9$4
|
|
9314
|
+
var _templateObject$1s, _templateObject2$16, _templateObject3$C, _templateObject4$l, _templateObject5$e, _templateObject6$5, _templateObject7$7, _templateObject8$5, _templateObject9$4;
|
|
9315
9315
|
function CancelOrder(props) {
|
|
9316
|
-
var _orderStaticData$
|
|
9316
|
+
var _orderStaticData$retu;
|
|
9317
9317
|
var _useOrderId = useOrderId(),
|
|
9318
9318
|
orderId = _useOrderId[0];
|
|
9319
9319
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -9334,7 +9334,7 @@ function CancelOrder(props) {
|
|
|
9334
9334
|
var _useState2 = React.useState(''),
|
|
9335
9335
|
cancelNotes = _useState2[0],
|
|
9336
9336
|
setCancelNotes = _useState2[1];
|
|
9337
|
-
var cancelReasonOptions = orderStaticData == null || (_orderStaticData$
|
|
9337
|
+
var cancelReasonOptions = orderStaticData == null || (_orderStaticData$retu = orderStaticData.return_cancellation_reasons) == null ? void 0 : _orderStaticData$retu.map(function (item) {
|
|
9338
9338
|
return {
|
|
9339
9339
|
label: item == null ? void 0 : item.reason,
|
|
9340
9340
|
value: item == null ? void 0 : item.reason
|
|
@@ -9481,7 +9481,7 @@ function CancelOrder(props) {
|
|
|
9481
9481
|
return _ref.apply(this, arguments);
|
|
9482
9482
|
};
|
|
9483
9483
|
}();
|
|
9484
|
-
var showSubmitBtn = cancelReason !== undefined
|
|
9484
|
+
var showSubmitBtn = cancelReason !== undefined;
|
|
9485
9485
|
return React__default.createElement(OrderActionModal, {
|
|
9486
9486
|
headerTitle: "Cancel Order",
|
|
9487
9487
|
showAdditionalInfo: true,
|
|
@@ -9502,23 +9502,22 @@ function CancelOrder(props) {
|
|
|
9502
9502
|
display: 'flex',
|
|
9503
9503
|
flexDirection: 'row'
|
|
9504
9504
|
}
|
|
9505
|
-
}, React__default.createElement(Label$4, null, "Cancellation Note")
|
|
9505
|
+
}, React__default.createElement(Label$4, null, "Cancellation Note")), React__default.createElement(TArea, {
|
|
9506
9506
|
rows: 5,
|
|
9507
9507
|
onChange: onChangeNotes,
|
|
9508
9508
|
value: cancelNotes,
|
|
9509
9509
|
placeholder: "Reason for Cancel Order"
|
|
9510
9510
|
})))), React__default.createElement(Bottom$2, null, React__default.createElement(CancelOrderTable, null))));
|
|
9511
9511
|
}
|
|
9512
|
-
var
|
|
9513
|
-
var
|
|
9514
|
-
var
|
|
9515
|
-
var
|
|
9516
|
-
var
|
|
9517
|
-
var
|
|
9518
|
-
var
|
|
9519
|
-
var
|
|
9520
|
-
var
|
|
9521
|
-
var ContentContainer$2 = /*#__PURE__*/styled__default.div(_templateObject10$2 || (_templateObject10$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 15px;\n align-items: flex-start;\n flex-direction: column;\n width: 100%;\n"])));
|
|
9512
|
+
var TArea = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject$1s || (_templateObject$1s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n resize: none;\n"])));
|
|
9513
|
+
var Label$4 = /*#__PURE__*/styled__default.label(_templateObject2$16 || (_templateObject2$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #6a7378;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
9514
|
+
var Container$T = /*#__PURE__*/styled__default.div(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
9515
|
+
var Wrapper$e = /*#__PURE__*/styled__default.div(_templateObject4$l || (_templateObject4$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n width: 100%;\n > div {\n width: 50%;\n }\n"])));
|
|
9516
|
+
var TopLeft = /*#__PURE__*/styled__default.div(_templateObject5$e || (_templateObject5$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 15px;\n width: 50%;\n"])));
|
|
9517
|
+
var TopRight = /*#__PURE__*/styled__default.div(_templateObject6$5 || (_templateObject6$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 50%;\n"])));
|
|
9518
|
+
var Top$2 = /*#__PURE__*/styled__default.div(_templateObject7$7 || (_templateObject7$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n border-radius: 16px;\n border: 1px solid #edebe8;\n background: #f8fafc;\n display: flex;\n padding: 15px;\n align-items: flex-start;\n gap: 30px;\n align-self: stretch;\n"])));
|
|
9519
|
+
var Bottom$2 = /*#__PURE__*/styled__default.div(_templateObject8$5 || (_templateObject8$5 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9520
|
+
var ContentContainer$2 = /*#__PURE__*/styled__default.div(_templateObject9$4 || (_templateObject9$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 15px;\n align-items: flex-start;\n flex-direction: column;\n width: 100%;\n"])));
|
|
9522
9521
|
|
|
9523
9522
|
var _templateObject$1t, _templateObject2$17, _templateObject3$D;
|
|
9524
9523
|
function EmailAddress() {
|
|
@@ -10494,7 +10493,7 @@ function ConfirmOrder(props) {
|
|
|
10494
10493
|
var Wrapper$g = /*#__PURE__*/styled__default.div(_templateObject$1H || (_templateObject$1H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n"])));
|
|
10495
10494
|
var ContentContainer$3 = /*#__PURE__*/styled__default.div(_templateObject2$1j || (_templateObject2$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* display: flex; */\n padding: 15px 12px;\n flex: 1 0 0;\n border-radius: 15px;\n background: white;\n display: flex;\n flex-direction: column;\n gap: 15px;\n overflow: auto;\n min-height: 500px;\n overflow-x: hidden;\n max-height: 500px;\n scrollbar-width: thin;\n width: 100%;\n"])));
|
|
10496
10495
|
|
|
10497
|
-
var _templateObject2$1k, _templateObject3$J, _templateObject5$f, _templateObject6$6, _templateObject7$8, _templateObject8$6, _templateObject9$5, _templateObject10$
|
|
10496
|
+
var _templateObject2$1k, _templateObject3$J, _templateObject5$f, _templateObject6$6, _templateObject7$8, _templateObject8$6, _templateObject9$5, _templateObject10$2, _templateObject11$2, _templateObject18$1, _templateObject19$1;
|
|
10498
10497
|
var StyledInput$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.Input)(_templateObject2$1k || (_templateObject2$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 66px;\n min-width: 700px;\n"])));
|
|
10499
10498
|
var StyledTextArea$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject3$J || (_templateObject3$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 12px;\n align-items: flex-start;\n gap: 4px;\n flex: 1 0 0;\n align-self: stretch;\n border-radius: 10px;\n border: 1px solid #e0e2e7;\n background: #fff;\n resize: none;\n min-height: 200px;\n"])));
|
|
10500
10499
|
var SplitLayout = /*#__PURE__*/styled__default.div(_templateObject5$f || (_templateObject5$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n gap: 10px;\n"])));
|
|
@@ -10502,7 +10501,7 @@ var SplitText = /*#__PURE__*/styled__default.div(_templateObject6$6 || (_templat
|
|
|
10502
10501
|
var Row$4 = /*#__PURE__*/styled__default.div(_templateObject7$8 || (_templateObject7$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1 0 0;\n display: grid;\n gap: 5px;\n justify-content: center;\n"])));
|
|
10503
10502
|
var HoldRow = /*#__PURE__*/styled__default.div(_templateObject8$6 || (_templateObject8$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1 0 0;\n display: grid;\n gap: 5px;\n justify-content: center;\n /* margin-bottom: 25px; */\n"])));
|
|
10504
10503
|
var Label$d = /*#__PURE__*/styled__default.label(_templateObject9$5 || (_templateObject9$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #758588;\n font-family: 'Lato', sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n"])));
|
|
10505
|
-
var ContentContainer$4 = /*#__PURE__*/styled__default.div(_templateObject10$
|
|
10504
|
+
var ContentContainer$4 = /*#__PURE__*/styled__default.div(_templateObject10$2 || (_templateObject10$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 12px 12px;\n margin: 5px 14px;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 15px;\n flex: 1 0 0;\n border-radius: 15px;\n background: #f8fafc;\n"])));
|
|
10506
10505
|
var HoldContentContainer = /*#__PURE__*/styled__default.div(_templateObject11$2 || (_templateObject11$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 20px 20px;\n margin: 5px 14px;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 15px;\n flex: 1 0 0;\n border-radius: 15px;\n"])));
|
|
10507
10506
|
var HoldDatePickerWrap = /*#__PURE__*/styled__default.div(_templateObject18$1 || (_templateObject18$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n border-radius: 66px;\n border: 1px solid #e0e2e7;\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n\n input[type='text'] {\n border-radius: 20px;\n background: #fff;\n border: none;\n color: #6a7378;\n font-size: 14px;\n font-weight: 400;\n line-height: 18px;\n padding: 10px 0;\n padding-left: 33px;\n min-width: 21.5vw;\n &:focus-visible {\n outline: none;\n }\n }\n svg {\n position: absolute;\n right: 10px;\n top: 50%;\n transform: translateY(-50%);\n }\n .react-datepicker-wrapper {\n background-color: white;\n border-radius: 66px;\n }\n .ant-picker-outlined {\n border-style: none;\n border-radius: 66px;\n outline: none;\n width: 346px;\n }\n"])));
|
|
10508
10507
|
var DatePickerWrap = /*#__PURE__*/styled__default.div(_templateObject19$1 || (_templateObject19$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n\n border-radius: 66px;\n border: 1px solid #e0e2e7;\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n\n input[type='text'] {\n border-radius: 20px;\n background: #fff;\n border: none;\n color: #6a7378;\n font-size: 14px;\n font-weight: 400;\n line-height: 18px;\n padding: 10px 0;\n padding-left: 33px;\n min-width: 18vw;\n &:focus-visible {\n outline: none;\n }\n }\n svg {\n position: absolute;\n right: 10px;\n top: 50%;\n transform: translateY(-50%);\n }\n .react-datepicker-wrapper {\n background-color: white;\n border-radius: 66px;\n }\n .ant-picker-outlined {\n border-style: none;\n border-radius: 66px;\n outline: none;\n width: 100%;\n }\n"])));
|
|
@@ -12828,12 +12827,12 @@ function UncancelOrder(props) {
|
|
|
12828
12827
|
display: 'flex',
|
|
12829
12828
|
flexDirection: 'row'
|
|
12830
12829
|
}
|
|
12831
|
-
}, React__default.createElement(Label$d, null, "Un-cancel Note"), ' ', React__default.createElement(RequiredAsterisk$
|
|
12830
|
+
}, React__default.createElement(Label$d, null, "Un-cancel Note"), ' ', React__default.createElement(RequiredAsterisk$2, null, "*")), React__default.createElement(CustomTextArea$3, {
|
|
12832
12831
|
rows: 5,
|
|
12833
12832
|
onChange: onChange
|
|
12834
12833
|
}))), React__default.createElement(UnCancelOrderTable, null)));
|
|
12835
12834
|
}
|
|
12836
|
-
var RequiredAsterisk$
|
|
12835
|
+
var RequiredAsterisk$2 = /*#__PURE__*/styled__default.span(_templateObject$1X || (_templateObject$1X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n margin-left: 2px;\n font-size: x-small;\n"])));
|
|
12837
12836
|
var Container$16 = /*#__PURE__*/styled__default.div(_templateObject2$1x || (_templateObject2$1x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n padding: 15px;\n gap: 30px;\n border-radius: 16px;\n border: 1px solid#edebe8;\n background: #f8fafc;\n\n .uncancelReasonDropdown {\n flex: 1;\n }\n"])));
|
|
12838
12837
|
var MainContainer$8 = /*#__PURE__*/styled__default.div(_templateObject3$T || (_templateObject3$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n padding: 20px;\n gap: 10px;\n"])));
|
|
12839
12838
|
var CustomTextArea$3 = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 346px;\n"])));
|
|
@@ -14489,7 +14488,7 @@ function OrderHoldReasonDropdown() {
|
|
|
14489
14488
|
}
|
|
14490
14489
|
var Container$1b = /*#__PURE__*/styled__default.div(_templateObject$2a || (_templateObject$2a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
14491
14490
|
|
|
14492
|
-
var _templateObject$2b, _templateObject2$1E, _templateObject3$_, _templateObject4$z, _templateObject5$p, _templateObject6$c, _templateObject7$d, _templateObject8$9, _templateObject9$8, _templateObject10$
|
|
14491
|
+
var _templateObject$2b, _templateObject2$1E, _templateObject3$_, _templateObject4$z, _templateObject5$p, _templateObject6$c, _templateObject7$d, _templateObject8$9, _templateObject9$8, _templateObject10$3;
|
|
14493
14492
|
function FailureContent() {
|
|
14494
14493
|
var _chargesState$adhoc_c, _chargesState$adhoc_c2;
|
|
14495
14494
|
var _useNewStatus = useNewStatus(),
|
|
@@ -14569,9 +14568,9 @@ var FieldGroup = /*#__PURE__*/styled__default.div(_templateObject6$c || (_templa
|
|
|
14569
14568
|
var TextInput = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject7$d || (_templateObject7$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n resize: none;\n width: 100%;\n min-height: 180px;\n"])));
|
|
14570
14569
|
var DropdownGrid = /*#__PURE__*/styled__default.div(_templateObject8$9 || (_templateObject8$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 20px;\n"])));
|
|
14571
14570
|
var ContDropdownGrid = /*#__PURE__*/styled__default.div(_templateObject9$8 || (_templateObject9$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 20px;\n"])));
|
|
14572
|
-
var DropdownGroup = /*#__PURE__*/styled__default.div(_templateObject10$
|
|
14571
|
+
var DropdownGroup = /*#__PURE__*/styled__default.div(_templateObject10$3 || (_templateObject10$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1 1 calc(50% - 10px);\n\n @media (max-width: 768px) {\n flex: 1 1 100%;\n }\n"])));
|
|
14573
14572
|
|
|
14574
|
-
var _templateObject$2c, _templateObject2$1F, _templateObject3$$, _templateObject4$A, _templateObject5$q, _templateObject6$d, _templateObject7$e, _templateObject8$a, _templateObject9$9, _templateObject10$
|
|
14573
|
+
var _templateObject$2c, _templateObject2$1F, _templateObject3$$, _templateObject4$A, _templateObject5$q, _templateObject6$d, _templateObject7$e, _templateObject8$a, _templateObject9$9, _templateObject10$4, _templateObject11$3;
|
|
14575
14574
|
var formatDate$2 = function formatDate(date) {
|
|
14576
14575
|
var padZero = function padZero(num) {
|
|
14577
14576
|
return num.toString().padStart(2, '0');
|
|
@@ -14672,7 +14671,7 @@ var FieldGroup$1 = /*#__PURE__*/styled__default.div(_templateObject7$e || (_temp
|
|
|
14672
14671
|
});
|
|
14673
14672
|
var TextInput$1 = /*#__PURE__*/styled__default(dmsComponentLibrary.TextArea)(_templateObject8$a || (_templateObject8$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n resize: none;\n width: 100%;\n min-height: 180px;\n"])));
|
|
14674
14673
|
var StyledInput$2 = /*#__PURE__*/styled__default(Input$1)(_templateObject9$9 || (_templateObject9$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n height: 38px;\n"])));
|
|
14675
|
-
var DateInput = /*#__PURE__*/styled__default.div(_templateObject10$
|
|
14674
|
+
var DateInput = /*#__PURE__*/styled__default.div(_templateObject10$4 || (_templateObject10$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0 12px;\n border-radius: 6px;\n border: 1px solid #e0e2e7;\n background-color: #fff;\n color: #363a30;\n height: 38px;\n font-size: 14px;\n box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);\n"])));
|
|
14676
14675
|
var Text$a = /*#__PURE__*/styled__default.div(_templateObject11$3 || (_templateObject11$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #363a30;\n font-size: 14px;\n"])));
|
|
14677
14676
|
|
|
14678
14677
|
var _templateObject$2d, _templateObject2$1G;
|