@licklist/design 0.44.533 → 0.44.534

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 (112) hide show
  1. package/dist/events/edit-event-modal/utils/getDefaultProductSet.d.ts.map +1 -1
  2. package/dist/events/edit-event-modal/utils/getDefaultProductSet.js +1 -1
  3. package/dist/iframe/event/index.d.ts +0 -1
  4. package/dist/iframe/event/index.d.ts.map +1 -1
  5. package/dist/iframe/index.d.ts +1 -1
  6. package/dist/iframe/index.d.ts.map +1 -1
  7. package/dist/iframe/order-process/components/BookingSummary/BookingSummary.d.ts +1 -1
  8. package/dist/iframe/order-process/components/BookingSummary/BookingSummary.js +1 -1
  9. package/dist/iframe/order-process/components/BookingSummary/types/index.d.ts +1 -1
  10. package/dist/iframe/order-process/components/CategoryProduct/components/ProductQuantityInput/ProductQuantityInput.d.ts +1 -0
  11. package/dist/iframe/order-process/components/CategoryProduct/components/ProductQuantityInput/ProductQuantityInput.d.ts.map +1 -1
  12. package/dist/iframe/order-process/components/CategoryProduct/components/ProductQuantityInput/ProductQuantityInput.js +1 -1
  13. package/dist/index.d.ts +1 -0
  14. package/dist/index.d.ts.map +1 -1
  15. package/dist/index.js +1 -1
  16. package/dist/number-of-people-input/NumberOfPeopleInput.d.ts.map +1 -0
  17. package/dist/number-of-people-input/NumberOfPeopleInput.js +1 -0
  18. package/dist/{iframe/event/event-details/components/number-of-people-input/component → number-of-people-input/components}/RenderNumberOfPeopleInputComponent.d.ts +2 -3
  19. package/dist/number-of-people-input/components/RenderNumberOfPeopleInputComponent.d.ts.map +1 -0
  20. package/dist/number-of-people-input/components/RenderNumberOfPeopleInputComponent.js +1 -0
  21. package/dist/number-of-people-input/components/index.d.ts +2 -0
  22. package/dist/number-of-people-input/components/index.d.ts.map +1 -0
  23. package/dist/number-of-people-input/index.d.ts +3 -0
  24. package/dist/number-of-people-input/index.d.ts.map +1 -0
  25. package/dist/product-set/control/ProductSetControl.d.ts +2 -1
  26. package/dist/product-set/control/ProductSetControl.d.ts.map +1 -1
  27. package/dist/product-set/control/ProductSetControl.js +1 -1
  28. package/dist/product-set/form/ProductCategoriesControl.d.ts.map +1 -1
  29. package/dist/product-set/form/ProductCategoriesControl.js +1 -1
  30. package/dist/product-set/product-category/ProductCategoryControl.d.ts +0 -1
  31. package/dist/product-set/product-category/ProductCategoryControl.d.ts.map +1 -1
  32. package/dist/product-set/product-category/ProductCategoryControl.js +1 -1
  33. package/dist/sales/manual-booking/summary/ManualBookingSummary.d.ts +3 -1
  34. package/dist/sales/manual-booking/summary/ManualBookingSummary.d.ts.map +1 -1
  35. package/dist/sales/manual-booking/summary/ManualBookingSummary.js +1 -1
  36. package/dist/snippet/snippet-template/preview/Preview.js +1 -1
  37. package/dist/types/iframe.d.ts +1 -0
  38. package/dist/types/iframe.d.ts.map +1 -1
  39. package/package.json +1 -1
  40. package/src/events/edit-event-modal/component/EditEventForm/EditEventForm.stories.tsx +0 -9
  41. package/src/events/edit-event-modal/utils/getDefaultProductSet.ts +2 -1
  42. package/src/iframe/event/event-venue-map/IframeEventVenueMap.stories.tsx +0 -1
  43. package/src/iframe/event/index.ts +0 -1
  44. package/src/iframe/index.ts +0 -1
  45. package/src/iframe/order-process/components/BookingSummary/BookingSummary.tsx +2 -2
  46. package/src/iframe/order-process/components/BookingSummary/types/index.ts +1 -1
  47. package/src/iframe/order-process/components/CalendarStepsForm/CalendarStepsForm.stories.tsx +0 -1
  48. package/src/iframe/order-process/components/CategoryProduct/components/ProductQuantityInput/ProductQuantityInput.tsx +5 -0
  49. package/src/iframe/payment/payment-page/PaymentPage.stories.tsx +1 -1
  50. package/src/index.ts +1 -0
  51. package/src/{iframe/event/event-details/components/number-of-people-input → number-of-people-input}/NumberOfPeopleInput.tsx +1 -1
  52. package/src/number-of-people-input/components/RenderNumberOfPeopleInputComponent.stories.tsx +92 -0
  53. package/src/{iframe/event/event-details/components/number-of-people-input/component → number-of-people-input/components}/RenderNumberOfPeopleInputComponent.tsx +3 -3
  54. package/src/number-of-people-input/components/index.ts +1 -0
  55. package/src/number-of-people-input/index.ts +2 -0
  56. package/src/product-set/control/ProductSetControl.tsx +36 -0
  57. package/src/product-set/form/ProductCategoriesControl.tsx +0 -1
  58. package/src/product-set/form/ProductSetForm.stories.tsx +2 -6
  59. package/src/product-set/product-category/ProductCategory.stories.tsx +0 -1
  60. package/src/product-set/product-category/ProductCategoryControl.tsx +0 -23
  61. package/src/sales/booking/results/BookingResults.stories.tsx +0 -7
  62. package/src/sales/guest-profile/previous-bookings/PreviousBookings.stories.tsx +0 -7
  63. package/src/sales/manual-booking/summary/ManualBookingSummary.tsx +20 -5
  64. package/src/types/iframe.ts +1 -0
  65. package/dist/iframe/event/event-details/EventDetails.d.ts +0 -10
  66. package/dist/iframe/event/event-details/EventDetails.d.ts.map +0 -1
  67. package/dist/iframe/event/event-details/EventDetails.js +0 -1
  68. package/dist/iframe/event/event-details/components/category-product/CategoryProduct.d.ts +0 -9
  69. package/dist/iframe/event/event-details/components/category-product/CategoryProduct.d.ts.map +0 -1
  70. package/dist/iframe/event/event-details/components/category-product/CategoryProduct.js +0 -1
  71. package/dist/iframe/event/event-details/components/category-product/index.d.ts +0 -2
  72. package/dist/iframe/event/event-details/components/category-product/index.d.ts.map +0 -1
  73. package/dist/iframe/event/event-details/components/event-details-form/EventDetailsForm.d.ts +0 -26
  74. package/dist/iframe/event/event-details/components/event-details-form/EventDetailsForm.d.ts.map +0 -1
  75. package/dist/iframe/event/event-details/components/event-details-form/EventDetailsForm.js +0 -1
  76. package/dist/iframe/event/event-details/components/event-details-form/index.d.ts +0 -2
  77. package/dist/iframe/event/event-details/components/event-details-form/index.d.ts.map +0 -1
  78. package/dist/iframe/event/event-details/components/number-of-people-input/NumberOfPeopleInput.d.ts.map +0 -1
  79. package/dist/iframe/event/event-details/components/number-of-people-input/NumberOfPeopleInput.js +0 -1
  80. package/dist/iframe/event/event-details/components/number-of-people-input/component/RenderNumberOfPeopleInputComponent.d.ts.map +0 -1
  81. package/dist/iframe/event/event-details/components/number-of-people-input/component/RenderNumberOfPeopleInputComponent.js +0 -1
  82. package/dist/iframe/event/event-details/components/number-of-people-input/component/index.d.ts +0 -2
  83. package/dist/iframe/event/event-details/components/number-of-people-input/component/index.d.ts.map +0 -1
  84. package/dist/iframe/event/event-details/components/number-of-people-input/index.d.ts +0 -2
  85. package/dist/iframe/event/event-details/components/number-of-people-input/index.d.ts.map +0 -1
  86. package/dist/iframe/event/event-details/components/product-category-view/ProductCategoryView.d.ts +0 -8
  87. package/dist/iframe/event/event-details/components/product-category-view/ProductCategoryView.d.ts.map +0 -1
  88. package/dist/iframe/event/event-details/components/product-category-view/ProductCategoryView.js +0 -1
  89. package/dist/iframe/event/event-details/components/product-category-view/index.d.ts +0 -2
  90. package/dist/iframe/event/event-details/components/product-category-view/index.d.ts.map +0 -1
  91. package/dist/iframe/event/event-details/index.d.ts +0 -2
  92. package/dist/iframe/event/event-details/index.d.ts.map +0 -1
  93. package/dist/iframe/event/event-details/utils/index.d.ts +0 -2
  94. package/dist/iframe/event/event-details/utils/index.d.ts.map +0 -1
  95. package/dist/iframe/event/event-details/utils/routes.d.ts +0 -2
  96. package/dist/iframe/event/event-details/utils/routes.d.ts.map +0 -1
  97. package/dist/iframe/event/event-details/utils/routes.js +0 -1
  98. package/src/iframe/event/event-details/EventDetails.stories.tsx +0 -187
  99. package/src/iframe/event/event-details/EventDetails.tsx +0 -92
  100. package/src/iframe/event/event-details/EventDetailsOneStepForm.stories.tsx +0 -123
  101. package/src/iframe/event/event-details/components/category-product/CategoryProduct.tsx +0 -109
  102. package/src/iframe/event/event-details/components/category-product/index.ts +0 -1
  103. package/src/iframe/event/event-details/components/event-details-form/EventDetailsForm.tsx +0 -250
  104. package/src/iframe/event/event-details/components/event-details-form/index.ts +0 -5
  105. package/src/iframe/event/event-details/components/number-of-people-input/component/index.ts +0 -1
  106. package/src/iframe/event/event-details/components/number-of-people-input/index.ts +0 -1
  107. package/src/iframe/event/event-details/components/product-category-view/ProductCategoryView.tsx +0 -34
  108. package/src/iframe/event/event-details/components/product-category-view/index.ts +0 -1
  109. package/src/iframe/event/event-details/index.ts +0 -1
  110. package/src/iframe/event/event-details/utils/index.ts +0 -1
  111. package/src/iframe/event/event-details/utils/routes.ts +0 -6
  112. /package/dist/{iframe/event/event-details/components/number-of-people-input → number-of-people-input}/NumberOfPeopleInput.d.ts +0 -0
