@eventlook/sdk 1.4.49 → 1.4.51
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/form/PaymentOverviewBox.js +0 -6
- package/dist/cjs/form/PaymentOverviewBox.js.map +1 -1
- package/dist/cjs/form/TicketForm.js +1 -1
- package/dist/cjs/form/TicketForm.js.map +1 -1
- package/dist/cjs/form/product/ProductCard.js +3 -2
- package/dist/cjs/form/product/ProductCard.js.map +1 -1
- package/dist/cjs/form/product/ProductVariantsDialog.js +23 -8
- package/dist/cjs/form/product/ProductVariantsDialog.js.map +1 -1
- package/dist/cjs/form/services/index.js +1 -18
- package/dist/cjs/form/services/index.js.map +1 -1
- package/dist/cjs/form/tickets/ReleaseWithMerchandise.js +30 -7
- package/dist/cjs/form/tickets/ReleaseWithMerchandise.js.map +1 -1
- package/dist/cjs/form/tickets/TicketSelection.js +37 -14
- package/dist/cjs/form/tickets/TicketSelection.js.map +1 -1
- package/dist/cjs/form/tickets/TicketSelectionMap.js +7 -1
- package/dist/cjs/form/tickets/TicketSelectionMap.js.map +1 -1
- package/dist/cjs/form/tickets/TicketSelectionMobile.js +17 -7
- package/dist/cjs/form/tickets/TicketSelectionMobile.js.map +1 -1
- package/dist/cjs/form/tickets/TicketWithMerchandiseSelection.js +30 -20
- package/dist/cjs/form/tickets/TicketWithMerchandiseSelection.js.map +1 -1
- package/dist/cjs/utils/data/ticket.js +6 -0
- package/dist/cjs/utils/data/ticket.js.map +1 -0
- package/dist/esm/form/PaymentOverviewBox.js +0 -6
- package/dist/esm/form/PaymentOverviewBox.js.map +1 -1
- package/dist/esm/form/TicketForm.js +1 -1
- package/dist/esm/form/TicketForm.js.map +1 -1
- package/dist/esm/form/product/ProductCard.js +3 -2
- package/dist/esm/form/product/ProductCard.js.map +1 -1
- package/dist/esm/form/product/ProductVariantsDialog.js +23 -8
- package/dist/esm/form/product/ProductVariantsDialog.js.map +1 -1
- package/dist/esm/form/services/index.js +2 -19
- package/dist/esm/form/services/index.js.map +1 -1
- package/dist/esm/form/tickets/ReleaseWithMerchandise.js +30 -7
- package/dist/esm/form/tickets/ReleaseWithMerchandise.js.map +1 -1
- package/dist/esm/form/tickets/TicketSelection.js +38 -15
- package/dist/esm/form/tickets/TicketSelection.js.map +1 -1
- package/dist/esm/form/tickets/TicketSelectionMap.js +7 -1
- package/dist/esm/form/tickets/TicketSelectionMap.js.map +1 -1
- package/dist/esm/form/tickets/TicketSelectionMobile.js +17 -7
- package/dist/esm/form/tickets/TicketSelectionMobile.js.map +1 -1
- package/dist/esm/form/tickets/TicketWithMerchandiseSelection.js +30 -20
- package/dist/esm/form/tickets/TicketWithMerchandiseSelection.js.map +1 -1
- package/dist/esm/utils/data/ticket.js +4 -0
- package/dist/esm/utils/data/ticket.js.map +1 -0
- package/package.json +1 -1
- package/src/form/PaymentOverviewBox.tsx +11 -11
- package/src/form/TicketForm.tsx +8 -6
- package/src/form/product/ProductCard.tsx +5 -2
- package/src/form/product/ProductVariantsDialog.tsx +29 -6
- package/src/form/services/index.tsx +36 -36
- package/src/form/tickets/ReleaseWithMerchandise.tsx +39 -8
- package/src/form/tickets/TicketSelection.tsx +50 -17
- package/src/form/tickets/TicketSelectionMap.tsx +9 -1
- package/src/form/tickets/TicketSelectionMobile.tsx +77 -67
- package/src/form/tickets/TicketWithMerchandiseSelection.tsx +49 -31
- package/src/utils/data/ticket.ts +1 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductCard.js","sources":["../../../../src/form/product/ProductCard.tsx"],"sourcesContent":["import {\n Box,\n Button,\n Card,\n Dialog,\n DialogActions,\n DialogContent,\n DialogTitle,\n IconButton,\n Link,\n Stack,\n Typography,\n} from '@mui/material';\nimport Image from '@components/Image';\nimport { Iconify } from '@components/iconify';\nimport { IEventProduct } from '@utils/types/event-product.type';\nimport React, { useMemo, useState } from 'react';\nimport ProductVariantsDialog from '@form/product/ProductVariantsDialog';\nimport { IEventProductForm } from '@utils/types/product.type';\nimport { useFormContext, useWatch } from 'react-hook-form';\nimport { ITicketForm, ITicketFormTicket } from '@utils/types/ticket.type';\nimport { getSelectedQuantityByVariant } from '@utils/product';\nimport useGlobal from '@hooks/useGlobal.ts';\nimport { fCurrency } from '@utils/formatNumber';\n\ninterface Props {\n eventProduct: IEventProduct;\n eventId: number;\n isOnlyMerchandise?: boolean;\n}\n\nconst ProductCard: React.FC<Props> = ({ eventProduct, eventId, isOnlyMerchandise }) => {\n const { t, lang } = useGlobal();\n const [openVariantDialog, setOpenVariantDialog] = useState<boolean>(false);\n const [openSimpleProductDialog, setOpenSimpleProductDialog] = useState<boolean>(false);\n const { setValue, getValues } = useFormContext<ITicketForm>();\n const tickets: ITicketFormTicket[] = useWatch({ name: `tickets.${eventId}`, defaultValue: [] });\n const products: IEventProductForm[] = useWatch({ name: `products.${eventId}`, defaultValue: [] });\n const isSimpleProduct = eventProduct.eventProductVariants.length === 1;\n const simpleVariant = isSimpleProduct ? eventProduct.eventProductVariants[0] : undefined;\n\n const onSelectVariant = (selectedVariants: IEventProductForm[] | IEventProductForm) => {\n const normalized = Array.isArray(selectedVariants) ? selectedVariants : [selectedVariants];\n const currentProducts =\n (getValues(`products.${eventId}`) as IEventProductForm[] | undefined) ?? [];\n const nextProducts = [...currentProducts];\n\n normalized.forEach((selectedVariant) => {\n const index = nextProducts.findIndex(\n (product) => product.eventProductVariantId === selectedVariant.eventProductVariantId\n );\n\n if (index >= 0) {\n if (selectedVariant.quantity <= 0) {\n nextProducts.splice(index, 1);\n } else {\n nextProducts[index] = {\n ...nextProducts[index],\n quantity: selectedVariant.quantity,\n };\n }\n } else {\n if (selectedVariant.quantity > 0) {\n nextProducts.push(selectedVariant);\n }\n }\n });\n\n setValue(`products.${eventId}`, nextProducts, {\n shouldDirty: true,\n shouldValidate: true,\n });\n };\n\n const eventNotEmpty = useMemo(() => {\n const variantIds = new Set(eventProduct.eventProductVariants.map((variant) => variant.id));\n return products.some(\n (product) => product?.quantity && variantIds.has(product.eventProductVariantId)\n );\n }, [products, eventProduct.eventProductVariants]);\n\n const selectedQuantityByVariant = useMemo(\n () => getSelectedQuantityByVariant(products, tickets),\n [products, tickets]\n );\n\n const simpleProductQuantity = useMemo(() => {\n if (!simpleVariant) return 0;\n const matched = products.find((product) => product.eventProductVariantId === simpleVariant.id);\n return matched?.quantity ?? 0;\n }, [products, simpleVariant]);\n\n const simpleProductMaxAvailable = useMemo(() => {\n if (!simpleVariant) return 0;\n const { quantity, sold } = simpleVariant.productVariant;\n if (!quantity) return Number.POSITIVE_INFINITY;\n const used = selectedQuantityByVariant[simpleVariant.id] ?? 0;\n return quantity - sold - used;\n }, [simpleVariant, selectedQuantityByVariant]);\n\n const onChangeSimpleProductQuantity = (nextQuantity: number) => {\n if (!simpleVariant) return;\n if (nextQuantity < 0 || nextQuantity > 10) return;\n if (\n nextQuantity > simpleProductQuantity &&\n nextQuantity - simpleProductQuantity > simpleProductMaxAvailable\n )\n return;\n\n onSelectVariant({\n eventProductVariantId: simpleVariant.id,\n productVariantId: simpleVariant.productVariant.id,\n quantity: nextQuantity,\n price: simpleVariant.priceWithVat,\n excludedShippingMethodIds: eventProduct.excludedShippingMethods.map((method) => method.id),\n });\n };\n\n const simpleProductQuantityControl =\n simpleProductQuantity > 0 ? (\n <Stack direction=\"row\" spacing={1} alignItems=\"center\" width=\"100%\">\n <IconButton\n onClick={() => onChangeSimpleProductQuantity(simpleProductQuantity - 1)}\n disabled={simpleProductQuantity <= 0}\n sx={{\n flex: '1 1 0',\n height: 36,\n p: 0,\n borderRadius: 1,\n border: '1px solid',\n borderColor: 'grey.300',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n }}\n >\n <Iconify icon=\"eva:minus-fill\" width={18} height={18} />\n </IconButton>\n <Box\n sx={{\n flex: '1 1 0',\n height: 36,\n borderRadius: 1,\n border: '1px solid',\n borderColor: 'grey.300',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n fontWeight: 700,\n }}\n >\n {simpleProductQuantity}\n </Box>\n <IconButton\n onClick={() => onChangeSimpleProductQuantity(simpleProductQuantity + 1)}\n disabled={simpleProductQuantity >= 10 || simpleProductMaxAvailable <= 0}\n sx={{\n flex: '1 1 0',\n height: 36,\n p: 0,\n borderRadius: 1,\n bgcolor: 'primary.main',\n color: 'primary.contrastText',\n '&:hover': { bgcolor: 'primary.dark' },\n '&.Mui-disabled': {\n bgcolor: 'action.disabledBackground',\n color: 'action.disabled',\n },\n }}\n >\n <Iconify icon=\"eva:plus-fill\" width={18} height={18} />\n </IconButton>\n </Stack>\n ) : (\n <Button\n variant=\"contained\"\n onClick={() => onChangeSimpleProductQuantity(1)}\n disabled={simpleProductMaxAvailable <= 0}\n fullWidth\n >\n {t('add')}\n </Button>\n );\n\n return (\n <>\n <Card\n sx={{\n p: 0,\n borderRadius: 0,\n boxShadow: 'none',\n background: 'none',\n }}\n >\n <Stack spacing={0}>\n <Image\n src={eventProduct.product.previewImage.url}\n ratio=\"21/9\"\n sx={{ borderRadius: 1, maxHeight: 96 }}\n />\n <Typography variant=\"h5\" sx={{ fontSize: '14px', fontWeight: 700 }}>\n {eventProduct.product.name}\n </Typography>\n <Stack direction=\"row\" alignItems=\"center\" justifyContent=\"space-between\" spacing={1}>\n <Typography variant=\"body2\" color=\"text.primary\">\n {eventProduct.product.priceWithVat > 0\n ? fCurrency(eventProduct.product.priceWithVat, lang, eventProduct.product.currency)\n : t('free')}\n </Typography>\n {isSimpleProduct && (\n <Link\n onClick={() => setOpenSimpleProductDialog(true)}\n color=\"inherit\"\n underline=\"always\"\n fontSize={12}\n >\n {t('more_info')}\n </Link>\n )}\n </Stack>\n {isSimpleProduct ? (\n simpleProductQuantityControl\n ) : (\n <Button\n variant={eventNotEmpty ? 'contained' : 'outlined'}\n onClick={() => setOpenVariantDialog(true)}\n fullWidth\n sx={{\n color: eventNotEmpty ? (theme) => theme.palette.common.white : 'inherit',\n borderColor: (theme) => theme.palette.grey[300],\n }}\n >\n {eventNotEmpty\n ? t('event.tickets.merchandise.show_added')\n : t('event.tickets.merchandise.show_sizes')}\n </Button>\n )}\n </Stack>\n </Card>\n <ProductVariantsDialog\n eventProduct={eventProduct}\n eventId={eventId}\n openDialog={openVariantDialog && !isSimpleProduct}\n onClose={() => setOpenVariantDialog(false)}\n callback={onSelectVariant}\n selectedQuantityByVariant={selectedQuantityByVariant}\n isOnlyMerchandise={isOnlyMerchandise}\n />\n <Dialog\n open={openSimpleProductDialog && isSimpleProduct}\n onClose={() => setOpenSimpleProductDialog(false)}\n fullWidth\n maxWidth=\"sm\"\n >\n <DialogTitle\n sx={{\n textAlign: 'center',\n fontWeight: 700,\n fontSize: { xs: '1.5rem', sm: '2rem' },\n mb: 2,\n }}\n >\n {eventProduct.product.name}\n </DialogTitle>\n <DialogContent sx={{ pb: 0 }}>\n <Stack spacing={2}>\n <Typography\n variant=\"body2\"\n dangerouslySetInnerHTML={{ __html: eventProduct.product.description }}\n />\n <Typography variant=\"body1\" color=\"text.primary\">\n {eventProduct.product.priceWithVat > 0\n ? fCurrency(eventProduct.product.priceWithVat, lang, eventProduct.product.currency)\n : t('free')}\n </Typography>\n </Stack>\n </DialogContent>\n <DialogActions sx={{ px: 3, pb: 3 }}>\n <Stack spacing={1} width=\"100%\">\n {simpleProductQuantityControl}\n <Button\n variant=\"outlined\"\n onClick={() => setOpenSimpleProductDialog(false)}\n fullWidth\n sx={{\n color: 'inherit',\n borderColor: (theme) => theme.palette.grey[300],\n }}\n >\n {t('close')}\n </Button>\n </Stack>\n </DialogActions>\n </Dialog>\n </>\n );\n};\n\nexport default ProductCard;\n"],"names":["useGlobal","useState","useFormContext","useWatch","useMemo","getSelectedQuantityByVariant","Stack","IconButton","Iconify","Box","Button","Card","Image","Typography","fCurrency","Link","ProductVariantsDialog","Dialog","DialogTitle","DialogContent","DialogActions"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ProductCard.js","sources":["../../../../src/form/product/ProductCard.tsx"],"sourcesContent":["import {\n Box,\n Button,\n Card,\n Dialog,\n DialogActions,\n DialogContent,\n DialogTitle,\n IconButton,\n Link,\n Stack,\n Typography,\n} from '@mui/material';\nimport Image from '@components/Image';\nimport { Iconify } from '@components/iconify';\nimport { IEventProduct } from '@utils/types/event-product.type';\nimport React, { useMemo, useState } from 'react';\nimport ProductVariantsDialog from '@form/product/ProductVariantsDialog';\nimport { IEventProductForm } from '@utils/types/product.type';\nimport { useFormContext, useWatch } from 'react-hook-form';\nimport { ITicketForm, ITicketFormTicket } from '@utils/types/ticket.type';\nimport { getSelectedQuantityByVariant } from '@utils/product';\nimport useGlobal from '@hooks/useGlobal.ts';\nimport { fCurrency } from '@utils/formatNumber';\nimport { MAX_TICKETS_PER_ORDER } from '@utils/data/ticket';\n\ninterface Props {\n eventProduct: IEventProduct;\n eventId: number;\n isOnlyMerchandise?: boolean;\n}\n\nconst ProductCard: React.FC<Props> = ({ eventProduct, eventId, isOnlyMerchandise }) => {\n const { t, lang } = useGlobal();\n const [openVariantDialog, setOpenVariantDialog] = useState<boolean>(false);\n const [openSimpleProductDialog, setOpenSimpleProductDialog] = useState<boolean>(false);\n const { setValue, getValues } = useFormContext<ITicketForm>();\n const tickets: ITicketFormTicket[] = useWatch({ name: `tickets.${eventId}`, defaultValue: [] });\n const products: IEventProductForm[] = useWatch({ name: `products.${eventId}`, defaultValue: [] });\n const isSimpleProduct = eventProduct.eventProductVariants.length === 1;\n const simpleVariant = isSimpleProduct ? eventProduct.eventProductVariants[0] : undefined;\n\n const onSelectVariant = (selectedVariants: IEventProductForm[] | IEventProductForm) => {\n const normalized = Array.isArray(selectedVariants) ? selectedVariants : [selectedVariants];\n const currentProducts =\n (getValues(`products.${eventId}`) as IEventProductForm[] | undefined) ?? [];\n const nextProducts = [...currentProducts];\n\n normalized.forEach((selectedVariant) => {\n const index = nextProducts.findIndex(\n (product) => product.eventProductVariantId === selectedVariant.eventProductVariantId\n );\n\n if (index >= 0) {\n if (selectedVariant.quantity <= 0) {\n nextProducts.splice(index, 1);\n } else {\n nextProducts[index] = {\n ...nextProducts[index],\n quantity: selectedVariant.quantity,\n };\n }\n } else {\n if (selectedVariant.quantity > 0) {\n nextProducts.push(selectedVariant);\n }\n }\n });\n\n setValue(`products.${eventId}`, nextProducts, {\n shouldDirty: true,\n shouldValidate: true,\n });\n };\n\n const eventNotEmpty = useMemo(() => {\n const variantIds = new Set(eventProduct.eventProductVariants.map((variant) => variant.id));\n return products.some(\n (product) => product?.quantity && variantIds.has(product.eventProductVariantId)\n );\n }, [products, eventProduct.eventProductVariants]);\n\n const selectedQuantityByVariant = useMemo(\n () => getSelectedQuantityByVariant(products, tickets),\n [products, tickets]\n );\n\n const simpleProductQuantity = useMemo(() => {\n if (!simpleVariant) return 0;\n const matched = products.find((product) => product.eventProductVariantId === simpleVariant.id);\n return matched?.quantity ?? 0;\n }, [products, simpleVariant]);\n\n const simpleProductMaxAvailable = useMemo(() => {\n if (!simpleVariant) return 0;\n const { quantity, sold } = simpleVariant.productVariant;\n if (!quantity) return Number.POSITIVE_INFINITY;\n const used = selectedQuantityByVariant[simpleVariant.id] ?? 0;\n return quantity - sold - used;\n }, [simpleVariant, selectedQuantityByVariant]);\n\n const onChangeSimpleProductQuantity = (nextQuantity: number) => {\n if (!simpleVariant) return;\n if (nextQuantity < 0 || nextQuantity > MAX_TICKETS_PER_ORDER) return;\n if (\n nextQuantity > simpleProductQuantity &&\n nextQuantity - simpleProductQuantity > simpleProductMaxAvailable\n )\n return;\n\n onSelectVariant({\n eventProductVariantId: simpleVariant.id,\n productVariantId: simpleVariant.productVariant.id,\n quantity: nextQuantity,\n price: simpleVariant.priceWithVat,\n excludedShippingMethodIds: eventProduct.excludedShippingMethods.map((method) => method.id),\n });\n };\n\n const simpleProductQuantityControl =\n simpleProductQuantity > 0 ? (\n <Stack direction=\"row\" spacing={1} alignItems=\"center\" width=\"100%\">\n <IconButton\n onClick={() => onChangeSimpleProductQuantity(simpleProductQuantity - 1)}\n disabled={simpleProductQuantity <= 0}\n sx={{\n flex: '1 1 0',\n height: 36,\n p: 0,\n borderRadius: 1,\n border: '1px solid',\n borderColor: 'grey.300',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n }}\n >\n <Iconify icon=\"eva:minus-fill\" width={18} height={18} />\n </IconButton>\n <Box\n sx={{\n flex: '1 1 0',\n height: 36,\n borderRadius: 1,\n border: '1px solid',\n borderColor: 'grey.300',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n fontWeight: 700,\n }}\n >\n {simpleProductQuantity}\n </Box>\n <IconButton\n onClick={() => onChangeSimpleProductQuantity(simpleProductQuantity + 1)}\n disabled={\n simpleProductQuantity >= MAX_TICKETS_PER_ORDER || simpleProductMaxAvailable <= 0\n }\n sx={{\n flex: '1 1 0',\n height: 36,\n p: 0,\n borderRadius: 1,\n bgcolor: 'primary.main',\n color: 'primary.contrastText',\n '&:hover': { bgcolor: 'primary.dark' },\n '&.Mui-disabled': {\n bgcolor: 'action.disabledBackground',\n color: 'action.disabled',\n },\n }}\n >\n <Iconify icon=\"eva:plus-fill\" width={18} height={18} />\n </IconButton>\n </Stack>\n ) : (\n <Button\n variant=\"contained\"\n onClick={() => onChangeSimpleProductQuantity(1)}\n disabled={simpleProductMaxAvailable <= 0}\n fullWidth\n >\n {t('add')}\n </Button>\n );\n\n return (\n <>\n <Card\n sx={{\n p: 0,\n borderRadius: 0,\n boxShadow: 'none',\n background: 'none',\n }}\n >\n <Stack spacing={0}>\n <Image\n src={eventProduct.product.previewImage.url}\n ratio=\"21/9\"\n sx={{ borderRadius: 1, maxHeight: 96 }}\n />\n <Typography variant=\"h5\" sx={{ fontSize: '14px', fontWeight: 700 }}>\n {eventProduct.product.name}\n </Typography>\n <Stack direction=\"row\" alignItems=\"center\" justifyContent=\"space-between\" spacing={1}>\n <Typography variant=\"body2\" color=\"text.primary\">\n {eventProduct.product.priceWithVat > 0\n ? fCurrency(eventProduct.product.priceWithVat, lang, eventProduct.product.currency)\n : t('free')}\n </Typography>\n {isSimpleProduct && (\n <Link\n onClick={() => setOpenSimpleProductDialog(true)}\n color=\"inherit\"\n underline=\"always\"\n fontSize={12}\n >\n {t('more_info')}\n </Link>\n )}\n </Stack>\n {isSimpleProduct ? (\n simpleProductQuantityControl\n ) : (\n <Button\n variant={eventNotEmpty ? 'contained' : 'outlined'}\n onClick={() => setOpenVariantDialog(true)}\n fullWidth\n sx={{\n color: eventNotEmpty ? (theme) => theme.palette.common.white : 'inherit',\n borderColor: (theme) => theme.palette.grey[300],\n }}\n >\n {eventNotEmpty\n ? t('event.tickets.merchandise.show_added')\n : t('event.tickets.merchandise.show_sizes')}\n </Button>\n )}\n </Stack>\n </Card>\n <ProductVariantsDialog\n eventProduct={eventProduct}\n eventId={eventId}\n openDialog={openVariantDialog && !isSimpleProduct}\n onClose={() => setOpenVariantDialog(false)}\n callback={onSelectVariant}\n selectedQuantityByVariant={selectedQuantityByVariant}\n isOnlyMerchandise={isOnlyMerchandise}\n />\n <Dialog\n open={openSimpleProductDialog && isSimpleProduct}\n onClose={() => setOpenSimpleProductDialog(false)}\n fullWidth\n maxWidth=\"sm\"\n >\n <DialogTitle\n sx={{\n textAlign: 'center',\n fontWeight: 700,\n fontSize: { xs: '1.5rem', sm: '2rem' },\n mb: 2,\n }}\n >\n {eventProduct.product.name}\n </DialogTitle>\n <DialogContent sx={{ pb: 0 }}>\n <Stack spacing={2}>\n <Typography\n variant=\"body2\"\n dangerouslySetInnerHTML={{ __html: eventProduct.product.description }}\n />\n <Typography variant=\"body1\" color=\"text.primary\">\n {eventProduct.product.priceWithVat > 0\n ? fCurrency(eventProduct.product.priceWithVat, lang, eventProduct.product.currency)\n : t('free')}\n </Typography>\n </Stack>\n </DialogContent>\n <DialogActions sx={{ px: 3, pb: 3 }}>\n <Stack spacing={1} width=\"100%\">\n {simpleProductQuantityControl}\n <Button\n variant=\"outlined\"\n onClick={() => setOpenSimpleProductDialog(false)}\n fullWidth\n sx={{\n color: 'inherit',\n borderColor: (theme) => theme.palette.grey[300],\n }}\n >\n {t('close')}\n </Button>\n </Stack>\n </DialogActions>\n </Dialog>\n </>\n );\n};\n\nexport default ProductCard;\n"],"names":["useGlobal","useState","useFormContext","useWatch","useMemo","getSelectedQuantityByVariant","MAX_TICKETS_PER_ORDER","Stack","IconButton","Iconify","Box","Button","Card","Image","Typography","fCurrency","Link","ProductVariantsDialog","Dialog","DialogTitle","DialogContent","DialogActions"],"mappings":"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"}
|
|
@@ -7,9 +7,10 @@ var material = require('@mui/material');
|
|
|
7
7
|
var Image = require('../../components/Image.js');
|
|
8
8
|
var reactHookForm = require('react-hook-form');
|
|
9
9
|
var formatNumber = require('../../utils/formatNumber.js');
|
|
10
|
+
var ticket = require('../../utils/data/ticket.js');
|
|
10
11
|
var useGlobal = require('../../hooks/useGlobal.js');
|
|
11
12
|
|
|
12
|
-
const ProductVariantsDialog = ({ eventProduct, openDialog, onClose, callback, selectedQuantityByVariant, isOnlyMerchandise, eventId, canAddOnlyOneAtATime, }) => {
|
|
13
|
+
const ProductVariantsDialog = ({ eventProduct, openDialog, onClose, callback, selectedQuantityByVariant, isOnlyMerchandise, eventId, canAddOnlyOneAtATime, maxSelectableQuantity, }) => {
|
|
13
14
|
const { t, lang, options } = useGlobal.default();
|
|
14
15
|
const { showSnackbar } = useGlobal.default();
|
|
15
16
|
const [draftQuantities, setDraftQuantities] = React.useState({});
|
|
@@ -23,8 +24,13 @@ const ProductVariantsDialog = ({ eventProduct, openDialog, onClose, callback, se
|
|
|
23
24
|
}
|
|
24
25
|
}, [openDialog]);
|
|
25
26
|
React.useEffect(() => {
|
|
26
|
-
if (openDialog) {
|
|
27
|
-
setDraftQuantities(
|
|
27
|
+
if (openDialog && canAddOnlyOneAtATime) {
|
|
28
|
+
setDraftQuantities({});
|
|
29
|
+
}
|
|
30
|
+
}, [openDialog, canAddOnlyOneAtATime]);
|
|
31
|
+
React.useEffect(() => {
|
|
32
|
+
if (openDialog && !canAddOnlyOneAtATime) {
|
|
33
|
+
setDraftQuantities(selectedQuantityByVariant ?? {});
|
|
28
34
|
}
|
|
29
35
|
}, [openDialog, selectedQuantityByVariant, canAddOnlyOneAtATime]);
|
|
30
36
|
const handleOnAdd = () => {
|
|
@@ -89,12 +95,16 @@ const ProductVariantsDialog = ({ eventProduct, openDialog, onClose, callback, se
|
|
|
89
95
|
const current = prev[variant.id] ?? 0;
|
|
90
96
|
const next = current + 1;
|
|
91
97
|
const maxAvailable = getMaxAvailable(variant);
|
|
92
|
-
if (next > 10 || next > maxAvailable)
|
|
93
|
-
return prev;
|
|
94
98
|
if (canAddOnlyOneAtATime) {
|
|
95
|
-
|
|
99
|
+
if (maxAvailable < 1)
|
|
100
|
+
return prev;
|
|
96
101
|
return { [variant.id]: 1 };
|
|
97
102
|
}
|
|
103
|
+
const maxSelectable = maxSelectableQuantity === undefined
|
|
104
|
+
? ticket.MAX_TICKETS_PER_ORDER
|
|
105
|
+
: Math.max(0, Math.min(maxSelectableQuantity, ticket.MAX_TICKETS_PER_ORDER));
|
|
106
|
+
if (next > maxSelectable || next > maxAvailable)
|
|
107
|
+
return prev;
|
|
98
108
|
return { ...prev, [variant.id]: next };
|
|
99
109
|
});
|
|
100
110
|
};
|
|
@@ -166,7 +176,12 @@ const ProductVariantsDialog = ({ eventProduct, openDialog, onClose, callback, se
|
|
|
166
176
|
React.createElement(material.Stack, { spacing: 1 }, eventProduct.eventProductVariants.map((variant) => {
|
|
167
177
|
const draftQty = draftQuantities[variant.id] ?? 0;
|
|
168
178
|
const maxAvailable = getMaxAvailable(variant);
|
|
169
|
-
const
|
|
179
|
+
const maxSelectable = maxSelectableQuantity === undefined
|
|
180
|
+
? ticket.MAX_TICKETS_PER_ORDER
|
|
181
|
+
: Math.max(0, Math.min(maxSelectableQuantity, ticket.MAX_TICKETS_PER_ORDER));
|
|
182
|
+
const isAddDisabled = isVariantDisabled(variant) ||
|
|
183
|
+
maxAvailable <= 0 ||
|
|
184
|
+
(!canAddOnlyOneAtATime && maxSelectable <= 0);
|
|
170
185
|
const isAnotherSelected = canAddOnlyOneAtATime &&
|
|
171
186
|
Object.keys(draftQuantities).length > 0 &&
|
|
172
187
|
!draftQuantities[variant.id];
|
|
@@ -215,7 +230,7 @@ const ProductVariantsDialog = ({ eventProduct, openDialog, onClose, callback, se
|
|
|
215
230
|
fontWeight: 700,
|
|
216
231
|
color: 'text.primary',
|
|
217
232
|
} }, draftQty),
|
|
218
|
-
!canAddOnlyOneAtATime && (React.createElement(material.Button, { variant: "contained", onClick: () => handleAddQuantity(variant), "aria-label": t('components.product_variant_dialog.increase_quantity'), disabled: draftQty >=
|
|
233
|
+
!canAddOnlyOneAtATime && (React.createElement(material.Button, { variant: "contained", onClick: () => handleAddQuantity(variant), "aria-label": t('components.product_variant_dialog.increase_quantity'), disabled: draftQty >= maxSelectable || draftQty >= maxAvailable, sx: { minWidth: 0, height: 36, borderRadius: 1, fontWeight: 700 } }, "+")))) : (React.createElement(material.Button, { variant: "contained", onClick: () => handleAddQuantity(variant), disabled: isOnlyMerchandise ? false : isAddDisabled || isAnotherSelected, sx: {
|
|
219
234
|
flex: 1,
|
|
220
235
|
height: 36,
|
|
221
236
|
borderRadius: 1,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductVariantsDialog.js","sources":["../../../../src/form/product/ProductVariantsDialog.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport {\n Box,\n Button,\n Dialog,\n DialogActions,\n DialogContent,\n DialogTitle,\n Stack,\n Typography,\n} from '@mui/material';\nimport { IEventProduct, IEventProductVariant } from '@utils/types/event-product.type';\nimport Image from '@components/Image';\nimport { useWatch } from 'react-hook-form';\nimport { ITicketFormTicket } from '@utils/types/ticket.type';\nimport { IEventProductForm } from '@utils/types/product.type';\nimport { fCurrency } from '@utils/formatNumber';\nimport useGlobal from '@hooks/useGlobal.ts';\n\ninterface Props {\n eventProduct: IEventProduct;\n eventId: number;\n openDialog: boolean;\n callback: (variants: IEventProductForm[]) => void;\n onClose?: () => void;\n selectedQuantityByVariant?: Record<number, number>;\n isOnlyMerchandise?: boolean;\n canAddOnlyOneAtATime?: boolean;\n}\n\nconst ProductVariantsDialog: React.FC<Props> = ({\n eventProduct,\n openDialog,\n onClose,\n callback,\n selectedQuantityByVariant,\n isOnlyMerchandise,\n eventId,\n canAddOnlyOneAtATime,\n}) => {\n const { t, lang, options } = useGlobal();\n const { showSnackbar } = useGlobal();\n const [draftQuantities, setDraftQuantities] = useState<Record<number, number>>({});\n const tickets: ITicketFormTicket[] = useWatch({ name: `tickets.${eventId}`, defaultValue: [] });\n const products: IEventProductForm[] = useWatch({ name: `products.${eventId}`, defaultValue: [] });\n\n useEffect(() => {\n if (openDialog) {\n const urlParams = new URLSearchParams(new URL(window.location.href).search);\n const elementId = urlParams.get('elementId');\n parent.postMessage({ type: 'eventlookFrameOpenDialog', name: elementId }, '*');\n }\n }, [openDialog]);\n\n useEffect(() => {\n if (openDialog) {\n setDraftQuantities(canAddOnlyOneAtATime ? {} : (selectedQuantityByVariant ?? {}));\n }\n }, [openDialog, selectedQuantityByVariant, canAddOnlyOneAtATime]);\n\n const handleOnAdd = () => {\n const selectedVariants = eventProduct.eventProductVariants\n .map((variant) => {\n const quantity = draftQuantities[variant.id] ?? 0;\n const selectedQty = selectedQuantityByVariant?.[variant.id] ?? 0;\n if (canAddOnlyOneAtATime) {\n if (quantity <= 0) return null;\n } else if (quantity <= 0 && selectedQty <= 0) {\n return null;\n }\n return {\n eventProductVariantId: variant.id,\n productVariantId: variant.productVariant.id,\n quantity,\n price: variant.priceWithVat,\n excludedShippingMethodIds: eventProduct.excludedShippingMethods.map(\n (method) => method.id\n ),\n } as IEventProductForm;\n })\n .filter((variant): variant is IEventProductForm => Boolean(variant));\n\n if (selectedVariants.length === 0) {\n showSnackbar(t('components.product_variant_dialog.select_variant'), { variant: 'error' });\n return;\n }\n\n callback(selectedVariants);\n setDraftQuantities({});\n onClose?.();\n };\n\n const getUsedCount = (variant: IEventProductVariant) => {\n let countUsed = 0;\n\n for (const product of products) {\n if (product.productVariantId === variant.productVariant.id) {\n countUsed += product.quantity;\n }\n }\n\n for (const ticket of tickets) {\n if (ticket.products) {\n for (const product of ticket.products) {\n if (product.productVariantId === variant.productVariant.id) {\n countUsed += product.quantity;\n }\n }\n }\n }\n return countUsed;\n };\n\n const getMaxAvailable = (variant: IEventProductVariant) => {\n if (!variant.productVariant.quantity) return Number.POSITIVE_INFINITY;\n return variant.productVariant.quantity - variant.productVariant.sold - getUsedCount(variant);\n };\n\n const isVariantDisabled = (variant: IEventProductVariant) => {\n if (!variant.productVariant.quantity) return false;\n return getMaxAvailable(variant) <= 0;\n };\n\n const handleAddQuantity = (variant: IEventProductVariant) => {\n setDraftQuantities((prev) => {\n const current = prev[variant.id] ?? 0;\n const next = current + 1;\n const maxAvailable = getMaxAvailable(variant);\n if (next > 10 || next > maxAvailable) return prev;\n if (canAddOnlyOneAtATime) {\n // Only allow one variant to be selected\n return { [variant.id]: 1 };\n }\n return { ...prev, [variant.id]: next };\n });\n };\n\n const handleRemoveQuantity = (variant: IEventProductVariant) => {\n setDraftQuantities((prev) => {\n const current = prev[variant.id] ?? 0;\n const next = current - 1;\n if (next <= 0) {\n const rest = { ...prev };\n delete rest[variant.id];\n return rest;\n }\n if (canAddOnlyOneAtATime) {\n // Remove the only variant\n return {};\n }\n return { ...prev, [variant.id]: next };\n });\n };\n\n const handleRemoveProduct = () => {\n const variantsToRemove = eventProduct.eventProductVariants\n .filter((variant) => (selectedQuantityByVariant?.[variant.id] ?? 0) > 0)\n .map(\n (variant) =>\n ({\n eventProductVariantId: variant.id,\n productVariantId: variant.productVariant.id,\n quantity: 0,\n price: variant.priceWithVat,\n excludedShippingMethodIds: eventProduct.excludedShippingMethods.map(\n (method) => method.id\n ),\n }) as IEventProductForm\n );\n\n if (variantsToRemove.length === 0) {\n return;\n }\n\n callback(variantsToRemove);\n setDraftQuantities({});\n onClose?.();\n };\n\n const hasSelectedVariants = eventProduct.eventProductVariants.some(\n (variant) => (selectedQuantityByVariant?.[variant.id] ?? 0) > 0\n );\n\n const variantsById = useMemo(\n () => new Map(eventProduct.eventProductVariants.map((variant) => [variant.id, variant])),\n [eventProduct.eventProductVariants]\n );\n\n const totalDraftPrice = useMemo(\n () =>\n Object.entries(draftQuantities).reduce((total, [variantId, qty]) => {\n const variant = variantsById.get(Number(variantId));\n if (!variant) return total;\n return total + variant.priceWithVat * qty;\n }, 0),\n [draftQuantities, variantsById]\n );\n\n const hasDraftSelection = useMemo(\n () =>\n eventProduct.eventProductVariants.some((variant) => (draftQuantities[variant.id] ?? 0) > 0),\n [eventProduct.eventProductVariants, draftQuantities]\n );\n\n return (\n <Dialog\n open={openDialog}\n onClose={() => onClose && onClose()}\n fullWidth\n sx={{\n mx: 'auto',\n width: {\n xs: '100%',\n sm: 'calc(100vh - 300px)',\n },\n minWidth: 300,\n maxWidth: 444,\n '& .MuiDialog-container': {\n height: options?.isIframe ? 'auto' : '100%',\n },\n }}\n >\n <DialogTitle\n sx={{ textAlign: 'center', fontWeight: 700, fontSize: { xs: '1.5rem', sm: '1.5rem' } }}\n >\n {eventProduct.product.name}\n </DialogTitle>\n <DialogContent sx={{ pb: 0 }}>\n <Stack spacing={1}>\n <Image\n src={eventProduct.product.previewImage.url}\n alt={eventProduct.product.name}\n ratio=\"16/9\"\n sx={{ borderRadius: 1 }}\n />\n <Typography variant=\"body2\" color=\"primary\">\n {t('form.labels.category')}: {eventProduct.product.category.value.text}\n </Typography>\n <Typography\n variant=\"caption\"\n dangerouslySetInnerHTML={{ __html: eventProduct.product.description }}\n />\n </Stack>\n </DialogContent>\n <DialogActions sx={{ justifyContent: 'flex-start' }}>\n <Stack spacing={1} width=\"100%\">\n <Stack spacing={1}>\n {eventProduct.eventProductVariants.map((variant) => {\n const draftQty = draftQuantities[variant.id] ?? 0;\n const maxAvailable = getMaxAvailable(variant);\n const isAddDisabled = isVariantDisabled(variant) || maxAvailable <= 0;\n const isAnotherSelected =\n canAddOnlyOneAtATime &&\n Object.keys(draftQuantities).length > 0 &&\n !draftQuantities[variant.id];\n return (\n <Stack\n key={variant.id}\n direction=\"row\"\n spacing={1}\n alignItems=\"center\"\n width=\"100%\"\n >\n <Box\n sx={{\n minWidth: 64,\n maxWidth: 64,\n height: 36,\n borderRadius: 1,\n border: 1,\n borderColor: 'divider',\n bgcolor: 'background.paper',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n }}\n >\n <Typography variant=\"body2\" fontWeight={600}>\n {variant.productVariant.value}\n </Typography>\n </Box>\n {draftQty > 0 ? (\n <Box\n sx={{\n flex: 1,\n display: 'grid',\n gridTemplateColumns: canAddOnlyOneAtATime\n ? 'repeat(2, minmax(0, 1fr))'\n : 'repeat(3, minmax(0, 1fr))',\n gap: 1,\n alignItems: 'center',\n }}\n >\n <Button\n variant=\"outlined\"\n onClick={() => handleRemoveQuantity(variant)}\n aria-label={t('components.product_variant_dialog.decrease_quantity')}\n disabled={draftQty < 1}\n sx={{\n minWidth: 0,\n height: 36,\n borderRadius: 1,\n fontWeight: 700,\n borderColor: 'grey.300',\n color: 'text.primary',\n }}\n >\n -\n </Button>\n <Typography\n sx={{\n minWidth: 0,\n height: 36,\n borderRadius: 1,\n border: 1,\n borderColor: 'divider',\n boxSizing: 'border-box',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n textAlign: 'center',\n fontWeight: 700,\n color: 'text.primary',\n }}\n >\n {draftQty}\n </Typography>\n {!canAddOnlyOneAtATime && (\n <Button\n variant=\"contained\"\n onClick={() => handleAddQuantity(variant)}\n aria-label={t('components.product_variant_dialog.increase_quantity')}\n disabled={draftQty >= 10 || draftQty >= maxAvailable}\n sx={{ minWidth: 0, height: 36, borderRadius: 1, fontWeight: 700 }}\n >\n +\n </Button>\n )}\n </Box>\n ) : (\n <Button\n variant=\"contained\"\n onClick={() => handleAddQuantity(variant)}\n disabled={isOnlyMerchandise ? false : isAddDisabled || isAnotherSelected}\n sx={{\n flex: 1,\n height: 36,\n borderRadius: 1,\n fontWeight: 700,\n textTransform: 'none',\n }}\n >\n {t('add')}\n </Button>\n )}\n\n <Typography variant=\"body2\">\n {variant.priceWithVat > 0\n ? fCurrency(variant.priceWithVat, lang, eventProduct.product.currency)\n : t('free')}\n </Typography>\n </Stack>\n );\n })}\n </Stack>\n <Stack\n direction=\"row\"\n spacing={1}\n justifyContent=\"space-between\"\n alignItems=\"center\"\n width=\"100%\"\n >\n <Typography variant=\"body2\">{t('form.labels.total')}</Typography>\n <Typography variant=\"body2\" fontWeight={600}>\n {fCurrency(totalDraftPrice, lang, eventProduct.product.currency)}\n </Typography>\n </Stack>\n <Stack direction=\"row\" spacing={1} justifyContent=\"flex-end\" width=\"100%\">\n {hasSelectedVariants && !canAddOnlyOneAtATime && (\n <Button variant=\"outlined\" color=\"error\" onClick={handleRemoveProduct}>\n {t('remove')}\n </Button>\n )}\n {onClose && (\n <Button\n onClick={onClose}\n sx={{\n border: 1,\n color: 'inherit',\n borderColor: (theme) => theme.palette.grey[300],\n }}\n >\n {t('cancel')}\n </Button>\n )}\n <Button variant=\"contained\" onClick={handleOnAdd} disabled={!hasDraftSelection}>\n {t('confirm')}\n </Button>\n </Stack>\n </Stack>\n </DialogActions>\n </Dialog>\n );\n};\n\nexport default ProductVariantsDialog;\n"],"names":["useGlobal","useState","useWatch","useEffect","useMemo","Dialog","DialogTitle","DialogContent","Stack","Image","Typography","DialogActions","Box","Button","fCurrency"],"mappings":";;;;;;;;;;;AA8BA,MAAM,qBAAqB,GAAoB,CAAC,EAC9C,YAAY,EACZ,UAAU,EACV,OAAO,EACP,QAAQ,EACR,yBAAyB,EACzB,iBAAiB,EACjB,OAAO,EACP,oBAAoB,GACrB,KAAI;IACH,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,GAAGA,iBAAS,EAAE;AACxC,IAAA,MAAM,EAAE,YAAY,EAAE,GAAGA,iBAAS,EAAE;IACpC,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAGC,cAAQ,CAAyB,EAAE,CAAC;AAClF,IAAA,MAAM,OAAO,GAAwBC,sBAAQ,CAAC,EAAE,IAAI,EAAE,CAAA,QAAA,EAAW,OAAO,CAAA,CAAE,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC;AAC/F,IAAA,MAAM,QAAQ,GAAwBA,sBAAQ,CAAC,EAAE,IAAI,EAAE,CAAA,SAAA,EAAY,OAAO,CAAA,CAAE,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC;IAEjGC,eAAS,CAAC,MAAK;QACb,IAAI,UAAU,EAAE;AACd,YAAA,MAAM,SAAS,GAAG,IAAI,eAAe,CAAC,IAAI,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC;YAC3E,MAAM,SAAS,GAAG,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC;AAC5C,YAAA,MAAM,CAAC,WAAW,CAAC,EAAE,IAAI,EAAE,0BAA0B,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,GAAG,CAAC;;AAElF,KAAC,EAAE,CAAC,UAAU,CAAC,CAAC;IAEhBA,eAAS,CAAC,MAAK;QACb,IAAI,UAAU,EAAE;AACd,YAAA,kBAAkB,CAAC,oBAAoB,GAAG,EAAE,IAAI,yBAAyB,IAAI,EAAE,CAAC,CAAC;;KAEpF,EAAE,CAAC,UAAU,EAAE,yBAAyB,EAAE,oBAAoB,CAAC,CAAC;IAEjE,MAAM,WAAW,GAAG,MAAK;AACvB,QAAA,MAAM,gBAAgB,GAAG,YAAY,CAAC;AACnC,aAAA,GAAG,CAAC,CAAC,OAAO,KAAI;YACf,MAAM,QAAQ,GAAG,eAAe,CAAC,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC;YACjD,MAAM,WAAW,GAAG,yBAAyB,GAAG,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC;YAChE,IAAI,oBAAoB,EAAE;gBACxB,IAAI,QAAQ,IAAI,CAAC;AAAE,oBAAA,OAAO,IAAI;;iBACzB,IAAI,QAAQ,IAAI,CAAC,IAAI,WAAW,IAAI,CAAC,EAAE;AAC5C,gBAAA,OAAO,IAAI;;YAEb,OAAO;gBACL,qBAAqB,EAAE,OAAO,CAAC,EAAE;AACjC,gBAAA,gBAAgB,EAAE,OAAO,CAAC,cAAc,CAAC,EAAE;gBAC3C,QAAQ;gBACR,KAAK,EAAE,OAAO,CAAC,YAAY;AAC3B,gBAAA,yBAAyB,EAAE,YAAY,CAAC,uBAAuB,CAAC,GAAG,CACjE,CAAC,MAAM,KAAK,MAAM,CAAC,EAAE,CACtB;aACmB;AACxB,SAAC;aACA,MAAM,CAAC,CAAC,OAAO,KAAmC,OAAO,CAAC,OAAO,CAAC,CAAC;AAEtE,QAAA,IAAI,gBAAgB,CAAC,MAAM,KAAK,CAAC,EAAE;AACjC,YAAA,YAAY,CAAC,CAAC,CAAC,kDAAkD,CAAC,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC;YACzF;;QAGF,QAAQ,CAAC,gBAAgB,CAAC;QAC1B,kBAAkB,CAAC,EAAE,CAAC;QACtB,OAAO,IAAI;AACb,KAAC;AAED,IAAA,MAAM,YAAY,GAAG,CAAC,OAA6B,KAAI;QACrD,IAAI,SAAS,GAAG,CAAC;AAEjB,QAAA,KAAK,MAAM,OAAO,IAAI,QAAQ,EAAE;YAC9B,IAAI,OAAO,CAAC,gBAAgB,KAAK,OAAO,CAAC,cAAc,CAAC,EAAE,EAAE;AAC1D,gBAAA,SAAS,IAAI,OAAO,CAAC,QAAQ;;;AAIjC,QAAA,KAAK,MAAM,MAAM,IAAI,OAAO,EAAE;AAC5B,YAAA,IAAI,MAAM,CAAC,QAAQ,EAAE;AACnB,gBAAA,KAAK,MAAM,OAAO,IAAI,MAAM,CAAC,QAAQ,EAAE;oBACrC,IAAI,OAAO,CAAC,gBAAgB,KAAK,OAAO,CAAC,cAAc,CAAC,EAAE,EAAE;AAC1D,wBAAA,SAAS,IAAI,OAAO,CAAC,QAAQ;;;;;AAKrC,QAAA,OAAO,SAAS;AAClB,KAAC;AAED,IAAA,MAAM,eAAe,GAAG,CAAC,OAA6B,KAAI;AACxD,QAAA,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,QAAQ;YAAE,OAAO,MAAM,CAAC,iBAAiB;AACrE,QAAA,OAAO,OAAO,CAAC,cAAc,CAAC,QAAQ,GAAG,OAAO,CAAC,cAAc,CAAC,IAAI,GAAG,YAAY,CAAC,OAAO,CAAC;AAC9F,KAAC;AAED,IAAA,MAAM,iBAAiB,GAAG,CAAC,OAA6B,KAAI;AAC1D,QAAA,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,QAAQ;AAAE,YAAA,OAAO,KAAK;AAClD,QAAA,OAAO,eAAe,CAAC,OAAO,CAAC,IAAI,CAAC;AACtC,KAAC;AAED,IAAA,MAAM,iBAAiB,GAAG,CAAC,OAA6B,KAAI;AAC1D,QAAA,kBAAkB,CAAC,CAAC,IAAI,KAAI;YAC1B,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC;AACrC,YAAA,MAAM,IAAI,GAAG,OAAO,GAAG,CAAC;AACxB,YAAA,MAAM,YAAY,GAAG,eAAe,CAAC,OAAO,CAAC;AAC7C,YAAA,IAAI,IAAI,GAAG,EAAE,IAAI,IAAI,GAAG,YAAY;AAAE,gBAAA,OAAO,IAAI;YACjD,IAAI,oBAAoB,EAAE;;gBAExB,OAAO,EAAE,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,EAAE;;AAE5B,YAAA,OAAO,EAAE,GAAG,IAAI,EAAE,CAAC,OAAO,CAAC,EAAE,GAAG,IAAI,EAAE;AACxC,SAAC,CAAC;AACJ,KAAC;AAED,IAAA,MAAM,oBAAoB,GAAG,CAAC,OAA6B,KAAI;AAC7D,QAAA,kBAAkB,CAAC,CAAC,IAAI,KAAI;YAC1B,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC;AACrC,YAAA,MAAM,IAAI,GAAG,OAAO,GAAG,CAAC;AACxB,YAAA,IAAI,IAAI,IAAI,CAAC,EAAE;AACb,gBAAA,MAAM,IAAI,GAAG,EAAE,GAAG,IAAI,EAAE;AACxB,gBAAA,OAAO,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;AACvB,gBAAA,OAAO,IAAI;;YAEb,IAAI,oBAAoB,EAAE;;AAExB,gBAAA,OAAO,EAAE;;AAEX,YAAA,OAAO,EAAE,GAAG,IAAI,EAAE,CAAC,OAAO,CAAC,EAAE,GAAG,IAAI,EAAE;AACxC,SAAC,CAAC;AACJ,KAAC;IAED,MAAM,mBAAmB,GAAG,MAAK;AAC/B,QAAA,MAAM,gBAAgB,GAAG,YAAY,CAAC;AACnC,aAAA,MAAM,CAAC,CAAC,OAAO,KAAK,CAAC,yBAAyB,GAAG,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC;AACtE,aAAA,GAAG,CACF,CAAC,OAAO,MACL;YACC,qBAAqB,EAAE,OAAO,CAAC,EAAE;AACjC,YAAA,gBAAgB,EAAE,OAAO,CAAC,cAAc,CAAC,EAAE;AAC3C,YAAA,QAAQ,EAAE,CAAC;YACX,KAAK,EAAE,OAAO,CAAC,YAAY;AAC3B,YAAA,yBAAyB,EAAE,YAAY,CAAC,uBAAuB,CAAC,GAAG,CACjE,CAAC,MAAM,KAAK,MAAM,CAAC,EAAE,CACtB;AACF,SAAA,CAAsB,CAC1B;AAEH,QAAA,IAAI,gBAAgB,CAAC,MAAM,KAAK,CAAC,EAAE;YACjC;;QAGF,QAAQ,CAAC,gBAAgB,CAAC;QAC1B,kBAAkB,CAAC,EAAE,CAAC;QACtB,OAAO,IAAI;AACb,KAAC;IAED,MAAM,mBAAmB,GAAG,YAAY,CAAC,oBAAoB,CAAC,IAAI,CAChE,CAAC,OAAO,KAAK,CAAC,yBAAyB,GAAG,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAChE;AAED,IAAA,MAAM,YAAY,GAAGC,aAAO,CAC1B,MAAM,IAAI,GAAG,CAAC,YAAY,CAAC,oBAAoB,CAAC,GAAG,CAAC,CAAC,OAAO,KAAK,CAAC,OAAO,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC,CAAC,EACxF,CAAC,YAAY,CAAC,oBAAoB,CAAC,CACpC;IAED,MAAM,eAAe,GAAGA,aAAO,CAC7B,MACE,MAAM,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,CAAC,SAAS,EAAE,GAAG,CAAC,KAAI;QACjE,MAAM,OAAO,GAAG,YAAY,CAAC,GAAG,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;AACnD,QAAA,IAAI,CAAC,OAAO;AAAE,YAAA,OAAO,KAAK;AAC1B,QAAA,OAAO,KAAK,GAAG,OAAO,CAAC,YAAY,GAAG,GAAG;KAC1C,EAAE,CAAC,CAAC,EACP,CAAC,eAAe,EAAE,YAAY,CAAC,CAChC;AAED,IAAA,MAAM,iBAAiB,GAAGA,aAAO,CAC/B,MACE,YAAY,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC,OAAO,KAAK,CAAC,eAAe,CAAC,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAC7F,CAAC,YAAY,CAAC,oBAAoB,EAAE,eAAe,CAAC,CACrD;IAED,QACE,oBAACC,eAAM,EAAA,EACL,IAAI,EAAE,UAAU,EAChB,OAAO,EAAE,MAAM,OAAO,IAAI,OAAO,EAAE,EACnC,SAAS,EAAA,IAAA,EACT,EAAE,EAAE;AACF,YAAA,EAAE,EAAE,MAAM;AACV,YAAA,KAAK,EAAE;AACL,gBAAA,EAAE,EAAE,MAAM;AACV,gBAAA,EAAE,EAAE,qBAAqB;AAC1B,aAAA;AACD,YAAA,QAAQ,EAAE,GAAG;AACb,YAAA,QAAQ,EAAE,GAAG;AACb,YAAA,wBAAwB,EAAE;gBACxB,MAAM,EAAE,OAAO,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM;AAC5C,aAAA;AACF,SAAA,EAAA;AAED,QAAA,KAAA,CAAA,aAAA,CAACC,oBAAW,EAAA,EACV,EAAE,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAA,EAErF,YAAY,CAAC,OAAO,CAAC,IAAI,CACd;QACd,KAAA,CAAA,aAAA,CAACC,sBAAa,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAA;AAC1B,YAAA,KAAA,CAAA,aAAA,CAACC,cAAK,EAAA,EAAC,OAAO,EAAE,CAAC,EAAA;AACf,gBAAA,KAAA,CAAA,aAAA,CAACC,aAAK,EAAA,EACJ,GAAG,EAAE,YAAY,CAAC,OAAO,CAAC,YAAY,CAAC,GAAG,EAC1C,GAAG,EAAE,YAAY,CAAC,OAAO,CAAC,IAAI,EAC9B,KAAK,EAAC,MAAM,EACZ,EAAE,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,EAAA,CACvB;gBACF,KAAA,CAAA,aAAA,CAACC,mBAAU,IAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,SAAS,EAAA;oBACxC,CAAC,CAAC,sBAAsB,CAAC;;oBAAI,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAC3D;AACb,gBAAA,KAAA,CAAA,aAAA,CAACA,mBAAU,EAAA,EACT,OAAO,EAAC,SAAS,EACjB,uBAAuB,EAAE,EAAE,MAAM,EAAE,YAAY,CAAC,OAAO,CAAC,WAAW,EAAE,EAAA,CACrE,CACI,CACM;QAChB,KAAA,CAAA,aAAA,CAACC,sBAAa,IAAC,EAAE,EAAE,EAAE,cAAc,EAAE,YAAY,EAAE,EAAA;YACjD,KAAA,CAAA,aAAA,CAACH,cAAK,IAAC,OAAO,EAAE,CAAC,EAAE,KAAK,EAAC,MAAM,EAAA;AAC7B,gBAAA,KAAA,CAAA,aAAA,CAACA,cAAK,EAAA,EAAC,OAAO,EAAE,CAAC,EAAA,EACd,YAAY,CAAC,oBAAoB,CAAC,GAAG,CAAC,CAAC,OAAO,KAAI;oBACjD,MAAM,QAAQ,GAAG,eAAe,CAAC,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC;AACjD,oBAAA,MAAM,YAAY,GAAG,eAAe,CAAC,OAAO,CAAC;oBAC7C,MAAM,aAAa,GAAG,iBAAiB,CAAC,OAAO,CAAC,IAAI,YAAY,IAAI,CAAC;oBACrE,MAAM,iBAAiB,GACrB,oBAAoB;wBACpB,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,MAAM,GAAG,CAAC;AACvC,wBAAA,CAAC,eAAe,CAAC,OAAO,CAAC,EAAE,CAAC;oBAC9B,QACE,KAAA,CAAA,aAAA,CAACA,cAAK,EAAA,EACJ,GAAG,EAAE,OAAO,CAAC,EAAE,EACf,SAAS,EAAC,KAAK,EACf,OAAO,EAAE,CAAC,EACV,UAAU,EAAC,QAAQ,EACnB,KAAK,EAAC,MAAM,EAAA;wBAEZ,KAAA,CAAA,aAAA,CAACI,YAAG,EAAA,EACF,EAAE,EAAE;AACF,gCAAA,QAAQ,EAAE,EAAE;AACZ,gCAAA,QAAQ,EAAE,EAAE;AACZ,gCAAA,MAAM,EAAE,EAAE;AACV,gCAAA,YAAY,EAAE,CAAC;AACf,gCAAA,MAAM,EAAE,CAAC;AACT,gCAAA,WAAW,EAAE,SAAS;AACtB,gCAAA,OAAO,EAAE,kBAAkB;AAC3B,gCAAA,OAAO,EAAE,MAAM;AACf,gCAAA,UAAU,EAAE,QAAQ;AACpB,gCAAA,cAAc,EAAE,QAAQ;AACzB,6BAAA,EAAA;AAED,4BAAA,KAAA,CAAA,aAAA,CAACF,mBAAU,EAAA,EAAC,OAAO,EAAC,OAAO,EAAC,UAAU,EAAE,GAAG,EAAA,EACxC,OAAO,CAAC,cAAc,CAAC,KAAK,CAClB,CACT;wBACL,QAAQ,GAAG,CAAC,IACX,KAAA,CAAA,aAAA,CAACE,YAAG,EAAA,EACF,EAAE,EAAE;AACF,gCAAA,IAAI,EAAE,CAAC;AACP,gCAAA,OAAO,EAAE,MAAM;AACf,gCAAA,mBAAmB,EAAE;AACnB,sCAAE;AACF,sCAAE,2BAA2B;AAC/B,gCAAA,GAAG,EAAE,CAAC;AACN,gCAAA,UAAU,EAAE,QAAQ;AACrB,6BAAA,EAAA;AAED,4BAAA,KAAA,CAAA,aAAA,CAACC,eAAM,EAAA,EACL,OAAO,EAAC,UAAU,EAClB,OAAO,EAAE,MAAM,oBAAoB,CAAC,OAAO,CAAC,EAAA,YAAA,EAChC,CAAC,CAAC,qDAAqD,CAAC,EACpE,QAAQ,EAAE,QAAQ,GAAG,CAAC,EACtB,EAAE,EAAE;AACF,oCAAA,QAAQ,EAAE,CAAC;AACX,oCAAA,MAAM,EAAE,EAAE;AACV,oCAAA,YAAY,EAAE,CAAC;AACf,oCAAA,UAAU,EAAE,GAAG;AACf,oCAAA,WAAW,EAAE,UAAU;AACvB,oCAAA,KAAK,EAAE,cAAc;iCACtB,EAAA,EAAA,GAAA,CAGM;4BACT,KAAA,CAAA,aAAA,CAACH,mBAAU,EAAA,EACT,EAAE,EAAE;AACF,oCAAA,QAAQ,EAAE,CAAC;AACX,oCAAA,MAAM,EAAE,EAAE;AACV,oCAAA,YAAY,EAAE,CAAC;AACf,oCAAA,MAAM,EAAE,CAAC;AACT,oCAAA,WAAW,EAAE,SAAS;AACtB,oCAAA,SAAS,EAAE,YAAY;AACvB,oCAAA,OAAO,EAAE,MAAM;AACf,oCAAA,UAAU,EAAE,QAAQ;AACpB,oCAAA,cAAc,EAAE,QAAQ;AACxB,oCAAA,SAAS,EAAE,QAAQ;AACnB,oCAAA,UAAU,EAAE,GAAG;AACf,oCAAA,KAAK,EAAE,cAAc;AACtB,iCAAA,EAAA,EAEA,QAAQ,CACE;4BACZ,CAAC,oBAAoB,KACpB,KAAA,CAAA,aAAA,CAACG,eAAM,EAAA,EACL,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,MAAM,iBAAiB,CAAC,OAAO,CAAC,gBAC7B,CAAC,CAAC,qDAAqD,CAAC,EACpE,QAAQ,EAAE,QAAQ,IAAI,EAAE,IAAI,QAAQ,IAAI,YAAY,EACpD,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,UAAU,EAAE,GAAG,EAAE,EAAA,EAAA,GAAA,CAG1D,CACV,CACG,KAEN,oBAACA,eAAM,EAAA,EACL,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,MAAM,iBAAiB,CAAC,OAAO,CAAC,EACzC,QAAQ,EAAE,iBAAiB,GAAG,KAAK,GAAG,aAAa,IAAI,iBAAiB,EACxE,EAAE,EAAE;AACF,gCAAA,IAAI,EAAE,CAAC;AACP,gCAAA,MAAM,EAAE,EAAE;AACV,gCAAA,YAAY,EAAE,CAAC;AACf,gCAAA,UAAU,EAAE,GAAG;AACf,gCAAA,aAAa,EAAE,MAAM;AACtB,6BAAA,EAAA,EAEA,CAAC,CAAC,KAAK,CAAC,CACF,CACV;wBAED,KAAA,CAAA,aAAA,CAACH,mBAAU,EAAA,EAAC,OAAO,EAAC,OAAO,IACxB,OAAO,CAAC,YAAY,GAAG;AACtB,8BAAEI,sBAAS,CAAC,OAAO,CAAC,YAAY,EAAE,IAAI,EAAE,YAAY,CAAC,OAAO,CAAC,QAAQ;8BACnE,CAAC,CAAC,MAAM,CAAC,CACF,CACP;AAEZ,iBAAC,CAAC,CACI;gBACR,KAAA,CAAA,aAAA,CAACN,cAAK,IACJ,SAAS,EAAC,KAAK,EACf,OAAO,EAAE,CAAC,EACV,cAAc,EAAC,eAAe,EAC9B,UAAU,EAAC,QAAQ,EACnB,KAAK,EAAC,MAAM,EAAA;oBAEZ,KAAA,CAAA,aAAA,CAACE,mBAAU,EAAA,EAAC,OAAO,EAAC,OAAO,IAAE,CAAC,CAAC,mBAAmB,CAAC,CAAc;oBACjE,KAAA,CAAA,aAAA,CAACA,mBAAU,IAAC,OAAO,EAAC,OAAO,EAAC,UAAU,EAAE,GAAG,EAAA,EACxCI,sBAAS,CAAC,eAAe,EAAE,IAAI,EAAE,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,CACrD,CACP;AACR,gBAAA,KAAA,CAAA,aAAA,CAACN,cAAK,EAAA,EAAC,SAAS,EAAC,KAAK,EAAC,OAAO,EAAE,CAAC,EAAE,cAAc,EAAC,UAAU,EAAC,KAAK,EAAC,MAAM,EAAA;oBACtE,mBAAmB,IAAI,CAAC,oBAAoB,KAC3C,oBAACK,eAAM,EAAA,EAAC,OAAO,EAAC,UAAU,EAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,mBAAmB,EAAA,EAClE,CAAC,CAAC,QAAQ,CAAC,CACL,CACV;oBACA,OAAO,KACN,KAAA,CAAA,aAAA,CAACA,eAAM,EAAA,EACL,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE;AACF,4BAAA,MAAM,EAAE,CAAC;AACT,4BAAA,KAAK,EAAE,SAAS;AAChB,4BAAA,WAAW,EAAE,CAAC,KAAK,KAAK,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAChD,yBAAA,EAAA,EAEA,CAAC,CAAC,QAAQ,CAAC,CACL,CACV;oBACD,KAAA,CAAA,aAAA,CAACA,eAAM,EAAA,EAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,iBAAiB,EAAA,EAC3E,CAAC,CAAC,SAAS,CAAC,CACN,CACH,CACF,CACM,CACT;AAEb;;;;"}
|
|
1
|
+
{"version":3,"file":"ProductVariantsDialog.js","sources":["../../../../src/form/product/ProductVariantsDialog.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport {\n Box,\n Button,\n Dialog,\n DialogActions,\n DialogContent,\n DialogTitle,\n Stack,\n Typography,\n} from '@mui/material';\nimport { IEventProduct, IEventProductVariant } from '@utils/types/event-product.type';\nimport Image from '@components/Image';\nimport { useWatch } from 'react-hook-form';\nimport { ITicketFormTicket } from '@utils/types/ticket.type';\nimport { IEventProductForm } from '@utils/types/product.type';\nimport { fCurrency } from '@utils/formatNumber';\nimport { MAX_TICKETS_PER_ORDER } from '@utils/data/ticket';\nimport useGlobal from '@hooks/useGlobal.ts';\n\ninterface Props {\n eventProduct: IEventProduct;\n eventId: number;\n openDialog: boolean;\n callback: (variants: IEventProductForm[]) => void;\n onClose?: () => void;\n selectedQuantityByVariant?: Record<number, number>;\n isOnlyMerchandise?: boolean;\n canAddOnlyOneAtATime?: boolean;\n maxSelectableQuantity?: number;\n}\n\nconst ProductVariantsDialog: React.FC<Props> = ({\n eventProduct,\n openDialog,\n onClose,\n callback,\n selectedQuantityByVariant,\n isOnlyMerchandise,\n eventId,\n canAddOnlyOneAtATime,\n maxSelectableQuantity,\n}) => {\n const { t, lang, options } = useGlobal();\n const { showSnackbar } = useGlobal();\n const [draftQuantities, setDraftQuantities] = useState<Record<number, number>>({});\n const tickets: ITicketFormTicket[] = useWatch({ name: `tickets.${eventId}`, defaultValue: [] });\n const products: IEventProductForm[] = useWatch({ name: `products.${eventId}`, defaultValue: [] });\n\n useEffect(() => {\n if (openDialog) {\n const urlParams = new URLSearchParams(new URL(window.location.href).search);\n const elementId = urlParams.get('elementId');\n parent.postMessage({ type: 'eventlookFrameOpenDialog', name: elementId }, '*');\n }\n }, [openDialog]);\n\n useEffect(() => {\n if (openDialog && canAddOnlyOneAtATime) {\n setDraftQuantities({});\n }\n }, [openDialog, canAddOnlyOneAtATime]);\n\n useEffect(() => {\n if (openDialog && !canAddOnlyOneAtATime) {\n setDraftQuantities(selectedQuantityByVariant ?? {});\n }\n }, [openDialog, selectedQuantityByVariant, canAddOnlyOneAtATime]);\n\n const handleOnAdd = () => {\n const selectedVariants = eventProduct.eventProductVariants\n .map((variant) => {\n const quantity = draftQuantities[variant.id] ?? 0;\n const selectedQty = selectedQuantityByVariant?.[variant.id] ?? 0;\n if (canAddOnlyOneAtATime) {\n if (quantity <= 0) return null;\n } else if (quantity <= 0 && selectedQty <= 0) {\n return null;\n }\n return {\n eventProductVariantId: variant.id,\n productVariantId: variant.productVariant.id,\n quantity,\n price: variant.priceWithVat,\n excludedShippingMethodIds: eventProduct.excludedShippingMethods.map(\n (method) => method.id\n ),\n } as IEventProductForm;\n })\n .filter((variant): variant is IEventProductForm => Boolean(variant));\n\n if (selectedVariants.length === 0) {\n showSnackbar(t('components.product_variant_dialog.select_variant'), { variant: 'error' });\n return;\n }\n\n callback(selectedVariants);\n setDraftQuantities({});\n onClose?.();\n };\n\n const getUsedCount = (variant: IEventProductVariant) => {\n let countUsed = 0;\n\n for (const product of products) {\n if (product.productVariantId === variant.productVariant.id) {\n countUsed += product.quantity;\n }\n }\n\n for (const ticket of tickets) {\n if (ticket.products) {\n for (const product of ticket.products) {\n if (product.productVariantId === variant.productVariant.id) {\n countUsed += product.quantity;\n }\n }\n }\n }\n return countUsed;\n };\n\n const getMaxAvailable = (variant: IEventProductVariant) => {\n if (!variant.productVariant.quantity) return Number.POSITIVE_INFINITY;\n return variant.productVariant.quantity - variant.productVariant.sold - getUsedCount(variant);\n };\n\n const isVariantDisabled = (variant: IEventProductVariant) => {\n if (!variant.productVariant.quantity) return false;\n return getMaxAvailable(variant) <= 0;\n };\n\n const handleAddQuantity = (variant: IEventProductVariant) => {\n setDraftQuantities((prev) => {\n const current = prev[variant.id] ?? 0;\n const next = current + 1;\n const maxAvailable = getMaxAvailable(variant);\n\n if (canAddOnlyOneAtATime) {\n if (maxAvailable < 1) return prev;\n return { [variant.id]: 1 };\n }\n\n const maxSelectable =\n maxSelectableQuantity === undefined\n ? MAX_TICKETS_PER_ORDER\n : Math.max(0, Math.min(maxSelectableQuantity, MAX_TICKETS_PER_ORDER));\n\n if (next > maxSelectable || next > maxAvailable) return prev;\n return { ...prev, [variant.id]: next };\n });\n };\n\n const handleRemoveQuantity = (variant: IEventProductVariant) => {\n setDraftQuantities((prev) => {\n const current = prev[variant.id] ?? 0;\n const next = current - 1;\n if (next <= 0) {\n const rest = { ...prev };\n delete rest[variant.id];\n return rest;\n }\n if (canAddOnlyOneAtATime) {\n // Remove the only variant\n return {};\n }\n return { ...prev, [variant.id]: next };\n });\n };\n\n const handleRemoveProduct = () => {\n const variantsToRemove = eventProduct.eventProductVariants\n .filter((variant) => (selectedQuantityByVariant?.[variant.id] ?? 0) > 0)\n .map(\n (variant) =>\n ({\n eventProductVariantId: variant.id,\n productVariantId: variant.productVariant.id,\n quantity: 0,\n price: variant.priceWithVat,\n excludedShippingMethodIds: eventProduct.excludedShippingMethods.map(\n (method) => method.id\n ),\n }) as IEventProductForm\n );\n\n if (variantsToRemove.length === 0) {\n return;\n }\n\n callback(variantsToRemove);\n setDraftQuantities({});\n onClose?.();\n };\n\n const hasSelectedVariants = eventProduct.eventProductVariants.some(\n (variant) => (selectedQuantityByVariant?.[variant.id] ?? 0) > 0\n );\n\n const variantsById = useMemo(\n () => new Map(eventProduct.eventProductVariants.map((variant) => [variant.id, variant])),\n [eventProduct.eventProductVariants]\n );\n\n const totalDraftPrice = useMemo(\n () =>\n Object.entries(draftQuantities).reduce((total, [variantId, qty]) => {\n const variant = variantsById.get(Number(variantId));\n if (!variant) return total;\n return total + variant.priceWithVat * qty;\n }, 0),\n [draftQuantities, variantsById]\n );\n\n const hasDraftSelection = useMemo(\n () =>\n eventProduct.eventProductVariants.some((variant) => (draftQuantities[variant.id] ?? 0) > 0),\n [eventProduct.eventProductVariants, draftQuantities]\n );\n\n return (\n <Dialog\n open={openDialog}\n onClose={() => onClose && onClose()}\n fullWidth\n sx={{\n mx: 'auto',\n width: {\n xs: '100%',\n sm: 'calc(100vh - 300px)',\n },\n minWidth: 300,\n maxWidth: 444,\n '& .MuiDialog-container': {\n height: options?.isIframe ? 'auto' : '100%',\n },\n }}\n >\n <DialogTitle\n sx={{ textAlign: 'center', fontWeight: 700, fontSize: { xs: '1.5rem', sm: '1.5rem' } }}\n >\n {eventProduct.product.name}\n </DialogTitle>\n <DialogContent sx={{ pb: 0 }}>\n <Stack spacing={1}>\n <Image\n src={eventProduct.product.previewImage.url}\n alt={eventProduct.product.name}\n ratio=\"16/9\"\n sx={{ borderRadius: 1 }}\n />\n <Typography variant=\"body2\" color=\"primary\">\n {t('form.labels.category')}: {eventProduct.product.category.value.text}\n </Typography>\n <Typography\n variant=\"caption\"\n dangerouslySetInnerHTML={{ __html: eventProduct.product.description }}\n />\n </Stack>\n </DialogContent>\n <DialogActions sx={{ justifyContent: 'flex-start' }}>\n <Stack spacing={1} width=\"100%\">\n <Stack spacing={1}>\n {eventProduct.eventProductVariants.map((variant) => {\n const draftQty = draftQuantities[variant.id] ?? 0;\n const maxAvailable = getMaxAvailable(variant);\n const maxSelectable =\n maxSelectableQuantity === undefined\n ? MAX_TICKETS_PER_ORDER\n : Math.max(0, Math.min(maxSelectableQuantity, MAX_TICKETS_PER_ORDER));\n const isAddDisabled =\n isVariantDisabled(variant) ||\n maxAvailable <= 0 ||\n (!canAddOnlyOneAtATime && maxSelectable <= 0);\n const isAnotherSelected =\n canAddOnlyOneAtATime &&\n Object.keys(draftQuantities).length > 0 &&\n !draftQuantities[variant.id];\n return (\n <Stack\n key={variant.id}\n direction=\"row\"\n spacing={1}\n alignItems=\"center\"\n width=\"100%\"\n >\n <Box\n sx={{\n minWidth: 64,\n maxWidth: 64,\n height: 36,\n borderRadius: 1,\n border: 1,\n borderColor: 'divider',\n bgcolor: 'background.paper',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n }}\n >\n <Typography variant=\"body2\" fontWeight={600}>\n {variant.productVariant.value}\n </Typography>\n </Box>\n {draftQty > 0 ? (\n <Box\n sx={{\n flex: 1,\n display: 'grid',\n gridTemplateColumns: canAddOnlyOneAtATime\n ? 'repeat(2, minmax(0, 1fr))'\n : 'repeat(3, minmax(0, 1fr))',\n gap: 1,\n alignItems: 'center',\n }}\n >\n <Button\n variant=\"outlined\"\n onClick={() => handleRemoveQuantity(variant)}\n aria-label={t('components.product_variant_dialog.decrease_quantity')}\n disabled={draftQty < 1}\n sx={{\n minWidth: 0,\n height: 36,\n borderRadius: 1,\n fontWeight: 700,\n borderColor: 'grey.300',\n color: 'text.primary',\n }}\n >\n -\n </Button>\n <Typography\n sx={{\n minWidth: 0,\n height: 36,\n borderRadius: 1,\n border: 1,\n borderColor: 'divider',\n boxSizing: 'border-box',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n textAlign: 'center',\n fontWeight: 700,\n color: 'text.primary',\n }}\n >\n {draftQty}\n </Typography>\n {!canAddOnlyOneAtATime && (\n <Button\n variant=\"contained\"\n onClick={() => handleAddQuantity(variant)}\n aria-label={t('components.product_variant_dialog.increase_quantity')}\n disabled={draftQty >= maxSelectable || draftQty >= maxAvailable}\n sx={{ minWidth: 0, height: 36, borderRadius: 1, fontWeight: 700 }}\n >\n +\n </Button>\n )}\n </Box>\n ) : (\n <Button\n variant=\"contained\"\n onClick={() => handleAddQuantity(variant)}\n disabled={isOnlyMerchandise ? false : isAddDisabled || isAnotherSelected}\n sx={{\n flex: 1,\n height: 36,\n borderRadius: 1,\n fontWeight: 700,\n textTransform: 'none',\n }}\n >\n {t('add')}\n </Button>\n )}\n\n <Typography variant=\"body2\">\n {variant.priceWithVat > 0\n ? fCurrency(variant.priceWithVat, lang, eventProduct.product.currency)\n : t('free')}\n </Typography>\n </Stack>\n );\n })}\n </Stack>\n <Stack\n direction=\"row\"\n spacing={1}\n justifyContent=\"space-between\"\n alignItems=\"center\"\n width=\"100%\"\n >\n <Typography variant=\"body2\">{t('form.labels.total')}</Typography>\n <Typography variant=\"body2\" fontWeight={600}>\n {fCurrency(totalDraftPrice, lang, eventProduct.product.currency)}\n </Typography>\n </Stack>\n <Stack direction=\"row\" spacing={1} justifyContent=\"flex-end\" width=\"100%\">\n {hasSelectedVariants && !canAddOnlyOneAtATime && (\n <Button variant=\"outlined\" color=\"error\" onClick={handleRemoveProduct}>\n {t('remove')}\n </Button>\n )}\n {onClose && (\n <Button\n onClick={onClose}\n sx={{\n border: 1,\n color: 'inherit',\n borderColor: (theme) => theme.palette.grey[300],\n }}\n >\n {t('cancel')}\n </Button>\n )}\n <Button variant=\"contained\" onClick={handleOnAdd} disabled={!hasDraftSelection}>\n {t('confirm')}\n </Button>\n </Stack>\n </Stack>\n </DialogActions>\n </Dialog>\n );\n};\n\nexport default ProductVariantsDialog;\n"],"names":["useGlobal","useState","useWatch","useEffect","MAX_TICKETS_PER_ORDER","useMemo","Dialog","DialogTitle","DialogContent","Stack","Image","Typography","DialogActions","Box","Button","fCurrency"],"mappings":";;;;;;;;;;;;AAgCA,MAAM,qBAAqB,GAAoB,CAAC,EAC9C,YAAY,EACZ,UAAU,EACV,OAAO,EACP,QAAQ,EACR,yBAAyB,EACzB,iBAAiB,EACjB,OAAO,EACP,oBAAoB,EACpB,qBAAqB,GACtB,KAAI;IACH,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,GAAGA,iBAAS,EAAE;AACxC,IAAA,MAAM,EAAE,YAAY,EAAE,GAAGA,iBAAS,EAAE;IACpC,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAGC,cAAQ,CAAyB,EAAE,CAAC;AAClF,IAAA,MAAM,OAAO,GAAwBC,sBAAQ,CAAC,EAAE,IAAI,EAAE,CAAA,QAAA,EAAW,OAAO,CAAA,CAAE,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC;AAC/F,IAAA,MAAM,QAAQ,GAAwBA,sBAAQ,CAAC,EAAE,IAAI,EAAE,CAAA,SAAA,EAAY,OAAO,CAAA,CAAE,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC;IAEjGC,eAAS,CAAC,MAAK;QACb,IAAI,UAAU,EAAE;AACd,YAAA,MAAM,SAAS,GAAG,IAAI,eAAe,CAAC,IAAI,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC;YAC3E,MAAM,SAAS,GAAG,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC;AAC5C,YAAA,MAAM,CAAC,WAAW,CAAC,EAAE,IAAI,EAAE,0BAA0B,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,GAAG,CAAC;;AAElF,KAAC,EAAE,CAAC,UAAU,CAAC,CAAC;IAEhBA,eAAS,CAAC,MAAK;AACb,QAAA,IAAI,UAAU,IAAI,oBAAoB,EAAE;YACtC,kBAAkB,CAAC,EAAE,CAAC;;AAE1B,KAAC,EAAE,CAAC,UAAU,EAAE,oBAAoB,CAAC,CAAC;IAEtCA,eAAS,CAAC,MAAK;AACb,QAAA,IAAI,UAAU,IAAI,CAAC,oBAAoB,EAAE;AACvC,YAAA,kBAAkB,CAAC,yBAAyB,IAAI,EAAE,CAAC;;KAEtD,EAAE,CAAC,UAAU,EAAE,yBAAyB,EAAE,oBAAoB,CAAC,CAAC;IAEjE,MAAM,WAAW,GAAG,MAAK;AACvB,QAAA,MAAM,gBAAgB,GAAG,YAAY,CAAC;AACnC,aAAA,GAAG,CAAC,CAAC,OAAO,KAAI;YACf,MAAM,QAAQ,GAAG,eAAe,CAAC,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC;YACjD,MAAM,WAAW,GAAG,yBAAyB,GAAG,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC;YAChE,IAAI,oBAAoB,EAAE;gBACxB,IAAI,QAAQ,IAAI,CAAC;AAAE,oBAAA,OAAO,IAAI;;iBACzB,IAAI,QAAQ,IAAI,CAAC,IAAI,WAAW,IAAI,CAAC,EAAE;AAC5C,gBAAA,OAAO,IAAI;;YAEb,OAAO;gBACL,qBAAqB,EAAE,OAAO,CAAC,EAAE;AACjC,gBAAA,gBAAgB,EAAE,OAAO,CAAC,cAAc,CAAC,EAAE;gBAC3C,QAAQ;gBACR,KAAK,EAAE,OAAO,CAAC,YAAY;AAC3B,gBAAA,yBAAyB,EAAE,YAAY,CAAC,uBAAuB,CAAC,GAAG,CACjE,CAAC,MAAM,KAAK,MAAM,CAAC,EAAE,CACtB;aACmB;AACxB,SAAC;aACA,MAAM,CAAC,CAAC,OAAO,KAAmC,OAAO,CAAC,OAAO,CAAC,CAAC;AAEtE,QAAA,IAAI,gBAAgB,CAAC,MAAM,KAAK,CAAC,EAAE;AACjC,YAAA,YAAY,CAAC,CAAC,CAAC,kDAAkD,CAAC,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC;YACzF;;QAGF,QAAQ,CAAC,gBAAgB,CAAC;QAC1B,kBAAkB,CAAC,EAAE,CAAC;QACtB,OAAO,IAAI;AACb,KAAC;AAED,IAAA,MAAM,YAAY,GAAG,CAAC,OAA6B,KAAI;QACrD,IAAI,SAAS,GAAG,CAAC;AAEjB,QAAA,KAAK,MAAM,OAAO,IAAI,QAAQ,EAAE;YAC9B,IAAI,OAAO,CAAC,gBAAgB,KAAK,OAAO,CAAC,cAAc,CAAC,EAAE,EAAE;AAC1D,gBAAA,SAAS,IAAI,OAAO,CAAC,QAAQ;;;AAIjC,QAAA,KAAK,MAAM,MAAM,IAAI,OAAO,EAAE;AAC5B,YAAA,IAAI,MAAM,CAAC,QAAQ,EAAE;AACnB,gBAAA,KAAK,MAAM,OAAO,IAAI,MAAM,CAAC,QAAQ,EAAE;oBACrC,IAAI,OAAO,CAAC,gBAAgB,KAAK,OAAO,CAAC,cAAc,CAAC,EAAE,EAAE;AAC1D,wBAAA,SAAS,IAAI,OAAO,CAAC,QAAQ;;;;;AAKrC,QAAA,OAAO,SAAS;AAClB,KAAC;AAED,IAAA,MAAM,eAAe,GAAG,CAAC,OAA6B,KAAI;AACxD,QAAA,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,QAAQ;YAAE,OAAO,MAAM,CAAC,iBAAiB;AACrE,QAAA,OAAO,OAAO,CAAC,cAAc,CAAC,QAAQ,GAAG,OAAO,CAAC,cAAc,CAAC,IAAI,GAAG,YAAY,CAAC,OAAO,CAAC;AAC9F,KAAC;AAED,IAAA,MAAM,iBAAiB,GAAG,CAAC,OAA6B,KAAI;AAC1D,QAAA,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,QAAQ;AAAE,YAAA,OAAO,KAAK;AAClD,QAAA,OAAO,eAAe,CAAC,OAAO,CAAC,IAAI,CAAC;AACtC,KAAC;AAED,IAAA,MAAM,iBAAiB,GAAG,CAAC,OAA6B,KAAI;AAC1D,QAAA,kBAAkB,CAAC,CAAC,IAAI,KAAI;YAC1B,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC;AACrC,YAAA,MAAM,IAAI,GAAG,OAAO,GAAG,CAAC;AACxB,YAAA,MAAM,YAAY,GAAG,eAAe,CAAC,OAAO,CAAC;YAE7C,IAAI,oBAAoB,EAAE;gBACxB,IAAI,YAAY,GAAG,CAAC;AAAE,oBAAA,OAAO,IAAI;gBACjC,OAAO,EAAE,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,EAAE;;AAG5B,YAAA,MAAM,aAAa,GACjB,qBAAqB,KAAK;AACxB,kBAAEC;AACF,kBAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,qBAAqB,EAAEA,4BAAqB,CAAC,CAAC;AAEzE,YAAA,IAAI,IAAI,GAAG,aAAa,IAAI,IAAI,GAAG,YAAY;AAAE,gBAAA,OAAO,IAAI;AAC5D,YAAA,OAAO,EAAE,GAAG,IAAI,EAAE,CAAC,OAAO,CAAC,EAAE,GAAG,IAAI,EAAE;AACxC,SAAC,CAAC;AACJ,KAAC;AAED,IAAA,MAAM,oBAAoB,GAAG,CAAC,OAA6B,KAAI;AAC7D,QAAA,kBAAkB,CAAC,CAAC,IAAI,KAAI;YAC1B,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC;AACrC,YAAA,MAAM,IAAI,GAAG,OAAO,GAAG,CAAC;AACxB,YAAA,IAAI,IAAI,IAAI,CAAC,EAAE;AACb,gBAAA,MAAM,IAAI,GAAG,EAAE,GAAG,IAAI,EAAE;AACxB,gBAAA,OAAO,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;AACvB,gBAAA,OAAO,IAAI;;YAEb,IAAI,oBAAoB,EAAE;;AAExB,gBAAA,OAAO,EAAE;;AAEX,YAAA,OAAO,EAAE,GAAG,IAAI,EAAE,CAAC,OAAO,CAAC,EAAE,GAAG,IAAI,EAAE;AACxC,SAAC,CAAC;AACJ,KAAC;IAED,MAAM,mBAAmB,GAAG,MAAK;AAC/B,QAAA,MAAM,gBAAgB,GAAG,YAAY,CAAC;AACnC,aAAA,MAAM,CAAC,CAAC,OAAO,KAAK,CAAC,yBAAyB,GAAG,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC;AACtE,aAAA,GAAG,CACF,CAAC,OAAO,MACL;YACC,qBAAqB,EAAE,OAAO,CAAC,EAAE;AACjC,YAAA,gBAAgB,EAAE,OAAO,CAAC,cAAc,CAAC,EAAE;AAC3C,YAAA,QAAQ,EAAE,CAAC;YACX,KAAK,EAAE,OAAO,CAAC,YAAY;AAC3B,YAAA,yBAAyB,EAAE,YAAY,CAAC,uBAAuB,CAAC,GAAG,CACjE,CAAC,MAAM,KAAK,MAAM,CAAC,EAAE,CACtB;AACF,SAAA,CAAsB,CAC1B;AAEH,QAAA,IAAI,gBAAgB,CAAC,MAAM,KAAK,CAAC,EAAE;YACjC;;QAGF,QAAQ,CAAC,gBAAgB,CAAC;QAC1B,kBAAkB,CAAC,EAAE,CAAC;QACtB,OAAO,IAAI;AACb,KAAC;IAED,MAAM,mBAAmB,GAAG,YAAY,CAAC,oBAAoB,CAAC,IAAI,CAChE,CAAC,OAAO,KAAK,CAAC,yBAAyB,GAAG,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAChE;AAED,IAAA,MAAM,YAAY,GAAGC,aAAO,CAC1B,MAAM,IAAI,GAAG,CAAC,YAAY,CAAC,oBAAoB,CAAC,GAAG,CAAC,CAAC,OAAO,KAAK,CAAC,OAAO,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC,CAAC,EACxF,CAAC,YAAY,CAAC,oBAAoB,CAAC,CACpC;IAED,MAAM,eAAe,GAAGA,aAAO,CAC7B,MACE,MAAM,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,CAAC,SAAS,EAAE,GAAG,CAAC,KAAI;QACjE,MAAM,OAAO,GAAG,YAAY,CAAC,GAAG,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;AACnD,QAAA,IAAI,CAAC,OAAO;AAAE,YAAA,OAAO,KAAK;AAC1B,QAAA,OAAO,KAAK,GAAG,OAAO,CAAC,YAAY,GAAG,GAAG;KAC1C,EAAE,CAAC,CAAC,EACP,CAAC,eAAe,EAAE,YAAY,CAAC,CAChC;AAED,IAAA,MAAM,iBAAiB,GAAGA,aAAO,CAC/B,MACE,YAAY,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC,OAAO,KAAK,CAAC,eAAe,CAAC,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAC7F,CAAC,YAAY,CAAC,oBAAoB,EAAE,eAAe,CAAC,CACrD;IAED,QACE,oBAACC,eAAM,EAAA,EACL,IAAI,EAAE,UAAU,EAChB,OAAO,EAAE,MAAM,OAAO,IAAI,OAAO,EAAE,EACnC,SAAS,EAAA,IAAA,EACT,EAAE,EAAE;AACF,YAAA,EAAE,EAAE,MAAM;AACV,YAAA,KAAK,EAAE;AACL,gBAAA,EAAE,EAAE,MAAM;AACV,gBAAA,EAAE,EAAE,qBAAqB;AAC1B,aAAA;AACD,YAAA,QAAQ,EAAE,GAAG;AACb,YAAA,QAAQ,EAAE,GAAG;AACb,YAAA,wBAAwB,EAAE;gBACxB,MAAM,EAAE,OAAO,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM;AAC5C,aAAA;AACF,SAAA,EAAA;AAED,QAAA,KAAA,CAAA,aAAA,CAACC,oBAAW,EAAA,EACV,EAAE,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAA,EAErF,YAAY,CAAC,OAAO,CAAC,IAAI,CACd;QACd,KAAA,CAAA,aAAA,CAACC,sBAAa,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAA;AAC1B,YAAA,KAAA,CAAA,aAAA,CAACC,cAAK,EAAA,EAAC,OAAO,EAAE,CAAC,EAAA;AACf,gBAAA,KAAA,CAAA,aAAA,CAACC,aAAK,EAAA,EACJ,GAAG,EAAE,YAAY,CAAC,OAAO,CAAC,YAAY,CAAC,GAAG,EAC1C,GAAG,EAAE,YAAY,CAAC,OAAO,CAAC,IAAI,EAC9B,KAAK,EAAC,MAAM,EACZ,EAAE,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,EAAA,CACvB;gBACF,KAAA,CAAA,aAAA,CAACC,mBAAU,IAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,SAAS,EAAA;oBACxC,CAAC,CAAC,sBAAsB,CAAC;;oBAAI,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAC3D;AACb,gBAAA,KAAA,CAAA,aAAA,CAACA,mBAAU,EAAA,EACT,OAAO,EAAC,SAAS,EACjB,uBAAuB,EAAE,EAAE,MAAM,EAAE,YAAY,CAAC,OAAO,CAAC,WAAW,EAAE,EAAA,CACrE,CACI,CACM;QAChB,KAAA,CAAA,aAAA,CAACC,sBAAa,IAAC,EAAE,EAAE,EAAE,cAAc,EAAE,YAAY,EAAE,EAAA;YACjD,KAAA,CAAA,aAAA,CAACH,cAAK,IAAC,OAAO,EAAE,CAAC,EAAE,KAAK,EAAC,MAAM,EAAA;AAC7B,gBAAA,KAAA,CAAA,aAAA,CAACA,cAAK,EAAA,EAAC,OAAO,EAAE,CAAC,EAAA,EACd,YAAY,CAAC,oBAAoB,CAAC,GAAG,CAAC,CAAC,OAAO,KAAI;oBACjD,MAAM,QAAQ,GAAG,eAAe,CAAC,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC;AACjD,oBAAA,MAAM,YAAY,GAAG,eAAe,CAAC,OAAO,CAAC;AAC7C,oBAAA,MAAM,aAAa,GACjB,qBAAqB,KAAK;AACxB,0BAAEL;AACF,0BAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,qBAAqB,EAAEA,4BAAqB,CAAC,CAAC;AACzE,oBAAA,MAAM,aAAa,GACjB,iBAAiB,CAAC,OAAO,CAAC;AAC1B,wBAAA,YAAY,IAAI,CAAC;AACjB,yBAAC,CAAC,oBAAoB,IAAI,aAAa,IAAI,CAAC,CAAC;oBAC/C,MAAM,iBAAiB,GACrB,oBAAoB;wBACpB,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,MAAM,GAAG,CAAC;AACvC,wBAAA,CAAC,eAAe,CAAC,OAAO,CAAC,EAAE,CAAC;oBAC9B,QACE,KAAA,CAAA,aAAA,CAACK,cAAK,EAAA,EACJ,GAAG,EAAE,OAAO,CAAC,EAAE,EACf,SAAS,EAAC,KAAK,EACf,OAAO,EAAE,CAAC,EACV,UAAU,EAAC,QAAQ,EACnB,KAAK,EAAC,MAAM,EAAA;wBAEZ,KAAA,CAAA,aAAA,CAACI,YAAG,EAAA,EACF,EAAE,EAAE;AACF,gCAAA,QAAQ,EAAE,EAAE;AACZ,gCAAA,QAAQ,EAAE,EAAE;AACZ,gCAAA,MAAM,EAAE,EAAE;AACV,gCAAA,YAAY,EAAE,CAAC;AACf,gCAAA,MAAM,EAAE,CAAC;AACT,gCAAA,WAAW,EAAE,SAAS;AACtB,gCAAA,OAAO,EAAE,kBAAkB;AAC3B,gCAAA,OAAO,EAAE,MAAM;AACf,gCAAA,UAAU,EAAE,QAAQ;AACpB,gCAAA,cAAc,EAAE,QAAQ;AACzB,6BAAA,EAAA;AAED,4BAAA,KAAA,CAAA,aAAA,CAACF,mBAAU,EAAA,EAAC,OAAO,EAAC,OAAO,EAAC,UAAU,EAAE,GAAG,EAAA,EACxC,OAAO,CAAC,cAAc,CAAC,KAAK,CAClB,CACT;wBACL,QAAQ,GAAG,CAAC,IACX,KAAA,CAAA,aAAA,CAACE,YAAG,EAAA,EACF,EAAE,EAAE;AACF,gCAAA,IAAI,EAAE,CAAC;AACP,gCAAA,OAAO,EAAE,MAAM;AACf,gCAAA,mBAAmB,EAAE;AACnB,sCAAE;AACF,sCAAE,2BAA2B;AAC/B,gCAAA,GAAG,EAAE,CAAC;AACN,gCAAA,UAAU,EAAE,QAAQ;AACrB,6BAAA,EAAA;AAED,4BAAA,KAAA,CAAA,aAAA,CAACC,eAAM,EAAA,EACL,OAAO,EAAC,UAAU,EAClB,OAAO,EAAE,MAAM,oBAAoB,CAAC,OAAO,CAAC,EAAA,YAAA,EAChC,CAAC,CAAC,qDAAqD,CAAC,EACpE,QAAQ,EAAE,QAAQ,GAAG,CAAC,EACtB,EAAE,EAAE;AACF,oCAAA,QAAQ,EAAE,CAAC;AACX,oCAAA,MAAM,EAAE,EAAE;AACV,oCAAA,YAAY,EAAE,CAAC;AACf,oCAAA,UAAU,EAAE,GAAG;AACf,oCAAA,WAAW,EAAE,UAAU;AACvB,oCAAA,KAAK,EAAE,cAAc;iCACtB,EAAA,EAAA,GAAA,CAGM;4BACT,KAAA,CAAA,aAAA,CAACH,mBAAU,EAAA,EACT,EAAE,EAAE;AACF,oCAAA,QAAQ,EAAE,CAAC;AACX,oCAAA,MAAM,EAAE,EAAE;AACV,oCAAA,YAAY,EAAE,CAAC;AACf,oCAAA,MAAM,EAAE,CAAC;AACT,oCAAA,WAAW,EAAE,SAAS;AACtB,oCAAA,SAAS,EAAE,YAAY;AACvB,oCAAA,OAAO,EAAE,MAAM;AACf,oCAAA,UAAU,EAAE,QAAQ;AACpB,oCAAA,cAAc,EAAE,QAAQ;AACxB,oCAAA,SAAS,EAAE,QAAQ;AACnB,oCAAA,UAAU,EAAE,GAAG;AACf,oCAAA,KAAK,EAAE,cAAc;AACtB,iCAAA,EAAA,EAEA,QAAQ,CACE;4BACZ,CAAC,oBAAoB,KACpB,KAAA,CAAA,aAAA,CAACG,eAAM,EAAA,EACL,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,MAAM,iBAAiB,CAAC,OAAO,CAAC,gBAC7B,CAAC,CAAC,qDAAqD,CAAC,EACpE,QAAQ,EAAE,QAAQ,IAAI,aAAa,IAAI,QAAQ,IAAI,YAAY,EAC/D,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,UAAU,EAAE,GAAG,EAAE,EAAA,EAAA,GAAA,CAG1D,CACV,CACG,KAEN,oBAACA,eAAM,EAAA,EACL,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,MAAM,iBAAiB,CAAC,OAAO,CAAC,EACzC,QAAQ,EAAE,iBAAiB,GAAG,KAAK,GAAG,aAAa,IAAI,iBAAiB,EACxE,EAAE,EAAE;AACF,gCAAA,IAAI,EAAE,CAAC;AACP,gCAAA,MAAM,EAAE,EAAE;AACV,gCAAA,YAAY,EAAE,CAAC;AACf,gCAAA,UAAU,EAAE,GAAG;AACf,gCAAA,aAAa,EAAE,MAAM;AACtB,6BAAA,EAAA,EAEA,CAAC,CAAC,KAAK,CAAC,CACF,CACV;wBAED,KAAA,CAAA,aAAA,CAACH,mBAAU,EAAA,EAAC,OAAO,EAAC,OAAO,IACxB,OAAO,CAAC,YAAY,GAAG;AACtB,8BAAEI,sBAAS,CAAC,OAAO,CAAC,YAAY,EAAE,IAAI,EAAE,YAAY,CAAC,OAAO,CAAC,QAAQ;8BACnE,CAAC,CAAC,MAAM,CAAC,CACF,CACP;AAEZ,iBAAC,CAAC,CACI;gBACR,KAAA,CAAA,aAAA,CAACN,cAAK,IACJ,SAAS,EAAC,KAAK,EACf,OAAO,EAAE,CAAC,EACV,cAAc,EAAC,eAAe,EAC9B,UAAU,EAAC,QAAQ,EACnB,KAAK,EAAC,MAAM,EAAA;oBAEZ,KAAA,CAAA,aAAA,CAACE,mBAAU,EAAA,EAAC,OAAO,EAAC,OAAO,IAAE,CAAC,CAAC,mBAAmB,CAAC,CAAc;oBACjE,KAAA,CAAA,aAAA,CAACA,mBAAU,IAAC,OAAO,EAAC,OAAO,EAAC,UAAU,EAAE,GAAG,EAAA,EACxCI,sBAAS,CAAC,eAAe,EAAE,IAAI,EAAE,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,CACrD,CACP;AACR,gBAAA,KAAA,CAAA,aAAA,CAACN,cAAK,EAAA,EAAC,SAAS,EAAC,KAAK,EAAC,OAAO,EAAE,CAAC,EAAE,cAAc,EAAC,UAAU,EAAC,KAAK,EAAC,MAAM,EAAA;oBACtE,mBAAmB,IAAI,CAAC,oBAAoB,KAC3C,oBAACK,eAAM,EAAA,EAAC,OAAO,EAAC,UAAU,EAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,mBAAmB,EAAA,EAClE,CAAC,CAAC,QAAQ,CAAC,CACL,CACV;oBACA,OAAO,KACN,KAAA,CAAA,aAAA,CAACA,eAAM,EAAA,EACL,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE;AACF,4BAAA,MAAM,EAAE,CAAC;AACT,4BAAA,KAAK,EAAE,SAAS;AAChB,4BAAA,WAAW,EAAE,CAAC,KAAK,KAAK,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAChD,yBAAA,EAAA,EAEA,CAAC,CAAC,QAAQ,CAAC,CACL,CACV;oBACD,KAAA,CAAA,aAAA,CAACA,eAAM,EAAA,EAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,iBAAiB,EAAA,EAC3E,CAAC,CAAC,SAAS,CAAC,CACN,CACH,CACF,CACM,CACT;AAEb;;;;"}
|
|
@@ -39,7 +39,7 @@ const BorderedCheckbox = ({ name, disabled, title, price, onChange, }) => {
|
|
|
39
39
|
const Services = ({ event }) => {
|
|
40
40
|
const { t, lang, showSnackbar } = useGlobal.default();
|
|
41
41
|
const [open, setOpen] = React.useState(false);
|
|
42
|
-
|
|
42
|
+
Number(reactHookForm.useWatch({
|
|
43
43
|
name: 'ticketInsurancePricePerUnit',
|
|
44
44
|
defaultValue: 0,
|
|
45
45
|
}) || 0);
|
|
@@ -69,12 +69,6 @@ const Services = ({ event }) => {
|
|
|
69
69
|
}
|
|
70
70
|
};
|
|
71
71
|
return (React.createElement(material.Stack, { spacing: 1 },
|
|
72
|
-
React.createElement(BorderedCheckbox, { name: "ticketInsurance", disabled: false, title: t('event.tickets.insurance.label'), price: React.createElement(React.Fragment, null,
|
|
73
|
-
"+ ",
|
|
74
|
-
formatNumber.fCurrency(ticketInsurancePricePerUnit, lang, event.currency),
|
|
75
|
-
" /",
|
|
76
|
-
' ',
|
|
77
|
-
t('event.tickets.insurance.per_ticket')), onChange: handleServiceChange }),
|
|
78
72
|
React.createElement(BorderedCheckbox, { name: "smsNotification", disabled: false, title: t('event.tickets.sms_notification.label'), price: React.createElement(React.Fragment, null,
|
|
79
73
|
"+ ",
|
|
80
74
|
formatNumber.fCurrency(smsNotificationPrice, lang, event.currency)), onChange: handleServiceChange }),
|
|
@@ -101,17 +95,6 @@ const Services = ({ event }) => {
|
|
|
101
95
|
React.createElement(Iconify.default, { icon: "carbon:close" }))),
|
|
102
96
|
React.createElement(material.DialogContent, { sx: { px: { xs: 3, sm: 4 }, pb: { xs: 4, sm: 5 } } },
|
|
103
97
|
React.createElement(material.Stack, { spacing: 3 },
|
|
104
|
-
React.createElement(material.Box, null,
|
|
105
|
-
React.createElement(material.Typography, { variant: "subtitle2", fontWeight: 700, gutterBottom: true }, t('event.tickets.insurance.label')),
|
|
106
|
-
React.createElement(material.Typography, { variant: "body2", paragraph: true }, t('event.tickets.insurance.modal.description')),
|
|
107
|
-
React.createElement(material.Typography, { variant: "body2", paragraph: true }, t('event.tickets.insurance.modal.coverage')),
|
|
108
|
-
React.createElement(BorderedCheckbox, { name: "ticketInsurance", disabled: false, title: t('event.tickets.insurance.label'), price: React.createElement(React.Fragment, null,
|
|
109
|
-
"+ ",
|
|
110
|
-
formatNumber.fCurrency(ticketInsurancePricePerUnit, lang, event.currency),
|
|
111
|
-
" /",
|
|
112
|
-
' ',
|
|
113
|
-
t('event.tickets.insurance.per_ticket')), onChange: handleServiceChange })),
|
|
114
|
-
React.createElement(material.Divider, null),
|
|
115
98
|
React.createElement(material.Box, null,
|
|
116
99
|
React.createElement(material.Typography, { variant: "subtitle2", fontWeight: 700, gutterBottom: true }, t('event.tickets.sms_notification.label')),
|
|
117
100
|
React.createElement(material.Typography, { variant: "body2", paragraph: true }, t('event.tickets.sms_notification.modal.description')),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/form/services/index.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport {\n Box,\n Button,\n Checkbox,\n Dialog,\n DialogContent,\n DialogTitle,\n Divider,\n FormControlLabel,\n IconButton,\n Link,\n Stack,\n Typography,\n} from '@mui/material';\nimport { useWatch, Controller } from 'react-hook-form';\nimport { fCurrency } from '@utils/formatNumber';\nimport useGlobal from '@hooks/useGlobal';\nimport { Iconify } from '@components';\nimport { ITicketForm, ITicketFormTicket } from '@utils/types/ticket.type';\nimport { IEvent } from '@utils/types/event.type';\nimport { useFormContext } from 'react-hook-form';\n\ninterface Props {\n event: IEvent;\n}\n\ninterface BorderedCheckboxProps {\n name: string;\n disabled: boolean;\n title: React.ReactNode;\n price: React.ReactNode;\n onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n}\n\nconst BorderedCheckbox: React.FC<BorderedCheckboxProps> = ({\n name,\n disabled,\n title,\n price,\n onChange,\n}) => {\n const { control } = useFormContext<ITicketForm>();\n\n return (\n <Controller\n name={name as any}\n control={control}\n render={({ field }) => (\n <FormControlLabel\n control={\n <Checkbox\n {...field}\n checked={field.value || false}\n onChange={(e) => {\n onChange?.(e);\n if (!e.defaultPrevented) {\n field.onChange(e);\n }\n }}\n disabled={disabled}\n />\n }\n label={\n <Stack\n direction=\"row\"\n justifyContent=\"space-between\"\n alignItems=\"center\"\n sx={{ width: '100%', pr: 1 }}\n >\n <Typography variant=\"body2\" fontWeight={400}>\n {title}\n </Typography>\n <Typography variant=\"body2\" fontWeight={700} sx={{ whiteSpace: 'nowrap' }}>\n {price}\n </Typography>\n </Stack>\n }\n sx={{\n m: 0,\n px: 1,\n pr: 0.5,\n pl: 0,\n borderRadius: 1,\n width: '100%',\n border: '1px solid',\n borderColor: 'primary.main',\n '& .MuiFormControlLabel-label': {\n width: '100%',\n },\n }}\n />\n )}\n />\n );\n};\n\nconst Services: React.FC<Props> = ({ event }) => {\n const { t, lang, showSnackbar } = useGlobal();\n const [open, setOpen] = useState(false);\n const ticketInsurancePricePerUnit = Number(\n useWatch<ITicketForm>({\n name: 'ticketInsurancePricePerUnit',\n defaultValue: 0,\n }) || 0\n );\n const smsNotificationPrice = Number(\n useWatch<ITicketForm>({\n name: 'smsNotificationPrice',\n defaultValue: 0,\n }) || 0\n );\n const tickets = useWatch<ITicketForm, 'tickets'>({\n name: 'tickets',\n defaultValue: {},\n });\n\n const totalTickets = useMemo(() => {\n const items: ITicketFormTicket[] = Object.values(tickets || {}).flat();\n return items.reduce((sum, ticket) => sum + (Number(ticket.quantity) || 0), 0);\n }, [tickets]);\n\n const handleOpen = (e: React.MouseEvent<HTMLAnchorElement>) => {\n e.preventDefault();\n setOpen(true);\n };\n\n const handleClose = () => setOpen(false);\n\n const handleServiceChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n if (totalTickets <= 0) {\n e.preventDefault();\n showSnackbar(t('event.tickets.services.add_tickets_first'), {\n variant: 'error',\n });\n }\n };\n\n return (\n <Stack spacing={1}>\n <BorderedCheckbox\n name=\"ticketInsurance\"\n disabled={false}\n title={t('event.tickets.insurance.label')}\n price={\n <>\n + {fCurrency(ticketInsurancePricePerUnit, lang, event.currency)} /{' '}\n {t('event.tickets.insurance.per_ticket')}\n </>\n }\n onChange={handleServiceChange}\n />\n\n <BorderedCheckbox\n name=\"smsNotification\"\n disabled={false}\n title={t('event.tickets.sms_notification.label')}\n price={<>+ {fCurrency(smsNotificationPrice, lang, event.currency)}</>}\n onChange={handleServiceChange}\n />\n\n <Box sx={{ display: 'flex', justifyContent: 'flex-end' }}>\n <Link variant=\"body2\" underline=\"always\" onClick={handleOpen} color={'text.primary'}>\n {t('event.tickets.stepper.8.additional_info')}\n </Link>\n </Box>\n\n <Dialog\n open={open}\n onClose={handleClose}\n maxWidth=\"sm\"\n fullWidth\n PaperProps={{\n sx: {\n borderRadius: 4,\n overflow: 'hidden',\n },\n }}\n >\n <DialogTitle\n sx={{\n position: 'relative',\n textAlign: 'center',\n fontWeight: 700,\n fontSize: { xs: '1.5rem', sm: '1.75rem' },\n pt: { xs: 3.5, sm: 4 },\n pb: { xs: 2, sm: 2.5 },\n px: { xs: 3, sm: 4 },\n }}\n >\n {t('event.tickets.stepper.8.title')}:\n <IconButton\n onClick={handleClose}\n size=\"small\"\n sx={{ position: 'absolute', right: 16, top: 16 }}\n >\n <Iconify icon=\"carbon:close\" />\n </IconButton>\n </DialogTitle>\n <DialogContent sx={{ px: { xs: 3, sm: 4 }, pb: { xs: 4, sm: 5 } }}>\n <Stack spacing={3}>\n <Box>\n <Typography variant=\"subtitle2\" fontWeight={700} gutterBottom>\n {t('event.tickets.insurance.label')}\n </Typography>\n <Typography variant=\"body2\" paragraph>\n {t('event.tickets.insurance.modal.description')}\n </Typography>\n <Typography variant=\"body2\" paragraph>\n {t('event.tickets.insurance.modal.coverage')}\n </Typography>\n <BorderedCheckbox\n name=\"ticketInsurance\"\n disabled={false}\n title={t('event.tickets.insurance.label')}\n price={\n <>\n + {fCurrency(ticketInsurancePricePerUnit, lang, event.currency)} /{' '}\n {t('event.tickets.insurance.per_ticket')}\n </>\n }\n onChange={handleServiceChange}\n />\n </Box>\n <Divider />\n <Box>\n <Typography variant=\"subtitle2\" fontWeight={700} gutterBottom>\n {t('event.tickets.sms_notification.label')}\n </Typography>\n <Typography variant=\"body2\" paragraph>\n {t('event.tickets.sms_notification.modal.description')}\n </Typography>\n <BorderedCheckbox\n name=\"smsNotification\"\n disabled={false}\n title={t('event.tickets.sms_notification.label')}\n price={<>+ {fCurrency(smsNotificationPrice, lang, event.currency)}</>}\n onChange={handleServiceChange}\n />\n </Box>\n <Button\n variant=\"outlined\"\n onClick={handleClose}\n sx={{\n mt: 1,\n py: 1.25,\n borderRadius: 1,\n height: 36,\n fontWeight: 700,\n borderColor: 'grey.300',\n color: 'text.primary',\n }}\n >\n {t('close')}\n </Button>\n </Stack>\n </DialogContent>\n </Dialog>\n </Stack>\n );\n};\n\nexport default Services;\n"],"names":["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
|
+
{"version":3,"file":"index.js","sources":["../../../../src/form/services/index.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport {\n Box,\n Button,\n Checkbox,\n Dialog,\n DialogContent,\n DialogTitle,\n Divider,\n FormControlLabel,\n IconButton,\n Link,\n Stack,\n Typography,\n} from '@mui/material';\nimport { useWatch, Controller } from 'react-hook-form';\nimport { fCurrency } from '@utils/formatNumber';\nimport useGlobal from '@hooks/useGlobal';\nimport { Iconify } from '@components';\nimport { ITicketForm, ITicketFormTicket } from '@utils/types/ticket.type';\nimport { IEvent } from '@utils/types/event.type';\nimport { useFormContext } from 'react-hook-form';\n\ninterface Props {\n event: IEvent;\n}\n\ninterface BorderedCheckboxProps {\n name: string;\n disabled: boolean;\n title: React.ReactNode;\n price: React.ReactNode;\n onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n}\n\nconst BorderedCheckbox: React.FC<BorderedCheckboxProps> = ({\n name,\n disabled,\n title,\n price,\n onChange,\n}) => {\n const { control } = useFormContext<ITicketForm>();\n\n return (\n <Controller\n name={name as any}\n control={control}\n render={({ field }) => (\n <FormControlLabel\n control={\n <Checkbox\n {...field}\n checked={field.value || false}\n onChange={(e) => {\n onChange?.(e);\n if (!e.defaultPrevented) {\n field.onChange(e);\n }\n }}\n disabled={disabled}\n />\n }\n label={\n <Stack\n direction=\"row\"\n justifyContent=\"space-between\"\n alignItems=\"center\"\n sx={{ width: '100%', pr: 1 }}\n >\n <Typography variant=\"body2\" fontWeight={400}>\n {title}\n </Typography>\n <Typography variant=\"body2\" fontWeight={700} sx={{ whiteSpace: 'nowrap' }}>\n {price}\n </Typography>\n </Stack>\n }\n sx={{\n m: 0,\n px: 1,\n pr: 0.5,\n pl: 0,\n borderRadius: 1,\n width: '100%',\n border: '1px solid',\n borderColor: 'primary.main',\n '& .MuiFormControlLabel-label': {\n width: '100%',\n },\n }}\n />\n )}\n />\n );\n};\n\nconst Services: React.FC<Props> = ({ event }) => {\n const { t, lang, showSnackbar } = useGlobal();\n const [open, setOpen] = useState(false);\n const ticketInsurancePricePerUnit = Number(\n useWatch<ITicketForm>({\n name: 'ticketInsurancePricePerUnit',\n defaultValue: 0,\n }) || 0\n );\n const smsNotificationPrice = Number(\n useWatch<ITicketForm>({\n name: 'smsNotificationPrice',\n defaultValue: 0,\n }) || 0\n );\n const tickets = useWatch<ITicketForm, 'tickets'>({\n name: 'tickets',\n defaultValue: {},\n });\n\n const totalTickets = useMemo(() => {\n const items: ITicketFormTicket[] = Object.values(tickets || {}).flat();\n return items.reduce((sum, ticket) => sum + (Number(ticket.quantity) || 0), 0);\n }, [tickets]);\n\n const handleOpen = (e: React.MouseEvent<HTMLAnchorElement>) => {\n e.preventDefault();\n setOpen(true);\n };\n\n const handleClose = () => setOpen(false);\n\n const handleServiceChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n if (totalTickets <= 0) {\n e.preventDefault();\n showSnackbar(t('event.tickets.services.add_tickets_first'), {\n variant: 'error',\n });\n }\n };\n\n return (\n <Stack spacing={1}>\n {/*<BorderedCheckbox*/}\n {/* name=\"ticketInsurance\"*/}\n {/* disabled={false}*/}\n {/* title={t('event.tickets.insurance.label')}*/}\n {/* price={*/}\n {/* <>*/}\n {/* + {fCurrency(ticketInsurancePricePerUnit, lang, event.currency)} /{' '}*/}\n {/* {t('event.tickets.insurance.per_ticket')}*/}\n {/* </>*/}\n {/* }*/}\n {/* onChange={handleServiceChange}*/}\n {/*/>*/}\n\n <BorderedCheckbox\n name=\"smsNotification\"\n disabled={false}\n title={t('event.tickets.sms_notification.label')}\n price={<>+ {fCurrency(smsNotificationPrice, lang, event.currency)}</>}\n onChange={handleServiceChange}\n />\n\n <Box sx={{ display: 'flex', justifyContent: 'flex-end' }}>\n <Link variant=\"body2\" underline=\"always\" onClick={handleOpen} color={'text.primary'}>\n {t('event.tickets.stepper.8.additional_info')}\n </Link>\n </Box>\n\n <Dialog\n open={open}\n onClose={handleClose}\n maxWidth=\"sm\"\n fullWidth\n PaperProps={{\n sx: {\n borderRadius: 4,\n overflow: 'hidden',\n },\n }}\n >\n <DialogTitle\n sx={{\n position: 'relative',\n textAlign: 'center',\n fontWeight: 700,\n fontSize: { xs: '1.5rem', sm: '1.75rem' },\n pt: { xs: 3.5, sm: 4 },\n pb: { xs: 2, sm: 2.5 },\n px: { xs: 3, sm: 4 },\n }}\n >\n {t('event.tickets.stepper.8.title')}:\n <IconButton\n onClick={handleClose}\n size=\"small\"\n sx={{ position: 'absolute', right: 16, top: 16 }}\n >\n <Iconify icon=\"carbon:close\" />\n </IconButton>\n </DialogTitle>\n <DialogContent sx={{ px: { xs: 3, sm: 4 }, pb: { xs: 4, sm: 5 } }}>\n <Stack spacing={3}>\n {/*<Box>*/}\n {/* <Typography variant=\"subtitle2\" fontWeight={700} gutterBottom>*/}\n {/* {t('event.tickets.insurance.label')}*/}\n {/* </Typography>*/}\n {/* <Typography variant=\"body2\" paragraph>*/}\n {/* {t('event.tickets.insurance.modal.description')}*/}\n {/* </Typography>*/}\n {/* <Typography variant=\"body2\" paragraph>*/}\n {/* {t('event.tickets.insurance.modal.coverage')}*/}\n {/* </Typography>*/}\n {/* <BorderedCheckbox*/}\n {/* name=\"ticketInsurance\"*/}\n {/* disabled={false}*/}\n {/* title={t('event.tickets.insurance.label')}*/}\n {/* price={*/}\n {/* <>*/}\n {/* + {fCurrency(ticketInsurancePricePerUnit, lang, event.currency)} /{' '}*/}\n {/* {t('event.tickets.insurance.per_ticket')}*/}\n {/* </>*/}\n {/* }*/}\n {/* onChange={handleServiceChange}*/}\n {/* />*/}\n {/*</Box>*/}\n {/*<Divider />*/}\n <Box>\n <Typography variant=\"subtitle2\" fontWeight={700} gutterBottom>\n {t('event.tickets.sms_notification.label')}\n </Typography>\n <Typography variant=\"body2\" paragraph>\n {t('event.tickets.sms_notification.modal.description')}\n </Typography>\n <BorderedCheckbox\n name=\"smsNotification\"\n disabled={false}\n title={t('event.tickets.sms_notification.label')}\n price={<>+ {fCurrency(smsNotificationPrice, lang, event.currency)}</>}\n onChange={handleServiceChange}\n />\n </Box>\n <Button\n variant=\"outlined\"\n onClick={handleClose}\n sx={{\n mt: 1,\n py: 1.25,\n borderRadius: 1,\n height: 36,\n fontWeight: 700,\n borderColor: 'grey.300',\n color: 'text.primary',\n }}\n >\n {t('close')}\n </Button>\n </Stack>\n </DialogContent>\n </Dialog>\n </Stack>\n );\n};\n\nexport default Services;\n"],"names":["useFormContext","Controller","FormControlLabel","Checkbox","Stack","Typography","useGlobal","useState","useWatch","useMemo","fCurrency","Box","Link","Dialog","DialogTitle","IconButton","Iconify","DialogContent","Button"],"mappings":"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"}
|
|
@@ -8,6 +8,7 @@ var ProductVariantsDialog = require('../product/ProductVariantsDialog.js');
|
|
|
8
8
|
var TicketQuantityControl = require('./TicketQuantityControl.js');
|
|
9
9
|
var reactHookForm = require('react-hook-form');
|
|
10
10
|
var formatNumber = require('../../utils/formatNumber.js');
|
|
11
|
+
var ticket = require('../../utils/data/ticket.js');
|
|
11
12
|
var product = require('../../utils/product.js');
|
|
12
13
|
var ReleaseExtraFields = require('../extra-field/ReleaseExtraFields.js');
|
|
13
14
|
var ReleaseDescription = require('./ReleaseDescription.js');
|
|
@@ -24,10 +25,17 @@ const ReleaseWithMerchandise = ({ eventId, release, activeReleases, currency, in
|
|
|
24
25
|
const countTickets = addedRelease?.quantity || 0;
|
|
25
26
|
const getReleaseTitle = (release) => release.releaseCategoryName || release.name || '';
|
|
26
27
|
const getSelectedQuantity = (id) => tickets.find((ticket) => ticket.releaseId === id)?.quantity || 0;
|
|
28
|
+
const countSelectedTickets = () => {
|
|
29
|
+
let count = 0;
|
|
30
|
+
for (const ticket of tickets) {
|
|
31
|
+
count += Number(ticket.quantity || 0);
|
|
32
|
+
}
|
|
33
|
+
return count;
|
|
34
|
+
};
|
|
27
35
|
const getAvailableTicketsForRelease = (release) => {
|
|
28
36
|
const selectedRelease = activeReleases?.find((item) => item.id === release.releaseId);
|
|
29
37
|
const availableQuantity = selectedRelease ? selectedRelease.availableTickets : 0;
|
|
30
|
-
return availableQuantity >
|
|
38
|
+
return availableQuantity > ticket.MAX_TICKETS_PER_ORDER ? ticket.MAX_TICKETS_PER_ORDER : availableQuantity;
|
|
31
39
|
};
|
|
32
40
|
const isMaxQuantity = (releaseId) => {
|
|
33
41
|
const release = tickets.find((ticket) => ticket.releaseId === releaseId);
|
|
@@ -41,7 +49,15 @@ const ReleaseWithMerchandise = ({ eventId, release, activeReleases, currency, in
|
|
|
41
49
|
: productsToAdd
|
|
42
50
|
? [productsToAdd]
|
|
43
51
|
: [];
|
|
44
|
-
const
|
|
52
|
+
const requestedQuantity = normalizedProducts.length ? normalizedProducts.length : 1;
|
|
53
|
+
const releaseMaxQuantity = Math.min(release.availableTickets || 0, ticket.MAX_TICKETS_PER_ORDER);
|
|
54
|
+
const remainingOrderCapacity = Math.max(0, ticket.MAX_TICKETS_PER_ORDER - countSelectedTickets());
|
|
55
|
+
const quantity = Math.min(requestedQuantity, releaseMaxQuantity, remainingOrderCapacity);
|
|
56
|
+
if (quantity <= 0) {
|
|
57
|
+
setOpenVariantDialog(null);
|
|
58
|
+
return;
|
|
59
|
+
}
|
|
60
|
+
const selectedProducts = normalizedProducts.slice(0, quantity);
|
|
45
61
|
const extraFields = release.extraFields?.length
|
|
46
62
|
? Array.from({ length: quantity }, () => release.extraFields.map((field) => ({
|
|
47
63
|
eventExtraFieldId: field.id,
|
|
@@ -55,7 +71,7 @@ const ReleaseWithMerchandise = ({ eventId, release, activeReleases, currency, in
|
|
|
55
71
|
quantity,
|
|
56
72
|
itemName: '',
|
|
57
73
|
price: 0,
|
|
58
|
-
products:
|
|
74
|
+
products: selectedProducts,
|
|
59
75
|
extraFields,
|
|
60
76
|
},
|
|
61
77
|
]);
|
|
@@ -71,7 +87,8 @@ const ReleaseWithMerchandise = ({ eventId, release, activeReleases, currency, in
|
|
|
71
87
|
if (addedRelease) {
|
|
72
88
|
const increment = normalizedProducts.length ? normalizedProducts.length : 1;
|
|
73
89
|
const maxQuantity = getAvailableTicketsForRelease(addedRelease);
|
|
74
|
-
const
|
|
90
|
+
const remainingOrderCapacity = Math.max(0, ticket.MAX_TICKETS_PER_ORDER - countSelectedTickets());
|
|
91
|
+
const availableIncrement = Math.max(0, Math.min(increment, maxQuantity - Number(addedRelease.quantity), remainingOrderCapacity));
|
|
75
92
|
if (availableIncrement === 0)
|
|
76
93
|
return;
|
|
77
94
|
const newQuantity = Number(addedRelease.quantity) + availableIncrement;
|
|
@@ -116,6 +133,9 @@ const ReleaseWithMerchandise = ({ eventId, release, activeReleases, currency, in
|
|
|
116
133
|
}
|
|
117
134
|
}
|
|
118
135
|
}, [tickets, release.id, setValue]);
|
|
136
|
+
const remainingOrderCapacity = Math.max(0, ticket.MAX_TICKETS_PER_ORDER - countSelectedTickets());
|
|
137
|
+
const nextRelease = activeReleases?.find((item) => item.releaseCategoryName === release.releaseCategoryName && item.order === release.order + 1);
|
|
138
|
+
const hasSelectedNextRelease = !!nextRelease && getSelectedQuantity(nextRelease.id) > 0;
|
|
119
139
|
return (React.createElement(material.Box, { sx: {
|
|
120
140
|
pt: 1,
|
|
121
141
|
pr: 0.5,
|
|
@@ -126,15 +146,18 @@ const ReleaseWithMerchandise = ({ eventId, release, activeReleases, currency, in
|
|
|
126
146
|
} },
|
|
127
147
|
React.createElement(material.Stack, { spacing: 0 },
|
|
128
148
|
React.createElement(material.Box, null,
|
|
129
|
-
React.createElement(material.Typography, { variant: "subtitle2", fontWeight: 700 },
|
|
149
|
+
React.createElement(material.Typography, { variant: "subtitle2", fontWeight: 700 },
|
|
150
|
+
getReleaseTitle(release),
|
|
151
|
+
" - ",
|
|
152
|
+
release.name)),
|
|
130
153
|
React.createElement(material.Stack, { direction: "row", alignItems: "center", justifyContent: "space-between" },
|
|
131
154
|
React.createElement(material.Stack, null,
|
|
132
155
|
React.createElement(material.Typography, { variant: "body2" }, release.price === 0 ? t('free') : formatNumber.fCurrency(release.price, lang, currency)),
|
|
133
156
|
React.createElement(ReleaseDescription.default, { description: release.description, isExpanded: isDescriptionExpanded, onToggle: () => setIsDescriptionExpanded((prev) => !prev), moreInfoLabel: t('more_info') })),
|
|
134
|
-
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()) })),
|
|
157
|
+
React.createElement(TicketQuantityControl.default, { quantity: getSelectedQuantity(release.id), isDisabled: release.locked || hasSelectedNextRelease, canAddFirst: !release.locked && !hasSelectedNextRelease && remainingOrderCapacity > 0, canAddMore: !isMaxQuantity(release.id) && !hasSelectedNextRelease && remainingOrderCapacity > 0, addLabel: t('add'), onDecrement: () => decreaseQuantity(), onIncrement: () => release.product ? setOpenVariantDialog('increase') : increaseQuantity(), onAddFirst: () => (release.product ? setOpenVariantDialog('add') : addRelease()) })),
|
|
135
158
|
React.createElement(ReleaseDescription.default, { description: release.description, isExpanded: isDescriptionExpanded, onToggle: () => setIsDescriptionExpanded((prev) => !prev), moreInfoLabel: t('more_info'), showCollapse: true }),
|
|
136
159
|
release.extraFields && release.extraFields.length > 0 && (React.createElement(ReleaseExtraFields.default, { release: release, eventId: eventId, releaseIndex: index, quantity: countTickets })),
|
|
137
|
-
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 })))));
|
|
160
|
+
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, maxSelectableQuantity: remainingOrderCapacity })))));
|
|
138
161
|
};
|
|
139
162
|
|
|
140
163
|
exports.default = ReleaseWithMerchandise;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReleaseWithMerchandise.js","sources":["../../../../src/form/tickets/ReleaseWithMerchandise.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport { Box, Stack, Typography } from '@mui/material';\nimport ProductVariantsDialog from '@form/product/ProductVariantsDialog';\nimport TicketQuantityControl from '@form/tickets/TicketQuantityControl';\nimport { IReleaseShort } from '@utils/types/release.type';\nimport { ITicketForm, ITicketFormTicket } from '@utils/types/ticket.type';\nimport { useFormContext, useWatch } from 'react-hook-form';\nimport { IEventProductForm } from '@utils/types/product.type';\nimport { fCurrency } from '@utils/formatNumber';\nimport { Currencies } from '@utils/data/currency';\nimport { getSelectedQuantityByVariant } from '@utils/product';\nimport ReleaseExtraFields from '@form/extra-field/ReleaseExtraFields';\nimport ReleaseDescription from '@form/tickets/ReleaseDescription';\nimport useGlobal from '@hooks/useGlobal.ts';\n\ninterface Props {\n eventId: number;\n release: IReleaseShort;\n activeReleases: IReleaseShort[];\n currency: Currencies;\n index: number;\n}\n\nconst ReleaseWithMerchandise: React.FC<Props> = ({\n eventId,\n release,\n activeReleases,\n currency,\n index,\n}) => {\n const { t, lang } = useGlobal();\n const [openVariantDialog, setOpenVariantDialog] = useState<'add' | 'increase' | null>(null);\n const [isDescriptionExpanded, setIsDescriptionExpanded] = useState(false);\n const { setValue } = useFormContext<ITicketForm>();\n const tickets: ITicketFormTicket[] = useWatch({ name: `tickets.${eventId}`, defaultValue: [] });\n const products: IEventProductForm[] = useWatch({ name: `products.${eventId}`, defaultValue: [] });\n const addedRelease = tickets.find((ticket) => ticket.releaseId === release.id);\n const countTickets = addedRelease?.quantity || 0;\n\n const getReleaseTitle = (release: IReleaseShort) =>\n release.releaseCategoryName || release.name || '';\n\n const getSelectedQuantity = (id: number) =>\n tickets.find((ticket) => ticket.releaseId === id)?.quantity || 0;\n\n const getAvailableTicketsForRelease = (release: ITicketFormTicket): number => {\n const selectedRelease = activeReleases?.find((item) => item.id === release.releaseId);\n const availableQuantity = selectedRelease ? selectedRelease.availableTickets : 0;\n return availableQuantity > 10 ? 10 : availableQuantity;\n };\n\n const isMaxQuantity = (releaseId: number) => {\n const release = tickets.find((ticket) => ticket.releaseId === releaseId);\n if (!release) return false;\n return getSelectedQuantity(releaseId) >= getAvailableTicketsForRelease(release);\n };\n\n const addRelease = (productsToAdd?: IEventProductForm[] | IEventProductForm) => {\n const normalizedProducts = Array.isArray(productsToAdd)\n ? productsToAdd\n : productsToAdd\n ? [productsToAdd]\n : [];\n const quantity = normalizedProducts.length ? normalizedProducts.length : 1;\n const extraFields = release.extraFields?.length\n ? Array.from({ length: quantity }, () =>\n release.extraFields!.map((field) => ({\n eventExtraFieldId: field.id,\n value: '',\n }))\n )\n : [];\n\n setValue(`tickets.${eventId}`, [\n ...tickets,\n {\n releaseId: release.id,\n quantity,\n itemName: '',\n price: 0,\n products: normalizedProducts,\n extraFields,\n },\n ]);\n setOpenVariantDialog(null);\n };\n\n const increaseQuantity = (productsToAdd?: IEventProductForm[] | IEventProductForm) => {\n const normalizedProducts = Array.isArray(productsToAdd)\n ? productsToAdd\n : productsToAdd\n ? [productsToAdd]\n : [];\n const addedRelease = tickets.find((ticket) => ticket.releaseId === release.id);\n if (addedRelease) {\n const increment = normalizedProducts.length ? normalizedProducts.length : 1;\n const maxQuantity = getAvailableTicketsForRelease(addedRelease);\n const availableIncrement = Math.max(\n 0,\n Math.min(increment, maxQuantity - Number(addedRelease.quantity))\n );\n if (availableIncrement === 0) return;\n\n const newQuantity = Number(addedRelease.quantity) + availableIncrement;\n const productsSlice = normalizedProducts.slice(0, availableIncrement);\n const extraFieldsToAdd = release.extraFields?.length\n ? Array.from({ length: availableIncrement }, () =>\n release.extraFields!.map((field) => ({\n eventExtraFieldId: field.id,\n value: '',\n }))\n )\n : [];\n\n setValue(\n `tickets.${eventId}`,\n tickets.map((ticket) =>\n ticket.releaseId === release.id\n ? {\n ...ticket,\n quantity: newQuantity > maxQuantity ? maxQuantity : newQuantity,\n products: [...ticket.products, ...productsSlice],\n extraFields: release.extraFields?.length\n ? [...ticket.extraFields, ...extraFieldsToAdd]\n : [],\n }\n : ticket\n )\n );\n setOpenVariantDialog(null);\n }\n };\n\n const decreaseQuantity = useCallback(() => {\n const addedRelease = tickets.find((ticket) => ticket.releaseId === release.id);\n if (addedRelease) {\n const newQuantity = Number(addedRelease.quantity) - 1;\n if (newQuantity < 1) {\n setValue(\n `tickets.${eventId}`,\n tickets.filter((ticket) => ticket.releaseId !== release.id)\n );\n } else {\n setValue(\n `tickets.${eventId}`,\n tickets.map((ticket) => {\n if (ticket.releaseId !== release.id) return ticket;\n\n return {\n ...ticket,\n quantity: newQuantity,\n products: ticket?.products?.slice(0, -1), // non-mutating \"pop\"\n extraFields: ticket?.extraFields?.slice(0, -1),\n };\n })\n );\n }\n }\n }, [tickets, release.id, setValue]);\n\n return (\n <Box\n sx={{\n pt: 1,\n pr: 0.5,\n pb: 0.5,\n pl: 2,\n borderRadius: 1,\n bgcolor: (theme) =>\n theme.palette.mode === 'light' ? theme.palette.grey[100] : theme.palette.grey[800],\n }}\n >\n <Stack spacing={0}>\n <Box>\n <Typography variant=\"subtitle2\" fontWeight={700}>\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
|
+
{"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 { MAX_TICKETS_PER_ORDER } from '@utils/data/ticket';\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 countSelectedTickets = () => {\n let count = 0;\n for (const ticket of tickets) {\n count += Number(ticket.quantity || 0);\n }\n\n return count;\n };\n\n const getAvailableTicketsForRelease = (release: ITicketFormTicket): number => {\n const selectedRelease = activeReleases?.find((item) => item.id === release.releaseId);\n const availableQuantity = selectedRelease ? selectedRelease.availableTickets : 0;\n return availableQuantity > MAX_TICKETS_PER_ORDER ? MAX_TICKETS_PER_ORDER : 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 requestedQuantity = normalizedProducts.length ? normalizedProducts.length : 1;\n const releaseMaxQuantity = Math.min(release.availableTickets || 0, MAX_TICKETS_PER_ORDER);\n const remainingOrderCapacity = Math.max(0, MAX_TICKETS_PER_ORDER - countSelectedTickets());\n const quantity = Math.min(requestedQuantity, releaseMaxQuantity, remainingOrderCapacity);\n\n if (quantity <= 0) {\n setOpenVariantDialog(null);\n return;\n }\n\n const selectedProducts = normalizedProducts.slice(0, quantity);\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: selectedProducts,\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 remainingOrderCapacity = Math.max(0, MAX_TICKETS_PER_ORDER - countSelectedTickets());\n const availableIncrement = Math.max(\n 0,\n Math.min(increment, maxQuantity - Number(addedRelease.quantity), remainingOrderCapacity)\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 const remainingOrderCapacity = Math.max(0, MAX_TICKETS_PER_ORDER - countSelectedTickets());\n const nextRelease = activeReleases?.find(\n (item) =>\n item.releaseCategoryName === release.releaseCategoryName && item.order === release.order + 1\n );\n const hasSelectedNextRelease = !!nextRelease && getSelectedQuantity(nextRelease.id) > 0;\n\n return (\n <Box\n sx={{\n pt: 1,\n pr: 0.5,\n pb: 0.5,\n pl: 2,\n borderRadius: 1,\n bgcolor: (theme) =>\n theme.palette.mode === 'light' ? theme.palette.grey[100] : theme.palette.grey[800],\n }}\n >\n <Stack spacing={0}>\n <Box>\n <Typography variant=\"subtitle2\" fontWeight={700}>\n {getReleaseTitle(release)} - {release.name}\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 || hasSelectedNextRelease}\n canAddFirst={!release.locked && !hasSelectedNextRelease && remainingOrderCapacity > 0}\n canAddMore={\n !isMaxQuantity(release.id) && !hasSelectedNextRelease && remainingOrderCapacity > 0\n }\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 maxSelectableQuantity={remainingOrderCapacity}\n />\n )}\n </Stack>\n </Box>\n );\n};\n\nexport default ReleaseWithMerchandise;\n"],"names":["useGlobal","useState","useFormContext","useWatch","MAX_TICKETS_PER_ORDER","useCallback","Box","Stack","Typography","fCurrency","ReleaseDescription","TicketQuantityControl","ReleaseExtraFields","ProductVariantsDialog","getSelectedQuantityByVariant"],"mappings":"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"}
|