@eventlook/sdk 1.4.46-beta.6 → 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 +23 -15
- 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 +18 -36
- 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 +4 -1
- package/dist/cjs/form/payment/FeeBox.js.map +1 -1
- package/dist/cjs/form/payment/PaymentOverviewCheckbox.js +27 -17
- package/dist/cjs/form/payment/PaymentOverviewCheckbox.js.map +1 -1
- package/dist/cjs/form/product/ProductCard.js +34 -49
- package/dist/cjs/form/product/ProductCard.js.map +1 -1
- package/dist/cjs/form/product/ProductVariantsDialog.js +94 -118
- package/dist/cjs/form/product/ProductVariantsDialog.js.map +1 -1
- package/dist/cjs/locales/cs.js +1 -16
- package/dist/cjs/locales/cs.js.map +1 -1
- package/dist/cjs/locales/en.js +1 -16
- package/dist/cjs/locales/en.js.map +1 -1
- package/dist/cjs/locales/es.js +0 -15
- package/dist/cjs/locales/es.js.map +1 -1
- package/dist/cjs/locales/pl.js +0 -15
- package/dist/cjs/locales/pl.js.map +1 -1
- package/dist/cjs/locales/sk.js +0 -15
- package/dist/cjs/locales/sk.js.map +1 -1
- package/dist/cjs/locales/uk.js +0 -15
- 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 +23 -15
- 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 +20 -38
- 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 +4 -1
- package/dist/esm/form/payment/FeeBox.js.map +1 -1
- package/dist/esm/form/payment/PaymentOverviewCheckbox.js +29 -19
- package/dist/esm/form/payment/PaymentOverviewCheckbox.js.map +1 -1
- package/dist/esm/form/product/ProductCard.js +35 -50
- package/dist/esm/form/product/ProductCard.js.map +1 -1
- package/dist/esm/form/product/ProductVariantsDialog.js +95 -119
- package/dist/esm/form/product/ProductVariantsDialog.js.map +1 -1
- package/dist/esm/locales/cs.js +1 -16
- package/dist/esm/locales/cs.js.map +1 -1
- package/dist/esm/locales/en.js +1 -16
- package/dist/esm/locales/en.js.map +1 -1
- package/dist/esm/locales/es.js +0 -15
- package/dist/esm/locales/es.js.map +1 -1
- package/dist/esm/locales/pl.js +0 -15
- package/dist/esm/locales/pl.js.map +1 -1
- package/dist/esm/locales/sk.js +0 -15
- package/dist/esm/locales/sk.js.map +1 -1
- package/dist/esm/locales/uk.js +0 -15
- 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 +72 -40
- package/src/form/PaymentPending.tsx +1 -1
- package/src/form/ReleaseWithMerchandise.tsx +230 -0
- package/src/form/TicketForm.tsx +18 -56
- package/src/form/{tickets/TicketSelection.tsx → TicketSelection.tsx} +109 -17
- 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 +10 -0
- package/src/form/payment/PaymentOverviewCheckbox.tsx +56 -33
- package/src/form/product/ProductCard.tsx +52 -67
- package/src/form/product/ProductVariantsDialog.tsx +137 -195
- package/src/locales/cs.tsx +1 -16
- package/src/locales/en.tsx +1 -16
- package/src/locales/es.tsx +0 -15
- package/src/locales/pl.tsx +0 -15
- package/src/locales/sk.tsx +0 -15
- package/src/locales/uk.tsx +0 -15
- 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 -114
- 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 -39
- 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 -131
- 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 -139
- 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 -134
- 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 -88
- 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 -110
- 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 -35
- 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 -127
- 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 -135
- 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 -130
- 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 -84
- 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 -180
- package/src/form/merchandise/MerchandiseSelection.tsx +0 -24
- package/src/form/merchandise/MerchandiseSlider.tsx +0 -61
- package/src/form/services/index.tsx +0 -260
- package/src/form/tickets/ReleaseDescription.tsx +0 -46
- package/src/form/tickets/ReleaseWithMerchandise.tsx +0 -237
- package/src/form/tickets/TicketQuantityControl.tsx +0 -94
- package/src/form/tickets/TicketSelectionMobile.tsx +0 -175
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var React = require('react');
|
|
6
|
-
var useEmblaCarousel = require('embla-carousel-react');
|
|
7
|
-
var material = require('@mui/material');
|
|
8
|
-
var styles = require('@mui/material/styles');
|
|
9
|
-
var ProductCard = require('../product/ProductCard.js');
|
|
10
|
-
|
|
11
|
-
const MerchandiseSlider = ({ eventProducts, eventId, sx }) => {
|
|
12
|
-
const [emblaRef, emblaApi] = useEmblaCarousel();
|
|
13
|
-
const theme = styles.useTheme();
|
|
14
|
-
const [totalSlides, setTotalSlides] = React.useState(0);
|
|
15
|
-
const [activeSlide, setActiveSlide] = React.useState(0);
|
|
16
|
-
const [activeSlides, setActiveSlides] = React.useState(0);
|
|
17
|
-
const calculateTotal = React.useCallback(() => {
|
|
18
|
-
if (!emblaApi)
|
|
19
|
-
return;
|
|
20
|
-
const slides = emblaApi.slideNodes().length || 0;
|
|
21
|
-
const slidesInView = emblaApi.slidesInView();
|
|
22
|
-
setActiveSlides(slidesInView.length);
|
|
23
|
-
setTotalSlides(slides);
|
|
24
|
-
const activeSlide = slidesInView[0];
|
|
25
|
-
setActiveSlide(slidesInView.length > 4 ? slidesInView[1] : activeSlide || 0);
|
|
26
|
-
}, [emblaApi]);
|
|
27
|
-
React.useCallback(() => {
|
|
28
|
-
if (emblaApi)
|
|
29
|
-
emblaApi.scrollNext();
|
|
30
|
-
}, [emblaApi]);
|
|
31
|
-
React.useCallback(() => {
|
|
32
|
-
if (emblaApi)
|
|
33
|
-
emblaApi.scrollPrev();
|
|
34
|
-
}, [emblaApi]);
|
|
35
|
-
React.useEffect(() => {
|
|
36
|
-
if (!emblaApi)
|
|
37
|
-
return;
|
|
38
|
-
calculateTotal();
|
|
39
|
-
emblaApi.on('reInit', calculateTotal);
|
|
40
|
-
emblaApi.on('slidesChanged', calculateTotal);
|
|
41
|
-
emblaApi.on('slidesInView', calculateTotal);
|
|
42
|
-
return () => {
|
|
43
|
-
emblaApi.off('reInit', calculateTotal);
|
|
44
|
-
emblaApi.off('slidesChanged', calculateTotal);
|
|
45
|
-
emblaApi.off('slidesInView', calculateTotal);
|
|
46
|
-
};
|
|
47
|
-
}, [emblaApi, calculateTotal]);
|
|
48
|
-
return (React.createElement(material.Box, { sx: sx },
|
|
49
|
-
React.createElement(material.Box, { sx: {
|
|
50
|
-
overflow: 'hidden',
|
|
51
|
-
padding: theme.spacing(8, 3),
|
|
52
|
-
margin: theme.spacing(-8, -3),
|
|
53
|
-
} },
|
|
54
|
-
React.createElement(material.Box, { ref: emblaRef, className: "embla", sx: { overflow: 'visible' } },
|
|
55
|
-
React.createElement(material.Box, { className: "embla__container", sx: {
|
|
56
|
-
display: 'flex',
|
|
57
|
-
// marginLeft: theme.spacing(-2),
|
|
58
|
-
// marginRight: theme.spacing(-2),
|
|
59
|
-
} }, eventProducts.map((eventProduct, index) => (React.createElement(material.Box, { key: `event-slide-${index}`, className: "embla__slide", sx: {
|
|
60
|
-
flex: `0 0 ${eventProducts.length > 1 ? '78%' : '100%'}`,
|
|
61
|
-
minWidth: 0,
|
|
62
|
-
margin: `0 ${theme.spacing(1)}`,
|
|
63
|
-
transition: 'opacity 0.2s ease',
|
|
64
|
-
[theme.breakpoints.up('sm')]: {
|
|
65
|
-
flex: '0 0 43%',
|
|
66
|
-
},
|
|
67
|
-
[theme.breakpoints.up('md')]: {
|
|
68
|
-
flex: '0 0 33.3333%',
|
|
69
|
-
},
|
|
70
|
-
} },
|
|
71
|
-
React.createElement(ProductCard.default, { eventProduct: eventProduct, eventId: eventId, isOnlyMerchandise: true })))))))));
|
|
72
|
-
};
|
|
73
|
-
|
|
74
|
-
exports.default = MerchandiseSlider;
|
|
75
|
-
//# sourceMappingURL=MerchandiseSlider.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MerchandiseSlider.js","sources":["../../../../src/form/merchendise/MerchandiseSlider.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport useEmblaCarousel from 'embla-carousel-react';\nimport { Box, SxProps } from '@mui/material';\nimport { useTheme } from '@mui/material/styles';\nimport { IEventProduct } from '@utils/types/event-product.type';\nimport ProductCard from '@form/product/ProductCard';\n\ninterface Props {\n // title: string;\n // icon: string;\n sx?: SxProps;\n eventProducts: IEventProduct[];\n eventId: number;\n}\n\nconst MerchandiseSlider: React.FC<Props> = ({ eventProducts, eventId, sx }) => {\n const [emblaRef, emblaApi] = useEmblaCarousel();\n const theme = useTheme();\n\n const [totalSlides, setTotalSlides] = useState<number>(0);\n const [activeSlide, setActiveSlide] = useState<number>(0);\n const [activeSlides, setActiveSlides] = useState<number>(0);\n\n const calculateTotal = useCallback(() => {\n if (!emblaApi) return;\n const slides = emblaApi.slideNodes().length || 0;\n const slidesInView = emblaApi.slidesInView();\n setActiveSlides(slidesInView.length);\n setTotalSlides(slides);\n const activeSlide = slidesInView[0];\n setActiveSlide(slidesInView.length > 4 ? slidesInView[1] : activeSlide || 0);\n }, [emblaApi]);\n\n const onNext = useCallback(() => {\n if (emblaApi) emblaApi.scrollNext();\n }, [emblaApi]);\n\n const onPrev = useCallback(() => {\n if (emblaApi) emblaApi.scrollPrev();\n }, [emblaApi]);\n\n useEffect(() => {\n if (!emblaApi) return;\n\n calculateTotal();\n\n emblaApi.on('reInit', calculateTotal);\n emblaApi.on('slidesChanged', calculateTotal);\n emblaApi.on('slidesInView', calculateTotal);\n\n return () => {\n emblaApi.off('reInit', calculateTotal);\n emblaApi.off('slidesChanged', calculateTotal);\n emblaApi.off('slidesInView', calculateTotal);\n };\n }, [emblaApi, calculateTotal]);\n\n const isActive = (index: number) => index >= activeSlide && index <= activeSlide + 2;\n\n return (\n <Box sx={sx}>\n {/* <Stack direction=\"row\" justifyContent=\"space-between\" alignItems=\"center\" mb={2}>\n <EventTitle title={title} icon={icon} />\n {events.length > 1 && (\n <EventSliderArrows\n active={activeSlide + 1}\n total={totalSlides}\n onNext={onNext}\n onPrev={onPrev}\n />\n )}\n </Stack> */}\n <Box\n sx={{\n overflow: 'hidden',\n padding: theme.spacing(8, 3),\n margin: theme.spacing(-8, -3),\n }}\n >\n <Box ref={emblaRef} className=\"embla\" sx={{ overflow: 'visible' }}>\n <Box\n className=\"embla__container\"\n sx={{\n display: 'flex',\n // marginLeft: theme.spacing(-2),\n // marginRight: theme.spacing(-2),\n }}\n >\n {eventProducts.map((eventProduct, index) => (\n <Box\n key={`event-slide-${index}`}\n className=\"embla__slide\"\n sx={{\n flex: `0 0 ${eventProducts.length > 1 ? '78%' : '100%'}`,\n minWidth: 0,\n margin: `0 ${theme.spacing(1)}`,\n transition: 'opacity 0.2s ease',\n [theme.breakpoints.up('sm')]: {\n flex: '0 0 43%',\n },\n [theme.breakpoints.up('md')]: {\n flex: '0 0 33.3333%',\n },\n }}\n >\n {/* <EventItem\n {...event}\n sx={{\n boxShadow: isActive(index) ? theme.customShadows.z8 : 'none',\n '&:hover': {\n boxShadow: theme.customShadows.z12,\n },\n }}\n /> */}\n\n <ProductCard eventProduct={eventProduct} eventId={eventId} isOnlyMerchandise />\n </Box>\n ))}\n </Box>\n </Box>\n </Box>\n </Box>\n );\n};\n\nexport default MerchandiseSlider;\n"],"names":["useTheme","useState","useCallback","useEffect","Box","ProductCard"],"mappings":"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"}
|
|
@@ -1,131 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var React = require('react');
|
|
6
|
-
var material = require('@mui/material');
|
|
7
|
-
var reactHookForm = require('react-hook-form');
|
|
8
|
-
var formatNumber = require('../../utils/formatNumber.js');
|
|
9
|
-
var useGlobal = require('../../hooks/useGlobal.js');
|
|
10
|
-
require('framer-motion');
|
|
11
|
-
require('../../components/animate/IconButtonAnimate.js');
|
|
12
|
-
require('@mui/material/styles');
|
|
13
|
-
require('@mui/material/useMediaQuery');
|
|
14
|
-
var Iconify = require('../../components/iconify/Iconify.js');
|
|
15
|
-
require('react-lazy-load-image-component');
|
|
16
|
-
|
|
17
|
-
const BorderedCheckbox = ({ name, disabled, title, price, onChange, }) => {
|
|
18
|
-
const { control } = reactHookForm.useFormContext();
|
|
19
|
-
return (React.createElement(reactHookForm.Controller, { name: name, control: control, render: ({ field }) => (React.createElement(material.FormControlLabel, { control: React.createElement(material.Checkbox, { ...field, checked: field.value || false, onChange: (e) => {
|
|
20
|
-
onChange?.(e);
|
|
21
|
-
if (!e.defaultPrevented) {
|
|
22
|
-
field.onChange(e);
|
|
23
|
-
}
|
|
24
|
-
}, disabled: disabled }), label: React.createElement(material.Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { width: '100%' } },
|
|
25
|
-
React.createElement(material.Typography, { variant: "body2", fontWeight: 400 }, title),
|
|
26
|
-
React.createElement(material.Typography, { variant: "body2", fontWeight: 700, sx: { whiteSpace: 'nowrap' } }, price)), sx: {
|
|
27
|
-
m: 0,
|
|
28
|
-
px: 1,
|
|
29
|
-
pr: 0.5,
|
|
30
|
-
pl: 0,
|
|
31
|
-
borderRadius: 1,
|
|
32
|
-
width: '100%',
|
|
33
|
-
border: '1px solid',
|
|
34
|
-
borderColor: 'primary.main',
|
|
35
|
-
'& .MuiFormControlLabel-label': {
|
|
36
|
-
width: '100%',
|
|
37
|
-
},
|
|
38
|
-
} })) }));
|
|
39
|
-
};
|
|
40
|
-
const Services = ({ event }) => {
|
|
41
|
-
const { t, lang, showSnackbar } = useGlobal.default();
|
|
42
|
-
const [open, setOpen] = React.useState(false);
|
|
43
|
-
const ticketInsurancePricePerUnit = Number(reactHookForm.useWatch({
|
|
44
|
-
name: 'ticketInsurancePricePerUnit',
|
|
45
|
-
defaultValue: 0,
|
|
46
|
-
}) || 0);
|
|
47
|
-
const smsNotificationPrice = Number(reactHookForm.useWatch({
|
|
48
|
-
name: 'smsNotificationPrice',
|
|
49
|
-
defaultValue: 0,
|
|
50
|
-
}) || 0);
|
|
51
|
-
const tickets = reactHookForm.useWatch({
|
|
52
|
-
name: 'tickets',
|
|
53
|
-
defaultValue: {},
|
|
54
|
-
});
|
|
55
|
-
const totalTickets = React.useMemo(() => {
|
|
56
|
-
const items = Object.values(tickets || {}).flat();
|
|
57
|
-
return items.reduce((sum, ticket) => sum + (Number(ticket.quantity) || 0), 0);
|
|
58
|
-
}, [tickets]);
|
|
59
|
-
const handleOpen = (e) => {
|
|
60
|
-
e.preventDefault();
|
|
61
|
-
setOpen(true);
|
|
62
|
-
};
|
|
63
|
-
const handleClose = () => setOpen(false);
|
|
64
|
-
const handleServiceChange = (e) => {
|
|
65
|
-
if (totalTickets <= 0) {
|
|
66
|
-
e.preventDefault();
|
|
67
|
-
showSnackbar(t('event.tickets.services.add_tickets_first'), {
|
|
68
|
-
variant: 'error',
|
|
69
|
-
});
|
|
70
|
-
}
|
|
71
|
-
};
|
|
72
|
-
return (React.createElement(material.Stack, { spacing: 1.5 },
|
|
73
|
-
React.createElement(BorderedCheckbox, { name: "ticketInsurance", disabled: false, title: t('event.tickets.insurance.label'), price: React.createElement(React.Fragment, null,
|
|
74
|
-
"+ ",
|
|
75
|
-
formatNumber.fCurrency(ticketInsurancePricePerUnit, lang, event.currency),
|
|
76
|
-
" /",
|
|
77
|
-
' ',
|
|
78
|
-
t('event.tickets.insurance.per_ticket')), onChange: handleServiceChange }),
|
|
79
|
-
React.createElement(BorderedCheckbox, { name: "smsNotification", disabled: false, title: t('event.tickets.sms_notification.label'), price: React.createElement(React.Fragment, null,
|
|
80
|
-
"+ ",
|
|
81
|
-
formatNumber.fCurrency(smsNotificationPrice, lang, event.currency)), onChange: handleServiceChange }),
|
|
82
|
-
React.createElement(material.Box, { sx: { display: 'flex', justifyContent: 'flex-end' } },
|
|
83
|
-
React.createElement(material.Link, { variant: "body2", underline: "always", onClick: handleOpen, color: 'text.primary' }, t('event.tickets.stepper.8.additional_info'))),
|
|
84
|
-
React.createElement(material.Dialog, { open: open, onClose: handleClose, maxWidth: "sm", fullWidth: true, PaperProps: {
|
|
85
|
-
sx: {
|
|
86
|
-
borderRadius: 4,
|
|
87
|
-
overflow: 'hidden',
|
|
88
|
-
},
|
|
89
|
-
} },
|
|
90
|
-
React.createElement(material.DialogTitle, { sx: {
|
|
91
|
-
position: 'relative',
|
|
92
|
-
textAlign: 'center',
|
|
93
|
-
fontWeight: 700,
|
|
94
|
-
fontSize: { xs: '1.5rem', sm: '1.75rem' },
|
|
95
|
-
pt: { xs: 3.5, sm: 4 },
|
|
96
|
-
pb: { xs: 2, sm: 2.5 },
|
|
97
|
-
px: { xs: 3, sm: 4 },
|
|
98
|
-
} },
|
|
99
|
-
t('event.tickets.stepper.8.title'),
|
|
100
|
-
":",
|
|
101
|
-
React.createElement(material.IconButton, { onClick: handleClose, size: "small", sx: { position: 'absolute', right: 16, top: 16 } },
|
|
102
|
-
React.createElement(Iconify.default, { icon: "carbon:close" }))),
|
|
103
|
-
React.createElement(material.DialogContent, { sx: { px: { xs: 3, sm: 4 }, pb: { xs: 4, sm: 5 } } },
|
|
104
|
-
React.createElement(material.Stack, { spacing: 3 },
|
|
105
|
-
React.createElement(material.Box, null,
|
|
106
|
-
React.createElement(material.Typography, { variant: "subtitle2", fontWeight: 700, gutterBottom: true }, t('event.tickets.insurance.label')),
|
|
107
|
-
React.createElement(material.Typography, { variant: "body2", paragraph: true }, t('event.tickets.insurance.modal.description')),
|
|
108
|
-
React.createElement(material.Typography, { variant: "body2", paragraph: true }, t('event.tickets.insurance.modal.coverage')),
|
|
109
|
-
React.createElement(BorderedCheckbox, { name: "ticketInsurance", disabled: false, title: t('event.tickets.insurance.label'), price: React.createElement(React.Fragment, null,
|
|
110
|
-
"+ ",
|
|
111
|
-
formatNumber.fCurrency(ticketInsurancePricePerUnit, lang, event.currency),
|
|
112
|
-
" /",
|
|
113
|
-
' ',
|
|
114
|
-
t('event.tickets.insurance.per_ticket')), onChange: handleServiceChange })),
|
|
115
|
-
React.createElement(material.Divider, null),
|
|
116
|
-
React.createElement(material.Box, null,
|
|
117
|
-
React.createElement(material.Typography, { variant: "subtitle2", fontWeight: 700, gutterBottom: true }, t('event.tickets.sms_notification.label')),
|
|
118
|
-
React.createElement(material.Typography, { variant: "body2", paragraph: true }, t('event.tickets.sms_notification.modal.description')),
|
|
119
|
-
React.createElement(BorderedCheckbox, { name: "smsNotification", disabled: false, title: t('event.tickets.sms_notification.label'), price: React.createElement(React.Fragment, null,
|
|
120
|
-
"+ ",
|
|
121
|
-
formatNumber.fCurrency(smsNotificationPrice, lang, event.currency)), onChange: handleServiceChange })),
|
|
122
|
-
React.createElement(material.Button, { variant: "outlined", onClick: handleClose, sx: {
|
|
123
|
-
mt: 1,
|
|
124
|
-
py: 1.25,
|
|
125
|
-
borderRadius: 2,
|
|
126
|
-
fontWeight: 700,
|
|
127
|
-
} }, t('close')))))));
|
|
128
|
-
};
|
|
129
|
-
|
|
130
|
-
exports.default = Services;
|
|
131
|
-
//# 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%' }}\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.5}>\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: 2,\n fontWeight: 700,\n }}\n >\n {t('close')}\n </Button>\n </Stack>\n </DialogContent>\n </Dialog>\n </Stack>\n );\n};\n\nexport default Services;\n"],"names":["useFormContext","Controller","FormControlLabel","Checkbox","Stack","Typography","useGlobal","useState","useWatch","useMemo","fCurrency","Box","Link","Dialog","DialogTitle","IconButton","Iconify","DialogContent","Divider","Button"],"mappings":"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"}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var React = require('react');
|
|
6
|
-
var material = require('@mui/material');
|
|
7
|
-
var Iconify = require('../../components/iconify/Iconify.js');
|
|
8
|
-
|
|
9
|
-
const ReleaseDescription = ({ description, isExpanded, onToggle, moreInfoLabel, showCollapse = false, }) => {
|
|
10
|
-
if (!description)
|
|
11
|
-
return null;
|
|
12
|
-
if (showCollapse) {
|
|
13
|
-
return (React.createElement(material.Collapse, { in: isExpanded },
|
|
14
|
-
React.createElement(material.Typography, { variant: "body2", color: "text.secondary" }, description)));
|
|
15
|
-
}
|
|
16
|
-
return (React.createElement(material.Link, { onClick: onToggle, color: "inherit", underline: "always", fontSize: 12 },
|
|
17
|
-
React.createElement(material.Stack, { direction: "row", alignItems: "center", spacing: 0 },
|
|
18
|
-
React.createElement(material.Box, null, moreInfoLabel),
|
|
19
|
-
React.createElement(Iconify.default, { sx: { width: 24, height: 24 }, icon: isExpanded ? 'eva:chevron-up-fill' : 'eva:chevron-down-fill' }))));
|
|
20
|
-
};
|
|
21
|
-
|
|
22
|
-
exports.default = ReleaseDescription;
|
|
23
|
-
//# 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":["Collapse","Typography","Link","Stack","Box","Iconify"],"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,CAACA,iBAAQ,EAAA,EAAC,EAAE,EAAE,UAAU,EAAA;AACtB,YAAA,KAAA,CAAA,aAAA,CAACC,mBAAU,EAAA,EAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,gBAAgB,EAAA,EAC/C,WAAW,CACD,CACJ;;AAIf,IAAA,QACE,KAAA,CAAA,aAAA,CAACC,aAAI,IAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAC,SAAS,EAAC,SAAS,EAAC,QAAQ,EAAC,QAAQ,EAAE,EAAE,EAAA;AACtE,QAAA,KAAA,CAAA,aAAA,CAACC,cAAK,EAAA,EAAC,SAAS,EAAC,KAAK,EAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAE,CAAC,EAAA;YACnD,KAAA,CAAA,aAAA,CAACC,YAAG,EAAA,IAAA,EAAE,aAAa,CAAO;AAE1B,YAAA,KAAA,CAAA,aAAA,CAACC,eAAO,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,139 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var React = require('react');
|
|
6
|
-
var material = require('@mui/material');
|
|
7
|
-
var ProductVariantsDialog = require('../product/ProductVariantsDialog.js');
|
|
8
|
-
var TicketQuantityControl = require('./TicketQuantityControl.js');
|
|
9
|
-
var reactHookForm = require('react-hook-form');
|
|
10
|
-
var formatNumber = require('../../utils/formatNumber.js');
|
|
11
|
-
var product = require('../../utils/product.js');
|
|
12
|
-
var ReleaseExtraFields = require('../extra-field/ReleaseExtraFields.js');
|
|
13
|
-
var ReleaseDescription = require('./ReleaseDescription.js');
|
|
14
|
-
var useGlobal = require('../../hooks/useGlobal.js');
|
|
15
|
-
|
|
16
|
-
const ReleaseWithMerchandise = ({ eventId, release, activeReleases, currency, index, }) => {
|
|
17
|
-
const { t, lang } = useGlobal.default();
|
|
18
|
-
const [openVariantDialog, setOpenVariantDialog] = React.useState(null);
|
|
19
|
-
const [isDescriptionExpanded, setIsDescriptionExpanded] = React.useState(false);
|
|
20
|
-
const { setValue } = reactHookForm.useFormContext();
|
|
21
|
-
const tickets = reactHookForm.useWatch({ name: `tickets.${eventId}`, defaultValue: [] });
|
|
22
|
-
const products = reactHookForm.useWatch({ name: `products.${eventId}`, defaultValue: [] });
|
|
23
|
-
const addedRelease = tickets.find((ticket) => ticket.releaseId === release.id);
|
|
24
|
-
const countTickets = addedRelease?.quantity || 0;
|
|
25
|
-
const getReleaseTitle = (release) => release.releaseCategoryName || release.name || '';
|
|
26
|
-
const getSelectedQuantity = (id) => tickets.find((ticket) => ticket.releaseId === id)?.quantity || 0;
|
|
27
|
-
const getAvailableTicketsForRelease = (release) => {
|
|
28
|
-
const selectedRelease = activeReleases?.find((item) => item.id === release.releaseId);
|
|
29
|
-
const availableQuantity = selectedRelease ? selectedRelease.availableTickets : 0;
|
|
30
|
-
return availableQuantity > 10 ? 10 : availableQuantity;
|
|
31
|
-
};
|
|
32
|
-
const isMaxQuantity = (releaseId) => {
|
|
33
|
-
const release = tickets.find((ticket) => ticket.releaseId === releaseId);
|
|
34
|
-
if (!release)
|
|
35
|
-
return false;
|
|
36
|
-
return getSelectedQuantity(releaseId) >= getAvailableTicketsForRelease(release);
|
|
37
|
-
};
|
|
38
|
-
const addRelease = (productsToAdd) => {
|
|
39
|
-
const normalizedProducts = Array.isArray(productsToAdd)
|
|
40
|
-
? productsToAdd
|
|
41
|
-
: productsToAdd
|
|
42
|
-
? [productsToAdd]
|
|
43
|
-
: [];
|
|
44
|
-
const quantity = normalizedProducts.length ? normalizedProducts.length : 1;
|
|
45
|
-
const extraFields = release.extraFields?.length
|
|
46
|
-
? Array.from({ length: quantity }, () => release.extraFields.map((field) => ({
|
|
47
|
-
eventExtraFieldId: field.id,
|
|
48
|
-
value: '',
|
|
49
|
-
})))
|
|
50
|
-
: [];
|
|
51
|
-
setValue(`tickets.${eventId}`, [
|
|
52
|
-
...tickets,
|
|
53
|
-
{
|
|
54
|
-
releaseId: release.id,
|
|
55
|
-
quantity,
|
|
56
|
-
itemName: '',
|
|
57
|
-
price: 0,
|
|
58
|
-
products: normalizedProducts,
|
|
59
|
-
extraFields,
|
|
60
|
-
},
|
|
61
|
-
]);
|
|
62
|
-
setOpenVariantDialog(null);
|
|
63
|
-
};
|
|
64
|
-
const increaseQuantity = (productsToAdd) => {
|
|
65
|
-
const normalizedProducts = Array.isArray(productsToAdd)
|
|
66
|
-
? productsToAdd
|
|
67
|
-
: productsToAdd
|
|
68
|
-
? [productsToAdd]
|
|
69
|
-
: [];
|
|
70
|
-
const addedRelease = tickets.find((ticket) => ticket.releaseId === release.id);
|
|
71
|
-
if (addedRelease) {
|
|
72
|
-
const increment = normalizedProducts.length ? normalizedProducts.length : 1;
|
|
73
|
-
const maxQuantity = getAvailableTicketsForRelease(addedRelease);
|
|
74
|
-
const availableIncrement = Math.max(0, Math.min(increment, maxQuantity - Number(addedRelease.quantity)));
|
|
75
|
-
if (availableIncrement === 0)
|
|
76
|
-
return;
|
|
77
|
-
const newQuantity = Number(addedRelease.quantity) + availableIncrement;
|
|
78
|
-
const productsSlice = normalizedProducts.slice(0, availableIncrement);
|
|
79
|
-
const extraFieldsToAdd = release.extraFields?.length
|
|
80
|
-
? Array.from({ length: availableIncrement }, () => release.extraFields.map((field) => ({
|
|
81
|
-
eventExtraFieldId: field.id,
|
|
82
|
-
value: '',
|
|
83
|
-
})))
|
|
84
|
-
: [];
|
|
85
|
-
setValue(`tickets.${eventId}`, tickets.map((ticket) => ticket.releaseId === release.id
|
|
86
|
-
? {
|
|
87
|
-
...ticket,
|
|
88
|
-
quantity: newQuantity > maxQuantity ? maxQuantity : newQuantity,
|
|
89
|
-
products: [...ticket.products, ...productsSlice],
|
|
90
|
-
extraFields: release.extraFields?.length
|
|
91
|
-
? [...ticket.extraFields, ...extraFieldsToAdd]
|
|
92
|
-
: [],
|
|
93
|
-
}
|
|
94
|
-
: ticket));
|
|
95
|
-
setOpenVariantDialog(null);
|
|
96
|
-
}
|
|
97
|
-
};
|
|
98
|
-
const decreaseQuantity = React.useCallback(() => {
|
|
99
|
-
const addedRelease = tickets.find((ticket) => ticket.releaseId === release.id);
|
|
100
|
-
if (addedRelease) {
|
|
101
|
-
const newQuantity = Number(addedRelease.quantity) - 1;
|
|
102
|
-
if (newQuantity < 1) {
|
|
103
|
-
setValue(`tickets.${eventId}`, tickets.filter((ticket) => ticket.releaseId !== release.id));
|
|
104
|
-
}
|
|
105
|
-
else {
|
|
106
|
-
setValue(`tickets.${eventId}`, tickets.map((ticket) => {
|
|
107
|
-
if (ticket.releaseId !== release.id)
|
|
108
|
-
return ticket;
|
|
109
|
-
return {
|
|
110
|
-
...ticket,
|
|
111
|
-
quantity: newQuantity,
|
|
112
|
-
products: ticket?.products?.slice(0, -1), // non-mutating "pop"
|
|
113
|
-
extraFields: ticket?.extraFields?.slice(0, -1),
|
|
114
|
-
};
|
|
115
|
-
}));
|
|
116
|
-
}
|
|
117
|
-
}
|
|
118
|
-
}, [tickets, release.id, setValue]);
|
|
119
|
-
return (React.createElement(material.Box, { sx: {
|
|
120
|
-
p: 1,
|
|
121
|
-
pb: 0,
|
|
122
|
-
borderRadius: 1,
|
|
123
|
-
bgcolor: (theme) => theme.palette.mode === 'light' ? theme.palette.grey[100] : theme.palette.grey[800],
|
|
124
|
-
} },
|
|
125
|
-
React.createElement(material.Stack, { spacing: 0 },
|
|
126
|
-
React.createElement(material.Box, null,
|
|
127
|
-
React.createElement(material.Typography, { variant: "subtitle1", fontWeight: 600 }, getReleaseTitle(release))),
|
|
128
|
-
React.createElement(material.Stack, { direction: "row", alignItems: "center", justifyContent: "space-between" },
|
|
129
|
-
React.createElement(material.Stack, null,
|
|
130
|
-
React.createElement(material.Typography, { variant: "body2" }, release.price === 0 ? t('free') : formatNumber.fCurrency(release.price, lang, currency)),
|
|
131
|
-
React.createElement(ReleaseDescription.default, { description: release.description, isExpanded: isDescriptionExpanded, onToggle: () => setIsDescriptionExpanded((prev) => !prev), moreInfoLabel: t('more_info') })),
|
|
132
|
-
React.createElement(TicketQuantityControl.default, { 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()) })),
|
|
133
|
-
React.createElement(ReleaseDescription.default, { description: release.description, isExpanded: isDescriptionExpanded, onToggle: () => setIsDescriptionExpanded((prev) => !prev), moreInfoLabel: t('more_info'), showCollapse: true }),
|
|
134
|
-
release.extraFields && release.extraFields.length > 0 && (React.createElement(ReleaseExtraFields.default, { release: release, eventId: eventId, releaseIndex: index, quantity: countTickets })),
|
|
135
|
-
release.product && (React.createElement(ProductVariantsDialog.default, { eventProduct: release.product, openDialog: !!openVariantDialog, callback: openVariantDialog === 'increase' ? increaseQuantity : addRelease, onClose: () => setOpenVariantDialog(null), selectedQuantityByVariant: product.getSelectedQuantityByVariant(products, tickets), eventId: eventId, canAddOnlyOneAtATime: true })))));
|
|
136
|
-
};
|
|
137
|
-
|
|
138
|
-
exports.default = ReleaseWithMerchandise;
|
|
139
|
-
//# 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 p: 1,\n pb: 0,\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":["useGlobal","useState","useFormContext","useWatch","useCallback","Box","Stack","Typography","fCurrency","ReleaseDescription","TicketQuantityControl","ReleaseExtraFields","ProductVariantsDialog","getSelectedQuantityByVariant"],"mappings":"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"}
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var React = require('react');
|
|
6
|
-
var material = require('@mui/material');
|
|
7
|
-
var Iconify = require('../../components/iconify/Iconify.js');
|
|
8
|
-
|
|
9
|
-
const TicketQuantityControl = ({ quantity, isDisabled, canAddFirst, canAddMore, addLabel, onDecrement, onIncrement, onAddFirst, }) => {
|
|
10
|
-
if (quantity > 0) {
|
|
11
|
-
return (React.createElement(material.Stack, { direction: "row", spacing: { xs: 0.5, md: 1 }, alignItems: "center" },
|
|
12
|
-
React.createElement(material.IconButton, { onClick: onDecrement, disabled: isDisabled || quantity <= 0, sx: {
|
|
13
|
-
width: { xs: 36, md: 40 },
|
|
14
|
-
height: { xs: 36, md: 40 },
|
|
15
|
-
borderRadius: 1,
|
|
16
|
-
border: '1px solid',
|
|
17
|
-
borderColor: 'grey.300',
|
|
18
|
-
} },
|
|
19
|
-
React.createElement(Iconify.default, { icon: "eva:minus-fill" })),
|
|
20
|
-
React.createElement(material.Box, { sx: {
|
|
21
|
-
width: { xs: 36, md: 40 },
|
|
22
|
-
height: { xs: 36, md: 40 },
|
|
23
|
-
borderRadius: 1,
|
|
24
|
-
border: '1px solid',
|
|
25
|
-
borderColor: 'grey.300',
|
|
26
|
-
display: 'flex',
|
|
27
|
-
alignItems: 'center',
|
|
28
|
-
justifyContent: 'center',
|
|
29
|
-
fontWeight: 600,
|
|
30
|
-
} }, quantity),
|
|
31
|
-
React.createElement(material.IconButton, { onClick: onIncrement, disabled: isDisabled || !canAddMore, sx: {
|
|
32
|
-
width: { xs: 36, md: 40 },
|
|
33
|
-
height: { xs: 36, md: 40 },
|
|
34
|
-
borderRadius: 1,
|
|
35
|
-
bgcolor: 'primary.main',
|
|
36
|
-
color: 'primary.contrastText',
|
|
37
|
-
'&:hover': { bgcolor: 'primary.dark' },
|
|
38
|
-
} },
|
|
39
|
-
React.createElement(Iconify.default, { icon: "eva:plus-fill" }))));
|
|
40
|
-
}
|
|
41
|
-
return (React.createElement(material.Button, { variant: "contained", onClick: onAddFirst, disabled: isDisabled || !canAddFirst, sx: {
|
|
42
|
-
height: { xs: 36, md: 40 },
|
|
43
|
-
width: { xs: 116, md: 136 },
|
|
44
|
-
borderRadius: 1,
|
|
45
|
-
px: 3,
|
|
46
|
-
textTransform: 'none',
|
|
47
|
-
fontWeight: 600,
|
|
48
|
-
} }, addLabel));
|
|
49
|
-
};
|
|
50
|
-
|
|
51
|
-
exports.default = TicketQuantityControl;
|
|
52
|
-
//# 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":["Stack","IconButton","Iconify","Box","Button"],"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,oBAACA,cAAK,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,CAACC,mBAAU,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,CAACC,eAAO,EAAA,EAAC,IAAI,EAAC,gBAAgB,GAAG,CACtB;YACb,KAAA,CAAA,aAAA,CAACC,YAAG,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,CAACF,mBAAU,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,CAACC,eAAO,IAAC,IAAI,EAAC,eAAe,EAAA,CAAG,CACrB,CACP;;IAIZ,QACE,oBAACE,eAAM,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;;;;"}
|