@eventlook/sdk 1.4.4 → 1.4.5-1.beta.1

package/dist/esm/form/product/ProductCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductCard.js","sources":["../../../../src/form/product/ProductCard.tsx"],"sourcesContent":["import { Button, Card, Stack, Typography } from '@mui/material';\nimport { Iconify } from '@components/iconify';\nimport Image from '@components/Image';\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';\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 } = useGlobal();\n  const [openVariantDialog, setOpenVariantDialog] = useState<boolean>(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\n  const onSelectVariant = (selectedVariant: IEventProductForm) => {\n    const variant = products.find(\n      (product) => product.eventProductVariantId === selectedVariant.eventProductVariantId\n    );\n\n    if (variant) {\n      if (selectedVariant.quantity === 0) {\n        setValue(\n          `products.${eventId}`,\n          products.filter(\n            (product) => product.eventProductVariantId !== variant.eventProductVariantId\n          )\n        );\n      } else {\n        setValue(\n          `products.${eventId}`,\n          products.map((product) => {\n            if (product.eventProductVariantId === selectedVariant.eventProductVariantId) {\n              return {\n                ...product,\n                quantity: selectedVariant.quantity,\n              };\n            }\n            return product;\n          })\n        );\n      }\n    } else if (selectedVariant.quantity !== 0) {\n      setValue(`products.${eventId}`, [...products, selectedVariant]);\n    }\n  };\n\n  const eventNotEmpty = useMemo(() => products.some((product) => product?.quantity), [products]);\n\n  return (\n    <>\n      <Card sx={{ p: 2 }}>\n        <Stack spacing={1}>\n          <Image src={eventProduct.product.previewImage.url} ratio=\"1/1\" sx={{ borderRadius: 2 }} />\n          <Typography variant=\"h5\">{eventProduct.product.name}</Typography>\n          <Typography\n            variant=\"caption\"\n            dangerouslySetInnerHTML={{ __html: eventProduct.product.description }}\n            sx={{\n              height: 44,\n              textOverflow: 'ellipsis',\n              overflow: 'hidden',\n              display: '-webkit-box',\n              WebkitLineClamp: 2,\n              WebkitBoxOrient: 'vertical',\n            }}\n          />\n          <Button\n            variant=\"contained\"\n            onClick={() => setOpenVariantDialog(true)}\n            fullWidth\n            startIcon={\n              eventNotEmpty ? <Iconify icon=\"eva:edit-fill\" /> : <Iconify icon=\"eva:plus-fill\" />\n            }\n          >\n            {eventNotEmpty ? t('change') : t('add')}\n          </Button>\n        </Stack>\n      </Card>\n      <ProductVariantsDialog\n        eventProduct={eventProduct}\n        eventId={eventId}\n        openDialog={openVariantDialog}\n        onClose={() => setOpenVariantDialog(false)}\n        callback={onSelectVariant}\n        selectedQuantityByVariant={getSelectedQuantityByVariant(products, tickets)}\n        isOnlyMerchandise={isOnlyMerchandise}\n      />\n    </>\n  );\n};\n\nexport default ProductCard;\n"],"names":[],"mappings":"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"}
+{"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":[],"mappings":"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"}

package/dist/esm/form/product/ProductVariantsDialog.js

@@ -1,22 +1,15 @@
-import React, { useState, useEffect } from 'react';
-import { Dialog, DialogTitle, DialogContent, Stack, Typography, DialogActions, Button, Badge, IconButton } from '@mui/material';
+import React, { useState, useEffect, useMemo } from 'react';
+import { Dialog, DialogTitle, DialogContent, Stack, Typography, DialogActions, Box, Button } from '@mui/material';
 import Image from '../../components/Image.js';
 import { useWatch } from 'react-hook-form';
 import { fCurrency } from '../../utils/formatNumber.js';
+import { MAX_TICKETS_PER_ORDER } from '../../utils/data/ticket.js';
 import useGlobal from '../../hooks/useGlobal.js';
