@eventlook/sdk 1.4.46-beta.6 → 1.4.46

package/dist/esm/form/services/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../src/form/services/index.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport {\n  Box,\n  Button,\n  Checkbox,\n  Dialog,\n  DialogContent,\n  DialogTitle,\n  Divider,\n  FormControlLabel,\n  IconButton,\n  Link,\n  Stack,\n  Typography,\n} from '@mui/material';\nimport { useWatch, Controller } from 'react-hook-form';\nimport { fCurrency } from '@utils/formatNumber';\nimport useGlobal from '@hooks/useGlobal';\nimport { Iconify } from '@components';\nimport { ITicketForm, ITicketFormTicket } from '@utils/types/ticket.type';\nimport { IEvent } from '@utils/types/event.type';\nimport { useFormContext } from 'react-hook-form';\n\ninterface Props {\n  event: IEvent;\n}\n\ninterface BorderedCheckboxProps {\n  name: string;\n  disabled: boolean;\n  title: React.ReactNode;\n  price: React.ReactNode;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n}\n\nconst BorderedCheckbox: React.FC<BorderedCheckboxProps> = ({\n  name,\n  disabled,\n  title,\n  price,\n  onChange,\n}) => {\n  const { control } = useFormContext<ITicketForm>();\n\n  return (\n    <Controller\n      name={name as any}\n      control={control}\n      render={({ field }) => (\n        <FormControlLabel\n          control={\n            <Checkbox\n              {...field}\n              checked={field.value || false}\n              onChange={(e) => {\n                onChange?.(e);\n                if (!e.defaultPrevented) {\n                  field.onChange(e);\n                }\n              }}\n              disabled={disabled}\n            />\n          }\n          label={\n            <Stack\n              direction=\"row\"\n              justifyContent=\"space-between\"\n              alignItems=\"center\"\n              sx={{ width: '100%' }}\n            >\n              <Typography variant=\"body2\" fontWeight={400}>\n                {title}\n              </Typography>\n              <Typography variant=\"body2\" fontWeight={700} sx={{ whiteSpace: 'nowrap' }}>\n                {price}\n              </Typography>\n            </Stack>\n          }\n          sx={{\n            m: 0,\n            px: 1,\n            pr: 0.5,\n            pl: 0,\n            borderRadius: 1,\n            width: '100%',\n            border: '1px solid',\n            borderColor: 'primary.main',\n            '& .MuiFormControlLabel-label': {\n              width: '100%',\n            },\n          }}\n        />\n      )}\n    />\n  );\n};\n\nconst Services: React.FC<Props> = ({ event }) => {\n  const { t, lang, showSnackbar } = useGlobal();\n  const [open, setOpen] = useState(false);\n  const ticketInsurancePricePerUnit = Number(\n    useWatch<ITicketForm>({\n      name: 'ticketInsurancePricePerUnit',\n      defaultValue: 0,\n    }) || 0\n  );\n  const smsNotificationPrice = Number(\n    useWatch<ITicketForm>({\n      name: 'smsNotificationPrice',\n      defaultValue: 0,\n    }) || 0\n  );\n  const tickets = useWatch<ITicketForm, 'tickets'>({\n    name: 'tickets',\n    defaultValue: {},\n  });\n\n  const totalTickets = useMemo(() => {\n    const items: ITicketFormTicket[] = Object.values(tickets || {}).flat();\n    return items.reduce((sum, ticket) => sum + (Number(ticket.quantity) || 0), 0);\n  }, [tickets]);\n\n  const handleOpen = (e: React.MouseEvent<HTMLAnchorElement>) => {\n    e.preventDefault();\n    setOpen(true);\n  };\n\n  const handleClose = () => setOpen(false);\n\n  const handleServiceChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (totalTickets <= 0) {\n      e.preventDefault();\n      showSnackbar(t('event.tickets.services.add_tickets_first'), {\n        variant: 'error',\n      });\n    }\n  };\n\n  return (\n    <Stack spacing={1.5}>\n      <BorderedCheckbox\n        name=\"ticketInsurance\"\n        disabled={false}\n        title={t('event.tickets.insurance.label')}\n        price={\n          <>\n            + {fCurrency(ticketInsurancePricePerUnit, lang, event.currency)} /{' '}\n            {t('event.tickets.insurance.per_ticket')}\n          </>\n        }\n        onChange={handleServiceChange}\n      />\n\n      <BorderedCheckbox\n        name=\"smsNotification\"\n        disabled={false}\n        title={t('event.tickets.sms_notification.label')}\n        price={<>+ {fCurrency(smsNotificationPrice, lang, event.currency)}</>}\n        onChange={handleServiceChange}\n      />\n\n      <Box sx={{ display: 'flex', justifyContent: 'flex-end' }}>\n        <Link variant=\"body2\" underline=\"always\" onClick={handleOpen} color={'text.primary'}>\n          {t('event.tickets.stepper.8.additional_info')}\n        </Link>\n      </Box>\n\n      <Dialog\n        open={open}\n        onClose={handleClose}\n        maxWidth=\"sm\"\n        fullWidth\n        PaperProps={{\n          sx: {\n            borderRadius: 4,\n            overflow: 'hidden',\n          },\n        }}\n      >\n        <DialogTitle\n          sx={{\n            position: 'relative',\n            textAlign: 'center',\n            fontWeight: 700,\n            fontSize: { xs: '1.5rem', sm: '1.75rem' },\n            pt: { xs: 3.5, sm: 4 },\n            pb: { xs: 2, sm: 2.5 },\n            px: { xs: 3, sm: 4 },\n          }}\n        >\n          {t('event.tickets.stepper.8.title')}:\n          <IconButton\n            onClick={handleClose}\n            size=\"small\"\n            sx={{ position: 'absolute', right: 16, top: 16 }}\n          >\n            <Iconify icon=\"carbon:close\" />\n          </IconButton>\n        </DialogTitle>\n        <DialogContent sx={{ px: { xs: 3, sm: 4 }, pb: { xs: 4, sm: 5 } }}>\n          <Stack spacing={3}>\n            <Box>\n              <Typography variant=\"subtitle2\" fontWeight={700} gutterBottom>\n                {t('event.tickets.insurance.label')}\n              </Typography>\n              <Typography variant=\"body2\" paragraph>\n                {t('event.tickets.insurance.modal.description')}\n              </Typography>\n              <Typography variant=\"body2\" paragraph>\n                {t('event.tickets.insurance.modal.coverage')}\n              </Typography>\n              <BorderedCheckbox\n                name=\"ticketInsurance\"\n                disabled={false}\n                title={t('event.tickets.insurance.label')}\n                price={\n                  <>\n                    + {fCurrency(ticketInsurancePricePerUnit, lang, event.currency)} /{' '}\n                    {t('event.tickets.insurance.per_ticket')}\n                  </>\n                }\n                onChange={handleServiceChange}\n              />\n            </Box>\n            <Divider />\n            <Box>\n              <Typography variant=\"subtitle2\" fontWeight={700} gutterBottom>\n                {t('event.tickets.sms_notification.label')}\n              </Typography>\n              <Typography variant=\"body2\" paragraph>\n                {t('event.tickets.sms_notification.modal.description')}\n              </Typography>\n              <BorderedCheckbox\n                name=\"smsNotification\"\n                disabled={false}\n                title={t('event.tickets.sms_notification.label')}\n                price={<>+ {fCurrency(smsNotificationPrice, lang, event.currency)}</>}\n                onChange={handleServiceChange}\n              />\n            </Box>\n            <Button\n              variant=\"outlined\"\n              onClick={handleClose}\n              sx={{\n                mt: 1,\n                py: 1.25,\n                borderRadius: 2,\n                fontWeight: 700,\n              }}\n            >\n              {t('close')}\n            </Button>\n          </Stack>\n        </DialogContent>\n      </Dialog>\n    </Stack>\n  );\n};\n\nexport default Services;\n"],"names":[],"mappings":"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"}

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

@@ -1,19 +0,0 @@
-import React from 'react';
-import { Collapse, Typography, Link, Stack, Box } from '@mui/material';
-import Iconify from '../../components/iconify/Iconify.js';
-
-const ReleaseDescription = ({ description, isExpanded, onToggle, moreInfoLabel, showCollapse = false, }) => {
-    if (!description)
-        return null;
-    if (showCollapse) {
-        return (React.createElement(Collapse, { in: isExpanded },
-            React.createElement(Typography, { variant: "body2", color: "text.secondary" }, description)));
-    }
-    return (React.createElement(Link, { onClick: onToggle, color: "inherit", underline: "always", fontSize: 12 },
-        React.createElement(Stack, { direction: "row", alignItems: "center", spacing: 0 },
-            React.createElement(Box, null, moreInfoLabel),
-            React.createElement(Iconify, { sx: { width: 24, height: 24 }, icon: isExpanded ? 'eva:chevron-up-fill' : 'eva:chevron-down-fill' }))));
-};
-
-export { ReleaseDescription as default };
-//# sourceMappingURL=ReleaseDescription.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ReleaseDescription.js","sources":["../../../../src/form/tickets/ReleaseDescription.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Collapse, Link, Stack, Typography } from '@mui/material';\nimport { Iconify } from '@components/iconify';\n\ninterface ReleaseDescriptionProps {\n  description?: string | null;\n  isExpanded: boolean;\n  onToggle: () => void;\n  moreInfoLabel: string;\n  showCollapse?: boolean;\n}\n\nconst ReleaseDescription: React.FC<ReleaseDescriptionProps> = ({\n  description,\n  isExpanded,\n  onToggle,\n  moreInfoLabel,\n  showCollapse = false,\n}) => {\n  if (!description) return null;\n\n  if (showCollapse) {\n    return (\n      <Collapse in={isExpanded}>\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          {description}\n        </Typography>\n      </Collapse>\n    );\n  }\n\n  return (\n    <Link onClick={onToggle} color=\"inherit\" underline=\"always\" fontSize={12}>\n      <Stack direction=\"row\" alignItems=\"center\" spacing={0}>\n        <Box>{moreInfoLabel}</Box>\n\n        <Iconify\n          sx={{ width: 24, height: 24 }}\n          icon={isExpanded ? 'eva:chevron-up-fill' : 'eva:chevron-down-fill'}\n        />\n      </Stack>\n    </Link>\n  );\n};\n\nexport default ReleaseDescription;\n"],"names":[],"mappings":";;;;AAYA,MAAM,kBAAkB,GAAsC,CAAC,EAC7D,WAAW,EACX,UAAU,EACV,QAAQ,EACR,aAAa,EACb,YAAY,GAAG,KAAK,GACrB,KAAI;AACH,IAAA,IAAI,CAAC,WAAW;AAAE,QAAA,OAAO,IAAI;IAE7B,IAAI,YAAY,EAAE;AAChB,QAAA,QACE,KAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,EAAC,EAAE,EAAE,UAAU,EAAA;AACtB,YAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,gBAAgB,EAAA,EAC/C,WAAW,CACD,CACJ;;AAIf,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,IAAI,IAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAC,SAAS,EAAC,SAAS,EAAC,QAAQ,EAAC,QAAQ,EAAE,EAAE,EAAA;AACtE,QAAA,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,SAAS,EAAC,KAAK,EAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAE,CAAC,EAAA;YACnD,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,IAAA,EAAE,aAAa,CAAO;AAE1B,YAAA,KAAA,CAAA,aAAA,CAAC,OAAO,EAAA,EACN,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAC7B,IAAI,EAAE,UAAU,GAAG,qBAAqB,GAAG,uBAAuB,EAAA,CAClE,CACI,CACH;AAEX;;;;"}

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

@@ -1,135 +0,0 @@
-import React, { useState, useCallback } from 'react';
-import { Box, Stack, Typography } from '@mui/material';
-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 { getSelectedQuantityByVariant } from '../../utils/product.js';
-import ReleaseExtraFields from '../extra-field/ReleaseExtraFields.js';
-import ReleaseDescription from './ReleaseDescription.js';
-import useGlobal from '../../hooks/useGlobal.js';
-
-const ReleaseWithMerchandise = ({ eventId, release, activeReleases, currency, index, }) => {
-    const { t, lang } = useGlobal();
-    const [openVariantDialog, setOpenVariantDialog] = useState(null);
-    const [isDescriptionExpanded, setIsDescriptionExpanded] = useState(false);
-    const { setValue } = useFormContext();
-    const tickets = useWatch({ name: `tickets.${eventId}`, defaultValue: [] });
-    const products = useWatch({ name: `products.${eventId}`, defaultValue: [] });
-    const addedRelease = tickets.find((ticket) => ticket.releaseId === release.id);
-    const countTickets = addedRelease?.quantity || 0;
-    const getReleaseTitle = (release) => release.releaseCategoryName || release.name || '';
-    const getSelectedQuantity = (id) => tickets.find((ticket) => ticket.releaseId === id)?.quantity || 0;
-    const getAvailableTicketsForRelease = (release) => {
-        const selectedRelease = activeReleases?.find((item) => item.id === release.releaseId);
-        const availableQuantity = selectedRelease ? selectedRelease.availableTickets : 0;
-        return availableQuantity > 10 ? 10 : availableQuantity;
-    };
-    const isMaxQuantity = (releaseId) => {
-        const release = tickets.find((ticket) => ticket.releaseId === releaseId);
-        if (!release)
-            return false;
-        return getSelectedQuantity(releaseId) >= getAvailableTicketsForRelease(release);
-    };
-    const addRelease = (productsToAdd) => {
-        const normalizedProducts = Array.isArray(productsToAdd)
-            ? productsToAdd
-            : productsToAdd
-                ? [productsToAdd]
-                : [];
-        const quantity = normalizedProducts.length ? normalizedProducts.length : 1;
-        const extraFields = release.extraFields?.length
-            ? Array.from({ length: quantity }, () => release.extraFields.map((field) => ({
-                eventExtraFieldId: field.id,
-                value: '',
-            })))
-            : [];
-        setValue(`tickets.${eventId}`, [
-            ...tickets,
-            {
-                releaseId: release.id,
-                quantity,
-                itemName: '',
-                price: 0,
-                products: normalizedProducts,
-                extraFields,
-            },
-        ]);
-        setOpenVariantDialog(null);
-    };
-    const increaseQuantity = (productsToAdd) => {
-        const normalizedProducts = Array.isArray(productsToAdd)
-            ? productsToAdd
-            : productsToAdd
-                ? [productsToAdd]
-                : [];
-        const addedRelease = tickets.find((ticket) => ticket.releaseId === release.id);
-        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)));
-            if (availableIncrement === 0)
-                return;
-            const newQuantity = Number(addedRelease.quantity) + availableIncrement;
-            const productsSlice = normalizedProducts.slice(0, availableIncrement);
-            const extraFieldsToAdd = release.extraFields?.length
-                ? Array.from({ length: availableIncrement }, () => release.extraFields.map((field) => ({
-                    eventExtraFieldId: field.id,
-                    value: '',
-                })))
-                : [];
-            setValue(`tickets.${eventId}`, tickets.map((ticket) => ticket.releaseId === release.id
-                ? {
-                    ...ticket,
-                    quantity: newQuantity > maxQuantity ? maxQuantity : newQuantity,
-                    products: [...ticket.products, ...productsSlice],
-                    extraFields: release.extraFields?.length
-                        ? [...ticket.extraFields, ...extraFieldsToAdd]
-                        : [],
-                }
-                : ticket));
-            setOpenVariantDialog(null);
-        }
-    };
-    const decreaseQuantity = useCallback(() => {
-        const addedRelease = tickets.find((ticket) => ticket.releaseId === release.id);
-        if (addedRelease) {
-            const newQuantity = Number(addedRelease.quantity) - 1;
-            if (newQuantity < 1) {
-                setValue(`tickets.${eventId}`, tickets.filter((ticket) => ticket.releaseId !== release.id));
-            }
-            else {
-                setValue(`tickets.${eventId}`, tickets.map((ticket) => {
-                    if (ticket.releaseId !== release.id)
-                        return ticket;
-                    return {
-                        ...ticket,
-                        quantity: newQuantity,
-                        products: ticket?.products?.slice(0, -1), // non-mutating "pop"
-                        extraFields: ticket?.extraFields?.slice(0, -1),
-                    };
-                }));
-            }
-        }
-    }, [tickets, release.id, setValue]);
-    return (React.createElement(Box, { sx: {
-            p: 1,
-            pb: 0,
-            borderRadius: 1,
-            bgcolor: (theme) => theme.palette.mode === 'light' ? theme.palette.grey[100] : theme.palette.grey[800],
-        } },
-        React.createElement(Stack, { spacing: 0 },
-            React.createElement(Box, null,
-                React.createElement(Typography, { variant: "subtitle1", fontWeight: 600 }, 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(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(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 })))));
-};
-
-export { ReleaseWithMerchandise as default };
-//# sourceMappingURL=ReleaseWithMerchandise.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ReleaseWithMerchandise.js","sources":["../../../../src/form/tickets/ReleaseWithMerchandise.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport { Box, Stack, Typography } from '@mui/material';\nimport ProductVariantsDialog from '@form/product/ProductVariantsDialog';\nimport TicketQuantityControl from '@form/tickets/TicketQuantityControl';\nimport { IReleaseShort } from '@utils/types/release.type';\nimport { ITicketForm, ITicketFormTicket } from '@utils/types/ticket.type';\nimport { useFormContext, useWatch } from 'react-hook-form';\nimport { IEventProductForm } from '@utils/types/product.type';\nimport { fCurrency } from '@utils/formatNumber';\nimport { Currencies } from '@utils/data/currency';\nimport { getSelectedQuantityByVariant } from '@utils/product';\nimport ReleaseExtraFields from '@form/extra-field/ReleaseExtraFields';\nimport ReleaseDescription from '@form/tickets/ReleaseDescription';\nimport useGlobal from '@hooks/useGlobal.ts';\n\ninterface Props {\n  eventId: number;\n  release: IReleaseShort;\n  activeReleases: IReleaseShort[];\n  currency: Currencies;\n  index: number;\n}\n\nconst ReleaseWithMerchandise: React.FC<Props> = ({\n  eventId,\n  release,\n  activeReleases,\n  currency,\n  index,\n}) => {\n  const { t, lang } = useGlobal();\n  const [openVariantDialog, setOpenVariantDialog] = useState<'add' | 'increase' | null>(null);\n  const [isDescriptionExpanded, setIsDescriptionExpanded] = useState(false);\n  const { setValue } = useFormContext<ITicketForm>();\n  const tickets: ITicketFormTicket[] = useWatch({ name: `tickets.${eventId}`, defaultValue: [] });\n  const products: IEventProductForm[] = useWatch({ name: `products.${eventId}`, defaultValue: [] });\n  const addedRelease = tickets.find((ticket) => ticket.releaseId === release.id);\n  const countTickets = addedRelease?.quantity || 0;\n\n  const getReleaseTitle = (release: IReleaseShort) =>\n    release.releaseCategoryName || release.name || '';\n\n  const getSelectedQuantity = (id: number) =>\n    tickets.find((ticket) => ticket.releaseId === id)?.quantity || 0;\n\n  const getAvailableTicketsForRelease = (release: ITicketFormTicket): number => {\n    const selectedRelease = activeReleases?.find((item) => item.id === release.releaseId);\n    const availableQuantity = selectedRelease ? selectedRelease.availableTickets : 0;\n    return availableQuantity > 10 ? 10 : availableQuantity;\n  };\n\n  const isMaxQuantity = (releaseId: number) => {\n    const release = tickets.find((ticket) => ticket.releaseId === releaseId);\n    if (!release) return false;\n    return getSelectedQuantity(releaseId) >= getAvailableTicketsForRelease(release);\n  };\n\n  const addRelease = (productsToAdd?: IEventProductForm[] | IEventProductForm) => {\n    const normalizedProducts = Array.isArray(productsToAdd)\n      ? productsToAdd\n      : productsToAdd\n        ? [productsToAdd]\n        : [];\n    const quantity = normalizedProducts.length ? normalizedProducts.length : 1;\n    const extraFields = release.extraFields?.length\n      ? Array.from({ length: quantity }, () =>\n          release.extraFields!.map((field) => ({\n            eventExtraFieldId: field.id,\n            value: '',\n          }))\n        )\n      : [];\n\n    setValue(`tickets.${eventId}`, [\n      ...tickets,\n      {\n        releaseId: release.id,\n        quantity,\n        itemName: '',\n        price: 0,\n        products: normalizedProducts,\n        extraFields,\n      },\n    ]);\n    setOpenVariantDialog(null);\n  };\n\n  const increaseQuantity = (productsToAdd?: IEventProductForm[] | IEventProductForm) => {\n    const normalizedProducts = Array.isArray(productsToAdd)\n      ? productsToAdd\n      : productsToAdd\n        ? [productsToAdd]\n        : [];\n    const addedRelease = tickets.find((ticket) => ticket.releaseId === release.id);\n    if (addedRelease) {\n      const increment = normalizedProducts.length ? normalizedProducts.length : 1;\n      const maxQuantity = getAvailableTicketsForRelease(addedRelease);\n      const availableIncrement = Math.max(\n        0,\n        Math.min(increment, maxQuantity - Number(addedRelease.quantity))\n      );\n      if (availableIncrement === 0) return;\n\n      const newQuantity = Number(addedRelease.quantity) + availableIncrement;\n      const productsSlice = normalizedProducts.slice(0, availableIncrement);\n      const extraFieldsToAdd = release.extraFields?.length\n        ? Array.from({ length: availableIncrement }, () =>\n            release.extraFields!.map((field) => ({\n              eventExtraFieldId: field.id,\n              value: '',\n            }))\n          )\n        : [];\n\n      setValue(\n        `tickets.${eventId}`,\n        tickets.map((ticket) =>\n          ticket.releaseId === release.id\n            ? {\n                ...ticket,\n                quantity: newQuantity > maxQuantity ? maxQuantity : newQuantity,\n                products: [...ticket.products, ...productsSlice],\n                extraFields: release.extraFields?.length\n                  ? [...ticket.extraFields, ...extraFieldsToAdd]\n                  : [],\n              }\n            : ticket\n        )\n      );\n      setOpenVariantDialog(null);\n    }\n  };\n\n  const decreaseQuantity = useCallback(() => {\n    const addedRelease = tickets.find((ticket) => ticket.releaseId === release.id);\n    if (addedRelease) {\n      const newQuantity = Number(addedRelease.quantity) - 1;\n      if (newQuantity < 1) {\n        setValue(\n          `tickets.${eventId}`,\n          tickets.filter((ticket) => ticket.releaseId !== release.id)\n        );\n      } else {\n        setValue(\n          `tickets.${eventId}`,\n          tickets.map((ticket) => {\n            if (ticket.releaseId !== release.id) return ticket;\n\n            return {\n              ...ticket,\n              quantity: newQuantity,\n              products: ticket?.products?.slice(0, -1), // non-mutating \"pop\"\n              extraFields: ticket?.extraFields?.slice(0, -1),\n            };\n          })\n        );\n      }\n    }\n  }, [tickets, release.id, setValue]);\n\n  return (\n    <Box\n      sx={{\n        p: 1,\n        pb: 0,\n        borderRadius: 1,\n        bgcolor: (theme) =>\n          theme.palette.mode === 'light' ? theme.palette.grey[100] : theme.palette.grey[800],\n      }}\n    >\n      <Stack spacing={0}>\n        <Box>\n          <Typography variant=\"subtitle1\" fontWeight={600}>\n            {getReleaseTitle(release)}\n          </Typography>\n        </Box>\n\n        <Stack direction=\"row\" alignItems=\"center\" justifyContent=\"space-between\">\n          <Stack>\n            <Typography variant=\"body2\">\n              {release.price === 0 ? t('free') : fCurrency(release.price, lang, currency)}\n            </Typography>\n\n            <ReleaseDescription\n              description={release.description}\n              isExpanded={isDescriptionExpanded}\n              onToggle={() => setIsDescriptionExpanded((prev) => !prev)}\n              moreInfoLabel={t('more_info')}\n            />\n          </Stack>\n\n          <TicketQuantityControl\n            quantity={getSelectedQuantity(release.id)}\n            isDisabled={release.locked}\n            canAddFirst={!release.locked}\n            canAddMore={!isMaxQuantity(release.id)}\n            addLabel={t('add')}\n            onDecrement={() => decreaseQuantity()}\n            onIncrement={() =>\n              release.product ? setOpenVariantDialog('increase') : increaseQuantity()\n            }\n            onAddFirst={() => (release.product ? setOpenVariantDialog('add') : addRelease())}\n          />\n        </Stack>\n\n        <ReleaseDescription\n          description={release.description}\n          isExpanded={isDescriptionExpanded}\n          onToggle={() => setIsDescriptionExpanded((prev) => !prev)}\n          moreInfoLabel={t('more_info')}\n          showCollapse\n        />\n        {release.extraFields && release.extraFields.length > 0 && (\n          <ReleaseExtraFields\n            release={release}\n            eventId={eventId}\n            releaseIndex={index}\n            quantity={countTickets}\n          />\n        )}\n        {release.product && (\n          <ProductVariantsDialog\n            eventProduct={release.product}\n            openDialog={!!openVariantDialog}\n            callback={openVariantDialog === 'increase' ? increaseQuantity : addRelease}\n            onClose={() => setOpenVariantDialog(null)}\n            selectedQuantityByVariant={getSelectedQuantityByVariant(products, tickets)}\n            eventId={eventId}\n            canAddOnlyOneAtATime\n          />\n        )}\n      </Stack>\n    </Box>\n  );\n};\n\nexport default ReleaseWithMerchandise;\n"],"names":[],"mappings":"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"}

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

