@licklist/design 0.44.550-dev.7 → 0.44.550

package/dist/types/iframe.d.ts

@@ -1,3 +1,51 @@
-import { OrderItems } from "@licklist/plugins/dist/types/context/Iframe/orderItems";
-export type SetOrderFn = (val: OrderItems | ((prevVar: OrderItems) => OrderItems)) => void;
+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[];
+}
+export interface Order {
+    id: number;
+    quantity: number;
+    price: number;
+    name: string;
+    productsCategoryId: number;
+    deposit?: number | null;
+}
+export type SetOrderFn = (val: Record<number, Order> | ((prevVar: Record<number, Order>) => Record<number, Order>)) => void;
+export type WizardFormValues = {
+    [key: string]: any;
+};
 //# sourceMappingURL=iframe.d.ts.map

package/dist/types/iframe.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"iframe.d.ts","sourceRoot":"","sources":["../../src/types/iframe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wDAAwD,CAAC;AAEpF,MAAM,MAAM,UAAU,GAAG,CACvB,GAAG,EAAE,UAAU,GAAG,CAAC,CAAC,OAAO,EAAE,UAAU,KAAK,UAAU,CAAC,KACpD,IAAI,CAAC"}
+{"version":3,"file":"iframe.d.ts","sourceRoot":"","sources":["../../src/types/iframe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0DAA0D,CAAC;AAClG,OAAO,EAAE,IAAI,EAAE,MAAM,wDAAwD,CAAC;AAE9E,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC9B,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,oBAAoB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACpB;AAED,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,iBAAiB,CAAC,EAAE,eAAe,EAAE,CAAC;CACvC;AAED,MAAM,WAAW,IAAI;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,QAAQ,EAAE,CAAC;CACvB;AAID,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,kBAAkB,EAAE,MAAM,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACzB;AAED,MAAM,MAAM,UAAU,GAAG,CACvB,GAAG,EACC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,GACrB,CAAC,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,KAC5D,IAAI,CAAC;AAEV,MAAM,MAAM,gBAAgB,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@licklist/design",
-  "version": "0.44.550-dev.7",
+  "version": "0.44.550",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/artelogicsoft/licklist_design.git"
@@ -53,9 +53,9 @@
     "@fortawesome/free-brands-svg-icons": "5.15.2",
     "@fortawesome/free-solid-svg-icons": "5.15.2",
     "@fortawesome/react-fontawesome": "0.1.9",
-    "@licklist/core": ">=0.15.41-dev.0 < 0.15.41",
+    "@licklist/core": "0.15.x",
     "@licklist/eslint-config": "0.3.4",
-    "@licklist/plugins": ">=0.20.133-dev.5 < 0.20.133",
+    "@licklist/plugins": "0.20.x",
     "@mdx-js/react": "1.6.22",
     "@popperjs/core": "2.11.8",
     "@react-aria/utils": "3.9.0",

package/src/events/event-card/utils.ts

@@ -103,19 +103,11 @@ export const getStatisticInfo = (
     .toFormat(DATE_FORMAT);
   const summaryFormattedDate = DateTime.fromISO(date)
     .toUTC()
-    .toFormat(DATE_FORMAT);
-
-  const summaryDays =
-    Object.keys(eventStatistic?.productCategorySummary)?.filter(
-      (date) =>
-        DateTime.fromFormat(date, DATE_TIME_FULL_FORMAT).toFormat(
-          DATE_FORMAT
-        ) === summaryFormattedDate
-    ) ?? [];
+    .toFormat(DATE_TIME_FULL_FORMAT);
 
   const totalViews = calculateTotalViews([viewsFormattedDate], eventStatistic);
   const [totalSold, totalAmount] = calculateTotalSoldAndAmount(
-    summaryDays,
+    [summaryFormattedDate],
     eventStatistic
   );
 

package/src/events/event-statistic-modal/EventStatisticModal.stories.tsx

@@ -91,57 +91,6 @@ Default.args = {
           ],
         },
       ],
-      "2023-08-31 10:35:00": [
-        {
-          eventId: 1236,
-          categoryName: "ticket",
-          totalPerCategory: 1300,
-          productsSummary: [
-            {
-              id: 221,
-              name: "VIP",
-              productsSold: 13,
-              totalQuantity: 25,
-              total: 1300,
-            },
-          ],
-        },
-        {
-          eventId: 1236,
-          categoryName: "booking cat",
-          totalPerCategory: 275,
-          productsSummary: [
-            {
-              id: 222,
-              name: "Table booking",
-              productsSold: 11,
-              totalQuantity: null,
-              total: 275,
-            },
-          ],
-        },
-        {
-          eventId: 1236,
-          categoryName: "Menu",
-          totalPerCategory: 450,
-          productsSummary: [
-            {
-              id: 223,
-              name: "Wine 1 bottle",
-              productsSold: 9,
-              totalQuantity: null,
-              total: 360,
-            },
-            {
-              id: 224,
-              name: "caesar salad",
-              productsSold: 9,
-              totalQuantity: null,
-              total: 90,
-            },
-          ],
-        },
-      ],
     },
   },
 };

