@licklist/design 0.44.486-dev.68 → 0.44.486-dev.7

package/dist/iframe/activity-card/index.d.ts

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

package/dist/iframe/activity-card/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/iframe/activity-card/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/dist/iframe/payment/order-items-table/types/index.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.AMOUNT_TOTAL="amountTotal",exports.AMOUNT_WITH_DISCOUNT="amountWithDiscount",exports.REMAINING_TO_PAY="remainingToPay",exports.TOTAL_PAID="totalPaid";

package/dist/iframe/payment/order-items-table/utils/paymentSummary.d.ts

@@ -1,3 +0,0 @@
-import { OrderItemsTableProps, SummaryItem } from "../types";
-export declare const getOrderSummaryItems: ({ order, externalDiscount, paymentDetail, isPaymentProcessed, }: OrderItemsTableProps) => SummaryItem[];
-//# sourceMappingURL=paymentSummary.d.ts.map

package/dist/iframe/payment/order-items-table/utils/paymentSummary.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"paymentSummary.d.ts","sourceRoot":"","sources":["../../../../../src/iframe/payment/order-items-table/utils/paymentSummary.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,oBAAoB,EAEpB,WAAW,EAEZ,MAAM,UAAU,CAAC;AA8FlB,eAAO,MAAM,oBAAoB,oEAK9B,oBAAoB,KAAG,WAAW,EAUpC,CAAC"}

package/dist/iframe/payment/order-items-table/utils/paymentSummary.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("./index.js"),r=require("../types/index.js"),a=require("../hooks/useTableData.js");exports.getOrderSummaryItems=function(n){var s=n.order,_=n.externalDiscount,l=n.paymentDetail;return n.isPaymentProcessed?function(n){var s=n.order,_=n.paymentDetail,l=_&&!s.payments.length?t.getExternalPaymentDetail(_):Object.keys(a.PAYMENT_TYPE_TRANSLATE_KEYS).map((function(e){return{translateKey:a.PAYMENT_TYPE_TRANSLATE_KEYS[e],price:t.getPaymentValueByType(s.payments,e)}})),i=t.calculateTotalPrice(s,l),u=t.calculateTotalDiscount(s.payments),y=i-Number(u),p=[{translateKey:r.AMOUNT_TOTAL,price:i}];return u&&p.push({translateKey:r.AMOUNT_WITH_DISCOUNT,price:y<0?0:y}),_&&!s.payments.length?e.__spreadArray(e.__spreadArray([],e.__read(p),!1),e.__read(l),!1):(p.push({translateKey:r.TOTAL_PAID,price:y<=0?0:s.totalAmount}),y<=0||(p=e.__spreadArray(e.__spreadArray([],e.__read(p),!1),e.__read(l),!1),y>s.totalAmount&&p.push({translateKey:r.REMAINING_TO_PAY,price:y-s.totalAmount})),p)}({order:s,paymentDetail:l}):function(a){var n=a.order,s=a.externalDiscount,_=a.paymentDetail,l=_?t.getExternalPaymentDetail(_):void 0,i=t.calculateTotalPrice(n,l),u=[{translateKey:r.AMOUNT_TOTAL,price:i}];return s&&u.push({price:s,translateKey:r.AMOUNT_WITH_DISCOUNT}),l?e.__spreadArray(e.__spreadArray([],e.__read(u),!1),e.__read(t.getExternalPaymentDetail(_)),!1):u}({order:s,externalDiscount:_,paymentDetail:l})};

package/dist/number-of-people-input/NumberOfPeopleInput.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"NumberOfPeopleInput.d.ts","sourceRoot":"","sources":["../../src/number-of-people-input/NumberOfPeopleInput.tsx"],"names":[],"mappings":";AAMA,eAAO,MAAM,mBAAmB,mBA8B/B,CAAC"}

