@licklist/design 0.44.550-dev.6 → 0.44.550

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

@@ -1,72 +1,90 @@
-import React from "react";
+import React, { useMemo } from "react";
+import { useTranslation } from "react-i18next";
+import { useIntl } from "react-intl";
+import * as Config from "@licklist/core/dist/Config";
 import { QuantityCheckProductInfo } from "@licklist/plugins/dist/types/Api/verifyStock";
-import {
-  OrderItem,
-  OrderItems,
-} from "@licklist/plugins/dist/types/context/Iframe/orderItems";
-import { MenuStep } from "@licklist/plugins/dist/types/context/sale/menuSteps";
-import { values } from "lodash";
-import { ProductSummary } from "../ProductSummary";
-import { getProductError } from "../../utils";
-
-const doesStepHaveItems = (orderItems: OrderItems, step: MenuStep): boolean => {
-  const categoriesIds = step.productCategories.map((category) => category.id);
-
-  const stepItems = values(orderItems).filter((item) =>
-    categoriesIds.includes(item.productsCategoryId)
-  );
-
-  return stepItems.length > 0;
-};
-
-const getOrderItemsForCategory = (
-  orderItems: OrderItems,
-  categoryId: number
-): OrderItem[] =>
-  values(orderItems).filter((item) => item.productsCategoryId === categoryId);
+import { Order, MenuStep } from "../../../../../../types";
 
 export type ProductsByMenuStepsProps = {
-  orderItems: OrderItems;
+  orderProducts: Order[];
   step: MenuStep;
   productsWithErrors?: QuantityCheckProductInfo[];
 };
 