@@ -1,48 +0,0 @@
-import React from 'react';
-import { Stack, IconButton, Box, Button } from '@mui/material';
-import Iconify from '../../components/iconify/Iconify.js';
-
-const TicketQuantityControl = ({ quantity, isDisabled, canAddFirst, canAddMore, addLabel, onDecrement, onIncrement, onAddFirst, }) => {
-    if (quantity > 0) {
-        return (React.createElement(Stack, { direction: "row", spacing: { xs: 0.5, md: 1 }, alignItems: "center" },
-            React.createElement(IconButton, { onClick: onDecrement, disabled: isDisabled || quantity <= 0, sx: {
-                    width: { xs: 36, md: 40 },
-                    height: { xs: 36, md: 40 },
-                    borderRadius: 1,
-                    border: '1px solid',
-                    borderColor: 'grey.300',
-                } },
-                React.createElement(Iconify, { icon: "eva:minus-fill" })),
-            React.createElement(Box, { sx: {
-                    width: { xs: 36, md: 40 },
-                    height: { xs: 36, md: 40 },
-                    borderRadius: 1,
-                    border: '1px solid',
-                    borderColor: 'grey.300',
-                    display: 'flex',
-                    alignItems: 'center',
-                    justifyContent: 'center',
-                    fontWeight: 600,
-                } }, quantity),
-            React.createElement(IconButton, { onClick: onIncrement, disabled: isDisabled || !canAddMore, sx: {
-                    width: { xs: 36, md: 40 },
-                    height: { xs: 36, md: 40 },
-                    borderRadius: 1,
-                    bgcolor: 'primary.main',
-                    color: 'primary.contrastText',
-                    '&:hover': { bgcolor: 'primary.dark' },
-                } },
-                React.createElement(Iconify, { icon: "eva:plus-fill" }))));
-    }
-    return (React.createElement(Button, { variant: "contained", onClick: onAddFirst, disabled: isDisabled || !canAddFirst, sx: {
-            height: { xs: 36, md: 40 },
-            width: { xs: 116, md: 136 },
-            borderRadius: 1,
-            px: 3,
-            textTransform: 'none',
-            fontWeight: 600,
-        } }, addLabel));
-};
-
-export { TicketQuantityControl as default };
-//# sourceMappingURL=TicketQuantityControl.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TicketQuantityControl.js","sources":["../../../../src/form/tickets/TicketQuantityControl.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Button, IconButton, Stack } from '@mui/material';\nimport { Iconify } from '@components/iconify';\n\ninterface TicketQuantityControlProps {\n  quantity: number;\n  isDisabled: boolean;\n  canAddFirst: boolean;\n  canAddMore: boolean;\n  addLabel: string;\n  onDecrement: () => void;\n  onIncrement: () => void;\n  onAddFirst: () => void;\n}\n\nconst TicketQuantityControl: React.FC<TicketQuantityControlProps> = ({\n  quantity,\n  isDisabled,\n  canAddFirst,\n  canAddMore,\n  addLabel,\n  onDecrement,\n  onIncrement,\n  onAddFirst,\n}) => {\n  if (quantity > 0) {\n    return (\n      <Stack direction=\"row\" spacing={{ xs: 0.5, md: 1 }} alignItems=\"center\">\n        <IconButton\n          onClick={onDecrement}\n          disabled={isDisabled || quantity <= 0}\n          sx={{\n            width: { xs: 36, md: 40 },\n            height: { xs: 36, md: 40 },\n            borderRadius: 1,\n            border: '1px solid',\n            borderColor: 'grey.300',\n          }}\n        >\n          <Iconify icon=\"eva:minus-fill\" />\n        </IconButton>\n        <Box\n          sx={{\n            width: { xs: 36, md: 40 },\n            height: { xs: 36, md: 40 },\n            borderRadius: 1,\n            border: '1px solid',\n            borderColor: 'grey.300',\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            fontWeight: 600,\n          }}\n        >\n          {quantity}\n        </Box>\n        <IconButton\n          onClick={onIncrement}\n          disabled={isDisabled || !canAddMore}\n          sx={{\n            width: { xs: 36, md: 40 },\n            height: { xs: 36, md: 40 },\n            borderRadius: 1,\n            bgcolor: 'primary.main',\n            color: 'primary.contrastText',\n            '&:hover': { bgcolor: 'primary.dark' },\n          }}\n        >\n          <Iconify icon=\"eva:plus-fill\" />\n        </IconButton>\n      </Stack>\n    );\n  }\n\n  return (\n    <Button\n      variant=\"contained\"\n      onClick={onAddFirst}\n      disabled={isDisabled || !canAddFirst}\n      sx={{\n        height: { xs: 36, md: 40 },\n        width: { xs: 116, md: 136 },\n        borderRadius: 1,\n        px: 3,\n        textTransform: 'none',\n        fontWeight: 600,\n      }}\n    >\n      {addLabel}\n    </Button>\n  );\n};\n\nexport default TicketQuantityControl;\n"],"names":[],"mappings":";;;;AAeA,MAAM,qBAAqB,GAAyC,CAAC,EACnE,QAAQ,EACR,UAAU,EACV,WAAW,EACX,UAAU,EACV,QAAQ,EACR,WAAW,EACX,WAAW,EACX,UAAU,GACX,KAAI;AACH,IAAA,IAAI,QAAQ,GAAG,CAAC,EAAE;QAChB,QACE,oBAAC,KAAK,EAAA,EAAC,SAAS,EAAC,KAAK,EAAC,OAAO,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,UAAU,EAAC,QAAQ,EAAA;AACrE,YAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EACT,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,UAAU,IAAI,QAAQ,IAAI,CAAC,EACrC,EAAE,EAAE;oBACF,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;oBACzB,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;AAC1B,oBAAA,YAAY,EAAE,CAAC;AACf,oBAAA,MAAM,EAAE,WAAW;AACnB,oBAAA,WAAW,EAAE,UAAU;AACxB,iBAAA,EAAA;AAED,gBAAA,KAAA,CAAA,aAAA,CAAC,OAAO,EAAA,EAAC,IAAI,EAAC,gBAAgB,GAAG,CACtB;YACb,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EACF,EAAE,EAAE;oBACF,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;oBACzB,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;AAC1B,oBAAA,YAAY,EAAE,CAAC;AACf,oBAAA,MAAM,EAAE,WAAW;AACnB,oBAAA,WAAW,EAAE,UAAU;AACvB,oBAAA,OAAO,EAAE,MAAM;AACf,oBAAA,UAAU,EAAE,QAAQ;AACpB,oBAAA,cAAc,EAAE,QAAQ;AACxB,oBAAA,UAAU,EAAE,GAAG;AAChB,iBAAA,EAAA,EAEA,QAAQ,CACL;AACN,YAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EACT,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,UAAU,IAAI,CAAC,UAAU,EACnC,EAAE,EAAE;oBACF,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;oBACzB,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;AAC1B,oBAAA,YAAY,EAAE,CAAC;AACf,oBAAA,OAAO,EAAE,cAAc;AACvB,oBAAA,KAAK,EAAE,sBAAsB;AAC7B,oBAAA,SAAS,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE;AACvC,iBAAA,EAAA;gBAED,KAAA,CAAA,aAAA,CAAC,OAAO,IAAC,IAAI,EAAC,eAAe,EAAA,CAAG,CACrB,CACP;;IAIZ,QACE,oBAAC,MAAM,EAAA,EACL,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,UAAU,IAAI,CAAC,WAAW,EACpC,EAAE,EAAE;YACF,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;YAC1B,KAAK,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE;AAC3B,YAAA,YAAY,EAAE,CAAC;AACf,YAAA,EAAE,EAAE,CAAC;AACL,YAAA,aAAa,EAAE,MAAM;AACrB,YAAA,UAAU,EAAE,GAAG;SAChB,EAAA,EAEA,QAAQ,CACF;AAEb;;;;"}

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

