@licklist/design 0.44.486-dev.55 → 0.44.486-dev.56

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

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

package/dist/iframe/event/event-details/components/category-product/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/iframe/event/event-details/components/category-product/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/iframe/event/event-details/components/event-details-form/EventDetailsForm.d.ts

@@ -1,26 +0,0 @@
-/// <reference types="react" />
-import { Menu, WizardFormValues } from "../../../../../types";
-export interface WizardFormProps {
-    onFormSubmit: (props: {
-        values: WizardFormValues;
-        pathname?: string;
-        isBackAction?: boolean;
-    }) => void;
-    routes?: string[];
-    menu: Menu;
-    numberOfSteps: number;
-    defaultValues: WizardFormValues;
-}
-export interface EventDetailsFormProps {
-    title: string;
-    date: string;
-    cost?: number;
-    description: string;
-    imageSrc?: null | string;
-    menus?: Menu[];
-    isBuyNowDisabled?: boolean;
-    relyOnPeopleCategoryIds?: number[];
-    onPrevStep?: () => void;
-}
-export declare function EventDetailsForm({ title, cost, description, imageSrc, date, menu, isBuyNowDisabled, onFormSubmit, routes, numberOfSteps, defaultValues, relyOnPeopleCategoryIds, onPrevStep, }: EventDetailsFormProps & WizardFormProps): JSX.Element;
-//# sourceMappingURL=EventDetailsForm.d.ts.map

package/dist/iframe/event/event-details/components/event-details-form/EventDetailsForm.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EventDetailsForm.d.ts","sourceRoot":"","sources":["../../../../../../src/iframe/event/event-details/components/event-details-form/EventDetailsForm.tsx"],"names":[],"mappings":";AA2BA,OAAO,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAM9D,MAAM,WAAW,eAAe;IAC9B,YAAY,EAAE,CAAC,KAAK,EAAE;QACpB,MAAM,EAAE,gBAAgB,CAAC;QACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,YAAY,CAAC,EAAE,OAAO,CAAC;KACxB,KAAK,IAAI,CAAC;IACX,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,IAAI,EAAE,IAAI,CAAC;IACX,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,gBAAgB,CAAC;CACjC;AAED,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;IACf,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,uBAAuB,CAAC,EAAE,MAAM,EAAE,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,gBAAgB,EAChB,YAAY,EACZ,MAAW,EACX,aAAa,EACb,aAAa,EACb,uBAA4B,EAC5B,UAAU,GACX,EAAE,qBAAqB,GAAG,eAAe,eAkLzC"}

