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

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

@@ -0,0 +1,112 @@
+import React, { useState, useMemo } from 'react';
+import { Stack, Box, Link, Dialog, DialogTitle, IconButton, DialogContent, Typography, Button, FormControlLabel, Checkbox } from '@mui/material';
+import { useWatch, useFormContext, Controller } from 'react-hook-form';
+import { fCurrency } from '../../utils/formatNumber.js';
+import useGlobal from '../../hooks/useGlobal.js';
+import 'framer-motion';
+import '../../components/animate/IconButtonAnimate.js';
+import '@mui/material/styles';
+import '@mui/material/useMediaQuery';
+import Iconify from '../../components/iconify/Iconify.js';
+
+const BorderedCheckbox = ({ name, disabled, title, price, onChange, }) => {
+    const { control } = useFormContext();
+    return (React.createElement(Controller, { name: name, control: control, render: ({ field }) => (React.createElement(FormControlLabel, { control: React.createElement(Checkbox, { ...field, checked: field.value || false, onChange: (e) => {
+                    onChange?.(e);
+                    if (!e.defaultPrevented) {
+                        field.onChange(e);
+                    }
+                }, disabled: disabled }), label: React.createElement(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { width: '100%', pr: 1 } },
+                React.createElement(Typography, { variant: "body2", fontWeight: 400 }, title),
+                React.createElement(Typography, { variant: "body2", fontWeight: 700, sx: { whiteSpace: 'nowrap' } }, price)), sx: {
+                m: 0,
+                px: 1,
+                pr: 0.5,
+                pl: 0,
+                borderRadius: 1,
+                width: '100%',
+                border: '1px solid',
+                borderColor: 'primary.main',
+                '& .MuiFormControlLabel-label': {
+                    width: '100%',
+                },
+            } })) }));
+};
+const Services = ({ event }) => {
+    const { t, lang, showSnackbar } = useGlobal();
+    const [open, setOpen] = useState(false);
+    Number(useWatch({
+        name: 'ticketInsurancePricePerUnit',
+        defaultValue: 0,
+    }) || 0);
+    const smsNotificationPrice = Number(useWatch({
+        name: 'smsNotificationPrice',
+        defaultValue: 0,
+    }) || 0);
+    const tickets = useWatch({
+        name: 'tickets',
+        defaultValue: {},
+    });
+    const totalTickets = useMemo(() => {
+        const items = Object.values(tickets || {}).flat();
+        return items.reduce((sum, ticket) => sum + (Number(ticket.quantity) || 0), 0);
+    }, [tickets]);
+    const handleOpen = (e) => {
+        e.preventDefault();
+        setOpen(true);
+    };
+    const handleClose = () => setOpen(false);
+    const handleServiceChange = (e) => {
+        if (totalTickets <= 0) {
+            e.preventDefault();
+            showSnackbar(t('event.tickets.services.add_tickets_first'), {
+                variant: 'error',
+            });
+        }
+    };
+    return (React.createElement(Stack, { spacing: 1 },
+        React.createElement(BorderedCheckbox, { name: "smsNotification", disabled: false, title: t('event.tickets.sms_notification.label'), price: React.createElement(React.Fragment, null,
+                "+ ",
+                fCurrency(smsNotificationPrice, lang, event.currency)), onChange: handleServiceChange }),
+        React.createElement(Box, { sx: { display: 'flex', justifyContent: 'flex-end' } },
+            React.createElement(Link, { variant: "body2", underline: "always", onClick: handleOpen, color: 'text.primary' }, t('event.tickets.stepper.8.additional_info'))),
+        React.createElement(Dialog, { open: open, onClose: handleClose, maxWidth: "sm", fullWidth: true, PaperProps: {
+                sx: {
+                    borderRadius: 4,
+                    overflow: 'hidden',
+                },
+            } },
+            React.createElement(DialogTitle, { sx: {
+                    position: 'relative',
+                    textAlign: 'center',
+                    fontWeight: 700,
+                    fontSize: { xs: '1.5rem', sm: '1.75rem' },
+                    pt: { xs: 3.5, sm: 4 },
+                    pb: { xs: 2, sm: 2.5 },
+                    px: { xs: 3, sm: 4 },
+                } },
+                t('event.tickets.stepper.8.title'),
+                ":",
+                React.createElement(IconButton, { onClick: handleClose, size: "small", sx: { position: 'absolute', right: 16, top: 16 } },
+                    React.createElement(Iconify, { icon: "carbon:close" }))),
+            React.createElement(DialogContent, { sx: { px: { xs: 3, sm: 4 }, pb: { xs: 4, sm: 5 } } },
+                React.createElement(Stack, { spacing: 3 },
+                    React.createElement(Box, null,
+                        React.createElement(Typography, { variant: "subtitle2", fontWeight: 700, gutterBottom: true }, t('event.tickets.sms_notification.label')),
+                        React.createElement(Typography, { variant: "body2", paragraph: true }, t('event.tickets.sms_notification.modal.description')),
+                        React.createElement(BorderedCheckbox, { name: "smsNotification", disabled: false, title: t('event.tickets.sms_notification.label'), price: React.createElement(React.Fragment, null,
+                                "+ ",
+                                fCurrency(smsNotificationPrice, lang, event.currency)), onChange: handleServiceChange })),
+                    React.createElement(Button, { variant: "outlined", onClick: handleClose, sx: {
+                            mt: 1,
+                            py: 1.25,
+                            borderRadius: 1,
+                            height: 36,
+                            fontWeight: 700,
+                            borderColor: 'grey.300',
+                            color: 'text.primary',
+                        } }, t('close')))))));
+};
+
+export { Services as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/form/services/index.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport {\n  Box,\n  Button,\n  Checkbox,\n  Dialog,\n  DialogContent,\n  DialogTitle,\n  Divider,\n  FormControlLabel,\n  IconButton,\n  Link,\n  Stack,\n  Typography,\n} from '@mui/material';\nimport { useWatch, Controller } from 'react-hook-form';\nimport { fCurrency } from '@utils/formatNumber';\nimport useGlobal from '@hooks/useGlobal';\nimport { Iconify } from '@components';\nimport { ITicketForm, ITicketFormTicket } from '@utils/types/ticket.type';\nimport { IEvent } from '@utils/types/event.type';\nimport { useFormContext } from 'react-hook-form';\n\ninterface Props {\n  event: IEvent;\n}\n\ninterface BorderedCheckboxProps {\n  name: string;\n  disabled: boolean;\n  title: React.ReactNode;\n  price: React.ReactNode;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n}\n\nconst BorderedCheckbox: React.FC<BorderedCheckboxProps> = ({\n  name,\n  disabled,\n  title,\n  price,\n  onChange,\n}) => {\n  const { control } = useFormContext<ITicketForm>();\n\n  return (\n    <Controller\n      name={name as any}\n      control={control}\n      render={({ field }) => (\n        <FormControlLabel\n          control={\n            <Checkbox\n              {...field}\n              checked={field.value || false}\n              onChange={(e) => {\n                onChange?.(e);\n                if (!e.defaultPrevented) {\n                  field.onChange(e);\n                }\n              }}\n              disabled={disabled}\n            />\n          }\n          label={\n            <Stack\n              direction=\"row\"\n              justifyContent=\"space-between\"\n              alignItems=\"center\"\n              sx={{ width: '100%', pr: 1 }}\n            >\n              <Typography variant=\"body2\" fontWeight={400}>\n                {title}\n              </Typography>\n              <Typography variant=\"body2\" fontWeight={700} sx={{ whiteSpace: 'nowrap' }}>\n                {price}\n              </Typography>\n            </Stack>\n          }\n          sx={{\n            m: 0,\n            px: 1,\n            pr: 0.5,\n            pl: 0,\n            borderRadius: 1,\n            width: '100%',\n            border: '1px solid',\n            borderColor: 'primary.main',\n            '& .MuiFormControlLabel-label': {\n              width: '100%',\n            },\n          }}\n        />\n      )}\n    />\n  );\n};\n\nconst Services: React.FC<Props> = ({ event }) => {\n  const { t, lang, showSnackbar } = useGlobal();\n  const [open, setOpen] = useState(false);\n  const ticketInsurancePricePerUnit = Number(\n    useWatch<ITicketForm>({\n      name: 'ticketInsurancePricePerUnit',\n      defaultValue: 0,\n    }) || 0\n  );\n  const smsNotificationPrice = Number(\n    useWatch<ITicketForm>({\n      name: 'smsNotificationPrice',\n      defaultValue: 0,\n    }) || 0\n  );\n  const tickets = useWatch<ITicketForm, 'tickets'>({\n    name: 'tickets',\n    defaultValue: {},\n  });\n\n  const totalTickets = useMemo(() => {\n    const items: ITicketFormTicket[] = Object.values(tickets || {}).flat();\n    return items.reduce((sum, ticket) => sum + (Number(ticket.quantity) || 0), 0);\n  }, [tickets]);\n\n  const handleOpen = (e: React.MouseEvent<HTMLAnchorElement>) => {\n    e.preventDefault();\n    setOpen(true);\n  };\n\n  const handleClose = () => setOpen(false);\n\n  const handleServiceChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (totalTickets <= 0) {\n      e.preventDefault();\n      showSnackbar(t('event.tickets.services.add_tickets_first'), {\n        variant: 'error',\n      });\n    }\n  };\n\n  return (\n    <Stack spacing={1}>\n      {/*<BorderedCheckbox*/}\n      {/*  name=\"ticketInsurance\"*/}\n      {/*  disabled={false}*/}\n      {/*  title={t('event.tickets.insurance.label')}*/}\n      {/*  price={*/}\n      {/*    <>*/}\n      {/*      + {fCurrency(ticketInsurancePricePerUnit, lang, event.currency)} /{' '}*/}\n      {/*      {t('event.tickets.insurance.per_ticket')}*/}\n      {/*    </>*/}\n      {/*  }*/}\n      {/*  onChange={handleServiceChange}*/}\n      {/*/>*/}\n\n      <BorderedCheckbox\n        name=\"smsNotification\"\n        disabled={false}\n        title={t('event.tickets.sms_notification.label')}\n        price={<>+ {fCurrency(smsNotificationPrice, lang, event.currency)}</>}\n        onChange={handleServiceChange}\n      />\n\n      <Box sx={{ display: 'flex', justifyContent: 'flex-end' }}>\n        <Link variant=\"body2\" underline=\"always\" onClick={handleOpen} color={'text.primary'}>\n          {t('event.tickets.stepper.8.additional_info')}\n        </Link>\n      </Box>\n\n      <Dialog\n        open={open}\n        onClose={handleClose}\n        maxWidth=\"sm\"\n        fullWidth\n        PaperProps={{\n          sx: {\n            borderRadius: 4,\n            overflow: 'hidden',\n          },\n        }}\n      >\n        <DialogTitle\n          sx={{\n            position: 'relative',\n            textAlign: 'center',\n            fontWeight: 700,\n            fontSize: { xs: '1.5rem', sm: '1.75rem' },\n            pt: { xs: 3.5, sm: 4 },\n            pb: { xs: 2, sm: 2.5 },\n            px: { xs: 3, sm: 4 },\n          }}\n        >\n          {t('event.tickets.stepper.8.title')}:\n          <IconButton\n            onClick={handleClose}\n            size=\"small\"\n            sx={{ position: 'absolute', right: 16, top: 16 }}\n          >\n            <Iconify icon=\"carbon:close\" />\n          </IconButton>\n        </DialogTitle>\n        <DialogContent sx={{ px: { xs: 3, sm: 4 }, pb: { xs: 4, sm: 5 } }}>\n          <Stack spacing={3}>\n            {/*<Box>*/}\n            {/*  <Typography variant=\"subtitle2\" fontWeight={700} gutterBottom>*/}\n            {/*    {t('event.tickets.insurance.label')}*/}\n            {/*  </Typography>*/}\n            {/*  <Typography variant=\"body2\" paragraph>*/}\n            {/*    {t('event.tickets.insurance.modal.description')}*/}\n            {/*  </Typography>*/}\n            {/*  <Typography variant=\"body2\" paragraph>*/}\n            {/*    {t('event.tickets.insurance.modal.coverage')}*/}\n            {/*  </Typography>*/}\n            {/*  <BorderedCheckbox*/}\n            {/*    name=\"ticketInsurance\"*/}\n            {/*    disabled={false}*/}\n            {/*    title={t('event.tickets.insurance.label')}*/}\n            {/*    price={*/}\n            {/*      <>*/}\n            {/*        + {fCurrency(ticketInsurancePricePerUnit, lang, event.currency)} /{' '}*/}\n            {/*        {t('event.tickets.insurance.per_ticket')}*/}\n            {/*      </>*/}\n            {/*    }*/}\n            {/*    onChange={handleServiceChange}*/}\n            {/*  />*/}\n            {/*</Box>*/}\n            {/*<Divider />*/}\n            <Box>\n              <Typography variant=\"subtitle2\" fontWeight={700} gutterBottom>\n                {t('event.tickets.sms_notification.label')}\n              </Typography>\n              <Typography variant=\"body2\" paragraph>\n                {t('event.tickets.sms_notification.modal.description')}\n              </Typography>\n              <BorderedCheckbox\n                name=\"smsNotification\"\n                disabled={false}\n                title={t('event.tickets.sms_notification.label')}\n                price={<>+ {fCurrency(smsNotificationPrice, lang, event.currency)}</>}\n                onChange={handleServiceChange}\n              />\n            </Box>\n            <Button\n              variant=\"outlined\"\n              onClick={handleClose}\n              sx={{\n                mt: 1,\n                py: 1.25,\n                borderRadius: 1,\n                height: 36,\n                fontWeight: 700,\n                borderColor: 'grey.300',\n                color: 'text.primary',\n              }}\n            >\n              {t('close')}\n            </Button>\n          </Stack>\n        </DialogContent>\n      </Dialog>\n    </Stack>\n  );\n};\n\nexport default Services;\n"],"names":[],"mappings":";;;;;;;;;;;AAmCA,MAAM,gBAAgB,GAAoC,CAAC,EACzD,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,KAAK,EACL,QAAQ,GACT,KAAI;AACH,IAAA,MAAM,EAAE,OAAO,EAAE,GAAG,cAAc,EAAe;IAEjD,QACE,oBAAC,UAAU,EAAA,EACT,IAAI,EAAE,IAAW,EACjB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,MAChB,oBAAC,gBAAgB,EAAA,EACf,OAAO,EACL,KAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,EAAA,GACH,KAAK,EACT,OAAO,EAAE,KAAK,CAAC,KAAK,IAAI,KAAK,EAC7B,QAAQ,EAAE,CAAC,CAAC,KAAI;AACd,oBAAA,QAAQ,GAAG,CAAC,CAAC;AACb,oBAAA,IAAI,CAAC,CAAC,CAAC,gBAAgB,EAAE;AACvB,wBAAA,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;;AAErB,iBAAC,EACD,QAAQ,EAAE,QAAQ,GAClB,EAEJ,KAAK,EACH,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EACJ,SAAS,EAAC,KAAK,EACf,cAAc,EAAC,eAAe,EAC9B,UAAU,EAAC,QAAQ,EACnB,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,EAAE,EAAA;gBAE5B,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAC,OAAO,EAAC,UAAU,EAAE,GAAG,EAAA,EACxC,KAAK,CACK;gBACb,KAAA,CAAA,aAAA,CAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,UAAU,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAA,EACtE,KAAK,CACK,CACP,EAEV,EAAE,EAAE;AACF,gBAAA,CAAC,EAAE,CAAC;AACJ,gBAAA,EAAE,EAAE,CAAC;AACL,gBAAA,EAAE,EAAE,GAAG;AACP,gBAAA,EAAE,EAAE,CAAC;AACL,gBAAA,YAAY,EAAE,CAAC;AACf,gBAAA,KAAK,EAAE,MAAM;AACb,gBAAA,MAAM,EAAE,WAAW;AACnB,gBAAA,WAAW,EAAE,cAAc;AAC3B,gBAAA,8BAA8B,EAAE;AAC9B,oBAAA,KAAK,EAAE,MAAM;AACd,iBAAA;aACF,EAAA,CACD,CACH,EAAA,CACD;AAEN,CAAC;AAED,MAAM,QAAQ,GAAoB,CAAC,EAAE,KAAK,EAAE,KAAI;IAC9C,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,SAAS,EAAE;IAC7C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AACvC,IAAoC,MAAM,CACxC,QAAQ,CAAc;AACpB,QAAA,IAAI,EAAE,6BAA6B;AACnC,QAAA,YAAY,EAAE,CAAC;KAChB,CAAC,IAAI,CAAC;AAET,IAAA,MAAM,oBAAoB,GAAG,MAAM,CACjC,QAAQ,CAAc;AACpB,QAAA,IAAI,EAAE,sBAAsB;AAC5B,QAAA,YAAY,EAAE,CAAC;KAChB,CAAC,IAAI,CAAC,CACR;IACD,MAAM,OAAO,GAAG,QAAQ,CAAyB;AAC/C,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,YAAY,EAAE,EAAE;AACjB,KAAA,CAAC;AAEF,IAAA,MAAM,YAAY,GAAG,OAAO,CAAC,MAAK;AAChC,QAAA,MAAM,KAAK,GAAwB,MAAM,CAAC,MAAM,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE;QACtE,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,MAAM,KAAK,GAAG,IAAI,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC;AAC/E,KAAC,EAAE,CAAC,OAAO,CAAC,CAAC;AAEb,IAAA,MAAM,UAAU,GAAG,CAAC,CAAsC,KAAI;QAC5D,CAAC,CAAC,cAAc,EAAE;QAClB,OAAO,CAAC,IAAI,CAAC;AACf,KAAC;IAED,MAAM,WAAW,GAAG,MAAM,OAAO,CAAC,KAAK,CAAC;AAExC,IAAA,MAAM,mBAAmB,GAAG,CAAC,CAAsC,KAAI;AACrE,QAAA,IAAI,YAAY,IAAI,CAAC,EAAE;YACrB,CAAC,CAAC,cAAc,EAAE;AAClB,YAAA,YAAY,CAAC,CAAC,CAAC,0CAA0C,CAAC,EAAE;AAC1D,gBAAA,OAAO,EAAE,OAAO;AACjB,aAAA,CAAC;;AAEN,KAAC;AAED,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,OAAO,EAAE,CAAC,EAAA;AAcf,QAAA,KAAA,CAAA,aAAA,CAAC,gBAAgB,EAAA,EACf,IAAI,EAAC,iBAAiB,EACtB,QAAQ,EAAE,KAAK,EACf,KAAK,EAAE,CAAC,CAAC,sCAAsC,CAAC,EAChD,KAAK,EAAE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;;AAAK,gBAAA,SAAS,CAAC,oBAAoB,EAAE,IAAI,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAI,EACrE,QAAQ,EAAE,mBAAmB,EAAA,CAC7B;AAEF,QAAA,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,EAAA;YACtD,KAAA,CAAA,aAAA,CAAC,IAAI,IAAC,OAAO,EAAC,OAAO,EAAC,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,cAAc,EAAA,EAChF,CAAC,CAAC,yCAAyC,CAAC,CACxC,CACH;AAEN,QAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EACL,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAC,IAAI,EACb,SAAS,EAAA,IAAA,EACT,UAAU,EAAE;AACV,gBAAA,EAAE,EAAE;AACF,oBAAA,YAAY,EAAE,CAAC;AACf,oBAAA,QAAQ,EAAE,QAAQ;AACnB,iBAAA;AACF,aAAA,EAAA;YAED,KAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EACV,EAAE,EAAE;AACF,oBAAA,QAAQ,EAAE,UAAU;AACpB,oBAAA,SAAS,EAAE,QAAQ;AACnB,oBAAA,UAAU,EAAE,GAAG;oBACf,QAAQ,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAS,EAAE;oBACzC,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE;oBACtB,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE;oBACtB,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE;AACrB,iBAAA,EAAA;gBAEA,CAAC,CAAC,+BAA+B,CAAC;;gBACnC,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EACT,OAAO,EAAE,WAAW,EACpB,IAAI,EAAC,OAAO,EACZ,EAAE,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,EAAA;AAEhD,oBAAA,KAAA,CAAA,aAAA,CAAC,OAAO,EAAA,EAAC,IAAI,EAAC,cAAc,EAAA,CAAG,CACpB,CACD;AACd,YAAA,KAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAA;AAC/D,gBAAA,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,OAAO,EAAE,CAAC,EAAA;AAyBf,oBAAA,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,IAAA;AACF,wBAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAC,WAAW,EAAC,UAAU,EAAE,GAAG,EAAE,YAAY,EAAA,IAAA,EAAA,EAC1D,CAAC,CAAC,sCAAsC,CAAC,CAC/B;AACb,wBAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAC,OAAO,EAAC,SAAS,EAAA,IAAA,EAAA,EAClC,CAAC,CAAC,kDAAkD,CAAC,CAC3C;AACb,wBAAA,KAAA,CAAA,aAAA,CAAC,gBAAgB,EAAA,EACf,IAAI,EAAC,iBAAiB,EACtB,QAAQ,EAAE,KAAK,EACf,KAAK,EAAE,CAAC,CAAC,sCAAsC,CAAC,EAChD,KAAK,EAAE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;;AAAK,gCAAA,SAAS,CAAC,oBAAoB,EAAE,IAAI,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAI,EACrE,QAAQ,EAAE,mBAAmB,GAC7B,CACE;oBACN,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EACL,OAAO,EAAC,UAAU,EAClB,OAAO,EAAE,WAAW,EACpB,EAAE,EAAE;AACF,4BAAA,EAAE,EAAE,CAAC;AACL,4BAAA,EAAE,EAAE,IAAI;AACR,4BAAA,YAAY,EAAE,CAAC;AACf,4BAAA,MAAM,EAAE,EAAE;AACV,4BAAA,UAAU,EAAE,GAAG;AACf,4BAAA,WAAW,EAAE,UAAU;AACvB,4BAAA,KAAK,EAAE,cAAc;yBACtB,EAAA,EAEA,CAAC,CAAC,OAAO,CAAC,CACJ,CACH,CACM,CACT,CACH;AAEZ;;;;"}

package/dist/esm/form/style.js

@@ -4,15 +4,24 @@ import { Card, Box, FormControl } from '@mui/material';
 const OverviewCard = styled(Card)(({ theme, stickyHeaderTop }) => ({
     position: 'sticky',
     top: stickyHeaderTop,
+    borderRadius: theme.spacing(2),
+    [theme.breakpoints.down('sm')]: {
+        borderRadius: theme.spacing(1),
+        boxShadow: 'none',
+    },
 }));
 const ShippingMethodItem = styled(Box, {
-    shouldForwardProp: (prop) => prop !== 'active',
-})(({ theme, active }) => ({
+    shouldForwardProp: (prop) => prop !== 'active' && prop !== 'hasError',
+})(({ theme, active, hasError }) => ({
     borderRadius: theme.spacing(1),
-    border: `1px solid ${active ? theme.palette.primary.main : theme.palette.grey.A200}`,
+    border: `1px solid ${hasError
+        ? theme.palette.error.main
+        : active
+            ? theme.palette.primary.main
+            : theme.palette.grey.A200}`,
     marginTop: theme.spacing(1),
     width: '100%',
-    padding: `0 ${theme.spacing(2)}`,
+    padding: `0 0 0 ${theme.spacing(2)}`,
     transitionDuration: '.3s',
     '& > .MuiFormControlLabel-root': {
         width: '100%',

package/dist/esm/form/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../src/form/style.ts"],"sourcesContent":["import { styled } from '@mui/material/styles';\nimport { Box, Card, FormControl } from '@mui/material';\n\nexport const OverviewCard = styled(Card)<{ stickyHeaderTop: number }>(\n  ({ theme, stickyHeaderTop }) => ({\n    position: 'sticky',\n    top: stickyHeaderTop,\n  })\n);\n\nexport const ShippingMethodItem = styled(Box, {\n  shouldForwardProp: (prop) => prop !== 'active',\n})<{ active: boolean }>(({ theme, active }) => ({\n  borderRadius: theme.spacing(1),\n  border: `1px solid ${active ? theme.palette.primary.main : theme.palette.grey.A200}`,\n  marginTop: theme.spacing(1),\n  width: '100%',\n  padding: `0 ${theme.spacing(2)}`,\n  transitionDuration: '.3s',\n\n  '& > .MuiFormControlLabel-root': {\n    width: '100%',\n    padding: `${theme.spacing(1)} 0`,\n  },\n}));\n\nexport const PaymentWrapper = styled(FormControl)(() => ({\n  width: '100%',\n}));\n\nexport const PaymentItem = styled(Box, {\n  shouldForwardProp: (prop) => prop !== 'active',\n})<{ active: boolean }>(({ theme, active }) => ({\n  borderRadius: theme.spacing(1),\n  border: `1px solid ${active ? theme.palette.primary.main : theme.palette.grey.A200}`,\n  marginTop: theme.spacing(1),\n  width: '100%',\n  padding: `0 ${theme.spacing(2)}`,\n  transitionDuration: '.3s',\n\n  '& > .MuiFormControlLabel-root': {\n    width: '100%',\n    padding: `${theme.spacing(1)} 0`,\n  },\n}));\n\nexport const PaymentSwiftWrapper = styled(Box)(() => ({\n  width: '100%',\n}));\n"],"names":[],"mappings":";;;AAGO,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,CACtC,CAAC,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM;AAC/B,IAAA,QAAQ,EAAE,QAAQ;AAClB,IAAA,GAAG,EAAE,eAAe;AACrB,CAAA,CAAC;AAGG,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,EAAE;IAC5C,iBAAiB,EAAE,CAAC,IAAI,KAAK,IAAI,KAAK,QAAQ;CAC/C,CAAC,CAAsB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM;AAC9C,IAAA,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAC9B,MAAM,EAAE,aAAa,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,CAAE;AACpF,IAAA,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC3B,IAAA,KAAK,EAAE,MAAM;IACb,OAAO,EAAE,KAAK,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA,CAAE;AAChC,IAAA,kBAAkB,EAAE,KAAK;AAEzB,IAAA,+BAA+B,EAAE;AAC/B,QAAA,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA,EAAA,CAAI;AACjC,KAAA;AACF,CAAA,CAAC;AAEK,MAAM,cAAc,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC,OAAO;AACvD,IAAA,KAAK,EAAE,MAAM;AACd,CAAA,CAAC;AAEK,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,EAAE;IACrC,iBAAiB,EAAE,CAAC,IAAI,KAAK,IAAI,KAAK,QAAQ;CAC/C,CAAC,CAAsB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM;AAC9C,IAAA,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAC9B,MAAM,EAAE,aAAa,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,CAAE;AACpF,IAAA,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC3B,IAAA,KAAK,EAAE,MAAM;IACb,OAAO,EAAE,KAAK,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA,CAAE;AAChC,IAAA,kBAAkB,EAAE,KAAK;AAEzB,IAAA,+BAA+B,EAAE;AAC/B,QAAA,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA,EAAA,CAAI;AACjC,KAAA;AACF,CAAA,CAAC;AAEK,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,OAAO;AACpD,IAAA,KAAK,EAAE,MAAM;AACd,CAAA,CAAC;;;;"}
+{"version":3,"file":"style.js","sources":["../../../src/form/style.ts"],"sourcesContent":["import { styled } from '@mui/material/styles';\nimport { Box, Card, FormControl } from '@mui/material';\n\nexport const OverviewCard = styled(Card)<{ stickyHeaderTop: number }>(\n  ({ theme, stickyHeaderTop }) => ({\n    position: 'sticky',\n    top: stickyHeaderTop,\n    borderRadius: theme.spacing(2),\n\n    [theme.breakpoints.down('sm')]: {\n      borderRadius: theme.spacing(1),\n      boxShadow: 'none',\n    },\n  })\n);\n\nexport const ShippingMethodItem = styled(Box, {\n  shouldForwardProp: (prop) => prop !== 'active' && prop !== 'hasError',\n})<{ active: boolean; hasError?: boolean }>(({ theme, active, hasError }) => ({\n  borderRadius: theme.spacing(1),\n  border: `1px solid ${\n    hasError\n      ? theme.palette.error.main\n      : active\n        ? theme.palette.primary.main\n        : theme.palette.grey.A200\n  }`,\n  marginTop: theme.spacing(1),\n  width: '100%',\n  padding: `0 0 0 ${theme.spacing(2)}`,\n  transitionDuration: '.3s',\n\n  '& > .MuiFormControlLabel-root': {\n    width: '100%',\n    padding: `${theme.spacing(1)} 0`,\n  },\n}));\n\nexport const PaymentWrapper = styled(FormControl)(() => ({\n  width: '100%',\n}));\n\nexport const PaymentItem = styled(Box, {\n  shouldForwardProp: (prop) => prop !== 'active',\n})<{ active: boolean }>(({ theme, active }) => ({\n  borderRadius: theme.spacing(1),\n  border: `1px solid ${active ? theme.palette.primary.main : theme.palette.grey.A200}`,\n  marginTop: theme.spacing(1),\n  width: '100%',\n  padding: `0 ${theme.spacing(2)}`,\n  transitionDuration: '.3s',\n\n  '& > .MuiFormControlLabel-root': {\n    width: '100%',\n    padding: `${theme.spacing(1)} 0`,\n  },\n}));\n\nexport const PaymentSwiftWrapper = styled(Box)(() => ({\n  width: '100%',\n}));\n"],"names":[],"mappings":";;;AAGO,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,CACtC,CAAC,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM;AAC/B,IAAA,QAAQ,EAAE,QAAQ;AAClB,IAAA,GAAG,EAAE,eAAe;AACpB,IAAA,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAE9B,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG;AAC9B,QAAA,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC9B,QAAA,SAAS,EAAE,MAAM;AAClB,KAAA;AACF,CAAA,CAAC;AAGG,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,EAAE;AAC5C,IAAA,iBAAiB,EAAE,CAAC,IAAI,KAAK,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,UAAU;AACtE,CAAA,CAAC,CAA0C,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;AAC5E,IAAA,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAC9B,MAAM,EAAE,aACN;AACE,UAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;AACtB,UAAE;AACA,cAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC;cACtB,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAC3B,CAAA,CAAE;AACF,IAAA,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC3B,IAAA,KAAK,EAAE,MAAM;IACb,OAAO,EAAE,SAAS,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA,CAAE;AACpC,IAAA,kBAAkB,EAAE,KAAK;AAEzB,IAAA,+BAA+B,EAAE;AAC/B,QAAA,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA,EAAA,CAAI;AACjC,KAAA;AACF,CAAA,CAAC;AAEK,MAAM,cAAc,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC,OAAO;AACvD,IAAA,KAAK,EAAE,MAAM;AACd,CAAA,CAAC;AAEK,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,EAAE;IACrC,iBAAiB,EAAE,CAAC,IAAI,KAAK,IAAI,KAAK,QAAQ;CAC/C,CAAC,CAAsB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM;AAC9C,IAAA,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAC9B,MAAM,EAAE,aAAa,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,CAAE;AACpF,IAAA,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC3B,IAAA,KAAK,EAAE,MAAM;IACb,OAAO,EAAE,KAAK,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA,CAAE;AAChC,IAAA,kBAAkB,EAAE,KAAK;AAEzB,IAAA,+BAA+B,EAAE;AAC/B,QAAA,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA,EAAA,CAAI;AACjC,KAAA;AACF,CAAA,CAAC;AAEK,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,OAAO;AACpD,IAAA,KAAK,EAAE,MAAM;AACd,CAAA,CAAC;;;;"}

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

@@ -0,0 +1,19 @@
+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

@@ -0,0 +1 @@
+{"version":3,"file":"ReleaseDescription.js","sources":["../../../../src/form/tickets/ReleaseDescription.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Collapse, Link, Stack, Typography } from '@mui/material';\nimport { Iconify } from '@components/iconify';\n\ninterface ReleaseDescriptionProps {\n  description?: string | null;\n  isExpanded: boolean;\n  onToggle: () => void;\n  moreInfoLabel: string;\n  showCollapse?: boolean;\n}\n\nconst ReleaseDescription: React.FC<ReleaseDescriptionProps> = ({\n  description,\n  isExpanded,\n  onToggle,\n  moreInfoLabel,\n  showCollapse = false,\n}) => {\n  if (!description) return null;\n\n  if (showCollapse) {\n    return (\n      <Collapse in={isExpanded}>\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          {description}\n        </Typography>\n      </Collapse>\n    );\n  }\n\n  return (\n    <Link onClick={onToggle} color=\"inherit\" underline=\"always\" fontSize={12}>\n      <Stack direction=\"row\" alignItems=\"center\" spacing={0}>\n        <Box>{moreInfoLabel}</Box>\n\n        <Iconify\n          sx={{ width: 24, height: 24 }}\n          icon={isExpanded ? 'eva:chevron-up-fill' : 'eva:chevron-down-fill'}\n        />\n      </Stack>\n    </Link>\n  );\n};\n\nexport default ReleaseDescription;\n"],"names":[],"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

@@ -0,0 +1,160 @@
+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 { 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';
+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 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 > MAX_TICKETS_PER_ORDER ? MAX_TICKETS_PER_ORDER : 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 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,
+                value: '',
+            })))
+            : [];
+        setValue(`tickets.${eventId}`, [
+            ...tickets,
+            {
+                releaseId: release.id,
+                quantity,
+                itemName: '',
+                price: 0,
+                products: selectedProducts,
+                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 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;
+            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]);
+    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,
+            pb: 0.5,
+            pl: 2,
+            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: "subtitle2", fontWeight: 700 },
+                    getReleaseTitle(release),
+                    " - ",
+                    release.name)),
+            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 || 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, maxSelectableQuantity: remainingOrderCapacity })))));
+};
+
+export { ReleaseWithMerchandise as default };
+//# sourceMappingURL=ReleaseWithMerchandise.js.map

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

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

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