+const getIdFromEntity = (entities: { id: number }[]) =>
+  entities.map(({ id }) => id);
+
 export const ProductsByMenuStep = ({
-  orderItems,
+  orderProducts,
   step,
-  productsWithErrors = [],
+  productsWithErrors,
 }: ProductsByMenuStepsProps) => {
+  const { t } = useTranslation("Design");
+  const { formatNumber } = useIntl();
   const { productCategories } = step;
 
-  if (!doesStepHaveItems(orderItems, step)) return null;
+  const productsByCategories = useMemo(() => {
+    const productsInCategoriesIds = getIdFromEntity(productCategories);
+
+    return orderProducts.filter(({ productsCategoryId }) =>
+      productsInCategoriesIds.includes(productsCategoryId)
+    );
+  }, [productCategories, orderProducts]);
+
+  const productIds = getIdFromEntity(productsByCategories);
+
+  if (!productsByCategories.length) {
+    return null;
+  }
 
   return (
-    <div className="categories">
-      {productCategories.map((category) => {
-        const categoryOrderItems = getOrderItemsForCategory(
-          orderItems,
-          category.id
+    <div className="products-by-menu-step">
+      {productCategories.map(({ name, id, products }) => {
+        const selectedProducts = products.filter(({ id: productId }) =>
+          productIds.includes(productId)
         );
 
-        if (categoryOrderItems.length === 0) return null;
+        if (!selectedProducts.length) {
+          return null;
+        }
 
         return (
-          <div key={category.id} className="products">
-            <p className="m-0 title">{category.name}</p>
-
-            {categoryOrderItems.map((orderItem) => {
-              const productQuantityError = getProductError(
-                productsWithErrors,
-                orderItem.id
+          <div key={id} className="products">
+            <p className="m-0 title">{name}</p>
+            {selectedProducts.map(({ id, name }) => {
+              const orderProduct = productsByCategories.find(
+                ({ id: productId }) => productId === id
               );
 
+              const productQuantityError = (productsWithErrors ?? []).find(
+                (productWithError) =>
+                  productWithError.product_id === orderProduct.id
+              )?.message;
+
               return (
-                <ProductSummary
-                  key={orderItem.id}
-                  name={orderItem.name}
-                  productQuantityError={productQuantityError}
-                  orderProduct={orderItem}
-                />
+                <div className="product" key={id}>
+                  <p className="m-0 name">{name}</p>
+                  <div className="d-flex justify-content-between">
+                    <p className="m-0">
+                      {t("shortQuantity")}:&nbsp;{orderProduct?.quantity}
+                    </p>
+                    <p className="price">
+                      {formatNumber(
+                        (orderProduct?.deposit || orderProduct?.price || 0) *
+                          orderProduct?.quantity,
+                        {
+                          style: "currency",
+                          currency: Config.Currency.GBP,
+                        }
+                      )}
+                    </p>
+                  </div>
+                  {productQuantityError && (
+                    <p className="iframe-event__message-error">
+                      {productQuantityError}
+                    </p>
+                  )}
+                </div>
               );
             })}
           </div>

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

@@ -1,6 +1,5 @@
 import { QuantityCheckProductInfo } from "@licklist/plugins/dist/types/Api/verifyStock";
-import { OrderItems } from "@licklist/plugins/dist/types/context/Iframe/orderItems";
-import { MenuStep } from "@licklist/plugins/dist/types/context/sale/menuSteps";
+import { MenuStep, Order } from "../../../../../types";
 
 export const MOBILE_WIDTH = 576;
 export const ACCORDION_KEY = "booking-summary";
@@ -9,7 +8,9 @@ export type BookingSummaryProps = {
   date: string;
   time?: string;
   menuSteps?: MenuStep[];
-  formValues?: OrderItems;
+  formValues?: {
+    [key: string]: Order;
+  };
   totalWithDiscount?: number;
   shouldHidePeopleAmount?: boolean;
   eventName?: string;

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

@@ -1,7 +1,6 @@
-import { QuantityCheckProductInfo } from "@licklist/plugins/dist/types/Api/verifyStock";
-import { OrderItem } from "@licklist/plugins/dist/types/context/Iframe/orderItems";
+import { Order } from "../../../../../types";
 
-export const cartSumByOrderProducts = (orderProducts?: OrderItem[]) => {
+export const cartSumByOrderProducts = (orderProducts?: Order[]) => {
   if (!orderProducts || !orderProducts.length) {
     return 0;
   }
@@ -13,11 +12,3 @@ export const cartSumByOrderProducts = (orderProducts?: OrderItem[]) => {
     );
   }, 0);
 };
-
-export const getProductError = (
-  productsWithErrors: QuantityCheckProductInfo[],
-  productId: OrderItem["id"]
-): string | undefined =>
-  productsWithErrors.find(
-    (productWithError) => productWithError.product_id === productId
-  )?.message;

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

@@ -1,7 +1,7 @@
 import React from "react";
 import { PointProduct } from "@licklist/core/dist/DataMapper/Product/PointProductDataMapper";
 import { QuantityCheckProductInfo } from "@licklist/plugins/dist/types/Api/verifyStock";
-import { ProductCategory } from "@licklist/plugins/dist/types/context/sale/menuSteps";
+import { ProductCategory } from "../../../../../types";
 import { CategoryProductModal } from "./CategoryProductModal";
 
 export type CategoryProps = {

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

@@ -3,10 +3,7 @@ import clsx from "clsx";
 import { Button } from "react-bootstrap";
 import { PointProduct } from "@licklist/core/dist/DataMapper/Product/PointProductDataMapper";
 import { QuantityCheckProductInfo } from "@licklist/plugins/dist/types/Api/verifyStock";
-import {
-  Product,
-  ProductCategory,
-} from "@licklist/plugins/dist/types/context/sale/menuSteps";
+import { ProductCategory, Product } from "../../../../../types";
 import { CategoryProduct } from "../../CategoryProduct";
 import Icon from "../../../../../static/Icon";
 

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

@@ -6,11 +6,8 @@ import { useIntl } from "react-intl";
 import * as Config from "@licklist/core/dist/Config";
 import HookFormService from "@licklist/plugins/dist/services/Form/HookFormService";
 import { QuantityCheckProductInfo } from "@licklist/plugins/dist/types/Api/verifyStock";
-import {
-  Product,
-  ProductCategory,
-} from "@licklist/plugins/dist/types/context/sale/menuSteps";
 import { TicketDescription } from "../../../event/ticket-description";
+import { ProductCategory, Product } from "../../../../types";
 import { ProductQuantityInput } from "./components/ProductQuantityInput";
 
 interface CategoryProductProps {

package/src/iframe/order-process/components/CategoryProduct/components/ProductQuantityInput/ProductQuantityInput.tsx

@@ -4,11 +4,8 @@ import { Button } from "react-bootstrap";
 import { useTranslation } from "react-i18next";
 import { FieldValues, RefCallBack, UseFormClearErrors } from "react-hook-form";
 import { Zone } from "@licklist/core/dist/DataMapper/Provider/ZoneDataMapper";
-import {
-  Product,
-  ProductCategory,
-} from "@licklist/plugins/dist/types/context/sale/menuSteps";
 import { NumberInput } from "../NumberInput";
+import { Product, ProductCategory } from "../../../../../../types";
 
 interface FormOrderItem {
   id: number;

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

@@ -2,7 +2,7 @@ import { ProductCategory } from "@licklist/core/dist/DataMapper/Product/ProductC
 import { Currency } from "@licklist/core/dist/Config";
 import { useIntl } from "react-intl";
 import { useTranslation } from "react-i18next";
-import { OrderItems } from "@licklist/plugins/dist/types/context/Iframe/orderItems";
+import { Order } from "src/types";
 
 interface CategoryError {
   message: string;
@@ -13,9 +13,8 @@ interface CategoryError {
 export const useCategoryVerification = () => {
   const { t } = useTranslation("Validation");
   const { formatNumber } = useIntl();
-
   return (
-    values: OrderItems,
+    values: Record<Order["id"], Order>,
     productCategories?: ProductCategory[],
     isLastPage?: boolean
   ): CategoryError | void => {

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

@@ -49,7 +49,7 @@ export const PaymentPage = ({
   );
 
   const onCloseWindow = () => {
-    // TODO discuss redirect to site
+    // @TODO discuss redirect to site
     window.location.href = "https://booked.it/";
   };
 
@@ -101,13 +101,14 @@ export const PaymentPage = ({
   }
 
   const orderTotalAmountByFormValues = cartSumByOrderProducts(
-    bookingSummaryProps?.formValues &&
-      Object.values(bookingSummaryProps?.formValues)
+    bookingSummaryProps && bookingSummaryProps?.formValues
+      ? Object.values(bookingSummaryProps?.formValues)
+      : undefined
   );
 
   // User can fill promo code only in iframe application.
-  // It isn't possible via payment link. This check will
-  // be applied when there is no metadata and in case when
+  // It didn't possible via payment link. This check will
+  // be applied when there are no metadata and in case when
   // orderValues sum is greater than amount in order.
   const isCalculatedAmountGreaterThanOrderAmount =
     orderTotalAmountByFormValues > data?.amount;

package/src/iframe/payment/payment-status-page/PaymentStatusPage.tsx

@@ -1,5 +1,7 @@
+// eslint-disable-next-line max-len
 import React, { ReactNode } from "react";
 import { useTranslation } from "react-i18next";
+
 import { PaymentStatusBody } from "./component";
 import { LoaderIndicator } from "../../../static/loader/LoaderIndicator";
 import { Page, PageBody } from "../../page";
@@ -14,7 +16,7 @@ export const ORDER_STATUS_FAILED = "failed";
 export const ORDER_STATUS_SUCCESS = "success";
 export const ORDER_STATUS_PENDING = "pending";
 
-export type OrderStatus =
+export type OrderStatusPrefix =
   | typeof ORDER_STATUS_SUCCESS
   | typeof ORDER_STATUS_FAILED
   | typeof ORDER_STATUS_PENDING;
@@ -24,7 +26,7 @@ interface PaymentStatusComponentProps {
   onBack?: () => void;
   onTryAgain?: () => void;
   isLoading?: boolean;
-  status: OrderStatus;
+  status: OrderStatusPrefix;
   isAppUsingInIframe?: boolean;
   bookingSummaryProps?: BookingSummaryProps;
   EventCardComponent?: ReactNode;
@@ -34,12 +36,6 @@ interface PaymentStatusComponentProps {
   paymentMetadata?: PaymentMetadata;
 }
 
-const titles: Record<OrderStatus, string> = {
-  [ORDER_STATUS_SUCCESS]: "purchaseSuccessful",
-  [ORDER_STATUS_PENDING]: "pendingPayment",
-  [ORDER_STATUS_FAILED]: "purchaseFailed",
-};
-
 // @TODO In future think, how to reuse this component in Iframe Pending, Success and Failed Pages
 export const PaymentStatusPage = ({
   onCloseWindow,
@@ -57,10 +53,27 @@ export const PaymentStatusPage = ({
 }: PaymentStatusComponentProps) => {
   const { t } = useTranslation("Design");
 
-  if (isLoading) return <LoaderIndicator isLoaded={false} />;
+  const getTitle = () => {
+    switch (status) {
+      case ORDER_STATUS_SUCCESS:
+        return t("purchaseSuccessful");
+      case ORDER_STATUS_PENDING:
+        return t("pendingPayment");
+      default:
+        return t("purchaseFailed");
+    }
+  };
+
+  const title = getTitle();
+
+  if (isLoading) {
+    return <LoaderIndicator isLoaded={false} />;
+  }
 
   const orderTotalAmounByFormValues = cartSumByOrderProducts(
-    Object.values(bookingSummaryProps?.formValues ?? {})
+    bookingSummaryProps && bookingSummaryProps?.formValues
+      ? Object.values(bookingSummaryProps?.formValues)
+      : undefined
   );
 
   // User can fill promocode only in iframe appcliation.
@@ -75,7 +88,6 @@ export const PaymentStatusPage = ({
   return (
     <Page
       className="payment-status-page"
-      isAppUsingInIframe={isAppUsingInIframe}
       headerBlock={
         <PaymentStatusHeader
           success={status !== ORDER_STATUS_FAILED}
@@ -86,10 +98,11 @@ export const PaymentStatusPage = ({
           }
         />
       }
+      isAppUsingInIframe={isAppUsingInIframe}
     >
       <PageBody
         leftBlock={
-          <PageBody.LeftBlock title={t(titles[status])}>
+          <PageBody.LeftBlock title={title}>
             <div>
               {EventCardComponent}
               <PaymentStatusBody
@@ -155,7 +168,7 @@ export const PaymentStatusPage = ({
             {bookingSummaryProps ? (
               <BookingSummary {...bookingSummaryProps} />
             ) : (
-              <h6>{t(titles[status])}</h6>
+              <h6>{title}</h6>
             )}
           </PageBody.RightBlock>
         }

package/src/iframe/payment/payment-status-page/component/PaymentStatusBody.tsx

@@ -3,12 +3,12 @@ import { useTranslation } from "react-i18next";
 import {
   ORDER_STATUS_PENDING,
   ORDER_STATUS_SUCCESS,
-  OrderStatus,
+  OrderStatusPrefix,
 } from "../PaymentStatusPage";
 import { StatusBody } from "../../status-body/StatusBody";
 
 interface PaymentStatusBodyProps {
-  status: OrderStatus;
+  status: OrderStatusPrefix;
   onBack: () => void;
   onTryAgain?: () => void;
   email?: string;

package/src/product-set/control/DateAndRecurrenceInput.tsx

@@ -126,8 +126,7 @@ export const DateAndRecurrenceInput = ({
       }
     }
 
-    const availableTime =
-      availableTimesFormRef?.current?.getValues()?.availableTimes || null;
+    const availableTime = availableTimesFormRef?.current?.getValues()?.availableTimes || null;
 
     const values = {
       rrule: next.rrule,

package/src/sales/manual-booking/number-input-horizontal/NumberInputHorizontal.tsx

@@ -1,5 +1,5 @@
 import clsx from "clsx";
-import React, { SyntheticEvent, forwardRef } from "react";
+import React, { forwardRef } from "react";
 import { FormControl } from "react-bootstrap";
 import { useTranslation } from "react-i18next";
 import { Icon } from "../../../static";
@@ -13,7 +13,6 @@ interface NumberInputHorizontalProps {
   onChange: (value: number) => void;
   onPlusClick: (value: number) => void;
   onMinusClick: (value: number) => void;
-  onSelect?: (e: SyntheticEvent) => void;
   min?: number;
   max?: number;
   size?: Sizes;
@@ -36,7 +35,6 @@ export const NumberInputHorizontal = forwardRef<
       onChange,
       onPlusClick,
       onMinusClick,
-      onSelect,
       min,
       max,
       defaultValue,
@@ -56,12 +54,7 @@ export const NumberInputHorizontal = forwardRef<
       }
     };
 
-    const onClick = (e) => {
-      if (onSelect) {
-        onSelect(e);
-      }
-      e.target.select();
-    };
+    const onClick = (e) => e.target.select();
 
     const handleArrowDownClick = () => {
       if (min !== undefined && value > min) {
@@ -105,16 +98,13 @@ export const NumberInputHorizontal = forwardRef<
             ref={ref}
             onClick={onClick}
             type={disabled && hasBigSize ? "text" : "number"}
-            className={clsx(
-              hasBigSize ? "big-sizes-input" : "small-sizes-input",
-              disabled && "border-0"
-            )}
+            className={hasBigSize ? "big-sizes-input" : "small-sizes-input"}
             onChange={(e) => onChange(Number(e.target.value))}
             value={disabled && hasBigSize && !isLoading ? soldOut : value}
             min={min}
             max={max}
             defaultValue={defaultValue}
-            disabled={disabled && !onSelect}
+            disabled={disabled}
           />
         </div>
         <button

package/src/styles/iframe-order-process/IframeOrderProcess.scss

@@ -131,12 +131,6 @@
         font-weight: 500;
       }
 
-      .categories {
-        &:not(:last-child) {
-          border-bottom: 2px solid $separator-color;
-        }
-      }
-
       .products {
         margin-top: 0.5rem;
 
@@ -150,6 +144,10 @@
               margin-bottom: 0.5rem;
             }
           }
+
+          &:not(:last-child) {
+            border-bottom: 2px solid $separator-color;
+          }
         }
 
         &:not(:last-child) {

package/src/styles/sales/BookingResults.scss

@@ -5,7 +5,7 @@
     flex-wrap: wrap;
 
     .result-card {
-      height: 14rem;
+      height: 14.25rem;
       border: 1px solid $gray-400;
       max-width: calc(50% - 0.75rem);
       flex: 0 0 calc(50% - 0.75rem);

package/src/types/iframe.ts

@@ -1,5 +1,61 @@
-import { OrderItems } from "@licklist/plugins/dist/types/context/Iframe/orderItems";
+import { Product as CoreProduct } from "@licklist/core/dist/DataMapper/Product/ProductDataMapper";
+import { Zone } from "@licklist/core/dist/DataMapper/Provider/ZoneDataMapper";
+
+export interface Product {
+  id: number;
+  name: string;
+  description: string;
+  deposit: number;
+  price: number;
+  minSub?: number;
+  minAmount?: number;
+  maxAmount?: number;
+  minSpend?: number | null;
+  isSoldOut?: boolean;
+  isRequired?: boolean;
+  isUnlimited?: boolean;
+  images: CoreProduct["images"];
+  capacity?: number | null;
+  uuid: string;
+}
+
+export interface ProductCategory {
+  id: number;
+  name: string;
+  allowDeposits?: boolean;
+  remainderExpireAfter?: number | null;
+  minSubItems: number | null;
+  maxSubItems: number | null;
+  products?: Product[];
+  zone?: Zone | null;
+}
+
+export interface MenuStep {
+  id: number;
+  name: string;
+  productCategories?: ProductCategory[];
+}
+
+export interface Menu {
+  id: number;
+  menuSteps: MenuStep[];
+}
+
+// TODO similar type exists in iframe app
+// remove this when components are moved to iframe
+export interface Order {
+  id: number;
+  quantity: number;
+  price: number;
+  name: string;
+  productsCategoryId: number;
+  deposit?: number | null;
+}
 
 export type SetOrderFn = (
-  val: OrderItems | ((prevVar: OrderItems) => OrderItems)
+  val:
+    | Record<number, Order>
+    | ((prevVar: Record<number, Order>) => Record<number, Order>)
 ) => void;
+
+export type WizardFormValues = { [key: string]: any };

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

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { OrderItem } from "@licklist/plugins/dist/types/context/Iframe/orderItems";
-type ProductSummaryProps = {
-    name?: string;
-    productQuantityError?: string;
-    orderProduct: OrderItem;
-};
-export declare const ProductSummary: ({ name, productQuantityError, orderProduct, }: ProductSummaryProps) => JSX.Element;
-export {};
-//# sourceMappingURL=ProductSummary.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ProductSummary.d.ts","sourceRoot":"","sources":["../../../../../../src/iframe/order-process/components/BookingSummary/components/ProductSummary/ProductSummary.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,wDAAwD,CAAC;AAEnF,KAAK,mBAAmB,GAAG;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,YAAY,EAAE,SAAS,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,cAAc,kDAIxB,mBAAmB,gBA0BrB,CAAC"}

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

@@ -1 +0,0 @@
-"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("react-i18next"),l=require("react-intl");exports.ProductSummary=function(e){var t=e.name,c=e.productQuantityError,u=e.orderProduct,i=n.useTranslation("Design").t,s=(0,l.useIntl().formatNumber)(((null==u?void 0:u.deposit)||(null==u?void 0:u.price)||0)*(null==u?void 0:u.quantity),{style:"currency",currency:a.Currency.GBP});return r.createElement("div",{className:"product"},r.createElement("p",{className:"m-0 name"},null!=t?t:null==u?void 0:u.name),r.createElement("div",{className:"d-flex justify-content-between"},r.createElement("p",{className:"m-0"},i("shortQuantity"),": ",null==u?void 0:u.quantity),r.createElement("p",{className:"price"},s)),c&&r.createElement("p",{className:"iframe-event__message-error"},c))};

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

@@ -1,2 +0,0 @@
-export * from "./ProductSummary";
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/iframe/order-process/components/BookingSummary/components/ProductSummary/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

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

@@ -1,43 +0,0 @@
-import React from "react";
-import { useTranslation } from "react-i18next";
-import { useIntl } from "react-intl";
-import * as Config from "@licklist/core/dist/Config";
-import { OrderItem } from "@licklist/plugins/dist/types/context/Iframe/orderItems";
-
-type ProductSummaryProps = {
-  name?: string;
-  productQuantityError?: string;
-  orderProduct: OrderItem;
-};
-
-export const ProductSummary = ({
-  name,
-  productQuantityError,
-  orderProduct,
-}: ProductSummaryProps) => {
-  const { t } = useTranslation("Design");
-  const { formatNumber } = useIntl();
-
-  const price = formatNumber(
-    (orderProduct?.deposit || orderProduct?.price || 0) *
-      orderProduct?.quantity,
-    { style: "currency", currency: Config.Currency.GBP }
-  );
-
-  return (
-    <div className="product">
-      <p className="m-0 name">{name ?? orderProduct?.name}</p>
-      <div className="d-flex justify-content-between">
-        <p className="m-0">
-          {t("shortQuantity")}:&nbsp;{orderProduct?.quantity}
-        </p>
-
-        <p className="price">{price}</p>
-      </div>
-
-      {productQuantityError && (
-        <p className="iframe-event__message-error">{productQuantityError}</p>
-      )}
-    </div>
-  );
-};

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

@@ -1 +0,0 @@
-export * from "./ProductSummary";