-import 'framer-motion';
-import '../../components/animate/IconButtonAnimate.js';
-import '@mui/material/styles';
-import '@mui/material/useMediaQuery';
-import Iconify from '../../components/iconify/Iconify.js';
 
-const ProductVariantsDialog = ({ eventProduct, openDialog, onClose, callback, selectedQuantityByVariant, isOnlyMerchandise, eventId, }) => {
+const ProductVariantsDialog = ({ eventProduct, openDialog, onClose, callback, selectedQuantityByVariant, isOnlyMerchandise, eventId, canAddOnlyOneAtATime, maxSelectableQuantity, }) => {
     const { t, lang, options } = useGlobal();
     const { showSnackbar } = useGlobal();
-    const [selectedVariant, setSelectedVariant] = useState(null);
-    const [variantPrice, setVariantPrice] = useState(null);
-    const [variantQuantity, setVariantQuantity] = useState(1);
-    const [isVariantClicked, setIsVariantClicked] = useState(false);
+    const [draftQuantities, setDraftQuantities] = useState({});
     const tickets = useWatch({ name: `tickets.${eventId}`, defaultValue: [] });
     const products = useWatch({ name: `products.${eventId}`, defaultValue: [] });
     useEffect(() => {
@@ -27,38 +20,46 @@ const ProductVariantsDialog = ({ eventProduct, openDialog, onClose, callback, se
         }
     }, [openDialog]);
     useEffect(() => {
-        if (isVariantClicked) {
-            setVariantQuantity(selectedQuantityByVariant &&
-                selectedVariant &&
-                selectedQuantityByVariant[selectedVariant.eventProductVariantId] !== undefined
-                ? selectedQuantityByVariant[selectedVariant.eventProductVariantId]
-                : 1);
-            setIsVariantClicked(false);
+        if (openDialog && canAddOnlyOneAtATime) {
+            setDraftQuantities({});
         }
-    }, [selectedVariant, isVariantClicked]);
-    const handleOnClick = (variant) => {
-        setVariantPrice(variant.priceWithVat);
-        setSelectedVariant({
-            eventProductVariantId: variant.id,
-            productVariantId: variant.productVariant.id,
-            quantity: 1,
-            price: variant.priceWithVat,
-            excludedShippingMethodIds: eventProduct.excludedShippingMethods.map((method) => method.id),
-        });
-        setIsVariantClicked(true);
-    };
+    }, [openDialog, canAddOnlyOneAtATime]);
+    useEffect(() => {
+        if (openDialog && !canAddOnlyOneAtATime) {
+            setDraftQuantities(selectedQuantityByVariant ?? {});
+        }
+    }, [openDialog, selectedQuantityByVariant, canAddOnlyOneAtATime]);
     const handleOnAdd = () => {
-        if (!selectedVariant) {
+        const selectedVariants = eventProduct.eventProductVariants
+            .map((variant) => {
+            const quantity = draftQuantities[variant.id] ?? 0;
+            const selectedQty = selectedQuantityByVariant?.[variant.id] ?? 0;
+            if (canAddOnlyOneAtATime) {
+                if (quantity <= 0)
+                    return null;
+            }
+            else if (quantity <= 0 && selectedQty <= 0) {
+                return null;
+            }
+            return {
+                eventProductVariantId: variant.id,
+                productVariantId: variant.productVariant.id,
+                quantity,
+                price: variant.priceWithVat,
+                excludedShippingMethodIds: eventProduct.excludedShippingMethods.map((method) => method.id),
+            };
+        })
+            .filter((variant) => Boolean(variant));
+        if (selectedVariants.length === 0) {
             showSnackbar(t('components.product_variant_dialog.select_variant'), { variant: 'error' });
             return;
         }
-        callback(selectedVariant);
-        setSelectedVariant(null);
+        callback(selectedVariants);
+        setDraftQuantities({});
         onClose?.();
     };
-    const isVariantDisabled = (variant) => {
+    const getUsedCount = (variant) => {
         let countUsed = 0;
-        let selectedVariantQuantity = 0;
         for (const product of products) {
             if (product.productVariantId === variant.productVariant.id) {
                 countUsed += product.quantity;
@@ -69,59 +70,82 @@ const ProductVariantsDialog = ({ eventProduct, openDialog, onClose, callback, se
                 for (const product of ticket.products) {
                     if (product.productVariantId === variant.productVariant.id) {
                         countUsed += product.quantity;
-                        selectedVariantQuantity = product.quantity;
                     }
                 }
             }
         }
-        return ((variant.productVariant.quantity &&
-            countUsed + variant.productVariant.sold >= variant.productVariant.quantity) ||
-            selectedVariantQuantity >= 10);
+        return countUsed;
     };
-    const isVariantSoldOut = () => {
-        const variant = eventProduct.eventProductVariants.find((product) => product.id === selectedVariant?.eventProductVariantId);
-        let countUsed = variantQuantity;
-        for (const ticket of tickets) {
-            if (ticket.products) {
-                for (const product of ticket.products) {
-                    if (product.productVariantId === variant?.productVariant.id) {
-                        countUsed += product.quantity;
-                    }
-                }
-            }
-        }
-        if (variant && variant.productVariant.quantity) {
-            if (variant.productVariant.sold + countUsed >= variant.productVariant.quantity ||
-                variantQuantity >= 10) {
-                return true;
+    const getMaxAvailable = (variant) => {
+        if (!variant.productVariant.quantity)
+            return Number.POSITIVE_INFINITY;
+        return variant.productVariant.quantity - variant.productVariant.sold - getUsedCount(variant);
+    };
+    const isVariantDisabled = (variant) => {
+        if (!variant.productVariant.quantity)
+            return false;
+        return getMaxAvailable(variant) <= 0;
+    };
+    const handleAddQuantity = (variant) => {
+        setDraftQuantities((prev) => {
+            const current = prev[variant.id] ?? 0;
+            const next = current + 1;
+            const maxAvailable = getMaxAvailable(variant);
+            if (canAddOnlyOneAtATime) {
+                if (maxAvailable < 1)
+                    return prev;
+                return { [variant.id]: 1 };
             }
-        }
-        return false;
+            const maxSelectable = maxSelectableQuantity === undefined
+                ? MAX_TICKETS_PER_ORDER
+                : Math.max(0, Math.min(maxSelectableQuantity, MAX_TICKETS_PER_ORDER));
+            if (next > maxSelectable || next > maxAvailable)
+                return prev;
+            return { ...prev, [variant.id]: next };
+        });
     };
-    const handleAddQuantity = () => {
-        setVariantQuantity(variantQuantity + 1);
-        setSelectedVariant((prevState) => {
-            if (!prevState)
-                return null;
-            return {
-                ...prevState,
-                quantity: variantQuantity + 1,
-            };
+    const handleRemoveQuantity = (variant) => {
+        setDraftQuantities((prev) => {
+            const current = prev[variant.id] ?? 0;
+            const next = current - 1;
+            if (next <= 0) {
+                const rest = { ...prev };
+                delete rest[variant.id];
+                return rest;
+            }
+            if (canAddOnlyOneAtATime) {
+                // Remove the only variant
+                return {};
+            }
+            return { ...prev, [variant.id]: next };
         });
     };
-    const handleRemoveQuantity = () => {
-        if (variantQuantity > 0) {
-            setVariantQuantity(variantQuantity - 1);
+    const handleRemoveProduct = () => {
+        const variantsToRemove = eventProduct.eventProductVariants
+            .filter((variant) => (selectedQuantityByVariant?.[variant.id] ?? 0) > 0)
+            .map((variant) => ({
+            eventProductVariantId: variant.id,
+            productVariantId: variant.productVariant.id,
+            quantity: 0,
+            price: variant.priceWithVat,
+            excludedShippingMethodIds: eventProduct.excludedShippingMethods.map((method) => method.id),
+        }));
+        if (variantsToRemove.length === 0) {
+            return;
         }
-        setSelectedVariant((prevState) => {
-            if (!prevState)
-                return null;
-            return {
-                ...prevState,
-                quantity: variantQuantity - 1,
-            };
-        });
+        callback(variantsToRemove);
+        setDraftQuantities({});
+        onClose?.();
     };
+    const hasSelectedVariants = eventProduct.eventProductVariants.some((variant) => (selectedQuantityByVariant?.[variant.id] ?? 0) > 0);
+    const variantsById = useMemo(() => new Map(eventProduct.eventProductVariants.map((variant) => [variant.id, variant])), [eventProduct.eventProductVariants]);
+    const totalDraftPrice = useMemo(() => Object.entries(draftQuantities).reduce((total, [variantId, qty]) => {
+        const variant = variantsById.get(Number(variantId));
+        if (!variant)
+            return total;
+        return total + variant.priceWithVat * qty;
+    }, 0), [draftQuantities, variantsById]);
+    const hasDraftSelection = useMemo(() => eventProduct.eventProductVariants.some((variant) => (draftQuantities[variant.id] ?? 0) > 0), [eventProduct.eventProductVariants, draftQuantities]);
     return (React.createElement(Dialog, { open: openDialog, onClose: () => onClose && onClose(), fullWidth: true, sx: {
             mx: 'auto',
             width: {
@@ -134,35 +158,96 @@ const ProductVariantsDialog = ({ eventProduct, openDialog, onClose, callback, se
                 height: options?.isIframe ? 'auto' : '100%',
             },
         } },
-        React.createElement(DialogTitle, null),
-        React.createElement(DialogContent, null,
+        React.createElement(DialogTitle, { sx: { textAlign: 'center', fontWeight: 700, fontSize: { xs: '1.5rem', sm: '1.5rem' } } }, eventProduct.product.name),
+        React.createElement(DialogContent, { sx: { pb: 0 } },
             React.createElement(Stack, { spacing: 1 },
-                React.createElement(Image, { src: eventProduct.product.previewImage.url, alt: eventProduct.product.name, ratio: "1/1", sx: { borderRadius: 2 } }),
-                React.createElement(Typography, { variant: "h5" }, eventProduct.product.name),
+                React.createElement(Image, { src: eventProduct.product.previewImage.url, alt: eventProduct.product.name, ratio: "16/9", sx: { borderRadius: 1 } }),
                 React.createElement(Typography, { variant: "body2", color: "primary" },
                     t('form.labels.category'),
                     ": ",
                     eventProduct.product.category.value.text),
                 React.createElement(Typography, { variant: "caption", dangerouslySetInnerHTML: { __html: eventProduct.product.description } }))),
         React.createElement(DialogActions, { sx: { justifyContent: 'flex-start' } },
-            React.createElement(Stack, { spacing: 2, width: "100%" },
-                React.createElement(Stack, { direction: "row", spacing: 1, flexWrap: "wrap", useFlexGap: true, textAlign: "left" }, eventProduct.eventProductVariants.map((variant) => (React.createElement(Button, { key: variant.id, onClick: () => handleOnClick(variant), variant: variant.id === selectedVariant?.eventProductVariantId ? 'contained' : 'outlined', size: "large", disabled: isOnlyMerchandise ? false : isVariantDisabled(variant) },
-                    React.createElement(Badge, { color: "primary", badgeContent: selectedQuantityByVariant ? selectedQuantityByVariant[variant.id] : 0, sx: { position: 'unset' } }, variant.productVariant.value))))),
-                React.createElement(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", pt: 1 },
-                    selectedVariant && isOnlyMerchandise && (React.createElement(Stack, { direction: "row", alignItems: "center", spacing: 1 },
-                        React.createElement(IconButton, { size: "small", color: "primary", onClick: handleRemoveQuantity, disabled: variantQuantity < 1 },
-                            React.createElement(Iconify, { icon: "eva:minus-fill" })),
-                        React.createElement(Typography, { color: "grey.500" }, variantQuantity),
-                        React.createElement(IconButton, { size: "small", color: "primary", onClick: handleAddQuantity, disabled: isVariantSoldOut() },
-                            React.createElement(Iconify, { icon: "eva:plus-fill" })))),
-                    React.createElement(Typography, { variant: "h4", textAlign: "right", mt: 0 }, variantPrice !== null
-                        ? variantPrice > 0
-                            ? fCurrency(variantPrice, lang, eventProduct.product.currency)
-                            : t('free')
-                        : t('unselected'))),
+            React.createElement(Stack, { spacing: 1, width: "100%" },
+                React.createElement(Stack, { spacing: 1 }, eventProduct.eventProductVariants.map((variant) => {
+                    const draftQty = draftQuantities[variant.id] ?? 0;
+                    const maxAvailable = getMaxAvailable(variant);
+                    const maxSelectable = maxSelectableQuantity === undefined
+                        ? MAX_TICKETS_PER_ORDER
+                        : Math.max(0, Math.min(maxSelectableQuantity, MAX_TICKETS_PER_ORDER));
+                    const isAddDisabled = isVariantDisabled(variant) ||
+                        maxAvailable <= 0 ||
+                        (!canAddOnlyOneAtATime && maxSelectable <= 0);
+                    const isAnotherSelected = canAddOnlyOneAtATime &&
+                        Object.keys(draftQuantities).length > 0 &&
+                        !draftQuantities[variant.id];
+                    return (React.createElement(Stack, { key: variant.id, direction: "row", spacing: 1, alignItems: "center", width: "100%" },
+                        React.createElement(Box, { sx: {
+                                minWidth: 64,
+                                maxWidth: 64,
+                                height: 36,
+                                borderRadius: 1,
+                                border: 1,
+                                borderColor: 'divider',
+                                bgcolor: 'background.paper',
+                                display: 'flex',
+                                alignItems: 'center',
+                                justifyContent: 'center',
+                            } },
+                            React.createElement(Typography, { variant: "body2", fontWeight: 600 }, variant.productVariant.value)),
+                        draftQty > 0 ? (React.createElement(Box, { sx: {
+                                flex: 1,
+                                display: 'grid',
+                                gridTemplateColumns: canAddOnlyOneAtATime
+                                    ? 'repeat(2, minmax(0, 1fr))'
+                                    : 'repeat(3, minmax(0, 1fr))',
+                                gap: 1,
+                                alignItems: 'center',
+                            } },
+                            React.createElement(Button, { variant: "outlined", onClick: () => handleRemoveQuantity(variant), "aria-label": t('components.product_variant_dialog.decrease_quantity'), disabled: draftQty < 1, sx: {
+                                    minWidth: 0,
+                                    height: 36,
+                                    borderRadius: 1,
+                                    fontWeight: 700,
+                                    borderColor: 'grey.300',
+                                    color: 'text.primary',
+                                } }, "-"),
+                            React.createElement(Typography, { sx: {
+                                    minWidth: 0,
+                                    height: 36,
+                                    borderRadius: 1,
+                                    border: 1,
+                                    borderColor: 'divider',
+                                    boxSizing: 'border-box',
+                                    display: 'flex',
+                                    alignItems: 'center',
+                                    justifyContent: 'center',
+                                    textAlign: 'center',
+                                    fontWeight: 700,
+                                    color: 'text.primary',
+                                } }, draftQty),
+                            !canAddOnlyOneAtATime && (React.createElement(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(Button, { variant: "contained", onClick: () => handleAddQuantity(variant), disabled: isOnlyMerchandise ? false : isAddDisabled || isAnotherSelected, sx: {
+                                flex: 1,
+                                height: 36,
+                                borderRadius: 1,
+                                fontWeight: 700,
+                                textTransform: 'none',
+                            } }, t('add'))),
+                        React.createElement(Typography, { variant: "body2" }, variant.priceWithVat > 0
+                            ? fCurrency(variant.priceWithVat, lang, eventProduct.product.currency)
+                            : t('free'))));
+                })),
+                React.createElement(Stack, { direction: "row", spacing: 1, justifyContent: "space-between", alignItems: "center", width: "100%" },
+                    React.createElement(Typography, { variant: "body2" }, t('form.labels.total')),
+                    React.createElement(Typography, { variant: "body2", fontWeight: 600 }, fCurrency(totalDraftPrice, lang, eventProduct.product.currency))),
                 React.createElement(Stack, { direction: "row", spacing: 1, justifyContent: "flex-end", width: "100%" },
-                    onClose && React.createElement(Button, { onClick: onClose }, t('cancel')),
-                    React.createElement(Button, { variant: "contained", onClick: handleOnAdd, disabled: !selectedVariant }, t('add')))))));
+                    hasSelectedVariants && !canAddOnlyOneAtATime && (React.createElement(Button, { variant: "outlined", color: "error", onClick: handleRemoveProduct }, t('remove'))),
+                    onClose && (React.createElement(Button, { onClick: onClose, sx: {
+                            border: 1,
+                            color: 'inherit',
+                            borderColor: (theme) => theme.palette.grey[300],
+                        } }, t('cancel'))),
+                    React.createElement(Button, { variant: "contained", onClick: handleOnAdd, disabled: !hasDraftSelection }, t('confirm')))))));
 };
 
 export { ProductVariantsDialog as default };

package/dist/esm/form/product/ProductVariantsDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductVariantsDialog.js","sources":["../../../../src/form/product/ProductVariantsDialog.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n  Badge,\n  Button,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  IconButton,\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';\nimport { Iconify } from '@components';\n\ninterface Props {\n  eventProduct: IEventProduct;\n  eventId: number;\n  openDialog: boolean;\n  callback: (variant: IEventProductForm) => void;\n  onClose?: () => void;\n  selectedQuantityByVariant?: Record<number, number>;\n  isOnlyMerchandise?: boolean;\n}\n\nconst ProductVariantsDialog: React.FC<Props> = ({\n  eventProduct,\n  openDialog,\n  onClose,\n  callback,\n  selectedQuantityByVariant,\n  isOnlyMerchandise,\n  eventId,\n}) => {\n  const { t, lang, options } = useGlobal();\n  const { showSnackbar } = useGlobal();\n  const [selectedVariant, setSelectedVariant] = useState<IEventProductForm | null>(null);\n  const [variantPrice, setVariantPrice] = useState<number | null>(null);\n  const [variantQuantity, setVariantQuantity] = useState<number>(1);\n  const [isVariantClicked, setIsVariantClicked] = useState(false);\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 (isVariantClicked) {\n      setVariantQuantity(\n        selectedQuantityByVariant &&\n          selectedVariant &&\n          selectedQuantityByVariant[selectedVariant.eventProductVariantId] !== undefined\n          ? selectedQuantityByVariant[selectedVariant.eventProductVariantId]\n          : 1\n      );\n      setIsVariantClicked(false);\n    }\n  }, [selectedVariant, isVariantClicked]);\n\n  const handleOnClick = (variant: IEventProductVariant) => {\n    setVariantPrice(variant.priceWithVat);\n    setSelectedVariant({\n      eventProductVariantId: variant.id,\n      productVariantId: variant.productVariant.id,\n      quantity: 1,\n      price: variant.priceWithVat,\n      excludedShippingMethodIds: eventProduct.excludedShippingMethods.map((method) => method.id),\n    });\n    setIsVariantClicked(true);\n  };\n\n  const handleOnAdd = () => {\n    if (!selectedVariant) {\n      showSnackbar(t('components.product_variant_dialog.select_variant'), { variant: 'error' });\n      return;\n    }\n    callback(selectedVariant);\n    setSelectedVariant(null);\n    onClose?.();\n  };\n\n  const isVariantDisabled = (variant: IEventProductVariant) => {\n    let countUsed = 0;\n    let selectedVariantQuantity = 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            selectedVariantQuantity = product.quantity;\n          }\n        }\n      }\n    }\n\n    return (\n      (variant.productVariant.quantity &&\n        countUsed + variant.productVariant.sold >= variant.productVariant.quantity) ||\n      selectedVariantQuantity >= 10\n    );\n  };\n\n  const isVariantSoldOut = () => {\n    const variant = eventProduct.eventProductVariants.find(\n      (product) => product.id === selectedVariant?.eventProductVariantId\n    );\n    let countUsed = variantQuantity;\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\n    if (variant && variant.productVariant.quantity) {\n      if (\n        variant.productVariant.sold + countUsed >= variant.productVariant.quantity ||\n        variantQuantity >= 10\n      ) {\n        return true;\n      }\n    }\n    return false;\n  };\n\n  const handleAddQuantity = () => {\n    setVariantQuantity(variantQuantity + 1);\n    setSelectedVariant((prevState) => {\n      if (!prevState) return null;\n      return {\n        ...prevState,\n        quantity: variantQuantity + 1,\n      };\n    });\n  };\n\n  const handleRemoveQuantity = () => {\n    if (variantQuantity > 0) {\n      setVariantQuantity(variantQuantity - 1);\n    }\n    setSelectedVariant((prevState) => {\n      if (!prevState) return null;\n      return {\n        ...prevState,\n        quantity: variantQuantity - 1,\n      };\n    });\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      <DialogContent>\n        <Stack spacing={1}>\n          <Image\n            src={eventProduct.product.previewImage.url}\n            alt={eventProduct.product.name}\n            ratio=\"1/1\"\n            sx={{ borderRadius: 2 }}\n          />\n          <Typography variant=\"h5\">{eventProduct.product.name}</Typography>\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={2} width=\"100%\">\n          <Stack direction=\"row\" spacing={1} flexWrap=\"wrap\" useFlexGap textAlign=\"left\">\n            {eventProduct.eventProductVariants.map((variant) => (\n              <Button\n                key={variant.id}\n                onClick={() => handleOnClick(variant)}\n                variant={\n                  variant.id === selectedVariant?.eventProductVariantId ? 'contained' : 'outlined'\n                }\n                size=\"large\"\n                disabled={isOnlyMerchandise ? false : isVariantDisabled(variant)}\n              >\n                <Badge\n                  color=\"primary\"\n                  badgeContent={\n                    selectedQuantityByVariant ? selectedQuantityByVariant[variant.id] : 0\n                  }\n                  sx={{ position: 'unset' }}\n                >\n                  {variant.productVariant.value}\n                </Badge>\n              </Button>\n            ))}\n          </Stack>\n          <Stack direction=\"row\" justifyContent=\"space-between\" alignItems=\"center\" pt={1}>\n            {selectedVariant && isOnlyMerchandise && (\n              <Stack direction=\"row\" alignItems=\"center\" spacing={1}>\n                <IconButton\n                  size=\"small\"\n                  color=\"primary\"\n                  onClick={handleRemoveQuantity}\n                  disabled={variantQuantity < 1}\n                >\n                  <Iconify icon=\"eva:minus-fill\" />\n                </IconButton>\n                <Typography color=\"grey.500\">{variantQuantity}</Typography>\n                <IconButton\n                  size=\"small\"\n                  color=\"primary\"\n                  onClick={handleAddQuantity}\n                  disabled={isVariantSoldOut()}\n                >\n                  <Iconify icon=\"eva:plus-fill\" />\n                </IconButton>\n              </Stack>\n            )}\n            <Typography variant=\"h4\" textAlign=\"right\" mt={0}>\n              {variantPrice !== null\n                ? variantPrice > 0\n                  ? fCurrency(variantPrice, lang, eventProduct.product.currency)\n                  : t('free')\n                : t('unselected')}\n            </Typography>\n          </Stack>\n          <Stack direction=\"row\" spacing={1} justifyContent=\"flex-end\" width=\"100%\">\n            {onClose && <Button onClick={onClose}>{t('cancel')}</Button>}\n            <Button variant=\"contained\" onClick={handleOnAdd} disabled={!selectedVariant}>\n              {t('add')}\n            </Button>\n          </Stack>\n        </Stack>\n      </DialogActions>\n    </Dialog>\n  );\n};\n\nexport default ProductVariantsDialog;\n"],"names":[],"mappings":"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"}
+{"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":[],"mappings":"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"}