@eventlook/sdk 1.4.0

package/dist/cjs/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 { OrderFeeType } from '@utils/data/order';\nimport { fCurrency, fPercent } 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.promoCode && (\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      {!!values.totalFee && (\n        <Typography\n          variant=\"caption\"\n          sx={{\n            color: (theme) => theme.palette.grey.A700,\n          }}\n        >\n          {t('form.labels.with_fee')}\n        </Typography>\n      )}\n    </Box>\n  );\n};\n\nexport default FeeBox;\n"],"names":["useGlobal","useResponsive","useFormContext","Box","Stack","Typography","fCurrency","Tooltip","Iconify"],"mappings":"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"}

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

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var material = require('@mui/material');
+
+const PaymentSkeleton = ({ sx }) => (React.createElement(material.Stack, { spacing: 1, sx: {
+        width: '100%',
+        ...sx,
+    } }, [...Array(5)].map((_, index) => (React.createElement(material.Skeleton, { key: index, variant: "rounded", sx: { width: '100%', height: 56 } })))));
+
+exports.default = PaymentSkeleton;
+//# sourceMappingURL=PaymentSkeleton.js.map

package/dist/cjs/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":["Stack","Skeleton"],"mappings":";;;;;;;AAOA,MAAM,eAAe,GAAoB,CAAC,EAAE,EAAE,EAAE,MAC9C,KAAA,CAAA,aAAA,CAACA,cAAK,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,CAACC,iBAAQ,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/cjs/form/product/ProductCard.js

@@ -0,0 +1,63 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var material = require('@mui/material');
+var Iconify = require('../../components/iconify/Iconify.js');
+var Image = require('../../components/Image.js');
+var React = require('react');
+var ProductVariantsDialog = require('./ProductVariantsDialog.js');
+var reactHookForm = require('react-hook-form');
+var product = require('../../utils/product.js');
+var useGlobal = require('../../hooks/useGlobal.js');
+
+const ProductCard = ({ eventProduct, eventId, isOnlyMerchandise }) => {
+    const { t } = useGlobal.default();
+    const [openVariantDialog, setOpenVariantDialog] = React.useState(false);
+    const { setValue } = reactHookForm.useFormContext();
+    const tickets = reactHookForm.useWatch({ name: `tickets.${eventId}`, defaultValue: [] });
+    const products = reactHookForm.useWatch({ name: `products.${eventId}`, defaultValue: [] });
+    const onSelectVariant = (selectedVariant) => {
+        const variant = products.find((product) => product.eventProductVariantId === selectedVariant.eventProductVariantId);
+        if (variant) {
+            if (selectedVariant.quantity === 0) {
+                setValue(`products.${eventId}`, products.filter((product) => product.eventProductVariantId !== variant.eventProductVariantId));
+            }
+            else {
+                setValue(`products.${eventId}`, products.map((product) => {
+                    if (product.eventProductVariantId === selectedVariant.eventProductVariantId) {
+                        return {
+                            ...product,
+                            quantity: selectedVariant.quantity,
+                        };
+                    }
+                    return product;
+                }));
+            }
+        }
+        else if (selectedVariant.quantity !== 0) {
+            setValue(`products.${eventId}`, [...products, selectedVariant]);
+        }
+    };
+    const eventNotEmpty = React.useMemo(() => {
+        return products.some((product) => product?.quantity);
+    }, [products]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(material.Card, { sx: { p: 2 } },
+            React.createElement(material.Stack, { spacing: 1 },
+                React.createElement(Image.default, { src: eventProduct.product.previewImage.url, ratio: "1/1", sx: { borderRadius: 2 } }),
+                React.createElement(material.Typography, { variant: "h5" }, eventProduct.product.name),
+                React.createElement(material.Typography, { variant: "caption", dangerouslySetInnerHTML: { __html: eventProduct.product.description }, sx: {
+                        height: 44,
+                        textOverflow: 'ellipsis',
+                        overflow: 'hidden',
+                        display: '-webkit-box',
+                        WebkitLineClamp: 2,
+                        WebkitBoxOrient: 'vertical',
+                    } }),
+                React.createElement(material.Button, { variant: "contained", onClick: () => setOpenVariantDialog(true), fullWidth: true, startIcon: eventNotEmpty ? React.createElement(Iconify.default, { icon: "eva:edit-fill" }) : React.createElement(Iconify.default, { icon: "eva:plus-fill" }) }, eventNotEmpty ? t('change') : t('add')))),
+        React.createElement(ProductVariantsDialog.default, { eventProduct: eventProduct, eventId: eventId, openDialog: openVariantDialog, onClose: () => setOpenVariantDialog(false), callback: onSelectVariant, selectedQuantityByVariant: product.getSelectedQuantityByVariant(products, tickets), isOnlyMerchandise: isOnlyMerchandise })));
+};
+
+exports.default = ProductCard;
+//# sourceMappingURL=ProductCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProductCard.js","sources":["../../../../src/form/product/ProductCard.tsx"],"sourcesContent":["import { Button, Card, Stack, Typography } from '@mui/material';\nimport { Iconify } from '@components/iconify';\nimport Image from '@components/Image';\nimport { IEventProduct } from '@utils/types/event-product.type';\nimport React, { useMemo, useState } from 'react';\nimport ProductVariantsDialog from '@form/product/ProductVariantsDialog';\nimport { IEventProductForm } from '@utils/types/product.type';\nimport { useFormContext, useWatch } from 'react-hook-form';\nimport { ITicketForm, ITicketFormTicket } from '@utils/types/ticket.type';\nimport { getSelectedQuantityByVariant } from '@utils/product';\nimport useGlobal from '@hooks/useGlobal.ts';\n\ninterface Props {\n  eventProduct: IEventProduct;\n  eventId: number;\n  isOnlyMerchandise?: boolean;\n}\n\nconst ProductCard: React.FC<Props> = ({ eventProduct, eventId, isOnlyMerchandise }) => {\n  const { t } = useGlobal();\n  const [openVariantDialog, setOpenVariantDialog] = useState<boolean>(false);\n  const { setValue } = useFormContext<ITicketForm>();\n  const tickets: ITicketFormTicket[] = useWatch({ name: `tickets.${eventId}`, defaultValue: [] });\n  const products: IEventProductForm[] = useWatch({ name: `products.${eventId}`, defaultValue: [] });\n\n  const onSelectVariant = (selectedVariant: IEventProductForm) => {\n    const variant = products.find(\n      (product) => product.eventProductVariantId === selectedVariant.eventProductVariantId\n    );\n\n    if (variant) {\n      if (selectedVariant.quantity === 0) {\n        setValue(\n          `products.${eventId}`,\n          products.filter(\n            (product) => product.eventProductVariantId !== variant.eventProductVariantId\n          )\n        );\n      } else {\n        setValue(\n          `products.${eventId}`,\n          products.map((product) => {\n            if (product.eventProductVariantId === selectedVariant.eventProductVariantId) {\n              return {\n                ...product,\n                quantity: selectedVariant.quantity,\n              };\n            }\n            return product;\n          })\n        );\n      }\n    } else if (selectedVariant.quantity !== 0) {\n      setValue(`products.${eventId}`, [...products, selectedVariant]);\n    }\n  };\n\n  const eventNotEmpty = useMemo(() => {\n    return products.some((product) => product?.quantity);\n  }, [products]);\n\n  return (\n    <>\n      <Card sx={{ p: 2 }}>\n        <Stack spacing={1}>\n          <Image src={eventProduct.product.previewImage.url} ratio=\"1/1\" sx={{ borderRadius: 2 }} />\n          <Typography variant=\"h5\">{eventProduct.product.name}</Typography>\n          <Typography\n            variant=\"caption\"\n            dangerouslySetInnerHTML={{ __html: eventProduct.product.description }}\n            sx={{\n              height: 44,\n              textOverflow: 'ellipsis',\n              overflow: 'hidden',\n              display: '-webkit-box',\n              WebkitLineClamp: 2,\n              WebkitBoxOrient: 'vertical',\n            }}\n          />\n          <Button\n            variant=\"contained\"\n            onClick={() => setOpenVariantDialog(true)}\n            fullWidth\n            startIcon={\n              eventNotEmpty ? <Iconify icon=\"eva:edit-fill\" /> : <Iconify icon=\"eva:plus-fill\" />\n            }\n          >\n            {eventNotEmpty ? t('change') : t('add')}\n          </Button>\n        </Stack>\n      </Card>\n      <ProductVariantsDialog\n        eventProduct={eventProduct}\n        eventId={eventId}\n        openDialog={openVariantDialog}\n        onClose={() => setOpenVariantDialog(false)}\n        callback={onSelectVariant}\n        selectedQuantityByVariant={getSelectedQuantityByVariant(products, tickets)}\n        isOnlyMerchandise={isOnlyMerchandise}\n      />\n    </>\n  );\n};\n\nexport default ProductCard;\n"],"names":["useGlobal","useState","useFormContext","useWatch","useMemo","Card","Stack","Image","Typography","Button","Iconify","ProductVariantsDialog","getSelectedQuantityByVariant"],"mappings":";;;;;;;;;;;;;AAkBA,MAAM,WAAW,GAAoB,CAAC,EAAE,YAAY,EAAE,OAAO,EAAE,iBAAiB,EAAE,KAAI;AACpF,IAAA,MAAM,EAAE,CAAC,EAAE,GAAGA,iBAAS,EAAE;IACzB,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAGC,cAAQ,CAAU,KAAK,CAAC;AAC1E,IAAA,MAAM,EAAE,QAAQ,EAAE,GAAGC,4BAAc,EAAe;AAClD,IAAA,MAAM,OAAO,GAAwBC,sBAAQ,CAAC,EAAE,IAAI,EAAE,CAAA,QAAA,EAAW,OAAO,CAAA,CAAE,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC;AAC/F,IAAA,MAAM,QAAQ,GAAwBA,sBAAQ,CAAC,EAAE,IAAI,EAAE,CAAA,SAAA,EAAY,OAAO,CAAA,CAAE,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC;AAEjG,IAAA,MAAM,eAAe,GAAG,CAAC,eAAkC,KAAI;AAC7D,QAAA,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAC3B,CAAC,OAAO,KAAK,OAAO,CAAC,qBAAqB,KAAK,eAAe,CAAC,qBAAqB,CACrF;QAED,IAAI,OAAO,EAAE;AACX,YAAA,IAAI,eAAe,CAAC,QAAQ,KAAK,CAAC,EAAE;gBAClC,QAAQ,CACN,YAAY,OAAO,CAAA,CAAE,EACrB,QAAQ,CAAC,MAAM,CACb,CAAC,OAAO,KAAK,OAAO,CAAC,qBAAqB,KAAK,OAAO,CAAC,qBAAqB,CAC7E,CACF;;iBACI;AACL,gBAAA,QAAQ,CACN,CAAA,SAAA,EAAY,OAAO,CAAA,CAAE,EACrB,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,KAAI;oBACvB,IAAI,OAAO,CAAC,qBAAqB,KAAK,eAAe,CAAC,qBAAqB,EAAE;wBAC3E,OAAO;AACL,4BAAA,GAAG,OAAO;4BACV,QAAQ,EAAE,eAAe,CAAC,QAAQ;yBACnC;;AAEH,oBAAA,OAAO,OAAO;iBACf,CAAC,CACH;;;AAEE,aAAA,IAAI,eAAe,CAAC,QAAQ,KAAK,CAAC,EAAE;AACzC,YAAA,QAAQ,CAAC,CAAA,SAAA,EAAY,OAAO,CAAA,CAAE,EAAE,CAAC,GAAG,QAAQ,EAAE,eAAe,CAAC,CAAC;;AAEnE,KAAC;AAED,IAAA,MAAM,aAAa,GAAGC,aAAO,CAAC,MAAK;AACjC,QAAA,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC,OAAO,KAAK,OAAO,EAAE,QAAQ,CAAC;AACtD,KAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;AAEd,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;QACE,KAAA,CAAA,aAAA,CAACC,aAAI,IAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAA;AAChB,YAAA,KAAA,CAAA,aAAA,CAACC,cAAK,EAAA,EAAC,OAAO,EAAE,CAAC,EAAA;gBACf,KAAA,CAAA,aAAA,CAACC,aAAK,IAAC,GAAG,EAAE,YAAY,CAAC,OAAO,CAAC,YAAY,CAAC,GAAG,EAAE,KAAK,EAAC,KAAK,EAAC,EAAE,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,EAAA,CAAI;gBAC1F,KAAA,CAAA,aAAA,CAACC,mBAAU,EAAA,EAAC,OAAO,EAAC,IAAI,EAAA,EAAE,YAAY,CAAC,OAAO,CAAC,IAAI,CAAc;AACjE,gBAAA,KAAA,CAAA,aAAA,CAACA,mBAAU,EAAA,EACT,OAAO,EAAC,SAAS,EACjB,uBAAuB,EAAE,EAAE,MAAM,EAAE,YAAY,CAAC,OAAO,CAAC,WAAW,EAAE,EACrE,EAAE,EAAE;AACF,wBAAA,MAAM,EAAE,EAAE;AACV,wBAAA,YAAY,EAAE,UAAU;AACxB,wBAAA,QAAQ,EAAE,QAAQ;AAClB,wBAAA,OAAO,EAAE,aAAa;AACtB,wBAAA,eAAe,EAAE,CAAC;AAClB,wBAAA,eAAe,EAAE,UAAU;qBAC5B,EAAA,CACD;gBACF,KAAA,CAAA,aAAA,CAACC,eAAM,EAAA,EACL,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,MAAM,oBAAoB,CAAC,IAAI,CAAC,EACzC,SAAS,EAAA,IAAA,EACT,SAAS,EACP,aAAa,GAAG,KAAA,CAAA,aAAA,CAACC,eAAO,EAAA,EAAC,IAAI,EAAC,eAAe,EAAA,CAAG,GAAG,KAAA,CAAA,aAAA,CAACA,eAAO,EAAA,EAAC,IAAI,EAAC,eAAe,EAAA,CAAG,EAAA,EAGpF,aAAa,GAAG,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAChC,CACH,CACH;AACP,QAAA,KAAA,CAAA,aAAA,CAACC,6BAAqB,EAAA,EACpB,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,iBAAiB,EAC7B,OAAO,EAAE,MAAM,oBAAoB,CAAC,KAAK,CAAC,EAC1C,QAAQ,EAAE,eAAe,EACzB,yBAAyB,EAAEC,oCAA4B,CAAC,QAAQ,EAAE,OAAO,CAAC,EAC1E,iBAAiB,EAAE,iBAAiB,EAAA,CACpC,CACD;AAEP;;;;"}

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

