@eventlook/sdk 1.4.46-beta.7 → 1.4.46
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/.claude/settings.local.json +9 -0
- package/dist/cjs/components/Image.js +29 -14
- package/dist/cjs/components/Image.js.map +1 -1
- package/dist/cjs/components/hook-form/FormProvider.js +2 -2
- package/dist/cjs/components/hook-form/FormProvider.js.map +1 -1
- package/dist/cjs/form/ChildEventDialog.js +3 -3
- package/dist/cjs/form/ChildEventDialog.js.map +1 -1
- package/dist/cjs/form/ContactPerson.js +1 -1
- package/dist/cjs/form/ContactPerson.js.map +1 -1
- package/dist/cjs/form/Payment.js +2 -2
- package/dist/cjs/form/Payment.js.map +1 -1
- package/dist/cjs/form/PaymentOverviewBox.js +61 -47
- package/dist/cjs/form/PaymentOverviewBox.js.map +1 -1
- package/dist/cjs/form/PaymentPending.js +4 -1
- package/dist/cjs/form/PaymentPending.js.map +1 -1
- package/dist/cjs/form/ReleaseWithMerchandise.js +48 -57
- package/dist/cjs/form/ReleaseWithMerchandise.js.map +1 -1
- package/dist/cjs/form/TicketForm.js +25 -43
- package/dist/cjs/form/TicketForm.js.map +1 -1
- package/dist/cjs/form/TicketSelection.js +6 -5
- package/dist/cjs/form/TicketSelection.js.map +1 -1
- package/dist/cjs/form/TicketWithMerchandiseSelection.js +5 -3
- package/dist/cjs/form/TicketWithMerchandiseSelection.js.map +1 -1
- package/dist/cjs/form/index.js +1 -1
- package/dist/cjs/form/index.js.map +1 -1
- package/dist/cjs/form/payment/FeeBox.js +16 -4
- package/dist/cjs/form/payment/FeeBox.js.map +1 -1
- package/dist/cjs/form/payment/PaymentOverviewCheckbox.js +28 -34
- package/dist/cjs/form/payment/PaymentOverviewCheckbox.js.map +1 -1
- package/dist/cjs/form/product/ProductCard.js +36 -117
- package/dist/cjs/form/product/ProductCard.js.map +1 -1
- package/dist/cjs/form/product/ProductVariantsDialog.js +96 -158
- package/dist/cjs/form/product/ProductVariantsDialog.js.map +1 -1
- package/dist/cjs/locales/cs.js +2 -17
- package/dist/cjs/locales/cs.js.map +1 -1
- package/dist/cjs/locales/en.js +2 -17
- package/dist/cjs/locales/en.js.map +1 -1
- package/dist/cjs/locales/es.js +1 -16
- package/dist/cjs/locales/es.js.map +1 -1
- package/dist/cjs/locales/pl.js +1 -16
- package/dist/cjs/locales/pl.js.map +1 -1
- package/dist/cjs/locales/sk.js +1 -16
- package/dist/cjs/locales/sk.js.map +1 -1
- package/dist/cjs/locales/uk.js +1 -16
- package/dist/cjs/locales/uk.js.map +1 -1
- package/dist/cjs/utils/data/global.js +0 -2
- package/dist/cjs/utils/data/global.js.map +1 -1
- package/dist/esm/components/Image.js +30 -15
- package/dist/esm/components/Image.js.map +1 -1
- package/dist/esm/components/hook-form/FormProvider.js +2 -2
- package/dist/esm/components/hook-form/FormProvider.js.map +1 -1
- package/dist/esm/form/ChildEventDialog.js +3 -3
- package/dist/esm/form/ChildEventDialog.js.map +1 -1
- package/dist/esm/form/ContactPerson.js +1 -1
- package/dist/esm/form/ContactPerson.js.map +1 -1
- package/dist/esm/form/Payment.js +2 -2
- package/dist/esm/form/Payment.js.map +1 -1
- package/dist/esm/form/PaymentOverviewBox.js +62 -48
- package/dist/esm/form/PaymentOverviewBox.js.map +1 -1
- package/dist/esm/form/PaymentPending.js +4 -1
- package/dist/esm/form/PaymentPending.js.map +1 -1
- package/dist/esm/form/ReleaseWithMerchandise.js +49 -58
- package/dist/esm/form/ReleaseWithMerchandise.js.map +1 -1
- package/dist/esm/form/TicketForm.js +27 -45
- package/dist/esm/form/TicketForm.js.map +1 -1
- package/dist/esm/form/TicketSelection.js +6 -5
- package/dist/esm/form/TicketSelection.js.map +1 -1
- package/dist/esm/form/TicketWithMerchandiseSelection.js +6 -4
- package/dist/esm/form/TicketWithMerchandiseSelection.js.map +1 -1
- package/dist/esm/form/index.js +1 -1
- package/dist/esm/form/index.js.map +1 -1
- package/dist/esm/form/payment/FeeBox.js +17 -5
- package/dist/esm/form/payment/FeeBox.js.map +1 -1
- package/dist/esm/form/payment/PaymentOverviewCheckbox.js +30 -36
- package/dist/esm/form/payment/PaymentOverviewCheckbox.js.map +1 -1
- package/dist/esm/form/product/ProductCard.js +37 -118
- package/dist/esm/form/product/ProductCard.js.map +1 -1
- package/dist/esm/form/product/ProductVariantsDialog.js +98 -160
- package/dist/esm/form/product/ProductVariantsDialog.js.map +1 -1
- package/dist/esm/locales/cs.js +2 -17
- package/dist/esm/locales/cs.js.map +1 -1
- package/dist/esm/locales/en.js +2 -17
- package/dist/esm/locales/en.js.map +1 -1
- package/dist/esm/locales/es.js +1 -16
- package/dist/esm/locales/es.js.map +1 -1
- package/dist/esm/locales/pl.js +1 -16
- package/dist/esm/locales/pl.js.map +1 -1
- package/dist/esm/locales/sk.js +1 -16
- package/dist/esm/locales/sk.js.map +1 -1
- package/dist/esm/locales/uk.js +1 -16
- package/dist/esm/locales/uk.js.map +1 -1
- package/dist/esm/utils/data/global.js +1 -2
- package/dist/esm/utils/data/global.js.map +1 -1
- package/dist/types/components/Image.d.ts +4 -4
- package/dist/types/form/style.d.ts +1 -1
- package/package.json +2 -8
- package/rollup.config.mjs +0 -2
- package/src/components/Image.tsx +48 -27
- package/src/components/hook-form/FormProvider.tsx +2 -5
- package/src/form/ChildEventDialog.tsx +3 -3
- package/src/form/ContactPerson.tsx +1 -1
- package/src/form/MerchandiseSelection.tsx +29 -0
- package/src/form/Payment.tsx +2 -2
- package/src/form/PaymentOverviewBox.tsx +122 -89
- package/src/form/PaymentPending.tsx +1 -1
- package/src/form/ReleaseWithMerchandise.tsx +230 -0
- package/src/form/TicketForm.tsx +25 -63
- package/src/form/{tickets/TicketSelection.tsx → TicketSelection.tsx} +128 -24
- package/src/form/{tickets/TicketSelectionMap.tsx → TicketSelectionMap.tsx} +1 -9
- package/src/form/{tickets/TicketWithMerchandiseSelection.tsx → TicketWithMerchandiseSelection.tsx} +7 -3
- package/src/form/index.tsx +1 -3
- package/src/form/payment/FeeBox.tsx +31 -4
- package/src/form/payment/PaymentOverviewCheckbox.tsx +56 -57
- package/src/form/product/ProductCard.tsx +59 -179
- package/src/form/product/ProductVariantsDialog.tsx +140 -253
- package/src/locales/cs.tsx +2 -17
- package/src/locales/en.tsx +2 -17
- package/src/locales/es.tsx +1 -16
- package/src/locales/pl.tsx +1 -16
- package/src/locales/sk.tsx +1 -16
- package/src/locales/uk.tsx +1 -16
- package/src/utils/data/global.ts +0 -1
- package/tsconfig.json +1 -2
- package/.env.example +0 -1
- package/dist/cjs/_virtual/_commonjsHelpers.js +0 -8
- package/dist/cjs/_virtual/_commonjsHelpers.js.map +0 -1
- package/dist/cjs/_virtual/index.js +0 -6
- package/dist/cjs/_virtual/index.js.map +0 -1
- package/dist/cjs/_virtual/index2.js +0 -6
- package/dist/cjs/_virtual/index2.js.map +0 -1
- package/dist/cjs/_virtual/index3.js +0 -6
- package/dist/cjs/_virtual/index3.js.map +0 -1
- package/dist/cjs/_virtual/react-is.development.js +0 -6
- package/dist/cjs/_virtual/react-is.development.js.map +0 -1
- package/dist/cjs/_virtual/react-is.development2.js +0 -6
- package/dist/cjs/_virtual/react-is.development2.js.map +0 -1
- package/dist/cjs/_virtual/react-is.production.js +0 -6
- package/dist/cjs/_virtual/react-is.production.js.map +0 -1
- package/dist/cjs/_virtual/react-is.production.min.js +0 -6
- package/dist/cjs/_virtual/react-is.production.min.js.map +0 -1
- package/dist/cjs/form/PaymentOverviewDrawer.js +0 -149
- package/dist/cjs/form/PaymentOverviewDrawer.js.map +0 -1
- package/dist/cjs/form/TicketQuantityControl.js +0 -51
- package/dist/cjs/form/TicketQuantityControl.js.map +0 -1
- package/dist/cjs/form/TicketSelectionMobile.js +0 -98
- package/dist/cjs/form/TicketSelectionMobile.js.map +0 -1
- package/dist/cjs/form/merchandise/MerchandiseSelection.js +0 -14
- package/dist/cjs/form/merchandise/MerchandiseSelection.js.map +0 -1
- package/dist/cjs/form/merchandise/MerchandiseSlider.js +0 -40
- package/dist/cjs/form/merchandise/MerchandiseSlider.js.map +0 -1
- package/dist/cjs/form/merchendise/MerchandiseSelection.js +0 -19
- package/dist/cjs/form/merchendise/MerchandiseSelection.js.map +0 -1
- package/dist/cjs/form/merchendise/MerchandiseSlider.js +0 -75
- package/dist/cjs/form/merchendise/MerchandiseSlider.js.map +0 -1
- package/dist/cjs/form/services/index.js +0 -134
- package/dist/cjs/form/services/index.js.map +0 -1
- package/dist/cjs/form/tickets/ReleaseDescription.js +0 -23
- package/dist/cjs/form/tickets/ReleaseDescription.js.map +0 -1
- package/dist/cjs/form/tickets/ReleaseWithMerchandise.js +0 -141
- package/dist/cjs/form/tickets/ReleaseWithMerchandise.js.map +0 -1
- package/dist/cjs/form/tickets/TicketQuantityControl.js +0 -52
- package/dist/cjs/form/tickets/TicketQuantityControl.js.map +0 -1
- package/dist/cjs/form/tickets/TicketSelection.js +0 -139
- package/dist/cjs/form/tickets/TicketSelection.js.map +0 -1
- package/dist/cjs/form/tickets/TicketSelectionMap.js +0 -73
- package/dist/cjs/form/tickets/TicketSelectionMap.js.map +0 -1
- package/dist/cjs/form/tickets/TicketSelectionMobile.js +0 -90
- package/dist/cjs/form/tickets/TicketSelectionMobile.js.map +0 -1
- package/dist/cjs/form/tickets/TicketWithMerchandiseSelection.js +0 -117
- package/dist/cjs/form/tickets/TicketWithMerchandiseSelection.js.map +0 -1
- package/dist/esm/_virtual/_commonjsHelpers.js +0 -6
- package/dist/esm/_virtual/_commonjsHelpers.js.map +0 -1
- package/dist/esm/_virtual/index.js +0 -4
- package/dist/esm/_virtual/index.js.map +0 -1
- package/dist/esm/_virtual/index2.js +0 -4
- package/dist/esm/_virtual/index2.js.map +0 -1
- package/dist/esm/_virtual/index3.js +0 -4
- package/dist/esm/_virtual/index3.js.map +0 -1
- package/dist/esm/_virtual/react-is.development.js +0 -4
- package/dist/esm/_virtual/react-is.development.js.map +0 -1
- package/dist/esm/_virtual/react-is.development2.js +0 -4
- package/dist/esm/_virtual/react-is.development2.js.map +0 -1
- package/dist/esm/_virtual/react-is.production.js +0 -4
- package/dist/esm/_virtual/react-is.production.js.map +0 -1
- package/dist/esm/_virtual/react-is.production.min.js +0 -4
- package/dist/esm/_virtual/react-is.production.min.js.map +0 -1
- package/dist/esm/form/PaymentOverviewDrawer.js +0 -145
- package/dist/esm/form/PaymentOverviewDrawer.js.map +0 -1
- package/dist/esm/form/TicketQuantityControl.js +0 -47
- package/dist/esm/form/TicketQuantityControl.js.map +0 -1
- package/dist/esm/form/TicketSelectionMobile.js +0 -94
- package/dist/esm/form/TicketSelectionMobile.js.map +0 -1
- package/dist/esm/form/merchandise/MerchandiseSelection.js +0 -10
- package/dist/esm/form/merchandise/MerchandiseSelection.js.map +0 -1
- package/dist/esm/form/merchandise/MerchandiseSlider.js +0 -36
- package/dist/esm/form/merchandise/MerchandiseSlider.js.map +0 -1
- package/dist/esm/form/merchendise/MerchandiseSelection.js +0 -15
- package/dist/esm/form/merchendise/MerchandiseSelection.js.map +0 -1
- package/dist/esm/form/merchendise/MerchandiseSlider.js +0 -71
- package/dist/esm/form/merchendise/MerchandiseSlider.js.map +0 -1
- package/dist/esm/form/services/index.js +0 -130
- package/dist/esm/form/services/index.js.map +0 -1
- package/dist/esm/form/tickets/ReleaseDescription.js +0 -19
- package/dist/esm/form/tickets/ReleaseDescription.js.map +0 -1
- package/dist/esm/form/tickets/ReleaseWithMerchandise.js +0 -137
- package/dist/esm/form/tickets/ReleaseWithMerchandise.js.map +0 -1
- package/dist/esm/form/tickets/TicketQuantityControl.js +0 -48
- package/dist/esm/form/tickets/TicketQuantityControl.js.map +0 -1
- package/dist/esm/form/tickets/TicketSelection.js +0 -135
- package/dist/esm/form/tickets/TicketSelection.js.map +0 -1
- package/dist/esm/form/tickets/TicketSelectionMap.js +0 -69
- package/dist/esm/form/tickets/TicketSelectionMap.js.map +0 -1
- package/dist/esm/form/tickets/TicketSelectionMobile.js +0 -86
- package/dist/esm/form/tickets/TicketSelectionMobile.js.map +0 -1
- package/dist/esm/form/tickets/TicketWithMerchandiseSelection.js +0 -113
- package/dist/esm/form/tickets/TicketWithMerchandiseSelection.js.map +0 -1
- package/dist/types/form/PaymentOverviewDrawer.d.ts +0 -8
- package/dist/types/form/merchendise/MerchandiseSelection.d.ts +0 -9
- package/dist/types/form/merchendise/MerchandiseSlider.d.ts +0 -10
- package/dist/types/form/merchendise/MerchendiseSlider.d.ts +0 -0
- package/src/form/PaymentOverviewDrawer.tsx +0 -228
- package/src/form/merchandise/MerchandiseSelection.tsx +0 -24
- package/src/form/merchandise/MerchandiseSlider.tsx +0 -62
- package/src/form/services/index.tsx +0 -263
- package/src/form/tickets/ReleaseDescription.tsx +0 -46
- package/src/form/tickets/ReleaseWithMerchandise.tsx +0 -239
- package/src/form/tickets/TicketQuantityControl.tsx +0 -94
- package/src/form/tickets/TicketSelectionMobile.tsx +0 -177
|
@@ -1,130 +0,0 @@
|
|
|
1
|
-
import React, { useState, useMemo } from 'react';
|
|
2
|
-
import { Stack, Box, Link, Dialog, DialogTitle, IconButton, DialogContent, Typography, Divider, Button, FormControlLabel, Checkbox } from '@mui/material';
|
|
3
|
-
import { useWatch, useFormContext, Controller } from 'react-hook-form';
|
|
4
|
-
import { fCurrency } from '../../utils/formatNumber.js';
|
|
5
|
-
import useGlobal from '../../hooks/useGlobal.js';
|
|
6
|
-
import 'framer-motion';
|
|
7
|
-
import '../../components/animate/IconButtonAnimate.js';
|
|
8
|
-
import '@mui/material/styles';
|
|
9
|
-
import '@mui/material/useMediaQuery';
|
|
10
|
-
import Iconify from '../../components/iconify/Iconify.js';
|
|
11
|
-
import 'react-lazy-load-image-component';
|
|
12
|
-
|
|
13
|
-
const BorderedCheckbox = ({ name, disabled, title, price, onChange, }) => {
|
|
14
|
-
const { control } = useFormContext();
|
|
15
|
-
return (React.createElement(Controller, { name: name, control: control, render: ({ field }) => (React.createElement(FormControlLabel, { control: React.createElement(Checkbox, { ...field, checked: field.value || false, onChange: (e) => {
|
|
16
|
-
onChange?.(e);
|
|
17
|
-
if (!e.defaultPrevented) {
|
|
18
|
-
field.onChange(e);
|
|
19
|
-
}
|
|
20
|
-
}, disabled: disabled }), label: React.createElement(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { width: '100%', pr: 1 } },
|
|
21
|
-
React.createElement(Typography, { variant: "body2", fontWeight: 400 }, title),
|
|
22
|
-
React.createElement(Typography, { variant: "body2", fontWeight: 700, sx: { whiteSpace: 'nowrap' } }, price)), sx: {
|
|
23
|
-
m: 0,
|
|
24
|
-
px: 1,
|
|
25
|
-
pr: 0.5,
|
|
26
|
-
pl: 0,
|
|
27
|
-
borderRadius: 1,
|
|
28
|
-
width: '100%',
|
|
29
|
-
border: '1px solid',
|
|
30
|
-
borderColor: 'primary.main',
|
|
31
|
-
'& .MuiFormControlLabel-label': {
|
|
32
|
-
width: '100%',
|
|
33
|
-
},
|
|
34
|
-
} })) }));
|
|
35
|
-
};
|
|
36
|
-
const Services = ({ event }) => {
|
|
37
|
-
const { t, lang, showSnackbar } = useGlobal();
|
|
38
|
-
const [open, setOpen] = useState(false);
|
|
39
|
-
const ticketInsurancePricePerUnit = Number(useWatch({
|
|
40
|
-
name: 'ticketInsurancePricePerUnit',
|
|
41
|
-
defaultValue: 0,
|
|
42
|
-
}) || 0);
|
|
43
|
-
const smsNotificationPrice = Number(useWatch({
|
|
44
|
-
name: 'smsNotificationPrice',
|
|
45
|
-
defaultValue: 0,
|
|
46
|
-
}) || 0);
|
|
47
|
-
const tickets = useWatch({
|
|
48
|
-
name: 'tickets',
|
|
49
|
-
defaultValue: {},
|
|
50
|
-
});
|
|
51
|
-
const totalTickets = useMemo(() => {
|
|
52
|
-
const items = Object.values(tickets || {}).flat();
|
|
53
|
-
return items.reduce((sum, ticket) => sum + (Number(ticket.quantity) || 0), 0);
|
|
54
|
-
}, [tickets]);
|
|
55
|
-
const handleOpen = (e) => {
|
|
56
|
-
e.preventDefault();
|
|
57
|
-
setOpen(true);
|
|
58
|
-
};
|
|
59
|
-
const handleClose = () => setOpen(false);
|
|
60
|
-
const handleServiceChange = (e) => {
|
|
61
|
-
if (totalTickets <= 0) {
|
|
62
|
-
e.preventDefault();
|
|
63
|
-
showSnackbar(t('event.tickets.services.add_tickets_first'), {
|
|
64
|
-
variant: 'error',
|
|
65
|
-
});
|
|
66
|
-
}
|
|
67
|
-
};
|
|
68
|
-
return (React.createElement(Stack, { spacing: 1 },
|
|
69
|
-
React.createElement(BorderedCheckbox, { name: "ticketInsurance", disabled: false, title: t('event.tickets.insurance.label'), price: React.createElement(React.Fragment, null,
|
|
70
|
-
"+ ",
|
|
71
|
-
fCurrency(ticketInsurancePricePerUnit, lang, event.currency),
|
|
72
|
-
" /",
|
|
73
|
-
' ',
|
|
74
|
-
t('event.tickets.insurance.per_ticket')), onChange: handleServiceChange }),
|
|
75
|
-
React.createElement(BorderedCheckbox, { name: "smsNotification", disabled: false, title: t('event.tickets.sms_notification.label'), price: React.createElement(React.Fragment, null,
|
|
76
|
-
"+ ",
|
|
77
|
-
fCurrency(smsNotificationPrice, lang, event.currency)), onChange: handleServiceChange }),
|
|
78
|
-
React.createElement(Box, { sx: { display: 'flex', justifyContent: 'flex-end' } },
|
|
79
|
-
React.createElement(Link, { variant: "body2", underline: "always", onClick: handleOpen, color: 'text.primary' }, t('event.tickets.stepper.8.additional_info'))),
|
|
80
|
-
React.createElement(Dialog, { open: open, onClose: handleClose, maxWidth: "sm", fullWidth: true, PaperProps: {
|
|
81
|
-
sx: {
|
|
82
|
-
borderRadius: 4,
|
|
83
|
-
overflow: 'hidden',
|
|
84
|
-
},
|
|
85
|
-
} },
|
|
86
|
-
React.createElement(DialogTitle, { sx: {
|
|
87
|
-
position: 'relative',
|
|
88
|
-
textAlign: 'center',
|
|
89
|
-
fontWeight: 700,
|
|
90
|
-
fontSize: { xs: '1.5rem', sm: '1.75rem' },
|
|
91
|
-
pt: { xs: 3.5, sm: 4 },
|
|
92
|
-
pb: { xs: 2, sm: 2.5 },
|
|
93
|
-
px: { xs: 3, sm: 4 },
|
|
94
|
-
} },
|
|
95
|
-
t('event.tickets.stepper.8.title'),
|
|
96
|
-
":",
|
|
97
|
-
React.createElement(IconButton, { onClick: handleClose, size: "small", sx: { position: 'absolute', right: 16, top: 16 } },
|
|
98
|
-
React.createElement(Iconify, { icon: "carbon:close" }))),
|
|
99
|
-
React.createElement(DialogContent, { sx: { px: { xs: 3, sm: 4 }, pb: { xs: 4, sm: 5 } } },
|
|
100
|
-
React.createElement(Stack, { spacing: 3 },
|
|
101
|
-
React.createElement(Box, null,
|
|
102
|
-
React.createElement(Typography, { variant: "subtitle2", fontWeight: 700, gutterBottom: true }, t('event.tickets.insurance.label')),
|
|
103
|
-
React.createElement(Typography, { variant: "body2", paragraph: true }, t('event.tickets.insurance.modal.description')),
|
|
104
|
-
React.createElement(Typography, { variant: "body2", paragraph: true }, t('event.tickets.insurance.modal.coverage')),
|
|
105
|
-
React.createElement(BorderedCheckbox, { name: "ticketInsurance", disabled: false, title: t('event.tickets.insurance.label'), price: React.createElement(React.Fragment, null,
|
|
106
|
-
"+ ",
|
|
107
|
-
fCurrency(ticketInsurancePricePerUnit, lang, event.currency),
|
|
108
|
-
" /",
|
|
109
|
-
' ',
|
|
110
|
-
t('event.tickets.insurance.per_ticket')), onChange: handleServiceChange })),
|
|
111
|
-
React.createElement(Divider, null),
|
|
112
|
-
React.createElement(Box, null,
|
|
113
|
-
React.createElement(Typography, { variant: "subtitle2", fontWeight: 700, gutterBottom: true }, t('event.tickets.sms_notification.label')),
|
|
114
|
-
React.createElement(Typography, { variant: "body2", paragraph: true }, t('event.tickets.sms_notification.modal.description')),
|
|
115
|
-
React.createElement(BorderedCheckbox, { name: "smsNotification", disabled: false, title: t('event.tickets.sms_notification.label'), price: React.createElement(React.Fragment, null,
|
|
116
|
-
"+ ",
|
|
117
|
-
fCurrency(smsNotificationPrice, lang, event.currency)), onChange: handleServiceChange })),
|
|
118
|
-
React.createElement(Button, { variant: "outlined", onClick: handleClose, sx: {
|
|
119
|
-
mt: 1,
|
|
120
|
-
py: 1.25,
|
|
121
|
-
borderRadius: 1,
|
|
122
|
-
height: 36,
|
|
123
|
-
fontWeight: 700,
|
|
124
|
-
borderColor: 'grey.300',
|
|
125
|
-
color: 'text.primary',
|
|
126
|
-
} }, t('close')))))));
|
|
127
|
-
};
|
|
128
|
-
|
|
129
|
-
export { Services as default };
|
|
130
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/form/services/index.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport {\n Box,\n Button,\n Checkbox,\n Dialog,\n DialogContent,\n DialogTitle,\n Divider,\n FormControlLabel,\n IconButton,\n Link,\n Stack,\n Typography,\n} from '@mui/material';\nimport { useWatch, Controller } from 'react-hook-form';\nimport { fCurrency } from '@utils/formatNumber';\nimport useGlobal from '@hooks/useGlobal';\nimport { Iconify } from '@components';\nimport { ITicketForm, ITicketFormTicket } from '@utils/types/ticket.type';\nimport { IEvent } from '@utils/types/event.type';\nimport { useFormContext } from 'react-hook-form';\n\ninterface Props {\n event: IEvent;\n}\n\ninterface BorderedCheckboxProps {\n name: string;\n disabled: boolean;\n title: React.ReactNode;\n price: React.ReactNode;\n onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n}\n\nconst BorderedCheckbox: React.FC<BorderedCheckboxProps> = ({\n name,\n disabled,\n title,\n price,\n onChange,\n}) => {\n const { control } = useFormContext<ITicketForm>();\n\n return (\n <Controller\n name={name as any}\n control={control}\n render={({ field }) => (\n <FormControlLabel\n control={\n <Checkbox\n {...field}\n checked={field.value || false}\n onChange={(e) => {\n onChange?.(e);\n if (!e.defaultPrevented) {\n field.onChange(e);\n }\n }}\n disabled={disabled}\n />\n }\n label={\n <Stack\n direction=\"row\"\n justifyContent=\"space-between\"\n alignItems=\"center\"\n sx={{ width: '100%', pr: 1 }}\n >\n <Typography variant=\"body2\" fontWeight={400}>\n {title}\n </Typography>\n <Typography variant=\"body2\" fontWeight={700} sx={{ whiteSpace: 'nowrap' }}>\n {price}\n </Typography>\n </Stack>\n }\n sx={{\n m: 0,\n px: 1,\n pr: 0.5,\n pl: 0,\n borderRadius: 1,\n width: '100%',\n border: '1px solid',\n borderColor: 'primary.main',\n '& .MuiFormControlLabel-label': {\n width: '100%',\n },\n }}\n />\n )}\n />\n );\n};\n\nconst Services: React.FC<Props> = ({ event }) => {\n const { t, lang, showSnackbar } = useGlobal();\n const [open, setOpen] = useState(false);\n const ticketInsurancePricePerUnit = Number(\n useWatch<ITicketForm>({\n name: 'ticketInsurancePricePerUnit',\n defaultValue: 0,\n }) || 0\n );\n const smsNotificationPrice = Number(\n useWatch<ITicketForm>({\n name: 'smsNotificationPrice',\n defaultValue: 0,\n }) || 0\n );\n const tickets = useWatch<ITicketForm, 'tickets'>({\n name: 'tickets',\n defaultValue: {},\n });\n\n const totalTickets = useMemo(() => {\n const items: ITicketFormTicket[] = Object.values(tickets || {}).flat();\n return items.reduce((sum, ticket) => sum + (Number(ticket.quantity) || 0), 0);\n }, [tickets]);\n\n const handleOpen = (e: React.MouseEvent<HTMLAnchorElement>) => {\n e.preventDefault();\n setOpen(true);\n };\n\n const handleClose = () => setOpen(false);\n\n const handleServiceChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n if (totalTickets <= 0) {\n e.preventDefault();\n showSnackbar(t('event.tickets.services.add_tickets_first'), {\n variant: 'error',\n });\n }\n };\n\n return (\n <Stack spacing={1}>\n <BorderedCheckbox\n name=\"ticketInsurance\"\n disabled={false}\n title={t('event.tickets.insurance.label')}\n price={\n <>\n + {fCurrency(ticketInsurancePricePerUnit, lang, event.currency)} /{' '}\n {t('event.tickets.insurance.per_ticket')}\n </>\n }\n onChange={handleServiceChange}\n />\n\n <BorderedCheckbox\n name=\"smsNotification\"\n disabled={false}\n title={t('event.tickets.sms_notification.label')}\n price={<>+ {fCurrency(smsNotificationPrice, lang, event.currency)}</>}\n onChange={handleServiceChange}\n />\n\n <Box sx={{ display: 'flex', justifyContent: 'flex-end' }}>\n <Link variant=\"body2\" underline=\"always\" onClick={handleOpen} color={'text.primary'}>\n {t('event.tickets.stepper.8.additional_info')}\n </Link>\n </Box>\n\n <Dialog\n open={open}\n onClose={handleClose}\n maxWidth=\"sm\"\n fullWidth\n PaperProps={{\n sx: {\n borderRadius: 4,\n overflow: 'hidden',\n },\n }}\n >\n <DialogTitle\n sx={{\n position: 'relative',\n textAlign: 'center',\n fontWeight: 700,\n fontSize: { xs: '1.5rem', sm: '1.75rem' },\n pt: { xs: 3.5, sm: 4 },\n pb: { xs: 2, sm: 2.5 },\n px: { xs: 3, sm: 4 },\n }}\n >\n {t('event.tickets.stepper.8.title')}:\n <IconButton\n onClick={handleClose}\n size=\"small\"\n sx={{ position: 'absolute', right: 16, top: 16 }}\n >\n <Iconify icon=\"carbon:close\" />\n </IconButton>\n </DialogTitle>\n <DialogContent sx={{ px: { xs: 3, sm: 4 }, pb: { xs: 4, sm: 5 } }}>\n <Stack spacing={3}>\n <Box>\n <Typography variant=\"subtitle2\" fontWeight={700} gutterBottom>\n {t('event.tickets.insurance.label')}\n </Typography>\n <Typography variant=\"body2\" paragraph>\n {t('event.tickets.insurance.modal.description')}\n </Typography>\n <Typography variant=\"body2\" paragraph>\n {t('event.tickets.insurance.modal.coverage')}\n </Typography>\n <BorderedCheckbox\n name=\"ticketInsurance\"\n disabled={false}\n title={t('event.tickets.insurance.label')}\n price={\n <>\n + {fCurrency(ticketInsurancePricePerUnit, lang, event.currency)} /{' '}\n {t('event.tickets.insurance.per_ticket')}\n </>\n }\n onChange={handleServiceChange}\n />\n </Box>\n <Divider />\n <Box>\n <Typography variant=\"subtitle2\" fontWeight={700} gutterBottom>\n {t('event.tickets.sms_notification.label')}\n </Typography>\n <Typography variant=\"body2\" paragraph>\n {t('event.tickets.sms_notification.modal.description')}\n </Typography>\n <BorderedCheckbox\n name=\"smsNotification\"\n disabled={false}\n title={t('event.tickets.sms_notification.label')}\n price={<>+ {fCurrency(smsNotificationPrice, lang, event.currency)}</>}\n onChange={handleServiceChange}\n />\n </Box>\n <Button\n variant=\"outlined\"\n onClick={handleClose}\n sx={{\n mt: 1,\n py: 1.25,\n borderRadius: 1,\n height: 36,\n fontWeight: 700,\n borderColor: 'grey.300',\n color: 'text.primary',\n }}\n >\n {t('close')}\n </Button>\n </Stack>\n </DialogContent>\n </Dialog>\n </Stack>\n );\n};\n\nexport default Services;\n"],"names":[],"mappings":"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"}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Collapse, Typography, Link, Stack, Box } from '@mui/material';
|
|
3
|
-
import Iconify from '../../components/iconify/Iconify.js';
|
|
4
|
-
|
|
5
|
-
const ReleaseDescription = ({ description, isExpanded, onToggle, moreInfoLabel, showCollapse = false, }) => {
|
|
6
|
-
if (!description)
|
|
7
|
-
return null;
|
|
8
|
-
if (showCollapse) {
|
|
9
|
-
return (React.createElement(Collapse, { in: isExpanded },
|
|
10
|
-
React.createElement(Typography, { variant: "body2", color: "text.secondary" }, description)));
|
|
11
|
-
}
|
|
12
|
-
return (React.createElement(Link, { onClick: onToggle, color: "inherit", underline: "always", fontSize: 12 },
|
|
13
|
-
React.createElement(Stack, { direction: "row", alignItems: "center", spacing: 0 },
|
|
14
|
-
React.createElement(Box, null, moreInfoLabel),
|
|
15
|
-
React.createElement(Iconify, { sx: { width: 24, height: 24 }, icon: isExpanded ? 'eva:chevron-up-fill' : 'eva:chevron-down-fill' }))));
|
|
16
|
-
};
|
|
17
|
-
|
|
18
|
-
export { ReleaseDescription as default };
|
|
19
|
-
//# sourceMappingURL=ReleaseDescription.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ReleaseDescription.js","sources":["../../../../src/form/tickets/ReleaseDescription.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Collapse, Link, Stack, Typography } from '@mui/material';\nimport { Iconify } from '@components/iconify';\n\ninterface ReleaseDescriptionProps {\n description?: string | null;\n isExpanded: boolean;\n onToggle: () => void;\n moreInfoLabel: string;\n showCollapse?: boolean;\n}\n\nconst ReleaseDescription: React.FC<ReleaseDescriptionProps> = ({\n description,\n isExpanded,\n onToggle,\n moreInfoLabel,\n showCollapse = false,\n}) => {\n if (!description) return null;\n\n if (showCollapse) {\n return (\n <Collapse in={isExpanded}>\n <Typography variant=\"body2\" color=\"text.secondary\">\n {description}\n </Typography>\n </Collapse>\n );\n }\n\n return (\n <Link onClick={onToggle} color=\"inherit\" underline=\"always\" fontSize={12}>\n <Stack direction=\"row\" alignItems=\"center\" spacing={0}>\n <Box>{moreInfoLabel}</Box>\n\n <Iconify\n sx={{ width: 24, height: 24 }}\n icon={isExpanded ? 'eva:chevron-up-fill' : 'eva:chevron-down-fill'}\n />\n </Stack>\n </Link>\n );\n};\n\nexport default ReleaseDescription;\n"],"names":[],"mappings":";;;;AAYA,MAAM,kBAAkB,GAAsC,CAAC,EAC7D,WAAW,EACX,UAAU,EACV,QAAQ,EACR,aAAa,EACb,YAAY,GAAG,KAAK,GACrB,KAAI;AACH,IAAA,IAAI,CAAC,WAAW;AAAE,QAAA,OAAO,IAAI;IAE7B,IAAI,YAAY,EAAE;AAChB,QAAA,QACE,KAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,EAAC,EAAE,EAAE,UAAU,EAAA;AACtB,YAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,gBAAgB,EAAA,EAC/C,WAAW,CACD,CACJ;;AAIf,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,IAAI,IAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAC,SAAS,EAAC,SAAS,EAAC,QAAQ,EAAC,QAAQ,EAAE,EAAE,EAAA;AACtE,QAAA,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,SAAS,EAAC,KAAK,EAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAE,CAAC,EAAA;YACnD,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,IAAA,EAAE,aAAa,CAAO;AAE1B,YAAA,KAAA,CAAA,aAAA,CAAC,OAAO,EAAA,EACN,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAC7B,IAAI,EAAE,UAAU,GAAG,qBAAqB,GAAG,uBAAuB,EAAA,CAClE,CACI,CACH;AAEX;;;;"}
|
|
@@ -1,137 +0,0 @@
|
|
|
1
|
-
import React, { useState, useCallback } from 'react';
|
|
2
|
-
import { Box, Stack, Typography } from '@mui/material';
|
|
3
|
-
import ProductVariantsDialog from '../product/ProductVariantsDialog.js';
|
|
4
|
-
import TicketQuantityControl from './TicketQuantityControl.js';
|
|
5
|
-
import { useFormContext, useWatch } from 'react-hook-form';
|
|
6
|
-
import { fCurrency } from '../../utils/formatNumber.js';
|
|
7
|
-
import { getSelectedQuantityByVariant } from '../../utils/product.js';
|
|
8
|
-
import ReleaseExtraFields from '../extra-field/ReleaseExtraFields.js';
|
|
9
|
-
import ReleaseDescription from './ReleaseDescription.js';
|
|
10
|
-
import useGlobal from '../../hooks/useGlobal.js';
|
|
11
|
-
|
|
12
|
-
const ReleaseWithMerchandise = ({ eventId, release, activeReleases, currency, index, }) => {
|
|
13
|
-
const { t, lang } = useGlobal();
|
|
14
|
-
const [openVariantDialog, setOpenVariantDialog] = useState(null);
|
|
15
|
-
const [isDescriptionExpanded, setIsDescriptionExpanded] = useState(false);
|
|
16
|
-
const { setValue } = useFormContext();
|
|
17
|
-
const tickets = useWatch({ name: `tickets.${eventId}`, defaultValue: [] });
|
|
18
|
-
const products = useWatch({ name: `products.${eventId}`, defaultValue: [] });
|
|
19
|
-
const addedRelease = tickets.find((ticket) => ticket.releaseId === release.id);
|
|
20
|
-
const countTickets = addedRelease?.quantity || 0;
|
|
21
|
-
const getReleaseTitle = (release) => release.releaseCategoryName || release.name || '';
|
|
22
|
-
const getSelectedQuantity = (id) => tickets.find((ticket) => ticket.releaseId === id)?.quantity || 0;
|
|
23
|
-
const getAvailableTicketsForRelease = (release) => {
|
|
24
|
-
const selectedRelease = activeReleases?.find((item) => item.id === release.releaseId);
|
|
25
|
-
const availableQuantity = selectedRelease ? selectedRelease.availableTickets : 0;
|
|
26
|
-
return availableQuantity > 10 ? 10 : availableQuantity;
|
|
27
|
-
};
|
|
28
|
-
const isMaxQuantity = (releaseId) => {
|
|
29
|
-
const release = tickets.find((ticket) => ticket.releaseId === releaseId);
|
|
30
|
-
if (!release)
|
|
31
|
-
return false;
|
|
32
|
-
return getSelectedQuantity(releaseId) >= getAvailableTicketsForRelease(release);
|
|
33
|
-
};
|
|
34
|
-
const addRelease = (productsToAdd) => {
|
|
35
|
-
const normalizedProducts = Array.isArray(productsToAdd)
|
|
36
|
-
? productsToAdd
|
|
37
|
-
: productsToAdd
|
|
38
|
-
? [productsToAdd]
|
|
39
|
-
: [];
|
|
40
|
-
const quantity = normalizedProducts.length ? normalizedProducts.length : 1;
|
|
41
|
-
const extraFields = release.extraFields?.length
|
|
42
|
-
? Array.from({ length: quantity }, () => release.extraFields.map((field) => ({
|
|
43
|
-
eventExtraFieldId: field.id,
|
|
44
|
-
value: '',
|
|
45
|
-
})))
|
|
46
|
-
: [];
|
|
47
|
-
setValue(`tickets.${eventId}`, [
|
|
48
|
-
...tickets,
|
|
49
|
-
{
|
|
50
|
-
releaseId: release.id,
|
|
51
|
-
quantity,
|
|
52
|
-
itemName: '',
|
|
53
|
-
price: 0,
|
|
54
|
-
products: normalizedProducts,
|
|
55
|
-
extraFields,
|
|
56
|
-
},
|
|
57
|
-
]);
|
|
58
|
-
setOpenVariantDialog(null);
|
|
59
|
-
};
|
|
60
|
-
const increaseQuantity = (productsToAdd) => {
|
|
61
|
-
const normalizedProducts = Array.isArray(productsToAdd)
|
|
62
|
-
? productsToAdd
|
|
63
|
-
: productsToAdd
|
|
64
|
-
? [productsToAdd]
|
|
65
|
-
: [];
|
|
66
|
-
const addedRelease = tickets.find((ticket) => ticket.releaseId === release.id);
|
|
67
|
-
if (addedRelease) {
|
|
68
|
-
const increment = normalizedProducts.length ? normalizedProducts.length : 1;
|
|
69
|
-
const maxQuantity = getAvailableTicketsForRelease(addedRelease);
|
|
70
|
-
const availableIncrement = Math.max(0, Math.min(increment, maxQuantity - Number(addedRelease.quantity)));
|
|
71
|
-
if (availableIncrement === 0)
|
|
72
|
-
return;
|
|
73
|
-
const newQuantity = Number(addedRelease.quantity) + availableIncrement;
|
|
74
|
-
const productsSlice = normalizedProducts.slice(0, availableIncrement);
|
|
75
|
-
const extraFieldsToAdd = release.extraFields?.length
|
|
76
|
-
? Array.from({ length: availableIncrement }, () => release.extraFields.map((field) => ({
|
|
77
|
-
eventExtraFieldId: field.id,
|
|
78
|
-
value: '',
|
|
79
|
-
})))
|
|
80
|
-
: [];
|
|
81
|
-
setValue(`tickets.${eventId}`, tickets.map((ticket) => ticket.releaseId === release.id
|
|
82
|
-
? {
|
|
83
|
-
...ticket,
|
|
84
|
-
quantity: newQuantity > maxQuantity ? maxQuantity : newQuantity,
|
|
85
|
-
products: [...ticket.products, ...productsSlice],
|
|
86
|
-
extraFields: release.extraFields?.length
|
|
87
|
-
? [...ticket.extraFields, ...extraFieldsToAdd]
|
|
88
|
-
: [],
|
|
89
|
-
}
|
|
90
|
-
: ticket));
|
|
91
|
-
setOpenVariantDialog(null);
|
|
92
|
-
}
|
|
93
|
-
};
|
|
94
|
-
const decreaseQuantity = useCallback(() => {
|
|
95
|
-
const addedRelease = tickets.find((ticket) => ticket.releaseId === release.id);
|
|
96
|
-
if (addedRelease) {
|
|
97
|
-
const newQuantity = Number(addedRelease.quantity) - 1;
|
|
98
|
-
if (newQuantity < 1) {
|
|
99
|
-
setValue(`tickets.${eventId}`, tickets.filter((ticket) => ticket.releaseId !== release.id));
|
|
100
|
-
}
|
|
101
|
-
else {
|
|
102
|
-
setValue(`tickets.${eventId}`, tickets.map((ticket) => {
|
|
103
|
-
if (ticket.releaseId !== release.id)
|
|
104
|
-
return ticket;
|
|
105
|
-
return {
|
|
106
|
-
...ticket,
|
|
107
|
-
quantity: newQuantity,
|
|
108
|
-
products: ticket?.products?.slice(0, -1), // non-mutating "pop"
|
|
109
|
-
extraFields: ticket?.extraFields?.slice(0, -1),
|
|
110
|
-
};
|
|
111
|
-
}));
|
|
112
|
-
}
|
|
113
|
-
}
|
|
114
|
-
}, [tickets, release.id, setValue]);
|
|
115
|
-
return (React.createElement(Box, { sx: {
|
|
116
|
-
pt: 1,
|
|
117
|
-
pr: 0.5,
|
|
118
|
-
pb: 0,
|
|
119
|
-
pl: 2,
|
|
120
|
-
borderRadius: 1,
|
|
121
|
-
bgcolor: (theme) => theme.palette.mode === 'light' ? theme.palette.grey[100] : theme.palette.grey[800],
|
|
122
|
-
} },
|
|
123
|
-
React.createElement(Stack, { spacing: 0 },
|
|
124
|
-
React.createElement(Box, null,
|
|
125
|
-
React.createElement(Typography, { variant: "subtitle1", fontWeight: 600 }, getReleaseTitle(release))),
|
|
126
|
-
React.createElement(Stack, { direction: "row", alignItems: "center", justifyContent: "space-between" },
|
|
127
|
-
React.createElement(Stack, null,
|
|
128
|
-
React.createElement(Typography, { variant: "body2" }, release.price === 0 ? t('free') : fCurrency(release.price, lang, currency)),
|
|
129
|
-
React.createElement(ReleaseDescription, { description: release.description, isExpanded: isDescriptionExpanded, onToggle: () => setIsDescriptionExpanded((prev) => !prev), moreInfoLabel: t('more_info') })),
|
|
130
|
-
React.createElement(TicketQuantityControl, { quantity: getSelectedQuantity(release.id), isDisabled: release.locked, canAddFirst: !release.locked, canAddMore: !isMaxQuantity(release.id), addLabel: t('add'), onDecrement: () => decreaseQuantity(), onIncrement: () => release.product ? setOpenVariantDialog('increase') : increaseQuantity(), onAddFirst: () => (release.product ? setOpenVariantDialog('add') : addRelease()) })),
|
|
131
|
-
React.createElement(ReleaseDescription, { description: release.description, isExpanded: isDescriptionExpanded, onToggle: () => setIsDescriptionExpanded((prev) => !prev), moreInfoLabel: t('more_info'), showCollapse: true }),
|
|
132
|
-
release.extraFields && release.extraFields.length > 0 && (React.createElement(ReleaseExtraFields, { release: release, eventId: eventId, releaseIndex: index, quantity: countTickets })),
|
|
133
|
-
release.product && (React.createElement(ProductVariantsDialog, { eventProduct: release.product, openDialog: !!openVariantDialog, callback: openVariantDialog === 'increase' ? increaseQuantity : addRelease, onClose: () => setOpenVariantDialog(null), selectedQuantityByVariant: getSelectedQuantityByVariant(products, tickets), eventId: eventId, canAddOnlyOneAtATime: true })))));
|
|
134
|
-
};
|
|
135
|
-
|
|
136
|
-
export { ReleaseWithMerchandise as default };
|
|
137
|
-
//# sourceMappingURL=ReleaseWithMerchandise.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ReleaseWithMerchandise.js","sources":["../../../../src/form/tickets/ReleaseWithMerchandise.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport { Box, Stack, Typography } from '@mui/material';\nimport ProductVariantsDialog from '@form/product/ProductVariantsDialog';\nimport TicketQuantityControl from '@form/tickets/TicketQuantityControl';\nimport { IReleaseShort } from '@utils/types/release.type';\nimport { ITicketForm, ITicketFormTicket } from '@utils/types/ticket.type';\nimport { useFormContext, useWatch } from 'react-hook-form';\nimport { IEventProductForm } from '@utils/types/product.type';\nimport { fCurrency } from '@utils/formatNumber';\nimport { Currencies } from '@utils/data/currency';\nimport { getSelectedQuantityByVariant } from '@utils/product';\nimport ReleaseExtraFields from '@form/extra-field/ReleaseExtraFields';\nimport ReleaseDescription from '@form/tickets/ReleaseDescription';\nimport useGlobal from '@hooks/useGlobal.ts';\n\ninterface Props {\n eventId: number;\n release: IReleaseShort;\n activeReleases: IReleaseShort[];\n currency: Currencies;\n index: number;\n}\n\nconst ReleaseWithMerchandise: React.FC<Props> = ({\n eventId,\n release,\n activeReleases,\n currency,\n index,\n}) => {\n const { t, lang } = useGlobal();\n const [openVariantDialog, setOpenVariantDialog] = useState<'add' | 'increase' | null>(null);\n const [isDescriptionExpanded, setIsDescriptionExpanded] = useState(false);\n const { setValue } = useFormContext<ITicketForm>();\n const tickets: ITicketFormTicket[] = useWatch({ name: `tickets.${eventId}`, defaultValue: [] });\n const products: IEventProductForm[] = useWatch({ name: `products.${eventId}`, defaultValue: [] });\n const addedRelease = tickets.find((ticket) => ticket.releaseId === release.id);\n const countTickets = addedRelease?.quantity || 0;\n\n const getReleaseTitle = (release: IReleaseShort) =>\n release.releaseCategoryName || release.name || '';\n\n const getSelectedQuantity = (id: number) =>\n tickets.find((ticket) => ticket.releaseId === id)?.quantity || 0;\n\n const getAvailableTicketsForRelease = (release: ITicketFormTicket): number => {\n const selectedRelease = activeReleases?.find((item) => item.id === release.releaseId);\n const availableQuantity = selectedRelease ? selectedRelease.availableTickets : 0;\n return availableQuantity > 10 ? 10 : availableQuantity;\n };\n\n const isMaxQuantity = (releaseId: number) => {\n const release = tickets.find((ticket) => ticket.releaseId === releaseId);\n if (!release) return false;\n return getSelectedQuantity(releaseId) >= getAvailableTicketsForRelease(release);\n };\n\n const addRelease = (productsToAdd?: IEventProductForm[] | IEventProductForm) => {\n const normalizedProducts = Array.isArray(productsToAdd)\n ? productsToAdd\n : productsToAdd\n ? [productsToAdd]\n : [];\n const quantity = normalizedProducts.length ? normalizedProducts.length : 1;\n const extraFields = release.extraFields?.length\n ? Array.from({ length: quantity }, () =>\n release.extraFields!.map((field) => ({\n eventExtraFieldId: field.id,\n value: '',\n }))\n )\n : [];\n\n setValue(`tickets.${eventId}`, [\n ...tickets,\n {\n releaseId: release.id,\n quantity,\n itemName: '',\n price: 0,\n products: normalizedProducts,\n extraFields,\n },\n ]);\n setOpenVariantDialog(null);\n };\n\n const increaseQuantity = (productsToAdd?: IEventProductForm[] | IEventProductForm) => {\n const normalizedProducts = Array.isArray(productsToAdd)\n ? productsToAdd\n : productsToAdd\n ? [productsToAdd]\n : [];\n const addedRelease = tickets.find((ticket) => ticket.releaseId === release.id);\n if (addedRelease) {\n const increment = normalizedProducts.length ? normalizedProducts.length : 1;\n const maxQuantity = getAvailableTicketsForRelease(addedRelease);\n const availableIncrement = Math.max(\n 0,\n Math.min(increment, maxQuantity - Number(addedRelease.quantity))\n );\n if (availableIncrement === 0) return;\n\n const newQuantity = Number(addedRelease.quantity) + availableIncrement;\n const productsSlice = normalizedProducts.slice(0, availableIncrement);\n const extraFieldsToAdd = release.extraFields?.length\n ? Array.from({ length: availableIncrement }, () =>\n release.extraFields!.map((field) => ({\n eventExtraFieldId: field.id,\n value: '',\n }))\n )\n : [];\n\n setValue(\n `tickets.${eventId}`,\n tickets.map((ticket) =>\n ticket.releaseId === release.id\n ? {\n ...ticket,\n quantity: newQuantity > maxQuantity ? maxQuantity : newQuantity,\n products: [...ticket.products, ...productsSlice],\n extraFields: release.extraFields?.length\n ? [...ticket.extraFields, ...extraFieldsToAdd]\n : [],\n }\n : ticket\n )\n );\n setOpenVariantDialog(null);\n }\n };\n\n const decreaseQuantity = useCallback(() => {\n const addedRelease = tickets.find((ticket) => ticket.releaseId === release.id);\n if (addedRelease) {\n const newQuantity = Number(addedRelease.quantity) - 1;\n if (newQuantity < 1) {\n setValue(\n `tickets.${eventId}`,\n tickets.filter((ticket) => ticket.releaseId !== release.id)\n );\n } else {\n setValue(\n `tickets.${eventId}`,\n tickets.map((ticket) => {\n if (ticket.releaseId !== release.id) return ticket;\n\n return {\n ...ticket,\n quantity: newQuantity,\n products: ticket?.products?.slice(0, -1), // non-mutating \"pop\"\n extraFields: ticket?.extraFields?.slice(0, -1),\n };\n })\n );\n }\n }\n }, [tickets, release.id, setValue]);\n\n return (\n <Box\n sx={{\n pt: 1,\n pr: 0.5,\n pb: 0,\n pl: 2,\n borderRadius: 1,\n bgcolor: (theme) =>\n theme.palette.mode === 'light' ? theme.palette.grey[100] : theme.palette.grey[800],\n }}\n >\n <Stack spacing={0}>\n <Box>\n <Typography variant=\"subtitle1\" fontWeight={600}>\n {getReleaseTitle(release)}\n </Typography>\n </Box>\n\n <Stack direction=\"row\" alignItems=\"center\" justifyContent=\"space-between\">\n <Stack>\n <Typography variant=\"body2\">\n {release.price === 0 ? t('free') : fCurrency(release.price, lang, currency)}\n </Typography>\n\n <ReleaseDescription\n description={release.description}\n isExpanded={isDescriptionExpanded}\n onToggle={() => setIsDescriptionExpanded((prev) => !prev)}\n moreInfoLabel={t('more_info')}\n />\n </Stack>\n\n <TicketQuantityControl\n quantity={getSelectedQuantity(release.id)}\n isDisabled={release.locked}\n canAddFirst={!release.locked}\n canAddMore={!isMaxQuantity(release.id)}\n addLabel={t('add')}\n onDecrement={() => decreaseQuantity()}\n onIncrement={() =>\n release.product ? setOpenVariantDialog('increase') : increaseQuantity()\n }\n onAddFirst={() => (release.product ? setOpenVariantDialog('add') : addRelease())}\n />\n </Stack>\n\n <ReleaseDescription\n description={release.description}\n isExpanded={isDescriptionExpanded}\n onToggle={() => setIsDescriptionExpanded((prev) => !prev)}\n moreInfoLabel={t('more_info')}\n showCollapse\n />\n {release.extraFields && release.extraFields.length > 0 && (\n <ReleaseExtraFields\n release={release}\n eventId={eventId}\n releaseIndex={index}\n quantity={countTickets}\n />\n )}\n {release.product && (\n <ProductVariantsDialog\n eventProduct={release.product}\n openDialog={!!openVariantDialog}\n callback={openVariantDialog === 'increase' ? increaseQuantity : addRelease}\n onClose={() => setOpenVariantDialog(null)}\n selectedQuantityByVariant={getSelectedQuantityByVariant(products, tickets)}\n eventId={eventId}\n canAddOnlyOneAtATime\n />\n )}\n </Stack>\n </Box>\n );\n};\n\nexport default ReleaseWithMerchandise;\n"],"names":[],"mappings":"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"}
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Stack, IconButton, Box, Button } from '@mui/material';
|
|
3
|
-
import Iconify from '../../components/iconify/Iconify.js';
|
|
4
|
-
|
|
5
|
-
const TicketQuantityControl = ({ quantity, isDisabled, canAddFirst, canAddMore, addLabel, onDecrement, onIncrement, onAddFirst, }) => {
|
|
6
|
-
if (quantity > 0) {
|
|
7
|
-
return (React.createElement(Stack, { direction: "row", spacing: { xs: 0.5, md: 1 }, alignItems: "center" },
|
|
8
|
-
React.createElement(IconButton, { onClick: onDecrement, disabled: isDisabled || quantity <= 0, sx: {
|
|
9
|
-
width: { xs: 36, md: 40 },
|
|
10
|
-
height: { xs: 36, md: 40 },
|
|
11
|
-
borderRadius: 1,
|
|
12
|
-
border: '1px solid',
|
|
13
|
-
borderColor: 'grey.300',
|
|
14
|
-
} },
|
|
15
|
-
React.createElement(Iconify, { icon: "eva:minus-fill" })),
|
|
16
|
-
React.createElement(Box, { sx: {
|
|
17
|
-
width: { xs: 36, md: 40 },
|
|
18
|
-
height: { xs: 36, md: 40 },
|
|
19
|
-
borderRadius: 1,
|
|
20
|
-
border: '1px solid',
|
|
21
|
-
borderColor: 'grey.300',
|
|
22
|
-
display: 'flex',
|
|
23
|
-
alignItems: 'center',
|
|
24
|
-
justifyContent: 'center',
|
|
25
|
-
fontWeight: 600,
|
|
26
|
-
} }, quantity),
|
|
27
|
-
React.createElement(IconButton, { onClick: onIncrement, disabled: isDisabled || !canAddMore, sx: {
|
|
28
|
-
width: { xs: 36, md: 40 },
|
|
29
|
-
height: { xs: 36, md: 40 },
|
|
30
|
-
borderRadius: 1,
|
|
31
|
-
bgcolor: 'primary.main',
|
|
32
|
-
color: 'primary.contrastText',
|
|
33
|
-
'&:hover': { bgcolor: 'primary.dark' },
|
|
34
|
-
} },
|
|
35
|
-
React.createElement(Iconify, { icon: "eva:plus-fill" }))));
|
|
36
|
-
}
|
|
37
|
-
return (React.createElement(Button, { variant: "contained", onClick: onAddFirst, disabled: isDisabled || !canAddFirst, sx: {
|
|
38
|
-
height: { xs: 36, md: 40 },
|
|
39
|
-
width: { xs: 116, md: 136 },
|
|
40
|
-
borderRadius: 1,
|
|
41
|
-
px: 3,
|
|
42
|
-
textTransform: 'none',
|
|
43
|
-
fontWeight: 600,
|
|
44
|
-
} }, addLabel));
|
|
45
|
-
};
|
|
46
|
-
|
|
47
|
-
export { TicketQuantityControl as default };
|
|
48
|
-
//# sourceMappingURL=TicketQuantityControl.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TicketQuantityControl.js","sources":["../../../../src/form/tickets/TicketQuantityControl.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Button, IconButton, Stack } from '@mui/material';\nimport { Iconify } from '@components/iconify';\n\ninterface TicketQuantityControlProps {\n quantity: number;\n isDisabled: boolean;\n canAddFirst: boolean;\n canAddMore: boolean;\n addLabel: string;\n onDecrement: () => void;\n onIncrement: () => void;\n onAddFirst: () => void;\n}\n\nconst TicketQuantityControl: React.FC<TicketQuantityControlProps> = ({\n quantity,\n isDisabled,\n canAddFirst,\n canAddMore,\n addLabel,\n onDecrement,\n onIncrement,\n onAddFirst,\n}) => {\n if (quantity > 0) {\n return (\n <Stack direction=\"row\" spacing={{ xs: 0.5, md: 1 }} alignItems=\"center\">\n <IconButton\n onClick={onDecrement}\n disabled={isDisabled || quantity <= 0}\n sx={{\n width: { xs: 36, md: 40 },\n height: { xs: 36, md: 40 },\n borderRadius: 1,\n border: '1px solid',\n borderColor: 'grey.300',\n }}\n >\n <Iconify icon=\"eva:minus-fill\" />\n </IconButton>\n <Box\n sx={{\n width: { xs: 36, md: 40 },\n height: { xs: 36, md: 40 },\n borderRadius: 1,\n border: '1px solid',\n borderColor: 'grey.300',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n fontWeight: 600,\n }}\n >\n {quantity}\n </Box>\n <IconButton\n onClick={onIncrement}\n disabled={isDisabled || !canAddMore}\n sx={{\n width: { xs: 36, md: 40 },\n height: { xs: 36, md: 40 },\n borderRadius: 1,\n bgcolor: 'primary.main',\n color: 'primary.contrastText',\n '&:hover': { bgcolor: 'primary.dark' },\n }}\n >\n <Iconify icon=\"eva:plus-fill\" />\n </IconButton>\n </Stack>\n );\n }\n\n return (\n <Button\n variant=\"contained\"\n onClick={onAddFirst}\n disabled={isDisabled || !canAddFirst}\n sx={{\n height: { xs: 36, md: 40 },\n width: { xs: 116, md: 136 },\n borderRadius: 1,\n px: 3,\n textTransform: 'none',\n fontWeight: 600,\n }}\n >\n {addLabel}\n </Button>\n );\n};\n\nexport default TicketQuantityControl;\n"],"names":[],"mappings":";;;;AAeA,MAAM,qBAAqB,GAAyC,CAAC,EACnE,QAAQ,EACR,UAAU,EACV,WAAW,EACX,UAAU,EACV,QAAQ,EACR,WAAW,EACX,WAAW,EACX,UAAU,GACX,KAAI;AACH,IAAA,IAAI,QAAQ,GAAG,CAAC,EAAE;QAChB,QACE,oBAAC,KAAK,EAAA,EAAC,SAAS,EAAC,KAAK,EAAC,OAAO,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,UAAU,EAAC,QAAQ,EAAA;AACrE,YAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EACT,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,UAAU,IAAI,QAAQ,IAAI,CAAC,EACrC,EAAE,EAAE;oBACF,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;oBACzB,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;AAC1B,oBAAA,YAAY,EAAE,CAAC;AACf,oBAAA,MAAM,EAAE,WAAW;AACnB,oBAAA,WAAW,EAAE,UAAU;AACxB,iBAAA,EAAA;AAED,gBAAA,KAAA,CAAA,aAAA,CAAC,OAAO,EAAA,EAAC,IAAI,EAAC,gBAAgB,GAAG,CACtB;YACb,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EACF,EAAE,EAAE;oBACF,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;oBACzB,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;AAC1B,oBAAA,YAAY,EAAE,CAAC;AACf,oBAAA,MAAM,EAAE,WAAW;AACnB,oBAAA,WAAW,EAAE,UAAU;AACvB,oBAAA,OAAO,EAAE,MAAM;AACf,oBAAA,UAAU,EAAE,QAAQ;AACpB,oBAAA,cAAc,EAAE,QAAQ;AACxB,oBAAA,UAAU,EAAE,GAAG;AAChB,iBAAA,EAAA,EAEA,QAAQ,CACL;AACN,YAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EACT,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,UAAU,IAAI,CAAC,UAAU,EACnC,EAAE,EAAE;oBACF,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;oBACzB,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;AAC1B,oBAAA,YAAY,EAAE,CAAC;AACf,oBAAA,OAAO,EAAE,cAAc;AACvB,oBAAA,KAAK,EAAE,sBAAsB;AAC7B,oBAAA,SAAS,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE;AACvC,iBAAA,EAAA;gBAED,KAAA,CAAA,aAAA,CAAC,OAAO,IAAC,IAAI,EAAC,eAAe,EAAA,CAAG,CACrB,CACP;;IAIZ,QACE,oBAAC,MAAM,EAAA,EACL,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,UAAU,IAAI,CAAC,WAAW,EACpC,EAAE,EAAE;YACF,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;YAC1B,KAAK,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE;AAC3B,YAAA,YAAY,EAAE,CAAC;AACf,YAAA,EAAE,EAAE,CAAC;AACL,YAAA,aAAa,EAAE,MAAM;AACrB,YAAA,UAAU,EAAE,GAAG;SAChB,EAAA,EAEA,QAAQ,CACF;AAEb;;;;"}
|
|
@@ -1,135 +0,0 @@
|
|
|
1
|
-
import React, { useState, useRef, useEffect } from 'react';
|
|
2
|
-
import { useFormContext, useWatch } from 'react-hook-form';
|
|
3
|
-
import { Stack, Divider, Box, Typography } from '@mui/material';
|
|
4
|
-
import useEventActiveReleases from '../../hooks/data/useEventActiveReleases.js';
|
|
5
|
-
import { groupBy } from '../../utils/global.js';
|
|
6
|
-
import useResponsive from '../../hooks/useResponsive.js';
|
|
7
|
-
import ReleaseExtraFields from '../extra-field/ReleaseExtraFields.js';
|
|
8
|
-
import { EventType } from '../../utils/data/event.js';
|
|
9
|
-
import useGlobal from '../../hooks/useGlobal.js';
|
|
10
|
-
import TicketSelectionMobile from './TicketSelectionMobile.js';
|
|
11
|
-
|
|
12
|
-
const TicketSelection = ({ event }) => {
|
|
13
|
-
const { t } = useGlobal();
|
|
14
|
-
const isMobile = useResponsive('down', 'md');
|
|
15
|
-
const { setValue, watch } = useFormContext();
|
|
16
|
-
const tickets = useWatch({
|
|
17
|
-
name: `tickets.${event.id}`,
|
|
18
|
-
defaultValue: [],
|
|
19
|
-
});
|
|
20
|
-
const eventTimeslotId = watch('eventTimeslotId');
|
|
21
|
-
const [soldOutReleaseCategoryNames, setSoldOutReleaseCategoryNames] = useState([]);
|
|
22
|
-
const isProcessingRef = useRef(false);
|
|
23
|
-
const { data: activeReleases, mutate } = useEventActiveReleases(event.id, false, event.type === EventType.RECURRING ? eventTimeslotId : undefined);
|
|
24
|
-
const showLoading = !activeReleases && event.type !== EventType.RECURRING;
|
|
25
|
-
useEffect(() => {
|
|
26
|
-
if (!isProcessingRef.current)
|
|
27
|
-
selectedTickets();
|
|
28
|
-
}, [tickets, activeReleases]);
|
|
29
|
-
const isReleaseSelected = (id) => !!tickets.find((ticket) => ticket.releaseId === id);
|
|
30
|
-
const getRelease = (releaseId) => {
|
|
31
|
-
const release = activeReleases?.find((activeRelease) => activeRelease.id === releaseId);
|
|
32
|
-
return release ? release : null;
|
|
33
|
-
};
|
|
34
|
-
const getExtraFields = (releaseId, index) => {
|
|
35
|
-
if (!releaseId)
|
|
36
|
-
return null;
|
|
37
|
-
const release = getRelease(releaseId);
|
|
38
|
-
if (!release || !release?.extraFields || release?.extraFields.length <= 0)
|
|
39
|
-
return null;
|
|
40
|
-
const addedRelease = tickets.find((ticket) => ticket.releaseId === release.id);
|
|
41
|
-
const countTickets = addedRelease?.quantity || 0;
|
|
42
|
-
return (React.createElement(ReleaseExtraFields, { release: release, eventId: event.id, releaseIndex: index, quantity: countTickets }));
|
|
43
|
-
};
|
|
44
|
-
// const getAvailableTicketsForRelease = (release: ITicketFormTicket): number => {
|
|
45
|
-
// const selectedRelease = activeReleases?.find((item) => item.id === release.releaseId);
|
|
46
|
-
// const availableQuantity = selectedRelease ? selectedRelease.availableTickets : 0;
|
|
47
|
-
// return availableQuantity > 10 ? 10 : availableQuantity;
|
|
48
|
-
// };
|
|
49
|
-
const countReleaseCategories = () => {
|
|
50
|
-
const grouped = groupBy(activeReleases || [], 'releaseCategoryName');
|
|
51
|
-
return Object.keys(grouped).length;
|
|
52
|
-
};
|
|
53
|
-
const selectedReleaseIsSoldOut = (releases) => {
|
|
54
|
-
const lockedSelectedReleases = releases?.map((item, index) => {
|
|
55
|
-
const nextRelease = releases?.find((item2) => item2.releaseCategoryName === item.releaseCategoryName && item2.order === item.order + 1);
|
|
56
|
-
const selected = tickets.find((ticket) => ticket.releaseId === item.id);
|
|
57
|
-
return !!nextRelease && item.locked && !!selected && index + 1 == tickets.length;
|
|
58
|
-
});
|
|
59
|
-
return lockedSelectedReleases && lockedSelectedReleases.includes(true);
|
|
60
|
-
};
|
|
61
|
-
const countUnlockedReleases = () => activeReleases?.filter((item) => !item.locked).length || 0;
|
|
62
|
-
const countSelectedTickets = () => {
|
|
63
|
-
let count = 0;
|
|
64
|
-
for (const ticket of tickets) {
|
|
65
|
-
count += +ticket.quantity;
|
|
66
|
-
}
|
|
67
|
-
return count;
|
|
68
|
-
};
|
|
69
|
-
const isQuantityDisabled = (value, releaseId) => {
|
|
70
|
-
const releaseSelected = tickets.find((item) => item.releaseId === releaseId);
|
|
71
|
-
return releaseSelected && releaseSelected.quantity
|
|
72
|
-
? countSelectedTickets() + value - releaseSelected.quantity > 10
|
|
73
|
-
: countSelectedTickets() + value > 10;
|
|
74
|
-
};
|
|
75
|
-
const removeTicket = (indexToRemove) => {
|
|
76
|
-
const activeReleases = tickets.filter((_ticket, index) => index !== indexToRemove);
|
|
77
|
-
setValue(`tickets.${event.id}`, activeReleases);
|
|
78
|
-
};
|
|
79
|
-
const selectedTickets = async () => {
|
|
80
|
-
const releases = await mutate();
|
|
81
|
-
const allFilled = tickets.filter((item) => !item.releaseId || !item.quantity);
|
|
82
|
-
const soldOutReleaseCategories = activeReleases?.filter((release) => tickets.find((ticket) => release.id === ticket.releaseId &&
|
|
83
|
-
ticket.quantity === release.availableTickets &&
|
|
84
|
-
release.availableTickets !== 10));
|
|
85
|
-
setSoldOutReleaseCategoryNames(soldOutReleaseCategories?.map((item) => item.releaseCategoryName) || []);
|
|
86
|
-
const hasSelectableRelease = activeReleases?.some((release) => !isReleaseSelected(release.id) && !release.locked);
|
|
87
|
-
const shouldAddRow = (soldOutReleaseCategories &&
|
|
88
|
-
selectedReleaseIsSoldOut(releases) &&
|
|
89
|
-
tickets.length < soldOutReleaseCategories.length + countUnlockedReleases() &&
|
|
90
|
-
!allFilled.length) ||
|
|
91
|
-
(activeReleases &&
|
|
92
|
-
soldOutReleaseCategories?.length &&
|
|
93
|
-
activeReleases?.length > tickets.length &&
|
|
94
|
-
tickets.length < soldOutReleaseCategories.length + countUnlockedReleases() &&
|
|
95
|
-
!allFilled.length) ||
|
|
96
|
-
(tickets.length < countReleaseCategories() && !allFilled.length);
|
|
97
|
-
const shouldRemoveEmptyRows = allFilled.length > 0 &&
|
|
98
|
-
tickets.length > 1 &&
|
|
99
|
-
!hasSelectableRelease &&
|
|
100
|
-
(!soldOutReleaseCategories?.length || !selectedReleaseIsSoldOut(releases));
|
|
101
|
-
if (shouldAddRow) {
|
|
102
|
-
isProcessingRef.current = true;
|
|
103
|
-
setValue(`tickets.${event.id}`, [
|
|
104
|
-
...tickets,
|
|
105
|
-
{
|
|
106
|
-
releaseId: '',
|
|
107
|
-
quantity: '',
|
|
108
|
-
itemName: '',
|
|
109
|
-
price: 0,
|
|
110
|
-
products: [],
|
|
111
|
-
extraFields: [],
|
|
112
|
-
},
|
|
113
|
-
]);
|
|
114
|
-
setTimeout(() => (isProcessingRef.current = false), 0);
|
|
115
|
-
}
|
|
116
|
-
else if (shouldRemoveEmptyRows) {
|
|
117
|
-
// Only remove completely empty rows (no releaseId), keep rows where user started selecting
|
|
118
|
-
const nonEmptyTickets = tickets.filter((item) => item.releaseId);
|
|
119
|
-
if (nonEmptyTickets.length < tickets.length) {
|
|
120
|
-
isProcessingRef.current = true;
|
|
121
|
-
setValue(`tickets.${event.id}`, nonEmptyTickets);
|
|
122
|
-
setTimeout(() => (isProcessingRef.current = false), 0);
|
|
123
|
-
}
|
|
124
|
-
}
|
|
125
|
-
};
|
|
126
|
-
return (React.createElement(Stack, { spacing: 3, direction: "column", divider: !isMobile ? React.createElement(Divider, { sx: { borderStyle: 'dashed' } }) : undefined },
|
|
127
|
-
React.createElement(TicketSelectionMobile, { event: event, activeReleases: activeReleases, showLoading: showLoading, soldOutReleaseCategoryNames: soldOutReleaseCategoryNames, tickets: tickets, isQuantityDisabled: isQuantityDisabled, setValue: setValue, removeTicket: removeTicket, getExtraFields: getExtraFields }),
|
|
128
|
-
React.createElement(Box, null,
|
|
129
|
-
React.createElement(Typography, { variant: "caption", component: "div", fontStyle: "italic", mb: 2 },
|
|
130
|
-
"*",
|
|
131
|
-
t('event.tickets.stepper.1.max_ticket_quantity')))));
|
|
132
|
-
};
|
|
133
|
-
|
|
134
|
-
export { TicketSelection as default };
|
|
135
|
-
//# sourceMappingURL=TicketSelection.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TicketSelection.js","sources":["../../../../src/form/tickets/TicketSelection.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { useFormContext, useWatch } from 'react-hook-form';\nimport { Box, Divider, Stack, Typography } from '@mui/material';\nimport { ITicketForm, ITicketFormTicket } from '@utils/types/ticket.type';\nimport useEventActiveReleases from '@hooks/data/useEventActiveReleases';\nimport { groupBy } from '@utils/global';\nimport { IReleaseShort } from '@utils/types/release.type';\nimport { IEvent } from '@utils/types/event.type';\nimport useResponsive from '@hooks/useResponsive';\nimport ReleaseExtraFields from '@form/extra-field/ReleaseExtraFields';\nimport { EventType } from '@utils/data/event';\nimport useGlobal from '@hooks/useGlobal.ts';\nimport TicketSelectionMobile from './TicketSelectionMobile';\n\ninterface Props {\n event: IEvent;\n}\n\nconst TicketSelection: React.FC<Props> = ({ event }) => {\n const { t } = useGlobal();\n const isMobile = useResponsive('down', 'md');\n const { setValue, watch } = useFormContext<ITicketForm>();\n const tickets = useWatch({\n name: `tickets.${event.id}`,\n defaultValue: [],\n }) as ITicketFormTicket[];\n const eventTimeslotId = watch('eventTimeslotId');\n const [soldOutReleaseCategoryNames, setSoldOutReleaseCategoryNames] = useState<string[]>([]);\n const isProcessingRef = useRef(false);\n const { data: activeReleases, mutate } = useEventActiveReleases(\n event.id,\n false,\n event.type === EventType.RECURRING ? eventTimeslotId : undefined\n );\n\n const showLoading = !activeReleases && event.type !== EventType.RECURRING;\n\n useEffect(() => {\n if (!isProcessingRef.current) selectedTickets();\n }, [tickets, activeReleases]);\n\n const isReleaseSelected = (id: number) => !!tickets.find((ticket) => ticket.releaseId === id);\n\n const getRelease = (releaseId: number) => {\n const release = activeReleases?.find((activeRelease) => activeRelease.id === releaseId);\n return release ? release : null;\n };\n\n const getExtraFields = (releaseId: number | '', index: number) => {\n if (!releaseId) return null;\n\n const release = getRelease(releaseId);\n\n if (!release || !release?.extraFields || release?.extraFields.length <= 0) return null;\n\n const addedRelease = tickets.find((ticket) => ticket.releaseId === release.id);\n const countTickets = addedRelease?.quantity || 0;\n return (\n <ReleaseExtraFields\n release={release}\n eventId={event.id}\n releaseIndex={index}\n quantity={countTickets}\n />\n );\n };\n\n // const getAvailableTicketsForRelease = (release: ITicketFormTicket): number => {\n // const selectedRelease = activeReleases?.find((item) => item.id === release.releaseId);\n // const availableQuantity = selectedRelease ? selectedRelease.availableTickets : 0;\n // return availableQuantity > 10 ? 10 : availableQuantity;\n // };\n\n const countReleaseCategories = (): number => {\n const grouped = groupBy(activeReleases || [], 'releaseCategoryName');\n return Object.keys(grouped).length;\n };\n\n const selectedReleaseIsSoldOut = (releases: IReleaseShort[] | undefined) => {\n const lockedSelectedReleases: boolean[] | undefined = releases?.map((item, index) => {\n const nextRelease = releases?.find(\n (item2) =>\n item2.releaseCategoryName === item.releaseCategoryName && item2.order === item.order + 1\n );\n const selected = tickets.find((ticket) => ticket.releaseId === item.id);\n return !!nextRelease && item.locked && !!selected && index + 1 == tickets.length;\n });\n return lockedSelectedReleases && lockedSelectedReleases.includes(true);\n };\n\n const countUnlockedReleases = () => activeReleases?.filter((item) => !item.locked).length || 0;\n\n const countSelectedTickets = () => {\n let count = 0;\n for (const ticket of tickets) {\n count += +ticket.quantity;\n }\n\n return count;\n };\n\n const isQuantityDisabled = (value: number, releaseId: number | '') => {\n const releaseSelected = tickets.find((item) => item.releaseId === releaseId);\n return releaseSelected && releaseSelected.quantity\n ? countSelectedTickets() + value - releaseSelected.quantity > 10\n : countSelectedTickets() + value > 10;\n };\n\n const removeTicket = (indexToRemove: number) => {\n const activeReleases = tickets.filter((_ticket, index) => index !== indexToRemove);\n setValue(`tickets.${event.id}`, activeReleases);\n };\n\n const selectedTickets = async () => {\n const releases = await mutate();\n const allFilled = tickets.filter((item) => !item.releaseId || !item.quantity);\n\n const soldOutReleaseCategories = activeReleases?.filter((release) =>\n tickets.find(\n (ticket) =>\n release.id === ticket.releaseId &&\n ticket.quantity === release.availableTickets &&\n release.availableTickets !== 10\n )\n );\n setSoldOutReleaseCategoryNames(\n soldOutReleaseCategories?.map((item) => item.releaseCategoryName) || []\n );\n\n const hasSelectableRelease = activeReleases?.some(\n (release) => !isReleaseSelected(release.id) && !release.locked\n );\n\n const shouldAddRow =\n (soldOutReleaseCategories &&\n selectedReleaseIsSoldOut(releases) &&\n tickets.length < soldOutReleaseCategories.length + countUnlockedReleases() &&\n !allFilled.length) ||\n (activeReleases &&\n soldOutReleaseCategories?.length &&\n activeReleases?.length > tickets.length &&\n tickets.length < soldOutReleaseCategories.length + countUnlockedReleases() &&\n !allFilled.length) ||\n (tickets.length < countReleaseCategories() && !allFilled.length);\n\n const shouldRemoveEmptyRows =\n allFilled.length > 0 &&\n tickets.length > 1 &&\n !hasSelectableRelease &&\n (!soldOutReleaseCategories?.length || !selectedReleaseIsSoldOut(releases));\n\n if (shouldAddRow) {\n isProcessingRef.current = true;\n setValue(`tickets.${event.id}`, [\n ...tickets,\n {\n releaseId: '',\n quantity: '',\n itemName: '',\n price: 0,\n products: [],\n extraFields: [],\n },\n ]);\n setTimeout(() => (isProcessingRef.current = false), 0);\n } else if (shouldRemoveEmptyRows) {\n // Only remove completely empty rows (no releaseId), keep rows where user started selecting\n const nonEmptyTickets = tickets.filter((item) => item.releaseId);\n if (nonEmptyTickets.length < tickets.length) {\n isProcessingRef.current = true;\n setValue(`tickets.${event.id}`, nonEmptyTickets);\n setTimeout(() => (isProcessingRef.current = false), 0);\n }\n }\n };\n\n return (\n <Stack\n spacing={3}\n direction=\"column\"\n divider={!isMobile ? <Divider sx={{ borderStyle: 'dashed' }} /> : undefined}\n >\n <TicketSelectionMobile\n event={event}\n activeReleases={activeReleases}\n showLoading={showLoading}\n soldOutReleaseCategoryNames={soldOutReleaseCategoryNames}\n tickets={tickets}\n isQuantityDisabled={isQuantityDisabled}\n setValue={setValue as (name: string, value: any) => void}\n removeTicket={removeTicket}\n getExtraFields={getExtraFields}\n />\n <Box>\n <Typography variant=\"caption\" component=\"div\" fontStyle=\"italic\" mb={2}>\n *{t('event.tickets.stepper.1.max_ticket_quantity')}\n </Typography>\n </Box>\n </Stack>\n );\n};\n\nexport default TicketSelection;\n"],"names":[],"mappings":"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"}
|