package/dist/number-of-people-input/NumberOfPeopleInput.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,r=require("react"),n=(e=r)&&"object"==typeof e&&"default"in e?e.default:e,o=require("react-hook-form"),t=require("./components/RenderNumberOfPeopleInputComponent.js"),u="numberOfPeople";exports.NumberOfPeopleInput=function(){var e=o.useFormContext(),l=e.control,a=e.clearErrors;return r.useEffect((function(){return function(){a(u)}}),[a]),n.createElement(o.Controller,{control:l,name:u,rules:{required:!0,validate:function(e){return e>0}},render:function(e){var r=e.field,o=r.onChange,u=r.value,l=void 0===u?0:u,a=e.fieldState.invalid;return n.createElement(t.RenderNumberOfPeopleInputComponent,{onChangePeopleAmount:o,peopleAmount:l,peopleAmountError:a})}})};

package/dist/number-of-people-input/components/RenderNumberOfPeopleInputComponent.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RenderNumberOfPeopleInputComponent.d.ts","sourceRoot":"","sources":["../../../src/number-of-people-input/components/RenderNumberOfPeopleInputComponent.tsx"],"names":[],"mappings":";AAOA,MAAM,WAAW,uCAAuC;IACtD,oBAAoB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,YAAY,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,eAAO,MAAM,kCAAkC,+DAI5C,uCAAuC,gBAoCzC,CAAC"}

package/dist/number-of-people-input/components/RenderNumberOfPeopleInputComponent.js

@@ -1 +0,0 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var r=e(require("react")),t=require("react-i18next"),n=e(require("clsx")),a=require("../../iframe/order-process/components/CategoryProduct/components/NumberInput/NumberInput.js");exports.RenderNumberOfPeopleInputComponent=function(e){var o=e.onChangePeopleAmount,m=e.peopleAmount,u=e.peopleAmountError,l=t.useTranslation("Design").t;return r.createElement("div",{id:"numberOfPeople",className:"people-input"},r.createElement("div",{className:"d-flex align-items-center input-wrapper"},r.createElement("h3",{className:"iframe-event__name"},l("people")),r.createElement(a.NumberInput,{onChange:o,onArrowDown:function(){return o(Number(m)-1)},onArrowUp:function(){return o(Number(m)+1)},min:0,value:Number(m),className:n("iframe-event__product-count")})),r.createElement("div",{className:"iframe-event__message-error"},u&&r.createElement("div",{className:"mt-3"},r.createElement("p",null,r.createElement(t.Trans,{t:l,i18nKey:"pleaseSelectAtLeastFrom",values:{min:1,type:"item",from:"this category"}})))))};

package/dist/number-of-people-input/components/index.d.ts

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

package/dist/number-of-people-input/components/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/number-of-people-input/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,sCAAsC,CAAC"}

package/dist/number-of-people-input/index.d.ts

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

package/dist/number-of-people-input/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/number-of-people-input/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,cAAc,CAAC"}

package/dist/provider/location-input/components/FormGroupControll.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-export declare const FormGroupControll: ({ name, label, error }: {
-    name: any;
-    label: any;
-    error: any;
-}) => JSX.Element;
-//# sourceMappingURL=FormGroupControll.d.ts.map

package/dist/provider/location-input/components/FormGroupControll.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormGroupControll.d.ts","sourceRoot":"","sources":["../../../../src/provider/location-input/components/FormGroupControll.tsx"],"names":[],"mappings":";AAIA,eAAO,MAAM,iBAAiB;;;;iBAW7B,CAAC"}

package/dist/provider/location-input/components/FormGroupControll.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,r=require("tslib"),t=require("react"),o=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,l=require("react-bootstrap"),a=require("react-hook-form");exports.FormGroupControll=function(e){var t=e.name,n=e.label,u=e.error,i=a.useFormContext().register;return o.createElement(l.Form.Group,null,o.createElement(l.Form.Label,null,n),o.createElement(l.Form.Control,r.__assign({},i(t),{isInvalid:!!u})),o.createElement(l.Form.Control.Feedback,{type:"invalid"},null==u?void 0:u.message))};

package/dist/provider/location-input/components/index.d.ts

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

package/dist/provider/location-input/components/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/provider/location-input/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}

package/dist/styles/activity-card/_index.scss

@@ -1,2 +0,0 @@
-@import "./GridActivitiesCard.scss";
-@import "./ListActivitiesCard.scss";

package/dist/styles/availability-indicator/AvailabilityIndicator.scss