@@ -0,0 +1,173 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var material = require('@mui/material');
+var Image = require('../../components/Image.js');
+var reactHookForm = require('react-hook-form');
+var formatNumber = require('../../utils/formatNumber.js');
+var useGlobal = require('../../hooks/useGlobal.js');
+require('framer-motion');
+require('../../components/animate/IconButtonAnimate.js');
+require('@mui/material/styles');
+require('@mui/material/useMediaQuery');
+var Iconify = require('../../components/iconify/Iconify.js');
+
+const ProductVariantsDialog = ({ eventProduct, openDialog, onClose, callback, selectedQuantityByVariant, isOnlyMerchandise, eventId, }) => {
+    const { t, lang, options } = useGlobal.default();
+    const { showSnackbar } = useGlobal.default();
+    const [selectedVariant, setSelectedVariant] = React.useState(null);
+    const [variantPrice, setVariantPrice] = React.useState(null);
+    const [variantQuantity, setVariantQuantity] = React.useState(1);
+    const [isVariantClicked, setIsVariantClicked] = React.useState(false);
+    const tickets = reactHookForm.useWatch({ name: `tickets.${eventId}`, defaultValue: [] });
+    const products = reactHookForm.useWatch({ name: `products.${eventId}`, defaultValue: [] });
+    React.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]);
+    React.useEffect(() => {
+        if (isVariantClicked) {
+            setVariantQuantity(selectedQuantityByVariant &&
+                selectedVariant &&
+                selectedQuantityByVariant[selectedVariant.eventProductVariantId] !== undefined
+                ? selectedQuantityByVariant[selectedVariant.eventProductVariantId]
+                : 1);
+            setIsVariantClicked(false);
+        }
+    }, [selectedVariant, isVariantClicked]);
+    const handleOnClick = (variant) => {
+        setVariantPrice(variant.priceWithVat);
+        setSelectedVariant({
+            eventProductVariantId: variant.id,
+            productVariantId: variant.productVariant.id,
+            quantity: 1,
+            price: variant.priceWithVat,
+            excludedShippingMethodIds: eventProduct.excludedShippingMethods.map((method) => method.id),
+        });
+        setIsVariantClicked(true);
+    };
+    const handleOnAdd = () => {
+        if (!selectedVariant) {
+            showSnackbar(t('components.product_variant_dialog.select_variant'), { variant: 'error' });
+            return;
+        }
+        callback(selectedVariant);
+        setSelectedVariant(null);
+        onClose?.();
+    };
+    const isVariantDisabled = (variant) => {
+        let countUsed = 0;
+        let selectedVariantQuantity = 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;
+                        selectedVariantQuantity = product.quantity;
+                    }
+                }
+            }
+        }
+        return ((variant.productVariant.quantity &&
+            countUsed + variant.productVariant.sold >= variant.productVariant.quantity) ||
+            selectedVariantQuantity >= 10);
+    };
+    const isVariantSoldOut = () => {
+        const variant = eventProduct.eventProductVariants.find((product) => product.id === selectedVariant?.eventProductVariantId);
+        let countUsed = variantQuantity;
+        for (const ticket of tickets) {
+            if (ticket.products) {
+                for (const product of ticket.products) {
+                    if (product.productVariantId === variant?.productVariant.id) {
+                        countUsed += product.quantity;
+                    }
+                }
+            }
+        }
+        if (variant && variant.productVariant.quantity) {
+            if (variant.productVariant.sold + countUsed >= variant.productVariant.quantity ||
+                variantQuantity >= 10) {
+                return true;
+            }
+        }
+        return false;
+    };
+    const handleAddQuantity = () => {
+        setVariantQuantity(variantQuantity + 1);
+        setSelectedVariant((prevState) => {
+            if (!prevState)
+                return null;
+            return {
+                ...prevState,
+                quantity: variantQuantity + 1,
+            };
+        });
+    };
+    const handleRemoveQuantity = () => {
+        if (variantQuantity > 0) {
+            setVariantQuantity(variantQuantity - 1);
+        }
+        setSelectedVariant((prevState) => {
+            if (!prevState)
+                return null;
+            return {
+                ...prevState,
+                quantity: variantQuantity - 1,
+            };
+        });
+    };
+    return (React.createElement(material.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(material.DialogTitle, null),
+        React.createElement(material.DialogContent, null,
+            React.createElement(material.Stack, { spacing: 1 },
+                React.createElement(Image.default, { src: eventProduct.product.previewImage.url, alt: eventProduct.product.name, ratio: "1/1", sx: { borderRadius: 2 } }),
+                React.createElement(material.Typography, { variant: "h5" }, eventProduct.product.name),
+                React.createElement(material.Typography, { variant: "body2", color: "primary" },
+                    t('form.labels.category'),
+                    ": ",
+                    eventProduct.product.category.value.text),
+                React.createElement(material.Typography, { variant: "caption", dangerouslySetInnerHTML: { __html: eventProduct.product.description } }))),
+        React.createElement(material.DialogActions, { sx: { justifyContent: 'flex-start' } },
+            React.createElement(material.Stack, { spacing: 2, width: "100%" },
+                React.createElement(material.Stack, { direction: "row", spacing: 1, flexWrap: "wrap", useFlexGap: true, textAlign: "left" }, eventProduct.eventProductVariants.map((variant) => (React.createElement(material.Button, { key: variant.id, onClick: () => handleOnClick(variant), variant: variant.id === selectedVariant?.eventProductVariantId ? 'contained' : 'outlined', size: "large", disabled: isOnlyMerchandise ? false : isVariantDisabled(variant) },
+                    React.createElement(material.Badge, { color: "primary", badgeContent: selectedQuantityByVariant ? selectedQuantityByVariant[variant.id] : 0, sx: { position: 'unset' } }, variant.productVariant.value))))),
+                React.createElement(material.Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", pt: 1 },
+                    selectedVariant && isOnlyMerchandise && (React.createElement(material.Stack, { direction: "row", alignItems: "center", spacing: 1 },
+                        React.createElement(material.IconButton, { size: "small", color: "primary", onClick: handleRemoveQuantity, disabled: variantQuantity < 1 },
+                            React.createElement(Iconify.default, { icon: "eva:minus-fill" })),
+                        React.createElement(material.Typography, { color: "grey.500" }, variantQuantity),
+                        React.createElement(material.IconButton, { size: "small", color: "primary", onClick: handleAddQuantity, disabled: isVariantSoldOut() },
+                            React.createElement(Iconify.default, { icon: "eva:plus-fill" })))),
+                    React.createElement(material.Typography, { variant: "h4", textAlign: "right", mt: 0 }, variantPrice !== null
+                        ? variantPrice > 0
+                            ? formatNumber.fCurrency(variantPrice, lang, eventProduct.product.currency)
+                            : t('free')
+                        : t('unselected'))),
+                React.createElement(material.Stack, { direction: "row", spacing: 1, justifyContent: "flex-end", width: "100%" },
+                    onClose && React.createElement(material.Button, { onClick: onClose }, t('cancel')),
+                    React.createElement(material.Button, { variant: "contained", onClick: handleOnAdd, disabled: !selectedVariant }, t('add')))))));
+};
+
+exports.default = ProductVariantsDialog;
+//# sourceMappingURL=ProductVariantsDialog.js.map

