@eventlook/sdk 1.4.45 → 1.4.46-beta.2

package/dist/esm/form/PaymentSuccess.js

@@ -1,199 +0,0 @@
-import { varBounce } from '../components/animate/variants/bounce.js';
-import React, { useState, useEffect } from 'react';
-import { m } from 'framer-motion';
-import { Box, Grid, Typography, Card, Button, Link, LinearProgress } from '@mui/material';
-import '../components/animate/IconButtonAnimate.js';
-import useResponsive from '../hooks/useResponsive.js';
-import MotionContainer from '../components/animate/MotionContainer.js';
-import Iconify from '../components/iconify/Iconify.js';
-import Image from '../components/Image.js';
-import { getSearchParamsInObject } from '../utils/url.js';
-import { postOrderPaid } from '../modules/order.js';
-import { GopayState } from '../utils/data/gopay.js';
-import { getPlaceAsString } from '../utils/place.js';
-import { fCurrency } from '../utils/formatNumber.js';
-import { useTheme } from '@mui/material/styles';
-import dayjs from 'dayjs';
-import useGlobal from '../hooks/useGlobal.js';
-import { Trans } from '../components/Trans.js';
-import { getGtmPurchasePaid, gtmPurchasePaid, mapUserToUserData } from '../utils/gtm.js';
-
-const PaymentSuccess = ({ setIsPaying, isIframe, pixels }) => {
-    const { showSnackbar, t, lang, callbacks, content, user } = useGlobal();
-    const theme = useTheme();
-    const defaultState = 'PROCESSING';
-    const errorState = 'ERROR';
-    const [tickets, setTickets] = useState([]);
-    const [products, setProducts] = useState([]);
-    const [state, setState] = useState(defaultState);
-    const [title, setTitle] = useState(t('event.tickets.payment_success.loading'));
-    const [description, setDescription] = useState(null);
-    const [gwUrl, setGwUrl] = useState('');
-    const isMobile = useResponsive('down', 'sm');
-    useEffect(() => {
-        setIsPaying(false);
-        checkStatus();
-    }, []);
-    const checkStatus = async () => {
-        const searchParams = getSearchParamsInObject(window.location.search);
-        const paymentId = searchParams.id;
-        try {
-            const { data } = await postOrderPaid({
-                gopayId: Number(paymentId),
-            });
-            const tickets = data.tickets;
-            setTickets(tickets);
-            const products = data.products;
-            setProducts(products);
-            setState(data.state);
-            setGwUrl(data.gwUrl);
-            const items = [
-                ...data.tickets.map((ticket) => ({
-                    item_id: ticket.number,
-                    item_name: `${ticket.eventName} - ${ticket.releaseCategoryName} - ${ticket.releaseName}`,
-                    price: ticket.price,
-                    quantity: 1,
-                })),
-            ];
-            if (data.extraFee) {
-                items.push({
-                    item_id: 'service_fee',
-                    item_name: `Service fee`,
-                    price: data.extraFee,
-                    quantity: 1,
-                });
-            }
-            const item = {
-                currency: data.currency,
-                value: data.totalPrice,
-                tax: 0,
-                payment_type: data.paymentType,
-                transaction_id: String(data.orderNumber),
-                coupon: data?.promoCodes?.map((p) => p.code) || [],
-                items,
-            };
-            switch (data.state) {
-                case GopayState.PAID:
-                    setTitle('event.tickets.payment_success.paid.title');
-                    if (isIframe) {
-                        setTimeout(() => {
-                            parent.postMessage({
-                                type: 'eventlookFrameGtm',
-                                item: getGtmPurchasePaid(item, pixels),
-                            }, '*');
-                        }, 1000);
-                    }
-                    else {
-                        gtmPurchasePaid(item, pixels, user ? mapUserToUserData(user) : undefined);
-                    }
-                    break;
-                default:
-                    setTitle('event.tickets.payment_success.unpaid');
-                    setDescription('event.tickets.payment_success.unpaid_description');
-                    break;
-            }
-        }
-        catch (error) {
-            setState(errorState);
-            setTitle(error.message);
-            showSnackbar(error.message, { variant: 'error' });
-        }
-    };
-    return (React.createElement(MotionContainer, { className: "iframe__payment-success" }, state === GopayState.PAID ? (React.createElement(Box, null,
-        React.createElement(Grid, { container: true, spacing: 3, mb: 6 },
-            React.createElement(Grid, { display: "flex", item: true, xs: 12, sm: 6, alignItems: "center" },
-                React.createElement(m.div, { variants: varBounce().in },
-                    React.createElement(Typography, { variant: "h5", component: "div", color: "primary.main", mb: 2, sx: { textTransform: 'uppercase' } },
-                        React.createElement(Trans, { text: content?.paymentConfirmation?.status ||
-                                'event.tickets.payment_success.paid.status' })),
-                    React.createElement(Typography, { variant: "h1", mb: 4 },
-                        React.createElement(Trans, { text: content?.paymentConfirmation?.title ||
-                                'event.tickets.payment_success.paid.title' })),
-                    React.createElement(Typography, { variant: "subtitle1", component: "div", color: "text.secondary", sx: { maxWidth: 450 } },
-                        React.createElement(Trans, { text: content?.paymentConfirmation?.subtitle ||
-                                'event.tickets.payment_success.paid.subtitle' })))),
-            !isMobile && (React.createElement(Grid, { item: true, xs: 12, sm: 6, display: "flex", justifyContent: "center" },
-                React.createElement(m.div, { variants: varBounce().in }, content?.paymentConfirmation?.image ? (React.createElement(Image, { src: content.paymentConfirmation.image.src, width: "100%", maxWidth: content.paymentConfirmation.image.maxWidth })) : (React.createElement(Image, { src: "https://eventigo.s3-central.vshosting.cloud/production/payment_success.png", alt: "Payment success", maxWidth: 400 })))))),
-        tickets.length > 0 && (React.createElement(React.Fragment, null,
-            React.createElement(m.div, { variants: varBounce().in },
-                React.createElement(Typography, { variant: "h2", textAlign: "center", mb: 4 }, t('event.tickets.payment_success.paid.tickets'))),
-            React.createElement(Grid, { container: true, justifyContent: "center", spacing: 5, mb: 6 }, tickets.map((item, index) => (React.createElement(Grid, { key: index, item: true, xs: 12, sm: 6, textAlign: "center" },
-                React.createElement(m.div, { variants: varBounce().in },
-                    React.createElement(Card, { sx: { px: 2, py: 4 } },
-                        React.createElement(Box, { component: "div", display: "inline-block", sx: {
-                                width: 28,
-                                height: 28,
-                                borderRadius: '50%',
-                                backgroundColor: 'primary.main',
-                                color: 'grey.0',
-                                fontWeight: 700,
-                            }, mb: 2 }, index + 1),
-                        React.createElement(Typography, { variant: "h3" }, item.eventName),
-                        React.createElement(Typography, { variant: "h6", mb: 2 }, getPlaceAsString(item.location)),
-                        React.createElement(Typography, { variant: "h3" }, item.releaseCategoryName),
-                        item.firstName && item.lastName && (React.createElement(Typography, { variant: "h5" }, `${item.firstName} ${item.lastName}`)),
-                        React.createElement(Typography, { variant: "h5", mb: 3 }, fCurrency(item.price, lang, item.currency)),
-                        item.eventTimeslot && (React.createElement(Typography, { variant: "h5" }, dayjs(item.eventTimeslot.startDate).format('DD.MM.YYYY HH:mm'))),
-                        React.createElement(Image, { src: item.qrUrl, alt: "QR Code", maxWidth: 200, border: `3px solid ${theme.palette.grey['800']}`, mb: 2 }),
-                        item.pdfUrl && (React.createElement(Button, { href: item.pdfUrl, target: "_blank", variant: "contained", sx: { mb: 2 } }, t('event.tickets.payment_success.paid.button'))),
-                        item.applePassWalletUrl && (React.createElement(Link, { href: item.applePassWalletUrl, target: "_blank", display: "block" },
-                            React.createElement(Box, { sx: { maxWidth: 180, mx: 'auto', mb: 2 } },
-                                React.createElement(Image, { src: `https://eventigo.s3-central.vshosting.cloud/production/apple-wallet/${lang}.png`, alt: t('apple_wallet'), objectFit: "contain", sx: { height: 47 } })))),
-                        item.googlePassWalletUrl && (React.createElement(Link, { href: item.googlePassWalletUrl, target: "_blank", display: "block" },
-                            React.createElement(Box, { sx: { maxWidth: 180, mx: 'auto', mb: 2 } },
-                                React.createElement(Image, { src: `https://eventigo.s3-central.vshosting.cloud/production/google-wallet/${lang}.png`, alt: t('google_wallet'), objectFit: "contain", sx: { height: 47 } })))),
-                        React.createElement(Box, { maxWidth: 300, mx: "auto", px: 2, borderRadius: 1, color: "grey.0", sx: {
-                                fontWeight: 700,
-                                backgroundColor: 'primary.main',
-                            }, className: "iframe__payment-success__ticket" }, item.number))))))))),
-        products.length > 0 && (React.createElement(React.Fragment, null,
-            React.createElement(m.div, { variants: varBounce().in },
-                React.createElement(Typography, { variant: "h2", textAlign: "center", mb: 4 }, t('event.tickets.payment_success.paid.products'))),
-            React.createElement(Grid, { container: true, justifyContent: "center", spacing: 5, mb: 6 }, products.map((item, index) => (React.createElement(Grid, { key: index, item: true, xs: 12, sm: 6, md: 4, textAlign: "center" },
-                React.createElement(m.div, { variants: varBounce().in },
-                    React.createElement(Card, { sx: { px: 2, py: 4 } },
-                        React.createElement(Box, { component: "div", display: "inline-block", sx: {
-                                width: 28,
-                                height: 28,
-                                borderRadius: '50%',
-                                backgroundColor: 'primary.main',
-                                color: 'grey.0',
-                                fontWeight: 700,
-                            }, mb: 2 }, index + 1),
-                        React.createElement(Typography, { variant: "h3" }, item.name),
-                        React.createElement(Typography, { variant: "h6", mb: 2 }, item.variantName),
-                        React.createElement(Typography, { variant: "h5", mb: 3 }, fCurrency(item.price, lang, item.currency)),
-                        React.createElement(Image, { src: item.imageUrl, alt: "Product preview", maxWidth: 200, mb: 2, borderRadius: 2 }))))))))),
-        !isIframe && (React.createElement(Box, { textAlign: "center" },
-            React.createElement(CustomButton, { onClick: callbacks.homepage, startIcon: React.createElement(Iconify, { icon: "eva:home-fill" }) }, t('go_home')))))) : (React.createElement(Box, { sx: { textAlign: 'center', py: 4 } },
-        React.createElement(m.div, { variants: varBounce().in },
-            React.createElement(Typography, { variant: "h4", sx: { mb: 2, maxWidth: 600, mx: 'auto' } },
-                React.createElement(Trans, { text: title, components: {
-                        br: React.createElement("br", { key: "br" }),
-                    } })),
-            description && (React.createElement(Typography, { variant: "body1", sx: { mb: 2, maxWidth: 600, mx: 'auto' } },
-                React.createElement(Trans, { text: description, components: {
-                        br: React.createElement("br", { key: "br" }),
-                    } })))),
-        state === errorState ? (React.createElement(React.Fragment, null,
-            React.createElement(m.div, { variants: varBounce().in },
-                React.createElement(Iconify, { icon: "eva:close-circle-fill", sx: {
-                        color: 'error.main',
-                        width: (theme) => theme.spacing(20),
-                        height: (theme) => theme.spacing(20),
-                    } })),
-            !isIframe && (React.createElement(Button, { onClick: callbacks.tickets, startIcon: React.createElement(Iconify, { icon: "eva:arrow-back-fill" }) }, t('back_to_tickets'))))) : state !== defaultState ? (React.createElement(React.Fragment, null,
-            React.createElement(m.div, { variants: varBounce().in },
-                React.createElement(Iconify, { icon: "eva:alert-triangle-fill", sx: {
-                        color: 'warning.main',
-                        width: (theme) => theme.spacing(20),
-                        height: (theme) => theme.spacing(20),
-                    } })),
-            !isIframe && (React.createElement(CustomButton, { url: gwUrl, endIcon: React.createElement(Iconify, { icon: "eva:external-link-outline" }) }, t('pay'))))) : (React.createElement(LinearProgress, { sx: { width: 1, maxWidth: 320, mx: 'auto' } }))))));
-};
-const CustomButton = ({ onClick, url, children, startIcon, endIcon, }) => (React.createElement(Button, { onClick: onClick, href: url, size: "large", color: "primary", variant: "contained", startIcon: startIcon, endIcon: endIcon, sx: {
-        mt: 2,
-    } }, children));
-
-export { PaymentSuccess as default };
-//# sourceMappingURL=PaymentSuccess.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PaymentSuccess.js","sources":["../../../src/form/PaymentSuccess.tsx"],"sourcesContent":["import { Iconify, Image, MotionContainer, varBounce } from '@components';\nimport { Box, Button, Card, Grid, LinearProgress, Link, Typography } from '@mui/material';\nimport React, { Dispatch, SetStateAction, useEffect, useState } from 'react';\nimport { getSearchParamsInObject } from '@utils/url';\nimport { postOrderPaid } from '@modules/order';\nimport { m } from 'framer-motion';\nimport { GopayState } from '@utils/data/gopay';\nimport { PropsWithChildren } from '@utils/types/global.type';\nimport { IPaidTicket } from '@utils/types/ticket.type';\nimport useResponsive from '@hooks/useResponsive';\nimport { getPlaceAsString } from '@utils/place';\nimport { fCurrency } from '@utils/formatNumber';\nimport { useTheme } from '@mui/material/styles';\nimport { IPaidProduct } from '@utils/types/product.type';\nimport dayjs from 'dayjs';\nimport useGlobal from '@hooks/useGlobal';\nimport { Trans } from '@components/Trans';\nimport { getGtmPurchasePaid, gtmPurchasePaid, mapUserToUserData } from '@utils/gtm.ts';\nimport { IPixels } from '@utils/types/gtm.type.ts';\n\ninterface Props {\n  setIsPaying: Dispatch<SetStateAction<boolean>>;\n  isIframe?: boolean;\n  pixels?: IPixels;\n}\n\nconst PaymentSuccess: React.FC<Props> = ({ setIsPaying, isIframe, pixels }) => {\n  const { showSnackbar, t, lang, callbacks, content, user } = useGlobal();\n  const theme = useTheme();\n  const defaultState = 'PROCESSING';\n  const errorState = 'ERROR';\n  const [tickets, setTickets] = useState<IPaidTicket[]>([]);\n  const [products, setProducts] = useState<IPaidProduct[]>([]);\n  const [state, setState] = useState<string>(defaultState);\n  const [title, setTitle] = useState<string>(t('event.tickets.payment_success.loading'));\n  const [description, setDescription] = useState<string | null>(null);\n  const [gwUrl, setGwUrl] = useState<string>('');\n  const isMobile = useResponsive('down', 'sm');\n\n  useEffect(() => {\n    setIsPaying(false);\n    checkStatus();\n  }, []);\n\n  const checkStatus = async () => {\n    const searchParams = getSearchParamsInObject(window.location.search);\n    const paymentId = searchParams.id;\n\n    try {\n      const { data } = await postOrderPaid({\n        gopayId: Number(paymentId),\n      });\n      const tickets = data.tickets;\n      setTickets(tickets);\n      const products = data.products;\n      setProducts(products);\n      setState(data.state);\n      setGwUrl(data.gwUrl);\n\n      const items = [\n        ...data.tickets.map((ticket) => ({\n          item_id: ticket.number,\n          item_name: `${ticket.eventName} - ${ticket.releaseCategoryName} - ${ticket.releaseName}`,\n          price: ticket.price,\n          quantity: 1,\n        })),\n      ];\n      if (data.extraFee) {\n        items.push({\n          item_id: 'service_fee',\n          item_name: `Service fee`,\n          price: data.extraFee,\n          quantity: 1,\n        });\n      }\n      const item = {\n        currency: data.currency,\n        value: data.totalPrice,\n        tax: 0,\n        payment_type: data.paymentType,\n        transaction_id: String(data.orderNumber),\n        coupon: data?.promoCodes?.map((p) => p.code) || [],\n        items,\n      };\n\n      switch (data.state) {\n        case GopayState.PAID:\n          setTitle('event.tickets.payment_success.paid.title');\n          if (isIframe) {\n            setTimeout(() => {\n              parent.postMessage(\n                {\n                  type: 'eventlookFrameGtm',\n                  item: getGtmPurchasePaid(item, pixels),\n                },\n                '*'\n              );\n            }, 1000);\n          } else {\n            gtmPurchasePaid(item, pixels, user ? mapUserToUserData(user) : undefined);\n          }\n          break;\n        default:\n          setTitle('event.tickets.payment_success.unpaid');\n          setDescription('event.tickets.payment_success.unpaid_description');\n          break;\n      }\n    } catch (error: any) {\n      setState(errorState);\n      setTitle(error.message);\n      showSnackbar(error.message, { variant: 'error' });\n    }\n  };\n\n  return (\n    <MotionContainer className=\"iframe__payment-success\">\n      {state === GopayState.PAID ? (\n        <Box>\n          <Grid container spacing={3} mb={6}>\n            <Grid display=\"flex\" item xs={12} sm={6} alignItems=\"center\">\n              <m.div variants={varBounce().in}>\n                <Typography\n                  variant=\"h5\"\n                  component=\"div\"\n                  color=\"primary.main\"\n                  mb={2}\n                  sx={{ textTransform: 'uppercase' }}\n                >\n                  <Trans\n                    text={\n                      content?.paymentConfirmation?.status ||\n                      'event.tickets.payment_success.paid.status'\n                    }\n                  />\n                </Typography>\n                <Typography variant=\"h1\" mb={4}>\n                  <Trans\n                    text={\n                      content?.paymentConfirmation?.title ||\n                      'event.tickets.payment_success.paid.title'\n                    }\n                  />\n                </Typography>\n                <Typography\n                  variant=\"subtitle1\"\n                  component=\"div\"\n                  color=\"text.secondary\"\n                  sx={{ maxWidth: 450 }}\n                >\n                  <Trans\n                    text={\n                      content?.paymentConfirmation?.subtitle ||\n                      'event.tickets.payment_success.paid.subtitle'\n                    }\n                  />\n                </Typography>\n              </m.div>\n            </Grid>\n            {!isMobile && (\n              <Grid item xs={12} sm={6} display=\"flex\" justifyContent=\"center\">\n                <m.div variants={varBounce().in}>\n                  {content?.paymentConfirmation?.image ? (\n                    <Image\n                      src={content.paymentConfirmation.image.src}\n                      width=\"100%\"\n                      maxWidth={content.paymentConfirmation.image.maxWidth}\n                    />\n                  ) : (\n                    <Image\n                      src=\"https://eventigo.s3-central.vshosting.cloud/production/payment_success.png\"\n                      alt=\"Payment success\"\n                      maxWidth={400}\n                    />\n                  )}\n                </m.div>\n              </Grid>\n            )}\n          </Grid>\n          {tickets.length > 0 && (\n            <>\n              <m.div variants={varBounce().in}>\n                <Typography variant=\"h2\" textAlign=\"center\" mb={4}>\n                  {t('event.tickets.payment_success.paid.tickets')}\n                </Typography>\n              </m.div>\n              <Grid container justifyContent=\"center\" spacing={5} mb={6}>\n                {tickets.map((item, index) => (\n                  <Grid key={index} item xs={12} sm={6} textAlign=\"center\">\n                    <m.div variants={varBounce().in}>\n                      <Card sx={{ px: 2, py: 4 }}>\n                        <Box\n                          component=\"div\"\n                          display=\"inline-block\"\n                          sx={{\n                            width: 28,\n                            height: 28,\n                            borderRadius: '50%',\n                            backgroundColor: 'primary.main',\n                            color: 'grey.0',\n                            fontWeight: 700,\n                          }}\n                          mb={2}\n                        >\n                          {index + 1}\n                        </Box>\n                        <Typography variant=\"h3\">{item.eventName}</Typography>\n                        <Typography variant=\"h6\" mb={2}>\n                          {getPlaceAsString(item.location)}\n                        </Typography>\n                        <Typography variant=\"h3\">{item.releaseCategoryName}</Typography>\n                        {item.firstName && item.lastName && (\n                          <Typography variant=\"h5\">{`${item.firstName} ${item.lastName}`}</Typography>\n                        )}\n                        <Typography variant=\"h5\" mb={3}>\n                          {fCurrency(item.price, lang, item.currency)}\n                        </Typography>\n                        {item.eventTimeslot && (\n                          <Typography variant=\"h5\">\n                            {dayjs(item.eventTimeslot.startDate).format('DD.MM.YYYY HH:mm')}\n                          </Typography>\n                        )}\n                        <Image\n                          src={item.qrUrl}\n                          alt=\"QR Code\"\n                          maxWidth={200}\n                          border={`3px solid ${theme.palette.grey['800']}`}\n                          mb={2}\n                        />\n                        {item.pdfUrl && (\n                          <Button\n                            href={item.pdfUrl}\n                            target=\"_blank\"\n                            variant=\"contained\"\n                            sx={{ mb: 2 }}\n                          >\n                            {t('event.tickets.payment_success.paid.button')}\n                          </Button>\n                        )}\n                        {item.applePassWalletUrl && (\n                          <Link href={item.applePassWalletUrl} target=\"_blank\" display=\"block\">\n                            <Box sx={{ maxWidth: 180, mx: 'auto', mb: 2 }}>\n                              <Image\n                                src={`https://eventigo.s3-central.vshosting.cloud/production/apple-wallet/${lang}.png`}\n                                alt={t('apple_wallet')}\n                                objectFit=\"contain\"\n                                sx={{ height: 47 }}\n                              />\n                            </Box>\n                          </Link>\n                        )}\n                        {item.googlePassWalletUrl && (\n                          <Link href={item.googlePassWalletUrl} target=\"_blank\" display=\"block\">\n                            <Box sx={{ maxWidth: 180, mx: 'auto', mb: 2 }}>\n                              <Image\n                                src={`https://eventigo.s3-central.vshosting.cloud/production/google-wallet/${lang}.png`}\n                                alt={t('google_wallet')}\n                                objectFit=\"contain\"\n                                sx={{ height: 47 }}\n                              />\n                            </Box>\n                          </Link>\n                        )}\n                        <Box\n                          maxWidth={300}\n                          mx=\"auto\"\n                          px={2}\n                          borderRadius={1}\n                          color=\"grey.0\"\n                          sx={{\n                            fontWeight: 700,\n                            backgroundColor: 'primary.main',\n                          }}\n                          className=\"iframe__payment-success__ticket\"\n                        >\n                          {item.number}\n                        </Box>\n                      </Card>\n                    </m.div>\n                  </Grid>\n                ))}\n              </Grid>\n            </>\n          )}\n          {products.length > 0 && (\n            <>\n              <m.div variants={varBounce().in}>\n                <Typography variant=\"h2\" textAlign=\"center\" mb={4}>\n                  {t('event.tickets.payment_success.paid.products')}\n                </Typography>\n              </m.div>\n              <Grid container justifyContent=\"center\" spacing={5} mb={6}>\n                {products.map((item, index) => (\n                  <Grid key={index} item xs={12} sm={6} md={4} textAlign=\"center\">\n                    <m.div variants={varBounce().in}>\n                      <Card sx={{ px: 2, py: 4 }}>\n                        <Box\n                          component=\"div\"\n                          display=\"inline-block\"\n                          sx={{\n                            width: 28,\n                            height: 28,\n                            borderRadius: '50%',\n                            backgroundColor: 'primary.main',\n                            color: 'grey.0',\n                            fontWeight: 700,\n                          }}\n                          mb={2}\n                        >\n                          {index + 1}\n                        </Box>\n                        <Typography variant=\"h3\">{item.name}</Typography>\n                        <Typography variant=\"h6\" mb={2}>\n                          {item.variantName}\n                        </Typography>\n                        <Typography variant=\"h5\" mb={3}>\n                          {fCurrency(item.price, lang, item.currency)}\n                        </Typography>\n                        <Image\n                          src={item.imageUrl}\n                          alt=\"Product preview\"\n                          maxWidth={200}\n                          mb={2}\n                          borderRadius={2}\n                        />\n                      </Card>\n                    </m.div>\n                  </Grid>\n                ))}\n              </Grid>\n            </>\n          )}\n          {!isIframe && (\n            <Box textAlign=\"center\">\n              <CustomButton\n                onClick={callbacks.homepage}\n                startIcon={<Iconify icon=\"eva:home-fill\" />}\n              >\n                {t('go_home')}\n              </CustomButton>\n            </Box>\n          )}\n        </Box>\n      ) : (\n        <Box sx={{ textAlign: 'center', py: 4 }}>\n          <m.div variants={varBounce().in}>\n            <Typography variant=\"h4\" sx={{ mb: 2, maxWidth: 600, mx: 'auto' }}>\n              <Trans\n                text={title}\n                components={{\n                  br: <br key=\"br\" />,\n                }}\n              />\n            </Typography>\n            {description && (\n              <Typography variant=\"body1\" sx={{ mb: 2, maxWidth: 600, mx: 'auto' }}>\n                <Trans\n                  text={description}\n                  components={{\n                    br: <br key=\"br\" />,\n                  }}\n                />\n              </Typography>\n            )}\n          </m.div>\n          {state === errorState ? (\n            <>\n              <m.div variants={varBounce().in}>\n                <Iconify\n                  icon=\"eva:close-circle-fill\"\n                  sx={{\n                    color: 'error.main',\n                    width: (theme) => theme.spacing(20),\n                    height: (theme) => theme.spacing(20),\n                  }}\n                />\n              </m.div>\n              {!isIframe && (\n                <Button\n                  onClick={callbacks.tickets}\n                  startIcon={<Iconify icon=\"eva:arrow-back-fill\" />}\n                >\n                  {t('back_to_tickets')}\n                </Button>\n              )}\n            </>\n          ) : state !== defaultState ? (\n            <>\n              <m.div variants={varBounce().in}>\n                <Iconify\n                  icon=\"eva:alert-triangle-fill\"\n                  sx={{\n                    color: 'warning.main',\n                    width: (theme) => theme.spacing(20),\n                    height: (theme) => theme.spacing(20),\n                  }}\n                />\n              </m.div>\n              {!isIframe && (\n                <CustomButton url={gwUrl} endIcon={<Iconify icon=\"eva:external-link-outline\" />}>\n                  {t('pay')}\n                </CustomButton>\n              )}\n            </>\n          ) : (\n            <LinearProgress sx={{ width: 1, maxWidth: 320, mx: 'auto' }} />\n          )}\n        </Box>\n      )}\n    </MotionContainer>\n  );\n};\n\ninterface ButtonProps {\n  onClick?: () => void;\n  url?: string;\n  startIcon?: React.ReactNode;\n  endIcon?: React.ReactNode;\n}\n\nconst CustomButton: React.FC<PropsWithChildren<ButtonProps>> = ({\n  onClick,\n  url,\n  children,\n  startIcon,\n  endIcon,\n}) => (\n  <Button\n    onClick={onClick}\n    href={url}\n    size=\"large\"\n    color=\"primary\"\n    variant=\"contained\"\n    startIcon={startIcon}\n    endIcon={endIcon}\n    sx={{\n      mt: 2,\n    }}\n  >\n    {children}\n  </Button>\n);\n\nexport default PaymentSuccess;\n"],"names":[],"mappings":"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"}