package/dist/iframe/event/event-details/components/event-details-form/EventDetailsForm.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 t=require("tslib"),r=require("react"),a=e(r),n=require("react-router-dom"),i=require("react-i18next"),o=require("react-bootstrap"),s=require("react-hook-form"),l=e(require("clsx")),c=require("../../../../../static/text-expand/TextExpand.js");require("../../../../../static/index.js");var u=require("react-intl"),m=require("../../../../../tiptap-editor/TipTapEditor.js"),d=require("@licklist/plugins/dist/utils/ScrollUtils"),p=require("@licklist/plugins/dist/utils/FormValues"),f=require("../../../event-navigation-footer/EventNavigationFooter.js"),v=require("../product-category-view/ProductCategoryView.js"),E=require("../number-of-people-input/NumberOfPeopleInput.js"),g="NO_ORDER_ITEMS_ERROR";exports.EventDetailsForm=function(e){var _,y=this,h=e.title,N=e.cost,b=e.description,x=e.imageSrc,q=e.date,S=e.menu,T=e.isBuyNowDisabled,w=e.onFormSubmit,F=e.routes,j=void 0===F?[]:F,P=e.numberOfSteps,O=e.defaultValues,k=e.relyOnPeopleCategoryIds,B=void 0===k?[]:k,C=e.onPrevStep,I=n.useHistory(),V=n.useLocation().pathname,R=u.useIntl().formatNumber,D=i.useTranslation("Design").t,M=s.useForm({defaultValues:O}),A=r.useRef(null),K=M.trigger,L=M.handleSubmit,G=M.getValues,H=M.control,U=M.setError,W=M.clearErrors,z=M.formState.errors,J=s.useWatch({control:H}),Q=t.__read(r.useState(!1),2),X=Q[0],Y=Q[1],Z=j.indexOf(V),$=Z>0?Z:0,ee=$+1,te=function(e){if(ee===P&&p.isFormValuesEmpty(e))return U(g,{}),void d.scrollToError(g);w({values:e,pathname:V,isBackAction:!1})},re=r.useMemo((function(){var e=Object.values(J).filter(Boolean).filter((function(e){return B.includes(e.productsCategoryId)&&e.quantity>0}));return Boolean(e.length)}),[J,B]);r.useEffect((function(){d.scrollToElement(A.current)}),[]),r.useEffect((function(){p.isFormValuesEmpty(J)||W(g)}),[J,W]);var ae={"--description-wrapper-height":X?"inherit":"8rem"};return a.createElement(o.Form,{onSubmit:L(te,(function(e){d.scrollToError(p.getFirstErrorKey(e))}))},a.createElement(s.FormProvider,t.__assign({},M),a.createElement("div",{className:"iframe-event"},a.createElement("div",{className:"iframe-event__header",ref:A},x&&a.createElement(o.Image,{src:x,width:"300rem",height:"250rem"}),a.createElement("div",{className:l(x&&"ml-5")},a.createElement(o.Badge,{variant:"dark",className:"iframe-event__badge"},q),a.createElement("h5",{className:"mt-3 iframe-event__title"},h),a.createElement("div",{className:"d-flex flex-wrap justify-content-between"},void 0!==N&&a.createElement("div",null,a.createElement("div",{className:"iframe-event-card__label"},D("cost")),a.createElement("div",{className:"iframe-event-card__bold"},D("from")," ",R(N,{style:"currency",currency:"GBP"})))))),!!b&&a.createElement("div",{className:"iframe-event__description-wrapper",style:ae},b.length>120?a.createElement(c.TextExpand,{className:"iframe-event__description my-6",isExpanded:X,setIsExpanded:Y},a.createElement(m.TipTapEditor,{viewMode:!0,disabled:!0,content:b})):a.createElement("div",{className:"my-6"},a.createElement(m.TipTapEditor,{viewMode:!0,disabled:!0,content:b}))),!!S&&a.createElement(a.Fragment,null,S.menuSteps[$].name&&a.createElement("h3",{className:"iframe-event__name"},S.menuSteps[$].name),a.createElement(v.ProductCategoryView,{productCategories:null===(_=S.menuSteps[$])||void 0===_?void 0:_.productCategories}),re&&ee===P&&a.createElement(E.NumberOfPeopleInput,null),z[g]&&a.createElement("div",{className:"d-flex m-5 justify-content-center form-error",id:g},a.createElement(i.Trans,{t:D,i18nKey:"pleaseSelectAtLeastFrom",values:{min:1,type:"item",from:"those categories"}})),a.createElement("div",{className:"iframe-event__footer"},a.createElement(f.EventNavigationFooter,{isBuyNowDisabled:T,amount:P,activeElement:ee,onPrevClick:function(){w({values:G(),pathname:V,isBackAction:!0}),j.length&&I.push(j[Z-1])},onNextClick:function(){return t.__awaiter(y,void 0,void 0,(function(){return t.__generator(this,(function(e){switch(e.label){case 0:return[4,K()];case 1:return e.sent()?(te(G()),j.length&&I.push(j[Z+1]),[2]):(d.scrollToError(p.getFirstErrorKey(z)),[2])}}))}))},onPrevStep:C}))))))};

package/dist/iframe/event/event-details/components/event-details-form/index.d.ts

@@ -1,2 +0,0 @@
-export { EventDetailsForm, EventDetailsFormProps, WizardFormProps, } from "./EventDetailsForm";
-//# sourceMappingURL=index.d.ts.map