package/dist/cjs/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  Badge,\n  Button,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  IconButton,\n  Stack,\n  Typography,\n} from '@mui/material';\nimport { IEventProduct, IEventProductVariant } from '@utils/types/event-product.type';\nimport Image from '@components/Image';\nimport { useWatch } from 'react-hook-form';\nimport { ITicketFormTicket } from '@utils/types/ticket.type';\nimport { IEventProductForm } from '@utils/types/product.type';\nimport { fCurrency } from '@utils/formatNumber';\nimport useGlobal from '@hooks/useGlobal.ts';\nimport { Iconify } from '@components';\n\ninterface Props {\n  eventProduct: IEventProduct;\n  eventId: number;\n  openDialog: boolean;\n  callback: (variant: IEventProductForm) => void;\n  onClose?: () => void;\n  selectedQuantityByVariant?: Record<number, number>;\n  isOnlyMerchandise?: boolean;\n}\n\nconst ProductVariantsDialog: React.FC<Props> = ({\n  eventProduct,\n  openDialog,\n  onClose,\n  callback,\n  selectedQuantityByVariant,\n  isOnlyMerchandise,\n  eventId,\n}) => {\n  const { t, lang, options } = useGlobal();\n  const { showSnackbar } = useGlobal();\n  const [selectedVariant, setSelectedVariant] = useState<IEventProductForm | null>(null);\n  const [variantPrice, setVariantPrice] = useState<number | null>(null);\n  const [variantQuantity, setVariantQuantity] = useState<number>(1);\n  const [isVariantClicked, setIsVariantClicked] = useState(false);\n  const tickets: ITicketFormTicket[] = useWatch({ name: `tickets.${eventId}`, defaultValue: [] });\n  const products: IEventProductForm[] = useWatch({ name: `products.${eventId}`, defaultValue: [] });\n\n  useEffect(() => {\n    if (openDialog) {\n      const urlParams = new URLSearchParams(new URL(window.location.href).search);\n      const elementId = urlParams.get('elementId');\n      parent.postMessage({ type: 'eventlookFrameOpenDialog', name: elementId }, '*');\n    }\n  }, [openDialog]);\n\n  useEffect(() => {\n    if (isVariantClicked) {\n      setVariantQuantity(\n        selectedQuantityByVariant &&\n          selectedVariant &&\n          selectedQuantityByVariant[selectedVariant.eventProductVariantId] !== undefined\n          ? selectedQuantityByVariant[selectedVariant.eventProductVariantId]\n          : 1\n      );\n      setIsVariantClicked(false);\n    }\n  }, [selectedVariant, isVariantClicked]);\n\n  const handleOnClick = (variant: IEventProductVariant) => {\n    setVariantPrice(variant.priceWithVat);\n    setSelectedVariant({\n      eventProductVariantId: variant.id,\n      productVariantId: variant.productVariant.id,\n      quantity: 1,\n      price: variant.priceWithVat,\n      excludedShippingMethodIds: eventProduct.excludedShippingMethods.map((method) => method.id),\n    });\n    setIsVariantClicked(true);\n  };\n\n  const handleOnAdd = () => {\n    if (!selectedVariant) {\n      showSnackbar(t('components.product_variant_dialog.select_variant'), { variant: 'error' });\n      return;\n    }\n    callback(selectedVariant);\n    setSelectedVariant(null);\n    onClose?.();\n  };\n\n  const isVariantDisabled = (variant: IEventProductVariant) => {\n    let countUsed = 0;\n    let selectedVariantQuantity = 0;\n\n    for (const product of products) {\n      if (product.productVariantId === variant.productVariant.id) {\n        countUsed += product.quantity;\n      }\n    }\n\n    for (const ticket of tickets) {\n      if (ticket.products) {\n        for (const product of ticket.products) {\n          if (product.productVariantId === variant.productVariant.id) {\n            countUsed += product.quantity;\n            selectedVariantQuantity = product.quantity;\n          }\n        }\n      }\n    }\n\n    return (\n      (variant.productVariant.quantity &&\n        countUsed + variant.productVariant.sold >= variant.productVariant.quantity) ||\n      selectedVariantQuantity >= 10\n    );\n  };\n\n  const isVariantSoldOut = () => {\n    const variant = eventProduct.eventProductVariants.find(\n      (product) => product.id === selectedVariant?.eventProductVariantId\n    );\n    let countUsed = variantQuantity;\n\n    for (const ticket of tickets) {\n      if (ticket.products) {\n        for (const product of ticket.products) {\n          if (product.productVariantId === variant?.productVariant.id) {\n            countUsed += product.quantity;\n          }\n        }\n      }\n    }\n\n    if (variant && variant.productVariant.quantity) {\n      if (\n        variant.productVariant.sold + countUsed >= variant.productVariant.quantity ||\n        variantQuantity >= 10\n      ) {\n        return true;\n      }\n    }\n    return false;\n  };\n\n  const handleAddQuantity = () => {\n    setVariantQuantity(variantQuantity + 1);\n    setSelectedVariant((prevState) => {\n      if (!prevState) return null;\n      return {\n        ...prevState,\n        quantity: variantQuantity + 1,\n      };\n    });\n  };\n\n  const handleRemoveQuantity = () => {\n    if (variantQuantity > 0) {\n      setVariantQuantity(variantQuantity - 1);\n    }\n    setSelectedVariant((prevState) => {\n      if (!prevState) return null;\n      return {\n        ...prevState,\n        quantity: variantQuantity - 1,\n      };\n    });\n  };\n\n  return (\n    <Dialog\n      open={openDialog}\n      onClose={() => onClose && onClose()}\n      fullWidth\n      sx={{\n        mx: 'auto',\n        width: {\n          xs: '100%',\n          sm: 'calc(100vh - 300px)',\n        },\n        minWidth: 300,\n        maxWidth: 444,\n        '& .MuiDialog-container': {\n          height: options?.isIframe ? 'auto' : '100%',\n        },\n      }}\n    >\n      <DialogTitle />\n      <DialogContent>\n        <Stack spacing={1}>\n          <Image\n            src={eventProduct.product.previewImage.url}\n            alt={eventProduct.product.name}\n            ratio=\"1/1\"\n            sx={{ borderRadius: 2 }}\n          />\n          <Typography variant=\"h5\">{eventProduct.product.name}</Typography>\n          <Typography variant=\"body2\" color=\"primary\">\n            {t('form.labels.category')}: {eventProduct.product.category.value.text}\n          </Typography>\n          <Typography\n            variant=\"caption\"\n            dangerouslySetInnerHTML={{ __html: eventProduct.product.description }}\n          />\n        </Stack>\n      </DialogContent>\n      <DialogActions sx={{ justifyContent: 'flex-start' }}>\n        <Stack spacing={2} width=\"100%\">\n          <Stack direction=\"row\" spacing={1} flexWrap=\"wrap\" useFlexGap textAlign=\"left\">\n            {eventProduct.eventProductVariants.map((variant) => (\n              <Button\n                key={variant.id}\n                onClick={() => handleOnClick(variant)}\n                variant={\n                  variant.id === selectedVariant?.eventProductVariantId ? 'contained' : 'outlined'\n                }\n                size=\"large\"\n                disabled={isOnlyMerchandise ? false : isVariantDisabled(variant)}\n              >\n                <Badge\n                  color=\"primary\"\n                  badgeContent={\n                    selectedQuantityByVariant ? selectedQuantityByVariant[variant.id] : 0\n                  }\n                  sx={{ position: 'unset' }}\n                >\n                  {variant.productVariant.value}\n                </Badge>\n              </Button>\n            ))}\n          </Stack>\n          <Stack direction=\"row\" justifyContent=\"space-between\" alignItems=\"center\" pt={1}>\n            {selectedVariant && isOnlyMerchandise && (\n              <Stack direction=\"row\" alignItems=\"center\" spacing={1}>\n                <IconButton\n                  size=\"small\"\n                  color=\"primary\"\n                  onClick={handleRemoveQuantity}\n                  disabled={variantQuantity < 1}\n                >\n                  <Iconify icon=\"eva:minus-fill\" />\n                </IconButton>\n                <Typography color=\"grey.500\">{variantQuantity}</Typography>\n                <IconButton\n                  size=\"small\"\n                  color=\"primary\"\n                  onClick={handleAddQuantity}\n                  disabled={isVariantSoldOut()}\n                >\n                  <Iconify icon=\"eva:plus-fill\" />\n                </IconButton>\n              </Stack>\n            )}\n            <Typography variant=\"h4\" textAlign=\"right\" mt={0}>\n              {variantPrice !== null\n                ? variantPrice > 0\n                  ? fCurrency(variantPrice, lang, eventProduct.product.currency)\n                  : t('free')\n                : t('unselected')}\n            </Typography>\n          </Stack>\n          <Stack direction=\"row\" spacing={1} justifyContent=\"flex-end\" width=\"100%\">\n            {onClose && <Button onClick={onClose}>{t('cancel')}</Button>}\n            <Button variant=\"contained\" onClick={handleOnAdd} disabled={!selectedVariant}>\n              {t('add')}\n            </Button>\n          </Stack>\n        </Stack>\n      </DialogActions>\n    </Dialog>\n  );\n};\n\nexport default ProductVariantsDialog;\n"],"names":["useGlobal","useState","useWatch","useEffect","Dialog","DialogTitle","DialogContent","Stack","Image","Typography","DialogActions","Button","Badge","IconButton","Iconify","fCurrency"],"mappings":"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"}