@@ -1,7 +0,0 @@
-.availability-indicator {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  gap: 0.5rem;
-  font-weight: 300;
-}

package/dist/styles/availability-indicator/_index.scss

@@ -1 +0,0 @@
-@import "./AvailabilityIndicator.scss";

package/dist/styles/date-time-button/_index.scss

@@ -1 +0,0 @@
-@import "./DateTimeButton.scss";

package/dist/zone/form/components/GameDurationControl.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-type GameDurationControlProps = {
-    isLoading: boolean;
-};
-export declare const GameDurationControl: ({ isLoading, }: GameDurationControlProps) => JSX.Element;
-export {};
-//# sourceMappingURL=GameDurationControl.d.ts.map

package/dist/zone/form/components/GameDurationControl.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"GameDurationControl.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/components/GameDurationControl.tsx"],"names":[],"mappings":";AAQA,KAAK,wBAAwB,GAAG;IAC9B,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,mBAAmB,mBAE7B,wBAAwB,gBA+B1B,CAAC"}

package/dist/zone/form/components/GameDurationControl.js

@@ -1 +0,0 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var r=require("tslib"),t=e(require("react")),i=require("react-i18next"),a=require("react-bootstrap"),o=require("react-hook-form"),n=e(require("@licklist/plugins/dist/services/Form/HookFormService")),u=require("@react-aria/utils");exports.GameDurationControl=function(e){var l=e.isLoading,s=u.useId(),d=i.useTranslation(["Design","Validation"]).t,m=o.useFormContext(),c=m.register,f=m.formState.errors;return t.createElement(a.Form.Group,{controlId:s},t.createElement(a.Form.Label,null,d("Design:defaultGameDuration")),t.createElement(a.Form.Control,r.__assign({type:"number"},c("defaultDuration",{required:!1,min:1}),{placeholder:d("Design:duration"),isInvalid:Boolean(f.defaultDuration),disabled:l})),t.createElement(a.Form.Control.Feedback,{type:"invalid"},n.hasError(f.defaultDuration,"min")&&d("Validation:fieldMinNumber",{attribute:d("Design:defaultGameDuration").toLowerCase(),min:1})))};

package/src/assets/logo/favicon.svg

@@ -1,12 +0,0 @@
-<?xml version="1.0"?>
-<svg width="200" height="201" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" version="1.1">
-    <title>Single Colour - Light Blue Light</title>
-    <g class="layer">
-        <title>Layer 1</title>
-        <g fill="none" fill-rule="evenodd" id="Page-1">
-            <g fill="#0E8CE2" fill-rule="nonzero" id="Logo-Export" transform="translate(0 -1835)">
-                <path d="m52.59,1861.52c16.49,-16.49 24.18,-20.75 33.43,-23.55c9.25,-2.8 18.71,-2.8 27.95,0c9.25,2.8 16.95,7.06 33.43,23.55l26.95,26.94c16.48,16.49 20.74,24.18 23.54,33.43c2.81,9.25 2.81,18.71 0,27.95c-2.8,9.25 -7.06,16.95 -23.54,33.43l-26.95,26.95c-16.48,16.48 -24.18,20.74 -33.43,23.54c-9.24,2.81 -18.7,2.81 -27.95,0c-9.25,-2.8 -16.94,-7.06 -33.43,-23.54l-26.94,-26.95c-16.49,-16.48 -20.75,-24.18 -23.55,-33.43c-2.8,-9.24 -2.8,-18.7 0,-27.95c2.8,-9.25 7.06,-16.94 23.55,-33.43l26.94,-26.94zm14.82,14.04l-27.33,27.33c-12.85,12.85 -16.37,18.05 -18.45,24.92c-1.63,5.39 -1.63,10.73 0,16.11c2.06,6.8 5.53,11.97 18.06,24.54l27.72,27.71c12.57,12.54 17.73,16 24.53,18.06c5.39,1.64 10.73,1.64 16.11,0c6.87,-2.08 12.07,-5.59 24.92,-18.44l26.95,-26.95c12.85,-12.85 16.36,-18.05 18.44,-24.92c1.64,-5.38 1.64,-10.72 0,-16.11c-2.08,-6.87 -5.59,-12.07 -18.44,-24.92l-26.95,-26.94c-12.85,-12.85 -18.05,-16.37 -24.92,-18.45c-5.38,-1.63 -10.72,-1.63 -16.11,0c-6.8,2.06 -11.96,5.53 -24.53,18.06zm67.18,50.6c5.48,-5.47 14.37,-5.47 19.85,0c5.47,5.48 5.47,14.37 0,19.85l-44.2,44.19c-5.48,5.48 -14.36,5.48 -19.84,0l-6.45,-6.45c-1.21,-1.21 -1.52,-1.77 -1.72,-2.45c-0.21,-0.68 -0.21,-1.37 0,-2.05c0.2,-0.67 0.51,-1.24 1.72,-2.44l50.64,-50.65zm-73.77,24.53c1.32,-1.32 3.11,-2.06 4.97,-2.05l25.82,0.06c1.4,0 2.54,1.15 2.54,2.55c0,0.67 -0.26,1.3 -0.72,1.78l-1.36,1.4l-16.1,15.95c-1.49,1.48 -3.91,1.48 -5.4,-0.01l-9.75,-9.76c-2.74,-2.74 -2.74,-7.18 0,-9.92" id="Single-Colour---Light-Blue-Light"/>
-            </g>
-        </g>
-    </g>
-</svg>