@@ -1,130 +0,0 @@
-import React, { useState, 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';
-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 useGlobal from '../../hooks/useGlobal.js';
-import TicketSelectionMobile from './TicketSelectionMobile.js';
-
-const TicketSelection = ({ event }) => {
-    const { t, lang } = useGlobal();
-    const isMobile = useResponsive('down', 'md');
-    const { setValue, watch } = useFormContext();
-    const tickets = useWatch({
-        name: `tickets.${event.id}`,
-        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;
-    useEffect(() => {
-        if (!isProcessingRef.current)
-            selectedTickets();
-    }, [tickets, activeReleases]);
-    const isReleaseSelected = (id) => !!tickets.find((ticket) => ticket.releaseId === id);
-    const getRelease = (releaseId) => {
-        const release = activeReleases?.find((activeRelease) => activeRelease.id === releaseId);
-        return release ? release : null;
-    };
-    const getExtraFields = (releaseId, index) => {
-        if (!releaseId)
-            return null;
-        const release = getRelease(releaseId);
-        if (!release || !release?.extraFields || release?.extraFields.length <= 0)
-            return null;
-        const addedRelease = tickets.find((ticket) => ticket.releaseId === release.id);
-        const countTickets = addedRelease?.quantity || 0;
-        return (React.createElement(ReleaseExtraFields, { release: release, eventId: event.id, releaseIndex: index, quantity: countTickets }));
-    };
-    const countReleaseCategories = () => {
-        const grouped = groupBy(activeReleases || [], 'releaseCategoryName');
-        return Object.keys(grouped).length;
-    };
-    const selectedReleaseIsSoldOut = (releases) => {
-        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;
-        });
-        return lockedSelectedReleases && lockedSelectedReleases.includes(true);
-    };
-    const countUnlockedReleases = () => activeReleases?.filter((item) => !item.locked).length || 0;
-    const countSelectedTickets = () => {
-        let count = 0;
-        for (const ticket of tickets) {
-            count += +ticket.quantity;
-        }
-        return count;
-    };
-    const isQuantityDisabled = (value, releaseId) => {
-        const releaseSelected = tickets.find((item) => item.releaseId === releaseId);
-        return releaseSelected && releaseSelected.quantity
-            ? countSelectedTickets() + value - releaseSelected.quantity > 10
-            : countSelectedTickets() + value > 10;
-    };
-    const removeTicket = (indexToRemove) => {
-        const activeReleases = tickets.filter((_ticket, index) => index !== indexToRemove);
-        setValue(`tickets.${event.id}`, activeReleases);
-    };
-    const selectedTickets = async () => {
-        const releases = await mutate();
-        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 shouldAddRow = (soldOutReleaseCategories &&
-            selectedReleaseIsSoldOut(releases) &&
-            tickets.length < soldOutReleaseCategories.length + countUnlockedReleases() &&
-            !allFilled.length) ||
-            (activeReleases &&
-                soldOutReleaseCategories?.length &&
-                activeReleases?.length > tickets.length &&
-                tickets.length < soldOutReleaseCategories.length + countUnlockedReleases() &&
-                !allFilled.length) ||
-            (tickets.length < countReleaseCategories() && !allFilled.length);
-        const shouldRemoveEmptyRows = allFilled.length > 0 &&
-            tickets.length > 1 &&
-            !hasSelectableRelease &&
-            (!soldOutReleaseCategories?.length || !selectedReleaseIsSoldOut(releases));
-        if (shouldAddRow) {
-            isProcessingRef.current = true;
-            setValue(`tickets.${event.id}`, [
-                ...tickets,
-                {
-                    releaseId: '',
-                    quantity: '',
-                    itemName: '',
-                    price: 0,
-                    products: [],
-                    extraFields: [],
-                },
-            ]);
-            setTimeout(() => (isProcessingRef.current = false), 0);
-        }
-        else if (shouldRemoveEmptyRows) {
-            // Only remove completely empty rows (no releaseId), keep rows where user started selecting
-            const nonEmptyTickets = tickets.filter((item) => item.releaseId);
-            if (nonEmptyTickets.length < tickets.length) {
-                isProcessingRef.current = true;
-                setValue(`tickets.${event.id}`, nonEmptyTickets);
-                setTimeout(() => (isProcessingRef.current = false), 0);
-            }
-        }
-    };
-    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(Box, null,
-            React.createElement(Typography, { variant: "caption", component: "div", fontStyle: "italic", mb: 2 },
-                "*",
-                t('event.tickets.stepper.1.max_ticket_quantity')))));
-};
-
-export { TicketSelection as default };
-//# sourceMappingURL=TicketSelection.js.map

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