package/dist/cjs/form/shipping/ShippingSkeleton.js

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var material = require('@mui/material');
+
+const ShippingSkeleton = ({ sx }) => (React.createElement(material.Stack, { spacing: 1, sx: {
+        width: '100%',
+        ...sx,
+    } }, [...Array(5)].map((_, index) => (React.createElement(material.Skeleton, { key: index, variant: "rounded", sx: { width: '100%', height: 56 } })))));
+
+exports.default = ShippingSkeleton;
+//# sourceMappingURL=ShippingSkeleton.js.map

package/dist/cjs/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":["Stack","Skeleton"],"mappings":";;;;;;;AAOA,MAAM,gBAAgB,GAAoB,CAAC,EAAE,EAAE,EAAE,MAC/C,KAAA,CAAA,aAAA,CAACA,cAAK,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,CAACC,iBAAQ,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/cjs/form/style.js

@@ -0,0 +1,50 @@
+'use strict';
+
+var styles = require('@mui/material/styles');
+var material = require('@mui/material');
+
+const OverviewCard = styles.styled(material.Card)(({ theme, stickyHeaderTop }) => ({
+    position: 'sticky',
+    top: stickyHeaderTop,
+}));
+const ShippingMethodItem = styles.styled(material.Box, {
+    shouldForwardProp: (prop) => prop !== 'active',
+})(({ theme, active }) => ({
+    borderRadius: theme.spacing(1),
+    border: `1px solid ${active ? theme.palette.primary.main : theme.palette.grey.A200}`,
+    marginTop: theme.spacing(1),
+    width: '100%',
+    padding: `0 ${theme.spacing(2)}`,
+    transitionDuration: '.3s',
+    '& > .MuiFormControlLabel-root': {
+        width: '100%',
+        padding: `${theme.spacing(1)} 0`,
+    },
+}));
+const PaymentWrapper = styles.styled(material.FormControl)(() => ({
+    width: '100%',
+}));
+const PaymentItem = styles.styled(material.Box, {
+    shouldForwardProp: (prop) => prop !== 'active',
+})(({ theme, active }) => ({
+    borderRadius: theme.spacing(1),
+    border: `1px solid ${active ? theme.palette.primary.main : theme.palette.grey.A200}`,
+    marginTop: theme.spacing(1),
+    width: '100%',
+    padding: `0 ${theme.spacing(2)}`,
+    transitionDuration: '.3s',
+    '& > .MuiFormControlLabel-root': {
+        width: '100%',
+        padding: `${theme.spacing(1)} 0`,
+    },
+}));
+const PaymentSwiftWrapper = styles.styled(material.Box)(() => ({
+    width: '100%',
+}));
+
+exports.OverviewCard = OverviewCard;
+exports.PaymentItem = PaymentItem;
+exports.PaymentSwiftWrapper = PaymentSwiftWrapper;
+exports.PaymentWrapper = PaymentWrapper;
+exports.ShippingMethodItem = ShippingMethodItem;
+//# sourceMappingURL=style.js.map

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