package/dist/esm/form/ReleaseCountdown.js

@@ -1,30 +0,0 @@
-import React, { useEffect } from 'react';
-import useCountdown from '../hooks/useCountdown.js';
-import dayjs from 'dayjs';
-import { Stack, Typography, Box } from '@mui/material';
-import useGlobal from '../hooks/useGlobal.js';
-import { Trans } from '../components/Trans.js';
-
-const ReleaseCountdown = ({ event, setShowReleaseDate }) => {
-    const { t } = useGlobal();
-    const { days, hours, minutes, seconds } = useCountdown(dayjs(event.releaseDate).toDate());
-    useEffect(() => {
-        if (dayjs(event.releaseDate).diff(dayjs()) < 0) {
-            setShowReleaseDate(false);
-        }
-    }, [seconds, event]);
-    return (React.createElement(Stack, { alignItems: "center", spacing: 2, py: 4, textAlign: "center" },
-        React.createElement(Typography, { variant: "h3" }, t('event.tickets.release_countdown.title')),
-        React.createElement(Typography, { variant: "h1" },
-            React.createElement(Trans, { text: "event.tickets.release_countdown.countdown", values: {
-                    days,
-                    hours,
-                    minutes,
-                    seconds,
-                }, components: {
-                    span: (React.createElement(Box, { component: "span", className: "iframe__release-countdown", sx: { color: 'primary.main' } })),
-                } }))));
-};
-
-export { ReleaseCountdown as default };
-//# sourceMappingURL=ReleaseCountdown.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ReleaseCountdown.js","sources":["../../../src/form/ReleaseCountdown.tsx"],"sourcesContent":["import React, { Dispatch, SetStateAction, useEffect } from 'react';\nimport { IEvent } from '@utils/types/event.type';\nimport useCountdown from '@hooks/useCountdown';\nimport dayjs from 'dayjs';\nimport { Box, Stack, Typography } from '@mui/material';\nimport useGlobal from '@hooks/useGlobal';\nimport { Trans } from '@components/Trans';\n\ninterface Props {\n  event: IEvent;\n  setShowReleaseDate: Dispatch<SetStateAction<boolean>>;\n}\n\nconst ReleaseCountdown: React.FC<Props> = ({ event, setShowReleaseDate }) => {\n  const { t } = useGlobal();\n  const { days, hours, minutes, seconds } = useCountdown(dayjs(event.releaseDate).toDate());\n\n  useEffect(() => {\n    if (dayjs(event.releaseDate).diff(dayjs()) < 0) {\n      setShowReleaseDate(false);\n    }\n  }, [seconds, event]);\n\n  return (\n    <Stack alignItems=\"center\" spacing={2} py={4} textAlign=\"center\">\n      <Typography variant=\"h3\">{t('event.tickets.release_countdown.title')}</Typography>\n      <Typography variant=\"h1\">\n        <Trans\n          text=\"event.tickets.release_countdown.countdown\"\n          values={{\n            days,\n            hours,\n            minutes,\n            seconds,\n          }}\n          components={{\n            span: (\n              <Box\n                component=\"span\"\n                className=\"iframe__release-countdown\"\n                sx={{ color: 'primary.main' }}\n              />\n            ),\n          }}\n        />\n      </Typography>\n    </Stack>\n  );\n};\n\nexport default ReleaseCountdown;\n"],"names":[],"mappings":";;;;;;;AAaA,MAAM,gBAAgB,GAAoB,CAAC,EAAE,KAAK,EAAE,kBAAkB,EAAE,KAAI;AAC1E,IAAA,MAAM,EAAE,CAAC,EAAE,GAAG,SAAS,EAAE;IACzB,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,MAAM,EAAE,CAAC;IAEzF,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,EAAE;YAC9C,kBAAkB,CAAC,KAAK,CAAC;;AAE7B,KAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;AAEpB,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,KAAK,IAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,SAAS,EAAC,QAAQ,EAAA;QAC9D,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAC,IAAI,IAAE,CAAC,CAAC,uCAAuC,CAAC,CAAc;AAClF,QAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAC,IAAI,EAAA;AACtB,YAAA,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EACJ,IAAI,EAAC,2CAA2C,EAChD,MAAM,EAAE;oBACN,IAAI;oBACJ,KAAK;oBACL,OAAO;oBACP,OAAO;AACR,iBAAA,EACD,UAAU,EAAE;oBACV,IAAI,GACF,KAAA,CAAA,aAAA,CAAC,GAAG,IACF,SAAS,EAAC,MAAM,EAChB,SAAS,EAAC,2BAA2B,EACrC,EAAE,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,EAAA,CAC7B,CACH;iBACF,EAAA,CACD,CACS,CACP;AAEZ;;;;"}

