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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (85) hide show
  1. package/dist/iframe/event/index.d.ts +0 -1
  2. package/dist/iframe/event/index.d.ts.map +1 -1
  3. package/dist/iframe/index.d.ts +1 -1
  4. package/dist/iframe/index.d.ts.map +1 -1
  5. package/dist/iframe/order-process/components/CategoryProduct/components/ProductQuantityInput/ProductQuantityInput.d.ts +1 -0
  6. package/dist/iframe/order-process/components/CategoryProduct/components/ProductQuantityInput/ProductQuantityInput.d.ts.map +1 -1
  7. package/dist/iframe/order-process/components/CategoryProduct/components/ProductQuantityInput/ProductQuantityInput.js +1 -1
  8. package/dist/index.d.ts +1 -0
  9. package/dist/index.d.ts.map +1 -1
  10. package/dist/index.js +1 -1
  11. package/dist/number-of-people-input/NumberOfPeopleInput.d.ts.map +1 -0
  12. package/dist/number-of-people-input/NumberOfPeopleInput.js +1 -0
  13. package/dist/{iframe/event/event-details/components/number-of-people-input/component → number-of-people-input/components}/RenderNumberOfPeopleInputComponent.d.ts +2 -3
  14. package/dist/number-of-people-input/components/RenderNumberOfPeopleInputComponent.d.ts.map +1 -0
  15. package/dist/number-of-people-input/components/RenderNumberOfPeopleInputComponent.js +1 -0
  16. package/dist/number-of-people-input/components/index.d.ts +2 -0
  17. package/dist/number-of-people-input/components/index.d.ts.map +1 -0
  18. package/dist/number-of-people-input/index.d.ts +3 -0
  19. package/dist/number-of-people-input/index.d.ts.map +1 -0
  20. package/dist/sales/manual-booking/summary/ManualBookingSummary.d.ts +3 -1
  21. package/dist/sales/manual-booking/summary/ManualBookingSummary.d.ts.map +1 -1
  22. package/dist/sales/manual-booking/summary/ManualBookingSummary.js +1 -1
  23. package/dist/snippet/snippet-template/preview/Preview.js +1 -1
  24. package/dist/types/iframe.d.ts +1 -0
  25. package/dist/types/iframe.d.ts.map +1 -1
  26. package/package.json +1 -1
  27. package/src/iframe/event/index.ts +0 -1
  28. package/src/iframe/index.ts +0 -1
  29. package/src/iframe/order-process/components/CategoryProduct/components/ProductQuantityInput/ProductQuantityInput.tsx +5 -0
  30. package/src/index.ts +1 -0
  31. package/src/{iframe/event/event-details/components/number-of-people-input → number-of-people-input}/NumberOfPeopleInput.tsx +1 -1
  32. package/src/number-of-people-input/components/RenderNumberOfPeopleInputComponent.stories.tsx +92 -0
  33. package/src/{iframe/event/event-details/components/number-of-people-input/component → number-of-people-input/components}/RenderNumberOfPeopleInputComponent.tsx +3 -3
  34. package/src/number-of-people-input/components/index.ts +1 -0
  35. package/src/number-of-people-input/index.ts +2 -0
  36. package/src/sales/manual-booking/summary/ManualBookingSummary.tsx +15 -4
  37. package/src/types/iframe.ts +1 -0
  38. package/dist/iframe/event/event-details/EventDetails.d.ts +0 -10
  39. package/dist/iframe/event/event-details/EventDetails.d.ts.map +0 -1
  40. package/dist/iframe/event/event-details/EventDetails.js +0 -1
  41. package/dist/iframe/event/event-details/components/category-product/CategoryProduct.d.ts +0 -9
  42. package/dist/iframe/event/event-details/components/category-product/CategoryProduct.d.ts.map +0 -1
  43. package/dist/iframe/event/event-details/components/category-product/CategoryProduct.js +0 -1
  44. package/dist/iframe/event/event-details/components/category-product/index.d.ts +0 -2
  45. package/dist/iframe/event/event-details/components/category-product/index.d.ts.map +0 -1
  46. package/dist/iframe/event/event-details/components/event-details-form/EventDetailsForm.d.ts +0 -26
  47. package/dist/iframe/event/event-details/components/event-details-form/EventDetailsForm.d.ts.map +0 -1
  48. package/dist/iframe/event/event-details/components/event-details-form/EventDetailsForm.js +0 -1
  49. package/dist/iframe/event/event-details/components/event-details-form/index.d.ts +0 -2
  50. package/dist/iframe/event/event-details/components/event-details-form/index.d.ts.map +0 -1
  51. package/dist/iframe/event/event-details/components/number-of-people-input/NumberOfPeopleInput.d.ts.map +0 -1
  52. package/dist/iframe/event/event-details/components/number-of-people-input/NumberOfPeopleInput.js +0 -1
  53. package/dist/iframe/event/event-details/components/number-of-people-input/component/RenderNumberOfPeopleInputComponent.d.ts.map +0 -1
  54. package/dist/iframe/event/event-details/components/number-of-people-input/component/RenderNumberOfPeopleInputComponent.js +0 -1
  55. package/dist/iframe/event/event-details/components/number-of-people-input/component/index.d.ts +0 -2
  56. package/dist/iframe/event/event-details/components/number-of-people-input/component/index.d.ts.map +0 -1
  57. package/dist/iframe/event/event-details/components/number-of-people-input/index.d.ts +0 -2
  58. package/dist/iframe/event/event-details/components/number-of-people-input/index.d.ts.map +0 -1
  59. package/dist/iframe/event/event-details/components/product-category-view/ProductCategoryView.d.ts +0 -8
  60. package/dist/iframe/event/event-details/components/product-category-view/ProductCategoryView.d.ts.map +0 -1
  61. package/dist/iframe/event/event-details/components/product-category-view/ProductCategoryView.js +0 -1
  62. package/dist/iframe/event/event-details/components/product-category-view/index.d.ts +0 -2
  63. package/dist/iframe/event/event-details/components/product-category-view/index.d.ts.map +0 -1
  64. package/dist/iframe/event/event-details/index.d.ts +0 -2
  65. package/dist/iframe/event/event-details/index.d.ts.map +0 -1
  66. package/dist/iframe/event/event-details/utils/index.d.ts +0 -2
  67. package/dist/iframe/event/event-details/utils/index.d.ts.map +0 -1
  68. package/dist/iframe/event/event-details/utils/routes.d.ts +0 -2
  69. package/dist/iframe/event/event-details/utils/routes.d.ts.map +0 -1
  70. package/dist/iframe/event/event-details/utils/routes.js +0 -1
  71. package/src/iframe/event/event-details/EventDetails.stories.tsx +0 -187
  72. package/src/iframe/event/event-details/EventDetails.tsx +0 -92
  73. package/src/iframe/event/event-details/EventDetailsOneStepForm.stories.tsx +0 -123
  74. package/src/iframe/event/event-details/components/category-product/CategoryProduct.tsx +0 -109
  75. package/src/iframe/event/event-details/components/category-product/index.ts +0 -1
  76. package/src/iframe/event/event-details/components/event-details-form/EventDetailsForm.tsx +0 -250
  77. package/src/iframe/event/event-details/components/event-details-form/index.ts +0 -5
  78. package/src/iframe/event/event-details/components/number-of-people-input/component/index.ts +0 -1
  79. package/src/iframe/event/event-details/components/number-of-people-input/index.ts +0 -1
  80. package/src/iframe/event/event-details/components/product-category-view/ProductCategoryView.tsx +0 -34
  81. package/src/iframe/event/event-details/components/product-category-view/index.ts +0 -1
  82. package/src/iframe/event/event-details/index.ts +0 -1
  83. package/src/iframe/event/event-details/utils/index.ts +0 -1
  84. package/src/iframe/event/event-details/utils/routes.ts +0 -6
  85. /package/dist/{iframe/event/event-details/components/number-of-people-input → number-of-people-input}/NumberOfPeopleInput.d.ts +0 -0