@@ -0,0 +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":["styled","Card","Box","FormControl"],"mappings":";;;;;AAGO,MAAM,YAAY,GAAGA,aAAM,CAACC,aAAI,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,GAAGD,aAAM,CAACE,YAAG,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,GAAGF,aAAM,CAACG,oBAAW,CAAC,CAAC,OAAO;AACvD,IAAA,KAAK,EAAE,MAAM;AACd,CAAA,CAAC;AAEK,MAAM,WAAW,GAAGH,aAAM,CAACE,YAAG,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,GAAGF,aAAM,CAACE,YAAG,CAAC,CAAC,OAAO;AACpD,IAAA,KAAK,EAAE,MAAM;AACd,CAAA,CAAC;;;;;;;;"}

package/dist/cjs/form/timeslot/TimeslotCalendar.js

@@ -0,0 +1,57 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var dayjs = require('dayjs');
+var xDatePickers = require('@mui/x-date-pickers');
+var material = require('@mui/material');
+
+const Day = ({ selectedDay, selectedDays = [], setSelectedDate = () => { }, day, outsideCurrentMonth, disableUnselectedDays, disabled, ...other }) => {
+    const isCurrentDay = !!selectedDay && selectedDay.indexOf(day.format('YYYY-MM-DD')) >= 0;
+    const isSelected = !outsideCurrentMonth && (selectedDays.indexOf(day.format('YYYY-MM-DD')) >= 0 || isCurrentDay);
+    return (React.createElement(material.Box, null,
+        React.createElement(xDatePickers.PickersDay, { ...other, outsideCurrentMonth: outsideCurrentMonth, day: day, selected: isSelected, disabled: disabled || (disableUnselectedDays && !isSelected), onClick: () => setSelectedDate(day.format('YYYY-MM-DD')), sx: {
+                ...other.sx,
+                ...(!isCurrentDay && {
+                    '&.Mui-selected': {
+                        backgroundColor: 'common.white',
+                        color: 'primary.main',
+                        border: '1px solid',
+                        '&:hover, &:focus': {
+                            backgroundColor: 'primary.lighter',
+                        },
+                    },
+                }),
+            } })));
+};
+const TimeslotCalendar = ({ selectedDay, selectedDays, setSelectedDate, activeMonth, setActiveMonth, disableUnselectedDays, }) => {
+    const handleMonthChange = (date) => {
+        if (setActiveMonth) {
+            setActiveMonth(dayjs(date));
+        }
+    };
+    const handleYearChange = (date) => {
+        if (setActiveMonth) {
+            setActiveMonth(dayjs(date));
+        }
+    };
+    return (React.createElement(xDatePickers.DateCalendar, { minDate: dayjs(), slots: {
+            day: Day,
+        }, slotProps: {
+            day: {
+                selectedDay,
+                selectedDays,
+                setSelectedDate,
+                disableUnselectedDays,
+            },
+        }, value: activeMonth, onMonthChange: handleMonthChange, onYearChange: handleYearChange, views: ['year', 'month', 'day'], dayOfWeekFormatter: (day, date) => dayjs(date).format('ddd').slice(0, 2).toUpperCase(), sx: {
+            m: 0,
+            borderRadius: 2,
+            border: (theme) => `1px solid ${theme.palette.grey.A200}`,
+            boxShadow: (theme) => theme.shadows[10],
+        } }));
+};
+
+exports.default = TimeslotCalendar;
+//# sourceMappingURL=TimeslotCalendar.js.map