package/dist/esm/form/ReleaseWithMerchandise.js

@@ -1,126 +0,0 @@
-import React, { useState, useCallback } from 'react';
-import { Box, Stack, Typography, IconButton, Button } from '@mui/material';
-import Iconify from '../components/iconify/Iconify.js';
-import ProductVariantsDialog from './product/ProductVariantsDialog.js';
-import { useFormContext, useWatch } from 'react-hook-form';
-import { fCurrency } from '../utils/formatNumber.js';
-import { getSelectedQuantityByVariant } from '../utils/product.js';
-import ReleaseExtraFields from './extra-field/ReleaseExtraFields.js';
-import useGlobal from '../hooks/useGlobal.js';
-
-const ReleaseWithMerchandise = ({ eventId, release, activeReleases, currency, index, }) => {
-    const { t, lang } = useGlobal();
-    const [openVariantDialog, setOpenVariantDialog] = useState(null);
-    const { setValue } = useFormContext();
-    const tickets = useWatch({ name: `tickets.${eventId}`, defaultValue: [] });
-    const products = useWatch({ name: `products.${eventId}`, defaultValue: [] });
-    const addedRelease = tickets.find((ticket) => ticket.releaseId === release.id);
-    const countTickets = addedRelease?.quantity || 0;
-    const isReleaseSelected = (id) => !!tickets.find((ticket) => ticket.releaseId === id);
-    const getSelectedQuantity = (id) => tickets.find((ticket) => ticket.releaseId === id)?.quantity || 0;
-    const getAvailableTicketsForRelease = (release) => {
-        const selectedRelease = activeReleases?.find((item) => item.id === release.releaseId);
-        const availableQuantity = selectedRelease ? selectedRelease.availableTickets : 0;
-        return availableQuantity > 10 ? 10 : availableQuantity;
-    };
-    const isMaxQuantity = (releaseId) => {
-        const release = tickets.find((ticket) => ticket.releaseId === releaseId);
-        if (!release)
-            return false;
-        return getSelectedQuantity(releaseId) >= getAvailableTicketsForRelease(release);
-    };
-    const addRelease = (product) => {
-        setValue(`tickets.${eventId}`, [
-            ...tickets,
-            {
-                releaseId: release.id,
-                quantity: 1,
-                itemName: '',
-                price: 0,
-                products: product ? [product] : [],
-                extraFields: release.extraFields?.length
-                    ? [
-                        release.extraFields.map((field) => ({
-                            eventExtraFieldId: field.id,
-                            value: '',
-                        })),
-                    ]
-                    : [],
-            },
-        ]);
-        setOpenVariantDialog(null);
-    };
-    const increaseQuantity = (product) => {
-        const addedRelease = tickets.find((ticket) => ticket.releaseId === release.id);
-        if (addedRelease) {
-            const newQuantity = Number(addedRelease.quantity) + 1;
-            const maxQuantity = getAvailableTicketsForRelease(addedRelease);
-            setValue(`tickets.${eventId}`, tickets.map((ticket) => ticket.releaseId === release.id
-                ? {
-                    ...ticket,
-                    quantity: newQuantity > maxQuantity ? maxQuantity : newQuantity,
-                    products: product ? [...ticket.products, product] : ticket.products,
-                    extraFields: release.extraFields?.length
-                        ? [
-                            ...ticket.extraFields,
-                            release.extraFields.map((field) => ({
-                                eventExtraFieldId: field.id,
-                                value: '',
-                            })),
-                        ]
-                        : [],
-                }
-                : ticket));
-            setOpenVariantDialog(null);
-        }
-    };
-    const decreaseQuantity = useCallback(() => {
-        const addedRelease = tickets.find((ticket) => ticket.releaseId === release.id);
-        if (addedRelease) {
-            const newQuantity = Number(addedRelease.quantity) - 1;
-            if (newQuantity < 1) {
-                setValue(`tickets.${eventId}`, tickets.filter((ticket) => ticket.releaseId !== release.id));
-            }
-            else {
-                setValue(`tickets.${eventId}`, tickets.map((ticket) => {
-                    if (ticket.releaseId !== release.id)
-                        return ticket;
-                    return {
-                        ...ticket,
-                        quantity: newQuantity,
-                        products: ticket?.products?.slice(0, -1), // non-mutating "pop"
-                        extraFields: ticket?.extraFields?.slice(0, -1),
-                    };
-                }));
-            }
-        }
-    }, [tickets, release.id, setValue]);
-    return (React.createElement(Box, null,
-        React.createElement(Stack, { direction: "row", spacing: 1 },
-            React.createElement(Stack, { direction: "row", spacing: 1, justifyContent: "space-between", alignItems: "center", sx: { width: '100%', backgroundColor: 'grey.200', p: 1, pl: 1.5, borderRadius: 1 } },
-                React.createElement(Stack, { direction: "row", spacing: 2, alignItems: "center" },
-                    React.createElement(Stack, { direction: "row", spacing: 0.5, alignItems: "center" },
-                        React.createElement(Iconify, { icon: "ion:ticket-outline", color: "primary.main", sx: { width: 24, height: 24 } }),
-                        release.product && (React.createElement(React.Fragment, null,
-                            React.createElement(Typography, { fontSize: 20, lineHeight: 1 }, "+"),
-                            React.createElement(Iconify, { icon: "lucide-lab:shirt-t", color: "primary.main", sx: { width: 24, height: 24 } })))),
-                    React.createElement(Typography, { color: "grey.500" },
-                        release.releaseCategoryName,
-                        " - ",
-                        release.name,
-                        " -",
-                        ' ',
-                        fCurrency(release.price, lang, currency))),
-                isReleaseSelected(release.id) ? (React.createElement(Stack, { direction: "row", spacing: 1, py: 0.5 },
-                    React.createElement(IconButton, { onClick: () => decreaseQuantity(), size: "small", color: "primary" },
-                        React.createElement(Iconify, { icon: "eva:minus-fill" })),
-                    React.createElement(Typography, { color: "grey.500" }, getSelectedQuantity(release.id)),
-                    React.createElement(IconButton, { onClick: () => release.product ? setOpenVariantDialog('increase') : increaseQuantity(), size: "small", color: "primary", disabled: isMaxQuantity(release.id) },
-                        React.createElement(Iconify, { icon: "eva:plus-fill" })))) : (React.createElement(Button, { onClick: () => !release.locked && (release.product ? setOpenVariantDialog('add') : addRelease()), variant: "contained", disabled: release.locked }, t('add'))))),
-        React.createElement(Typography, { variant: "caption", content: "div", mt: 2, mb: release.extraFields?.length ? 2 : 0, display: "block" }, release.description),
-        release.extraFields && release.extraFields.length > 0 && (React.createElement(ReleaseExtraFields, { release: release, eventId: eventId, releaseIndex: index, quantity: countTickets })),
-        release.product && (React.createElement(ProductVariantsDialog, { eventProduct: release.product, openDialog: !!openVariantDialog, callback: openVariantDialog === 'increase' ? increaseQuantity : addRelease, onClose: () => setOpenVariantDialog(null), selectedQuantityByVariant: getSelectedQuantityByVariant(products, tickets), eventId: eventId }))));
-};
-
-export { ReleaseWithMerchandise as default };
-//# sourceMappingURL=ReleaseWithMerchandise.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ReleaseWithMerchandise.js","sources":["../../../src/form/ReleaseWithMerchandise.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport { Box, Button, IconButton, Stack, Typography } from '@mui/material';\nimport { Iconify } from '@components/iconify';\nimport ProductVariantsDialog from '@form/product/ProductVariantsDialog';\nimport { IReleaseShort } from '@utils/types/release.type';\nimport { ITicketForm, ITicketFormTicket } from '@utils/types/ticket.type';\nimport { useFormContext, useWatch } from 'react-hook-form';\nimport { IEventProductForm } from '@utils/types/product.type';\nimport { fCurrency } from '@utils/formatNumber';\nimport { Currencies } from '@utils/data/currency';\nimport { getSelectedQuantityByVariant } from '@utils/product';\nimport ReleaseExtraFields from '@form/extra-field/ReleaseExtraFields';\nimport useGlobal from '@hooks/useGlobal.ts';\n\ninterface Props {\n  eventId: number;\n  release: IReleaseShort;\n  activeReleases: IReleaseShort[];\n  currency: Currencies;\n  index: number;\n}\n\nconst ReleaseWithMerchandise: React.FC<Props> = ({\n  eventId,\n  release,\n  activeReleases,\n  currency,\n  index,\n}) => {\n  const { t, lang } = useGlobal();\n  const [openVariantDialog, setOpenVariantDialog] = useState<'add' | 'increase' | null>(null);\n  const { setValue } = useFormContext<ITicketForm>();\n  const tickets: ITicketFormTicket[] = useWatch({ name: `tickets.${eventId}`, defaultValue: [] });\n  const products: IEventProductForm[] = useWatch({ name: `products.${eventId}`, defaultValue: [] });\n  const addedRelease = tickets.find((ticket) => ticket.releaseId === release.id);\n  const countTickets = addedRelease?.quantity || 0;\n\n  const isReleaseSelected = (id: number) => !!tickets.find((ticket) => ticket.releaseId === id);\n\n  const getSelectedQuantity = (id: number) =>\n    tickets.find((ticket) => ticket.releaseId === id)?.quantity || 0;\n\n  const getAvailableTicketsForRelease = (release: ITicketFormTicket): number => {\n    const selectedRelease = activeReleases?.find((item) => item.id === release.releaseId);\n    const availableQuantity = selectedRelease ? selectedRelease.availableTickets : 0;\n    return availableQuantity > 10 ? 10 : availableQuantity;\n  };\n\n  const isMaxQuantity = (releaseId: number) => {\n    const release = tickets.find((ticket) => ticket.releaseId === releaseId);\n    if (!release) return false;\n    return getSelectedQuantity(releaseId) >= getAvailableTicketsForRelease(release);\n  };\n\n  const addRelease = (product?: IEventProductForm) => {\n    setValue(`tickets.${eventId}`, [\n      ...tickets,\n      {\n        releaseId: release.id,\n        quantity: 1,\n        itemName: '',\n        price: 0,\n        products: product ? [product] : [],\n        extraFields: release.extraFields?.length\n          ? [\n              release.extraFields.map((field) => ({\n                eventExtraFieldId: field.id,\n                value: '',\n              })),\n            ]\n          : [],\n      },\n    ]);\n    setOpenVariantDialog(null);\n  };\n\n  const increaseQuantity = (product?: IEventProductForm) => {\n    const addedRelease = tickets.find((ticket) => ticket.releaseId === release.id);\n    if (addedRelease) {\n      const newQuantity = Number(addedRelease.quantity) + 1;\n      const maxQuantity = getAvailableTicketsForRelease(addedRelease);\n      setValue(\n        `tickets.${eventId}`,\n        tickets.map((ticket) =>\n          ticket.releaseId === release.id\n            ? {\n                ...ticket,\n                quantity: newQuantity > maxQuantity ? maxQuantity : newQuantity,\n                products: product ? [...ticket.products, product] : ticket.products,\n                extraFields: release.extraFields?.length\n                  ? [\n                      ...ticket.extraFields,\n                      release.extraFields.map((field) => ({\n                        eventExtraFieldId: field.id,\n                        value: '',\n                      })),\n                    ]\n                  : [],\n              }\n            : ticket\n        )\n      );\n      setOpenVariantDialog(null);\n    }\n  };\n\n  const decreaseQuantity = useCallback(() => {\n    const addedRelease = tickets.find((ticket) => ticket.releaseId === release.id);\n    if (addedRelease) {\n      const newQuantity = Number(addedRelease.quantity) - 1;\n      if (newQuantity < 1) {\n        setValue(\n          `tickets.${eventId}`,\n          tickets.filter((ticket) => ticket.releaseId !== release.id)\n        );\n      } else {\n        setValue(\n          `tickets.${eventId}`,\n          tickets.map((ticket) => {\n            if (ticket.releaseId !== release.id) return ticket;\n\n            return {\n              ...ticket,\n              quantity: newQuantity,\n              products: ticket?.products?.slice(0, -1), // non-mutating \"pop\"\n              extraFields: ticket?.extraFields?.slice(0, -1),\n            };\n          })\n        );\n      }\n    }\n  }, [tickets, release.id, setValue]);\n\n  return (\n    <Box>\n      <Stack direction=\"row\" spacing={1}>\n        <Stack\n          direction=\"row\"\n          spacing={1}\n          justifyContent=\"space-between\"\n          alignItems=\"center\"\n          sx={{ width: '100%', backgroundColor: 'grey.200', p: 1, pl: 1.5, borderRadius: 1 }}\n        >\n          <Stack direction=\"row\" spacing={2} alignItems=\"center\">\n            <Stack direction=\"row\" spacing={0.5} alignItems=\"center\">\n              <Iconify\n                icon=\"ion:ticket-outline\"\n                color=\"primary.main\"\n                sx={{ width: 24, height: 24 }}\n              />\n              {release.product && (\n                <>\n                  <Typography fontSize={20} lineHeight={1}>\n                    +\n                  </Typography>\n                  <Iconify\n                    icon=\"lucide-lab:shirt-t\"\n                    color=\"primary.main\"\n                    sx={{ width: 24, height: 24 }}\n                  />\n                </>\n              )}\n            </Stack>\n            <Typography color=\"grey.500\">\n              {release.releaseCategoryName} - {release.name} -{' '}\n              {fCurrency(release.price, lang, currency)}\n            </Typography>\n          </Stack>\n          {isReleaseSelected(release.id) ? (\n            <Stack direction=\"row\" spacing={1} py={0.5}>\n              <IconButton onClick={() => decreaseQuantity()} size=\"small\" color=\"primary\">\n                <Iconify icon=\"eva:minus-fill\" />\n              </IconButton>\n              <Typography color=\"grey.500\">{getSelectedQuantity(release.id)}</Typography>\n              <IconButton\n                onClick={() =>\n                  release.product ? setOpenVariantDialog('increase') : increaseQuantity()\n                }\n                size=\"small\"\n                color=\"primary\"\n                disabled={isMaxQuantity(release.id)}\n              >\n                <Iconify icon=\"eva:plus-fill\" />\n              </IconButton>\n            </Stack>\n          ) : (\n            <Button\n              onClick={() =>\n                !release.locked && (release.product ? setOpenVariantDialog('add') : addRelease())\n              }\n              variant=\"contained\"\n              disabled={release.locked}\n            >\n              {t('add')}\n            </Button>\n          )}\n        </Stack>\n      </Stack>\n      <Typography\n        variant=\"caption\"\n        content=\"div\"\n        mt={2}\n        mb={release.extraFields?.length ? 2 : 0}\n        display=\"block\"\n      >\n        {release.description}\n      </Typography>\n      {release.extraFields && release.extraFields.length > 0 && (\n        <ReleaseExtraFields\n          release={release}\n          eventId={eventId}\n          releaseIndex={index}\n          quantity={countTickets}\n        />\n      )}\n      {release.product && (\n        <ProductVariantsDialog\n          eventProduct={release.product}\n          openDialog={!!openVariantDialog}\n          callback={openVariantDialog === 'increase' ? increaseQuantity : addRelease}\n          onClose={() => setOpenVariantDialog(null)}\n          selectedQuantityByVariant={getSelectedQuantityByVariant(products, tickets)}\n          eventId={eventId}\n        />\n      )}\n    </Box>\n  );\n};\n\nexport default ReleaseWithMerchandise;\n"],"names":[],"mappings":"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"}