package/src/availability-indicator/AvailabilityIndicator.tsx

@@ -1,59 +0,0 @@
-import React, { ReactElement } from "react";
-import { useTranslation } from "react-i18next";
-import { ReactComponent as AvailableIcon } from "../assets/iframe/available.svg";
-import { ReactComponent as LimitedIcon } from "../assets/iframe/limited.svg";
-import { ReactComponent as SoldOutIcon } from "../assets/iframe/soldOut.svg";
-
-const LOTS_OF_SPACE_LIMIT = 0.2;
-const LIMITED_LIMIT = 0.8;
-
-const getIconsAndLabels = (
-  booked: number,
-  total: number
-): { label: string; icon: ReactElement } => {
-  if (booked === total) {
-    return { label: "soldOut", icon: <SoldOutIcon className="logo" /> };
-  }
-
-  // lots of space if less than 80% booked
-  if (booked / total <= LOTS_OF_SPACE_LIMIT) {
-    return { label: "lotsOfSpace", icon: <AvailableIcon className="logo" /> };
-  }
-
-  if (booked / total >= LIMITED_LIMIT) {
-    return { label: "limited", icon: <LimitedIcon className="logo" /> };
-  }
-
-  return { label: "available", icon: <AvailableIcon className="logo" /> };
-};
-
-type AvailabilityIndicatorProps = {
-  booked: number;
-  total: number;
-  notAvailable?: boolean;
-};
-
-export const AvailabilityIndicator = ({
-  booked,
-  total,
-  notAvailable,
-}: AvailabilityIndicatorProps) => {
-  const { t } = useTranslation("Design");
-  const { icon, label } = getIconsAndLabels(booked, total);
-
-  if (notAvailable) {
-    return (
-      <div className="availability-indicator">
-        <SoldOutIcon className="logo" />
-        <div>{t("notAvailable")}</div>
-      </div>
-    );
-  }
-
-  return (
-    <div className="availability-indicator">
-      {icon}
-      <div>{t(label)}</div>
-    </div>
-  );
-};

package/src/availability-indicator/index.ts

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

package/src/calendar/Calendar.stories.tsx

@@ -1,33 +0,0 @@
-import React from "react";
-import { DateTime } from "luxon";
-import { Meta, Story } from "@storybook/react";
-import { Calendar, CalendarProps } from "./Calendar";
-
-export default {
-  title: "Iframe/Event/Calendar",
-  component: Calendar,
-} as Meta;
-
-export const Default: Story<CalendarProps> = (args) => {
-  return (
-    <div style={{ backgroundColor: "white" }}>
-      <Calendar {...args} />
-    </div>
-  );
-};
-
-const now = DateTime.now().set({
-  hour: 0,
-  second: 0,
-  millisecond: 0,
-  minute: 0,
-});
-
-Default.args = {
-  disabledDates: [now.minus({ day: 2 }), now, now.plus({ day: 2 })],
-  isLoading: false,
-  fromPrice: "from £10",
-  selectedDate: null,
-  setSelectedDate: () => null,
-  calendarDates: [],
-};