package/dist/cjs/form/timeslot/TimeslotCalendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeslotCalendar.js","sources":["../../../../src/form/timeslot/TimeslotCalendar.tsx"],"sourcesContent":["import React, { Dispatch, SetStateAction } from 'react';\nimport dayjs, { Dayjs } from 'dayjs';\nimport { DateCalendar, PickersDay, PickersDayProps } from '@mui/x-date-pickers';\nimport { Box } from '@mui/material';\n\nconst Day: React.FC<\n  PickersDayProps<Dayjs> & {\n    selectedDay?: string | null;\n    selectedDays?: string[];\n    setSelectedDate?: (date: string | null) => void;\n    disableUnselectedDays?: boolean;\n  }\n> = ({\n  selectedDay,\n  selectedDays = [],\n  setSelectedDate = () => {},\n  day,\n  outsideCurrentMonth,\n  disableUnselectedDays,\n  disabled,\n  ...other\n}) => {\n  const isCurrentDay = !!selectedDay && selectedDay.indexOf(day.format('YYYY-MM-DD')) >= 0;\n  const isSelected =\n    !outsideCurrentMonth && (selectedDays.indexOf(day.format('YYYY-MM-DD')) >= 0 || isCurrentDay);\n\n  return (\n    <Box>\n      <PickersDay\n        {...other}\n        outsideCurrentMonth={outsideCurrentMonth}\n        day={day}\n        selected={isSelected}\n        disabled={disabled || (disableUnselectedDays && !isSelected)}\n        onClick={() => setSelectedDate(day.format('YYYY-MM-DD'))}\n        sx={{\n          ...other.sx,\n          ...(!isCurrentDay && {\n            '&.Mui-selected': {\n              backgroundColor: 'common.white',\n              color: 'primary.main',\n              border: '1px solid',\n              '&:hover, &:focus': {\n                backgroundColor: 'primary.lighter',\n              },\n            },\n          }),\n        }}\n      />\n    </Box>\n  );\n};\n\ninterface Props {\n  selectedDay: string | null;\n  selectedDays: string[];\n  setSelectedDate: (date: string | null) => void;\n  activeMonth?: Dayjs;\n  setActiveMonth?: Dispatch<SetStateAction<Dayjs | null>>;\n  disableUnselectedDays?: boolean;\n}\n\nconst TimeslotCalendar: React.FC<Props> = ({\n  selectedDay,\n  selectedDays,\n  setSelectedDate,\n  activeMonth,\n  setActiveMonth,\n  disableUnselectedDays,\n}) => {\n  const handleMonthChange = (date: Dayjs) => {\n    if (setActiveMonth) {\n      setActiveMonth(dayjs(date));\n    }\n  };\n\n  const handleYearChange = (date: Dayjs) => {\n    if (setActiveMonth) {\n      setActiveMonth(dayjs(date));\n    }\n  };\n\n  return (\n    <DateCalendar\n      minDate={dayjs()}\n      slots={{\n        day: Day,\n      }}\n      slotProps={{\n        day: {\n          selectedDay,\n          selectedDays,\n          setSelectedDate,\n          disableUnselectedDays,\n        } as any,\n      }}\n      value={activeMonth}\n      onMonthChange={handleMonthChange}\n      onYearChange={handleYearChange}\n      views={['year', 'month', 'day']}\n      dayOfWeekFormatter={(day, date) => dayjs(date).format('ddd').slice(0, 2).toUpperCase()}\n      sx={{\n        m: 0,\n        borderRadius: 2,\n        border: (theme) => `1px solid ${theme.palette.grey.A200}`,\n        boxShadow: (theme) => theme.shadows[10],\n      }}\n    />\n  );\n};\n\nexport default TimeslotCalendar;\n"],"names":["Box","PickersDay","DateCalendar"],"mappings":"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"}