package/dist/esm/form/ScriptLoader.js

@@ -1,17 +0,0 @@
-import { useEffect } from 'react';
-
-const ScriptLoader = () => {
-    useEffect(() => {
-        const script = document.createElement('script');
-        script.src = 'https://widget.packeta.com/v6/www/js/library.js';
-        script.async = true;
-        document.body.appendChild(script);
-        return () => {
-            document.body.removeChild(script);
-        };
-    }, []);
-    return null;
-};
-
-export { ScriptLoader as default };
-//# sourceMappingURL=ScriptLoader.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ScriptLoader.js","sources":["../../../src/form/ScriptLoader.tsx"],"sourcesContent":["import React from 'react';\nimport { useEffect } from 'react';\n\nconst ScriptLoader: React.FC = () => {\n  useEffect(() => {\n    const script = document.createElement('script');\n    script.src = 'https://widget.packeta.com/v6/www/js/library.js';\n    script.async = true;\n    document.body.appendChild(script);\n\n    return () => {\n      document.body.removeChild(script);\n    };\n  }, []);\n\n  return null;\n};\n\nexport default ScriptLoader;\n"],"names":[],"mappings":";;AAGA,MAAM,YAAY,GAAa,MAAK;IAClC,SAAS,CAAC,MAAK;QACb,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC;AAC/C,QAAA,MAAM,CAAC,GAAG,GAAG,iDAAiD;AAC9D,QAAA,MAAM,CAAC,KAAK,GAAG,IAAI;AACnB,QAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC;AAEjC,QAAA,OAAO,MAAK;AACV,YAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC;AACnC,SAAC;KACF,EAAE,EAAE,CAAC;AAEN,IAAA,OAAO,IAAI;AACb;;;;"}

