@eventlook/sdk 1.4.50 → 1.4.51-beta.3

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

@@ -3,9 +3,10 @@ import { Dialog, DialogTitle, DialogContent, Stack, Typography, DialogActions, B
 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';
 
-const ProductVariantsDialog = ({ eventProduct, openDialog, onClose, callback, selectedQuantityByVariant, isOnlyMerchandise, eventId, canAddOnlyOneAtATime, }) => {
+const ProductVariantsDialog = ({ eventProduct, openDialog, onClose, callback, selectedQuantityByVariant, isOnlyMerchandise, eventId, canAddOnlyOneAtATime, maxSelectableQuantity, }) => {
     const { t, lang, options } = useGlobal();
     const { showSnackbar } = useGlobal();
     const [draftQuantities, setDraftQuantities] = useState({});
@@ -19,8 +20,13 @@ const ProductVariantsDialog = ({ eventProduct, openDialog, onClose, callback, se
         }
     }, [openDialog]);
     useEffect(() => {
-        if (openDialog) {
-            setDraftQuantities(canAddOnlyOneAtATime ? {} : (selectedQuantityByVariant ?? {}));
+        if (openDialog && canAddOnlyOneAtATime) {
+            setDraftQuantities({});
+        }
+    }, [openDialog, canAddOnlyOneAtATime]);
+    useEffect(() => {
+        if (openDialog && !canAddOnlyOneAtATime) {
+            setDraftQuantities(selectedQuantityByVariant ?? {});
         }
     }, [openDialog, selectedQuantityByVariant, canAddOnlyOneAtATime]);
     const handleOnAdd = () => {
@@ -85,12 +91,16 @@ const ProductVariantsDialog = ({ eventProduct, openDialog, onClose, callback, se
             const current = prev[variant.id] ?? 0;
             const next = current + 1;
             const maxAvailable = getMaxAvailable(variant);
-            if (next > 10 || next > maxAvailable)
-                return prev;
             if (canAddOnlyOneAtATime) {
-                // Only allow one variant to be selected
+                if (maxAvailable < 1)
+                    return prev;
                 return { [variant.id]: 1 };
             }
+            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 };
         });
     };
@@ -162,7 +172,12 @@ const ProductVariantsDialog = ({ eventProduct, openDialog, onClose, callback, se
                 React.createElement(Stack, { spacing: 1 }, eventProduct.eventProductVariants.map((variant) => {
                     const draftQty = draftQuantities[variant.id] ?? 0;
                     const maxAvailable = getMaxAvailable(variant);
-                    const isAddDisabled = isVariantDisabled(variant) || maxAvailable <= 0;
+                    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];
@@ -211,7 +226,7 @@ const ProductVariantsDialog = ({ eventProduct, openDialog, onClose, callback, se
                                     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 >= 10 || 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: {
+                            !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,

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, 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":[],"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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"}

package/dist/esm/form/tickets/ReleaseWithMerchandise.js

@@ -4,6 +4,7 @@ import ProductVariantsDialog from '../product/ProductVariantsDialog.js';
 import TicketQuantityControl from './TicketQuantityControl.js';
 import { useFormContext, useWatch } from 'react-hook-form';
 import { fCurrency } from '../../utils/formatNumber.js';
+import { MAX_TICKETS_PER_ORDER } from '../../utils/data/ticket.js';
 import { getSelectedQuantityByVariant } from '../../utils/product.js';
 import ReleaseExtraFields from '../extra-field/ReleaseExtraFields.js';
 import ReleaseDescription from './ReleaseDescription.js';
@@ -20,10 +21,17 @@ const ReleaseWithMerchandise = ({ eventId, release, activeReleases, currency, in
     const countTickets = addedRelease?.quantity || 0;
     const getReleaseTitle = (release) => release.releaseCategoryName || release.name || '';
     const getSelectedQuantity = (id) => tickets.find((ticket) => ticket.releaseId === id)?.quantity || 0;
+    const countSelectedTickets = () => {
+        let count = 0;
+        for (const ticket of tickets) {
+            count += Number(ticket.quantity || 0);
+        }
+        return count;
+    };
     const getAvailableTicketsForRelease = (release) => {
         const selectedRelease = activeReleases?.find((item) => item.id === release.releaseId);
         const availableQuantity = selectedRelease ? selectedRelease.availableTickets : 0;
-        return availableQuantity > 10 ? 10 : availableQuantity;
+        return availableQuantity > MAX_TICKETS_PER_ORDER ? MAX_TICKETS_PER_ORDER : availableQuantity;
     };
     const isMaxQuantity = (releaseId) => {
         const release = tickets.find((ticket) => ticket.releaseId === releaseId);
@@ -37,7 +45,15 @@ const ReleaseWithMerchandise = ({ eventId, release, activeReleases, currency, in
             : productsToAdd
                 ? [productsToAdd]
                 : [];
-        const quantity = normalizedProducts.length ? normalizedProducts.length : 1;
+        const requestedQuantity = normalizedProducts.length ? normalizedProducts.length : 1;
+        const releaseMaxQuantity = Math.min(release.availableTickets || 0, MAX_TICKETS_PER_ORDER);
+        const remainingOrderCapacity = Math.max(0, MAX_TICKETS_PER_ORDER - countSelectedTickets());
+        const quantity = Math.min(requestedQuantity, releaseMaxQuantity, remainingOrderCapacity);
+        if (quantity <= 0) {
+            setOpenVariantDialog(null);
+            return;
+        }
+        const selectedProducts = normalizedProducts.slice(0, quantity);
         const extraFields = release.extraFields?.length
             ? Array.from({ length: quantity }, () => release.extraFields.map((field) => ({
                 eventExtraFieldId: field.id,
@@ -51,7 +67,7 @@ const ReleaseWithMerchandise = ({ eventId, release, activeReleases, currency, in
                 quantity,
                 itemName: '',
                 price: 0,
-                products: normalizedProducts,
+                products: selectedProducts,
                 extraFields,
             },
         ]);
@@ -67,7 +83,8 @@ const ReleaseWithMerchandise = ({ eventId, release, activeReleases, currency, in
         if (addedRelease) {
             const increment = normalizedProducts.length ? normalizedProducts.length : 1;
             const maxQuantity = getAvailableTicketsForRelease(addedRelease);
-            const availableIncrement = Math.max(0, Math.min(increment, maxQuantity - Number(addedRelease.quantity)));
+            const remainingOrderCapacity = Math.max(0, MAX_TICKETS_PER_ORDER - countSelectedTickets());
+            const availableIncrement = Math.max(0, Math.min(increment, maxQuantity - Number(addedRelease.quantity), remainingOrderCapacity));
             if (availableIncrement === 0)
                 return;
             const newQuantity = Number(addedRelease.quantity) + availableIncrement;
@@ -112,6 +129,9 @@ const ReleaseWithMerchandise = ({ eventId, release, activeReleases, currency, in
             }
         }
     }, [tickets, release.id, setValue]);
+    const remainingOrderCapacity = Math.max(0, MAX_TICKETS_PER_ORDER - countSelectedTickets());
+    const nextRelease = activeReleases?.find((item) => item.releaseCategoryName === release.releaseCategoryName && item.order === release.order + 1);
+    const hasSelectedNextRelease = !!nextRelease && getSelectedQuantity(nextRelease.id) > 0;
     return (React.createElement(Box, { sx: {
             pt: 1,
             pr: 0.5,
@@ -125,12 +145,16 @@ const ReleaseWithMerchandise = ({ eventId, release, activeReleases, currency, in
                 React.createElement(Typography, { variant: "subtitle2", fontWeight: 700 }, getReleaseTitle(release))),
             React.createElement(Stack, { direction: "row", alignItems: "center", justifyContent: "space-between" },
                 React.createElement(Stack, null,
-                    React.createElement(Typography, { variant: "body2" }, release.price === 0 ? t('free') : fCurrency(release.price, lang, currency)),
+                    React.createElement(Typography, { variant: "body2" },
+                        release.price === 0 ? t('free') : fCurrency(release.price, lang, currency),
+                        " -",
+                        ' ',
+                        release.name),
                     React.createElement(ReleaseDescription, { description: release.description, isExpanded: isDescriptionExpanded, onToggle: () => setIsDescriptionExpanded((prev) => !prev), moreInfoLabel: t('more_info') })),
-                React.createElement(TicketQuantityControl, { quantity: getSelectedQuantity(release.id), isDisabled: release.locked, canAddFirst: !release.locked, canAddMore: !isMaxQuantity(release.id), addLabel: t('add'), onDecrement: () => decreaseQuantity(), onIncrement: () => release.product ? setOpenVariantDialog('increase') : increaseQuantity(), onAddFirst: () => (release.product ? setOpenVariantDialog('add') : addRelease()) })),
+                React.createElement(TicketQuantityControl, { 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()) })),
             React.createElement(ReleaseDescription, { description: release.description, isExpanded: isDescriptionExpanded, onToggle: () => setIsDescriptionExpanded((prev) => !prev), moreInfoLabel: t('more_info'), showCollapse: true }),
             release.extraFields && release.extraFields.length > 0 && (React.createElement(ReleaseExtraFields, { release: release, eventId: eventId, releaseIndex: index, quantity: countTickets })),
-            release.product && (React.createElement(ProductVariantsDialog, { eventProduct: release.product, openDialog: !!openVariantDialog, callback: openVariantDialog === 'increase' ? increaseQuantity : addRelease, onClose: () => setOpenVariantDialog(null), selectedQuantityByVariant: getSelectedQuantityByVariant(products, tickets), eventId: eventId, canAddOnlyOneAtATime: true })))));
+            release.product && (React.createElement(ProductVariantsDialog, { eventProduct: release.product, openDialog: !!openVariantDialog, callback: openVariantDialog === 'increase' ? increaseQuantity : addRelease, onClose: () => setOpenVariantDialog(null), selectedQuantityByVariant: getSelectedQuantityByVariant(products, tickets), eventId: eventId, canAddOnlyOneAtATime: true, maxSelectableQuantity: remainingOrderCapacity })))));
 };
 
 export { ReleaseWithMerchandise as default };

package/dist/esm/form/tickets/ReleaseWithMerchandise.js.map

@@ -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":[],"mappings":"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"}
+{"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)}\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              {release.name}\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":[],"mappings":";;;;;;;;;;;;AAwBA,MAAM,sBAAsB,GAAoB,CAAC,EAC/C,OAAO,EACP,OAAO,EACP,cAAc,EACd,QAAQ,EACR,KAAK,GACN,KAAI;IACH,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,SAAS,EAAE;IAC/B,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAA4B,IAAI,CAAC;IAC3F,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AACzE,IAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,cAAc,EAAe;AAClD,IAAA,MAAM,OAAO,GAAwB,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAA,QAAA,EAAW,OAAO,CAAA,CAAE,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC;AAC/F,IAAA,MAAM,QAAQ,GAAwB,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAA,SAAA,EAAY,OAAO,CAAA,CAAE,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC;AACjG,IAAA,MAAM,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,SAAS,KAAK,OAAO,CAAC,EAAE,CAAC;AAC9E,IAAA,MAAM,YAAY,GAAG,YAAY,EAAE,QAAQ,IAAI,CAAC;AAEhD,IAAA,MAAM,eAAe,GAAG,CAAC,OAAsB,KAC7C,OAAO,CAAC,mBAAmB,IAAI,OAAO,CAAC,IAAI,IAAI,EAAE;IAEnD,MAAM,mBAAmB,GAAG,CAAC,EAAU,KACrC,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,SAAS,KAAK,EAAE,CAAC,EAAE,QAAQ,IAAI,CAAC;IAElE,MAAM,oBAAoB,GAAG,MAAK;QAChC,IAAI,KAAK,GAAG,CAAC;AACb,QAAA,KAAK,MAAM,MAAM,IAAI,OAAO,EAAE;YAC5B,KAAK,IAAI,MAAM,CAAC,MAAM,CAAC,QAAQ,IAAI,CAAC,CAAC;;AAGvC,QAAA,OAAO,KAAK;AACd,KAAC;AAED,IAAA,MAAM,6BAA6B,GAAG,CAAC,OAA0B,KAAY;AAC3E,QAAA,MAAM,eAAe,GAAG,cAAc,EAAE,IAAI,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,EAAE,KAAK,OAAO,CAAC,SAAS,CAAC;AACrF,QAAA,MAAM,iBAAiB,GAAG,eAAe,GAAG,eAAe,CAAC,gBAAgB,GAAG,CAAC;QAChF,OAAO,iBAAiB,GAAG,qBAAqB,GAAG,qBAAqB,GAAG,iBAAiB;AAC9F,KAAC;AAED,IAAA,MAAM,aAAa,GAAG,CAAC,SAAiB,KAAI;AAC1C,QAAA,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,SAAS,KAAK,SAAS,CAAC;AACxE,QAAA,IAAI,CAAC,OAAO;AAAE,YAAA,OAAO,KAAK;QAC1B,OAAO,mBAAmB,CAAC,SAAS,CAAC,IAAI,6BAA6B,CAAC,OAAO,CAAC;AACjF,KAAC;AAED,IAAA,MAAM,UAAU,GAAG,CAAC,aAAuD,KAAI;AAC7E,QAAA,MAAM,kBAAkB,GAAG,KAAK,CAAC,OAAO,CAAC,aAAa;AACpD,cAAE;AACF,cAAE;kBACE,CAAC,aAAa;kBACd,EAAE;AACR,QAAA,MAAM,iBAAiB,GAAG,kBAAkB,CAAC,MAAM,GAAG,kBAAkB,CAAC,MAAM,GAAG,CAAC;AACnF,QAAA,MAAM,kBAAkB,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,gBAAgB,IAAI,CAAC,EAAE,qBAAqB,CAAC;AACzF,QAAA,MAAM,sBAAsB,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,qBAAqB,GAAG,oBAAoB,EAAE,CAAC;AAC1F,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,EAAE,kBAAkB,EAAE,sBAAsB,CAAC;AAExF,QAAA,IAAI,QAAQ,IAAI,CAAC,EAAE;YACjB,oBAAoB,CAAC,IAAI,CAAC;YAC1B;;QAGF,MAAM,gBAAgB,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,CAAC;AAC9D,QAAA,MAAM,WAAW,GAAG,OAAO,CAAC,WAAW,EAAE;cACrC,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,MAC/B,OAAO,CAAC,WAAY,CAAC,GAAG,CAAC,CAAC,KAAK,MAAM;gBACnC,iBAAiB,EAAE,KAAK,CAAC,EAAE;AAC3B,gBAAA,KAAK,EAAE,EAAE;AACV,aAAA,CAAC,CAAC;cAEL,EAAE;AAEN,QAAA,QAAQ,CAAC,CAAA,QAAA,EAAW,OAAO,CAAA,CAAE,EAAE;AAC7B,YAAA,GAAG,OAAO;AACV,YAAA;gBACE,SAAS,EAAE,OAAO,CAAC,EAAE;gBACrB,QAAQ;AACR,gBAAA,QAAQ,EAAE,EAAE;AACZ,gBAAA,KAAK,EAAE,CAAC;AACR,gBAAA,QAAQ,EAAE,gBAAgB;gBAC1B,WAAW;AACZ,aAAA;AACF,SAAA,CAAC;QACF,oBAAoB,CAAC,IAAI,CAAC;AAC5B,KAAC;AAED,IAAA,MAAM,gBAAgB,GAAG,CAAC,aAAuD,KAAI;AACnF,QAAA,MAAM,kBAAkB,GAAG,KAAK,CAAC,OAAO,CAAC,aAAa;AACpD,cAAE;AACF,cAAE;kBACE,CAAC,aAAa;kBACd,EAAE;AACR,QAAA,MAAM,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,SAAS,KAAK,OAAO,CAAC,EAAE,CAAC;QAC9E,IAAI,YAAY,EAAE;AAChB,YAAA,MAAM,SAAS,GAAG,kBAAkB,CAAC,MAAM,GAAG,kBAAkB,CAAC,MAAM,GAAG,CAAC;AAC3E,YAAA,MAAM,WAAW,GAAG,6BAA6B,CAAC,YAAY,CAAC;AAC/D,YAAA,MAAM,sBAAsB,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,qBAAqB,GAAG,oBAAoB,EAAE,CAAC;YAC1F,MAAM,kBAAkB,GAAG,IAAI,CAAC,GAAG,CACjC,CAAC,EACD,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,WAAW,GAAG,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,EAAE,sBAAsB,CAAC,CACzF;YACD,IAAI,kBAAkB,KAAK,CAAC;gBAAE;YAE9B,MAAM,WAAW,GAAG,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,GAAG,kBAAkB;YACtE,MAAM,aAAa,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC,EAAE,kBAAkB,CAAC;AACrE,YAAA,MAAM,gBAAgB,GAAG,OAAO,CAAC,WAAW,EAAE;kBAC1C,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,kBAAkB,EAAE,EAAE,MACzC,OAAO,CAAC,WAAY,CAAC,GAAG,CAAC,CAAC,KAAK,MAAM;oBACnC,iBAAiB,EAAE,KAAK,CAAC,EAAE;AAC3B,oBAAA,KAAK,EAAE,EAAE;AACV,iBAAA,CAAC,CAAC;kBAEL,EAAE;YAEN,QAAQ,CACN,WAAW,OAAO,CAAA,CAAE,EACpB,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,KACjB,MAAM,CAAC,SAAS,KAAK,OAAO,CAAC;AAC3B,kBAAE;AACE,oBAAA,GAAG,MAAM;oBACT,QAAQ,EAAE,WAAW,GAAG,WAAW,GAAG,WAAW,GAAG,WAAW;oBAC/D,QAAQ,EAAE,CAAC,GAAG,MAAM,CAAC,QAAQ,EAAE,GAAG,aAAa,CAAC;AAChD,oBAAA,WAAW,EAAE,OAAO,CAAC,WAAW,EAAE;0BAC9B,CAAC,GAAG,MAAM,CAAC,WAAW,EAAE,GAAG,gBAAgB;AAC7C,0BAAE,EAAE;AACP;AACH,kBAAE,MAAM,CACX,CACF;YACD,oBAAoB,CAAC,IAAI,CAAC;;AAE9B,KAAC;AAED,IAAA,MAAM,gBAAgB,GAAG,WAAW,CAAC,MAAK;AACxC,QAAA,MAAM,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,SAAS,KAAK,OAAO,CAAC,EAAE,CAAC;QAC9E,IAAI,YAAY,EAAE;YAChB,MAAM,WAAW,GAAG,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC;AACrD,YAAA,IAAI,WAAW,GAAG,CAAC,EAAE;gBACnB,QAAQ,CACN,WAAW,OAAO,CAAA,CAAE,EACpB,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,SAAS,KAAK,OAAO,CAAC,EAAE,CAAC,CAC5D;;iBACI;AACL,gBAAA,QAAQ,CACN,CAAA,QAAA,EAAW,OAAO,CAAA,CAAE,EACpB,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,KAAI;AACrB,oBAAA,IAAI,MAAM,CAAC,SAAS,KAAK,OAAO,CAAC,EAAE;AAAE,wBAAA,OAAO,MAAM;oBAElD,OAAO;AACL,wBAAA,GAAG,MAAM;AACT,wBAAA,QAAQ,EAAE,WAAW;AACrB,wBAAA,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC;wBACxC,WAAW,EAAE,MAAM,EAAE,WAAW,EAAE,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC;qBAC/C;iBACF,CAAC,CACH;;;KAGN,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;AAEnC,IAAA,MAAM,sBAAsB,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,qBAAqB,GAAG,oBAAoB,EAAE,CAAC;AAC1F,IAAA,MAAM,WAAW,GAAG,cAAc,EAAE,IAAI,CACtC,CAAC,IAAI,KACH,IAAI,CAAC,mBAAmB,KAAK,OAAO,CAAC,mBAAmB,IAAI,IAAI,CAAC,KAAK,KAAK,OAAO,CAAC,KAAK,GAAG,CAAC,CAC/F;AACD,IAAA,MAAM,sBAAsB,GAAG,CAAC,CAAC,WAAW,IAAI,mBAAmB,CAAC,WAAW,CAAC,EAAE,CAAC,GAAG,CAAC;AAEvF,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EACF,EAAE,EAAE;AACF,YAAA,EAAE,EAAE,CAAC;AACL,YAAA,EAAE,EAAE,GAAG;AACP,YAAA,EAAE,EAAE,GAAG;AACP,YAAA,EAAE,EAAE,CAAC;AACL,YAAA,YAAY,EAAE,CAAC;AACf,YAAA,OAAO,EAAE,CAAC,KAAK,KACb,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACrF,SAAA,EAAA;AAED,QAAA,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,OAAO,EAAE,CAAC,EAAA;AACf,YAAA,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,IAAA;AACF,gBAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAC,WAAW,EAAC,UAAU,EAAE,GAAG,IAC5C,eAAe,CAAC,OAAO,CAAC,CACd,CACT;AAEN,YAAA,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,SAAS,EAAC,KAAK,EAAC,UAAU,EAAC,QAAQ,EAAC,cAAc,EAAC,eAAe,EAAA;AACvE,gBAAA,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,IAAA;AACJ,oBAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAC,OAAO,EAAA;wBACxB,OAAO,CAAC,KAAK,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,CAAC;;wBAAI,GAAG;wBACjF,OAAO,CAAC,IAAI,CACF;AAEb,oBAAA,KAAA,CAAA,aAAA,CAAC,kBAAkB,EAAA,EACjB,WAAW,EAAE,OAAO,CAAC,WAAW,EAChC,UAAU,EAAE,qBAAqB,EACjC,QAAQ,EAAE,MAAM,wBAAwB,CAAC,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,EACzD,aAAa,EAAE,CAAC,CAAC,WAAW,CAAC,GAC7B,CACI;gBAER,KAAA,CAAA,aAAA,CAAC,qBAAqB,EAAA,EACpB,QAAQ,EAAE,mBAAmB,CAAC,OAAO,CAAC,EAAE,CAAC,EACzC,UAAU,EAAE,OAAO,CAAC,MAAM,IAAI,sBAAsB,EACpD,WAAW,EAAE,CAAC,OAAO,CAAC,MAAM,IAAI,CAAC,sBAAsB,IAAI,sBAAsB,GAAG,CAAC,EACrF,UAAU,EACR,CAAC,aAAa,CAAC,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,sBAAsB,IAAI,sBAAsB,GAAG,CAAC,EAErF,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC,EAClB,WAAW,EAAE,MAAM,gBAAgB,EAAE,EACrC,WAAW,EAAE,MACX,OAAO,CAAC,OAAO,GAAG,oBAAoB,CAAC,UAAU,CAAC,GAAG,gBAAgB,EAAE,EAEzE,UAAU,EAAE,OAAO,OAAO,CAAC,OAAO,GAAG,oBAAoB,CAAC,KAAK,CAAC,GAAG,UAAU,EAAE,CAAC,EAAA,CAChF,CACI;AAER,YAAA,KAAA,CAAA,aAAA,CAAC,kBAAkB,EAAA,EACjB,WAAW,EAAE,OAAO,CAAC,WAAW,EAChC,UAAU,EAAE,qBAAqB,EACjC,QAAQ,EAAE,MAAM,wBAAwB,CAAC,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,EACzD,aAAa,EAAE,CAAC,CAAC,WAAW,CAAC,EAC7B,YAAY,EAAA,IAAA,EAAA,CACZ;AACD,YAAA,OAAO,CAAC,WAAW,IAAI,OAAO,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,KACpD,oBAAC,kBAAkB,EAAA,EACjB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,KAAK,EACnB,QAAQ,EAAE,YAAY,GACtB,CACH;AACA,YAAA,OAAO,CAAC,OAAO,KACd,KAAA,CAAA,aAAA,CAAC,qBAAqB,EAAA,EACpB,YAAY,EAAE,OAAO,CAAC,OAAO,EAC7B,UAAU,EAAE,CAAC,CAAC,iBAAiB,EAC/B,QAAQ,EAAE,iBAAiB,KAAK,UAAU,GAAG,gBAAgB,GAAG,UAAU,EAC1E,OAAO,EAAE,MAAM,oBAAoB,CAAC,IAAI,CAAC,EACzC,yBAAyB,EAAE,4BAA4B,CAAC,QAAQ,EAAE,OAAO,CAAC,EAC1E,OAAO,EAAE,OAAO,EAChB,oBAAoB,EAAA,IAAA,EACpB,qBAAqB,EAAE,sBAAsB,EAAA,CAC7C,CACH,CACK,CACJ;AAEV;;;;"}

package/dist/esm/form/tickets/TicketSelection.js

@@ -1,4 +1,4 @@
-import React, { useState, useRef, useEffect } from 'react';
+import React, { useRef, useEffect } from 'react';
 import { useFormContext, useWatch } from 'react-hook-form';
 import { Stack, Divider, Box, Typography } from '@mui/material';
 import useEventActiveReleases from '../../hooks/data/useEventActiveReleases.js';
@@ -6,6 +6,7 @@ import { groupBy } from '../../utils/global.js';
 import useResponsive from '../../hooks/useResponsive.js';
 import ReleaseExtraFields from '../extra-field/ReleaseExtraFields.js';
 import { EventType } from '../../utils/data/event.js';
+import { MAX_TICKETS_PER_ORDER } from '../../utils/data/ticket.js';
 import useGlobal from '../../hooks/useGlobal.js';
 import TicketSelectionMobile from './TicketSelectionMobile.js';
 
@@ -18,7 +19,6 @@ const TicketSelection = ({ event }) => {
         defaultValue: [],
     });
     const eventTimeslotId = watch('eventTimeslotId');
-    const [soldOutReleaseCategoryNames, setSoldOutReleaseCategoryNames] = useState([]);
     const isProcessingRef = useRef(false);
     const { data: activeReleases, mutate } = useEventActiveReleases(event.id, false, event.type === EventType.RECURRING ? eventTimeslotId : undefined);
     const showLoading = !activeReleases && event.type !== EventType.RECURRING;
@@ -44,7 +44,7 @@ const TicketSelection = ({ event }) => {
     // const getAvailableTicketsForRelease = (release: ITicketFormTicket): number => {
     //   const selectedRelease = activeReleases?.find((item) => item.id === release.releaseId);
     //   const availableQuantity = selectedRelease ? selectedRelease.availableTickets : 0;
-    //   return availableQuantity > 10 ? 10 : availableQuantity;
+    //   return availableQuantity > MAX_TICKETS_PER_ORDER ? MAX_TICKETS_PER_ORDER : availableQuantity;
     // };
     const countReleaseCategories = () => {
         const grouped = groupBy(activeReleases || [], 'releaseCategoryName');
@@ -54,7 +54,12 @@ const TicketSelection = ({ event }) => {
         const lockedSelectedReleases = releases?.map((item, index) => {
             const nextRelease = releases?.find((item2) => item2.releaseCategoryName === item.releaseCategoryName && item2.order === item.order + 1);
             const selected = tickets.find((ticket) => ticket.releaseId === item.id);
-            return !!nextRelease && item.locked && !!selected && index + 1 == tickets.length;
+            const maxSelectable = Math.min(item.availableTickets || 0, MAX_TICKETS_PER_ORDER);
+            return (!!nextRelease &&
+                item.locked &&
+                !!selected &&
+                Number(selected.quantity) >= maxSelectable &&
+                index + 1 == tickets.length);
         });
         return lockedSelectedReleases && lockedSelectedReleases.includes(true);
     };
@@ -69,8 +74,8 @@ const TicketSelection = ({ event }) => {
     const isQuantityDisabled = (value, releaseId) => {
         const releaseSelected = tickets.find((item) => item.releaseId === releaseId);
         return releaseSelected && releaseSelected.quantity
-            ? countSelectedTickets() + value - releaseSelected.quantity > 10
-            : countSelectedTickets() + value > 10;
+            ? countSelectedTickets() + value - releaseSelected.quantity > MAX_TICKETS_PER_ORDER
+            : countSelectedTickets() + value > MAX_TICKETS_PER_ORDER;
     };
     const removeTicket = (indexToRemove) => {
         const activeReleases = tickets.filter((_ticket, index) => index !== indexToRemove);
@@ -78,19 +83,37 @@ const TicketSelection = ({ event }) => {
     };
     const selectedTickets = async () => {
         const releases = await mutate();
+        const currentReleases = releases || activeReleases || [];
         const allFilled = tickets.filter((item) => !item.releaseId || !item.quantity);
-        const soldOutReleaseCategories = activeReleases?.filter((release) => tickets.find((ticket) => release.id === ticket.releaseId &&
-            ticket.quantity === release.availableTickets &&
-            release.availableTickets !== 10));
-        setSoldOutReleaseCategoryNames(soldOutReleaseCategories?.map((item) => item.releaseCategoryName) || []);
-        const hasSelectableRelease = activeReleases?.some((release) => !isReleaseSelected(release.id) && !release.locked);
+        const soldOutReleaseCategories = currentReleases.filter((release) => tickets.find((ticket) => release.id === ticket.releaseId &&
+            Number(ticket.quantity) >= Math.min(release.availableTickets || 0, MAX_TICKETS_PER_ORDER)));
+        if (currentReleases.length) {
+            let hasChanges = false;
+            const updatedReleases = currentReleases.map((release) => {
+                const previousRelease = currentReleases.find((item) => item.releaseCategoryName === release.releaseCategoryName &&
+                    item.order === release.order - 1);
+                if (!release.locked || !previousRelease)
+                    return release;
+                const previousTicket = tickets.find((ticket) => ticket.releaseId === previousRelease.id);
+                const previousMaxSelectable = Math.min(previousRelease.availableTickets || 0, MAX_TICKETS_PER_ORDER);
+                const shouldUnlock = Number(previousTicket?.quantity || 0) >= previousMaxSelectable;
+                if (!shouldUnlock)
+                    return release;
+                hasChanges = true;
+                return { ...release, locked: false };
+            });
+            if (hasChanges) {
+                await mutate(updatedReleases, false);
+            }
+        }
+        const hasSelectableRelease = currentReleases.some((release) => !isReleaseSelected(release.id) && !release.locked);
         const shouldAddRow = (soldOutReleaseCategories &&
             selectedReleaseIsSoldOut(releases) &&
             tickets.length < soldOutReleaseCategories.length + countUnlockedReleases() &&
             !allFilled.length) ||
-            (activeReleases &&
-                soldOutReleaseCategories?.length &&
-                activeReleases?.length > tickets.length &&
+            (currentReleases.length &&
+                soldOutReleaseCategories.length &&
+                currentReleases.length > tickets.length &&
                 tickets.length < soldOutReleaseCategories.length + countUnlockedReleases() &&
                 !allFilled.length) ||
             (tickets.length < countReleaseCategories() && !allFilled.length);
@@ -124,7 +147,7 @@ const TicketSelection = ({ event }) => {
         }
     };
     return (React.createElement(Stack, { spacing: 3, direction: "column", divider: !isMobile ? React.createElement(Divider, { sx: { borderStyle: 'dashed' } }) : undefined },
-        React.createElement(TicketSelectionMobile, { event: event, activeReleases: activeReleases, showLoading: showLoading, soldOutReleaseCategoryNames: soldOutReleaseCategoryNames, tickets: tickets, isQuantityDisabled: isQuantityDisabled, setValue: setValue, removeTicket: removeTicket, getExtraFields: getExtraFields }),
+        React.createElement(TicketSelectionMobile, { event: event, activeReleases: activeReleases, showLoading: showLoading, tickets: tickets, isQuantityDisabled: isQuantityDisabled, setValue: setValue, removeTicket: removeTicket, getExtraFields: getExtraFields }),
         React.createElement(Box, null,
             React.createElement(Typography, { variant: "caption", component: "div", fontStyle: "italic", mb: 2 },
                 "*",

package/dist/esm/form/tickets/TicketSelection.js.map

@@ -1 +1 @@
-{"version":3,"file":"TicketSelection.js","sources":["../../../../src/form/tickets/TicketSelection.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { useFormContext, useWatch } from 'react-hook-form';\nimport { Box, Divider, Stack, Typography } from '@mui/material';\nimport { ITicketForm, ITicketFormTicket } from '@utils/types/ticket.type';\nimport useEventActiveReleases from '@hooks/data/useEventActiveReleases';\nimport { groupBy } from '@utils/global';\nimport { IReleaseShort } from '@utils/types/release.type';\nimport { IEvent } from '@utils/types/event.type';\nimport useResponsive from '@hooks/useResponsive';\nimport ReleaseExtraFields from '@form/extra-field/ReleaseExtraFields';\nimport { EventType } from '@utils/data/event';\nimport useGlobal from '@hooks/useGlobal.ts';\nimport TicketSelectionMobile from './TicketSelectionMobile';\n\ninterface Props {\n  event: IEvent;\n}\n\nconst TicketSelection: React.FC<Props> = ({ event }) => {\n  const { t } = useGlobal();\n  const isMobile = useResponsive('down', 'md');\n  const { setValue, watch } = useFormContext<ITicketForm>();\n  const tickets = useWatch({\n    name: `tickets.${event.id}`,\n    defaultValue: [],\n  }) as ITicketFormTicket[];\n  const eventTimeslotId = watch('eventTimeslotId');\n  const [soldOutReleaseCategoryNames, setSoldOutReleaseCategoryNames] = useState<string[]>([]);\n  const isProcessingRef = useRef(false);\n  const { data: activeReleases, mutate } = useEventActiveReleases(\n    event.id,\n    false,\n    event.type === EventType.RECURRING ? eventTimeslotId : undefined\n  );\n\n  const showLoading = !activeReleases && event.type !== EventType.RECURRING;\n\n  useEffect(() => {\n    if (!isProcessingRef.current) selectedTickets();\n  }, [tickets, activeReleases]);\n\n  const isReleaseSelected = (id: number) => !!tickets.find((ticket) => ticket.releaseId === id);\n\n  const getRelease = (releaseId: number) => {\n    const release = activeReleases?.find((activeRelease) => activeRelease.id === releaseId);\n    return release ? release : null;\n  };\n\n  const getExtraFields = (releaseId: number | '', index: number) => {\n    if (!releaseId) return null;\n\n    const release = getRelease(releaseId);\n\n    if (!release || !release?.extraFields || release?.extraFields.length <= 0) return null;\n\n    const addedRelease = tickets.find((ticket) => ticket.releaseId === release.id);\n    const countTickets = addedRelease?.quantity || 0;\n    return (\n      <ReleaseExtraFields\n        release={release}\n        eventId={event.id}\n        releaseIndex={index}\n        quantity={countTickets}\n      />\n    );\n  };\n\n  // const getAvailableTicketsForRelease = (release: ITicketFormTicket): number => {\n  //   const selectedRelease = activeReleases?.find((item) => item.id === release.releaseId);\n  //   const availableQuantity = selectedRelease ? selectedRelease.availableTickets : 0;\n  //   return availableQuantity > 10 ? 10 : availableQuantity;\n  // };\n\n  const countReleaseCategories = (): number => {\n    const grouped = groupBy(activeReleases || [], 'releaseCategoryName');\n    return Object.keys(grouped).length;\n  };\n\n  const selectedReleaseIsSoldOut = (releases: IReleaseShort[] | undefined) => {\n    const lockedSelectedReleases: boolean[] | undefined = releases?.map((item, index) => {\n      const nextRelease = releases?.find(\n        (item2) =>\n          item2.releaseCategoryName === item.releaseCategoryName && item2.order === item.order + 1\n      );\n      const selected = tickets.find((ticket) => ticket.releaseId === item.id);\n      return !!nextRelease && item.locked && !!selected && index + 1 == tickets.length;\n    });\n    return lockedSelectedReleases && lockedSelectedReleases.includes(true);\n  };\n\n  const countUnlockedReleases = () => activeReleases?.filter((item) => !item.locked).length || 0;\n\n  const countSelectedTickets = () => {\n    let count = 0;\n    for (const ticket of tickets) {\n      count += +ticket.quantity;\n    }\n\n    return count;\n  };\n\n  const isQuantityDisabled = (value: number, releaseId: number | '') => {\n    const releaseSelected = tickets.find((item) => item.releaseId === releaseId);\n    return releaseSelected && releaseSelected.quantity\n      ? countSelectedTickets() + value - releaseSelected.quantity > 10\n      : countSelectedTickets() + value > 10;\n  };\n\n  const removeTicket = (indexToRemove: number) => {\n    const activeReleases = tickets.filter((_ticket, index) => index !== indexToRemove);\n    setValue(`tickets.${event.id}`, activeReleases);\n  };\n\n  const selectedTickets = async () => {\n    const releases = await mutate();\n    const allFilled = tickets.filter((item) => !item.releaseId || !item.quantity);\n\n    const soldOutReleaseCategories = activeReleases?.filter((release) =>\n      tickets.find(\n        (ticket) =>\n          release.id === ticket.releaseId &&\n          ticket.quantity === release.availableTickets &&\n          release.availableTickets !== 10\n      )\n    );\n    setSoldOutReleaseCategoryNames(\n      soldOutReleaseCategories?.map((item) => item.releaseCategoryName) || []\n    );\n\n    const hasSelectableRelease = activeReleases?.some(\n      (release) => !isReleaseSelected(release.id) && !release.locked\n    );\n\n    const shouldAddRow =\n      (soldOutReleaseCategories &&\n        selectedReleaseIsSoldOut(releases) &&\n        tickets.length < soldOutReleaseCategories.length + countUnlockedReleases() &&\n        !allFilled.length) ||\n      (activeReleases &&\n        soldOutReleaseCategories?.length &&\n        activeReleases?.length > tickets.length &&\n        tickets.length < soldOutReleaseCategories.length + countUnlockedReleases() &&\n        !allFilled.length) ||\n      (tickets.length < countReleaseCategories() && !allFilled.length);\n\n    const shouldRemoveEmptyRows =\n      allFilled.length > 0 &&\n      tickets.length > 1 &&\n      !hasSelectableRelease &&\n      (!soldOutReleaseCategories?.length || !selectedReleaseIsSoldOut(releases));\n\n    if (shouldAddRow) {\n      isProcessingRef.current = true;\n      setValue(`tickets.${event.id}`, [\n        ...tickets,\n        {\n          releaseId: '',\n          quantity: '',\n          itemName: '',\n          price: 0,\n          products: [],\n          extraFields: [],\n        },\n      ]);\n      setTimeout(() => (isProcessingRef.current = false), 0);\n    } else if (shouldRemoveEmptyRows) {\n      // Only remove completely empty rows (no releaseId), keep rows where user started selecting\n      const nonEmptyTickets = tickets.filter((item) => item.releaseId);\n      if (nonEmptyTickets.length < tickets.length) {\n        isProcessingRef.current = true;\n        setValue(`tickets.${event.id}`, nonEmptyTickets);\n        setTimeout(() => (isProcessingRef.current = false), 0);\n      }\n    }\n  };\n\n  return (\n    <Stack\n      spacing={3}\n      direction=\"column\"\n      divider={!isMobile ? <Divider sx={{ borderStyle: 'dashed' }} /> : undefined}\n    >\n      <TicketSelectionMobile\n        event={event}\n        activeReleases={activeReleases}\n        showLoading={showLoading}\n        soldOutReleaseCategoryNames={soldOutReleaseCategoryNames}\n        tickets={tickets}\n        isQuantityDisabled={isQuantityDisabled}\n        setValue={setValue as (name: string, value: any) => void}\n        removeTicket={removeTicket}\n        getExtraFields={getExtraFields}\n      />\n      <Box>\n        <Typography variant=\"caption\" component=\"div\" fontStyle=\"italic\" mb={2}>\n          *{t('event.tickets.stepper.1.max_ticket_quantity')}\n        </Typography>\n      </Box>\n    </Stack>\n  );\n};\n\nexport default TicketSelection;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"TicketSelection.js","sources":["../../../../src/form/tickets/TicketSelection.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport { useFormContext, useWatch } from 'react-hook-form';\nimport { Box, Divider, Stack, Typography } from '@mui/material';\nimport { ITicketForm, ITicketFormTicket } from '@utils/types/ticket.type';\nimport useEventActiveReleases from '@hooks/data/useEventActiveReleases';\nimport { groupBy } from '@utils/global';\nimport { IReleaseShort } from '@utils/types/release.type';\nimport { IEvent } from '@utils/types/event.type';\nimport useResponsive from '@hooks/useResponsive';\nimport ReleaseExtraFields from '@form/extra-field/ReleaseExtraFields';\nimport { EventType } from '@utils/data/event';\nimport { MAX_TICKETS_PER_ORDER } from '@utils/data/ticket';\nimport useGlobal from '@hooks/useGlobal.ts';\nimport TicketSelectionMobile from './TicketSelectionMobile';\n\ninterface Props {\n  event: IEvent;\n}\n\nconst TicketSelection: React.FC<Props> = ({ event }) => {\n  const { t } = useGlobal();\n  const isMobile = useResponsive('down', 'md');\n  const { setValue, watch } = useFormContext<ITicketForm>();\n  const tickets = useWatch({\n    name: `tickets.${event.id}`,\n    defaultValue: [],\n  }) as ITicketFormTicket[];\n  const eventTimeslotId = watch('eventTimeslotId');\n  const isProcessingRef = useRef(false);\n  const { data: activeReleases, mutate } = useEventActiveReleases(\n    event.id,\n    false,\n    event.type === EventType.RECURRING ? eventTimeslotId : undefined\n  );\n\n  const showLoading = !activeReleases && event.type !== EventType.RECURRING;\n\n  useEffect(() => {\n    if (!isProcessingRef.current) selectedTickets();\n  }, [tickets, activeReleases]);\n\n  const isReleaseSelected = (id: number) => !!tickets.find((ticket) => ticket.releaseId === id);\n\n  const getRelease = (releaseId: number) => {\n    const release = activeReleases?.find((activeRelease) => activeRelease.id === releaseId);\n    return release ? release : null;\n  };\n\n  const getExtraFields = (releaseId: number | '', index: number) => {\n    if (!releaseId) return null;\n\n    const release = getRelease(releaseId);\n\n    if (!release || !release?.extraFields || release?.extraFields.length <= 0) return null;\n\n    const addedRelease = tickets.find((ticket) => ticket.releaseId === release.id);\n    const countTickets = addedRelease?.quantity || 0;\n    return (\n      <ReleaseExtraFields\n        release={release}\n        eventId={event.id}\n        releaseIndex={index}\n        quantity={countTickets}\n      />\n    );\n  };\n\n  // const getAvailableTicketsForRelease = (release: ITicketFormTicket): number => {\n  //   const selectedRelease = activeReleases?.find((item) => item.id === release.releaseId);\n  //   const availableQuantity = selectedRelease ? selectedRelease.availableTickets : 0;\n  //   return availableQuantity > MAX_TICKETS_PER_ORDER ? MAX_TICKETS_PER_ORDER : availableQuantity;\n  // };\n\n  const countReleaseCategories = (): number => {\n    const grouped = groupBy(activeReleases || [], 'releaseCategoryName');\n    return Object.keys(grouped).length;\n  };\n\n  const selectedReleaseIsSoldOut = (releases: IReleaseShort[] | undefined) => {\n    const lockedSelectedReleases: boolean[] | undefined = releases?.map((item, index) => {\n      const nextRelease = releases?.find(\n        (item2) =>\n          item2.releaseCategoryName === item.releaseCategoryName && item2.order === item.order + 1\n      );\n      const selected = tickets.find((ticket) => ticket.releaseId === item.id);\n      const maxSelectable = Math.min(item.availableTickets || 0, MAX_TICKETS_PER_ORDER);\n\n      return (\n        !!nextRelease &&\n        item.locked &&\n        !!selected &&\n        Number(selected.quantity) >= maxSelectable &&\n        index + 1 == tickets.length\n      );\n    });\n    return lockedSelectedReleases && lockedSelectedReleases.includes(true);\n  };\n\n  const countUnlockedReleases = () => activeReleases?.filter((item) => !item.locked).length || 0;\n\n  const countSelectedTickets = () => {\n    let count = 0;\n    for (const ticket of tickets) {\n      count += +ticket.quantity;\n    }\n\n    return count;\n  };\n\n  const isQuantityDisabled = (value: number, releaseId: number | '') => {\n    const releaseSelected = tickets.find((item) => item.releaseId === releaseId);\n    return releaseSelected && releaseSelected.quantity\n      ? countSelectedTickets() + value - releaseSelected.quantity > MAX_TICKETS_PER_ORDER\n      : countSelectedTickets() + value > MAX_TICKETS_PER_ORDER;\n  };\n\n  const removeTicket = (indexToRemove: number) => {\n    const activeReleases = tickets.filter((_ticket, index) => index !== indexToRemove);\n    setValue(`tickets.${event.id}`, activeReleases);\n  };\n\n  const selectedTickets = async () => {\n    const releases = await mutate();\n    const currentReleases = releases || activeReleases || [];\n    const allFilled = tickets.filter((item) => !item.releaseId || !item.quantity);\n\n    const soldOutReleaseCategories = currentReleases.filter((release) =>\n      tickets.find(\n        (ticket) =>\n          release.id === ticket.releaseId &&\n          Number(ticket.quantity) >= Math.min(release.availableTickets || 0, MAX_TICKETS_PER_ORDER)\n      )\n    );\n\n    if (currentReleases.length) {\n      let hasChanges = false;\n      const updatedReleases = currentReleases.map((release) => {\n        const previousRelease = currentReleases.find(\n          (item) =>\n            item.releaseCategoryName === release.releaseCategoryName &&\n            item.order === release.order - 1\n        );\n\n        if (!release.locked || !previousRelease) return release;\n\n        const previousTicket = tickets.find((ticket) => ticket.releaseId === previousRelease.id);\n        const previousMaxSelectable = Math.min(\n          previousRelease.availableTickets || 0,\n          MAX_TICKETS_PER_ORDER\n        );\n        const shouldUnlock = Number(previousTicket?.quantity || 0) >= previousMaxSelectable;\n\n        if (!shouldUnlock) return release;\n\n        hasChanges = true;\n        return { ...release, locked: false };\n      });\n\n      if (hasChanges) {\n        await mutate(updatedReleases, false);\n      }\n    }\n\n    const hasSelectableRelease = currentReleases.some(\n      (release) => !isReleaseSelected(release.id) && !release.locked\n    );\n\n    const shouldAddRow =\n      (soldOutReleaseCategories &&\n        selectedReleaseIsSoldOut(releases) &&\n        tickets.length < soldOutReleaseCategories.length + countUnlockedReleases() &&\n        !allFilled.length) ||\n      (currentReleases.length &&\n        soldOutReleaseCategories.length &&\n        currentReleases.length > tickets.length &&\n        tickets.length < soldOutReleaseCategories.length + countUnlockedReleases() &&\n        !allFilled.length) ||\n      (tickets.length < countReleaseCategories() && !allFilled.length);\n\n    const shouldRemoveEmptyRows =\n      allFilled.length > 0 &&\n      tickets.length > 1 &&\n      !hasSelectableRelease &&\n      (!soldOutReleaseCategories?.length || !selectedReleaseIsSoldOut(releases));\n\n    if (shouldAddRow) {\n      isProcessingRef.current = true;\n      setValue(`tickets.${event.id}`, [\n        ...tickets,\n        {\n          releaseId: '',\n          quantity: '',\n          itemName: '',\n          price: 0,\n          products: [],\n          extraFields: [],\n        },\n      ]);\n      setTimeout(() => (isProcessingRef.current = false), 0);\n    } else if (shouldRemoveEmptyRows) {\n      // Only remove completely empty rows (no releaseId), keep rows where user started selecting\n      const nonEmptyTickets = tickets.filter((item) => item.releaseId);\n      if (nonEmptyTickets.length < tickets.length) {\n        isProcessingRef.current = true;\n        setValue(`tickets.${event.id}`, nonEmptyTickets);\n        setTimeout(() => (isProcessingRef.current = false), 0);\n      }\n    }\n  };\n\n  return (\n    <Stack\n      spacing={3}\n      direction=\"column\"\n      divider={!isMobile ? <Divider sx={{ borderStyle: 'dashed' }} /> : undefined}\n    >\n      <TicketSelectionMobile\n        event={event}\n        activeReleases={activeReleases}\n        showLoading={showLoading}\n        tickets={tickets}\n        isQuantityDisabled={isQuantityDisabled}\n        setValue={setValue as (name: string, value: any) => void}\n        removeTicket={removeTicket}\n        getExtraFields={getExtraFields}\n      />\n      <Box>\n        <Typography variant=\"caption\" component=\"div\" fontStyle=\"italic\" mb={2}>\n          *{t('event.tickets.stepper.1.max_ticket_quantity')}\n        </Typography>\n      </Box>\n    </Stack>\n  );\n};\n\nexport default TicketSelection;\n"],"names":[],"mappings":"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"}

package/dist/esm/form/tickets/TicketSelectionMap.js

@@ -3,6 +3,7 @@ import useGlobal from '../../hooks/useGlobal.js';
 import { Button } from '@mui/material';
 import { iframe } from '@seat-picker/seat-picker-sdk';
 import { useFormContext } from 'react-hook-form';
+import { MAX_TICKETS_PER_ORDER } from '../../utils/data/ticket.js';
 import Iconify from '../../components/iconify/Iconify.js';
 
 const TicketSelectionMap = ({ event }) => {
@@ -33,11 +34,16 @@ const TicketSelectionMap = ({ event }) => {
         }, 
         // TODO: fix types
         []);
+        let remainingTicketCapacity = MAX_TICKETS_PER_ORDER;
         for (const groupedSeat of groupedSeatsByZone) {
+            if (remainingTicketCapacity <= 0)
+                break;
+            const quantity = Math.min(groupedSeat.quantity, remainingTicketCapacity);
+            remainingTicketCapacity -= quantity;
             tickets.push({
                 releaseId: groupedSeat.ticket.id,
                 price: groupedSeat.ticket.price,
-                quantity: groupedSeat.quantity,
+                quantity,
                 itemName: `${groupedSeat.ticket.releaseCategoryName} - ${groupedSeat.ticket.name}`,
                 products: [],
                 extraFields: [],