package/dist/cjs/hooks/data/useActiveEventProducts.js

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var useSWR = require('swr');
+var event = require('../../modules/event.js');
+
+function useActiveEventProducts(id, inlcudeChildren) {
+    const { data, error, mutate, isValidating } = useSWR(['active-event-products', id, inlcudeChildren], id ? () => event.getActiveEventProducts(id, inlcudeChildren) : null, {
+        revalidateOnMount: true,
+    });
+    return {
+        data: data ? data : [],
+        error,
+        mutate,
+        isValidating,
+        isLoading: !error && !data,
+    };
+}
+
+exports.default = useActiveEventProducts;
+//# sourceMappingURL=useActiveEventProducts.js.map

package/dist/cjs/hooks/data/useActiveEventProducts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useActiveEventProducts.js","sources":["../../../../src/hooks/data/useActiveEventProducts.ts"],"sourcesContent":["import useSWR from 'swr';\nimport { getActiveEventProducts } from '@modules/event';\nimport { IEventProduct } from '@utils/types/event-product.type';\n\nexport default function useActiveEventProducts(id?: number, inlcudeChildren?: boolean) {\n  const { data, error, mutate, isValidating } = useSWR<IEventProduct[]>(\n    ['active-event-products', id, inlcudeChildren],\n    id ? () => getActiveEventProducts(id, inlcudeChildren) : null,\n    {\n      revalidateOnMount: true,\n    }\n  );\n\n  return {\n    data: data ? data : [],\n    error,\n    mutate,\n    isValidating,\n    isLoading: !error && !data,\n  };\n}\n"],"names":["getActiveEventProducts"],"mappings":";;;;;;;AAIc,SAAU,sBAAsB,CAAC,EAAW,EAAE,eAAyB,EAAA;AACnF,IAAA,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,GAAG,MAAM,CAClD,CAAC,uBAAuB,EAAE,EAAE,EAAE,eAAe,CAAC,EAC9C,EAAE,GAAG,MAAMA,4BAAsB,CAAC,EAAE,EAAE,eAAe,CAAC,GAAG,IAAI,EAC7D;AACE,QAAA,iBAAiB,EAAE,IAAI;AACxB,KAAA,CACF;IAED,OAAO;QACL,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,EAAE;QACtB,KAAK;QACL,MAAM;QACN,YAAY;AACZ,QAAA,SAAS,EAAE,CAAC,KAAK,IAAI,CAAC,IAAI;KAC3B;AACH;;;;"}

package/dist/cjs/hooks/data/useAllowedPaymentMethods.js

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var useSWR = require('swr');
+var order = require('../../modules/order.js');
+
+function useAllowedPaymentMethods(currency, eventId) {
+    const { data, error, mutate, isValidating } = useSWR(['allowed-payment-methods', currency, eventId], () => order.getAllowedPaymentMethods(currency), {
+        revalidateOnMount: true,
+    });
+    return {
+        data,
+        error,
+        mutate,
+        isValidating,
+        isLoading: !error && !data,
+    };
+}
+
+exports.default = useAllowedPaymentMethods;
+//# sourceMappingURL=useAllowedPaymentMethods.js.map