package/dist/esm/form/Shipping.js

@@ -1,115 +0,0 @@
-import React, { useMemo, useState, useEffect } from 'react';
-import useEventShippingMethods from '../hooks/data/useEventShippingMethods.js';
-import ShippingSkeleton from './shipping/ShippingSkeleton.js';
-import { Typography, FormControl, RadioGroup, FormControlLabel, Stack, Box, Button, Radio, FormHelperText } from '@mui/material';
-import { ShippingMethodItem } from './style.js';
-import Iconify from '../components/iconify/Iconify.js';
-import { useFormContext, useWatch, Controller } from 'react-hook-form';
-import { ShippingTypes } from '../utils/data/shipping-method.js';
-import useGlobal from '../hooks/useGlobal.js';
-import ScriptLoader from './ScriptLoader.js';
-
-const Shipping = ({ event }) => {
-    const { t, lang, options } = useGlobal();
-    const { data: shippingMethods, isLoading } = useEventShippingMethods(event.id, {
-        currency: event.currency,
-    });
-    const { control, watch, setValue } = useFormContext();
-    const tickets = useWatch({
-        name: 'tickets',
-        defaultValue: {},
-    });
-    const flatTickets = useMemo(() => Object.values(tickets).flat(), [tickets]);
-    const products = useWatch({
-        name: 'products',
-        defaultValue: {},
-    });
-    const flatProducts = useMemo(() => Object.values(products).flat(), [products]);
-    const shippingMethodId = watch('shipping.shippingMethodId');
-    const branchId = watch('shipping.branchId');
-    const [displayBranchName, setDisplayBranchName] = useState(null);
-    const [firstRender, setFirstRender] = useState(true);
-    const filteredShippingMethods = useMemo(() => shippingMethods?.filter((shippingMethod) => !flatProducts?.find((product) => product.excludedShippingMethodIds?.includes(shippingMethod?.id)) &&
-        !flatTickets.find((ticket) => ticket.products.find((product) => product.excludedShippingMethodIds?.includes(shippingMethod?.id)))), [shippingMethods, shippingMethodId, flatTickets, flatProducts]);
-    const paymentImages = {
-        [ShippingTypes.PACKETA]: (React.createElement(Iconify, { icon: "arcticons:packeta", color: "rgb(186,27,2)", width: 32, height: 32 })),
-        [ShippingTypes.PICK_UP]: React.createElement(Iconify, { icon: "flowbite:store-solid", width: 32, height: 32 }),
-    };
-    const onSelectBranch = (branch) => {
-        if (branch) {
-            setValue('shipping.branchId', branch.id);
-            setDisplayBranchName(branch.name);
-        }
-        else {
-            setValue('shipping.shippingMethodId', null);
-            setValue('shipping.branchId', null);
-            setDisplayBranchName(null);
-        }
-    };
-    const handleChangeBranch = () => {
-        setValue('shipping.branchId', null);
-        setDisplayBranchName(null);
-    };
-    useEffect(() => {
-        if (firstRender && filteredShippingMethods.length === 1) {
-            setValue('shipping.shippingMethodId', filteredShippingMethods[0].id);
-            setFirstRender(false);
-        }
-    }, [firstRender, filteredShippingMethods]);
-    useEffect(() => {
-        const selectedShippingMethod = shippingMethods.find((method) => method.id === Number(shippingMethodId));
-        if (selectedShippingMethod) {
-            setValue('shipping.price', selectedShippingMethod.price);
-            if (selectedShippingMethod.type === ShippingTypes.PACKETA) {
-                if (!branchId) {
-                    const interval = setInterval(() => {
-                        if (window.Packeta && window.Packeta.Widget) {
-                            clearInterval(interval);
-                            window.Packeta.Widget.pick(options?.packetaApiKey, onSelectBranch, {
-                                language: lang,
-                            });
-                        }
-                    }, 100);
-                }
-            }
-            else {
-                setValue('shipping.branchId', null);
-                setDisplayBranchName(null);
-            }
-        }
-        else {
-            setValue('shipping.price', 0);
-        }
-    }, [shippingMethodId, shippingMethods, branchId]);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(ScriptLoader, null),
-        React.createElement("div", null, isLoading ? (React.createElement(ShippingSkeleton, null)) : (React.createElement(React.Fragment, null, filteredShippingMethods.length === 0 ? (React.createElement(Typography, { variant: "h4", color: "error" }, t('event.tickets.stepper.5.error'))) : (React.createElement(React.Fragment, null,
-            React.createElement(Controller, { name: "shipping.shippingMethodId", control: control, render: ({ field, fieldState: { error } }) => (React.createElement(FormControl, { component: "fieldset", sx: { width: '100%' } },
-                    React.createElement(RadioGroup, { ...field }, filteredShippingMethods.map((shippingMethod) => (React.createElement(ShippingMethodItem, { key: shippingMethod.id, active: Number(shippingMethodId) === shippingMethod.id },
-                        React.createElement(FormControlLabel, { value: shippingMethod.id, control: React.createElement(Radio, null), label: React.createElement(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", width: "100%" },
-                                React.createElement(Stack, { direction: "row", alignItems: "center" },
-                                    React.createElement(Box, { sx: {
-                                            marginRight: 2,
-                                        } },
-                                        React.createElement(Typography, { sx: { lineHeight: 1.2 } }, t(`shipping_method.types.${shippingMethod.type}`)),
-                                        displayBranchName &&
-                                            shippingMethod.type === ShippingTypes.PACKETA &&
-                                            shippingMethod.id === Number(shippingMethodId) && (React.createElement(Typography, { variant: "caption", sx: { lineHeight: 1 } }, displayBranchName))),
-                                    paymentImages[shippingMethod.type]),
-                                shippingMethod.type === ShippingTypes.PACKETA &&
-                                    shippingMethod.id === Number(shippingMethodId) &&
-                                    branchId && (React.createElement(Box, null,
-                                    React.createElement(Button, { onClick: handleChangeBranch, variant: "outlined", size: "small" }, t('change'))))), sx: {
-                                '&:not(:last-of-type)': {
-                                    mb: 0,
-                                },
-                                '& .MuiFormControlLabel-label': {
-                                    width: '100%',
-                                    mr: 0,
-                                },
-                            } }))))),
-                    !!error && (React.createElement(FormHelperText, { error: !!error, sx: { mx: 0 } }, error?.message)))) }))))))));
-};
-
-export { Shipping as default };
-//# sourceMappingURL=Shipping.js.map