@eventlook/sdk 1.4.0

package/dist/esm/form/index.js

@@ -0,0 +1,65 @@
+import 'dayjs/locale/cs';
+import 'dayjs/locale/en';
+import 'dayjs/locale/de';
+import 'dayjs/locale/es';
+import 'dayjs/locale/uk';
+import 'dayjs/locale/sk';
+import React, { useEffect } from 'react';
+import TicketForm from './TicketForm.js';
+import { GlobalProvider } from '../context/GlobalContext.js';
+import api from '../utils/axios.js';
+import dayjs from 'dayjs';
+import utc from 'dayjs/plugin/utc';
+import timezone from 'dayjs/plugin/timezone';
+import localeData from 'dayjs/plugin/localeData';
+import updateLocale from 'dayjs/plugin/updateLocale';
+import { Languages } from '../utils/data/language.js';
+import useEvent from '../hooks/data/useEvent.js';
+import TicketFormSkeleton from '../components/TicketFormSkeleton.js';
+import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
+import { LocalizationProvider } from '@mui/x-date-pickers';
+import ClientOnly from '../components/ClientOnly.js';
+import { csCZ, skSK, esES, ukUA, deDE, enUS } from '@mui/x-date-pickers/locales';
+
+const ClientRender = ({ eventSlug, apiUrl, lang, slots, options, callbacks, selectedReleaseId, links, content, }) => {
+    api.defaults.baseURL = apiUrl;
+    dayjs.extend(utc);
+    dayjs.extend(timezone);
+    dayjs.extend(localeData);
+    dayjs.extend(updateLocale);
+    ['cs', 'en', 'de', 'es', 'uk', 'sk'].forEach((loc) => {
+        dayjs.updateLocale(loc, { weekStart: 1 });
+    });
+    const { data, error } = useEvent(eventSlug);
+    useEffect(() => {
+        window.dataLayer = window.dataLayer || [];
+    }, []);
+    useEffect(() => {
+        api.defaults.headers['Accept-Language'] = lang || Languages.CS;
+    }, [lang]);
+    const getLocalizationProviderLocaleText = () => {
+        switch (lang) {
+            case 'en':
+                return enUS.components.MuiLocalizationProvider.defaultProps.localeText;
+            case 'de':
+                return deDE.components.MuiLocalizationProvider.defaultProps.localeText;
+            case 'uk':
+                return ukUA.components.MuiLocalizationProvider.defaultProps.localeText;
+            case 'es':
+                return esES.components.MuiLocalizationProvider.defaultProps.localeText;
+            case 'sk':
+                return skSK.components.MuiLocalizationProvider.defaultProps.localeText;
+            default:
+                return csCZ.components.MuiLocalizationProvider.defaultProps.localeText;
+        }
+    };
+    return (React.createElement(LocalizationProvider, { dateAdapter: AdapterDayjs, adapterLocale: lang || Languages.CS, localeText: getLocalizationProviderLocaleText() },
+        React.createElement(GlobalProvider, { lang: lang || Languages.CS, showSnackbar: slots?.showSnackbar, callbacks: callbacks, links: links, options: options, content: content }, !data || !!error ? (React.createElement(TicketFormSkeleton, null)) : (React.createElement(TicketForm, { event: data, hasGopayIdSsr: false, selectedReleaseId: selectedReleaseId })))));
+};
+function Index(props) {
+    return (React.createElement(ClientOnly, null,
+        React.createElement(ClientRender, { ...props })));
+}
+
+export { Index as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/form/index.tsx"],"sourcesContent":["import 'dayjs/locale/cs';\nimport 'dayjs/locale/en';\nimport 'dayjs/locale/de';\nimport 'dayjs/locale/es';\nimport 'dayjs/locale/uk';\nimport 'dayjs/locale/sk';\n\nimport React, { useEffect } from 'react';\nimport TicketForm from '@form/TicketForm';\nimport { GlobalProvider } from '@context/GlobalContext';\nimport api from '@utils/axios';\nimport dayjs from 'dayjs';\nimport utc from 'dayjs/plugin/utc';\nimport timezone from 'dayjs/plugin/timezone';\nimport localeData from 'dayjs/plugin/localeData';\nimport updateLocale from 'dayjs/plugin/updateLocale';\nimport { Languages } from '@utils/data/language';\nimport useEvent from '@hooks/data/useEvent';\nimport { IContent, IGlobalContext, IGlobalContextOptions } from '@utils/types/global.type';\nimport { IUser } from '@utils/types/user.type';\nimport TicketFormSkeleton from '@components/TicketFormSkeleton';\nimport { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';\nimport { LocalizationProvider } from '@mui/x-date-pickers';\nimport ClientOnly from '@components/ClientOnly';\nimport { csCZ, enUS, ukUA, esES, deDE, skSK } from '@mui/x-date-pickers/locales';\n\nexport interface OrderFormProps {\n  eventSlug: string;\n  apiUrl: string;\n  callbacks: IGlobalContext['callbacks'];\n  links: IGlobalContext['links'];\n  lang?: Languages;\n  slots?: {\n    showSnackbar: IGlobalContext['showSnackbar'];\n  };\n  user?: IUser;\n  selectedReleaseId?: number;\n  options?: IGlobalContextOptions;\n  content?: IContent;\n}\n\nconst ClientRender: React.FC<OrderFormProps> = ({\n  eventSlug,\n  apiUrl,\n  lang,\n  slots,\n  options,\n  callbacks,\n  selectedReleaseId,\n  links,\n  content,\n}) => {\n  api.defaults.baseURL = apiUrl;\n  dayjs.extend(utc);\n  dayjs.extend(timezone);\n  dayjs.extend(localeData);\n  dayjs.extend(updateLocale);\n\n  ['cs', 'en', 'de', 'es', 'uk', 'sk'].forEach((loc) => {\n    dayjs.updateLocale(loc, { weekStart: 1 });\n  });\n\n  const { data, error } = useEvent(eventSlug);\n\n  useEffect(() => {\n    window.dataLayer = window.dataLayer || [];\n  }, []);\n\n  useEffect(() => {\n    api.defaults.headers['Accept-Language'] = lang || Languages.CS;\n  }, [lang]);\n\n  const getLocalizationProviderLocaleText = () => {\n    switch (lang) {\n      case 'en':\n        return enUS.components.MuiLocalizationProvider.defaultProps.localeText;\n      case 'de':\n        return deDE.components.MuiLocalizationProvider.defaultProps.localeText;\n      case 'uk':\n        return ukUA.components.MuiLocalizationProvider.defaultProps.localeText;\n      case 'es':\n        return esES.components.MuiLocalizationProvider.defaultProps.localeText;\n      case 'sk':\n        return skSK.components.MuiLocalizationProvider.defaultProps.localeText;\n      default:\n        return csCZ.components.MuiLocalizationProvider.defaultProps.localeText;\n    }\n  };\n\n  return (\n    <LocalizationProvider\n      dateAdapter={AdapterDayjs}\n      adapterLocale={lang || Languages.CS}\n      localeText={getLocalizationProviderLocaleText()}\n    >\n      <GlobalProvider\n        lang={lang || Languages.CS}\n        showSnackbar={slots?.showSnackbar}\n        callbacks={callbacks}\n        links={links}\n        options={options}\n        content={content}\n      >\n        {!data || !!error ? (\n          <TicketFormSkeleton />\n        ) : (\n          <TicketForm event={data} hasGopayIdSsr={false} selectedReleaseId={selectedReleaseId} />\n        )}\n      </GlobalProvider>\n    </LocalizationProvider>\n  );\n};\n\nexport default function Index(props: OrderFormProps) {\n  return (\n    <ClientOnly>\n      <ClientRender {...props} />\n    </ClientOnly>\n  );\n}\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,38 @@
+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.promoCode && (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))),
+        !!values.totalFee && (React.createElement(Typography, { variant: "caption", sx: {
+                color: (theme) => theme.palette.grey.A700,
+            } }, t('form.labels.with_fee')))));
+};
+
+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 { 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":[],"mappings":";;;;;;;;AAgBA,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,SAAS,KACf,oBAAC,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;AACR,YAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAC,WAAW,EAAA,EAAE,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAc,CACtF;AACP,QAAA,CAAC,CAAC,MAAM,CAAC,QAAQ,KAChB,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EACT,OAAO,EAAC,SAAS,EACjB,EAAE,EAAE;AACF,gBAAA,KAAK,EAAE,CAAC,KAAK,KAAK,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;aAC1C,EAAA,EAEA,CAAC,CAAC,sBAAsB,CAAC,CACf,CACd,CACG;AAEV;;;;"}

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,59 @@
+import { Card, Stack, Typography, Button } from '@mui/material';
+import Iconify from '../../components/iconify/Iconify.js';
+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';
+
+const ProductCard = ({ eventProduct, eventId, isOnlyMerchandise }) => {
+    const { t } = useGlobal();
+    const [openVariantDialog, setOpenVariantDialog] = useState(false);
+    const { setValue } = useFormContext();
+    const tickets = useWatch({ name: `tickets.${eventId}`, defaultValue: [] });
+    const products = 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 = useMemo(() => {
+        return products.some((product) => product?.quantity);
+    }, [products]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Card, { sx: { p: 2 } },
+            React.createElement(Stack, { spacing: 1 },
+                React.createElement(Image, { src: eventProduct.product.previewImage.url, ratio: "1/1", sx: { borderRadius: 2 } }),
+                React.createElement(Typography, { variant: "h5" }, eventProduct.product.name),
+                React.createElement(Typography, { variant: "caption", dangerouslySetInnerHTML: { __html: eventProduct.product.description }, sx: {
+                        height: 44,
+                        textOverflow: 'ellipsis',
+                        overflow: 'hidden',
+                        display: '-webkit-box',
+                        WebkitLineClamp: 2,
+                        WebkitBoxOrient: 'vertical',
+                    } }),
+                React.createElement(Button, { variant: "contained", onClick: () => setOpenVariantDialog(true), fullWidth: true, startIcon: eventNotEmpty ? React.createElement(Iconify, { icon: "eva:edit-fill" }) : React.createElement(Iconify, { icon: "eva:plus-fill" }) }, 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 { 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":[],"mappings":"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"}

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

@@ -0,0 +1,169 @@
+import React, { useState, useEffect } from 'react';
+import { Dialog, DialogTitle, DialogContent, Stack, Typography, DialogActions, Button, Badge, IconButton } 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';
+import 'framer-motion';
+import '../../components/animate/IconButtonAnimate.js';
+import '@mui/material/styles';
+import '@mui/material/useMediaQuery';
+import Iconify from '../../components/iconify/Iconify.js';
+
+const ProductVariantsDialog = ({ eventProduct, openDialog, onClose, callback, selectedQuantityByVariant, isOnlyMerchandise, eventId, }) => {
+    const { t, lang, options } = useGlobal();
+    const { showSnackbar } = useGlobal();
+    const [selectedVariant, setSelectedVariant] = useState(null);
+    const [variantPrice, setVariantPrice] = useState(null);
+    const [variantQuantity, setVariantQuantity] = useState(1);
+    const [isVariantClicked, setIsVariantClicked] = useState(false);
+    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 (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(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, null),
+        React.createElement(DialogContent, null,
+            React.createElement(Stack, { spacing: 1 },
+                React.createElement(Image, { src: eventProduct.product.previewImage.url, alt: eventProduct.product.name, ratio: "1/1", sx: { borderRadius: 2 } }),
+                React.createElement(Typography, { variant: "h5" }, eventProduct.product.name),
+                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, { direction: "row", spacing: 1, flexWrap: "wrap", useFlexGap: true, textAlign: "left" }, eventProduct.eventProductVariants.map((variant) => (React.createElement(Button, { key: variant.id, onClick: () => handleOnClick(variant), variant: variant.id === selectedVariant?.eventProductVariantId ? 'contained' : 'outlined', size: "large", disabled: isOnlyMerchandise ? false : isVariantDisabled(variant) },
+                    React.createElement(Badge, { color: "primary", badgeContent: selectedQuantityByVariant ? selectedQuantityByVariant[variant.id] : 0, sx: { position: 'unset' } }, variant.productVariant.value))))),
+                React.createElement(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", pt: 1 },
+                    selectedVariant && isOnlyMerchandise && (React.createElement(Stack, { direction: "row", alignItems: "center", spacing: 1 },
+                        React.createElement(IconButton, { size: "small", color: "primary", onClick: handleRemoveQuantity, disabled: variantQuantity < 1 },
+                            React.createElement(Iconify, { icon: "eva:minus-fill" })),
+                        React.createElement(Typography, { color: "grey.500" }, variantQuantity),
+                        React.createElement(IconButton, { size: "small", color: "primary", onClick: handleAddQuantity, disabled: isVariantSoldOut() },
+                            React.createElement(Iconify, { icon: "eva:plus-fill" })))),
+                    React.createElement(Typography, { variant: "h4", textAlign: "right", mt: 0 }, variantPrice !== null
+                        ? variantPrice > 0
+                            ? fCurrency(variantPrice, lang, eventProduct.product.currency)
+                            : t('free')
+                        : t('unselected'))),
+                React.createElement(Stack, { direction: "row", spacing: 1, justifyContent: "flex-end", width: "100%" },
+                    onClose && React.createElement(Button, { onClick: onClose }, t('cancel')),
+                    React.createElement(Button, { variant: "contained", onClick: handleOnAdd, disabled: !selectedVariant }, 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  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":[],"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;;;;"}

package/dist/esm/form/style.js

@@ -0,0 +1,44 @@
+import { styled } from '@mui/material/styles';
+import { Card, Box, FormControl } from '@mui/material';
+
+const OverviewCard = styled(Card)(({ theme, stickyHeaderTop }) => ({
+    position: 'sticky',
+    top: stickyHeaderTop,
+}));
+const ShippingMethodItem = styled(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 = styled(FormControl)(() => ({
+    width: '100%',
+}));
+const PaymentItem = styled(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 = styled(Box)(() => ({
+    width: '100%',
+}));
+
+export { OverviewCard, PaymentItem, PaymentSwiftWrapper, PaymentWrapper, ShippingMethodItem };
+//# sourceMappingURL=style.js.map

package/dist/esm/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":[],"mappings":";;;AAGO,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,CACtC,CAAC,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM;AAC/B,IAAA,QAAQ,EAAE,QAAQ;AAClB,IAAA,GAAG,EAAE,eAAe;AACrB,CAAA,CAAC;AAGG,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,EAAE;IAC5C,iBAAiB,EAAE,CAAC,IAAI,KAAK,IAAI,KAAK,QAAQ;CAC/C,CAAC,CAAsB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM;AAC9C,IAAA,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAC9B,MAAM,EAAE,aAAa,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,CAAE;AACpF,IAAA,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC3B,IAAA,KAAK,EAAE,MAAM;IACb,OAAO,EAAE,KAAK,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA,CAAE;AAChC,IAAA,kBAAkB,EAAE,KAAK;AAEzB,IAAA,+BAA+B,EAAE;AAC/B,QAAA,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA,EAAA,CAAI;AACjC,KAAA;AACF,CAAA,CAAC;AAEK,MAAM,cAAc,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC,OAAO;AACvD,IAAA,KAAK,EAAE,MAAM;AACd,CAAA,CAAC;AAEK,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,EAAE;IACrC,iBAAiB,EAAE,CAAC,IAAI,KAAK,IAAI,KAAK,QAAQ;CAC/C,CAAC,CAAsB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM;AAC9C,IAAA,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAC9B,MAAM,EAAE,aAAa,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,CAAE;AACpF,IAAA,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC3B,IAAA,KAAK,EAAE,MAAM;IACb,OAAO,EAAE,KAAK,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA,CAAE;AAChC,IAAA,kBAAkB,EAAE,KAAK;AAEzB,IAAA,+BAA+B,EAAE;AAC/B,QAAA,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA,EAAA,CAAI;AACjC,KAAA;AACF,CAAA,CAAC;AAEK,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,OAAO;AACpD,IAAA,KAAK,EAAE,MAAM;AACd,CAAA,CAAC;;;;"}

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

@@ -0,0 +1,53 @@
+import React from 'react';
+import dayjs from 'dayjs';
+import { DateCalendar, PickersDay } from '@mui/x-date-pickers';
+import { Box } from '@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(Box, null,
+        React.createElement(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(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],
+        } }));
+};
+
+export { TimeslotCalendar as default };
+//# sourceMappingURL=TimeslotCalendar.js.map

package/dist/esm/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":[],"mappings":"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"}

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

@@ -0,0 +1,18 @@
+import useSWR from 'swr';
+import { getActiveEventProducts } from '../../modules/event.js';
+
+function useActiveEventProducts(id, inlcudeChildren) {
+    const { data, error, mutate, isValidating } = useSWR(['active-event-products', id, inlcudeChildren], id ? () => getActiveEventProducts(id, inlcudeChildren) : null, {
+        revalidateOnMount: true,
+    });
+    return {
+        data: data ? data : [],
+        error,
+        mutate,
+        isValidating,
+        isLoading: !error && !data,
+    };
+}
+
+export { useActiveEventProducts as default };
+//# sourceMappingURL=useActiveEventProducts.js.map

package/dist/esm/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":[],"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,MAAM,sBAAsB,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/esm/hooks/data/useAllowedPaymentMethods.js

@@ -0,0 +1,18 @@
+import useSWR from 'swr';
+import { getAllowedPaymentMethods } from '../../modules/order.js';
+
+function useAllowedPaymentMethods(currency, eventId) {
+    const { data, error, mutate, isValidating } = useSWR(['allowed-payment-methods', currency, eventId], () => getAllowedPaymentMethods(currency), {
+        revalidateOnMount: true,
+    });
+    return {
+        data,
+        error,
+        mutate,
+        isValidating,
+        isLoading: !error && !data,
+    };
+}
+
+export { useAllowedPaymentMethods as default };
+//# sourceMappingURL=useAllowedPaymentMethods.js.map