package/dist/cjs/hooks/data/useAllowedPaymentMethods.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAllowedPaymentMethods.js","sources":["../../../../src/hooks/data/useAllowedPaymentMethods.ts"],"sourcesContent":["import useSWR from 'swr';\nimport { getAllowedPaymentMethods } from '@modules/order';\nimport { Currencies } from '@utils/data/currency';\nimport { IPaymentMethod } from '@utils/types/payment-method.type';\n\nexport default function useAllowedPaymentMethods(currency: Currencies, eventId?: number) {\n  const { data, error, mutate, isValidating } = useSWR<IPaymentMethod[]>(\n    ['allowed-payment-methods', currency, eventId],\n    () => getAllowedPaymentMethods(currency, eventId),\n    {\n      revalidateOnMount: true,\n    }\n  );\n\n  return {\n    data,\n    error,\n    mutate,\n    isValidating,\n    isLoading: !error && !data,\n  };\n}\n"],"names":["getAllowedPaymentMethods"],"mappings":";;;;;;;AAKc,SAAU,wBAAwB,CAAC,QAAoB,EAAE,OAAgB,EAAA;AACrF,IAAA,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,GAAG,MAAM,CAClD,CAAC,yBAAyB,EAAE,QAAQ,EAAE,OAAO,CAAC,EAC9C,MAAMA,8BAAwB,CAAC,QAAiB,CAAC,EACjD;AACE,QAAA,iBAAiB,EAAE,IAAI;AACxB,KAAA,CACF;IAED,OAAO;QACL,IAAI;QACJ,KAAK;QACL,MAAM;QACN,YAAY;AACZ,QAAA,SAAS,EAAE,CAAC,KAAK,IAAI,CAAC,IAAI;KAC3B;AACH;;;;"}

package/dist/cjs/hooks/data/useEvent.js

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var useSWR = require('swr');
+var event = require('../../modules/event.js');
+
+function useEvent(slug) {
+    const { data, error, mutate, isValidating } = useSWR(['event', slug], slug ? (_) => event.getEventBySlug(slug) : null, {
+        revalidateOnMount: true,
+    });
+    return {
+        data: data,
+        error,
+        mutate,
+        isValidating,
+        isLoading: !error && !data,
+    };
+}
+
+exports.default = useEvent;
+//# sourceMappingURL=useEvent.js.map

package/dist/cjs/hooks/data/useEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEvent.js","sources":["../../../../src/hooks/data/useEvent.ts"],"sourcesContent":["import useSWR from 'swr';\nimport { getEventBySlug } from '@modules/event';\nimport { IEvent } from '@utils/types/event.type';\n\nexport default function useEvent(slug?: string) {\n  const { data, error, mutate, isValidating } = useSWR<IEvent>(\n    ['event', slug],\n    slug ? (_: any) => getEventBySlug(slug) : null,\n    {\n      revalidateOnMount: true,\n    }\n  );\n\n  return {\n    data: data,\n    error,\n    mutate,\n    isValidating,\n    isLoading: !error && !data,\n  };\n}\n"],"names":["getEventBySlug"],"mappings":";;;;;;;AAIc,SAAU,QAAQ,CAAC,IAAa,EAAA;AAC5C,IAAA,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,GAAG,MAAM,CAClD,CAAC,OAAO,EAAE,IAAI,CAAC,EACf,IAAI,GAAG,CAAC,CAAM,KAAKA,oBAAc,CAAC,IAAI,CAAC,GAAG,IAAI,EAC9C;AACE,QAAA,iBAAiB,EAAE,IAAI;AACxB,KAAA,CACF;IAED,OAAO;AACL,QAAA,IAAI,EAAE,IAAI;QACV,KAAK;QACL,MAAM;QACN,YAAY;AACZ,QAAA,SAAS,EAAE,CAAC,KAAK,IAAI,CAAC,IAAI;KAC3B;AACH;;;;"}

package/dist/cjs/hooks/data/useEventActiveReleases.js

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var useSWR = require('swr');
+var event = require('../../modules/event.js');
+
+function useEventActiveReleases(id, includeChildren, timeslotId) {
+    const { data, error, mutate, isValidating } = useSWR(['event-active-releases', id, includeChildren, timeslotId], id
+        ? timeslotId === undefined || !!timeslotId
+            ? () => event.getEventActiveReleases(id, includeChildren, timeslotId)
+            : null
+        : null, {
+        revalidateOnMount: true,
+    });
+    return {
+        data: data,
+        error,
+        mutate,
+        isValidating,
+        isLoading: !error && !data,
+    };
+}
+
+exports.default = useEventActiveReleases;
+//# sourceMappingURL=useEventActiveReleases.js.map

package/dist/cjs/hooks/data/useEventActiveReleases.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEventActiveReleases.js","sources":["../../../../src/hooks/data/useEventActiveReleases.ts"],"sourcesContent":["import useSWR from 'swr';\nimport { getEventActiveReleases } from '@modules/event';\nimport { IReleaseShort } from '@utils/types/release.type';\n\nexport default function useEventActiveReleases(\n  id?: number,\n  includeChildren?: boolean,\n  timeslotId?: number | null\n) {\n  const { data, error, mutate, isValidating } = useSWR<IReleaseShort[]>(\n    ['event-active-releases', id, includeChildren, timeslotId],\n    id\n      ? timeslotId === undefined || !!timeslotId\n        ? () => getEventActiveReleases(id, includeChildren, timeslotId)\n        : null\n      : null,\n    {\n      revalidateOnMount: true,\n    }\n  );\n\n  return {\n    data: data,\n    error,\n    mutate,\n    isValidating,\n    isLoading: !error && !data,\n  };\n}\n"],"names":["getEventActiveReleases"],"mappings":";;;;;;;AAIc,SAAU,sBAAsB,CAC5C,EAAW,EACX,eAAyB,EACzB,UAA0B,EAAA;IAE1B,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,GAAG,MAAM,CAClD,CAAC,uBAAuB,EAAE,EAAE,EAAE,eAAe,EAAE,UAAU,CAAC,EAC1D;AACE,UAAE,UAAU,KAAK,SAAS,IAAI,CAAC,CAAC;cAC5B,MAAMA,4BAAsB,CAAC,EAAE,EAAE,eAAe,EAAE,UAAU;AAC9D,cAAE;UACF,IAAI,EACR;AACE,QAAA,iBAAiB,EAAE,IAAI;AACxB,KAAA,CACF;IAED,OAAO;AACL,QAAA,IAAI,EAAE,IAAI;QACV,KAAK;QACL,MAAM;QACN,YAAY;AACZ,QAAA,SAAS,EAAE,CAAC,KAAK,IAAI,CAAC,IAAI;KAC3B;AACH;;;;"}

package/dist/cjs/hooks/data/useEventShippingMethods.js

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var useSWR = require('swr');
+var event = require('../../modules/event.js');
+
+function useEventShippingMethods(id, filters) {
+    const { data, error, mutate, isValidating } = useSWR(['event-shipping-methods', id, filters], id ? () => event.getEventShippingMethods(id, filters) : null, {
+        revalidateOnMount: true,
+    });
+    return {
+        data: data ? data : [],
+        error,
+        mutate,
+        isValidating,
+        isLoading: !error && !data,
+    };
+}
+
+exports.default = useEventShippingMethods;
+//# sourceMappingURL=useEventShippingMethods.js.map