package/dist/iframe/event/event-details/components/event-details-form/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/iframe/event/event-details/components/event-details-form/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,qBAAqB,EACrB,eAAe,GAChB,MAAM,oBAAoB,CAAC"}

package/dist/iframe/event/event-details/components/number-of-people-input/NumberOfPeopleInput.d.ts.map

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

package/dist/iframe/event/event-details/components/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("./component/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/iframe/event/event-details/components/number-of-people-input/component/RenderNumberOfPeopleInputComponent.d.ts.map

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

package/dist/iframe/event/event-details/components/number-of-people-input/component/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("../../../../../order-process/components/CategoryProduct/components/NumberInput/NumberInput.js");exports.RenderNumberOfPeopleInputComponent=function(e){var o=e.onChangePeopleAmount,u=e.peopleAmount,m=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(u)-1)},onArrowUp:function(){return o(Number(u)+1)},min:0,value:Number(u),className:n("iframe-event__product-count")})),r.createElement("div",{className:"iframe-event__message-error"},m&&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/iframe/event/event-details/components/number-of-people-input/component/index.d.ts

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

package/dist/iframe/event/event-details/components/number-of-people-input/component/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/iframe/event/event-details/components/number-of-people-input/component/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kCAAkC,EAAE,MAAM,sCAAsC,CAAC"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/iframe/event/event-details/components/number-of-people-input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/iframe/event/event-details/components/product-category-view/ProductCategoryView.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { ProductCategory } from "../../../../../types";
-interface ProductCategoryViewProps {
-    productCategories: ProductCategory[];
-}
-export declare function ProductCategoryView({ productCategories, }: ProductCategoryViewProps): JSX.Element;
-export {};
-//# sourceMappingURL=ProductCategoryView.d.ts.map

package/dist/iframe/event/event-details/components/product-category-view/ProductCategoryView.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProductCategoryView.d.ts","sourceRoot":"","sources":["../../../../../../src/iframe/event/event-details/components/product-category-view/ProductCategoryView.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAGvD,UAAU,wBAAwB;IAChC,iBAAiB,EAAE,eAAe,EAAE,CAAC;CACtC;AAED,wBAAgB,mBAAmB,CAAC,EAClC,iBAAiB,GAClB,EAAE,wBAAwB,eAsB1B"}

package/dist/iframe/event/event-details/components/product-category-view/ProductCategoryView.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("../category-product/CategoryProduct.js");exports.ProductCategoryView=function(e){var t=e.productCategories;return r.createElement(r.Fragment,null,0!==t.length&&t.map((function(e){return r.createElement("div",{key:e.id,className:"iframe-event__category"},r.createElement("h4",{className:"iframe-event__name"},e.name),e.products.map((function(t){return r.createElement(a.CategoryProduct,{key:t.id,product:t,category:e})})))})))};

package/dist/iframe/event/event-details/components/product-category-view/index.d.ts

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

package/dist/iframe/event/event-details/components/product-category-view/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/iframe/event/event-details/components/product-category-view/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/iframe/event/event-details/index.d.ts

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

package/dist/iframe/event/event-details/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/iframe/event/event-details/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/iframe/event/event-details/utils/index.d.ts

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

package/dist/iframe/event/event-details/utils/index.d.ts.map

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

package/dist/iframe/event/event-details/utils/routes.d.ts

@@ -1,2 +0,0 @@
-export declare const routesByStepsCount: (count: number) => string[];
-//# sourceMappingURL=routes.d.ts.map

package/dist/iframe/event/event-details/utils/routes.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"routes.d.ts","sourceRoot":"","sources":["../../../../../src/iframe/event/event-details/utils/routes.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,UAAW,MAAM,aAG7C,CAAC"}

package/dist/iframe/event/event-details/utils/routes.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.routesByStepsCount=function(t){return Array.from({length:t},(function(t,e){return e})).map((function(t){return"/".concat("step_").concat(t)}))};

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>
-  );
-}