@eventlook/sdk 1.4.46-beta.2 → 1.4.46-beta.4

package/dist/esm/form/payment/FeeBox.js

@@ -0,0 +1,35 @@
+import React from 'react';
+import { Box, Stack, Typography, Tooltip } from '@mui/material';
+import { fCurrency } from '../../utils/formatNumber.js';
+import Iconify from '../../components/iconify/Iconify.js';
+import useResponsive from '../../hooks/useResponsive.js';
+import { useFormContext } from 'react-hook-form';
+import useGlobal from '../../hooks/useGlobal.js';
+
+const FeeBox = ({ event, align = 'left' }) => {
+    const { t, lang } = useGlobal();
+    const xs = useResponsive('only', 'xs');
+    const { watch } = useFormContext();
+    const values = watch();
+    const isRight = align === 'right';
+    return (React.createElement(Box, { mb: 1, textAlign: isRight ? 'right' : undefined },
+        values.promoCodes.length > 0 && (React.createElement(Stack, { direction: "row", justifyContent: isRight ? 'flex-end' : 'space-between', alignItems: "center", spacing: 1, sx: { color: (theme) => theme.palette.grey.A700 } },
+            React.createElement(Typography, { variant: "caption", sx: { textAlign: 'right' } },
+                t('form.labels.original_price'),
+                ":"),
+            React.createElement(Typography, { variant: "caption", sx: { textDecoration: 'line-through' } }, fCurrency(values.originalPrice, lang, event.currency)))),
+        React.createElement(Stack, { direction: "row", justifyContent: isRight ? 'flex-end' : 'space-between', alignItems: "center", spacing: 1 },
+            React.createElement(Stack, { direction: "row", alignItems: "center", spacing: 1 },
+                React.createElement(Tooltip, { title: t('form.labels.price_including_service_fee', {
+                        fee: fCurrency(values.totalFee ?? 0, lang, event.currency),
+                    }), placement: xs ? 'top' : 'left', arrow: true, sx: { cursor: 'help' } },
+                    React.createElement(Stack, { alignItems: "center" },
+                        React.createElement(Iconify, { icon: "carbon:information-filled" }))),
+                React.createElement(Typography, { variant: "subtitle1", sx: { textAlign: 'right' } },
+                    t('form.labels.total'),
+                    ":")),
+            React.createElement(Typography, { variant: "subtitle1" }, fCurrency(values.total, lang, event.currency)))));
+};
+
+export { FeeBox as default };
+//# sourceMappingURL=FeeBox.js.map

package/dist/esm/form/payment/FeeBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeeBox.js","sources":["../../../../src/form/payment/FeeBox.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Stack, Tooltip, Typography } from '@mui/material';\nimport { fCurrency } from '@utils/formatNumber';\nimport { Iconify } from '@components/iconify';\nimport { IEvent } from '@utils/types/event.type';\nimport useResponsive from '@hooks/useResponsive';\nimport { useFormContext } from 'react-hook-form';\nimport { ITicketForm } from '@utils/types/ticket.type';\nimport useGlobal from '@hooks/useGlobal.ts';\n\ninterface Props {\n  event: IEvent;\n  align?: 'left' | 'right';\n}\n\nconst FeeBox: React.FC<Props> = ({ event, align = 'left' }) => {\n  const { t, lang } = useGlobal();\n  const xs = useResponsive('only', 'xs');\n  const { watch } = useFormContext<ITicketForm>();\n  const values = watch();\n  const isRight = align === 'right';\n\n  return (\n    <Box mb={1} textAlign={isRight ? 'right' : undefined}>\n      {values.promoCodes.length > 0 && (\n        <Stack\n          direction=\"row\"\n          justifyContent={isRight ? 'flex-end' : 'space-between'}\n          alignItems=\"center\"\n          spacing={1}\n          sx={{ color: (theme) => theme.palette.grey.A700 }}\n        >\n          <Typography variant=\"caption\" sx={{ textAlign: 'right' }}>\n            {t('form.labels.original_price')}:\n          </Typography>\n          <Typography variant=\"caption\" sx={{ textDecoration: 'line-through' }}>\n            {fCurrency(values.originalPrice, lang, event.currency)}\n          </Typography>\n        </Stack>\n      )}\n      <Stack\n        direction=\"row\"\n        justifyContent={isRight ? 'flex-end' : 'space-between'}\n        alignItems=\"center\"\n        spacing={1}\n      >\n        <Stack direction=\"row\" alignItems=\"center\" spacing={1}>\n          <Tooltip\n            title={t('form.labels.price_including_service_fee', {\n              fee: fCurrency(values.totalFee ?? 0, lang, event.currency),\n            })}\n            placement={xs ? 'top' : 'left'}\n            arrow\n            sx={{ cursor: 'help' }}\n          >\n            <Stack alignItems=\"center\">\n              <Iconify icon=\"carbon:information-filled\" />\n            </Stack>\n          </Tooltip>\n          <Typography variant=\"subtitle1\" sx={{ textAlign: 'right' }}>\n            {t('form.labels.total')}:\n          </Typography>\n        </Stack>\n        <Typography variant=\"subtitle1\">{fCurrency(values.total, lang, event.currency)}</Typography>\n      </Stack>\n    </Box>\n  );\n};\n\nexport default FeeBox;\n"],"names":[],"mappings":";;;;;;;;AAeA,MAAM,MAAM,GAAoB,CAAC,EAAE,KAAK,EAAE,KAAK,GAAG,MAAM,EAAE,KAAI;IAC5D,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,SAAS,EAAE;IAC/B,MAAM,EAAE,GAAG,aAAa,CAAC,MAAM,EAAE,IAAI,CAAC;AACtC,IAAA,MAAM,EAAE,KAAK,EAAE,GAAG,cAAc,EAAe;AAC/C,IAAA,MAAM,MAAM,GAAG,KAAK,EAAE;AACtB,IAAA,MAAM,OAAO,GAAG,KAAK,KAAK,OAAO;AAEjC,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,GAAG,IAAC,EAAE,EAAE,CAAC,EAAE,SAAS,EAAE,OAAO,GAAG,OAAO,GAAG,SAAS,EAAA;QACjD,MAAM,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,KAC3B,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EACJ,SAAS,EAAC,KAAK,EACf,cAAc,EAAE,OAAO,GAAG,UAAU,GAAG,eAAe,EACtD,UAAU,EAAC,QAAQ,EACnB,OAAO,EAAE,CAAC,EACV,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,KAAK,KAAK,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,EAAA;AAEjD,YAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAC,SAAS,EAAC,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,EAAA;gBACrD,CAAC,CAAC,4BAA4B,CAAC;AACrB,gBAAA,GAAA,CAAA;AACb,YAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAC,SAAS,EAAC,EAAE,EAAE,EAAE,cAAc,EAAE,cAAc,EAAE,EAAA,EACjE,SAAS,CAAC,MAAM,CAAC,aAAa,EAAE,IAAI,EAAE,KAAK,CAAC,QAAQ,CAAC,CAC3C,CACP,CACT;QACD,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EACJ,SAAS,EAAC,KAAK,EACf,cAAc,EAAE,OAAO,GAAG,UAAU,GAAG,eAAe,EACtD,UAAU,EAAC,QAAQ,EACnB,OAAO,EAAE,CAAC,EAAA;AAEV,YAAA,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,SAAS,EAAC,KAAK,EAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAE,CAAC,EAAA;AACnD,gBAAA,KAAA,CAAA,aAAA,CAAC,OAAO,EAAA,EACN,KAAK,EAAE,CAAC,CAAC,yCAAyC,EAAE;AAClD,wBAAA,GAAG,EAAE,SAAS,CAAC,MAAM,CAAC,QAAQ,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,QAAQ,CAAC;qBAC3D,CAAC,EACF,SAAS,EAAE,EAAE,GAAG,KAAK,GAAG,MAAM,EAC9B,KAAK,EAAA,IAAA,EACL,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,EAAA;AAEtB,oBAAA,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,UAAU,EAAC,QAAQ,EAAA;AACxB,wBAAA,KAAA,CAAA,aAAA,CAAC,OAAO,EAAA,EAAC,IAAI,EAAC,2BAA2B,EAAA,CAAG,CACtC,CACA;AACV,gBAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAC,WAAW,EAAC,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,EAAA;oBACvD,CAAC,CAAC,mBAAmB,CAAC;wBACZ,CACP;YACR,KAAA,CAAA,aAAA,CAAC,UAAU,IAAC,OAAO,EAAC,WAAW,EAAA,EAAE,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAc,CACtF,CACJ;AAEV;;;;"}

package/dist/esm/form/payment/PaymentOverviewCheckbox.js

@@ -0,0 +1,33 @@
+import React from 'react';
+import { Stack, Typography, Button } from '@mui/material';
+import { useFormContext, Controller } from 'react-hook-form';
+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';
+import 'react-lazy-load-image-component';
+
+const PaymentOverviewCheckbox = ({ checkboxName, label, value }) => {
+    const { t } = useGlobal();
+    const { control } = useFormContext();
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Controller, { name: checkboxName, control: control, render: ({ field }) => (React.createElement(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", spacing: 1, sx: { width: '100%', mb: 0.5 } },
+                React.createElement(Typography, { variant: "caption", sx: { flex: 1 } }, label),
+                React.createElement(Stack, { direction: "row", alignItems: "center", spacing: 1 },
+                    React.createElement(Typography, { variant: "caption" }, value),
+                    !field.value && (React.createElement(Button, { variant: "outlined", color: "primary", size: "small", startIcon: React.createElement(Iconify, { icon: "carbon:add" }), onClick: (event) => {
+                            event.preventDefault();
+                            event.stopPropagation();
+                            field.onChange(true);
+                        }, sx: {
+                            borderRadius: 1,
+                            textTransform: 'none',
+                            px: 1.5,
+                            minWidth: 96,
+                        } }, t('add')))))) })));
+};
+
+export { PaymentOverviewCheckbox as default };
+//# sourceMappingURL=PaymentOverviewCheckbox.js.map