@@ -1 +0,0 @@
-{"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 {\n  Box,\n  Divider,\n  Grid,\n  IconButton,\n  MenuItem,\n  Skeleton,\n  Stack,\n  Typography,\n} from '@mui/material';\nimport { RHFSelect } from '@components/hook-form';\nimport { ITicketForm, ITicketFormTicket } from '@utils/types/ticket.type';\nimport useEventActiveReleases from '@hooks/data/useEventActiveReleases';\nimport { fCurrency } from '@utils/formatNumber';\nimport { Iconify } from '@components/iconify';\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, lang } = 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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"}

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

@@ -1,69 +0,0 @@
-import React from 'react';
-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 Iconify from '../../components/iconify/Iconify.js';
-
-const TicketSelectionMap = ({ event }) => {
-    const { t, seatingIframeUrl } = useGlobal();
-    const { setValue, watch } = useFormContext();
-    const uuid = watch('uuid');
-    if (!uuid)
-        return;
-    const onSelect = (seats) => {
-        const tickets = [];
-        const groupedSeatsByZone = seats.reduce((tickets, seat) => {
-            const zoneIndex = tickets.findIndex((ticket) => ticket.seat.id === seat.locationId);
-            if (zoneIndex !== -1) {
-                tickets[zoneIndex].quantity += 1;
-            }
-            else {
-                tickets.push({
-                    seat: {
-                        id: seat.locationId,
-                        type: seat.locationType,
-                        locationDescription: seat.locationTypeDescription,
-                    },
-                    quantity: 1,
-                    ticket: seat.ticket,
-                });
-            }
-            return tickets;
-        }, 
-        // TODO: fix types
-        []);
-        for (const groupedSeat of groupedSeatsByZone) {
-            tickets.push({
-                releaseId: groupedSeat.ticket.id,
-                price: groupedSeat.ticket.price,
-                quantity: groupedSeat.quantity,
-                itemName: `${groupedSeat.ticket.releaseCategoryName} - ${groupedSeat.ticket.name}`,
-                products: [],
-                extraFields: [],
-                location: {
-                    id: groupedSeat.seat.id,
-                    type: groupedSeat.seat.type,
-                    locationDescription: groupedSeat.seat.locationDescription,
-                },
-            });
-        }
-        setValue(`tickets.${event.id}`, tickets);
-    };
-    if (!seatingIframeUrl)
-        return null;
-    return (React.createElement(Button, { variant: "outlined", onClick: () => iframe.openPicker({
-            eventId: String(event.id),
-            onSelect,
-            baseUrl: seatingIframeUrl,
-            clientId: uuid,
-        }), sx: {
-            width: { xs: '100%' },
-            color: 'text.primary',
-            borderColor: (theme) => theme.palette.grey['300'],
-            '& .MuiButton-endIcon': { ml: 0, fontSize: '1.5em' },
-        }, endIcon: React.createElement(Iconify, { icon: "eva:chevron-right-outline" }) }, t('form.labels.open_map')));
-};
-
-export { TicketSelectionMap as default };
-//# sourceMappingURL=TicketSelectionMap.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TicketSelectionMap.js","sources":["../../../../src/form/tickets/TicketSelectionMap.tsx"],"sourcesContent":["import React from 'react';\nimport useGlobal from '@hooks/useGlobal.ts';\nimport { IEvent } from '@utils/types/event.type.ts';\nimport { Button } from '@mui/material';\nimport { iframe, TicketSelection } from '@seat-picker/seat-picker-sdk';\nimport { useFormContext } from 'react-hook-form';\nimport { ITicketForm, ITicketFormTicket, ITicketLocation } from '@utils/types/ticket.type.ts';\nimport Iconify from '@components/iconify/Iconify';\n\ninterface Props {\n  event: IEvent;\n}\n\nconst TicketSelectionMap: React.FC<Props> = ({ event }) => {\n  const { t, seatingIframeUrl } = useGlobal();\n  const { setValue, watch } = useFormContext<ITicketForm>();\n  const uuid = watch('uuid');\n\n  if (!uuid) return;\n\n  const onSelect = (seats: TicketSelection) => {\n    const tickets: ITicketFormTicket[] = [];\n    const groupedSeatsByZone = seats.reduce(\n      (tickets, seat) => {\n        const zoneIndex = tickets.findIndex((ticket) => ticket.seat.id === seat.locationId);\n        if (zoneIndex !== -1) {\n          tickets[zoneIndex].quantity += 1;\n        } else {\n          tickets.push({\n            seat: {\n              id: seat.locationId,\n              type: seat.locationType,\n              locationDescription: seat.locationTypeDescription,\n            },\n            quantity: 1,\n            ticket: seat.ticket,\n          });\n        }\n\n        return tickets;\n      },\n      // TODO: fix types\n      [] as { quantity: number; seat: ITicketLocation; ticket: any }[]\n    );\n\n    for (const groupedSeat of groupedSeatsByZone) {\n      tickets.push({\n        releaseId: groupedSeat.ticket.id,\n        price: groupedSeat.ticket.price,\n        quantity: groupedSeat.quantity,\n        itemName: `${groupedSeat.ticket.releaseCategoryName} - ${groupedSeat.ticket.name}`,\n        products: [],\n        extraFields: [],\n        location: {\n          id: groupedSeat.seat.id,\n          type: groupedSeat.seat.type,\n          locationDescription: groupedSeat.seat.locationDescription,\n        },\n      });\n    }\n\n    setValue(`tickets.${event.id}`, tickets);\n  };\n\n  if (!seatingIframeUrl) return null;\n\n  return (\n    <Button\n      variant=\"outlined\"\n      onClick={() =>\n        iframe.openPicker({\n          eventId: String(event.id),\n          onSelect,\n          baseUrl: seatingIframeUrl,\n          clientId: uuid,\n        })\n      }\n      sx={{\n        width: { xs: '100%' },\n        color: 'text.primary',\n        borderColor: (theme) => theme.palette.grey['300'],\n        '& .MuiButton-endIcon': { ml: 0, fontSize: '1.5em' },\n      }}\n      endIcon={<Iconify icon=\"eva:chevron-right-outline\" />}\n    >\n      {t('form.labels.open_map')}\n    </Button>\n  );\n};\n\nexport default TicketSelectionMap;\n"],"names":[],"mappings":"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"}

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

