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

package/src/iframe/event/event-details/EventDetails.stories.tsx

@@ -1,187 +0,0 @@
-import { Meta } from "@storybook/react";
-import React, { useState } from "react";
-import { EventDetails } from "./EventDetails";
-
-export default {
-  title: "Iframe/Event/EventDetails",
-  component: EventDetails,
-} as Meta;
-
-const productCategories = [
-  {
-    id: 1,
-    name: "Early Bird General Admission",
-    products: [
-      {
-        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.`,
-        minQuantity: 1,
-        maxQuantity: 10,
-        price: 1,
-      },
-      {
-        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.`,
-        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 <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.`,
-        minQuantity: 1,
-        maxQuantity: 10,
-        price: 1,
-      },
-    ],
-  },
-];
-
-const productCategories2 = [
-  {
-    id: 1,
-    name: "fine",
-    products: [
-      {
-        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.`,
-        minQuantity: 1,
-        maxQuantity: 10,
-        price: 1,
-      },
-      {
-        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.`,
-        minQuantity: 1,
-        maxQuantity: 10,
-        price: 1,
-        isRequired: true,
-      },
-    ],
-  },
-  {
-    id: 2,
-    name: "Nice",
-    products: [
-      {
-        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.`,
-        minQuantity: 1,
-        maxQuantity: 10,
-        price: 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.`,
-        minQuantity: 1,
-        maxQuantity: 10,
-        price: 1,
-      },
-    ],
-  },
-];
-
-const menus = [
-  {
-    id: 1,
-    name: "Menu 1",
-    menuSteps: [
-      {
-        id: 1,
-        name: "Burger",
-        productCategories: productCategories,
-      },
-      {
-        id: 2,
-        name: "Cheese",
-        productCategories: productCategories2,
-      },
-    ],
-  },
-];
-
-const defaultValues = {
-  "8": {
-    id: 8,
-    name: "Wine",
-    price: 1,
-    productsCategoryId: 1,
-    quantity: 1,
-  },
-};
-
-export function Default() {
-  const [_order, setOrder] = useState({});
-
-  const onSubmit = (values: any) => {
-    setOrder(values);
-  };
-
-  return (
-    <div>
-      <EventDetails
-        menus={menus}
-        description="On the other hand, we denounce with righteous indignation and dislike
-            men who are so beguiled and demoralized by the charms of pleasure of
-            the moment, so blinded by desire, that they cannot foresee the pain
-            and trouble that are bound to ensue; and equal blame belongs to those
-            who fail in their duty through weakness of will, which is the same as
-            saying through shrinking from toil and pain. These cases are perfectly
-            simple and easy to distinguish. In a free hour, when our power of
-            choice is untrammelled and when nothing prevents our being able to do
-            what we like best, every pleasure is to be welcomed and every pain
-            avoided. But in certain circumstances and owing to the claims of duty
-            or the obligations of business it will frequently occur that pleasures
-            have to be repudiated and annoyances accepted. The wise man therefore
-            always holds in these matters to this principle of selection: he
-            rejects pleasures to secure other greater pleasures, or else he
-            endures pains to avoid worse pains."
-        cost={6}
-        title="Glitterbomb Bucks / Baga Chipz"
-        date="Sat 2nd May"
-        // eslint-disable-next-line max-len
-        imageSrc="https://images.unsplash.com/photo-1638988319382-90e61be77c59?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=387&q=80 387w, https://images.unsplash.com/photo-1638988319382-90e61be77c59?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80 687w, https://images.unsplash.com/photo-1638988319382-90e61be77c59?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=774&q=80 774w, https://images.unsplash.com/photo-1638988319382-90e61be77c59?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=987&q=80 987w, https://images.unsplash.com/photo-1638988319382-90e61be77c59?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1287&q=80 1287w, https://images.unsplash.com/photo-1638988319382-90e61be77c59?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1374&q=80 1374w, https://images.unsplash.com/photo-1638988319382-90e61be77c59?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1587&q=80 1587w, https://images.unsplash.com/photo-1638988319382-90e61be77c59?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1887&q=80 1887w, https://images.unsplash.com/photo-1638988319382-90e61be77c59?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1974&q=80 1974w, https://images.unsplash.com/photo-1638988319382-90e61be77c59?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2187&q=80 2187w, https://images.unsplash.com/photo-1638988319382-90e61be77c59?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2487&q=80 2487w, https://images.unsplash.com/photo-1638988319382-90e61be77c59?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2574&q=80 2574w, https://images.unsplash.com/photo-1638988319382-90e61be77c59?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2787&q=80 2787w, https://images.unsplash.com/photo-1638988319382-90e61be77c59?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=3087&q=80 3087w, https://images.unsplash.com/photo-1638988319382-90e61be77c59?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=3174&q=80 3174w, https://images.unsplash.com/photo-1638988319382-90e61be77c59?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=3387&q=80 3387w, https://images.unsplash.com/photo-1638988319382-90e61be77c59?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=3687&q=80 3687w, https://images.unsplash.com/photo-1638988319382-90e61be77c59?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=3774&q=80 3774w, https://images.unsplash.com/photo-1638988319382-90e61be77c59?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=3987&q=80 3987w, https://images.unsplash.com/photo-1638988319382-90e61be77c59?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=4000&q=80 4000w"
-        onSubmit={onSubmit}
-        defaultValues={defaultValues}
-      />
-    </div>
-  );
-}

package/src/iframe/event/event-details/EventDetails.tsx

@@ -1,92 +0,0 @@
-import React, { useState, useMemo } from "react";
-import { MemoryRouter, Route } from "react-router-dom";
-import {
-  EventDetailsForm,
-  EventDetailsFormProps,
-} from "./components/event-details-form";
-import { WizardFormValues } from "../../../types";
-import { routesByStepsCount } from "./utils";
-
-type EventDetailsProps = EventDetailsFormProps & {
-  onSubmit: (values: WizardFormValues) => void;
-  defaultValues?: WizardFormValues;
-};
-
-export function EventDetails({
-  onSubmit,
-  menus,
-  defaultValues = {},
-  ...restProps
-}: EventDetailsProps) {
-  const [stepFormValues, setStepFormValues] =
-    useState<WizardFormValues>(defaultValues);
-
-  const menu = menus && menus?.length !== 0 ? menus[0] : null;
-  const numberOfSteps = menu?.menuSteps?.length || 0;
-
-  const routes = useMemo(
-    () => routesByStepsCount(numberOfSteps),
-    [numberOfSteps]
-  );
-
-  const submitFormsValues = (values: WizardFormValues) => {
-    if (!onSubmit) return;
-
-    onSubmit(values);
-  };
-
-  const saveFormValues = ({
-    values,
-    pathname,
-    isBackAction = false,
-  }: {
-    values: WizardFormValues;
-    pathname?: string;
-    isBackAction?: boolean;
-  }) => {
-    const nextValues = { ...stepFormValues, ...values };
-    setStepFormValues(nextValues);
-
-    if (!pathname || (routes[routes.length - 1] === pathname && !isBackAction))
-      return submitFormsValues(nextValues);
-
-    return undefined;
-  };
-
-  if (routes.length) {
-    return (
-      <MemoryRouter initialEntries={routes} initialIndex={0}>
-        {routes.map((route: string) => {
-          return (
-            <Route
-              path={route}
-              exact
-              key={route}
-              render={() => (
-                <EventDetailsForm
-                  {...restProps}
-                  menu={menu}
-                  onFormSubmit={saveFormValues}
-                  routes={routes}
-                  numberOfSteps={numberOfSteps}
-                  defaultValues={stepFormValues}
-                />
-              )}
-            />
-          );
-        })}
-      </MemoryRouter>
-    );
-  }
-
-  return (
-    <EventDetailsForm
-      {...restProps}
-      menu={menu}
-      onFormSubmit={saveFormValues}
-      routes={routes}
-      numberOfSteps={numberOfSteps}
-      defaultValues={stepFormValues}
-    />
-  );
-}

package/src/iframe/event/event-details/EventDetailsOneStepForm.stories.tsx

@@ -1,123 +0,0 @@
-import { Meta } from "@storybook/react";
-import React, { useState } from "react";
-import { boolean } from "@storybook/addon-knobs";
-import { EventDetails } from "./EventDetails";
-
-export default {
-  title: "Iframe/Event/EventDetailsOneStepForm",
-  component: EventDetails,
-} 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 [_order, setOrder] = useState({});
-
-  const onSubmit = (values: any) => {
-    setOrder(values);
-  };
-
-  const showImage = boolean("showImage", true);
-
-  return (
-    <div>
-      <EventDetails
-        menus={menus}
-        description="On the other hand, we denounce with righteous indignation and dislike
-            men who are so beguiled and demoralized by the charms of pleasure of
-            the moment, so blinded by desire, that they cannot foresee the pain
-            and trouble that are bound to ensue; and equal blame belongs to those
-            who fail in their duty through weakness of will, which is the same as
-            saying through shrinking from toil and pain. These cases are perfectly
-            simple and easy to distinguish. In a free hour, when our power of
-            choice is untrammelled and when nothing prevents our being able to do
-            what we like best, every pleasure is to be welcomed and every pain
-            avoided. But in certain circumstances and owing to the claims of duty
-            or the obligations of business it will frequently occur that pleasures
-            have to be repudiated and annoyances accepted. The wise man therefore
-            always holds in these matters to this principle of selection: he
-            rejects pleasures to secure other greater pleasures, or else he
-            endures pains to avoid worse pains."
-        cost={6}
-        title="Glitterbomb Bucks / Baga Chipz"
-        date="Sat 2nd May"
-        imageSrc={
-          // eslint-disable-next-line max-len
-          showImage
-            ? "https://images.unsplash.com/photo-1638988319382-90e61be77c59?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=387&q=80 387w, https://images.unsplash.com/photo-1638988319382-90e61be77c59?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80 687w, https://images.unsplash.com/photo-1638988319382-90e61be77c59?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=774&q=80 774w, https://images.unsplash.com/photo-1638988319382-90e61be77c59?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=987&q=80 987w, https://images.unsplash.com/photo-1638988319382-90e61be77c59?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1287&q=80 1287w, https://images.unsplash.com/photo-1638988319382-90e61be77c59?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1374&q=80 1374w, https://images.unsplash.com/photo-1638988319382-90e61be77c59?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1587&q=80 1587w, https://images.unsplash.com/photo-1638988319382-90e61be77c59?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1887&q=80 1887w, https://images.unsplash.com/photo-1638988319382-90e61be77c59?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1974&q=80 1974w, https://images.unsplash.com/photo-1638988319382-90e61be77c59?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2187&q=80 2187w, https://images.unsplash.com/photo-1638988319382-90e61be77c59?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2487&q=80 2487w, https://images.unsplash.com/photo-1638988319382-90e61be77c59?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2574&q=80 2574w, https://images.unsplash.com/photo-1638988319382-90e61be77c59?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2787&q=80 2787w, https://images.unsplash.com/photo-1638988319382-90e61be77c59?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=3087&q=80 3087w, https://images.unsplash.com/photo-1638988319382-90e61be77c59?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=3174&q=80 3174w, https://images.unsplash.com/photo-1638988319382-90e61be77c59?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=3387&q=80 3387w, https://images.unsplash.com/photo-1638988319382-90e61be77c59?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=3687&q=80 3687w, https://images.unsplash.com/photo-1638988319382-90e61be77c59?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=3774&q=80 3774w, https://images.unsplash.com/photo-1638988319382-90e61be77c59?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=3987&q=80 3987w, https://images.unsplash.com/photo-1638988319382-90e61be77c59?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=4000&q=80 4000w"
-            : null
-        }
-        onSubmit={onSubmit}
-        relyOnPeopleCategoryIds={[1]}
-      />
-    </div>
-  );
-}

package/src/iframe/event/event-details/components/category-product/CategoryProduct.tsx

@@ -1,109 +0,0 @@
-import React from "react";
-import { useIntl } from "react-intl";
-import { useFormContext, Controller } from "react-hook-form";
-import clsx from "clsx";
-import { useTranslation, Trans } from "react-i18next";
-import { TicketDescription } from "../../../ticket-description";
-import { NumberInput } from "../../../../../static";
-import { ProductCategory, Product } from "../../../../../types";
-
-interface CategoryProductProps {
-  product: Product;
-  category: ProductCategory;
-}
-
-export const CategoryProduct = ({
-  product,
-  category,
-}: CategoryProductProps) => {
-  const { formatNumber } = useIntl();
-  const { t } = useTranslation("Design");
-  const { control, clearErrors } = useFormContext();
-
-  return (
-    <Controller
-      control={control}
-      name={`${product.id}` as const}
-      rules={{
-        required: product.isRequired,
-        validate: product.isRequired
-          ? (product) => product?.quantity > 0
-          : undefined,
-      }}
-      render={({
-        field: { onChange, value: productInfo = {} },
-        fieldState: { invalid },
-      }) => {
-        return (
-          <div id={String(product.id)}>
-            <div className={clsx("iframe-event__product", invalid && "error")}>
-              <TicketDescription
-                title={product.name}
-                description={product.description}
-                className="iframe-event__product-description"
-                images={product.images}
-              />
-
-              <NumberInput
-                onChange={(val) => {
-                  onChange({
-                    id: product.id,
-                    quantity: val,
-                    name: product.name,
-                    price: product.price,
-                    productsCategoryId: category.id,
-                  });
-                  clearErrors(`${product.id}` as const);
-                }}
-                onArrowDown={() => {
-                  onChange({
-                    id: product.id,
-                    quantity: productInfo?.quantity - 1 || 0,
-                    name: product.name,
-                    price: product.price,
-                    productsCategoryId: category.id,
-                  });
-                  clearErrors(`${product.id}` as const);
-                }}
-                onArrowUp={() => {
-                  onChange({
-                    id: product.id,
-                    quantity: (productInfo?.quantity ?? 0) + 1,
-                    name: product.name,
-                    price: product.price,
-                    productsCategoryId: category.id,
-                  });
-                  clearErrors(`${product.id}` as const);
-                }}
-                min={0}
-                value={productInfo?.quantity || 0}
-                className={clsx(
-                  "iframe-event__product-count",
-                  invalid && "error"
-                )}
-              />
-              <span className="iframe-event__product-price-multiplier">X</span>
-              <span className="iframe-event__product-price">
-                {formatNumber(product.price * (productInfo?.quantity || 1), {
-                  style: "currency",
-                  currency: "GBP",
-                })}
-              </span>
-            </div>
-            {invalid && (
-              <div className="d-flex mt-3 ml-5 mr-5 w-100">
-                <p className="iframe-event__message-error">
-                  <Trans
-                    t={t}
-                    i18nKey="pleaseSelectAtLeastFrom"
-                    values={{ min: 1, type: "item", from: "this category" }}
-                  />
-                </p>
-              </div>
-            )}
-          </div>
-        );
-      }}
-    />
-  );
-};

package/src/iframe/event/event-details/components/category-product/index.ts

@@ -1 +0,0 @@
-export { CategoryProduct } from "./CategoryProduct";