package/src/calendar/Calendar.tsx

@@ -1,46 +0,0 @@
-import React, { Dispatch, ReactElement, SetStateAction } from "react";
-import { DateTime } from "luxon";
-import { CalendarButtons } from "./components/CalendarButtons";
-import { CalendarDates } from "./components/CalendarDates";
-
-export const defaultStartDay = DateTime.now().set({
-  millisecond: 0,
-  second: 0,
-  hour: 0,
-  minute: 0,
-});
-
-export type CalendarProps = {
-  currentDate: DateTime;
-  setCurrentDate: Dispatch<SetStateAction<DateTime>>;
-  calendarDates: DateTime[];
-  disabledDates?: DateTime[];
-  selectedDate: DateTime | null;
-  setSelectedDate: Dispatch<SetStateAction<DateTime | null>>;
-  fromPrice?: string | ReactElement | null;
-  isLoading?: boolean;
-  initialDate?: DateTime;
-  getAvailability?: (
-    date: DateTime
-  ) => { booked: number; total: number } | undefined;
-  includeAvailability?: boolean;
-};
-
-export const Calendar = ({
-  disabledDates = [],
-  initialDate = defaultStartDay,
-  ...props
-}: CalendarProps) => {
-  return (
-    <div className="calendar-wrapper">
-      <div className="calendar">
-        <CalendarButtons
-          disabledDates={disabledDates}
-          initialDate={initialDate}
-          {...props}
-        />
-        <CalendarDates disabledDates={disabledDates} {...props} />
-      </div>
-    </div>
-  );
-};

package/src/calendar/index.ts

@@ -1,3 +0,0 @@
-export * from "./Calendar";
-export * from "./components/CalendarSelect";
-export * from "./utils";

package/src/calendar/utils/index.ts

@@ -1,28 +0,0 @@
-import { DateTime, Interval } from "luxon";
-import isEqual from "lodash/isEqual";
-
-export const isSelectedDateDisabled = (
-  selectedDate: DateTime,
-  disabledDates: DateTime[] = []
-) => {
-  return !!disabledDates.find((disabledDate) =>
-    isEqual(disabledDate.toObject(), selectedDate.toObject())
-  );
-};
-
-export const getMonthCalendarDates = (initialDate: DateTime): DateTime[] => {
-  const startOfMonth = initialDate.startOf("month");
-  const endOfMonth = initialDate.endOf("month");
-
-  return Interval.fromDateTimes(startOfMonth, endOfMonth)
-    .splitBy({ day: 1 })
-    .map((d) => d.start);
-};
-
-export const getWeekCalendarDates = (initialDate: DateTime): DateTime[] => {
-  const lastDay = initialDate.plus({ days: 7 });
-
-  return Interval.fromDateTimes(initialDate, lastDay)
-    .splitBy({ day: 1 })
-    .map((d) => d.start);
-};

package/src/iframe/activity-card/ActivityCard.tsx

@@ -1,77 +0,0 @@
-import React, { ReactNode } from "react";
-import clsx from "clsx";
-import { Image } from "@licklist/core/dist/DataMapper/Media/ImageDataMapper";
-
-export const LAYOUT_GRID = "grid";
-export const LAYOUT_LIST = "list";
-
-type Layout = typeof LAYOUT_GRID | typeof LAYOUT_LIST;
-
-export type ActivityCardProps = {
-  title: ReactNode;
-  duration: ReactNode;
-  price: ReactNode;
-  image?: Image | null;
-  onSelect: () => void;
-  isSelected: boolean;
-  layout?: Layout;
-};
-
-export const ActivityCard = ({
-  title,
-  duration,
-  price,
-  image,
-  onSelect,
-  isSelected,
-  layout = LAYOUT_GRID,
-}: ActivityCardProps) => {
-  if (layout === LAYOUT_GRID) {
-    return (
-      <button
-        type="button"
-        className={clsx("activity-card", isSelected && "active")}
-        onClick={onSelect}
-      >
-        {image && (
-          <img className="activity-card-image" alt="" src={image.url} />
-        )}
-        <div className={clsx("d-flex", "flex-column", !image && "no-image")}>
-          <div className="activity-card-title">{title}</div>
-
-          {duration && <div>{duration}</div>}
-
-          {price && <div>{price}</div>}
-        </div>
-      </button>
-    );
-  }
-
-  return (
-    <div role="button" onClick={onSelect} onKeyPress={onSelect} tabIndex={0}>
-      <div
-        className={clsx("list-activity-card", {
-          active: isSelected,
-        })}
-      >
-        <div className="description">
-          <div className="title">{title}</div>
-          {duration && (
-            <div>
-              <p>{duration}</p>
-            </div>
-          )}
-
-          {price && <div>{price}</div>}
-        </div>
-
-        {image && (
-          <div className="image-container">
-            <img className="image" src={image.url} alt="" />
-          </div>
-        )}
-      </div>
-      <hr className="list-activity-card-hr" />
-    </div>
-  );
-};