@@ -42,7 +42,6 @@ Default.args = {
42
42
  createdAt: "2022-05-20 18:28:56",
43
43
  updatedAt: "2022-05-20 18:28:56",
44
44
  status: "cart",
45
- tickets: [],
46
45
  event: {
47
46
  id: 1,
48
47
  name: "testEvent1",
@@ -82,7 +81,6 @@ Default.args = {
82
81
  createdAt: "2022-05-20 18:28:56",
83
82
  updatedAt: "2022-05-20 18:28:56",
84
83
  status: "cart",
85
- tickets: [],
86
84
  event: {
87
85
  id: 2,
88
86
  name: "testEvent2",
@@ -135,7 +133,6 @@ Default.args = {
135
133
  createdAt: "2022-05-20 18:28:56",
136
134
  updatedAt: "2022-05-20 18:28:56",
137
135
  status: "cart",
138
- tickets: [],
139
136
  event: {
140
137
  id: 3,
141
138
  name: "testEvent3",
@@ -166,7 +163,6 @@ Default.args = {
166
163
  createdAt: "2022-05-20 18:28:56",
167
164
  updatedAt: "2022-05-20 18:28:56",
168
165
  status: "cart",
169
- tickets: [],
170
166
  event: {
171
167
  id: 3,
172
168
  name: "testEvent3",
@@ -198,7 +194,6 @@ Default.args = {
198
194
  createdAt: "2022-05-20 18:28:56",
199
195
  updatedAt: "2022-05-20 18:28:56",
200
196
  status: "cart",
201
- tickets: [],
202
197
  event: {
203
198
  id: 3,
204
199
  name: "testEvent3",
@@ -226,7 +221,6 @@ Default.args = {
226
221
  createdAt: "2022-05-20 18:28:56",
227
222
  updatedAt: "2022-05-20 18:28:56",
228
223
  status: "cart",
229
- tickets: [],
230
224
  event: {
231
225
  id: 3,
232
226
  name: "testEvent3",
@@ -253,7 +247,6 @@ Default.args = {
253
247
  createdAt: "2022-05-20 18:28:56",
254
248
  updatedAt: "2022-05-20 18:28:56",
255
249
  status: "cart",
256
- tickets: [],
257
250
  event: {
258
251
  id: 3,
259
252
  name: "testEvent3",
@@ -58,7 +58,6 @@ Default.args = {
58
58
  createdAt: "2022-05-20 18:28:56",
59
59
  updatedAt: "2022-05-20 18:28:56",
60
60
  status: "cart",
61
- tickets: [],
62
61
  orderableType: "event",
63
62
  orderableId: 1,
64
63
  event: {
@@ -96,7 +95,6 @@ Default.args = {
96
95
  createdAt: "2022-05-20 18:28:56",
97
96
  updatedAt: "2022-05-20 18:28:56",
98
97
  status: "cart",
99
- tickets: [],
100
98
  orderableType: "event",
101
99
  orderableId: 2,
102
100
  event: {
@@ -147,7 +145,6 @@ Default.args = {
147
145
  createdAt: "2022-05-20 18:28:56",
148
146
  updatedAt: "2022-05-20 18:28:56",
149
147
  status: "cart",
150
- tickets: [],
151
148
  orderableType: "event",
152
149
  orderableId: 3,
153
150
  event: {
@@ -177,7 +174,6 @@ Default.args = {
177
174
  createdAt: "2022-05-20 18:28:56",
178
175
  updatedAt: "2022-05-20 18:28:56",
179
176
  status: "cart",
180
- tickets: [],
181
177
  orderableType: "event",
182
178
  orderableId: 3,
183
179
  event: {
@@ -207,7 +203,6 @@ Default.args = {
207
203
  createdAt: "2022-05-20 18:28:56",
208
204
  updatedAt: "2022-05-20 18:28:56",
209
205
  status: "cart",
210
- tickets: [],
211
206
  orderableType: "event",
212
207
  orderableId: 3,
213
208
  event: {
@@ -237,7 +232,6 @@ Default.args = {
237
232
  createdAt: "2022-05-20 18:28:56",
238
233
  updatedAt: "2022-05-20 18:28:56",
239
234
  status: "cart",
240
- tickets: [],
241
235
  orderableType: "event",
242
236
  orderableId: 3,
243
237
  event: {
@@ -266,7 +260,6 @@ Default.args = {
266
260
  createdAt: "2022-05-20 18:28:56",
267
261
  updatedAt: "2022-05-20 18:28:56",
268
262
  status: "cart",
269
- tickets: [],
270
263
  orderableType: "event",
271
264
  orderableId: 3,
272
265
  event: {
@@ -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,23 @@ 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
- <div>
53
- {order.isRelyOnPeople ? `x ${order.quantity} People` : ""}
54
- </div>
63
+ {showRelyOnPeople && relyOnPeopleMultiplier && (
64
+ <div>
65
+ {`x ${order.quantity * relyOnPeopleMultiplier} ${t(
66
+ "people"
67
+ )}`}
68
+ </div>
69
+ )}
55
70
  <div>
56
71
  {formatNumber(order.quantity * order.price, {
57
72
  style: "currency",
@@ -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
- }