@eventlook/sdk 1.4.44 → 1.4.46-beta.1

package/dist/esm/form/index.js

@@ -1,65 +0,0 @@
-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, seatingIframeUrl, 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, seatingIframeUrl: seatingIframeUrl }, !data || !!error ? (React.createElement(TicketFormSkeleton, null)) : (React.createElement(TicketForm, { event: data, hasGopayIdSsr: options?.hasGopayId || false, isIframe: options?.isIframe, 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

@@ -1 +0,0 @@
-{"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  seatingIframeUrl?: 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  seatingIframeUrl,\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        seatingIframeUrl={seatingIframeUrl}\n      >\n        {!data || !!error ? (\n          <TicketFormSkeleton />\n        ) : (\n          <TicketForm\n            event={data}\n            hasGopayIdSsr={options?.hasGopayId || false}\n            isIframe={options?.isIframe}\n            selectedReleaseId={selectedReleaseId}\n          />\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

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

@@ -1 +0,0 @@
-{"version":3,"file":"FeeBox.js","sources":["../../../../src/form/payment/FeeBox.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Stack, Tooltip, Typography } from '@mui/material';\nimport { fCurrency } from '@utils/formatNumber';\nimport { Iconify } from '@components/iconify';\nimport { IEvent } from '@utils/types/event.type';\nimport useResponsive from '@hooks/useResponsive';\nimport { useFormContext } from 'react-hook-form';\nimport { ITicketForm } from '@utils/types/ticket.type';\nimport useGlobal from '@hooks/useGlobal.ts';\n\ninterface Props {\n  event: IEvent;\n  align?: 'left' | 'right';\n}\n\nconst FeeBox: React.FC<Props> = ({ event, align = 'left' }) => {\n  const { t, lang } = useGlobal();\n  const xs = useResponsive('only', 'xs');\n  const { watch } = useFormContext<ITicketForm>();\n  const values = watch();\n  const isRight = align === 'right';\n\n  return (\n    <Box mb={1} textAlign={isRight ? 'right' : undefined}>\n      {values.promoCodes.length > 0 && (\n        <Stack\n          direction=\"row\"\n          justifyContent={isRight ? 'flex-end' : 'space-between'}\n          alignItems=\"center\"\n          spacing={1}\n          sx={{ color: (theme) => theme.palette.grey.A700 }}\n        >\n          <Typography variant=\"caption\" sx={{ textAlign: 'right' }}>\n            {t('form.labels.original_price')}:\n          </Typography>\n          <Typography variant=\"caption\" sx={{ textDecoration: 'line-through' }}>\n            {fCurrency(values.originalPrice, lang, event.currency)}\n          </Typography>\n        </Stack>\n      )}\n      <Stack\n        direction=\"row\"\n        justifyContent={isRight ? 'flex-end' : 'space-between'}\n        alignItems=\"center\"\n        spacing={1}\n      >\n        <Stack direction=\"row\" alignItems=\"center\" spacing={1}>\n          <Tooltip\n            title={t('form.labels.price_including_service_fee', {\n              fee: fCurrency(values.totalFee ?? 0, lang, event.currency),\n            })}\n            placement={xs ? 'top' : 'left'}\n            arrow\n            sx={{ cursor: 'help' }}\n          >\n            <Stack alignItems=\"center\">\n              <Iconify icon=\"carbon:information-filled\" />\n            </Stack>\n          </Tooltip>\n          <Typography variant=\"subtitle1\" sx={{ textAlign: 'right' }}>\n            {t('form.labels.total')}:\n          </Typography>\n        </Stack>\n        <Typography variant=\"subtitle1\">{fCurrency(values.total, lang, event.currency)}</Typography>\n      </Stack>\n      {!!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":"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"}

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

@@ -1,44 +0,0 @@
-import React, { useState } from 'react';
-import { Stack, Typography, Link, Dialog, DialogTitle, IconButton, DialogContent } from '@mui/material';
-import 'react-hook-form';
-import { RHFCheckbox } from '../../components/hook-form/RHFCheckbox.js';
-import useGlobal from '../../hooks/useGlobal.js';
-import 'framer-motion';
-import '../../components/animate/IconButtonAnimate.js';
-import '@mui/material/styles';
-import '@mui/material/useMediaQuery';
-import Iconify from '../../components/iconify/Iconify.js';
-import 'react-lazy-load-image-component';
-
-const PaymentOverviewCheckbox = ({ checkboxName, label, value, modal }) => {
-    const { t } = useGlobal();
-    const [open, setOpen] = useState(false);
-    const handleOpen = (e) => {
-        e.preventDefault();
-        e.stopPropagation();
-        setOpen(true);
-    };
-    const handleClose = () => setOpen(false);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(RHFCheckbox, { name: checkboxName, label: React.createElement(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", spacing: 1, sx: { width: '100%' } },
-                React.createElement(Typography, { variant: "caption", sx: { flex: 1 } }, label),
-                React.createElement(Stack, { alignItems: "flex-end" },
-                    React.createElement(Typography, { variant: "caption", fontWeight: "600" }, value),
-                    React.createElement(Link, { variant: "caption", onClick: handleOpen }, t('more_info')))), sx: {
-                width: 'calc(100% + 11px)',
-                mb: 0.5,
-                '& > .MuiTypography-root': {
-                    width: '100%',
-                },
-            } }),
-        React.createElement(Dialog, { open: open, onClose: handleClose, maxWidth: "sm", fullWidth: true },
-            React.createElement(DialogTitle, { sx: { display: 'flex', justifyContent: 'space-between', alignItems: 'center' } },
-                modal.title,
-                React.createElement(IconButton, { onClick: handleClose, size: "small" },
-                    React.createElement(Iconify, { icon: "carbon:close" }))),
-            React.createElement(DialogContent, null,
-                React.createElement(Typography, { variant: "body2" }, modal.description)))));
-};
-
-export { PaymentOverviewCheckbox as default };
-//# sourceMappingURL=PaymentOverviewCheckbox.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PaymentOverviewCheckbox.js","sources":["../../../../src/form/payment/PaymentOverviewCheckbox.tsx"],"sourcesContent":["import React, { JSX, useState } from 'react';\nimport {\n  Dialog,\n  DialogContent,\n  DialogTitle,\n  IconButton,\n  Link,\n  Stack,\n  Typography,\n} from '@mui/material';\nimport { RHFCheckbox } from '@components/hook-form';\nimport useGlobal from '@hooks/useGlobal.ts';\nimport { Iconify } from '@components';\n\ninterface Props {\n  checkboxName: string;\n  label: string;\n  value: string | JSX.Element;\n  modal: {\n    title: string;\n    description: string | JSX.Element;\n  };\n}\n\nconst PaymentOverviewCheckbox: React.FC<Props> = ({ checkboxName, label, value, modal }) => {\n  const { t } = useGlobal();\n  const [open, setOpen] = useState(false);\n\n  const handleOpen = (e: React.MouseEvent<HTMLAnchorElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n    setOpen(true);\n  };\n  const handleClose = () => setOpen(false);\n\n  return (\n    <>\n      <RHFCheckbox\n        name={checkboxName}\n        label={\n          <Stack\n            direction=\"row\"\n            justifyContent=\"space-between\"\n            alignItems=\"center\"\n            spacing={1}\n            sx={{ width: '100%' }}\n          >\n            <Typography variant=\"caption\" sx={{ flex: 1 }}>\n              {label}\n            </Typography>\n            <Stack alignItems=\"flex-end\">\n              <Typography variant=\"caption\" fontWeight=\"600\">\n                {value}\n              </Typography>\n              <Link variant=\"caption\" onClick={handleOpen}>\n                {t('more_info')}\n              </Link>\n            </Stack>\n          </Stack>\n        }\n        sx={{\n          width: 'calc(100% + 11px)',\n          mb: 0.5,\n          '& > .MuiTypography-root': {\n            width: '100%',\n          },\n        }}\n      />\n\n      <Dialog open={open} onClose={handleClose} maxWidth=\"sm\" fullWidth>\n        <DialogTitle\n          sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}\n        >\n          {modal.title}\n          <IconButton onClick={handleClose} size=\"small\">\n            <Iconify icon=\"carbon:close\" />\n          </IconButton>\n        </DialogTitle>\n        <DialogContent>\n          <Typography variant=\"body2\">{modal.description}</Typography>\n        </DialogContent>\n      </Dialog>\n    </>\n  );\n};\n\nexport default PaymentOverviewCheckbox;\n"],"names":[],"mappings":";;;;;;;;;;;;AAwBA,MAAM,uBAAuB,GAAoB,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAI;AACzF,IAAA,MAAM,EAAE,CAAC,EAAE,GAAG,SAAS,EAAE;IACzB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AAEvC,IAAA,MAAM,UAAU,GAAG,CAAC,CAAsC,KAAI;QAC5D,CAAC,CAAC,cAAc,EAAE;QAClB,CAAC,CAAC,eAAe,EAAE;QACnB,OAAO,CAAC,IAAI,CAAC;AACf,KAAC;IACD,MAAM,WAAW,GAAG,MAAM,OAAO,CAAC,KAAK,CAAC;AAExC,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;AACE,QAAA,KAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EACV,IAAI,EAAE,YAAY,EAClB,KAAK,EACH,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EACJ,SAAS,EAAC,KAAK,EACf,cAAc,EAAC,eAAe,EAC9B,UAAU,EAAC,QAAQ,EACnB,OAAO,EAAE,CAAC,EACV,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAA;AAErB,gBAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAC,SAAS,EAAC,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EAAA,EAC1C,KAAK,CACK;AACb,gBAAA,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,UAAU,EAAC,UAAU,EAAA;oBAC1B,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAC,SAAS,EAAC,UAAU,EAAC,KAAK,EAAA,EAC3C,KAAK,CACK;AACb,oBAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,UAAU,IACxC,CAAC,CAAC,WAAW,CAAC,CACV,CACD,CACF,EAEV,EAAE,EAAE;AACF,gBAAA,KAAK,EAAE,mBAAmB;AAC1B,gBAAA,EAAE,EAAE,GAAG;AACP,gBAAA,yBAAyB,EAAE;AACzB,oBAAA,KAAK,EAAE,MAAM;AACd,iBAAA;aACF,EAAA,CACD;AAEF,QAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAC,IAAI,EAAC,SAAS,EAAA,IAAA,EAAA;AAC/D,YAAA,KAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EACV,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,eAAe,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAA;AAE7E,gBAAA,KAAK,CAAC,KAAK;gBACZ,KAAA,CAAA,aAAA,CAAC,UAAU,IAAC,OAAO,EAAE,WAAW,EAAE,IAAI,EAAC,OAAO,EAAA;AAC5C,oBAAA,KAAA,CAAA,aAAA,CAAC,OAAO,EAAA,EAAC,IAAI,EAAC,cAAc,EAAA,CAAG,CACpB,CACD;AACd,YAAA,KAAA,CAAA,aAAA,CAAC,aAAa,EAAA,IAAA;AACZ,gBAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAC,OAAO,EAAA,EAAE,KAAK,CAAC,WAAW,CAAc,CAC9C,CACT,CACR;AAEP;;;;"}

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

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

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

@@ -1,57 +0,0 @@
-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(() => 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

@@ -1 +0,0 @@
-{"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(() => products.some((product) => product?.quantity), [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

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

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

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

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

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

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

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