@@ -8,6 +8,11 @@ import {
8
8
  } from "@licklist/core/dist/Config";
9
9
  import { useIntl } from "react-intl";
10
10
  import * as Config from "@licklist/core/dist/Config";
11
+ import {
12
+ RELY_ON_PEOPLE_QUANTITY,
13
+ RelyOnPeopleType,
14
+ } from "@licklist/core/dist/DataMapper/Product/ProductSetDataMapper";
15
+ import { getRelyOnPeopleMultiplier } from "@licklist/plugins/dist/utils/relyOnPeople";
11
16
  import { BlockLoader } from "../../../static/loader";
12
17
 
13
18
  export interface ManualBookingSummaryProps {
@@ -17,6 +22,7 @@ export interface ManualBookingSummaryProps {
17
22
  orderSumIncludingFee?: number | null;
18
23
  isFeeFetching: boolean;
19
24
  orderDate: string;
25
+ relyOnPeopleType?: RelyOnPeopleType | null;
20
26
  }
21
27
 
22
28
  export const ManualBookingSummary = ({
@@ -26,14 +32,15 @@ export const ManualBookingSummary = ({
26
32
  orderSumIncludingFee,
27
33
  isFeeFetching,
28
34
  orderDate,
35
+ relyOnPeopleType,
29
36
  }: ManualBookingSummaryProps) => {
30
37
  const { t } = useTranslation(["Design", "Sale"]);
31
38
  const { formatNumber } = useIntl();
32
-
39
+ const showRelyOnPeople =
40
+ relyOnPeopleType && relyOnPeopleType !== RELY_ON_PEOPLE_QUANTITY;
33
41
  const currentDate = DateTime.fromISO(orderDate);
34
42
  const date = currentDate.toFormat(DATE_TIME_MANUAL_BOOKING_FORMAT);
35
43
  const time = currentDate.toFormat(TIME_FORMAT);
36
-
37
44
  return (
38
45
  <div className="manual-booking-summary">
39
46
  <div className="receipt-title">{t("Sale:receipt")}</div>
@@ -43,15 +50,19 @@ export const ManualBookingSummary = ({
43
50
  {orders.length > 0 ? (
44
51
  <div className="summary-item-container">
45
52
  {orders.map((order: ManualBookingOrder) => {
53
+ const relyOnPeopleMultiplier = getRelyOnPeopleMultiplier({
54
+ relyOnPeopleType,
55
+ capacity: order?.capacity,
56
+ });
46
57
  return (
47
58
  <div
48
59
  key={order.id}
49
60
  className="d-flex justify-content-between border-summary-item"
50
61
  >
51
62
  <div>{order.name}</div>
52
- {order?.relyOnPeopleMultiplier && (
63
+ {showRelyOnPeople && relyOnPeopleMultiplier && (
53
64
  <div>
54
- {`x ${order.quantity * order?.relyOnPeopleMultiplier} ${t(
65
+ {`x ${order.quantity * relyOnPeopleMultiplier} ${t(
55
66
  "people"
56
67
  )}`}
57
68
  </div>
@@ -15,6 +15,7 @@ export interface Product {
15
15
  isRequired?: boolean;
16
16
  isUnlimited?: boolean;
17
17
  images: CoreProduct["images"];
18
+ capacity?: number | null;
18
19
  uuid: string;
19
20
  }
20
21
 
@@ -1,10 +0,0 @@
1
- /// <reference types="react" />
2
- import { EventDetailsFormProps } from "./components/event-details-form";
3
- import { WizardFormValues } from "../../../types";
4
- type EventDetailsProps = EventDetailsFormProps & {
5
- onSubmit: (values: WizardFormValues) => void;
6
- defaultValues?: WizardFormValues;
7
- };
8
- export declare function EventDetails({ onSubmit, menus, defaultValues, ...restProps }: EventDetailsProps): JSX.Element;
9
- export {};
10
- //# sourceMappingURL=EventDetails.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"EventDetails.d.ts","sourceRoot":"","sources":["../../../../src/iframe/event/event-details/EventDetails.tsx"],"names":[],"mappings":";AAEA,OAAO,EAEL,qBAAqB,EACtB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAGlD,KAAK,iBAAiB,GAAG,qBAAqB,GAAG;IAC/C,QAAQ,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC7C,aAAa,CAAC,EAAE,gBAAgB,CAAC;CAClC,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,KAAK,EACL,aAAkB,EAClB,GAAG,SAAS,EACb,EAAE,iBAAiB,eAwEnB"}
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),n=require("react"),u=(e=n)&&"object"==typeof e&&"default"in e?e.default:e,r=require("react-router-dom"),i=require("./components/event-details-form/EventDetailsForm.js"),s=require("./utils/routes.js");exports.EventDetails=function(e){var o,a=e.onSubmit,l=e.menus,m=e.defaultValues,c=void 0===m?{}:m,d=t.__rest(e,["onSubmit","menus","defaultValues"]),f=t.__read(n.useState(c),2),v=f[0],_=f[1],p=l&&0!==(null==l?void 0:l.length)?l[0]:null,b=(null===(o=null==p?void 0:p.menuSteps)||void 0===o?void 0:o.length)||0,E=n.useMemo((function(){return s.routesByStepsCount(b)}),[b]),S=function(e){var n=e.values,u=e.pathname,r=e.isBackAction,i=void 0!==r&&r,s=t.__assign(t.__assign({},v),n);if(_(s),!u||E[E.length-1]===u&&!i)return function(e){a&&a(e)}(s)};return E.length?u.createElement(r.MemoryRouter,{initialEntries:E,initialIndex:0},E.map((function(e){return u.createElement(r.Route,{path:e,exact:!0,key:e,render:function(){return u.createElement(i.EventDetailsForm,t.__assign({},d,{menu:p,onFormSubmit:S,routes:E,numberOfSteps:b,defaultValues:v}))}})}))):u.createElement(i.EventDetailsForm,t.__assign({},d,{menu:p,onFormSubmit:S,routes:E,numberOfSteps:b,defaultValues:v}))};
@@ -1,9 +0,0 @@
1
- /// <reference types="react" />
2
- import { ProductCategory, Product } from "../../../../../types";
3
- interface CategoryProductProps {
4
- product: Product;
5
- category: ProductCategory;
6
- }
7
- export declare const CategoryProduct: ({ product, category, }: CategoryProductProps) => JSX.Element;
8
- export {};
9
- //# sourceMappingURL=CategoryProduct.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CategoryProduct.d.ts","sourceRoot":"","sources":["../../../../../../src/iframe/event/event-details/components/category-product/CategoryProduct.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAEhE,UAAU,oBAAoB;IAC5B,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,eAAe,CAAC;CAC3B;AAED,eAAO,MAAM,eAAe,2BAGzB,oBAAoB,gBA2FtB,CAAC"}
@@ -1 +0,0 @@
1
- "use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react")),r=require("react-i18next"),i=require("react-hook-form"),n=e(require("clsx")),a=require("../../../../../static/number-input/NumberInput.js");require("../../../../../static/index.js");var c=require("react-intl"),o=require("../../../ticket-description/TicketDescription.js");exports.CategoryProduct=function(e){var u=e.product,l=e.category,d=c.useIntl().formatNumber,s=r.useTranslation("Design").t,m=i.useFormContext(),p=m.control,v=m.clearErrors;return t.createElement(i.Controller,{control:p,name:"".concat(u.id),rules:{required:u.isRequired,validate:u.isRequired?function(e){return(null==e?void 0:e.quantity)>0}:void 0},render:function(e){var i=e.field,c=i.onChange,m=i.value,p=void 0===m?{}:m,f=e.fieldState.invalid;return t.createElement("div",{id:String(u.id)},t.createElement("div",{className:n("iframe-event__product",f&&"error")},t.createElement(o.TicketDescription,{title:u.name,description:u.description,className:"iframe-event__product-description",images:u.images}),t.createElement(a.NumberInput,{onChange:function(e){c({id:u.id,quantity:e,name:u.name,price:u.price,productsCategoryId:l.id}),v("".concat(u.id))},onArrowDown:function(){c({id:u.id,quantity:(null==p?void 0:p.quantity)-1||0,name:u.name,price:u.price,productsCategoryId:l.id}),v("".concat(u.id))},onArrowUp:function(){var e;c({id:u.id,quantity:(null!==(e=null==p?void 0:p.quantity)&&void 0!==e?e:0)+1,name:u.name,price:u.price,productsCategoryId:l.id}),v("".concat(u.id))},min:0,value:(null==p?void 0:p.quantity)||0,className:n("iframe-event__product-count",f&&"error")}),t.createElement("span",{className:"iframe-event__product-price-multiplier"},"X"),t.createElement("span",{className:"iframe-event__product-price"},d(u.price*((null==p?void 0:p.quantity)||1),{style:"currency",currency:"GBP"}))),f&&t.createElement("div",{className:"d-flex mt-3 ml-5 mr-5 w-100"},t.createElement("p",{className:"iframe-event__message-error"},t.createElement(r.Trans,{t:s,i18nKey:"pleaseSelectAtLeastFrom",values:{min:1,type:"item",from:"this category"}}))))}})};
@@ -1,2 +0,0 @@
1
- export { CategoryProduct } from "./CategoryProduct";
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"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"}
@@ -1,26 +0,0 @@
1
- /// <reference types="react" />
2
- import { Menu, WizardFormValues } from "../../../../../types";
3
- export interface WizardFormProps {
4
- onFormSubmit: (props: {
5
- values: WizardFormValues;
6
- pathname?: string;
7
- isBackAction?: boolean;
8
- }) => void;
9
- routes?: string[];
10
- menu: Menu;
11
- numberOfSteps: number;
12
- defaultValues: WizardFormValues;
13
- }
14
- export interface EventDetailsFormProps {
15
- title: string;
16
- date: string;
17
- cost?: number;
18
- description: string;
19
- imageSrc?: null | string;
20
- menus?: Menu[];
21
- isBuyNowDisabled?: boolean;
22
- relyOnPeopleCategoryIds?: number[];
23
- onPrevStep?: () => void;
24
- }
25
- export declare function EventDetailsForm({ title, cost, description, imageSrc, date, menu, isBuyNowDisabled, onFormSubmit, routes, numberOfSteps, defaultValues, relyOnPeopleCategoryIds, onPrevStep, }: EventDetailsFormProps & WizardFormProps): JSX.Element;
26
- //# sourceMappingURL=EventDetailsForm.d.ts.map
@@ -1 +0,0 @@
1
- {"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"}
@@ -1 +0,0 @@
1
- "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}))))))};
@@ -1,2 +0,0 @@
1
- export { EventDetailsForm, EventDetailsFormProps, WizardFormProps, } from "./EventDetailsForm";
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"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"}
@@ -1 +0,0 @@
1
- {"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"}
@@ -1 +0,0 @@
1
- "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})}})};
@@ -1 +0,0 @@
1
- {"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"}
@@ -1 +0,0 @@
1
- "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"}})))))};
@@ -1,2 +0,0 @@
1
- export { RenderNumberOfPeopleInputComponent } from "./RenderNumberOfPeopleInputComponent";
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"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"}
@@ -1,2 +0,0 @@
1
- export { NumberOfPeopleInput } from "./NumberOfPeopleInput";
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"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"}
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- import { ProductCategory } from "../../../../../types";
3
- interface ProductCategoryViewProps {
4
- productCategories: ProductCategory[];
5
- }
6
- export declare function ProductCategoryView({ productCategories, }: ProductCategoryViewProps): JSX.Element;
7
- export {};
8
- //# sourceMappingURL=ProductCategoryView.d.ts.map
@@ -1 +0,0 @@
1
- {"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"}
@@ -1 +0,0 @@
1
- "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})})))})))};
@@ -1,2 +0,0 @@
1
- export { ProductCategoryView } from "./ProductCategoryView";
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"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"}
@@ -1,2 +0,0 @@
1
- export { EventDetails } from "./EventDetails";
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"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"}
@@ -1,2 +0,0 @@
1
- export * from "./routes";
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/iframe/event/event-details/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}
@@ -1,2 +0,0 @@
1
- export declare const routesByStepsCount: (count: number) => string[];
2
- //# sourceMappingURL=routes.d.ts.map
@@ -1 +0,0 @@
1
- {"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"}
@@ -1 +0,0 @@
1
- "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)}))};
@@ -1,187 +0,0 @@
1
- import { Meta } from "@storybook/react";
2
- import React, { useState } from "react";
3
- import { EventDetails } from "./EventDetails";
4
-
5
- export default {
6
- title: "Iframe/Event/EventDetails",
7
- component: EventDetails,
8
- } as Meta;
9
-
10
- const productCategories = [
11
- {
12
- id: 1,
13
- name: "Early Bird General Admission",
14
- products: [
15
- {
16
- id: 7,
17
- name: "Beer",
18
- description: `Ticket <em>is</em> valid for students and non students.
19
- You do not need student ID for this event but do require regular age ID e.g. driving licence or passport.
20
- Ticket valid for entry before 11.30pm for 12.30am showtime.`,
21
- minQuantity: 1,
22
- maxQuantity: 10,
23
- price: 1,
24
- },
25
- {
26
- id: 8,
27
- name: "Wine",
28
- description: `Ticket is valid for students and non students.
29
- You do not need <strong>student ID</strong> for this event but do require regular age ID e.g. driving licence or passport.
30
- Ticket valid for entry before 11.30pm for 12.30am showtime.`,
31
- minQuantity: 1,
32
- maxQuantity: 10,
33
- price: 1,
34
- isRequired: true,
35
- },
36
- ],
37
- },
38
- {
39
- id: 2,
40
- name: "Nice",
41
- products: [
42
- {
43
- id: 3,
44
- name: "Beer",
45
- description: `Ticket is valid for students and non students.
46
- You do not need student ID for this event but do require regular age ID e.g. driving licence or passport.
47
- Ticket valid for entry before 11.30pm for 12.30am showtime.`,
48
- minQuantity: 1,
49
- maxQuantity: 10,
50
- price: 1,
51
- },
52
- {
53
- id: 5,
54
- name: "Wine",
55
- description: `Ticket is valid for students and non students.
56
- You do not need <strong>student ID</strong> for this event but do require regular age ID e.g. driving licence or passport.
57
- Ticket valid for entry before 11.30pm for 12.30am showtime.`,
58
- minQuantity: 1,
59
- maxQuantity: 10,
60
- price: 1,
61
- },
62
- ],
63
- },
64
- ];
65
-
66
- const productCategories2 = [
67
- {
68
- id: 1,
69
- name: "fine",
70
- products: [
71
- {
72
- id: 9,
73
- name: "Beer",
74
- description: `Ticket is valid for students and non students.
75
- You do not need student ID for this event but do require regular age ID e.g. driving licence or passport.
76
- Ticket valid for entry before 11.30pm for 12.30am showtime.`,
77
- minQuantity: 1,
78
- maxQuantity: 10,
79
- price: 1,
80
- },
81
- {
82
- id: 10,
83
- name: "Wine",
84
- description: `Ticket is valid for students and non students.
85
- You do not need student ID for this event but do require regular age ID e.g. driving licence or passport.
86
- Ticket valid for entry before 11.30pm for 12.30am showtime.`,
87
- minQuantity: 1,
88
- maxQuantity: 10,
89
- price: 1,
90
- isRequired: true,
91
- },
92
- ],
93
- },
94
- {
95
- id: 2,
96
- name: "Nice",
97
- products: [
98
- {
99
- id: 11,
100
- name: "Beer",
101
- description: `Ticket is valid for students and non students.
102
- You do not need student ID for this event but do require regular age ID e.g. driving licence or passport.
103
- Ticket valid for entry before 11.30pm for 12.30am showtime.`,
104
- minQuantity: 1,
105
- maxQuantity: 10,
106
- price: 1,
107
- },
108
- {
109
- id: 12,
110
- name: "Wine",
111
- description: `Ticket is valid for students and non students.
112
- You do not need student ID for this event but do require regular age ID e.g. driving licence or passport.
113
- Ticket valid for entry before 11.30pm for 12.30am showtime.`,
114
- minQuantity: 1,
115
- maxQuantity: 10,
116
- price: 1,
117
- },
118
- ],
119
- },
120
- ];
121
-
122
- const menus = [
123
- {
124
- id: 1,
125
- name: "Menu 1",
126
- menuSteps: [
127
- {
128
- id: 1,
129
- name: "Burger",
130
- productCategories: productCategories,
131
- },
132
- {
133
- id: 2,
134
- name: "Cheese",
135
- productCategories: productCategories2,
136
- },
137
- ],
138
- },
139
- ];
140
-
141
- const defaultValues = {
142
- "8": {
143
- id: 8,
144
- name: "Wine",
145
- price: 1,
146
- productsCategoryId: 1,
147
- quantity: 1,
148
- },
149
- };
150
-
151
- export function Default() {
152
- const [_order, setOrder] = useState({});
153
-
154
- const onSubmit = (values: any) => {
155
- setOrder(values);
156
- };
157
-
158
- return (
159
- <div>
160
- <EventDetails
161
- menus={menus}
162
- description="On the other hand, we denounce with righteous indignation and dislike
163
- men who are so beguiled and demoralized by the charms of pleasure of
164
- the moment, so blinded by desire, that they cannot foresee the pain
165
- and trouble that are bound to ensue; and equal blame belongs to those
166
- who fail in their duty through weakness of will, which is the same as
167
- saying through shrinking from toil and pain. These cases are perfectly
168
- simple and easy to distinguish. In a free hour, when our power of
169
- choice is untrammelled and when nothing prevents our being able to do
170
- what we like best, every pleasure is to be welcomed and every pain
171
- avoided. But in certain circumstances and owing to the claims of duty
172
- or the obligations of business it will frequently occur that pleasures
173
- have to be repudiated and annoyances accepted. The wise man therefore
174
- always holds in these matters to this principle of selection: he
175
- rejects pleasures to secure other greater pleasures, or else he
176
- endures pains to avoid worse pains."
177
- cost={6}
178
- title="Glitterbomb Bucks / Baga Chipz"
179
- date="Sat 2nd May"
180
- // eslint-disable-next-line max-len
181
- 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"
182
- onSubmit={onSubmit}
183
- defaultValues={defaultValues}
184
- />
185
- </div>
186
- );
187
- }
@@ -1,92 +0,0 @@
1
- import React, { useState, useMemo } from "react";
2
- import { MemoryRouter, Route } from "react-router-dom";
3
- import {
4
- EventDetailsForm,
5
- EventDetailsFormProps,
6
- } from "./components/event-details-form";
7
- import { WizardFormValues } from "../../../types";
8
- import { routesByStepsCount } from "./utils";
9
-
10
- type EventDetailsProps = EventDetailsFormProps & {
11
- onSubmit: (values: WizardFormValues) => void;
12
- defaultValues?: WizardFormValues;
13
- };
14
-
15
- export function EventDetails({
16
- onSubmit,
17
- menus,
18
- defaultValues = {},
19
- ...restProps
20
- }: EventDetailsProps) {
21
- const [stepFormValues, setStepFormValues] =
22
- useState<WizardFormValues>(defaultValues);
23
-
24
- const menu = menus && menus?.length !== 0 ? menus[0] : null;
25
- const numberOfSteps = menu?.menuSteps?.length || 0;
26
-
27
- const routes = useMemo(
28
- () => routesByStepsCount(numberOfSteps),
29
- [numberOfSteps]
30
- );
31
-
32
- const submitFormsValues = (values: WizardFormValues) => {
33
- if (!onSubmit) return;
34
-
35
- onSubmit(values);
36
- };
37
-
38
- const saveFormValues = ({
39
- values,
40
- pathname,
41
- isBackAction = false,
42
- }: {
43
- values: WizardFormValues;
44
- pathname?: string;
45
- isBackAction?: boolean;
46
- }) => {
47
- const nextValues = { ...stepFormValues, ...values };
48
- setStepFormValues(nextValues);
49
-
50
- if (!pathname || (routes[routes.length - 1] === pathname && !isBackAction))
51
- return submitFormsValues(nextValues);
52
-
53
- return undefined;
54
- };
55
-
56
- if (routes.length) {
57
- return (
58
- <MemoryRouter initialEntries={routes} initialIndex={0}>
59
- {routes.map((route: string) => {
60
- return (
61
- <Route
62
- path={route}
63
- exact
64
- key={route}
65
- render={() => (
66
- <EventDetailsForm
67
- {...restProps}
68
- menu={menu}
69
- onFormSubmit={saveFormValues}
70
- routes={routes}
71
- numberOfSteps={numberOfSteps}
72
- defaultValues={stepFormValues}
73
- />
74
- )}
75
- />
76
- );
77
- })}
78
- </MemoryRouter>
79
- );
80
- }
81
-
82
- return (
83
- <EventDetailsForm
84
- {...restProps}
85
- menu={menu}
86
- onFormSubmit={saveFormValues}
87
- routes={routes}
88
- numberOfSteps={numberOfSteps}
89
- defaultValues={stepFormValues}
90
- />
91
- );
92
- }