package/src/iframe/activity-card/index.ts

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

package/src/iframe/payment/order-items-table/utils/paymentSummary.tsx

@@ -1,118 +0,0 @@
-import { PAYMENT_TYPE_TRANSLATE_KEYS } from "../hooks/useTableData";
-import {
-  AMOUNT_TOTAL,
-  AMOUNT_WITH_DISCOUNT,
-  OrderItemsTableProps,
-  REMAINING_TO_PAY,
-  SummaryItem,
-  TOTAL_PAID,
-} from "../types";
-import {
-  calculateTotalDiscount,
-  calculateTotalPrice,
-  getExternalPaymentDetail,
-  getPaymentValueByType,
-} from "./index";
-
-const paymentNotProcessedSummary = ({
-  order,
-  externalDiscount,
-  paymentDetail,
-}: OrderItemsTableProps) => {
-  const externalPaymentDetail = paymentDetail
-    ? getExternalPaymentDetail(paymentDetail)
-    : undefined;
-
-  const total = calculateTotalPrice(order, externalPaymentDetail);
-
-  const summaryItems: SummaryItem[] = [
-    {
-      translateKey: AMOUNT_TOTAL,
-      price: total,
-    },
-  ];
-
-  if (externalDiscount) {
-    summaryItems.push({
-      price: externalDiscount,
-      translateKey: AMOUNT_WITH_DISCOUNT,
-    });
-  }
-
-  if (externalPaymentDetail) {
-    return [...summaryItems, ...getExternalPaymentDetail(paymentDetail)];
-  }
-
-  return summaryItems;
-};
-
-const processedPaymentSummary = ({
-  order,
-  paymentDetail,
-}: OrderItemsTableProps) => {
-  const externalPaymentDetail =
-    paymentDetail && !order.payments.length
-      ? getExternalPaymentDetail(paymentDetail)
-      : Object.keys(PAYMENT_TYPE_TRANSLATE_KEYS).map((key) => {
-          return {
-            translateKey: PAYMENT_TYPE_TRANSLATE_KEYS[key],
-            price: getPaymentValueByType(order.payments, key),
-          };
-        });
-
-  const total = calculateTotalPrice(order, externalPaymentDetail);
-
-  const totalDiscount = calculateTotalDiscount(order.payments);
-  const totalWithDiscount = total - Number(totalDiscount);
-  let summaryItems: SummaryItem[] = [
-    {
-      translateKey: AMOUNT_TOTAL,
-      price: total,
-    },
-  ];
-
-  if (totalDiscount) {
-    summaryItems.push({
-      translateKey: AMOUNT_WITH_DISCOUNT,
-      price: totalWithDiscount < 0 ? 0 : totalWithDiscount,
-    });
-  }
-
-  if (paymentDetail && !order.payments.length) {
-    return [...summaryItems, ...externalPaymentDetail];
-  }
-
-  summaryItems.push({
-    translateKey: TOTAL_PAID,
-    price: totalWithDiscount <= 0 ? 0 : order.totalAmount,
-  });
-  if (totalWithDiscount <= 0) {
-    return summaryItems;
-  }
-  summaryItems = [...summaryItems, ...externalPaymentDetail];
-
-  if (totalWithDiscount > order.totalAmount) {
-    summaryItems.push({
-      translateKey: REMAINING_TO_PAY,
-      price: totalWithDiscount - order.totalAmount,
-    });
-  }
-  return summaryItems;
-};
-
-export const getOrderSummaryItems = ({
-  order,
-  externalDiscount,
-  paymentDetail,
-  isPaymentProcessed,
-}: OrderItemsTableProps): SummaryItem[] => {
-  if (!isPaymentProcessed) {
-    return paymentNotProcessedSummary({
-      order,
-      externalDiscount,
-      paymentDetail,
-    });
-  }
-
-  return processedPaymentSummary({ order, paymentDetail });
-};

