@licklist/design 0.71.18-dev.10 → 0.71.18-dev.11

package/dist/iframe/order-process/components/BookingSummary/BookingSummary.d.ts

@@ -1,6 +1,6 @@
 import { BookingSummaryProps } from './types';
 export declare const BookingSummary: {
-    ({ date, time, menuSteps, formValues, shouldHidePeopleAmount, eventName, transactionFee, productsWithErrors, isLoading, hasPeopleInput, peopleAmount, footer, headerComponent, isPaymentPage, }: Omit<BookingSummaryProps, "totallWithDiscount">): import("react/jsx-runtime").JSX.Element;
+    ({ date, time, menuSteps, formValues, shouldHidePeopleAmount, eventName, headerTitle, transactionFee, productsWithErrors, isLoading, hasPeopleInput, peopleAmount, footer, headerComponent, isPaymentPage, }: Omit<BookingSummaryProps, "totallWithDiscount">): import("react/jsx-runtime").JSX.Element;
     SummaryTotal: ({ formValues, totalWithDiscount, transactionFee, isFreePayment, }: Pick<BookingSummaryProps, "formValues" | "totalWithDiscount" | "transactionFee" | "isFreePayment">) => import("react/jsx-runtime").JSX.Element;
     Accordion: ({ children, title, showTitleOnlyOnMobile, hasPeopleInput, isPaymentPage, headerComponent, }: import("./components/BookingSummaryAccordion").BookingSummaryAccordionProps) => import("react/jsx-runtime").JSX.Element;
 };

