@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
|
@@ -9303,9 +9303,9 @@ var StyledDropdown = /*#__PURE__*/styled(OrderActionsDropdown)(_templateObject3$
|
|
|
9303
9303
|
var StyledTable$4 = /*#__PURE__*/styled.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"])));
|
|
9304
9304
|
var ReturnRowWrapper = /*#__PURE__*/styled.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"])));
|
|
9305
9305
|
|
|
9306
|
-
var _templateObject$1s, _templateObject2$16, _templateObject3$C, _templateObject4$l, _templateObject5$e, _templateObject6$5, _templateObject7$7, _templateObject8$5, _templateObject9$4
|
|
9306
|
+
var _templateObject$1s, _templateObject2$16, _templateObject3$C, _templateObject4$l, _templateObject5$e, _templateObject6$5, _templateObject7$7, _templateObject8$5, _templateObject9$4;
|
|
9307
9307
|
function CancelOrder(props) {
|
|
9308
|
-
var _orderStaticData$
|
|
9308
|
+
var _orderStaticData$retu;
|
|
9309
9309
|
var _useOrderId = useOrderId(),
|
|
9310
9310
|
orderId = _useOrderId[0];
|
|
9311
9311
|
var _useCurrentAction = useCurrentAction(),
|
|
@@ -9326,7 +9326,7 @@ function CancelOrder(props) {
|
|
|
9326
9326
|
var _useState2 = useState(''),
|
|
9327
9327
|
cancelNotes = _useState2[0],
|
|
9328
9328
|
setCancelNotes = _useState2[1];
|
|
9329
|
-
var cancelReasonOptions = orderStaticData == null || (_orderStaticData$
|
|
9329
|
+
var cancelReasonOptions = orderStaticData == null || (_orderStaticData$retu = orderStaticData.return_cancellation_reasons) == null ? void 0 : _orderStaticData$retu.map(function (item) {
|
|
9330
9330
|
return {
|
|
9331
9331
|
label: item == null ? void 0 : item.reason,
|
|
9332
9332
|
value: item == null ? void 0 : item.reason
|
|
@@ -9473,7 +9473,7 @@ function CancelOrder(props) {
|
|
|
9473
9473
|
return _ref.apply(this, arguments);
|
|
9474
9474
|
};
|
|
9475
9475
|
}();
|
|
9476
|
-
var showSubmitBtn = cancelReason !== undefined
|
|
9476
|
+
var showSubmitBtn = cancelReason !== undefined;
|
|
9477
9477
|
return React.createElement(OrderActionModal, {
|
|
9478
9478
|
headerTitle: "Cancel Order",
|
|
9479
9479
|
showAdditionalInfo: true,
|
|
@@ -9494,23 +9494,22 @@ function CancelOrder(props) {
|
|
|
9494
9494
|
display: 'flex',
|
|
9495
9495
|
flexDirection: 'row'
|
|
9496
9496
|
}
|
|
9497
|
-
}, React.createElement(Label$4, null, "Cancellation Note")
|
|
9497
|
+
}, React.createElement(Label$4, null, "Cancellation Note")), React.createElement(TArea, {
|
|
9498
9498
|
rows: 5,
|
|
9499
9499
|
onChange: onChangeNotes,
|
|
9500
9500
|
value: cancelNotes,
|
|
9501
9501
|
placeholder: "Reason for Cancel Order"
|
|
9502
9502
|
})))), React.createElement(Bottom$2, null, React.createElement(CancelOrderTable, null))));
|
|
9503
9503
|
}
|
|
9504
|
-
var
|
|
9505
|
-
var
|
|
9506
|
-
var
|
|
9507
|
-
var
|
|
9508
|
-
var
|
|
9509
|
-
var
|
|
9510
|
-
var
|
|
9511
|
-
var
|
|
9512
|
-
var
|
|
9513
|
-
var ContentContainer$2 = /*#__PURE__*/styled.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"])));
|
|
9504
|
+
var TArea = /*#__PURE__*/styled(TextArea)(_templateObject$1s || (_templateObject$1s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n resize: none;\n"])));
|
|
9505
|
+
var Label$4 = /*#__PURE__*/styled.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"])));
|
|
9506
|
+
var Container$T = /*#__PURE__*/styled.div(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n"])));
|
|
9507
|
+
var Wrapper$e = /*#__PURE__*/styled.div(_templateObject4$l || (_templateObject4$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n width: 100%;\n > div {\n width: 50%;\n }\n"])));
|
|
9508
|
+
var TopLeft = /*#__PURE__*/styled.div(_templateObject5$e || (_templateObject5$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 15px;\n width: 50%;\n"])));
|
|
9509
|
+
var TopRight = /*#__PURE__*/styled.div(_templateObject6$5 || (_templateObject6$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 50%;\n"])));
|
|
9510
|
+
var Top$2 = /*#__PURE__*/styled.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"])));
|
|
9511
|
+
var Bottom$2 = /*#__PURE__*/styled.div(_templateObject8$5 || (_templateObject8$5 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9512
|
+
var ContentContainer$2 = /*#__PURE__*/styled.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"])));
|
|
9514
9513
|
|
|
9515
9514
|
var _templateObject$1t, _templateObject2$17, _templateObject3$D;
|
|
9516
9515
|
function EmailAddress() {
|
|
@@ -10486,7 +10485,7 @@ function ConfirmOrder(props) {
|
|
|
10486
10485
|
var Wrapper$g = /*#__PURE__*/styled.div(_templateObject$1H || (_templateObject$1H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n"])));
|
|
10487
10486
|
var ContentContainer$3 = /*#__PURE__*/styled.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"])));
|
|
10488
10487
|
|
|
10489
|
-
var _templateObject2$1k, _templateObject3$J, _templateObject5$f, _templateObject6$6, _templateObject7$8, _templateObject8$6, _templateObject9$5, _templateObject10$
|
|
10488
|
+
var _templateObject2$1k, _templateObject3$J, _templateObject5$f, _templateObject6$6, _templateObject7$8, _templateObject8$6, _templateObject9$5, _templateObject10$2, _templateObject11$2, _templateObject18$1, _templateObject19$1;
|
|
10490
10489
|
var StyledInput$1 = /*#__PURE__*/styled(Input$2)(_templateObject2$1k || (_templateObject2$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 66px;\n min-width: 700px;\n"])));
|
|
10491
10490
|
var StyledTextArea$1 = /*#__PURE__*/styled(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"])));
|
|
10492
10491
|
var SplitLayout = /*#__PURE__*/styled.div(_templateObject5$f || (_templateObject5$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n gap: 10px;\n"])));
|
|
@@ -10494,7 +10493,7 @@ var SplitText = /*#__PURE__*/styled.div(_templateObject6$6 || (_templateObject6$
|
|
|
10494
10493
|
var Row$4 = /*#__PURE__*/styled.div(_templateObject7$8 || (_templateObject7$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1 0 0;\n display: grid;\n gap: 5px;\n justify-content: center;\n"])));
|
|
10495
10494
|
var HoldRow = /*#__PURE__*/styled.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"])));
|
|
10496
10495
|
var Label$d = /*#__PURE__*/styled.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"])));
|
|
10497
|
-
var ContentContainer$4 = /*#__PURE__*/styled.div(_templateObject10$
|
|
10496
|
+
var ContentContainer$4 = /*#__PURE__*/styled.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"])));
|
|
10498
10497
|
var HoldContentContainer = /*#__PURE__*/styled.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"])));
|
|
10499
10498
|
var HoldDatePickerWrap = /*#__PURE__*/styled.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"])));
|
|
10500
10499
|
var DatePickerWrap = /*#__PURE__*/styled.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"])));
|
|
@@ -12820,12 +12819,12 @@ function UncancelOrder(props) {
|
|
|
12820
12819
|
display: 'flex',
|
|
12821
12820
|
flexDirection: 'row'
|
|
12822
12821
|
}
|
|
12823
|
-
}, React.createElement(Label$d, null, "Un-cancel Note"), ' ', React.createElement(RequiredAsterisk$
|
|
12822
|
+
}, React.createElement(Label$d, null, "Un-cancel Note"), ' ', React.createElement(RequiredAsterisk$2, null, "*")), React.createElement(CustomTextArea$3, {
|
|
12824
12823
|
rows: 5,
|
|
12825
12824
|
onChange: onChange
|
|
12826
12825
|
}))), React.createElement(UnCancelOrderTable, null)));
|
|
12827
12826
|
}
|
|
12828
|
-
var RequiredAsterisk$
|
|
12827
|
+
var RequiredAsterisk$2 = /*#__PURE__*/styled.span(_templateObject$1X || (_templateObject$1X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: red;\n margin-left: 2px;\n font-size: x-small;\n"])));
|
|
12829
12828
|
var Container$16 = /*#__PURE__*/styled.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"])));
|
|
12830
12829
|
var MainContainer$8 = /*#__PURE__*/styled.div(_templateObject3$T || (_templateObject3$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n padding: 20px;\n gap: 10px;\n"])));
|
|
12831
12830
|
var CustomTextArea$3 = /*#__PURE__*/styled(TextArea)(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 346px;\n"])));
|
|
@@ -14481,7 +14480,7 @@ function OrderHoldReasonDropdown() {
|
|
|
14481
14480
|
}
|
|
14482
14481
|
var Container$1b = /*#__PURE__*/styled.div(_templateObject$2a || (_templateObject$2a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n"])));
|
|
14483
14482
|
|
|
14484
|
-
var _templateObject$2b, _templateObject2$1E, _templateObject3$_, _templateObject4$z, _templateObject5$p, _templateObject6$c, _templateObject7$d, _templateObject8$9, _templateObject9$8, _templateObject10$
|
|
14483
|
+
var _templateObject$2b, _templateObject2$1E, _templateObject3$_, _templateObject4$z, _templateObject5$p, _templateObject6$c, _templateObject7$d, _templateObject8$9, _templateObject9$8, _templateObject10$3;
|
|
14485
14484
|
function FailureContent() {
|
|
14486
14485
|
var _chargesState$adhoc_c, _chargesState$adhoc_c2;
|
|
14487
14486
|
var _useNewStatus = useNewStatus(),
|
|
@@ -14561,9 +14560,9 @@ var FieldGroup = /*#__PURE__*/styled.div(_templateObject6$c || (_templateObject6
|
|
|
14561
14560
|
var TextInput = /*#__PURE__*/styled(TextArea)(_templateObject7$d || (_templateObject7$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n resize: none;\n width: 100%;\n min-height: 180px;\n"])));
|
|
14562
14561
|
var DropdownGrid = /*#__PURE__*/styled.div(_templateObject8$9 || (_templateObject8$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 20px;\n"])));
|
|
14563
14562
|
var ContDropdownGrid = /*#__PURE__*/styled.div(_templateObject9$8 || (_templateObject9$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 20px;\n"])));
|
|
14564
|
-
var DropdownGroup = /*#__PURE__*/styled.div(_templateObject10$
|
|
14563
|
+
var DropdownGroup = /*#__PURE__*/styled.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"])));
|
|
14565
14564
|
|
|
14566
|
-
var _templateObject$2c, _templateObject2$1F, _templateObject3$$, _templateObject4$A, _templateObject5$q, _templateObject6$d, _templateObject7$e, _templateObject8$a, _templateObject9$9, _templateObject10$
|
|
14565
|
+
var _templateObject$2c, _templateObject2$1F, _templateObject3$$, _templateObject4$A, _templateObject5$q, _templateObject6$d, _templateObject7$e, _templateObject8$a, _templateObject9$9, _templateObject10$4, _templateObject11$3;
|
|
14567
14566
|
var formatDate$2 = function formatDate(date) {
|
|
14568
14567
|
var padZero = function padZero(num) {
|
|
14569
14568
|
return num.toString().padStart(2, '0');
|
|
@@ -14664,7 +14663,7 @@ var FieldGroup$1 = /*#__PURE__*/styled.div(_templateObject7$e || (_templateObjec
|
|
|
14664
14663
|
});
|
|
14665
14664
|
var TextInput$1 = /*#__PURE__*/styled(TextArea)(_templateObject8$a || (_templateObject8$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n resize: none;\n width: 100%;\n min-height: 180px;\n"])));
|
|
14666
14665
|
var StyledInput$2 = /*#__PURE__*/styled(Input$1)(_templateObject9$9 || (_templateObject9$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n height: 38px;\n"])));
|
|
14667
|
-
var DateInput = /*#__PURE__*/styled.div(_templateObject10$
|
|
14666
|
+
var DateInput = /*#__PURE__*/styled.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"])));
|
|
14668
14667
|
var Text$a = /*#__PURE__*/styled.div(_templateObject11$3 || (_templateObject11$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #363a30;\n font-size: 14px;\n"])));
|
|
14669
14668
|
|
|
14670
14669
|
var _templateObject$2d, _templateObject2$1G;
|