@licklist/design 0.44.486-dev.47 → 0.44.486-dev.49

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),r=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,a=require("@licklist/core/dist/Config"),n=require("../../../../static/loader/LoaderIndicator.js"),m=require("react-i18next");require("../../../../static/index.js");var o=require("react-intl");require("./components/SummaryTotal/components/SummaryTotalBlock.js");var c=require("./components/ProductsByMenuStep/ProductsByMenuStep.js"),l=require("./components/SummaryTotal/SummaryTotal.js"),s=require("./components/BookingSummaryAccordion/BookingSummaryAccordion.js"),i=function(e){var l=e.date,i=e.time,u=e.menuSteps,d=e.formValues,p=e.isNotShownPeopleAmount,y=e.eventName,E=e.transactionFee,v=void 0===E?0:E,f=e.productsWithErrors,N=e.isLoading,S=e.hasPeopleInput,g=e.peopleAmount,B=m.useTranslation("Design").t,j=o.useIntl().formatNumber,k=t.useMemo((function(){if(d){var e=Object.values(d).filter(Boolean);return null==e?void 0:e.filter((function(e){return 0!==(null==e?void 0:e.quantity)}))}}),[d]);return N?r.createElement("div",{className:"payment-booking-summary"},r.createElement(n.LoaderIndicator,{isLoaded:!1})):r.createElement("div",{className:"payment-booking-summary"},r.createElement(s.BookingSummaryAccordion,{hasPeopleInput:S},r.createElement("div",{className:"event-info"},r.createElement("p",{className:"m-0 title event-name"},y),r.createElement("p",{className:"m-0"},l),i&&r.createElement("p",{className:"m-0"},i)),r.createElement("hr",null),(null==k?void 0:k.length)>0?r.createElement("div",null,r.createElement("div",{className:"cart-items"},u.map((function(e){return r.createElement(c.ProductsByMenuStep,{key:e.id,orderProducts:k,step:e,productsWithErrors:f})})),!p&&g>0&&r.createElement(r.Fragment,null,r.createElement("hr",null),r.createElement("div",{className:"d-flex justify-content-between mt-3"},r.createElement("p",{className:"m-0"},B("people"),":"),r.createElement("p",{className:"price"},g))),!!v&&r.createElement(r.Fragment,null,r.createElement("hr",null),r.createElement("div",{className:"d-flex justify-content-between mt-3"},r.createElement("p",{className:"m-0"},B("transactionFee"),":"),r.createElement("p",{className:"price"},j(v,{style:"currency",currency:a.Currency.GBP})))))):r.createElement("div",{className:"cart-items"},r.createElement("p",{className:"empty-cart"},B("emptyBasket")))))};i.SummaryTotal=l.SummaryTotal,i.Accordion=s.BookingSummaryAccordion,exports.BookingSummary=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),r=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,a=require("@licklist/core/dist/Config"),n=require("../../../../static/loader/LoaderIndicator.js"),m=require("react-i18next");require("../../../../static/index.js");var c=require("react-intl");require("./components/SummaryTotal/components/SummaryTotalBlock.js");var o=require("./components/ProductsByMenuStep/ProductsByMenuStep.js"),l=require("./components/SummaryTotal/SummaryTotal.js"),s=require("./components/BookingSummaryAccordion/BookingSummaryAccordion.js"),i=function(e){var l=e.date,i=e.time,u=e.menuSteps,d=e.formValues,p=e.shouldHidePeopleAmount,y=e.eventName,E=e.transactionFee,v=void 0===E?0:E,f=e.productsWithErrors,N=e.isLoading,S=e.hasPeopleInput,g=e.peopleAmount,B=m.useTranslation("Design").t,j=c.useIntl().formatNumber,k=t.useMemo((function(){if(d){var e=Object.values(d).filter(Boolean);return null==e?void 0:e.filter((function(e){return 0!==(null==e?void 0:e.quantity)}))}}),[d]);return N?r.createElement("div",{className:"payment-booking-summary"},r.createElement(n.LoaderIndicator,{isLoaded:!1})):r.createElement("div",{className:"payment-booking-summary"},r.createElement(s.BookingSummaryAccordion,{hasPeopleInput:S},r.createElement("div",{className:"event-info"},r.createElement("p",{className:"m-0 title event-name"},y),r.createElement("p",{className:"m-0"},l),i&&r.createElement("p",{className:"m-0"},i)),r.createElement("hr",null),(null==k?void 0:k.length)>0?r.createElement("div",null,r.createElement("div",{className:"cart-items"},u.map((function(e){return r.createElement(o.ProductsByMenuStep,{key:e.id,orderProducts:k,step:e,productsWithErrors:f})})),!p&&g>0&&r.createElement(r.Fragment,null,r.createElement("hr",null),r.createElement("div",{className:"d-flex justify-content-between mt-3"},r.createElement("p",{className:"m-0"},B("people"),":"),r.createElement("p",{className:"price"},g))),!!v&&r.createElement(r.Fragment,null,r.createElement("hr",null),r.createElement("div",{className:"d-flex justify-content-between mt-3"},r.createElement("p",{className:"m-0"},B("transactionFee"),":"),r.createElement("p",{className:"price"},j(v,{style:"currency",currency:a.Currency.GBP})))))):r.createElement("div",{className:"cart-items"},r.createElement("p",{className:"empty-cart"},B("emptyBasket")))))};i.SummaryTotal=l.SummaryTotal,i.Accordion=s.BookingSummaryAccordion,exports.BookingSummary=i;

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