package/dist/esm/form/payment/PaymentOverviewCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentOverviewCheckbox.js","sources":["../../../../src/form/payment/PaymentOverviewCheckbox.tsx"],"sourcesContent":["import React, { JSX } from 'react';\nimport { Button, Stack, Typography } from '@mui/material';\nimport { Controller, useFormContext } from 'react-hook-form';\nimport useGlobal from '@hooks/useGlobal.ts';\nimport { Iconify } from '@components';\n\ninterface Props {\n  checkboxName: string;\n  label: string;\n  value: string | JSX.Element;\n}\n\nconst PaymentOverviewCheckbox: React.FC<Props> = ({ checkboxName, label, value }) => {\n  const { t } = useGlobal();\n  const { control } = useFormContext();\n\n  return (\n    <>\n      <Controller\n        name={checkboxName}\n        control={control}\n        render={({ field }) => (\n          <Stack\n            direction=\"row\"\n            justifyContent=\"space-between\"\n            alignItems=\"center\"\n            spacing={1}\n            sx={{ width: '100%', mb: 0.5 }}\n          >\n            <Typography variant=\"caption\" sx={{ flex: 1 }}>\n              {label}\n            </Typography>\n            <Stack direction=\"row\" alignItems=\"center\" spacing={1}>\n              <Typography variant=\"caption\">{value}</Typography>\n              {!field.value && (\n                <Button\n                  variant=\"outlined\"\n                  color=\"primary\"\n                  size=\"small\"\n                  startIcon={<Iconify icon=\"carbon:add\" />}\n                  onClick={(event) => {\n                    event.preventDefault();\n                    event.stopPropagation();\n                    field.onChange(true);\n                  }}\n                  sx={{\n                    borderRadius: 1,\n                    textTransform: 'none',\n                    px: 1.5,\n                    minWidth: 96,\n                  }}\n                >\n                  {t('add')}\n                </Button>\n              )}\n            </Stack>\n          </Stack>\n        )}\n      />\n    </>\n  );\n};\n\nexport default PaymentOverviewCheckbox;\n"],"names":[],"mappings":";;;;;;;;;;;AAYA,MAAM,uBAAuB,GAAoB,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,EAAE,KAAI;AAClF,IAAA,MAAM,EAAE,CAAC,EAAE,GAAG,SAAS,EAAE;AACzB,IAAA,MAAM,EAAE,OAAO,EAAE,GAAG,cAAc,EAAE;AAEpC,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;QACE,KAAA,CAAA,aAAA,CAAC,UAAU,IACT,IAAI,EAAE,YAAY,EAClB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,MAChB,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EACJ,SAAS,EAAC,KAAK,EACf,cAAc,EAAC,eAAe,EAC9B,UAAU,EAAC,QAAQ,EACnB,OAAO,EAAE,CAAC,EACV,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,GAAG,EAAE,EAAA;AAE9B,gBAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAC,SAAS,EAAC,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EAAA,EAC1C,KAAK,CACK;AACb,gBAAA,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,SAAS,EAAC,KAAK,EAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAE,CAAC,EAAA;AACnD,oBAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAC,SAAS,EAAA,EAAE,KAAK,CAAc;AACjD,oBAAA,CAAC,KAAK,CAAC,KAAK,KACX,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EACL,OAAO,EAAC,UAAU,EAClB,KAAK,EAAC,SAAS,EACf,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,KAAA,CAAA,aAAA,CAAC,OAAO,IAAC,IAAI,EAAC,YAAY,EAAA,CAAG,EACxC,OAAO,EAAE,CAAC,KAAK,KAAI;4BACjB,KAAK,CAAC,cAAc,EAAE;4BACtB,KAAK,CAAC,eAAe,EAAE;AACvB,4BAAA,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC;yBACrB,EACD,EAAE,EAAE;AACF,4BAAA,YAAY,EAAE,CAAC;AACf,4BAAA,aAAa,EAAE,MAAM;AACrB,4BAAA,EAAE,EAAE,GAAG;AACP,4BAAA,QAAQ,EAAE,EAAE;AACb,yBAAA,EAAA,EAEA,CAAC,CAAC,KAAK,CAAC,CACF,CACV,CACK,CACF,CACT,EAAA,CACD,CACD;AAEP;;;;"}

package/dist/esm/form/payment/PaymentSkeleton.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Stack, Skeleton } from '@mui/material';
+
+const PaymentSkeleton = ({ sx }) => (React.createElement(Stack, { spacing: 1, sx: {
+        width: '100%',
+        ...sx,
+    } }, [...Array(5)].map((_, index) => (React.createElement(Skeleton, { key: index, variant: "rounded", sx: { width: '100%', height: 56 } })))));
+
+export { PaymentSkeleton as default };
+//# sourceMappingURL=PaymentSkeleton.js.map

package/dist/esm/form/payment/PaymentSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentSkeleton.js","sources":["../../../../src/form/payment/PaymentSkeleton.tsx"],"sourcesContent":["import React from 'react';\nimport { Skeleton, Stack, SxProps } from '@mui/material';\n\ninterface Props {\n  sx?: SxProps;\n}\n\nconst PaymentSkeleton: React.FC<Props> = ({ sx }) => (\n  <Stack\n    spacing={1}\n    sx={{\n      width: '100%',\n      ...sx,\n    }}\n  >\n    {[...Array(5)].map((_, index) => (\n      <Skeleton key={index} variant=\"rounded\" sx={{ width: '100%', height: 56 }} />\n    ))}\n  </Stack>\n);\n\nexport default PaymentSkeleton;\n"],"names":[],"mappings":";;;AAOA,MAAM,eAAe,GAAoB,CAAC,EAAE,EAAE,EAAE,MAC9C,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EACJ,OAAO,EAAE,CAAC,EACV,EAAE,EAAE;AACF,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,GAAG,EAAE;KACN,EAAA,EAEA,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,MAC1B,KAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,EAAC,GAAG,EAAE,KAAK,EAAE,OAAO,EAAC,SAAS,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,GAAI,CAC9E,CAAC,CACI;;;;"}

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

@@ -0,0 +1,67 @@
+import { Card, Stack, Typography, Box, Button } from '@mui/material';
+import Image from '../../components/Image.js';
+import React, { useState, useMemo } from 'react';
+import ProductVariantsDialog from './ProductVariantsDialog.js';
+import { useFormContext, useWatch } from 'react-hook-form';
+import { getSelectedQuantityByVariant } from '../../utils/product.js';
+import useGlobal from '../../hooks/useGlobal.js';
+import { fCurrency } from '../../utils/formatNumber.js';
+
+const ProductCard = ({ eventProduct, eventId, isOnlyMerchandise }) => {
+    const { t, lang } = useGlobal();
+    const [openVariantDialog, setOpenVariantDialog] = useState(false);
+    const { setValue, getValues } = useFormContext();
+    const tickets = useWatch({ name: `tickets.${eventId}`, defaultValue: [] });
+    const products = useWatch({ name: `products.${eventId}`, defaultValue: [] });
+    const onSelectVariant = (selectedVariants) => {
+        const normalized = Array.isArray(selectedVariants) ? selectedVariants : [selectedVariants];
+        const currentProducts = getValues(`products.${eventId}`) ?? [];
+        const nextProducts = [...currentProducts];
+        normalized.forEach((selectedVariant) => {
+            const index = nextProducts.findIndex((product) => product.eventProductVariantId === selectedVariant.eventProductVariantId);
+            if (index >= 0) {
+                if (selectedVariant.quantity <= 0) {
+                    nextProducts.splice(index, 1);
+                }
+                else {
+                    nextProducts[index] = {
+                        ...nextProducts[index],
+                        quantity: selectedVariant.quantity,
+                    };
+                }
+            }
+            else {
+                if (selectedVariant.quantity > 0) {
+                    nextProducts.push(selectedVariant);
+                }
+            }
+        });
+        setValue(`products.${eventId}`, nextProducts, {
+            shouldDirty: true,
+            shouldValidate: true,
+        });
+    };
+    const eventNotEmpty = useMemo(() => {
+        const variantIds = new Set(eventProduct.eventProductVariants.map((variant) => variant.id));
+        return products.some((product) => product?.quantity && variantIds.has(product.eventProductVariantId));
+    }, [products, eventProduct.eventProductVariants]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Card, { sx: {
+                p: 0,
+                borderRadius: 0,
+                boxShadow: 'none',
+                background: 'none',
+            } },
+            React.createElement(Stack, { spacing: 0 },
+                React.createElement(Image, { src: eventProduct.product.previewImage.url, ratio: "16/9", sx: { borderRadius: 2 } }),
+                React.createElement(Typography, { variant: "h5" }, eventProduct.product.name),
+                React.createElement(Box, null,
+                    React.createElement(Typography, { variant: "h6", color: "primary" }, eventProduct.product.priceWithVat > 0
+                        ? fCurrency(eventProduct.product.priceWithVat, lang, eventProduct.product.currency)
+                        : t('free'))),
+                React.createElement(Button, { variant: "outlined", onClick: () => setOpenVariantDialog(true), fullWidth: true }, eventNotEmpty ? t('change') : t('add')))),
+        React.createElement(ProductVariantsDialog, { eventProduct: eventProduct, eventId: eventId, openDialog: openVariantDialog, onClose: () => setOpenVariantDialog(false), callback: onSelectVariant, selectedQuantityByVariant: getSelectedQuantityByVariant(products, tickets), isOnlyMerchandise: isOnlyMerchandise })));
+};
+
+export { ProductCard as default };
+//# sourceMappingURL=ProductCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProductCard.js","sources":["../../../../src/form/product/ProductCard.tsx"],"sourcesContent":["import { Box, Button, Card, Stack, Typography } from '@mui/material';\nimport Image from '@components/Image';\nimport { IEventProduct } from '@utils/types/event-product.type';\nimport React, { useMemo, useState } from 'react';\nimport ProductVariantsDialog from '@form/product/ProductVariantsDialog';\nimport { IEventProductForm } from '@utils/types/product.type';\nimport { useFormContext, useWatch } from 'react-hook-form';\nimport { ITicketForm, ITicketFormTicket } from '@utils/types/ticket.type';\nimport { getSelectedQuantityByVariant } from '@utils/product';\nimport useGlobal from '@hooks/useGlobal.ts';\nimport { fCurrency } from '@utils/formatNumber';\n\ninterface Props {\n  eventProduct: IEventProduct;\n  eventId: number;\n  isOnlyMerchandise?: boolean;\n}\n\nconst ProductCard: React.FC<Props> = ({ eventProduct, eventId, isOnlyMerchandise }) => {\n  const { t, lang } = useGlobal();\n  const [openVariantDialog, setOpenVariantDialog] = useState<boolean>(false);\n  const { setValue, getValues } = useFormContext<ITicketForm>();\n  const tickets: ITicketFormTicket[] = useWatch({ name: `tickets.${eventId}`, defaultValue: [] });\n  const products: IEventProductForm[] = useWatch({ name: `products.${eventId}`, defaultValue: [] });\n\n  const onSelectVariant = (selectedVariants: IEventProductForm[] | IEventProductForm) => {\n    const normalized = Array.isArray(selectedVariants) ? selectedVariants : [selectedVariants];\n    const currentProducts =\n      (getValues(`products.${eventId}`) as IEventProductForm[] | undefined) ?? [];\n    const nextProducts = [...currentProducts];\n\n    normalized.forEach((selectedVariant) => {\n      const index = nextProducts.findIndex(\n        (product) => product.eventProductVariantId === selectedVariant.eventProductVariantId\n      );\n\n      if (index >= 0) {\n        if (selectedVariant.quantity <= 0) {\n          nextProducts.splice(index, 1);\n        } else {\n          nextProducts[index] = {\n            ...nextProducts[index],\n            quantity: selectedVariant.quantity,\n          };\n        }\n      } else {\n        if (selectedVariant.quantity > 0) {\n          nextProducts.push(selectedVariant);\n        }\n      }\n    });\n\n    setValue(`products.${eventId}`, nextProducts, {\n      shouldDirty: true,\n      shouldValidate: true,\n    });\n  };\n\n  const eventNotEmpty = useMemo(() => {\n    const variantIds = new Set(eventProduct.eventProductVariants.map((variant) => variant.id));\n    return products.some(\n      (product) => product?.quantity && variantIds.has(product.eventProductVariantId)\n    );\n  }, [products, eventProduct.eventProductVariants]);\n\n  return (\n    <>\n      <Card\n        sx={{\n          p: 0,\n          borderRadius: 0,\n          boxShadow: 'none',\n          background: 'none',\n        }}\n      >\n        <Stack spacing={0}>\n          <Image\n            src={eventProduct.product.previewImage.url}\n            ratio=\"16/9\"\n            sx={{ borderRadius: 2 }}\n          />\n          <Typography variant=\"h5\">{eventProduct.product.name}</Typography>\n          <Box>\n            <Typography variant=\"h6\" color=\"primary\">\n              {eventProduct.product.priceWithVat > 0\n                ? fCurrency(eventProduct.product.priceWithVat, lang, eventProduct.product.currency)\n                : t('free')}\n            </Typography>\n          </Box>\n          <Button variant=\"outlined\" onClick={() => setOpenVariantDialog(true)} fullWidth>\n            {eventNotEmpty ? t('change') : t('add')}\n          </Button>\n        </Stack>\n      </Card>\n      <ProductVariantsDialog\n        eventProduct={eventProduct}\n        eventId={eventId}\n        openDialog={openVariantDialog}\n        onClose={() => setOpenVariantDialog(false)}\n        callback={onSelectVariant}\n        selectedQuantityByVariant={getSelectedQuantityByVariant(products, tickets)}\n        isOnlyMerchandise={isOnlyMerchandise}\n      />\n    </>\n  );\n};\n\nexport default ProductCard;\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,193 @@
+import React, { useState, useEffect } from 'react';
+import { Dialog, DialogTitle, DialogContent, Stack, Typography, DialogActions, Button } from '@mui/material';
+import Image from '../../components/Image.js';
+import { useWatch } from 'react-hook-form';
+import { fCurrency } from '../../utils/formatNumber.js';
+import useGlobal from '../../hooks/useGlobal.js';
+
+const ProductVariantsDialog = ({ eventProduct, openDialog, onClose, callback, selectedQuantityByVariant, isOnlyMerchandise, eventId, canAddOnlyOneAtATime, }) => {
+    const { t, lang, options } = useGlobal();
+    const { showSnackbar } = useGlobal();
+    const [draftQuantities, setDraftQuantities] = useState({});
+    const tickets = useWatch({ name: `tickets.${eventId}`, defaultValue: [] });
+    const products = useWatch({ name: `products.${eventId}`, defaultValue: [] });
+    useEffect(() => {
+        if (openDialog) {
+            const urlParams = new URLSearchParams(new URL(window.location.href).search);
+            const elementId = urlParams.get('elementId');
+            parent.postMessage({ type: 'eventlookFrameOpenDialog', name: elementId }, '*');
+        }
+    }, [openDialog]);
+    useEffect(() => {
+        if (openDialog) {
+            setDraftQuantities(canAddOnlyOneAtATime ? {} : (selectedQuantityByVariant ?? {}));
+        }
+    }, [openDialog, selectedQuantityByVariant, canAddOnlyOneAtATime]);
+    const handleOnAdd = () => {
+        const selectedVariants = eventProduct.eventProductVariants
+            .map((variant) => {
+            const quantity = draftQuantities[variant.id] ?? 0;
+            const selectedQty = selectedQuantityByVariant?.[variant.id] ?? 0;
+            if (quantity <= 0 && selectedQty <= 0)
+                return null;
+            return {
+                eventProductVariantId: variant.id,
+                productVariantId: variant.productVariant.id,
+                quantity,
+                price: variant.priceWithVat,
+                excludedShippingMethodIds: eventProduct.excludedShippingMethods.map((method) => method.id),
+            };
+        })
+            .filter((variant) => Boolean(variant));
+        if (selectedVariants.length === 0) {
+            showSnackbar(t('components.product_variant_dialog.select_variant'), { variant: 'error' });
+            return;
+        }
+        callback(selectedVariants);
+        setDraftQuantities({});
+        onClose?.();
+    };
+    const getUsedCount = (variant) => {
+        let countUsed = 0;
+        for (const product of products) {
+            if (product.productVariantId === variant.productVariant.id) {
+                countUsed += product.quantity;
+            }
+        }
+        for (const ticket of tickets) {
+            if (ticket.products) {
+                for (const product of ticket.products) {
+                    if (product.productVariantId === variant.productVariant.id) {
+                        countUsed += product.quantity;
+                    }
+                }
+            }
+        }
+        return countUsed;
+    };
+    const getMaxAvailable = (variant) => {
+        if (!variant.productVariant.quantity)
+            return Number.POSITIVE_INFINITY;
+        return variant.productVariant.quantity - variant.productVariant.sold - getUsedCount(variant);
+    };
+    const isVariantDisabled = (variant) => {
+        if (!variant.productVariant.quantity)
+            return false;
+        return getMaxAvailable(variant) <= 0;
+    };
+    const handleAddQuantity = (variant) => {
+        setDraftQuantities((prev) => {
+            const current = prev[variant.id] ?? 0;
+            const next = current + 1;
+            const maxAvailable = getMaxAvailable(variant);
+            if (next > 10 || next > maxAvailable)
+                return prev;
+            if (canAddOnlyOneAtATime) {
+                // Only allow one variant to be selected
+                return { [variant.id]: 1 };
+            }
+            return { ...prev, [variant.id]: next };
+        });
+    };
+    const handleRemoveQuantity = (variant) => {
+        setDraftQuantities((prev) => {
+            const current = prev[variant.id] ?? 0;
+            const next = current - 1;
+            if (next <= 0) {
+                const { [variant.id]: _removed, ...rest } = prev;
+                return rest;
+            }
+            if (canAddOnlyOneAtATime) {
+                // Remove the only variant
+                return {};
+            }
+            return { ...prev, [variant.id]: next };
+        });
+    };
+    const handleRemoveProduct = () => {
+        const variantsToRemove = eventProduct.eventProductVariants
+            .filter((variant) => (selectedQuantityByVariant?.[variant.id] ?? 0) > 0)
+            .map((variant) => ({
+            eventProductVariantId: variant.id,
+            productVariantId: variant.productVariant.id,
+            quantity: 0,
+            price: variant.priceWithVat,
+            excludedShippingMethodIds: eventProduct.excludedShippingMethods.map((method) => method.id),
+        }));
+        if (variantsToRemove.length === 0) {
+            return;
+        }
+        callback(variantsToRemove);
+        setDraftQuantities({});
+        onClose?.();
+    };
+    const hasSelectedVariants = eventProduct.eventProductVariants.some((variant) => (selectedQuantityByVariant?.[variant.id] ?? 0) > 0);
+    return (React.createElement(Dialog, { open: openDialog, onClose: () => onClose && onClose(), fullWidth: true, sx: {
+            mx: 'auto',
+            width: {
+                xs: '100%',
+                sm: 'calc(100vh - 300px)',
+            },
+            minWidth: 300,
+            maxWidth: 444,
+            '& .MuiDialog-container': {
+                height: options?.isIframe ? 'auto' : '100%',
+            },
+        } },
+        React.createElement(DialogTitle, { sx: { textAlign: 'center', fontWeight: 700 } }, eventProduct.product.name),
+        React.createElement(DialogContent, null,
+            React.createElement(Stack, { spacing: 1 },
+                React.createElement(Image, { src: eventProduct.product.previewImage.url, alt: eventProduct.product.name, ratio: "16/9", sx: { borderRadius: 2 } }),
+                React.createElement(Typography, { variant: "body2", color: "primary" },
+                    t('form.labels.category'),
+                    ": ",
+                    eventProduct.product.category.value.text),
+                React.createElement(Typography, { variant: "caption", dangerouslySetInnerHTML: { __html: eventProduct.product.description } }))),
+        React.createElement(DialogActions, { sx: { justifyContent: 'flex-start' } },
+            React.createElement(Stack, { spacing: 2, width: "100%" },
+                React.createElement(Stack, { spacing: 1.5 }, eventProduct.eventProductVariants.map((variant) => {
+                    const draftQty = draftQuantities[variant.id] ?? 0;
+                    const selectedQty = selectedQuantityByVariant?.[variant.id] ?? 0;
+                    const maxAvailable = getMaxAvailable(variant);
+                    const isAddDisabled = isVariantDisabled(variant) || maxAvailable <= 0;
+                    const isAnotherSelected = canAddOnlyOneAtATime &&
+                        Object.keys(draftQuantities).length > 0 &&
+                        !draftQuantities[variant.id];
+                    return (React.createElement(Stack, { key: variant.id, direction: "row", spacing: 1, alignItems: "center", width: "100%" },
+                        React.createElement(Button, { onClick: () => handleAddQuantity(variant), variant: draftQty > 0 ? 'contained' : 'outlined', size: "large", disabled: isOnlyMerchandise ? false : isAddDisabled || isAnotherSelected, sx: {
+                                minWidth: 64,
+                                height: 40,
+                                borderRadius: 1,
+                                fontWeight: 700,
+                            } }, variant.productVariant.value),
+                        draftQty > 0 ? (React.createElement(Stack, { direction: "row", spacing: 1, alignItems: "center", sx: { flex: 1 } },
+                            React.createElement(Button, { variant: "outlined", onClick: () => handleRemoveQuantity(variant), disabled: draftQty < 1, sx: { minWidth: 40, height: 40, borderRadius: 1, fontWeight: 700 } }, "-"),
+                            React.createElement(Typography, { sx: {
+                                    minWidth: 40,
+                                    textAlign: 'center',
+                                    fontWeight: 700,
+                                    color: 'text.secondary',
+                                } }, draftQty),
+                            !canAddOnlyOneAtATime && (React.createElement(Button, { variant: "contained", onClick: () => handleAddQuantity(variant), disabled: draftQty >= 10 || draftQty >= maxAvailable, sx: { minWidth: 40, height: 40, borderRadius: 1, fontWeight: 700 } }, "+")))) : (React.createElement(Button, { variant: "contained", onClick: () => handleAddQuantity(variant), disabled: isOnlyMerchandise ? false : isAddDisabled || isAnotherSelected, sx: {
+                                flex: 1,
+                                height: 40,
+                                borderRadius: 1,
+                                fontWeight: 700,
+                                textTransform: 'none',
+                            } }, t('add'))),
+                        React.createElement(Stack, { direction: "row", spacing: 1, alignItems: "center" },
+                            selectedQty > 0 && (React.createElement(Typography, { variant: "caption", color: "text.secondary" },
+                                selectedQty,
+                                "x")),
+                            React.createElement(Typography, { variant: "body1", fontWeight: 600 }, variant.priceWithVat > 0
+                                ? fCurrency(variant.priceWithVat, lang, eventProduct.product.currency)
+                                : t('free')))));
+                })),
+                React.createElement(Stack, { direction: "row", spacing: 1, justifyContent: "flex-end", width: "100%" },
+                    hasSelectedVariants && !canAddOnlyOneAtATime && (React.createElement(Button, { variant: "outlined", color: "error", onClick: handleRemoveProduct }, t('remove'))),
+                    onClose && React.createElement(Button, { onClick: onClose }, t('cancel')),
+                    React.createElement(Button, { variant: "contained", onClick: handleOnAdd, disabled: !Object.values(draftQuantities).some((qty) => qty > 0) }, t('add')))))));
+};
+
+export { ProductVariantsDialog as default };
+//# sourceMappingURL=ProductVariantsDialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProductVariantsDialog.js","sources":["../../../../src/form/product/ProductVariantsDialog.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n  Button,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  Stack,\n  Typography,\n} from '@mui/material';\nimport { IEventProduct, IEventProductVariant } from '@utils/types/event-product.type';\nimport Image from '@components/Image';\nimport { useWatch } from 'react-hook-form';\nimport { ITicketFormTicket } from '@utils/types/ticket.type';\nimport { IEventProductForm } from '@utils/types/product.type';\nimport { fCurrency } from '@utils/formatNumber';\nimport useGlobal from '@hooks/useGlobal.ts';\n\ninterface Props {\n  eventProduct: IEventProduct;\n  eventId: number;\n  openDialog: boolean;\n  callback: (variants: IEventProductForm[]) => void;\n  onClose?: () => void;\n  selectedQuantityByVariant?: Record<number, number>;\n  isOnlyMerchandise?: boolean;\n  canAddOnlyOneAtATime?: boolean;\n}\n\nconst ProductVariantsDialog: React.FC<Props> = ({\n  eventProduct,\n  openDialog,\n  onClose,\n  callback,\n  selectedQuantityByVariant,\n  isOnlyMerchandise,\n  eventId,\n  canAddOnlyOneAtATime,\n}) => {\n  const { t, lang, options } = useGlobal();\n  const { showSnackbar } = useGlobal();\n  const [draftQuantities, setDraftQuantities] = useState<Record<number, number>>({});\n  const tickets: ITicketFormTicket[] = useWatch({ name: `tickets.${eventId}`, defaultValue: [] });\n  const products: IEventProductForm[] = useWatch({ name: `products.${eventId}`, defaultValue: [] });\n\n  useEffect(() => {\n    if (openDialog) {\n      const urlParams = new URLSearchParams(new URL(window.location.href).search);\n      const elementId = urlParams.get('elementId');\n      parent.postMessage({ type: 'eventlookFrameOpenDialog', name: elementId }, '*');\n    }\n  }, [openDialog]);\n\n  useEffect(() => {\n    if (openDialog) {\n      setDraftQuantities(canAddOnlyOneAtATime ? {} : (selectedQuantityByVariant ?? {}));\n    }\n  }, [openDialog, selectedQuantityByVariant, canAddOnlyOneAtATime]);\n\n  const handleOnAdd = () => {\n    const selectedVariants = eventProduct.eventProductVariants\n      .map((variant) => {\n        const quantity = draftQuantities[variant.id] ?? 0;\n        const selectedQty = selectedQuantityByVariant?.[variant.id] ?? 0;\n        if (quantity <= 0 && selectedQty <= 0) return null;\n        return {\n          eventProductVariantId: variant.id,\n          productVariantId: variant.productVariant.id,\n          quantity,\n          price: variant.priceWithVat,\n          excludedShippingMethodIds: eventProduct.excludedShippingMethods.map(\n            (method) => method.id\n          ),\n        } as IEventProductForm;\n      })\n      .filter((variant): variant is IEventProductForm => Boolean(variant));\n\n    if (selectedVariants.length === 0) {\n      showSnackbar(t('components.product_variant_dialog.select_variant'), { variant: 'error' });\n      return;\n    }\n\n    callback(selectedVariants);\n    setDraftQuantities({});\n    onClose?.();\n  };\n\n  const getUsedCount = (variant: IEventProductVariant) => {\n    let countUsed = 0;\n\n    for (const product of products) {\n      if (product.productVariantId === variant.productVariant.id) {\n        countUsed += product.quantity;\n      }\n    }\n\n    for (const ticket of tickets) {\n      if (ticket.products) {\n        for (const product of ticket.products) {\n          if (product.productVariantId === variant.productVariant.id) {\n            countUsed += product.quantity;\n          }\n        }\n      }\n    }\n    return countUsed;\n  };\n\n  const getMaxAvailable = (variant: IEventProductVariant) => {\n    if (!variant.productVariant.quantity) return Number.POSITIVE_INFINITY;\n    return variant.productVariant.quantity - variant.productVariant.sold - getUsedCount(variant);\n  };\n\n  const isVariantDisabled = (variant: IEventProductVariant) => {\n    if (!variant.productVariant.quantity) return false;\n    return getMaxAvailable(variant) <= 0;\n  };\n\n  const handleAddQuantity = (variant: IEventProductVariant) => {\n    setDraftQuantities((prev) => {\n      const current = prev[variant.id] ?? 0;\n      const next = current + 1;\n      const maxAvailable = getMaxAvailable(variant);\n      if (next > 10 || next > maxAvailable) return prev;\n      if (canAddOnlyOneAtATime) {\n        // Only allow one variant to be selected\n        return { [variant.id]: 1 };\n      }\n      return { ...prev, [variant.id]: next };\n    });\n  };\n\n  const handleRemoveQuantity = (variant: IEventProductVariant) => {\n    setDraftQuantities((prev) => {\n      const current = prev[variant.id] ?? 0;\n      const next = current - 1;\n      if (next <= 0) {\n        const { [variant.id]: _removed, ...rest } = prev;\n        return rest;\n      }\n      if (canAddOnlyOneAtATime) {\n        // Remove the only variant\n        return {};\n      }\n      return { ...prev, [variant.id]: next };\n    });\n  };\n\n  const handleRemoveProduct = () => {\n    const variantsToRemove = eventProduct.eventProductVariants\n      .filter((variant) => (selectedQuantityByVariant?.[variant.id] ?? 0) > 0)\n      .map(\n        (variant) =>\n          ({\n            eventProductVariantId: variant.id,\n            productVariantId: variant.productVariant.id,\n            quantity: 0,\n            price: variant.priceWithVat,\n            excludedShippingMethodIds: eventProduct.excludedShippingMethods.map(\n              (method) => method.id\n            ),\n          }) as IEventProductForm\n      );\n\n    if (variantsToRemove.length === 0) {\n      return;\n    }\n\n    callback(variantsToRemove);\n    setDraftQuantities({});\n    onClose?.();\n  };\n\n  const hasSelectedVariants = eventProduct.eventProductVariants.some(\n    (variant) => (selectedQuantityByVariant?.[variant.id] ?? 0) > 0\n  );\n\n  return (\n    <Dialog\n      open={openDialog}\n      onClose={() => onClose && onClose()}\n      fullWidth\n      sx={{\n        mx: 'auto',\n        width: {\n          xs: '100%',\n          sm: 'calc(100vh - 300px)',\n        },\n        minWidth: 300,\n        maxWidth: 444,\n        '& .MuiDialog-container': {\n          height: options?.isIframe ? 'auto' : '100%',\n        },\n      }}\n    >\n      <DialogTitle sx={{ textAlign: 'center', fontWeight: 700 }}>\n        {eventProduct.product.name}\n      </DialogTitle>\n      <DialogContent>\n        <Stack spacing={1}>\n          <Image\n            src={eventProduct.product.previewImage.url}\n            alt={eventProduct.product.name}\n            ratio=\"16/9\"\n            sx={{ borderRadius: 2 }}\n          />\n          <Typography variant=\"body2\" color=\"primary\">\n            {t('form.labels.category')}: {eventProduct.product.category.value.text}\n          </Typography>\n          <Typography\n            variant=\"caption\"\n            dangerouslySetInnerHTML={{ __html: eventProduct.product.description }}\n          />\n        </Stack>\n      </DialogContent>\n      <DialogActions sx={{ justifyContent: 'flex-start' }}>\n        <Stack spacing={2} width=\"100%\">\n          <Stack spacing={1.5}>\n            {eventProduct.eventProductVariants.map((variant) => {\n              const draftQty = draftQuantities[variant.id] ?? 0;\n              const selectedQty = selectedQuantityByVariant?.[variant.id] ?? 0;\n              const maxAvailable = getMaxAvailable(variant);\n              const isAddDisabled = isVariantDisabled(variant) || maxAvailable <= 0;\n              const isAnotherSelected =\n                canAddOnlyOneAtATime &&\n                Object.keys(draftQuantities).length > 0 &&\n                !draftQuantities[variant.id];\n              return (\n                <Stack\n                  key={variant.id}\n                  direction=\"row\"\n                  spacing={1}\n                  alignItems=\"center\"\n                  width=\"100%\"\n                >\n                  <Button\n                    onClick={() => handleAddQuantity(variant)}\n                    variant={draftQty > 0 ? 'contained' : 'outlined'}\n                    size=\"large\"\n                    disabled={isOnlyMerchandise ? false : isAddDisabled || isAnotherSelected}\n                    sx={{\n                      minWidth: 64,\n                      height: 40,\n                      borderRadius: 1,\n                      fontWeight: 700,\n                    }}\n                  >\n                    {variant.productVariant.value}\n                  </Button>\n                  {draftQty > 0 ? (\n                    <Stack direction=\"row\" spacing={1} alignItems=\"center\" sx={{ flex: 1 }}>\n                      <Button\n                        variant=\"outlined\"\n                        onClick={() => handleRemoveQuantity(variant)}\n                        disabled={draftQty < 1}\n                        sx={{ minWidth: 40, height: 40, borderRadius: 1, fontWeight: 700 }}\n                      >\n                        -\n                      </Button>\n                      <Typography\n                        sx={{\n                          minWidth: 40,\n                          textAlign: 'center',\n                          fontWeight: 700,\n                          color: 'text.secondary',\n                        }}\n                      >\n                        {draftQty}\n                      </Typography>\n                      {!canAddOnlyOneAtATime && (\n                        <Button\n                          variant=\"contained\"\n                          onClick={() => handleAddQuantity(variant)}\n                          disabled={draftQty >= 10 || draftQty >= maxAvailable}\n                          sx={{ minWidth: 40, height: 40, borderRadius: 1, fontWeight: 700 }}\n                        >\n                          +\n                        </Button>\n                      )}\n                    </Stack>\n                  ) : (\n                    <Button\n                      variant=\"contained\"\n                      onClick={() => handleAddQuantity(variant)}\n                      disabled={isOnlyMerchandise ? false : isAddDisabled || isAnotherSelected}\n                      sx={{\n                        flex: 1,\n                        height: 40,\n                        borderRadius: 1,\n                        fontWeight: 700,\n                        textTransform: 'none',\n                      }}\n                    >\n                      {t('add')}\n                    </Button>\n                  )}\n                  <Stack direction=\"row\" spacing={1} alignItems=\"center\">\n                    {selectedQty > 0 && (\n                      <Typography variant=\"caption\" color=\"text.secondary\">\n                        {selectedQty}x\n                      </Typography>\n                    )}\n                    <Typography variant=\"body1\" fontWeight={600}>\n                      {variant.priceWithVat > 0\n                        ? fCurrency(variant.priceWithVat, lang, eventProduct.product.currency)\n                        : t('free')}\n                    </Typography>\n                  </Stack>\n                </Stack>\n              );\n            })}\n          </Stack>\n          <Stack direction=\"row\" spacing={1} justifyContent=\"flex-end\" width=\"100%\">\n            {hasSelectedVariants && !canAddOnlyOneAtATime && (\n              <Button variant=\"outlined\" color=\"error\" onClick={handleRemoveProduct}>\n                {t('remove')}\n              </Button>\n            )}\n            {onClose && <Button onClick={onClose}>{t('cancel')}</Button>}\n            <Button\n              variant=\"contained\"\n              onClick={handleOnAdd}\n              disabled={!Object.values(draftQuantities).some((qty) => qty > 0)}\n            >\n              {t('add')}\n            </Button>\n          </Stack>\n        </Stack>\n      </DialogActions>\n    </Dialog>\n  );\n};\n\nexport default ProductVariantsDialog;\n"],"names":[],"mappings":";;;;;;;AA6BA,MAAM,qBAAqB,GAAoB,CAAC,EAC9C,YAAY,EACZ,UAAU,EACV,OAAO,EACP,QAAQ,EACR,yBAAyB,EACzB,iBAAiB,EACjB,OAAO,EACP,oBAAoB,GACrB,KAAI;IACH,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE;AACxC,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,SAAS,EAAE;IACpC,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAyB,EAAE,CAAC;AAClF,IAAA,MAAM,OAAO,GAAwB,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAA,QAAA,EAAW,OAAO,CAAA,CAAE,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC;AAC/F,IAAA,MAAM,QAAQ,GAAwB,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAA,SAAA,EAAY,OAAO,CAAA,CAAE,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC;IAEjG,SAAS,CAAC,MAAK;QACb,IAAI,UAAU,EAAE;AACd,YAAA,MAAM,SAAS,GAAG,IAAI,eAAe,CAAC,IAAI,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC;YAC3E,MAAM,SAAS,GAAG,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC;AAC5C,YAAA,MAAM,CAAC,WAAW,CAAC,EAAE,IAAI,EAAE,0BAA0B,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,GAAG,CAAC;;AAElF,KAAC,EAAE,CAAC,UAAU,CAAC,CAAC;IAEhB,SAAS,CAAC,MAAK;QACb,IAAI,UAAU,EAAE;AACd,YAAA,kBAAkB,CAAC,oBAAoB,GAAG,EAAE,IAAI,yBAAyB,IAAI,EAAE,CAAC,CAAC;;KAEpF,EAAE,CAAC,UAAU,EAAE,yBAAyB,EAAE,oBAAoB,CAAC,CAAC;IAEjE,MAAM,WAAW,GAAG,MAAK;AACvB,QAAA,MAAM,gBAAgB,GAAG,YAAY,CAAC;AACnC,aAAA,GAAG,CAAC,CAAC,OAAO,KAAI;YACf,MAAM,QAAQ,GAAG,eAAe,CAAC,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC;YACjD,MAAM,WAAW,GAAG,yBAAyB,GAAG,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC;AAChE,YAAA,IAAI,QAAQ,IAAI,CAAC,IAAI,WAAW,IAAI,CAAC;AAAE,gBAAA,OAAO,IAAI;YAClD,OAAO;gBACL,qBAAqB,EAAE,OAAO,CAAC,EAAE;AACjC,gBAAA,gBAAgB,EAAE,OAAO,CAAC,cAAc,CAAC,EAAE;gBAC3C,QAAQ;gBACR,KAAK,EAAE,OAAO,CAAC,YAAY;AAC3B,gBAAA,yBAAyB,EAAE,YAAY,CAAC,uBAAuB,CAAC,GAAG,CACjE,CAAC,MAAM,KAAK,MAAM,CAAC,EAAE,CACtB;aACmB;AACxB,SAAC;aACA,MAAM,CAAC,CAAC,OAAO,KAAmC,OAAO,CAAC,OAAO,CAAC,CAAC;AAEtE,QAAA,IAAI,gBAAgB,CAAC,MAAM,KAAK,CAAC,EAAE;AACjC,YAAA,YAAY,CAAC,CAAC,CAAC,kDAAkD,CAAC,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC;YACzF;;QAGF,QAAQ,CAAC,gBAAgB,CAAC;QAC1B,kBAAkB,CAAC,EAAE,CAAC;QACtB,OAAO,IAAI;AACb,KAAC;AAED,IAAA,MAAM,YAAY,GAAG,CAAC,OAA6B,KAAI;QACrD,IAAI,SAAS,GAAG,CAAC;AAEjB,QAAA,KAAK,MAAM,OAAO,IAAI,QAAQ,EAAE;YAC9B,IAAI,OAAO,CAAC,gBAAgB,KAAK,OAAO,CAAC,cAAc,CAAC,EAAE,EAAE;AAC1D,gBAAA,SAAS,IAAI,OAAO,CAAC,QAAQ;;;AAIjC,QAAA,KAAK,MAAM,MAAM,IAAI,OAAO,EAAE;AAC5B,YAAA,IAAI,MAAM,CAAC,QAAQ,EAAE;AACnB,gBAAA,KAAK,MAAM,OAAO,IAAI,MAAM,CAAC,QAAQ,EAAE;oBACrC,IAAI,OAAO,CAAC,gBAAgB,KAAK,OAAO,CAAC,cAAc,CAAC,EAAE,EAAE;AAC1D,wBAAA,SAAS,IAAI,OAAO,CAAC,QAAQ;;;;;AAKrC,QAAA,OAAO,SAAS;AAClB,KAAC;AAED,IAAA,MAAM,eAAe,GAAG,CAAC,OAA6B,KAAI;AACxD,QAAA,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,QAAQ;YAAE,OAAO,MAAM,CAAC,iBAAiB;AACrE,QAAA,OAAO,OAAO,CAAC,cAAc,CAAC,QAAQ,GAAG,OAAO,CAAC,cAAc,CAAC,IAAI,GAAG,YAAY,CAAC,OAAO,CAAC;AAC9F,KAAC;AAED,IAAA,MAAM,iBAAiB,GAAG,CAAC,OAA6B,KAAI;AAC1D,QAAA,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,QAAQ;AAAE,YAAA,OAAO,KAAK;AAClD,QAAA,OAAO,eAAe,CAAC,OAAO,CAAC,IAAI,CAAC;AACtC,KAAC;AAED,IAAA,MAAM,iBAAiB,GAAG,CAAC,OAA6B,KAAI;AAC1D,QAAA,kBAAkB,CAAC,CAAC,IAAI,KAAI;YAC1B,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC;AACrC,YAAA,MAAM,IAAI,GAAG,OAAO,GAAG,CAAC;AACxB,YAAA,MAAM,YAAY,GAAG,eAAe,CAAC,OAAO,CAAC;AAC7C,YAAA,IAAI,IAAI,GAAG,EAAE,IAAI,IAAI,GAAG,YAAY;AAAE,gBAAA,OAAO,IAAI;YACjD,IAAI,oBAAoB,EAAE;;gBAExB,OAAO,EAAE,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,EAAE;;AAE5B,YAAA,OAAO,EAAE,GAAG,IAAI,EAAE,CAAC,OAAO,CAAC,EAAE,GAAG,IAAI,EAAE;AACxC,SAAC,CAAC;AACJ,KAAC;AAED,IAAA,MAAM,oBAAoB,GAAG,CAAC,OAA6B,KAAI;AAC7D,QAAA,kBAAkB,CAAC,CAAC,IAAI,KAAI;YAC1B,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC;AACrC,YAAA,MAAM,IAAI,GAAG,OAAO,GAAG,CAAC;AACxB,YAAA,IAAI,IAAI,IAAI,CAAC,EAAE;AACb,gBAAA,MAAM,EAAE,CAAC,OAAO,CAAC,EAAE,GAAG,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,IAAI;AAChD,gBAAA,OAAO,IAAI;;YAEb,IAAI,oBAAoB,EAAE;;AAExB,gBAAA,OAAO,EAAE;;AAEX,YAAA,OAAO,EAAE,GAAG,IAAI,EAAE,CAAC,OAAO,CAAC,EAAE,GAAG,IAAI,EAAE;AACxC,SAAC,CAAC;AACJ,KAAC;IAED,MAAM,mBAAmB,GAAG,MAAK;AAC/B,QAAA,MAAM,gBAAgB,GAAG,YAAY,CAAC;AACnC,aAAA,MAAM,CAAC,CAAC,OAAO,KAAK,CAAC,yBAAyB,GAAG,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC;AACtE,aAAA,GAAG,CACF,CAAC,OAAO,MACL;YACC,qBAAqB,EAAE,OAAO,CAAC,EAAE;AACjC,YAAA,gBAAgB,EAAE,OAAO,CAAC,cAAc,CAAC,EAAE;AAC3C,YAAA,QAAQ,EAAE,CAAC;YACX,KAAK,EAAE,OAAO,CAAC,YAAY;AAC3B,YAAA,yBAAyB,EAAE,YAAY,CAAC,uBAAuB,CAAC,GAAG,CACjE,CAAC,MAAM,KAAK,MAAM,CAAC,EAAE,CACtB;AACF,SAAA,CAAsB,CAC1B;AAEH,QAAA,IAAI,gBAAgB,CAAC,MAAM,KAAK,CAAC,EAAE;YACjC;;QAGF,QAAQ,CAAC,gBAAgB,CAAC;QAC1B,kBAAkB,CAAC,EAAE,CAAC;QACtB,OAAO,IAAI;AACb,KAAC;IAED,MAAM,mBAAmB,GAAG,YAAY,CAAC,oBAAoB,CAAC,IAAI,CAChE,CAAC,OAAO,KAAK,CAAC,yBAAyB,GAAG,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAChE;IAED,QACE,oBAAC,MAAM,EAAA,EACL,IAAI,EAAE,UAAU,EAChB,OAAO,EAAE,MAAM,OAAO,IAAI,OAAO,EAAE,EACnC,SAAS,EAAA,IAAA,EACT,EAAE,EAAE;AACF,YAAA,EAAE,EAAE,MAAM;AACV,YAAA,KAAK,EAAE;AACL,gBAAA,EAAE,EAAE,MAAM;AACV,gBAAA,EAAE,EAAE,qBAAqB;AAC1B,aAAA;AACD,YAAA,QAAQ,EAAE,GAAG;AACb,YAAA,QAAQ,EAAE,GAAG;AACb,YAAA,wBAAwB,EAAE;gBACxB,MAAM,EAAE,OAAO,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM;AAC5C,aAAA;AACF,SAAA,EAAA;AAED,QAAA,KAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EAAC,EAAE,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,EAAA,EACtD,YAAY,CAAC,OAAO,CAAC,IAAI,CACd;AACd,QAAA,KAAA,CAAA,aAAA,CAAC,aAAa,EAAA,IAAA;AACZ,YAAA,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,OAAO,EAAE,CAAC,EAAA;AACf,gBAAA,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EACJ,GAAG,EAAE,YAAY,CAAC,OAAO,CAAC,YAAY,CAAC,GAAG,EAC1C,GAAG,EAAE,YAAY,CAAC,OAAO,CAAC,IAAI,EAC9B,KAAK,EAAC,MAAM,EACZ,EAAE,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,EAAA,CACvB;gBACF,KAAA,CAAA,aAAA,CAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,SAAS,EAAA;oBACxC,CAAC,CAAC,sBAAsB,CAAC;;oBAAI,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAC3D;AACb,gBAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EACT,OAAO,EAAC,SAAS,EACjB,uBAAuB,EAAE,EAAE,MAAM,EAAE,YAAY,CAAC,OAAO,CAAC,WAAW,EAAE,EAAA,CACrE,CACI,CACM;QAChB,KAAA,CAAA,aAAA,CAAC,aAAa,IAAC,EAAE,EAAE,EAAE,cAAc,EAAE,YAAY,EAAE,EAAA;YACjD,KAAA,CAAA,aAAA,CAAC,KAAK,IAAC,OAAO,EAAE,CAAC,EAAE,KAAK,EAAC,MAAM,EAAA;AAC7B,gBAAA,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,OAAO,EAAE,GAAG,EAAA,EAChB,YAAY,CAAC,oBAAoB,CAAC,GAAG,CAAC,CAAC,OAAO,KAAI;oBACjD,MAAM,QAAQ,GAAG,eAAe,CAAC,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC;oBACjD,MAAM,WAAW,GAAG,yBAAyB,GAAG,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC;AAChE,oBAAA,MAAM,YAAY,GAAG,eAAe,CAAC,OAAO,CAAC;oBAC7C,MAAM,aAAa,GAAG,iBAAiB,CAAC,OAAO,CAAC,IAAI,YAAY,IAAI,CAAC;oBACrE,MAAM,iBAAiB,GACrB,oBAAoB;wBACpB,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,MAAM,GAAG,CAAC;AACvC,wBAAA,CAAC,eAAe,CAAC,OAAO,CAAC,EAAE,CAAC;oBAC9B,QACE,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EACJ,GAAG,EAAE,OAAO,CAAC,EAAE,EACf,SAAS,EAAC,KAAK,EACf,OAAO,EAAE,CAAC,EACV,UAAU,EAAC,QAAQ,EACnB,KAAK,EAAC,MAAM,EAAA;wBAEZ,KAAA,CAAA,aAAA,CAAC,MAAM,IACL,OAAO,EAAE,MAAM,iBAAiB,CAAC,OAAO,CAAC,EACzC,OAAO,EAAE,QAAQ,GAAG,CAAC,GAAG,WAAW,GAAG,UAAU,EAChD,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,iBAAiB,GAAG,KAAK,GAAG,aAAa,IAAI,iBAAiB,EACxE,EAAE,EAAE;AACF,gCAAA,QAAQ,EAAE,EAAE;AACZ,gCAAA,MAAM,EAAE,EAAE;AACV,gCAAA,YAAY,EAAE,CAAC;AACf,gCAAA,UAAU,EAAE,GAAG;AAChB,6BAAA,EAAA,EAEA,OAAO,CAAC,cAAc,CAAC,KAAK,CACtB;wBACR,QAAQ,GAAG,CAAC,IACX,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,SAAS,EAAC,KAAK,EAAC,OAAO,EAAE,CAAC,EAAE,UAAU,EAAC,QAAQ,EAAC,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EAAA;AACpE,4BAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EACL,OAAO,EAAC,UAAU,EAClB,OAAO,EAAE,MAAM,oBAAoB,CAAC,OAAO,CAAC,EAC5C,QAAQ,EAAE,QAAQ,GAAG,CAAC,EACtB,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,UAAU,EAAE,GAAG,EAAE,EAAA,EAAA,GAAA,CAG3D;4BACT,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EACT,EAAE,EAAE;AACF,oCAAA,QAAQ,EAAE,EAAE;AACZ,oCAAA,SAAS,EAAE,QAAQ;AACnB,oCAAA,UAAU,EAAE,GAAG;AACf,oCAAA,KAAK,EAAE,gBAAgB;AACxB,iCAAA,EAAA,EAEA,QAAQ,CACE;AACZ,4BAAA,CAAC,oBAAoB,KACpB,oBAAC,MAAM,EAAA,EACL,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,MAAM,iBAAiB,CAAC,OAAO,CAAC,EACzC,QAAQ,EAAE,QAAQ,IAAI,EAAE,IAAI,QAAQ,IAAI,YAAY,EACpD,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,UAAU,EAAE,GAAG,EAAE,QAG3D,CACV,CACK,KAER,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EACL,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,MAAM,iBAAiB,CAAC,OAAO,CAAC,EACzC,QAAQ,EAAE,iBAAiB,GAAG,KAAK,GAAG,aAAa,IAAI,iBAAiB,EACxE,EAAE,EAAE;AACF,gCAAA,IAAI,EAAE,CAAC;AACP,gCAAA,MAAM,EAAE,EAAE;AACV,gCAAA,YAAY,EAAE,CAAC;AACf,gCAAA,UAAU,EAAE,GAAG;AACf,gCAAA,aAAa,EAAE,MAAM;AACtB,6BAAA,EAAA,EAEA,CAAC,CAAC,KAAK,CAAC,CACF,CACV;AACD,wBAAA,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,SAAS,EAAC,KAAK,EAAC,OAAO,EAAE,CAAC,EAAE,UAAU,EAAC,QAAQ,EAAA;AACnD,4BAAA,WAAW,GAAG,CAAC,KACd,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,gBAAgB,EAAA;gCACjD,WAAW;oCACD,CACd;AACD,4BAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAC,OAAO,EAAC,UAAU,EAAE,GAAG,EAAA,EACxC,OAAO,CAAC,YAAY,GAAG;AACtB,kCAAE,SAAS,CAAC,OAAO,CAAC,YAAY,EAAE,IAAI,EAAE,YAAY,CAAC,OAAO,CAAC,QAAQ;kCACnE,CAAC,CAAC,MAAM,CAAC,CACF,CACP,CACF;AAEZ,iBAAC,CAAC,CACI;AACR,gBAAA,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,SAAS,EAAC,KAAK,EAAC,OAAO,EAAE,CAAC,EAAE,cAAc,EAAC,UAAU,EAAC,KAAK,EAAC,MAAM,EAAA;oBACtE,mBAAmB,IAAI,CAAC,oBAAoB,KAC3C,oBAAC,MAAM,EAAA,EAAC,OAAO,EAAC,UAAU,EAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,mBAAmB,EAAA,EAClE,CAAC,CAAC,QAAQ,CAAC,CACL,CACV;AACA,oBAAA,OAAO,IAAI,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAC,OAAO,EAAE,OAAO,EAAA,EAAG,CAAC,CAAC,QAAQ,CAAC,CAAU;AAC5D,oBAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EACL,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,GAAG,CAAC,CAAC,EAAA,EAE/D,CAAC,CAAC,KAAK,CAAC,CACF,CACH,CACF,CACM,CACT;AAEb;;;;"}

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

@@ -0,0 +1,111 @@
+import React, { useState, useMemo } from 'react';
+import { Stack, Box, Link, Dialog, DialogTitle, IconButton, DialogContent, Typography, Divider, Button } from '@mui/material';
+import { useWatch } from 'react-hook-form';
+import { RHFCheckbox } from '../../components/hook-form/RHFCheckbox.js';
+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';
+import 'react-lazy-load-image-component';
+
+const BorderedCheckbox = ({ name, disabled, title, price }) => (React.createElement(RHFCheckbox, { name: name, disabled: disabled, label: React.createElement(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { width: '100%' } },
+        React.createElement(Typography, { variant: "body2", fontWeight: 600 }, 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 } = useGlobal();
+    const [open, setOpen] = useState(false);
+    const ticketInsurancePricePerUnit = 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);
+    return (React.createElement(Stack, { spacing: 1.5 },
+        React.createElement(BorderedCheckbox, { name: "ticketInsurance", disabled: totalTickets <= 0, title: t('event.tickets.insurance.label'), price: React.createElement(React.Fragment, null,
+                "+ ",
+                fCurrency(ticketInsurancePricePerUnit, lang, event.currency),
+                " /",
+                ' ',
+                t('event.tickets.insurance.per_ticket')) }),
+        React.createElement(BorderedCheckbox, { name: "smsNotification", disabled: totalTickets <= 0, title: t('event.tickets.sms_notification.label'), price: React.createElement(React.Fragment, null,
+                "+ ",
+                fCurrency(smsNotificationPrice, lang, event.currency)) }),
+        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.insurance.label')),
+                        React.createElement(Typography, { variant: "body2", paragraph: true }, t('event.tickets.insurance.modal.description')),
+                        React.createElement(Typography, { variant: "body2", paragraph: true }, t('event.tickets.insurance.modal.coverage')),
+                        React.createElement(BorderedCheckbox, { name: "ticketInsurance", disabled: totalTickets <= 0, title: t('event.tickets.insurance.label'), price: React.createElement(React.Fragment, null,
+                                "+ ",
+                                fCurrency(ticketInsurancePricePerUnit, lang, event.currency),
+                                " /",
+                                ' ',
+                                t('event.tickets.insurance.per_ticket')) })),
+                    React.createElement(Divider, null),
+                    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: totalTickets <= 0, title: t('event.tickets.sms_notification.label'), price: React.createElement(React.Fragment, null,
+                                "+ ",
+                                fCurrency(smsNotificationPrice, lang, event.currency)) })),
+                    React.createElement(Button, { variant: "outlined", onClick: handleClose, sx: {
+                            mt: 1,
+                            py: 1.25,
+                            borderRadius: 2,
+                            fontWeight: 700,
+                        } }, 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  Dialog,\n  DialogContent,\n  DialogTitle,\n  Divider,\n  IconButton,\n  Link,\n  Stack,\n  Typography,\n} from '@mui/material';\nimport { useWatch } from 'react-hook-form';\nimport { RHFCheckbox } from '@components/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';\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}\n\nconst BorderedCheckbox: React.FC<BorderedCheckboxProps> = ({ name, disabled, title, price }) => (\n  <RHFCheckbox\n    name={name}\n    disabled={disabled}\n    label={\n      <Stack\n        direction=\"row\"\n        justifyContent=\"space-between\"\n        alignItems=\"center\"\n        sx={{ width: '100%' }}\n      >\n        <Typography variant=\"body2\" fontWeight={600}>\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\nconst Services: React.FC<Props> = ({ event }) => {\n  const { t, lang } = 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  return (\n    <Stack spacing={1.5}>\n      <BorderedCheckbox\n        name=\"ticketInsurance\"\n        disabled={totalTickets <= 0}\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      />\n\n      <BorderedCheckbox\n        name=\"smsNotification\"\n        disabled={totalTickets <= 0}\n        title={t('event.tickets.sms_notification.label')}\n        price={<>+ {fCurrency(smsNotificationPrice, lang, event.currency)}</>}\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={totalTickets <= 0}\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              />\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={totalTickets <= 0}\n                title={t('event.tickets.sms_notification.label')}\n                price={<>+ {fCurrency(smsNotificationPrice, lang, event.currency)}</>}\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/shipping/ShippingSkeleton.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Stack, Skeleton } from '@mui/material';
+
+const ShippingSkeleton = ({ sx }) => (React.createElement(Stack, { spacing: 1, sx: {
+        width: '100%',
+        ...sx,
+    } }, [...Array(5)].map((_, index) => (React.createElement(Skeleton, { key: index, variant: "rounded", sx: { width: '100%', height: 56 } })))));
+
+export { ShippingSkeleton as default };
+//# sourceMappingURL=ShippingSkeleton.js.map

package/dist/esm/form/shipping/ShippingSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShippingSkeleton.js","sources":["../../../../src/form/shipping/ShippingSkeleton.tsx"],"sourcesContent":["import React from 'react';\nimport { Skeleton, Stack, SxProps } from '@mui/material';\n\ninterface Props {\n  sx?: SxProps;\n}\n\nconst ShippingSkeleton: React.FC<Props> = ({ sx }) => (\n  <Stack\n    spacing={1}\n    sx={{\n      width: '100%',\n      ...sx,\n    }}\n  >\n    {[...Array(5)].map((_, index) => (\n      <Skeleton key={index} variant=\"rounded\" sx={{ width: '100%', height: 56 }} />\n    ))}\n  </Stack>\n);\n\nexport default ShippingSkeleton;\n"],"names":[],"mappings":";;;AAOA,MAAM,gBAAgB,GAAoB,CAAC,EAAE,EAAE,EAAE,MAC/C,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EACJ,OAAO,EAAE,CAAC,EACV,EAAE,EAAE;AACF,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,GAAG,EAAE;KACN,EAAA,EAEA,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,MAC1B,KAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,EAAC,GAAG,EAAE,KAAK,EAAE,OAAO,EAAC,SAAS,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,GAAI,CAC9E,CAAC,CACI;;;;"}