@licklist/design 0.44.478 → 0.44.479

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, menuSteps, formValues, isNotShownPeopleAmount, eventName, transactionFee, productsWithErrors, isLoading, hasPeopleInput, }: Omit<BookingSummaryProps, "totallWithDiscount">): JSX.Element;
+    ({ date, menuSteps, formValues, isNotShownPeopleAmount, 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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BookingSummary.d.ts","sourceRoot":"","sources":["../../../../../src/iframe/order-process/components/BookingSummary/BookingSummary.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAK9C,eAAO,MAAM,cAAc;yIAUxB,KAAK,mBAAmB,EAAE,oBAAoB,CAAC;;;CAgFjD,CAAC"}
+{"version":3,"file":"BookingSummary.d.ts","sourceRoot":"","sources":["../../../../../src/iframe/order-process/components/BookingSummary/BookingSummary.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAI9C,eAAO,MAAM,cAAc;uJAWxB,KAAK,mBAAmB,EAAE,oBAAoB,CAAC;;;CAyEjD,CAAC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"SummaryTotal.d.ts","sourceRoot":"","sources":["../../../../../../src/iframe/order-process/components/BookingSummary/components/SummaryTotal/SummaryTotal.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAIlD,eAAO,MAAM,YAAY,sEAKtB,KACD,mBAAmB,EACnB,YAAY,GAAG,mBAAmB,GAAG,gBAAgB,GAAG,eAAe,CACxE,gBAmCA,CAAC"}
+{"version":3,"file":"SummaryTotal.d.ts","sourceRoot":"","sources":["../../../../../../src/iframe/order-process/components/BookingSummary/components/SummaryTotal/SummaryTotal.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAIlD,eAAO,MAAM,YAAY,sEAKtB,KACD,mBAAmB,EACnB,YAAY,GAAG,mBAAmB,GAAG,gBAAgB,GAAG,eAAe,CACxE,gBA4BA,CAAC"}

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),r=require("react"),n=(e=r)&&"object"==typeof e&&"default"in e?e.default:e,a=require("react-i18next"),u=require("./components/SummaryTotalBlock.js"),o=require("../../utils/index.js");exports.SummaryTotal=function(e){var l=e.formValues,i=e.totalWithDiscount,s=e.transactionFee,c=void 0===s?0:s,m=e.isFreePayment,f=void 0!==m&&m,d=a.useTranslation("Design").t,y=t.__read(r.useMemo((function(){var e=o.sanitizeFormValues(l),r=e.numberOfPeople,n=t.__rest(e,["numberOfPeople"]);return[r,Object.keys(n).map((function(e){return n[e]})).filter((function(e){return 0!==e.quantity}))]}),[l]),2),b=y[1],p=f?0:o.cartSumByOrderProducts(b)+c;return b.length?n.createElement("div",{className:"d-flex flex-column justify-content-between"},n.createElement(u.SummaryTotalBlock,{label:d("total"),amount:p}),!!i&&!f&&n.createElement(u.SummaryTotalBlock,{label:d("totalWithDiscount"),amount:i+c})):null};
+"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("react-i18next"),l=require("./components/SummaryTotalBlock.js"),n=require("../../utils/index.js");exports.SummaryTotal=function(e){var o=e.formValues,u=e.totalWithDiscount,i=e.transactionFee,c=void 0===i?0:i,s=e.isFreePayment,m=void 0!==s&&s,f=a.useTranslation("Design").t,d=t.useMemo((function(){return Object.values(o).filter(Boolean).filter((function(e){return 0!==(null==e?void 0:e.quantity)}))}),[o]),y=m?0:n.cartSumByOrderProducts(d)+c;return d.length?r.createElement("div",{className:"d-flex flex-column justify-content-between"},r.createElement(l.SummaryTotalBlock,{label:f("total"),amount:y}),!!u&&!m&&r.createElement(l.SummaryTotalBlock,{label:f("totalWithDiscount"),amount:u+c})):null};

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

@@ -6,7 +6,7 @@ export declare type BookingSummaryProps = {
     date: string;
     menuSteps: MenuStep[];
     formValues: {
-        [key: string]: Order | number;
+        [key: string]: Order;
     };
     totalWithDiscount?: number;
     isNotShownPeopleAmount?: boolean;
@@ -16,5 +16,6 @@ export declare type BookingSummaryProps = {
     isFreePayment?: boolean;
     productsWithErrors?: ProductQuantityCheckResponse["products"];
     isLoading?: boolean;
+    peopleAmount: number;
 };
 //# 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,4BAA4B,EAAE,MAAM,8CAA8C,CAAC;AAC5F,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAEvD,eAAO,MAAM,YAAY,MAAM,CAAC;AAChC,eAAO,MAAM,aAAa,oBAAoB,CAAC;AAE/C,oBAAY,mBAAmB,GAAG;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,UAAU,EAAE;QACV,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC;KAC/B,CAAC;IACF,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kBAAkB,CAAC,EAAE,4BAA4B,CAAC,UAAU,CAAC,CAAC;IAC9D,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/iframe/order-process/components/BookingSummary/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,MAAM,8CAA8C,CAAC;AAC5F,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAEvD,eAAO,MAAM,YAAY,MAAM,CAAC;AAChC,eAAO,MAAM,aAAa,oBAAoB,CAAC;AAE/C,oBAAY,mBAAmB,GAAG;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,UAAU,EAAE;QACV,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC;KACtB,CAAC;IACF,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kBAAkB,CAAC,EAAE,4BAA4B,CAAC,UAAU,CAAC,CAAC;IAC9D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC"}

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

@@ -1,7 +1,3 @@
 import { Order } from "../../../../../types";
-import { BookingSummaryProps } from "../types";
-export declare const sanitizeFormValues: (formValues: BookingSummaryProps["formValues"]) => {
-    [key: string]: number | Order;
-};
 export declare const cartSumByOrderProducts: (orderProducts: Order[]) => number;
 //# sourceMappingURL=index.d.ts.map

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

@@ -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;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAE/C,eAAO,MAAM,kBAAkB,eACjB,mBAAmB,CAAC,YAAY,CAAC;;CAiB5C,CAAC;AAEJ,eAAO,MAAM,sBAAsB,kBAAmB,KAAK,EAAE,WAKtD,CAAC"}
+{"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,kBAAmB,KAAK,EAAE,WAKtD,CAAC"}

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib");exports.cartSumByOrderProducts=function(e){return e.reduce((function(e,r){return e+((null==r?void 0:r.deposit)||(null==r?void 0:r.price))*r.quantity}),0)},exports.sanitizeFormValues=function(r){return Object.keys(r).reduce((function(t,u){var n,i=r[u];return i?e.__assign(e.__assign({},t),((n={})[u]=i,n)):t}),{})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.cartSumByOrderProducts=function(e){return e.reduce((function(e,r){return e+((null==r?void 0:r.deposit)||(null==r?void 0:r.price))*r.quantity}),0)};

package/dist/styles/iframe-events/Event.scss

@@ -91,11 +91,9 @@
 
   &__select-product {
     width: 10.5rem !important;
-    margin-top: 1rem;
   }
 
   &__unselect-product {
-    margin-top: 1rem;
     width: 10.5rem !important;
     background-color: $snippet-elements-button-color !important;
     color: $snippet-elements-button-background-color !important;

package/package.json

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

package/src/iframe/order-process/OrderProcess.stories.tsx

@@ -15,7 +15,6 @@ import { StepsForm } from "./components/StepsForm";
 import { Page, PageBody, PageHeader } from "../page";
 import { StepsFormRef } from "./components/StepsForm/StepsForm";
 import { BookingSummaryFooter } from "./components/BookingSummaryFooter";
-import { sanitizeFormValues } from "./components/BookingSummary/utils";
 import { Order } from "../../types";
 // eslint-disable-next-line max-len
 import { RenderNumberOfPeopleInputComponent } from "../event/event-details/components/number-of-people-input/component/RenderNumberOfPeopleInputComponent";
@@ -267,10 +266,7 @@ export function Default() {
                 };
 
                 const shouldShowPeopleInput = useMemo(() => {
-                  const { numberOfPeople, ...orderProducts } =
-                    sanitizeFormValues(formValues);
-
-                  const values = Object.values(orderProducts).filter(
+                  const values = Object.values(formValues).filter(
                     Boolean
                   ) as Order[];
                   const filteredValues = values.filter(
@@ -347,6 +343,7 @@ export function Default() {
                             date="29 Sept 2022 at 09:00"
                             menuSteps={menuSteps as any}
                             formValues={formValues}
+                            peopleAmount={peopleAmount}
                             totalWithDiscount={5}
                             eventName="Glam!"
                           />

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

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import React from "react";
 import { Meta } from "@storybook/react";
 import { BookingSummary } from "./BookingSummary";
 
@@ -139,6 +139,7 @@ export function Default() {
         <BookingSummary
           date="29 Sept 2022 at 09:00"
           menuSteps={menuSteps as any}
+          peopleAmount={5}
           formValues={{
             "3": {
               id: 3,
@@ -161,7 +162,6 @@ export function Default() {
               price: 1,
               productsCategoryId: 1,
             },
-            numberOfPeople: 5,
           }}
           totalWithDiscount={5}
           transactionFee={0.01}

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

@@ -6,7 +6,6 @@ import { LoaderIndicator } from "../../../../static";
 import { MenuStep, Order } from "../../../../types";
 import { ProductsByMenuStep } from "./components/ProductsByMenuStep";
 import { BookingSummaryProps } from "./types";
-import { sanitizeFormValues } from "./utils";
 import { SummaryTotal } from "./components/SummaryTotal";
 import { BookingSummaryAccordion } from "./components/BookingSummaryAccordion";
 
@@ -20,21 +19,15 @@ export const BookingSummary = ({
   productsWithErrors,
   isLoading,
   hasPeopleInput,
+  peopleAmount,
 }: Omit<BookingSummaryProps, "totallWithDiscount">) => {
   const { t } = useTranslation("Design");
   const { formatNumber } = useIntl();
 
-  const [numberOfPeople = 0, orderProducts] = useMemo(() => {
-    const { numberOfPeople, ...orderProducts } = sanitizeFormValues(formValues);
+  const orderProducts = useMemo(() => {
+    const products = Object.values(formValues).filter(Boolean) as Order[];
 
-    const products = Object.keys(orderProducts).map(
-      (productId) => orderProducts[productId]
-    ) as Order[];
-
-    return [
-      numberOfPeople as number,
-      products.filter((prod) => prod.quantity !== 0),
-    ];
+    return products?.filter((prod) => prod?.quantity !== 0);
   }, [formValues]);
 
   if (isLoading) {
@@ -67,12 +60,12 @@ export const BookingSummary = ({
                   />
                 );
               })}
-              {!isNotShownPeopleAmount && numberOfPeople > 0 && (
+              {!isNotShownPeopleAmount && peopleAmount > 0 && (
                 <>
                   <hr />
                   <div className="d-flex justify-content-between mt-3">
                     <p className="m-0">{t("people")}:</p>
-                    <p className="price">{numberOfPeople}</p>
+                    <p className="price">{peopleAmount}</p>
                   </div>
                 </>
               )}

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

@@ -1,8 +1,7 @@
 import React, { useMemo } from "react";
 import { useTranslation } from "react-i18next";
-import { Order } from "../../../../../../types";
 import { BookingSummaryProps } from "../../types";
-import { sanitizeFormValues, cartSumByOrderProducts } from "../../utils";
+import { cartSumByOrderProducts } from "../../utils";
 import { SummaryTotalBlock } from "./components/SummaryTotalBlock";
 
 export const SummaryTotal = ({
@@ -15,17 +14,10 @@ export const SummaryTotal = ({
   "formValues" | "totalWithDiscount" | "transactionFee" | "isFreePayment"
 >) => {
   const { t } = useTranslation("Design");
-  const [, orderProducts] = useMemo(() => {
-    const { numberOfPeople, ...orderProducts } = sanitizeFormValues(formValues);
+  const orderProducts = useMemo(() => {
+    const products = Object.values(formValues).filter(Boolean);
 
-    const products = Object.keys(orderProducts).map(
-      (productId) => orderProducts[productId]
-    ) as Order[];
-
-    return [
-      numberOfPeople as number,
-      products.filter((prod) => prod.quantity !== 0),
-    ];
+    return products.filter((prod) => prod?.quantity !== 0);
   }, [formValues]);
 
   const cartSum = isFreePayment

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

@@ -8,7 +8,7 @@ export type BookingSummaryProps = {
   date: string;
   menuSteps: MenuStep[];
   formValues: {
-    [key: string]: Order | number;
+    [key: string]: Order;
   };
   totalWithDiscount?: number;
   isNotShownPeopleAmount?: boolean;
@@ -18,4 +18,5 @@ export type BookingSummaryProps = {
   isFreePayment?: boolean;
   productsWithErrors?: ProductQuantityCheckResponse["products"];
   isLoading?: boolean;
+  peopleAmount: number;
 };

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

@@ -1,25 +1,4 @@
 import { Order } from "../../../../../types";
-import { BookingSummaryProps } from "../types";
-
-export const sanitizeFormValues = (
-  formValues: BookingSummaryProps["formValues"]
-) =>
-  Object.keys(formValues).reduce(
-    (
-      prevValues: {
-        [key: string]: Order | number;
-      },
-      currentKey: string
-    ) => {
-      const value = formValues[currentKey];
-      if (value) {
-        return { ...prevValues, [currentKey]: value };
-      }
-
-      return prevValues;
-    },
-    {}
-  );
 
 export const cartSumByOrderProducts = (orderProducts: Order[]) =>
   orderProducts.reduce((prevSumValue: number, product) => {

package/src/iframe/order-process/components/CalendarStepsForm/CalendarStepsForm.stories.tsx

@@ -174,7 +174,12 @@ const OrderProcessContextProvider: React.FC = ({ children }) => {
 
   return (
     <OrderProcessContext.Provider
-      value={{ orderFormValues, setOrderFormValues, formValues, setFormValues }}
+      value={{
+        orderFormValues,
+        setOrderFormValues,
+        formValues,
+        setFormValues,
+      }}
     >
       {children}
     </OrderProcessContext.Provider>
@@ -403,6 +408,8 @@ const MENU_STEPS = [
 
 export function Default() {
   const { formValues, setFormValues } = useContext(OrderProcessContext);
+  const [peopleAmount] = useState(0);
+
   return (
     <div className="snippet">
       <OrderProcessContextProvider>
@@ -434,6 +441,7 @@ export function Default() {
                 <BookingSummary
                   date="29 Sept 2022 at 09:00"
                   menuSteps={menuSteps as any}
+                  peopleAmount={peopleAmount}
                   formValues={formValues}
                   totalWithDiscount={5}
                   eventName="Glam!"

package/src/styles/iframe-events/Event.scss

@@ -91,11 +91,9 @@
 
   &__select-product {
     width: 10.5rem !important;
-    margin-top: 1rem;
   }
 
   &__unselect-product {
-    margin-top: 1rem;
     width: 10.5rem !important;
     background-color: $snippet-elements-button-color !important;
     color: $snippet-elements-button-background-color !important;