@@ -10,7 +10,7 @@ export type BookingSummaryProps = {
         [key: string]: Order;
     };
     totalWithDiscount?: number;
-    isNotShownPeopleAmount?: boolean;
+    shouldHidePeopleAmount?: boolean;
     eventName?: string;
     hasPeopleInput?: boolean;
     transactionFee?: number;

package/dist/iframe/order-process/components/utils/useCategoryVerification.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@licklist/core/dist/Config"),r=require("react-i18next"),n=require("react-intl");exports.useCategoryVerification=function(){var t=r.useTranslation("Validation").t,i=n.useIntl().formatNumber;return function(r,n,u){var a,o=Object.values(r).filter((function(e){return(null==e?void 0:e.quantity)>0})),c=n.reduce((function(e,r){var n=r.products.filter((function(e){return o.map((function(e){return e.id})).includes(null==e?void 0:e.id)}));return e+((null==n?void 0:n.reduce((function(e,r){return e+((null==r?void 0:r.minSpend)||0)}),0))||0)}),0),d=o.reduce((function(e,r){return e+r.price*r.quantity}),0);if(n.forEach((function(e){var r=e.minSubItems,n=e.maxSubItems,i=e.id,u=e.name;if(r||n){var c=o.filter((function(e){return(null==e?void 0:e.productsCategoryId)===i})).length;if(r&&c<r){var d=t("Validation:fieldMinNumber",{min:r,attribute:"number of products in the ".concat(u," category")});a={id:i,message:d}}else if(n&&c>n){d=t("Validation:fieldMaxNumber",{max:n,attribute:"number of products in the ".concat(u," category")});a={id:i,message:d}}}})),d<c&&!a&&u){var l=t("Design:minimumSpendSumValidation",{minSpend:i(c,{style:"currency",currency:e.Currency.GBP})});a={message:l}}return a}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@licklist/core/dist/Config"),n=require("react-i18next"),r=require("react-intl");exports.useCategoryVerification=function(){var t=n.useTranslation("Validation").t,i=r.useIntl().formatNumber;return function(n,r,u){var a,o=Object.values(n).filter((function(e){return(null==e?void 0:e.quantity)>0})),c=r.reduce((function(e,n){return e+n.products.filter((function(e){return o.map((function(e){return e.id})).includes(null==e?void 0:e.id)})).reduce((function(e,n){var r,t=(null===(r=o.find((function(e){return e.id===n.id})))||void 0===r?void 0:r.quantity)||1;return e+n.minSpend*t}),0)}),0),d=o.reduce((function(e,n){return e+n.price*n.quantity}),0);if(r.forEach((function(e){var n=e.minSubItems,r=e.maxSubItems,i=e.id,u=e.name;if(n||r){var c=o.filter((function(e){return(null==e?void 0:e.productsCategoryId)===i})).length;if(n&&c<n){var d=t("Validation:fieldMinNumber",{min:n,attribute:"number of products in the ".concat(u," category")});a={id:i,message:d}}else if(r&&c>r){d=t("Validation:fieldMaxNumber",{max:r,attribute:"number of products in the ".concat(u," category")});a={id:i,message:d}}}})),d<c&&!a&&u){var l=t("Design:minimumSpendSumValidation",{minSpend:i(c,{style:"currency",currency:e.Currency.GBP})});a={message:l}}return a}};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@licklist/design",
-  "version": "0.44.486-dev.47",
+  "version": "0.44.486-dev.49",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/artelogicsoft/licklist_design.git"

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

@@ -14,7 +14,7 @@ export const BookingSummary = ({
   time,
   menuSteps,
   formValues,
-  isNotShownPeopleAmount,
+  shouldHidePeopleAmount,
   eventName,
   transactionFee = 0,
   productsWithErrors,
@@ -65,7 +65,7 @@ export const BookingSummary = ({
                   />
                 );
               })}
-              {!isNotShownPeopleAmount && peopleAmount > 0 && (
+              {!shouldHidePeopleAmount && peopleAmount > 0 && (
                 <>
                   <hr />
                   <div className="d-flex justify-content-between mt-3">

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

@@ -12,7 +12,7 @@ export type BookingSummaryProps = {
     [key: string]: Order;
   };
   totalWithDiscount?: number;
-  isNotShownPeopleAmount?: boolean;
+  shouldHidePeopleAmount?: boolean;
   eventName?: string;
   hasPeopleInput?: boolean;
   transactionFee?: number;

package/src/iframe/order-process/components/utils/useCategoryVerification.ts

@@ -27,12 +27,12 @@ export const useCategoryVerification = () => {
       const selectedProducts = products.filter((product) =>
         productArray.map((el) => el.id).includes(product?.id)
       );
-
-      const productMinSpendsSum =
-        selectedProducts?.reduce(
-          (sum, product) => sum + (product?.minSpend || 0),
-          0
-        ) || 0;
+      const productMinSpendsSum = selectedProducts.reduce((sum, product) => {
+        const quantity =
+          productArray.find((selected) => selected.id === product.id)
+            ?.quantity || 1;
+        return sum + product.minSpend * quantity;
+      }, 0);
 
       return acc + productMinSpendsSum;
     }, 0);

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

@@ -38,7 +38,7 @@ Default.args = {
       },
       numberOfPeople: 1,
     },
-    isNotShownPeopleAmount: true,
+    shouldHidePeopleAmount: true,
     menuSteps: [],
   },
 };