package/src/events/event-statistic-modal/utils/index.ts

@@ -8,19 +8,6 @@ export const TRANSLATION_KEYS = {
   totalPerCategory: "totalPerCategory",
 };
 
-type TableDataRecord = {
-  name: string;
-  key: string;
-  isHeader?: boolean;
-  isBold?: boolean;
-  quantity: string;
-  total: string;
-  metadata?: {
-    _productsSold: number;
-    _total: number;
-  };
-};
-
 export const convertEventStatisticToTableData = (
   date: string,
   eventStatistic: EventStatistic
@@ -32,6 +19,15 @@ export const convertEventStatisticToTableData = (
     return [];
   }
 
+  const tableDataArray: {
+    name: string;
+    key: string;
+    isHeader?: boolean;
+    isBold?: boolean;
+    quantity: string | number;
+    total: string | number;
+  }[] = [];
+
   const summaryFormattedDate = DateTime.fromISO(date)
     .toUTC()
     .toFormat(DATE_FORMAT);
@@ -44,26 +40,16 @@ export const convertEventStatisticToTableData = (
         ) === summaryFormattedDate
     ) ?? [];
 
-  const summaryMap = new Map<string, TableDataRecord>();
-
   summaryDays
     .map((day) => eventStatistic?.productCategorySummary[day])