@@ -0,0 +1,50 @@
+import React from 'react';
+import { Stack, IconButton, Box, Button } from '@mui/material';
+import Iconify from '../../components/iconify/Iconify.js';
+import useGlobal from '../../hooks/useGlobal.js';
+
+const TicketQuantityControl = ({ quantity, isDisabled, canAddFirst, canAddMore, addLabel, onDecrement, onIncrement, onAddFirst, }) => {
+    const { t } = useGlobal();
+    if (quantity > 0) {
+        return (React.createElement(Stack, { direction: "row", spacing: { xs: 0.5, md: 1 }, alignItems: "center" },
+            React.createElement(IconButton, { onClick: onDecrement, "aria-label": t('form.labels.ticket_quantity_decrease'), 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, "aria-label": t('form.labels.ticket_quantity_increase'), 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, "aria-label": addLabel, 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

@@ -0,0 +1 @@
+{"version":3,"file":"TicketQuantityControl.js","sources":["../../../../src/form/tickets/TicketQuantityControl.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Button, IconButton, Stack } from '@mui/material';\nimport { Iconify } from '@components/iconify';\nimport useGlobal from '@hooks/useGlobal';\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  const { t } = useGlobal();\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          aria-label={t('form.labels.ticket_quantity_decrease')}\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          aria-label={t('form.labels.ticket_quantity_increase')}\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      aria-label={addLabel}\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":"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"}