package/dist/iframe/order-process/components/BookingSummary/BookingSummary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BookingSummary.d.ts","sourceRoot":"","sources":["../../../../../src/iframe/order-process/components/BookingSummary/BookingSummary.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAM7C,eAAO,MAAM,cAAc;qMAgBxB,IAAI,CAAC,mBAAmB,EAAE,oBAAoB,CAAC;;;CAgFjD,CAAA"}
+{"version":3,"file":"BookingSummary.d.ts","sourceRoot":"","sources":["../../../../../src/iframe/order-process/components/BookingSummary/BookingSummary.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAM7C,eAAO,MAAM,cAAc;kNAiBxB,IAAI,CAAC,mBAAmB,EAAE,oBAAoB,CAAC;;;CAiFjD,CAAA"}

package/dist/iframe/order-process/components/BookingSummary/BookingSummary.js

@@ -12,7 +12,7 @@ import { ReactComponent as SvgCalendar } from '../../../../assets/iframe/calenda
 import { LoaderIndicator } from '../../../../static/loader/LoaderIndicator.js';
 
 var BookingSummary = function(param) {
-    var date = param.date, time = param.time, menuSteps = param.menuSteps, _param_formValues = param.formValues, formValues = _param_formValues === void 0 ? {} : _param_formValues, shouldHidePeopleAmount = param.shouldHidePeopleAmount, eventName = param.eventName, _param_transactionFee = param.transactionFee, transactionFee = _param_transactionFee === void 0 ? 0 : _param_transactionFee, _param_productsWithErrors = param.productsWithErrors, productsWithErrors = _param_productsWithErrors === void 0 ? [] : _param_productsWithErrors, isLoading = param.isLoading, hasPeopleInput = param.hasPeopleInput, peopleAmount = param.peopleAmount, footer = param.footer, headerComponent = param.headerComponent, // TODO Remove this, when all iframe pages will be ready
+    var date = param.date, time = param.time, menuSteps = param.menuSteps, _param_formValues = param.formValues, formValues = _param_formValues === void 0 ? {} : _param_formValues, shouldHidePeopleAmount = param.shouldHidePeopleAmount, eventName = param.eventName, headerTitle = param.headerTitle, _param_transactionFee = param.transactionFee, transactionFee = _param_transactionFee === void 0 ? 0 : _param_transactionFee, _param_productsWithErrors = param.productsWithErrors, productsWithErrors = _param_productsWithErrors === void 0 ? [] : _param_productsWithErrors, isLoading = param.isLoading, hasPeopleInput = param.hasPeopleInput, peopleAmount = param.peopleAmount, footer = param.footer, headerComponent = param.headerComponent, // TODO Remove this, when all iframe pages will be ready
     isPaymentPage = param.isPaymentPage;
     var _values;
     var t = useTranslation('Design').t;
@@ -30,6 +30,7 @@ var BookingSummary = function(param) {
         children: /*#__PURE__*/ jsxs(BookingSummaryAccordion, {
             isPaymentPage: isPaymentPage,
             hasPeopleInput: hasPeopleInput,
+            title: headerTitle,
             headerComponent: headerComponent,
             children: [
                 /*#__PURE__*/ jsx("div", {

package/dist/iframe/order-process/components/BookingSummary/types/index.d.ts

@@ -22,5 +22,6 @@ export type BookingSummaryProps = {
     isPaymentPage?: boolean;
     headerComponent?: ReactElement;
     footer?: ReactElement;
+    headerTitle?: string;
 };
 //# sourceMappingURL=index.d.ts.map

package/dist/iframe/order-process/components/BookingSummary/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/iframe/order-process/components/BookingSummary/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,8CAA8C,CAAA;AACvF,OAAO,EAAE,UAAU,EAAE,MAAM,wDAAwD,CAAA;AACnF,OAAO,EAAE,QAAQ,EAAE,MAAM,qDAAqD,CAAA;AAC9E,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAEpC,eAAO,MAAM,YAAY,MAAM,CAAA;AAC/B,eAAO,MAAM,aAAa,oBAAoB,CAAA;AAE9C,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAA;IACtB,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,kBAAkB,CAAC,EAAE,wBAAwB,EAAE,CAAA;IAC/C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;IACpB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,eAAe,CAAC,EAAE,YAAY,CAAA;IAC9B,MAAM,CAAC,EAAE,YAAY,CAAA;CACtB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/iframe/order-process/components/BookingSummary/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,8CAA8C,CAAA;AACvF,OAAO,EAAE,UAAU,EAAE,MAAM,wDAAwD,CAAA;AACnF,OAAO,EAAE,QAAQ,EAAE,MAAM,qDAAqD,CAAA;AAC9E,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAEpC,eAAO,MAAM,YAAY,MAAM,CAAA;AAC/B,eAAO,MAAM,aAAa,oBAAoB,CAAA;AAE9C,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAA;IACtB,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,kBAAkB,CAAC,EAAE,wBAAwB,EAAE,CAAA;IAC/C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;IACpB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,eAAe,CAAC,EAAE,YAAY,CAAA;IAC9B,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA"}

package/dist/iframe/payment/payment-page/PaymentPage.d.ts.map

@@ -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,CAAA;AACpF,OAAO,EAAE,mBAAmB,EAAE,MAAM,0DAA0D,CAAA;AAI9F,OAAO,EAEL,oBAAoB,EACrB,MAAM,4BAA4B,CAAA;AAOnC,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;CACb;AAED,UAAU,YAAa,SAAQ,oBAAoB;IACjD,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAA;IACjC,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAA;IAChC,IAAI,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAA;IACjC,SAAS,EAAE,OAAO,CAAA;IAClB,mBAAmB,EAAE,mBAAmB,CAAA;IACxC,eAAe,CAAC,EAAE,eAAe,CAAA;CAClC;AAED,eAAO,MAAM,WAAW,kIAQrB,YAAY,4CAiNd,CAAA"}
+{"version":3,"file":"PaymentPage.d.ts","sourceRoot":"","sources":["../../../../src/iframe/payment/payment-page/PaymentPage.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gDAAgD,CAAA;AACpF,OAAO,EAAE,mBAAmB,EAAE,MAAM,0DAA0D,CAAA;AAI9F,OAAO,EAEL,oBAAoB,EACrB,MAAM,4BAA4B,CAAA;AAOnC,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;CACb;AAED,UAAU,YAAa,SAAQ,oBAAoB;IACjD,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAA;IACjC,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAA;IAChC,IAAI,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAA;IACjC,SAAS,EAAE,OAAO,CAAA;IAClB,mBAAmB,EAAE,mBAAmB,CAAA;IACxC,eAAe,CAAC,EAAE,eAAe,CAAA;CAClC;AAED,eAAO,MAAM,WAAW,kIAQrB,YAAY,4CA+Md,CAAA"}

package/dist/iframe/payment/payment-page/PaymentPage.js

@@ -189,6 +189,8 @@ var PaymentPage = function(_param) {
     var isCalculatedAmountGreaterThanOrderAmount = !hasRemaingToPay && orderCartAmountByFormValues > (data === null || data === void 0 ? void 0 : data.amount);
     var isPaymentLinkWithRemainingToPay = (data === null || data === void 0 ? void 0 : data.remaining_to_pay) && !!Number(data === null || data === void 0 ? void 0 : data.remaining_to_pay);
     var totalPaidWithRemainingToPay = (data === null || data === void 0 ? void 0 : data.amount_to_pay) && !!Number(data === null || data === void 0 ? void 0 : data.amount_to_pay);
+    var _bookingSummaryProps_transactionFee;
+    var totalBooked = paymentMetadata ? paymentMetadata.paid ? paymentMetadata.total - paymentMetadata.paid : paymentMetadata.total : orderTotalAmountByFormValues + ((_bookingSummaryProps_transactionFee = bookingSummaryProps === null || bookingSummaryProps === void 0 ? void 0 : bookingSummaryProps.transactionFee) !== null && _bookingSummaryProps_transactionFee !== void 0 ? _bookingSummaryProps_transactionFee : 0);
     return /*#__PURE__*/ jsx(Page, {
         className: "payment_link",
         children: /*#__PURE__*/ jsx(PageBody, {
@@ -205,8 +207,9 @@ var PaymentPage = function(_param) {
             rightBlock: /*#__PURE__*/ jsx(PageBody.RightBlock, {
                 children: /*#__PURE__*/ jsx(BookingSummary, _object_spread_props(_object_spread({}, bookingSummaryProps), {
                     isPaymentPage: true,
+                    headerTitle: t('totalBooking'),
                     headerComponent: /*#__PURE__*/ jsx(SummaryTotalBlock, {
-                        amount: paymentMetadata ? paymentMetadata.total : orderTotalAmountByFormValues + ((bookingSummaryProps === null || bookingSummaryProps === void 0 ? void 0 : bookingSummaryProps.transactionFee) || 0)
+                        amount: totalBooked
                     }),
                     footer: /*#__PURE__*/ jsx("div", {
                         className: "d-flex flex-column justify-content-between",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@licklist/design",
-  "version": "0.71.18-dev.10",
+  "version": "0.71.18-dev.11",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/artelogicsoft/licklist_design.git"
@@ -42,7 +42,7 @@
     ]
   },
   "peerDependencies": {
-    "@licklist/core": "0.31.2-dev.11",
+    "@licklist/core": "0.31.2-dev.12",
     "@licklist/eslint-config": "0.5.6",
     "@licklist/plugins": "0.35.1-dev.8",
     "lodash": "4.17.21",
@@ -61,7 +61,7 @@
     "@dnd-kit/utilities": "2.0.0",
     "@fortawesome/fontawesome-svg-core": "1.2.34",
     "@fortawesome/free-solid-svg-icons": "5.15.2",
-    "@licklist/core": "0.31.2-dev.11",
+    "@licklist/core": "0.31.2-dev.12",
     "@licklist/eslint-config": "0.5.6",
     "@licklist/plugins": "0.35.1-dev.8",
     "@mantine/core": "6.0.22",

package/src/iframe/order-process/components/BookingSummary/BookingSummary.tsx

@@ -17,6 +17,7 @@ export const BookingSummary = ({
   formValues = {},
   shouldHidePeopleAmount,
   eventName,
+  headerTitle,
   transactionFee = 0,
   productsWithErrors = [],
   isLoading,
@@ -43,6 +44,7 @@ export const BookingSummary = ({
       <BookingSummaryAccordion
         isPaymentPage={isPaymentPage}
         hasPeopleInput={hasPeopleInput}
+        title={headerTitle}
         headerComponent={headerComponent}
       >
         <div className='event-info'>

package/src/iframe/order-process/components/BookingSummary/types/index.ts

@@ -24,4 +24,5 @@ export type BookingSummaryProps = {
   isPaymentPage?: boolean
   headerComponent?: ReactElement
   footer?: ReactElement
+  headerTitle?: string
 }

package/src/iframe/payment/payment-page/PaymentPage.tsx

@@ -131,6 +131,12 @@ export const PaymentPage = ({
   const totalPaidWithRemainingToPay =
     data?.amount_to_pay && !!Number(data?.amount_to_pay)
 
+  const totalBooked = paymentMetadata
+    ? paymentMetadata.paid
+      ? paymentMetadata.total - paymentMetadata.paid
+      : paymentMetadata.total
+    : orderTotalAmountByFormValues + (bookingSummaryProps?.transactionFee ?? 0)
+
   return (
     <Page className='payment_link'>
       {/* TODO wait for Brad's design for close and go back buttons */}
@@ -156,16 +162,8 @@ export const PaymentPage = ({
             <BookingSummary
               {...bookingSummaryProps}
               isPaymentPage
-              headerComponent={
-                <SummaryTotalBlock
-                  amount={
-                    paymentMetadata
-                      ? paymentMetadata.total
-                      : orderTotalAmountByFormValues +
-                        (bookingSummaryProps?.transactionFee || 0)
-                  }
-                />
-              }
+              headerTitle={t('totalBooking')}
+              headerComponent={<SummaryTotalBlock amount={totalBooked} />}
               footer={
                 <div className='d-flex flex-column justify-content-between'>
                   {paymentMetadata ? (

package/yarn.lock

@@ -2481,9 +2481,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@licklist/core@npm:0.31.2-dev.11":
-  version: 0.31.2-dev.11
-  resolution: "@licklist/core@npm:0.31.2-dev.11"
+"@licklist/core@npm:0.31.2-dev.12":
+  version: 0.31.2-dev.12
+  resolution: "@licklist/core@npm:0.31.2-dev.12"
   dependencies:
     "@sentry/browser": "npm:6.2.0"
     axios: "npm:0.26.0"
@@ -2505,7 +2505,7 @@ __metadata:
     react-i18next: 11.8.8
     react-intl: 6.6.8
     zustand: 3.7.2
-  checksum: 10c0/eabcc95fb4a12a60c00c5b15060a89495f7c6980a53d27fc3dc7325eccb4a5d604e49aa148b68ae0bcb98f5e78f0dc2695833342756a3d5d9d2640bbd93dfaaf
+  checksum: 10c0/9e98954d8f0924061f49227e81f1a86516381b38cca9218331b34ac5156af319e54adcb5e8940840b80b0580a0c0620c1df61c99372dc9f3c0612a61afb4c62d
   languageName: node
   linkType: hard
 
@@ -2520,7 +2520,7 @@ __metadata:
     "@dnd-kit/utilities": "npm:2.0.0"
     "@fortawesome/fontawesome-svg-core": "npm:1.2.34"
     "@fortawesome/free-solid-svg-icons": "npm:5.15.2"
-    "@licklist/core": "npm:0.31.2-dev.11"
+    "@licklist/core": "npm:0.31.2-dev.12"
     "@licklist/eslint-config": "npm:0.5.6"
     "@licklist/plugins": "npm:0.35.1-dev.8"
     "@mantine/core": "npm:6.0.22"
@@ -2651,7 +2651,7 @@ __metadata:
     vite-plugin-svgr: "npm:4.2.0"
     vite-tsconfig-paths: "npm:5.0.1"
   peerDependencies:
-    "@licklist/core": 0.31.2-dev.11
+    "@licklist/core": 0.31.2-dev.12
     "@licklist/eslint-config": 0.5.6
     "@licklist/plugins": 0.35.1-dev.8
     lodash: 4.17.21
@@ -5964,11 +5964,11 @@ __metadata:
   linkType: hard
 
 "@types/react@npm:*, @types/react@npm:>=16.14.8, @types/react@npm:>=16.9.11":
-  version: 19.0.9
-  resolution: "@types/react@npm:19.0.9"
+  version: 19.0.10
+  resolution: "@types/react@npm:19.0.10"
   dependencies:
     csstype: "npm:^3.0.2"
-  checksum: 10c0/a0324890a7d9f3bae018b8735c8978cebea35bc00e7e5cdfcead110683a3b95aab550606abb2fe3189215d60dfcf7059335d206a5f20f41868c56daef60f62c1
+  checksum: 10c0/41884cca21850c8b2d6578b172ca0ca4fff6021251a68532b19f2031ac23dc5a9222470208065f8d9985d367376047df2f49ece8d927f7d04cdc94922b1eb34b
   languageName: node
   linkType: hard