-    .flat()
-    .sort((prev, next) =>
-      prev.categoryName === next.categoryName
-        ? 0
-        : prev.categoryName > next.categoryName
-        ? 1
-        : -1
-    )
-    .forEach(
-      ({ totalPerCategory, productsSummary = [], categoryName, eventId }) => {
-        let quantity = 0;
+    .forEach((summaries) => {
+      summaries.forEach(
+        ({ totalPerCategory, productsSummary = [], categoryName, eventId }) => {
+          let quantity = 0;
 
-        totalAmount += totalPerCategory || 0;
+          totalAmount += totalPerCategory || 0;
 
-        if (!summaryMap.has(`${categoryName}`)) {
-          summaryMap.set(`${categoryName}`, {
+          tableDataArray.push({
             name: categoryName,
             key: `${eventId}.${categoryName}`,
             isBold: true,
@@ -71,64 +57,42 @@ export const convertEventStatisticToTableData = (
             quantity: TRANSLATION_KEYS.shortQuantity,
             total: TRANSLATION_KEYS.total,
           });
-        }
-
-        productsSummary?.forEach(
-          ({ productsSold, name, totalQuantity, total }) => {
-            quantity += productsSold;
 
-            const existingProduct = summaryMap.get(
-              `${categoryName}.${name}`
-            ) ?? {
-              metadata: {
-                _productsSold: 0,
-                _total: 0,
-              },
-            };
-
-            summaryMap.set(`${categoryName}.${name}`, {
-              name,
-              key: `${eventId}.${categoryName}.${name}`,
-              quantity: totalQuantity
-                ? `${
-                    existingProduct.metadata._productsSold + productsSold
-                  } / ${totalQuantity}`
-                : String(existingProduct.metadata._productsSold + productsSold),
-              total: String(existingProduct.metadata._total + total),
-              metadata: {
-                _productsSold:
-                  existingProduct.metadata._productsSold + productsSold,
-                _total: existingProduct.metadata._total + total,
-              },
-            });
-          }
-        );
-
-        const prevTotalPerCategory = summaryMap.get(
-          `${categoryName}.${TRANSLATION_KEYS.totalPerCategory}`
-        ) ?? {
-          quantity: 0,
-          total: 0,
-        };
-        summaryMap.set(`${categoryName}.${TRANSLATION_KEYS.totalPerCategory}`, {
-          name: TRANSLATION_KEYS.totalPerCategory,
-          key: `${eventId}.${categoryName}.${TRANSLATION_KEYS.totalPerCategory}`,
-          quantity: String(Number(prevTotalPerCategory.quantity) + quantity),
-          total: String(Number(prevTotalPerCategory.total) + totalPerCategory),
-          isBold: true,
-        });
+          productsSummary?.forEach(
+            ({ productsSold, name, totalQuantity, total }) => {
+              quantity += productsSold;
+
+              tableDataArray.push({
+                name,
+                key: `${eventId}.${categoryName}.${name}`,
+                quantity: totalQuantity
+                  ? `${productsSold} / ${totalQuantity}`
+                  : String(productsSold),
+                total: String(total),
+              });
+            }
+          );
+
+          tableDataArray.push({
+            name: TRANSLATION_KEYS.totalPerCategory,
+            key: `${eventId}.${categoryName}.${TRANSLATION_KEYS.totalPerCategory}`,
+            quantity,
+            total: totalPerCategory,
+            isBold: true,
+          });
 
-        totalQuantity += quantity;
-      }
-    );
+          totalQuantity += quantity;
+        }
+      );
+    });
 
-  summaryMap.set(`${TRANSLATION_KEYS.total}.${totalAmount}`, {
+  tableDataArray.push({
     name: TRANSLATION_KEYS.total,
     key: `${TRANSLATION_KEYS.total}.${totalAmount}`,
-    quantity: String(totalQuantity),
-    total: String(totalAmount),
+    quantity: totalQuantity,
+    total: totalAmount,
     isBold: true,
   });
 
-  return [...summaryMap.values()];
+  return tableDataArray;
 };

package/src/events/event-venue-map/components/MapPoint/MapPoint.tsx

@@ -3,7 +3,6 @@ import { Group } from "react-konva";
 import Konva from "konva";
 import { EventVenueMapContext } from "@licklist/plugins/dist/context/event/EventVenueMapContext";
 import { Point } from "@licklist/plugins/dist/types/context/event/point";
-import { Product } from "@licklist/plugins/dist/types/context/sale/menuSteps";
 import { ImageOffset } from "../../types";
 import { PointIcon } from "./components/PointIcon";
 import {
@@ -11,6 +10,7 @@ import {
   calculatePointsCoordinates,
 } from "../../utils";
 import { ProductIcon } from "./components/ProductIcon";
+import { Product } from "../../../../types";
 
 type MapPointProps = Partial<Point> &
   ImageOffset & {

package/src/iframe/event/event-booking-products/EventBookingProducts.tsx

@@ -1,14 +1,13 @@
 import React from "react";
+
 import Accordion from "react-bootstrap/Accordion";
-import { OrderItems } from "@licklist/plugins/dist/types/context/Iframe/orderItems";
-import { ProductCategory } from "@licklist/plugins/dist/types/context/sale/menuSteps";
-import { SetOrderFn } from "../../../types";
+import { ProductCategory, Order, SetOrderFn } from "../../../types";
 import { AccordionItem } from "./components/AccordionItem";
 
 export interface EventBookingProductsProps {
   productsCategories?: ProductCategory[];
   setOrder: SetOrderFn;
-  order: OrderItems;
+  order: Record<number, Order>;
 }
 
 export function EventBookingProducts({

package/src/iframe/event/event-booking-products/components/AccordionItem/AccordionItem.tsx

@@ -1,18 +1,14 @@
 import React from "react";
 import clsx from "clsx";
 import { useIntl } from "react-intl";
+
 import Accordion from "react-bootstrap/Accordion";
 import Card from "react-bootstrap/Card";
 import { useAccordionToggle } from "react-bootstrap/AccordionToggle";
 import AccordionContext from "react-bootstrap/AccordionContext";
-import {
-  OrderItem,
-  OrderItems,
-} from "@licklist/plugins/dist/types/context/Iframe/orderItems";
-import { Product } from "@licklist/plugins/dist/types/context/sale/menuSteps";
 import { NumberInput } from "../../../../../static";
 import Icon from "../../../../../static/Icon";
-import { SetOrderFn } from "../../../../../types";
+import { Order, Product, SetOrderFn } from "../../../../../types";
 
 interface CustomToggleProps {
   eventKey: string;
@@ -23,7 +19,7 @@ interface AccordionItemProps {
   name: string;
   products: Product[];
   setOrder: SetOrderFn;
-  order: Record<number, OrderItem>;
+  order: Record<number, Order>;
   productsCategoryId: number;
 }
 
@@ -90,7 +86,7 @@ interface ProductItemProps {
   name: string;
   price: number;
   description: string;
-  order: OrderItems;
+  order: Record<number, Order>;
   setOrder: SetOrderFn;
   productsCategoryId: number;
 }

package/src/iframe/event/event-order-summary/EventOrderSummary.tsx

@@ -1,7 +1,9 @@
 import React from "react";
 import { useTranslation } from "react-i18next";
+
 import { StaticTable, StaticTableData } from "../../../table/StaticTable";
 
+export { Order } from "../../../types";
 interface EventOrderSummaryProps {
   data: StaticTableData[];
   tableName?: string;

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

@@ -10,11 +10,11 @@ export default {
 const productCategories = [
   {
     id: 1,
-    name: "cat 1",
+    name: "Early Bird General Admission",
     products: [
       {
-        id: 11,
-        name: "cat 1 prod 1",
+        id: 7,
+        name: "Beer",
         description: `Ticket <em>is</em> valid for students and non students. 
           You do not need student ID for this event but do require regular age ID e.g. driving licence or passport. 
           Ticket valid for entry before 11.30pm for 12.30am showtime.`,
@@ -23,8 +23,8 @@ const productCategories = [
         price: 1,
       },
       {
-        id: 12,
-        name: "cat 2 prod 2",
+        id: 8,
+        name: "Wine",
         description: `Ticket is valid for students and non students.
            You do not need <strong>student ID</strong> for this event but do require regular age ID e.g. driving licence or passport.
             Ticket valid for entry before 11.30pm for 12.30am showtime.`,
@@ -37,11 +37,11 @@ const productCategories = [
   },
   {
     id: 2,
-    name: "cat 2",
+    name: "Nice",
     products: [
       {
-        id: 21,
-        name: "cat 2 prod 1",
+        id: 3,
+        name: "Beer",
         description: `Ticket is valid for students and non students. 
           You do not need student ID for this event but do require regular age ID e.g. driving licence or passport. 
           Ticket valid for entry before 11.30pm for 12.30am showtime.`,
@@ -50,8 +50,8 @@ const productCategories = [
         price: 1,
       },
       {
-        id: 22,
-        name: "cat 2 prod 2",
+        id: 5,
+        name: "Wine",
         description: `Ticket is valid for students and non students.
            You do not need <strong>student ID</strong> for this event but do require regular age ID e.g. driving licence or passport.
             Ticket valid for entry before 11.30pm for 12.30am showtime.`,
@@ -66,11 +66,11 @@ const productCategories = [
 const productCategories2 = [
   {
     id: 3,
-    name: "cat 3",
+    name: "fine",
     products: [
       {
-        id: 31,
-        name: "cat 3 prod 1",
+        id: 9,
+        name: "Beer",
         description: `Ticket is valid for students and non students. 
           You do not need student ID for this event but do require regular age ID e.g. driving licence or passport. 
           Ticket valid for entry before 11.30pm for 12.30am showtime.`,
@@ -79,8 +79,8 @@ const productCategories2 = [
         price: 1,
       },
       {
-        id: 32,
-        name: "cat 3 prod 2",
+        id: 10,
+        name: "Wine",
         description: `Ticket is valid for students and non students.
            You do not need student ID for this event but do require regular age ID e.g. driving licence or passport.
             Ticket valid for entry before 11.30pm for 12.30am showtime.`,
@@ -90,15 +90,14 @@ const productCategories2 = [
         // isRequired: true,
       },
     ],
-    zone: 1,
   },
   {
     id: 4,
-    name: "cat 4",
+    name: "Twice",
     products: [
       {
-        id: 41,
-        name: "cat 4 prod 1",
+        id: 11,
+        name: "Beer",
         description: `Ticket is valid for students and non students. 
           You do not need student ID for this event but do require regular age ID e.g. driving licence or passport. 
           Ticket valid for entry before 11.30pm for 12.30am showtime.`,
@@ -107,8 +106,8 @@ const productCategories2 = [
         price: 1,
       },
       {
-        id: 42,
-        name: "cat 4 prod 1",
+        id: 12,
+        name: "Wine",
         description: `Ticket is valid for students and non students.
            You do not need student ID for this event but do require regular age ID e.g. driving licence or passport.
             Ticket valid for entry before 11.30pm for 12.30am showtime.`,
@@ -142,40 +141,26 @@ export function Default() {
           menuSteps={menuSteps as any}
           peopleAmount={5}
           formValues={{
-            "11": {
-              id: 11,
+            "3": {
+              id: 3,
               quantity: 1,
-              name: "cat 1 prod 1",
+              name: "Beer",
               price: 0,
-              productsCategoryId: 1,
+              productsCategoryId: 2,
             },
-            "21": {
-              id: 21,
+            "5": {
+              id: 5,
               quantity: 2,
-              name: "cat 2 prod 1",
+              name: "Wine",
               price: 1,
               productsCategoryId: 2,
             },
-            "31": {
-              id: 31,
+            "7": {
+              id: 7,
               quantity: 4,
-              name: "cat 3 prod 1",
+              name: "Beer",
               price: 1,
-              productsCategoryId: 3,
-            },
-            "32": {
-              id: 32,
-              quantity: 4,
-              name: "cat 3 prod 2",
-              price: 1,
-              productsCategoryId: 3,
-            },
-            "41": {
-              id: 41,
-              quantity: 4,
-              name: "cat 4 prod 1",
-              price: 1,
-              productsCategoryId: 4,
+              productsCategoryId: 1,
             },
           }}
           totalWithDiscount={5}

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

@@ -1,9 +1,9 @@
-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 { values } from "lodash";
 import { LoaderIndicator } from "../../../../static";
+import { MenuStep, Order } from "../../../../types";
 import { ProductsByMenuStep } from "./components/ProductsByMenuStep";
 import { BookingSummaryProps } from "./types";
 import { SummaryTotal } from "./components/SummaryTotal";
@@ -13,11 +13,11 @@ export const BookingSummary = ({
   date,
   time,
   menuSteps,
-  formValues = {},
+  formValues,
   shouldHidePeopleAmount,
   eventName,
   transactionFee = 0,
-  productsWithErrors = [],
+  productsWithErrors,
   isLoading,
   hasPeopleInput,
   peopleAmount,
@@ -25,6 +25,15 @@ export const BookingSummary = ({
   const { t } = useTranslation("Design");
   const { formatNumber } = useIntl();
 
+  const orderProducts = useMemo(() => {
+    if (!formValues) {
+      return undefined;
+    }
+    const products = Object.values(formValues).filter(Boolean) as Order[];
+
+    return products?.filter((prod) => prod?.quantity !== 0);
+  }, [formValues]);
+
   if (isLoading) {
     return (
       <div className="payment-booking-summary">
@@ -43,20 +52,19 @@ export const BookingSummary = ({
         </div>
         <hr />
 
-        {values(formValues)?.length > 0 ? (
+        {orderProducts?.length > 0 ? (
           <div>
             <div className="cart-items">
-              <div className="products-by-menu-step">
-                {menuSteps.map((menuStep) => (
+              {menuSteps.map((menuStep: MenuStep) => {
+                return (
                   <ProductsByMenuStep
                     key={menuStep.id}
-                    orderItems={formValues}
+                    orderProducts={orderProducts}
                     step={menuStep}
                     productsWithErrors={productsWithErrors}
                   />
-                ))}
-              </div>
-
+                );
+              })}
               {!shouldHidePeopleAmount && peopleAmount > 0 && (
                 <>
                   <hr />
@@ -66,7 +74,6 @@ export const BookingSummary = ({
                   </div>
                 </>
               )}
-
               {!!transactionFee && (
                 <>
                   <hr />