@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.
- package/dist/events/edit-event-modal/utils/getDefaultProductSet.d.ts.map +1 -1
- package/dist/events/edit-event-modal/utils/getDefaultProductSet.js +1 -1
- package/dist/iframe/event/index.d.ts +0 -1
- package/dist/iframe/event/index.d.ts.map +1 -1
- package/dist/iframe/index.d.ts +1 -1
- package/dist/iframe/index.d.ts.map +1 -1
- package/dist/iframe/order-process/components/BookingSummary/BookingSummary.d.ts +1 -1
- package/dist/iframe/order-process/components/BookingSummary/BookingSummary.js +1 -1
- package/dist/iframe/order-process/components/BookingSummary/types/index.d.ts +1 -1
- package/dist/iframe/order-process/components/CategoryProduct/components/ProductQuantityInput/ProductQuantityInput.d.ts +1 -0
- package/dist/iframe/order-process/components/CategoryProduct/components/ProductQuantityInput/ProductQuantityInput.d.ts.map +1 -1
- package/dist/iframe/order-process/components/CategoryProduct/components/ProductQuantityInput/ProductQuantityInput.js +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/dist/number-of-people-input/NumberOfPeopleInput.d.ts.map +1 -0
- package/dist/number-of-people-input/NumberOfPeopleInput.js +1 -0
- package/dist/{iframe/event/event-details/components/number-of-people-input/component → number-of-people-input/components}/RenderNumberOfPeopleInputComponent.d.ts +2 -3
- package/dist/number-of-people-input/components/RenderNumberOfPeopleInputComponent.d.ts.map +1 -0
- package/dist/number-of-people-input/components/RenderNumberOfPeopleInputComponent.js +1 -0
- package/dist/number-of-people-input/components/index.d.ts +2 -0
- package/dist/number-of-people-input/components/index.d.ts.map +1 -0
- package/dist/number-of-people-input/index.d.ts +3 -0
- package/dist/number-of-people-input/index.d.ts.map +1 -0
- package/dist/product-set/control/ProductSetControl.d.ts +2 -1
- package/dist/product-set/control/ProductSetControl.d.ts.map +1 -1
- package/dist/product-set/control/ProductSetControl.js +1 -1
- package/dist/product-set/form/ProductCategoriesControl.d.ts.map +1 -1
- package/dist/product-set/form/ProductCategoriesControl.js +1 -1
- package/dist/product-set/product-category/ProductCategoryControl.d.ts +0 -1
- package/dist/product-set/product-category/ProductCategoryControl.d.ts.map +1 -1
- package/dist/product-set/product-category/ProductCategoryControl.js +1 -1
- package/dist/sales/manual-booking/summary/ManualBookingSummary.d.ts +3 -1
- package/dist/sales/manual-booking/summary/ManualBookingSummary.d.ts.map +1 -1
- package/dist/sales/manual-booking/summary/ManualBookingSummary.js +1 -1
- package/dist/snippet/snippet-template/preview/Preview.js +1 -1
- package/dist/types/iframe.d.ts +1 -0
- package/dist/types/iframe.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/events/edit-event-modal/component/EditEventForm/EditEventForm.stories.tsx +0 -9
- package/src/events/edit-event-modal/utils/getDefaultProductSet.ts +2 -1
- package/src/iframe/event/event-venue-map/IframeEventVenueMap.stories.tsx +0 -1
- package/src/iframe/event/index.ts +0 -1
- package/src/iframe/index.ts +0 -1
- package/src/iframe/order-process/components/BookingSummary/BookingSummary.tsx +2 -2
- package/src/iframe/order-process/components/BookingSummary/types/index.ts +1 -1
- package/src/iframe/order-process/components/CalendarStepsForm/CalendarStepsForm.stories.tsx +0 -1
- package/src/iframe/order-process/components/CategoryProduct/components/ProductQuantityInput/ProductQuantityInput.tsx +5 -0
- package/src/iframe/payment/payment-page/PaymentPage.stories.tsx +1 -1
- package/src/index.ts +1 -0
- package/src/{iframe/event/event-details/components/number-of-people-input → number-of-people-input}/NumberOfPeopleInput.tsx +1 -1
- package/src/number-of-people-input/components/RenderNumberOfPeopleInputComponent.stories.tsx +92 -0
- package/src/{iframe/event/event-details/components/number-of-people-input/component → number-of-people-input/components}/RenderNumberOfPeopleInputComponent.tsx +3 -3
- package/src/number-of-people-input/components/index.ts +1 -0
- package/src/number-of-people-input/index.ts +2 -0
- package/src/product-set/control/ProductSetControl.tsx +36 -0
- package/src/product-set/form/ProductCategoriesControl.tsx +0 -1
- package/src/product-set/form/ProductSetForm.stories.tsx +2 -6
- package/src/product-set/product-category/ProductCategory.stories.tsx +0 -1
- package/src/product-set/product-category/ProductCategoryControl.tsx +0 -23
- package/src/sales/booking/results/BookingResults.stories.tsx +0 -7
- package/src/sales/guest-profile/previous-bookings/PreviousBookings.stories.tsx +0 -7
- package/src/sales/manual-booking/summary/ManualBookingSummary.tsx +20 -5
- package/src/types/iframe.ts +1 -0
- package/dist/iframe/event/event-details/EventDetails.d.ts +0 -10
- package/dist/iframe/event/event-details/EventDetails.d.ts.map +0 -1
- package/dist/iframe/event/event-details/EventDetails.js +0 -1
- package/dist/iframe/event/event-details/components/category-product/CategoryProduct.d.ts +0 -9
- package/dist/iframe/event/event-details/components/category-product/CategoryProduct.d.ts.map +0 -1
- package/dist/iframe/event/event-details/components/category-product/CategoryProduct.js +0 -1
- package/dist/iframe/event/event-details/components/category-product/index.d.ts +0 -2
- package/dist/iframe/event/event-details/components/category-product/index.d.ts.map +0 -1
- package/dist/iframe/event/event-details/components/event-details-form/EventDetailsForm.d.ts +0 -26
- package/dist/iframe/event/event-details/components/event-details-form/EventDetailsForm.d.ts.map +0 -1
- package/dist/iframe/event/event-details/components/event-details-form/EventDetailsForm.js +0 -1
- package/dist/iframe/event/event-details/components/event-details-form/index.d.ts +0 -2
- package/dist/iframe/event/event-details/components/event-details-form/index.d.ts.map +0 -1
- package/dist/iframe/event/event-details/components/number-of-people-input/NumberOfPeopleInput.d.ts.map +0 -1
- package/dist/iframe/event/event-details/components/number-of-people-input/NumberOfPeopleInput.js +0 -1
- package/dist/iframe/event/event-details/components/number-of-people-input/component/RenderNumberOfPeopleInputComponent.d.ts.map +0 -1
- package/dist/iframe/event/event-details/components/number-of-people-input/component/RenderNumberOfPeopleInputComponent.js +0 -1
- package/dist/iframe/event/event-details/components/number-of-people-input/component/index.d.ts +0 -2
- package/dist/iframe/event/event-details/components/number-of-people-input/component/index.d.ts.map +0 -1
- package/dist/iframe/event/event-details/components/number-of-people-input/index.d.ts +0 -2
- package/dist/iframe/event/event-details/components/number-of-people-input/index.d.ts.map +0 -1
- package/dist/iframe/event/event-details/components/product-category-view/ProductCategoryView.d.ts +0 -8
- package/dist/iframe/event/event-details/components/product-category-view/ProductCategoryView.d.ts.map +0 -1
- package/dist/iframe/event/event-details/components/product-category-view/ProductCategoryView.js +0 -1
- package/dist/iframe/event/event-details/components/product-category-view/index.d.ts +0 -2
- package/dist/iframe/event/event-details/components/product-category-view/index.d.ts.map +0 -1
- package/dist/iframe/event/event-details/index.d.ts +0 -2
- package/dist/iframe/event/event-details/index.d.ts.map +0 -1
- package/dist/iframe/event/event-details/utils/index.d.ts +0 -2
- package/dist/iframe/event/event-details/utils/index.d.ts.map +0 -1
- package/dist/iframe/event/event-details/utils/routes.d.ts +0 -2
- package/dist/iframe/event/event-details/utils/routes.d.ts.map +0 -1
- package/dist/iframe/event/event-details/utils/routes.js +0 -1
- package/src/iframe/event/event-details/EventDetails.stories.tsx +0 -187
- package/src/iframe/event/event-details/EventDetails.tsx +0 -92
- package/src/iframe/event/event-details/EventDetailsOneStepForm.stories.tsx +0 -123
- package/src/iframe/event/event-details/components/category-product/CategoryProduct.tsx +0 -109
- package/src/iframe/event/event-details/components/category-product/index.ts +0 -1
- package/src/iframe/event/event-details/components/event-details-form/EventDetailsForm.tsx +0 -250
- package/src/iframe/event/event-details/components/event-details-form/index.ts +0 -5
- package/src/iframe/event/event-details/components/number-of-people-input/component/index.ts +0 -1
- package/src/iframe/event/event-details/components/number-of-people-input/index.ts +0 -1
- package/src/iframe/event/event-details/components/product-category-view/ProductCategoryView.tsx +0 -34
- package/src/iframe/event/event-details/components/product-category-view/index.ts +0 -1
- package/src/iframe/event/event-details/index.ts +0 -1
- package/src/iframe/event/event-details/utils/index.ts +0 -1
- package/src/iframe/event/event-details/utils/routes.ts +0 -6
- /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
|
-
|
|
53
|
-
|
|
54
|
-
|
|
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",
|
package/src/types/iframe.ts
CHANGED
|
@@ -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
|
package/dist/iframe/event/event-details/components/category-product/CategoryProduct.d.ts.map
DELETED
|
@@ -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 +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
|
package/dist/iframe/event/event-details/components/event-details-form/EventDetailsForm.d.ts.map
DELETED
|
@@ -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 +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"}
|
package/dist/iframe/event/event-details/components/number-of-people-input/NumberOfPeopleInput.js
DELETED
|
@@ -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"}})))))};
|
package/dist/iframe/event/event-details/components/number-of-people-input/component/index.d.ts.map
DELETED
|
@@ -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 +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"}
|
package/dist/iframe/event/event-details/components/product-category-view/ProductCategoryView.d.ts
DELETED
|
@@ -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"}
|
package/dist/iframe/event/event-details/components/product-category-view/ProductCategoryView.js
DELETED
|
@@ -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 +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 +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 +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 +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
|
-
}
|