@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.
Files changed (228) hide show
  1. package/.claude/settings.local.json +9 -0
  2. package/dist/cjs/components/Image.js +29 -14
  3. package/dist/cjs/components/Image.js.map +1 -1
  4. package/dist/cjs/components/hook-form/FormProvider.js +2 -2
  5. package/dist/cjs/components/hook-form/FormProvider.js.map +1 -1
  6. package/dist/cjs/form/ChildEventDialog.js +3 -3
  7. package/dist/cjs/form/ChildEventDialog.js.map +1 -1
  8. package/dist/cjs/form/ContactPerson.js +1 -1
  9. package/dist/cjs/form/ContactPerson.js.map +1 -1
  10. package/dist/cjs/form/Payment.js +2 -2
  11. package/dist/cjs/form/Payment.js.map +1 -1
  12. package/dist/cjs/form/PaymentOverviewBox.js +23 -15
  13. package/dist/cjs/form/PaymentOverviewBox.js.map +1 -1
  14. package/dist/cjs/form/PaymentPending.js +4 -1
  15. package/dist/cjs/form/PaymentPending.js.map +1 -1
  16. package/dist/cjs/form/ReleaseWithMerchandise.js +48 -57
  17. package/dist/cjs/form/ReleaseWithMerchandise.js.map +1 -1
  18. package/dist/cjs/form/TicketForm.js +18 -36
  19. package/dist/cjs/form/TicketForm.js.map +1 -1
  20. package/dist/cjs/form/TicketSelection.js +6 -5
  21. package/dist/cjs/form/TicketSelection.js.map +1 -1
  22. package/dist/cjs/form/TicketWithMerchandiseSelection.js +5 -3
  23. package/dist/cjs/form/TicketWithMerchandiseSelection.js.map +1 -1
  24. package/dist/cjs/form/index.js +1 -1
  25. package/dist/cjs/form/index.js.map +1 -1
  26. package/dist/cjs/form/payment/FeeBox.js +4 -1
  27. package/dist/cjs/form/payment/FeeBox.js.map +1 -1
  28. package/dist/cjs/form/payment/PaymentOverviewCheckbox.js +27 -17
  29. package/dist/cjs/form/payment/PaymentOverviewCheckbox.js.map +1 -1
  30. package/dist/cjs/form/product/ProductCard.js +34 -49
  31. package/dist/cjs/form/product/ProductCard.js.map +1 -1
  32. package/dist/cjs/form/product/ProductVariantsDialog.js +94 -118
  33. package/dist/cjs/form/product/ProductVariantsDialog.js.map +1 -1
  34. package/dist/cjs/locales/cs.js +1 -16
  35. package/dist/cjs/locales/cs.js.map +1 -1
  36. package/dist/cjs/locales/en.js +1 -16
  37. package/dist/cjs/locales/en.js.map +1 -1
  38. package/dist/cjs/locales/es.js +0 -15
  39. package/dist/cjs/locales/es.js.map +1 -1
  40. package/dist/cjs/locales/pl.js +0 -15
  41. package/dist/cjs/locales/pl.js.map +1 -1
  42. package/dist/cjs/locales/sk.js +0 -15
  43. package/dist/cjs/locales/sk.js.map +1 -1
  44. package/dist/cjs/locales/uk.js +0 -15
  45. package/dist/cjs/locales/uk.js.map +1 -1
  46. package/dist/cjs/utils/data/global.js +0 -2
  47. package/dist/cjs/utils/data/global.js.map +1 -1
  48. package/dist/esm/components/Image.js +30 -15
  49. package/dist/esm/components/Image.js.map +1 -1
  50. package/dist/esm/components/hook-form/FormProvider.js +2 -2
  51. package/dist/esm/components/hook-form/FormProvider.js.map +1 -1
  52. package/dist/esm/form/ChildEventDialog.js +3 -3
  53. package/dist/esm/form/ChildEventDialog.js.map +1 -1
  54. package/dist/esm/form/ContactPerson.js +1 -1
  55. package/dist/esm/form/ContactPerson.js.map +1 -1
  56. package/dist/esm/form/Payment.js +2 -2
  57. package/dist/esm/form/Payment.js.map +1 -1
  58. package/dist/esm/form/PaymentOverviewBox.js +23 -15
  59. package/dist/esm/form/PaymentOverviewBox.js.map +1 -1
  60. package/dist/esm/form/PaymentPending.js +4 -1
  61. package/dist/esm/form/PaymentPending.js.map +1 -1
  62. package/dist/esm/form/ReleaseWithMerchandise.js +49 -58
  63. package/dist/esm/form/ReleaseWithMerchandise.js.map +1 -1
  64. package/dist/esm/form/TicketForm.js +20 -38
  65. package/dist/esm/form/TicketForm.js.map +1 -1
  66. package/dist/esm/form/TicketSelection.js +6 -5
  67. package/dist/esm/form/TicketSelection.js.map +1 -1
  68. package/dist/esm/form/TicketWithMerchandiseSelection.js +6 -4
  69. package/dist/esm/form/TicketWithMerchandiseSelection.js.map +1 -1
  70. package/dist/esm/form/index.js +1 -1
  71. package/dist/esm/form/index.js.map +1 -1
  72. package/dist/esm/form/payment/FeeBox.js +4 -1
  73. package/dist/esm/form/payment/FeeBox.js.map +1 -1
  74. package/dist/esm/form/payment/PaymentOverviewCheckbox.js +29 -19
  75. package/dist/esm/form/payment/PaymentOverviewCheckbox.js.map +1 -1
  76. package/dist/esm/form/product/ProductCard.js +35 -50
  77. package/dist/esm/form/product/ProductCard.js.map +1 -1
  78. package/dist/esm/form/product/ProductVariantsDialog.js +95 -119
  79. package/dist/esm/form/product/ProductVariantsDialog.js.map +1 -1
  80. package/dist/esm/locales/cs.js +1 -16
  81. package/dist/esm/locales/cs.js.map +1 -1
  82. package/dist/esm/locales/en.js +1 -16
  83. package/dist/esm/locales/en.js.map +1 -1
  84. package/dist/esm/locales/es.js +0 -15
  85. package/dist/esm/locales/es.js.map +1 -1
  86. package/dist/esm/locales/pl.js +0 -15
  87. package/dist/esm/locales/pl.js.map +1 -1
  88. package/dist/esm/locales/sk.js +0 -15
  89. package/dist/esm/locales/sk.js.map +1 -1
  90. package/dist/esm/locales/uk.js +0 -15
  91. package/dist/esm/locales/uk.js.map +1 -1
  92. package/dist/esm/utils/data/global.js +1 -2
  93. package/dist/esm/utils/data/global.js.map +1 -1
  94. package/dist/types/components/Image.d.ts +4 -4
  95. package/dist/types/form/style.d.ts +1 -1
  96. package/package.json +2 -8
  97. package/rollup.config.mjs +0 -2
  98. package/src/components/Image.tsx +48 -27
  99. package/src/components/hook-form/FormProvider.tsx +2 -5
  100. package/src/form/ChildEventDialog.tsx +3 -3
  101. package/src/form/ContactPerson.tsx +1 -1
  102. package/src/form/MerchandiseSelection.tsx +29 -0
  103. package/src/form/Payment.tsx +2 -2
  104. package/src/form/PaymentOverviewBox.tsx +72 -40
  105. package/src/form/PaymentPending.tsx +1 -1
  106. package/src/form/ReleaseWithMerchandise.tsx +230 -0
  107. package/src/form/TicketForm.tsx +18 -56
  108. package/src/form/{tickets/TicketSelection.tsx → TicketSelection.tsx} +109 -17
  109. package/src/form/{tickets/TicketSelectionMap.tsx → TicketSelectionMap.tsx} +1 -9
  110. package/src/form/{tickets/TicketWithMerchandiseSelection.tsx → TicketWithMerchandiseSelection.tsx} +7 -3
  111. package/src/form/index.tsx +1 -3
  112. package/src/form/payment/FeeBox.tsx +10 -0
  113. package/src/form/payment/PaymentOverviewCheckbox.tsx +56 -33
  114. package/src/form/product/ProductCard.tsx +52 -67
  115. package/src/form/product/ProductVariantsDialog.tsx +137 -195
  116. package/src/locales/cs.tsx +1 -16
  117. package/src/locales/en.tsx +1 -16
  118. package/src/locales/es.tsx +0 -15
  119. package/src/locales/pl.tsx +0 -15
  120. package/src/locales/sk.tsx +0 -15
  121. package/src/locales/uk.tsx +0 -15
  122. package/src/utils/data/global.ts +0 -1
  123. package/tsconfig.json +1 -2
  124. package/.env.example +0 -1
  125. package/dist/cjs/_virtual/_commonjsHelpers.js +0 -8
  126. package/dist/cjs/_virtual/_commonjsHelpers.js.map +0 -1
  127. package/dist/cjs/_virtual/index.js +0 -6
  128. package/dist/cjs/_virtual/index.js.map +0 -1
  129. package/dist/cjs/_virtual/index2.js +0 -6
  130. package/dist/cjs/_virtual/index2.js.map +0 -1
  131. package/dist/cjs/_virtual/index3.js +0 -6
  132. package/dist/cjs/_virtual/index3.js.map +0 -1
  133. package/dist/cjs/_virtual/react-is.development.js +0 -6
  134. package/dist/cjs/_virtual/react-is.development.js.map +0 -1
  135. package/dist/cjs/_virtual/react-is.development2.js +0 -6
  136. package/dist/cjs/_virtual/react-is.development2.js.map +0 -1
  137. package/dist/cjs/_virtual/react-is.production.js +0 -6
  138. package/dist/cjs/_virtual/react-is.production.js.map +0 -1
  139. package/dist/cjs/_virtual/react-is.production.min.js +0 -6
  140. package/dist/cjs/_virtual/react-is.production.min.js.map +0 -1
  141. package/dist/cjs/form/PaymentOverviewDrawer.js +0 -114
  142. package/dist/cjs/form/PaymentOverviewDrawer.js.map +0 -1
  143. package/dist/cjs/form/TicketQuantityControl.js +0 -51
  144. package/dist/cjs/form/TicketQuantityControl.js.map +0 -1
  145. package/dist/cjs/form/TicketSelectionMobile.js +0 -98
  146. package/dist/cjs/form/TicketSelectionMobile.js.map +0 -1
  147. package/dist/cjs/form/merchandise/MerchandiseSelection.js +0 -14
  148. package/dist/cjs/form/merchandise/MerchandiseSelection.js.map +0 -1
  149. package/dist/cjs/form/merchandise/MerchandiseSlider.js +0 -39
  150. package/dist/cjs/form/merchandise/MerchandiseSlider.js.map +0 -1
  151. package/dist/cjs/form/merchendise/MerchandiseSelection.js +0 -19
  152. package/dist/cjs/form/merchendise/MerchandiseSelection.js.map +0 -1
  153. package/dist/cjs/form/merchendise/MerchandiseSlider.js +0 -75
  154. package/dist/cjs/form/merchendise/MerchandiseSlider.js.map +0 -1
  155. package/dist/cjs/form/services/index.js +0 -131
  156. package/dist/cjs/form/services/index.js.map +0 -1
  157. package/dist/cjs/form/tickets/ReleaseDescription.js +0 -23
  158. package/dist/cjs/form/tickets/ReleaseDescription.js.map +0 -1
  159. package/dist/cjs/form/tickets/ReleaseWithMerchandise.js +0 -139
  160. package/dist/cjs/form/tickets/ReleaseWithMerchandise.js.map +0 -1
  161. package/dist/cjs/form/tickets/TicketQuantityControl.js +0 -52
  162. package/dist/cjs/form/tickets/TicketQuantityControl.js.map +0 -1
  163. package/dist/cjs/form/tickets/TicketSelection.js +0 -134
  164. package/dist/cjs/form/tickets/TicketSelection.js.map +0 -1
  165. package/dist/cjs/form/tickets/TicketSelectionMap.js +0 -73
  166. package/dist/cjs/form/tickets/TicketSelectionMap.js.map +0 -1
  167. package/dist/cjs/form/tickets/TicketSelectionMobile.js +0 -88
  168. package/dist/cjs/form/tickets/TicketSelectionMobile.js.map +0 -1
  169. package/dist/cjs/form/tickets/TicketWithMerchandiseSelection.js +0 -117
  170. package/dist/cjs/form/tickets/TicketWithMerchandiseSelection.js.map +0 -1
  171. package/dist/esm/_virtual/_commonjsHelpers.js +0 -6
  172. package/dist/esm/_virtual/_commonjsHelpers.js.map +0 -1
  173. package/dist/esm/_virtual/index.js +0 -4
  174. package/dist/esm/_virtual/index.js.map +0 -1
  175. package/dist/esm/_virtual/index2.js +0 -4
  176. package/dist/esm/_virtual/index2.js.map +0 -1
  177. package/dist/esm/_virtual/index3.js +0 -4
  178. package/dist/esm/_virtual/index3.js.map +0 -1
  179. package/dist/esm/_virtual/react-is.development.js +0 -4
  180. package/dist/esm/_virtual/react-is.development.js.map +0 -1
  181. package/dist/esm/_virtual/react-is.development2.js +0 -4
  182. package/dist/esm/_virtual/react-is.development2.js.map +0 -1
  183. package/dist/esm/_virtual/react-is.production.js +0 -4
  184. package/dist/esm/_virtual/react-is.production.js.map +0 -1
  185. package/dist/esm/_virtual/react-is.production.min.js +0 -4
  186. package/dist/esm/_virtual/react-is.production.min.js.map +0 -1
  187. package/dist/esm/form/PaymentOverviewDrawer.js +0 -110
  188. package/dist/esm/form/PaymentOverviewDrawer.js.map +0 -1
  189. package/dist/esm/form/TicketQuantityControl.js +0 -47
  190. package/dist/esm/form/TicketQuantityControl.js.map +0 -1
  191. package/dist/esm/form/TicketSelectionMobile.js +0 -94
  192. package/dist/esm/form/TicketSelectionMobile.js.map +0 -1
  193. package/dist/esm/form/merchandise/MerchandiseSelection.js +0 -10
  194. package/dist/esm/form/merchandise/MerchandiseSelection.js.map +0 -1
  195. package/dist/esm/form/merchandise/MerchandiseSlider.js +0 -35
  196. package/dist/esm/form/merchandise/MerchandiseSlider.js.map +0 -1
  197. package/dist/esm/form/merchendise/MerchandiseSelection.js +0 -15
  198. package/dist/esm/form/merchendise/MerchandiseSelection.js.map +0 -1
  199. package/dist/esm/form/merchendise/MerchandiseSlider.js +0 -71
  200. package/dist/esm/form/merchendise/MerchandiseSlider.js.map +0 -1
  201. package/dist/esm/form/services/index.js +0 -127
  202. package/dist/esm/form/services/index.js.map +0 -1
  203. package/dist/esm/form/tickets/ReleaseDescription.js +0 -19
  204. package/dist/esm/form/tickets/ReleaseDescription.js.map +0 -1
  205. package/dist/esm/form/tickets/ReleaseWithMerchandise.js +0 -135
  206. package/dist/esm/form/tickets/ReleaseWithMerchandise.js.map +0 -1
  207. package/dist/esm/form/tickets/TicketQuantityControl.js +0 -48
  208. package/dist/esm/form/tickets/TicketQuantityControl.js.map +0 -1
  209. package/dist/esm/form/tickets/TicketSelection.js +0 -130
  210. package/dist/esm/form/tickets/TicketSelection.js.map +0 -1
  211. package/dist/esm/form/tickets/TicketSelectionMap.js +0 -69
  212. package/dist/esm/form/tickets/TicketSelectionMap.js.map +0 -1
  213. package/dist/esm/form/tickets/TicketSelectionMobile.js +0 -84
  214. package/dist/esm/form/tickets/TicketSelectionMobile.js.map +0 -1
  215. package/dist/esm/form/tickets/TicketWithMerchandiseSelection.js +0 -113
  216. package/dist/esm/form/tickets/TicketWithMerchandiseSelection.js.map +0 -1
  217. package/dist/types/form/PaymentOverviewDrawer.d.ts +0 -8
  218. package/dist/types/form/merchendise/MerchandiseSelection.d.ts +0 -9
  219. package/dist/types/form/merchendise/MerchandiseSlider.d.ts +0 -10
  220. package/dist/types/form/merchendise/MerchendiseSlider.d.ts +0 -0
  221. package/src/form/PaymentOverviewDrawer.tsx +0 -180
  222. package/src/form/merchandise/MerchandiseSelection.tsx +0 -24
  223. package/src/form/merchandise/MerchandiseSlider.tsx +0 -61
  224. package/src/form/services/index.tsx +0 -260
  225. package/src/form/tickets/ReleaseDescription.tsx +0 -46
  226. package/src/form/tickets/ReleaseWithMerchandise.tsx +0 -237
  227. package/src/form/tickets/TicketQuantityControl.tsx +0 -94
  228. 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;;;;"}