@licklist/design 0.44.497 → 0.44.499
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/iframe/order-process/components/BookingSummary/utils/index.d.ts +1 -1
- package/dist/iframe/order-process/components/BookingSummary/utils/index.d.ts.map +1 -1
- package/dist/iframe/order-process/components/BookingSummary/utils/index.js +1 -1
- package/dist/iframe/payment/payment-page/PaymentPage.d.ts.map +1 -1
- package/dist/iframe/payment/payment-page/PaymentPage.js +1 -1
- package/dist/iframe/payment/payment-status-page/PaymentStatusPage.d.ts.map +1 -1
- package/dist/iframe/payment/payment-status-page/PaymentStatusPage.js +1 -1
- package/package.json +1 -1
- package/src/iframe/order-process/components/BookingSummary/utils/index.ts +6 -2
- package/src/iframe/payment/payment-page/PaymentPage.tsx +45 -7
- package/src/iframe/payment/payment-status-page/PaymentStatusPage.tsx +48 -7
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/iframe/order-process/components/BookingSummary/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE7C,eAAO,MAAM,sBAAsB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/iframe/order-process/components/BookingSummary/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE7C,eAAO,MAAM,sBAAsB,mBAAoB,KAAK,EAAE,WAS7D,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.cartSumByOrderProducts=function(e){return e.reduce((function(e,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.cartSumByOrderProducts=function(e){return e&&e.length?e.reduce((function(e,t){return e+((null==t?void 0:t.deposit)||(null==t?void 0:t.price))*t.quantity}),0):0};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PaymentPage.d.ts","sourceRoot":"","sources":["../../../../src/iframe/payment/payment-page/PaymentPage.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gDAAgD,CAAC;AACrF,OAAO,EAAE,mBAAmB,EAAE,MAAM,0DAA0D,CAAC;AAI/F,OAAO,EAEL,oBAAoB,EACrB,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"PaymentPage.d.ts","sourceRoot":"","sources":["../../../../src/iframe/payment/payment-page/PaymentPage.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gDAAgD,CAAC;AACrF,OAAO,EAAE,mBAAmB,EAAE,MAAM,0DAA0D,CAAC;AAI/F,OAAO,EAEL,oBAAoB,EACrB,MAAM,4BAA4B,CAAC;AAMpC,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd;AAED,UAAU,YAAa,SAAQ,oBAAoB;IACjD,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,mBAAmB,EAAE,IAAI,CAAC,mBAAmB,EAAE,oBAAoB,CAAC,CAAC;IACrE,eAAe,CAAC,EAAE,eAAe,CAAC;CACnC;AAED,eAAO,MAAM,WAAW,kIAQrB,YAAY,gBA4Jd,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),o=require("react"),a=(e=o)&&"object"==typeof e&&"default"in e?e.default:e,r=require("react-router-dom"),n=require("../../../static/loader/LoaderIndicator.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),o=require("react"),a=(e=o)&&"object"==typeof e&&"default"in e?e.default:e,r=require("react-router-dom"),n=require("../../../static/loader/LoaderIndicator.js"),l=require("react-i18next"),m=require("react-bootstrap");require("../../../static/index.js"),require("../../order-process/components/NavigationFooter/NavigationFooter.js");var i=require("../../page/components/PageHeader/PageHeader.js"),s=require("@licklist/plugins/dist/context/payment/PaymentSessionContext"),c=require("../../order-process/components/BookingSummary/components/SummaryTotal/components/SummaryTotalBlock.js"),u=require("../../ryft/RyftPaymentForm.js"),d=require("../../order-process/components/BookingSummary/utils/index.js"),y=require("../../order-process/components/BookingSummary/BookingSummary.js");require("../../order-process/components/NavigationSteps/NavigationSteps.js"),require("../../order-process/components/StepsForm/StepsForm.js"),require("../../order-process/components/Timer/Timer.js"),require("../../order-process/components/PaymentCard/PaymentCard.js");var p=require("../../order-process/components/BookingSummaryFooter/BookingSummaryFooter.js"),g=require("../../page/components/PageBody/PageBody.js");require("../../order-process/components/CalendarStepsForm/CalendarStepsForm.js");var f=require("./PaymentTimer.js"),B=require("../../page/Page.js");exports.PaymentPage=function(e){var k=e.onCloseIframePayment,P=e.onFailIframePayment,E=e.data,S=e.isLoading,v=e.bookingSummaryProps,j=e.paymentMetadata,q=t.__rest(e,["onCloseIframePayment","onFailIframePayment","data","isLoading","bookingSummaryProps","paymentMetadata"]),b=l.useTranslation("Design").t,x=r.useLocation().search,F=o.useContext(s.PaymentSessionContext).isPaymentSessionExpired,C=Boolean(new URLSearchParams(x).get("isIframePayment")),h=function(){window.close()};if(o.useEffect((function(){C&&k&&window.addEventListener("beforeunload",(function(){k()}))}),[]),o.useEffect((function(){F&&C&&P&&P()}),[F]),S)return a.createElement(n.LoaderIndicator,{isLoaded:!1});if(null===E)return a.createElement(B.Page,null,a.createElement(g.PageBody,{leftBlock:a.createElement(g.PageBody.LeftBlock,null,a.createElement("div",{className:"d-flex h-100 w-100 justify-content-center align-items-center flex-column"},a.createElement("h6",null,b("linkNotActiveOrExpired")),a.createElement(m.Col,{xs:12,md:3},a.createElement(m.Button,{className:"mt-5 w-20",onClick:function(){window.location.href="https://booked.it/"}},b("backToSite")))))}));var w=d.cartSumByOrderProducts(v&&(null==v?void 0:v.formValues)?Object.values(null==v?void 0:v.formValues):void 0),T=w>(null==E?void 0:E.amount);return a.createElement(B.Page,{className:"payment_link",headerBlock:a.createElement(i.PageHeader,{showBackButton:C,onBackButtonClick:C?h:void 0,showCloseButton:C,onCloseButtonClick:C?h:void 0},a.createElement(f.PaymentTimer,null),a.createElement("div",{className:"d-flex align-items-center justify-content-center w-100"},b("paymentDetails")))},a.createElement(g.PageBody,{leftBlock:a.createElement(g.PageBody.LeftBlock,null,a.createElement(u.RyftPaymentForm,t.__assign({},q))),rightBlock:a.createElement(g.PageBody.RightBlock,{bottomBlock:a.createElement(p.BookingSummaryFooter,{showButton:!1},a.createElement("div",{className:"d-flex flex-column justify-content-between"},j?a.createElement(a.Fragment,null,a.createElement(c.SummaryTotalBlock,{label:b("total"),amount:j.total||0}),a.createElement(c.SummaryTotalBlock,{label:b("paidSum"),amount:j.paid||0}),a.createElement(c.SummaryTotalBlock,{label:b("remaining"),amount:j.total-j.paid||0})):a.createElement(a.Fragment,null,T&&a.createElement(c.SummaryTotalBlock,{label:b("total"),amount:w+((null==v?void 0:v.transactionFee)||0)}),a.createElement(c.SummaryTotalBlock,{label:b(T?"totalWithDiscount":"total"),amount:(null==E?void 0:E.amount)+((null==v?void 0:v.transactionFee)||0)}))))},a.createElement("h6",null,b("paymentDetails")),a.createElement(y.BookingSummary,t.__assign({},v)))}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PaymentStatusPage.d.ts","sourceRoot":"","sources":["../../../../src/iframe/payment/payment-status-page/PaymentStatusPage.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,qDAAqD,CAAC;AAC1F,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;
|
|
1
|
+
{"version":3,"file":"PaymentStatusPage.d.ts","sourceRoot":"","sources":["../../../../src/iframe/payment/payment-status-page/PaymentStatusPage.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,qDAAqD,CAAC;AAC1F,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAG9D,eAAO,MAAM,mBAAmB,WAAW,CAAC;AAC5C,eAAO,MAAM,oBAAoB,YAAY,CAAC;AAC9C,eAAO,MAAM,oBAAoB,YAAY,CAAC;AAE9C,oBAAY,iBAAiB,GACzB,OAAO,oBAAoB,GAC3B,OAAO,mBAAmB,GAC1B,OAAO,oBAAoB,CAAC;AAEhC,UAAU,2BAA2B;IACnC,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,iBAAiB,CAAC;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,eAAe,CAAC;CACnC;AAGD,eAAO,MAAM,iBAAiB,iLAa3B,2BAA2B,gBA6H7B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),o=require("react"),r=(e=o)&&"object"==typeof e&&"default"in e?e.default:e,a=require("../../../static/loader/LoaderIndicator.js"),n=require("react-i18next");require("../../order-process/components/NavigationFooter/NavigationFooter.js"),require("../../page/components/PageHeader/PageHeader.js");var s=require("../payment-status-header/PaymentStatusHeader.js"),m=require("../../order-process/components/BookingSummary/components/SummaryTotal/components/SummaryTotalBlock.js");require("../../order-process/components/BookingSummary/components/SummaryTotal/SummaryTotal.js");var i=require("../../order-process/components/BookingSummary/BookingSummary.js");require("../../order-process/components/NavigationSteps/NavigationSteps.js"),require("../../order-process/components/StepsForm/StepsForm.js"),require("../../order-process/components/Timer/Timer.js"),require("../../order-process/components/PaymentCard/PaymentCard.js");var
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),o=require("react"),r=(e=o)&&"object"==typeof e&&"default"in e?e.default:e,a=require("../../../static/loader/LoaderIndicator.js"),n=require("react-i18next");require("../../order-process/components/NavigationFooter/NavigationFooter.js"),require("../../page/components/PageHeader/PageHeader.js");var s=require("../payment-status-header/PaymentStatusHeader.js"),m=require("../../order-process/components/BookingSummary/components/SummaryTotal/components/SummaryTotalBlock.js"),l=require("../../order-process/components/BookingSummary/utils/index.js");require("../../order-process/components/BookingSummary/components/SummaryTotal/SummaryTotal.js");var i=require("../../order-process/components/BookingSummary/BookingSummary.js");require("../../order-process/components/NavigationSteps/NavigationSteps.js"),require("../../order-process/components/StepsForm/StepsForm.js"),require("../../order-process/components/Timer/Timer.js"),require("../../order-process/components/PaymentCard/PaymentCard.js");var u=require("../../order-process/components/BookingSummaryFooter/BookingSummaryFooter.js"),c=require("../../page/components/PageBody/PageBody.js");require("../../order-process/components/CalendarStepsForm/CalendarStepsForm.js");var d=require("../../page/Page.js"),p=require("./component/PaymentStatusBody.js"),y="failed",g="success",S="pending";exports.ORDER_STATUS_FAILED=y,exports.ORDER_STATUS_PENDING=S,exports.ORDER_STATUS_SUCCESS=g,exports.PaymentStatusPage=function(e){var o=e.onCloseWindow,B=e.onBack,E=e.onTryAgain,k=e.isLoading,v=e.status,P=e.isAppUsingInIframe,j=e.bookingSummaryProps,q=e.EventCardComponent,T=e.showCloseButton,f=void 0!==T&&T,F=e.email,C=e.totalAmount,b=void 0===C?0:C,h=e.paymentMetadata,_=n.useTranslation("Design").t,x=function(){switch(v){case g:return _("purchaseSuccessful");case S:return _("pendingPayment");default:return _("purchaseFailed")}}();if(k)return r.createElement(a.LoaderIndicator,{isLoaded:!1});var A=l.cartSumByOrderProducts(j&&(null==j?void 0:j.formValues)?Object.values(null==j?void 0:j.formValues):void 0),I=j&&A>b;return r.createElement(d.Page,{className:"payment-status-page",headerBlock:r.createElement(s.PaymentStatusHeader,{success:v!==y,showCloseButton:f,onCloseButtonClick:o,title:v===S?_("pendingPayment"):void 0}),isAppUsingInIframe:P},r.createElement(c.PageBody,{leftBlock:r.createElement(c.PageBody.LeftBlock,{title:x},r.createElement("div",null,q,r.createElement(p.PaymentStatusBody,{status:v,onBack:B||o,onTryAgain:E,email:F}))),rightBlock:r.createElement(c.PageBody.RightBlock,{bottomBlock:r.createElement(u.BookingSummaryFooter,{showButton:!1},r.createElement("div",{className:"d-flex flex-column justify-content-between"},h?r.createElement(r.Fragment,null,r.createElement(m.SummaryTotalBlock,{label:_("total"),amount:h.total||0}),r.createElement(m.SummaryTotalBlock,{label:_("paidSum"),amount:h.paid||0}),r.createElement(m.SummaryTotalBlock,{label:_("remaining"),amount:h.total-h.paid||0})):r.createElement(r.Fragment,null,I&&r.createElement(m.SummaryTotalBlock,{label:_("total"),amount:A+((null==j?void 0:j.transactionFee)||0)}),r.createElement(m.SummaryTotalBlock,{label:_(I?"totalWithDiscount":"total"),amount:b+((null==j?void 0:j.transactionFee)||0)}))))},j?r.createElement(i.BookingSummary,t.__assign({},j)):r.createElement("h6",null,x))}))};
|
package/package.json
CHANGED
|
@@ -1,8 +1,12 @@
|
|
|
1
1
|
import { Order } from "../../../../../types";
|
|
2
2
|
|
|
3
|
-
export const cartSumByOrderProducts = (orderProducts
|
|
4
|
-
orderProducts
|
|
3
|
+
export const cartSumByOrderProducts = (orderProducts?: Order[]) => {
|
|
4
|
+
if (!orderProducts || !orderProducts.length) {
|
|
5
|
+
return 0;
|
|
6
|
+
}
|
|
7
|
+
return orderProducts.reduce((prevSumValue: number, product) => {
|
|
5
8
|
return (
|
|
6
9
|
prevSumValue + (product?.deposit || product?.price) * product.quantity
|
|
7
10
|
);
|
|
8
11
|
}, 0);
|
|
12
|
+
};
|
|
@@ -15,6 +15,7 @@ import {
|
|
|
15
15
|
import { PaymentTimer } from "./PaymentTimer";
|
|
16
16
|
import { Page, PageBody, PageHeader } from "../../page";
|
|
17
17
|
import { BookingSummary, BookingSummaryFooter } from "../../order-process";
|
|
18
|
+
import { cartSumByOrderProducts } from "../../order-process/components/BookingSummary/utils";
|
|
18
19
|
|
|
19
20
|
export interface PaymentMetadata {
|
|
20
21
|
total: number;
|
|
@@ -99,6 +100,19 @@ export const PaymentPage = ({
|
|
|
99
100
|
);
|
|
100
101
|
}
|
|
101
102
|
|
|
103
|
+
const orderTotalAmounByFormValues = cartSumByOrderProducts(
|
|
104
|
+
bookingSummaryProps && bookingSummaryProps?.formValues
|
|
105
|
+
? Object.values(bookingSummaryProps?.formValues)
|
|
106
|
+
: undefined
|
|
107
|
+
);
|
|
108
|
+
|
|
109
|
+
// User can fill promocode only in iframe appcliation.
|
|
110
|
+
// It didn't possible via payment link. This check will
|
|
111
|
+
// be applied when there are no metadata and in case when
|
|
112
|
+
// orderValues sum is greater than amount in order.
|
|
113
|
+
const isCalculatedAmountGreaterThanOrderAmount =
|
|
114
|
+
orderTotalAmounByFormValues > data?.amount;
|
|
115
|
+
|
|
102
116
|
return (
|
|
103
117
|
<Page
|
|
104
118
|
className="payment_link"
|
|
@@ -128,7 +142,7 @@ export const PaymentPage = ({
|
|
|
128
142
|
bottomBlock={
|
|
129
143
|
<BookingSummaryFooter showButton={false}>
|
|
130
144
|
<div className="d-flex flex-column justify-content-between">
|
|
131
|
-
{paymentMetadata
|
|
145
|
+
{paymentMetadata ? (
|
|
132
146
|
<>
|
|
133
147
|
<SummaryTotalBlock
|
|
134
148
|
label={t("total")}
|
|
@@ -138,14 +152,38 @@ export const PaymentPage = ({
|
|
|
138
152
|
label={t("paidSum")}
|
|
139
153
|
amount={paymentMetadata.paid || 0}
|
|
140
154
|
/>
|
|
155
|
+
<SummaryTotalBlock
|
|
156
|
+
label={t("remaining")}
|
|
157
|
+
amount={
|
|
158
|
+
paymentMetadata.total - paymentMetadata.paid || 0
|
|
159
|
+
}
|
|
160
|
+
/>
|
|
161
|
+
</>
|
|
162
|
+
) : (
|
|
163
|
+
<>
|
|
164
|
+
{isCalculatedAmountGreaterThanOrderAmount && (
|
|
165
|
+
<SummaryTotalBlock
|
|
166
|
+
label={t("total")}
|
|
167
|
+
amount={
|
|
168
|
+
orderTotalAmounByFormValues +
|
|
169
|
+
(bookingSummaryProps?.transactionFee || 0)
|
|
170
|
+
}
|
|
171
|
+
/>
|
|
172
|
+
)}
|
|
173
|
+
|
|
174
|
+
<SummaryTotalBlock
|
|
175
|
+
label={t(
|
|
176
|
+
isCalculatedAmountGreaterThanOrderAmount
|
|
177
|
+
? "totalWithDiscount"
|
|
178
|
+
: "total"
|
|
179
|
+
)}
|
|
180
|
+
amount={
|
|
181
|
+
data?.amount +
|
|
182
|
+
(bookingSummaryProps?.transactionFee || 0)
|
|
183
|
+
}
|
|
184
|
+
/>
|
|
141
185
|
</>
|
|
142
186
|
)}
|
|
143
|
-
<SummaryTotalBlock
|
|
144
|
-
label={t(paymentMetadata ? "remaining" : "total")}
|
|
145
|
-
amount={
|
|
146
|
-
data?.amount + (bookingSummaryProps?.transactionFee || 0)
|
|
147
|
-
}
|
|
148
|
-
/>
|
|
149
187
|
</div>
|
|
150
188
|
</BookingSummaryFooter>
|
|
151
189
|
}
|
|
@@ -10,6 +10,7 @@ import { PaymentStatusHeader } from "../payment-status-header/PaymentStatusHeade
|
|
|
10
10
|
import { SummaryTotalBlock } from "../../order-process/components/BookingSummary/components/SummaryTotal";
|
|
11
11
|
import { BookingSummaryProps } from "../../order-process/components/BookingSummary/types";
|
|
12
12
|
import { PaymentMetadata } from "../payment-page/PaymentPage";
|
|
13
|
+
import { cartSumByOrderProducts } from "../../order-process/components/BookingSummary/utils";
|
|
13
14
|
|
|
14
15
|
export const ORDER_STATUS_FAILED = "failed";
|
|
15
16
|
export const ORDER_STATUS_SUCCESS = "success";
|
|
@@ -68,6 +69,22 @@ export const PaymentStatusPage = ({
|
|
|
68
69
|
if (isLoading) {
|
|
69
70
|
return <LoaderIndicator isLoaded={false} />;
|
|
70
71
|
}
|
|
72
|
+
|
|
73
|
+
const orderTotalAmounByFormValues = cartSumByOrderProducts(
|
|
74
|
+
bookingSummaryProps && bookingSummaryProps?.formValues
|
|
75
|
+
? Object.values(bookingSummaryProps?.formValues)
|
|
76
|
+
: undefined
|
|
77
|
+
);
|
|
78
|
+
|
|
79
|
+
// User can fill promocode only in iframe appcliation.
|
|
80
|
+
// It didn't possible via payment link. This check will
|
|
81
|
+
// be applied when there are no metadata and in case when
|
|
82
|
+
// orderValues sum is greater than amount in order.
|
|
83
|
+
// For payment status page booking summary props can be empty
|
|
84
|
+
// so we should also check for them
|
|
85
|
+
const isCalculatedAmountGreaterThanOrderAmount =
|
|
86
|
+
bookingSummaryProps && orderTotalAmounByFormValues > totalAmount;
|
|
87
|
+
|
|
71
88
|
return (
|
|
72
89
|
<Page
|
|
73
90
|
className="payment-status-page"
|
|
@@ -102,7 +119,7 @@ export const PaymentStatusPage = ({
|
|
|
102
119
|
bottomBlock={
|
|
103
120
|
<BookingSummaryFooter showButton={false}>
|
|
104
121
|
<div className="d-flex flex-column justify-content-between">
|
|
105
|
-
{paymentMetadata
|
|
122
|
+
{paymentMetadata ? (
|
|
106
123
|
<>
|
|
107
124
|
<SummaryTotalBlock
|
|
108
125
|
label={t("total")}
|
|
@@ -112,14 +129,38 @@ export const PaymentStatusPage = ({
|
|
|
112
129
|
label={t("paidSum")}
|
|
113
130
|
amount={paymentMetadata.paid || 0}
|
|
114
131
|
/>
|
|
132
|
+
<SummaryTotalBlock
|
|
133
|
+
label={t("remaining")}
|
|
134
|
+
amount={
|
|
135
|
+
paymentMetadata.total - paymentMetadata.paid || 0
|
|
136
|
+
}
|
|
137
|
+
/>
|
|
138
|
+
</>
|
|
139
|
+
) : (
|
|
140
|
+
<>
|
|
141
|
+
{isCalculatedAmountGreaterThanOrderAmount && (
|
|
142
|
+
<SummaryTotalBlock
|
|
143
|
+
label={t("total")}
|
|
144
|
+
amount={
|
|
145
|
+
orderTotalAmounByFormValues +
|
|
146
|
+
(bookingSummaryProps?.transactionFee || 0)
|
|
147
|
+
}
|
|
148
|
+
/>
|
|
149
|
+
)}
|
|
150
|
+
|
|
151
|
+
<SummaryTotalBlock
|
|
152
|
+
label={t(
|
|
153
|
+
isCalculatedAmountGreaterThanOrderAmount
|
|
154
|
+
? "totalWithDiscount"
|
|
155
|
+
: "total"
|
|
156
|
+
)}
|
|
157
|
+
amount={
|
|
158
|
+
totalAmount +
|
|
159
|
+
(bookingSummaryProps?.transactionFee || 0)
|
|
160
|
+
}
|
|
161
|
+
/>
|
|
115
162
|
</>
|
|
116
163
|
)}
|
|
117
|
-
<SummaryTotalBlock
|
|
118
|
-
label={t(paymentMetadata ? "remaining" : "total")}
|
|
119
|
-
amount={
|
|
120
|
-
totalAmount + (bookingSummaryProps?.transactionFee || 0)
|
|
121
|
-
}
|
|
122
|
-
/>
|
|
123
164
|
</div>
|
|
124
165
|
</BookingSummaryFooter>
|
|
125
166
|
}
|