@@ -1,84 +0,0 @@
-import React, { useState } from 'react';
-import { useTheme, Stack, Skeleton, Box, Typography } from '@mui/material';
-import { fCurrency } from '../../utils/formatNumber.js';
-import useGlobal from '../../hooks/useGlobal.js';
-import ReleaseDescription from './ReleaseDescription.js';
-import TicketQuantityControl from './TicketQuantityControl.js';
-
-const TicketSelectionMobile = ({ event, activeReleases, showLoading, soldOutReleaseCategoryNames, tickets, isQuantityDisabled, setValue, removeTicket, getExtraFields, }) => {
-    const { t, lang } = useGlobal();
-    const [expandedReleaseIds, setExpandedReleaseIds] = useState({});
-    const theme = useTheme();
-    const isLight = theme.palette.mode === 'light';
-    const getReleaseTitle = (release) => release.releaseCategoryName || release.name || '';
-    const getTicketIndexByRelease = (releaseId) => tickets.findIndex((ticket) => ticket.releaseId === releaseId);
-    const getReleaseQuantity = (releaseId) => {
-        const ticket = tickets.find((t) => t.releaseId === releaseId);
-        return Number(ticket?.quantity || 0);
-    };
-    const updateReleaseQuantity = (release, nextQuantity) => {
-        const maxAvailable = Math.min(release.availableTickets || 0, 10);
-        const clampedQuantity = Math.max(0, Math.min(nextQuantity, maxAvailable));
-        const ticketIndex = getTicketIndexByRelease(release.id);
-        if (clampedQuantity <= 0) {
-            if (ticketIndex >= 0)
-                removeTicket(ticketIndex);
-            return;
-        }
-        if (ticketIndex >= 0) {
-            setValue(`tickets.${event.id}.${ticketIndex}.quantity`, clampedQuantity);
-            return;
-        }
-        setValue(`tickets.${event.id}`, [
-            ...tickets,
-            {
-                releaseId: release.id,
-                quantity: clampedQuantity,
-                itemName: getReleaseTitle(release),
-                price: release.price || 0,
-                products: [],
-                extraFields: [],
-            },
-        ]);
-    };
-    const toggleReleaseDescription = (releaseId) => setExpandedReleaseIds((prev) => ({
-        ...prev,
-        [releaseId]: !prev[releaseId],
-    }));
-    if (showLoading) {
-        return (React.createElement(Stack, { spacing: 2 }, [...Array(2)].map((_, index) => (React.createElement(Skeleton, { key: index, variant: "rounded", sx: {
-                width: '100%',
-                height: (theme) => theme.spacing(12),
-            } })))));
-    }
-    return (React.createElement(Stack, { spacing: 2 }, activeReleases?.map((release) => {
-        const quantity = getReleaseQuantity(release.id);
-        const ticketIndex = getTicketIndexByRelease(release.id);
-        const maxAvailable = Math.min(release.availableTickets || 0, 10);
-        const isLocked = release.locked && !soldOutReleaseCategoryNames.includes(release.releaseCategoryName);
-        const isDisabled = isLocked && quantity === 0;
-        const canAddFirst = maxAvailable > 0 && !isQuantityDisabled(1, release.id);
-        const canAddMore = quantity < maxAvailable && !isQuantityDisabled(quantity + 1, release.id);
-        return (React.createElement(Box, { key: release.id, sx: {
-                p: 1,
-                pb: 0,
-                borderRadius: 1,
-                bgcolor: (theme) => (isLight ? theme.palette.grey[100] : theme.palette.grey[800]),
-            } },
-            React.createElement(Stack, { spacing: 0 },
-                React.createElement(Box, null,
-                    React.createElement(Typography, { variant: "subtitle1", fontWeight: 600 }, 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, event.currency)),
-                        React.createElement(ReleaseDescription, { description: release.description, isExpanded: Boolean(expandedReleaseIds[release.id]), onToggle: () => toggleReleaseDescription(release.id), moreInfoLabel: t('more_info') })),
-                    React.createElement(TicketQuantityControl, { quantity: quantity, isDisabled: isDisabled, canAddFirst: canAddFirst, canAddMore: canAddMore, addLabel: t('add'), onDecrement: () => updateReleaseQuantity(release, quantity - 1), onIncrement: () => updateReleaseQuantity(release, quantity + 1), onAddFirst: () => updateReleaseQuantity(release, 1) })),
-                React.createElement(ReleaseDescription, { description: release.description, isExpanded: Boolean(expandedReleaseIds[release.id]), onToggle: () => toggleReleaseDescription(release.id), moreInfoLabel: t('more_info'), showCollapse: true }),
-                ticketIndex >= 0 && getExtraFields(release.id, ticketIndex))));
-    })));
-};
-
-export { TicketSelectionMobile as default };
-//# sourceMappingURL=TicketSelectionMobile.js.map