package/src/number-of-people-input/components/RenderNumberOfPeopleInputComponent.stories.tsx

@@ -1,92 +0,0 @@
-import React, { useState } from "react";
-import { Meta } from "@storybook/react";
-import { RenderNumberOfPeopleInputComponent } from "./RenderNumberOfPeopleInputComponent";
-
-export default {
-  title: "NumberOfPeopleInput/RenderNumberOfPeopleInputComponent",
-  component: RenderNumberOfPeopleInputComponent,
-} as Meta;
-
-const productCategories = [
-  {
-    id: 1,
-    name: "Early Bird General Admission",
-    products: [
-      {
-        id: 7,
-        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.`,
-        minQuantity: 1,
-        maxQuantity: 10,
-        price: 1,
-      },
-      {
-        id: 8,
-        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.`,
-        minQuantity: 1,
-        maxQuantity: 10,
-        price: 1,
-        isRequired: true,
-      },
-    ],
-  },
-  {
-    id: 2,
-    name: "Nice",
-    products: [
-      {
-        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.`,
-        minQuantity: 1,
-        maxQuantity: 10,
-        price: 1,
-      },
-      {
-        id: 5,
-        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.`,
-        minQuantity: 1,
-        maxQuantity: 10,
-        price: 1,
-      },
-    ],
-  },
-];
-
-const menus = [
-  {
-    id: 1,
-    name: "Menu 1",
-    menuSteps: [
-      {
-        id: 1,
-        name: "Burger",
-        productCategories: productCategories,
-      },
-    ],
-  },
-];
-
-export function Default() {
-  const [peopleAmount, setPeopleAmount] = useState(0);
-
-  return (
-    <div>
-      <RenderNumberOfPeopleInputComponent
-        peopleAmount={peopleAmount}
-        onChangePeopleAmount={(amount) => setPeopleAmount(amount)}
-        peopleAmountError={false}
-      />
-    </div>
-  );
-}

package/src/number-of-people-input/components/index.ts

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

package/src/number-of-people-input/index.ts

@@ -1,2 +0,0 @@
-export * from "./NumberOfPeopleInput";
-export * from "./components";

package/src/provider/location-input/components/FormGroupControll.tsx

@@ -1,16 +0,0 @@
-import React from "react";
-import { Form } from "react-bootstrap";
-import { useFormContext } from "react-hook-form";
-
-export const FormGroupControll = ({ name, label, error }) => {
-  const { register } = useFormContext();
-  return (
-    <Form.Group>
-      <Form.Label>{label}</Form.Label>
-      <Form.Control {...register(name)} isInvalid={!!error} />
-      <Form.Control.Feedback type="invalid">
-        {error?.message}
-      </Form.Control.Feedback>
-    </Form.Group>
-  );
-};

package/src/provider/location-input/components/index.ts

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

package/src/styles/activity-card/_index.scss

@@ -1,2 +0,0 @@
-@import "./GridActivitiesCard.scss";
-@import "./ListActivitiesCard.scss";

package/src/styles/availability-indicator/AvailabilityIndicator.scss

@@ -1,7 +0,0 @@
-.availability-indicator {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  gap: 0.5rem;
-  font-weight: 300;
-}

package/src/styles/availability-indicator/_index.scss

@@ -1 +0,0 @@
-@import "./AvailabilityIndicator.scss";

package/src/styles/date-time-button/_index.scss

@@ -1 +0,0 @@
-@import "./DateTimeButton.scss";