@eventlook/sdk 1.4.3 → 1.4.5-1.beta.1

package/dist/esm/form/PaymentOverviewDrawer.js

@@ -0,0 +1,313 @@
+import { Box, Typography, Button, SwipeableDrawer } from '@mui/material';
+import React, { useState, useRef, useEffect } from 'react';
+import PaymentOverviewBox from './PaymentOverviewBox.js';
+import useGlobal from '../hooks/useGlobal.js';
+import { fCurrency } from '../utils/formatNumber.js';
+import { EVENTLOOK_ORDER_FORM_ID } from '../utils/data/global.js';
+
+const swipeAreaWidth = 120;
+const clearResetPulledPastTimeout = (timeoutRef) => {
+    if (timeoutRef.current !== null) {
+        window.clearTimeout(timeoutRef.current);
+        timeoutRef.current = null;
+    }
+};
+const PaymentOverviewDrawer = ({ event, totalPrice, termsAndConditionsRef, onOpenChange, }) => {
+    const { t, lang } = useGlobal();
+    const [isDrawerOpened, setIsDrawerOpened] = useState(false);
+    const [isOpeningGesture, setIsOpeningGesture] = useState(false);
+    const [hasPulledPastClosedTabHeight, setHasPulledPastClosedTabHeight] = useState(false);
+    const [isDrawerHidden, setIsDrawerHidden] = useState(false);
+    const [closedTabHeight, setClosedTabHeight] = useState(0);
+    const openingTouchStartYRef = useRef(null);
+    const openDrawerRef = useRef(false);
+    const isOpeningGestureRef = useRef(false);
+    const shouldReopenOnScrollUpRef = useRef(false);
+    const lastScrollYRef = useRef(0);
+    const isScrollingDownRef = useRef(false);
+    const wasAtPageBottomRef = useRef(false);
+    const resetPulledPastTimeoutRef = useRef(null);
+    const closedTabRef = useRef(null);
+    useEffect(() => {
+        openDrawerRef.current = isDrawerOpened;
+    }, [isDrawerOpened]);
+    useEffect(() => {
+        isOpeningGestureRef.current = isOpeningGesture;
+    }, [isOpeningGesture]);
+    // reopens the drawer when user scrolls up and the drawer was closed by scrolling down to the bottom of the page
+    useEffect(() => {
+        if (typeof window === 'undefined') {
+            return;
+        }
+        const atBottomThreshold = 8;
+        lastScrollYRef.current = window.scrollY;
+        isScrollingDownRef.current = false;
+        wasAtPageBottomRef.current =
+            window.innerHeight + window.scrollY >=
+                document.documentElement.scrollHeight - atBottomThreshold;
+        const handleScroll = () => {
+            const currentY = window.scrollY;
+            const isScrollingUp = currentY < lastScrollYRef.current;
+            const isScrollingDown = currentY > lastScrollYRef.current;
+            const isAtPageBottom = window.innerHeight + currentY >= document.documentElement.scrollHeight - atBottomThreshold;
+            isScrollingDownRef.current = isScrollingDown;
+            if (isScrollingUp &&
+                wasAtPageBottomRef.current &&
+                shouldReopenOnScrollUpRef.current &&
+                !openDrawerRef.current) {
+                shouldReopenOnScrollUpRef.current = false;
+                setIsDrawerHidden(false);
+                openDrawerHandler();
+            }
+            wasAtPageBottomRef.current = isAtPageBottom;
+            lastScrollYRef.current = currentY;
+        };
+        window.addEventListener('scroll', handleScroll, { passive: true });
+        return () => {
+            window.removeEventListener('scroll', handleScroll);
+        };
+    }, []);
+    useEffect(() => {
+        const closedTab = closedTabRef.current;
+        if (!closedTab)
+            return;
+        const updateClosedTabHeight = () => {
+            setClosedTabHeight(closedTab.offsetHeight);
+        };
+        updateClosedTabHeight();
+        const resizeObserver = new ResizeObserver(() => {
+            updateClosedTabHeight();
+        });
+        resizeObserver.observe(closedTab);
+        return () => {
+            resizeObserver.disconnect();
+        };
+    }, []);
+    useEffect(() => () => {
+        clearResetPulledPastTimeout(resetPulledPastTimeoutRef);
+    }, []);
+    useEffect(() => {
+        const termsAndConditionsElement = termsAndConditionsRef?.current;
+        if (!termsAndConditionsElement) {
+            return;
+        }
+        if (!('IntersectionObserver' in window)) {
+            return;
+        }
+        const observer = new IntersectionObserver((entries) => {
+            const entry = entries[0];
+            const hasReachedTermsSection = entry?.isIntersecting ?? false;
+            const shouldAutoCloseDrawer = hasReachedTermsSection;
+            const shouldHideDrawerTab = hasReachedTermsSection && !openDrawerRef.current && !isOpeningGestureRef.current;
+            setIsDrawerHidden(shouldHideDrawerTab);
+            if (shouldAutoCloseDrawer && openDrawerRef.current && isScrollingDownRef.current) {
+                closeDrawerHandler({ shouldReopenOnScrollUp: true });
+                setIsDrawerHidden(true);
+            }
+        }, {
+            root: null,
+            threshold: 0,
+            rootMargin: '0px 0px -40% 0px',
+        });
+        observer.observe(termsAndConditionsElement);
+        return () => {
+            observer.disconnect();
+        };
+    }, [termsAndConditionsRef]);
+    const toggleDrawer = () => {
+        if (openDrawerRef.current) {
+            closeDrawerHandler();
+            return;
+        }
+        openDrawerHandler();
+    };
+    const openDrawerHandler = () => {
+        clearResetPulledPastTimeout(resetPulledPastTimeoutRef);
+        setIsOpeningGesture(false);
+        setHasPulledPastClosedTabHeight(false);
+        openingTouchStartYRef.current = null;
+        shouldReopenOnScrollUpRef.current = false;
+        setIsDrawerOpened(true);
+        onOpenChange?.(true);
+    };
+    const closeDrawerHandler = ({ shouldReopenOnScrollUp = false, } = {}) => {
+        clearResetPulledPastTimeout(resetPulledPastTimeoutRef);
+        setIsOpeningGesture(false);
+        setHasPulledPastClosedTabHeight(false);
+        openingTouchStartYRef.current = null;
+        shouldReopenOnScrollUpRef.current = shouldReopenOnScrollUp;
+        setIsDrawerOpened(false);
+        onOpenChange?.(false);
+    };
+    const scheduleResetPulledPastTimeout = () => {
+        clearResetPulledPastTimeout(resetPulledPastTimeoutRef);
+        resetPulledPastTimeoutRef.current = window.setTimeout(() => {
+            if (!openDrawerRef.current) {
+                setHasPulledPastClosedTabHeight(false);
+            }
+        }, 180);
+    };
+    const handleGestureStart = (startY) => {
+        openingTouchStartYRef.current = startY;
+        setIsOpeningGesture(true);
+        setHasPulledPastClosedTabHeight(false);
+    };
+    const handleGestureMove = (currentY) => {
+        if (!isOpeningGestureRef.current)
+            return;
+        const startY = openingTouchStartYRef.current;
+        if (startY === null || typeof currentY !== 'number')
+            return;
+        const pullDistance = startY - currentY;
+        const currentClosedTabHeight = closedTabRef.current?.offsetHeight ?? 0;
+        setHasPulledPastClosedTabHeight(currentClosedTabHeight > 0 && pullDistance >= currentClosedTabHeight);
+    };
+    const handleGestureCancel = () => {
+        openingTouchStartYRef.current = null;
+        setIsOpeningGesture(false);
+        setHasPulledPastClosedTabHeight(false);
+    };
+    const handleGestureEnd = ({ shouldResetTouchStart = false, } = {}) => {
+        if (shouldResetTouchStart) {
+            openingTouchStartYRef.current = null;
+        }
+        if (!isDrawerOpened) {
+            setIsOpeningGesture(false);
+            scheduleResetPulledPastTimeout();
+        }
+    };
+    return (React.createElement(Box, { sx: { display: { md: 'none' } } },
+        React.createElement(Box, { ref: closedTabRef, sx: {
+                position: 'fixed',
+                bottom: 0,
+                left: 0,
+                right: 0,
+                backgroundColor: (theme) => theme.palette.background.paper,
+                borderTopLeftRadius: isOpeningGesture || isDrawerOpened ? 0 : 16,
+                borderTopRightRadius: isOpeningGesture || isDrawerOpened ? 0 : 16,
+                boxShadow: isOpeningGesture || isDrawerOpened ? 'none' : '0 -8px 10px 2px rgba(0,0,0,0.2)',
+                zIndex: (theme) => theme.zIndex.drawer + 1,
+                opacity: isDrawerHidden ? 0 : 1,
+                transform: isDrawerHidden ? 'translateY(calc(100% + 12px))' : 'translateY(0)',
+                transition: 'opacity 180ms ease, transform 180ms ease, border-radius 120ms ease, box-shadow 120ms ease',
+                pointerEvents: 'none',
+            } },
+            !isDrawerOpened && (React.createElement(Box, { sx: {
+                    display: 'flex',
+                    justifyContent: 'center',
+                    alignItems: 'center',
+                    width: '100%',
+                    py: 1,
+                } },
+                React.createElement(Box, { sx: {
+                        width: 80,
+                        height: 6,
+                        backgroundColor: (theme) => theme.palette.grey[300],
+                        borderRadius: 3,
+                        opacity: isOpeningGesture ? 0 : 1,
+                        transition: 'opacity 120ms ease',
+                    } }))),
+            React.createElement(Box, { role: "button", "aria-label": t('form.labels.payment_overview_open'), onClick: toggleDrawer, onTouchStart: (event) => {
+                    handleGestureStart(event.touches[0]?.clientY ?? null);
+                }, onMouseDown: () => {
+                    handleGestureStart(null);
+                }, onTouchMove: (event) => {
+                    handleGestureMove(event.touches[0]?.clientY);
+                }, onTouchCancel: handleGestureCancel, onTouchEnd: () => {
+                    handleGestureEnd({ shouldResetTouchStart: true });
+                }, onMouseUp: () => {
+                    handleGestureEnd();
+                }, sx: {
+                    width: '100%',
+                    px: 2,
+                    pb: 2,
+                    pointerEvents: isDrawerOpened || isDrawerHidden ? 'none' : 'auto',
+                    cursor: 'pointer',
+                } },
+                React.createElement(Typography, { sx: {
+                        fontWeight: 'bold',
+                        display: 'flex',
+                        justifyContent: 'space-between',
+                        alignItems: 'center',
+                    } },
+                    React.createElement("span", null,
+                        t('form.labels.total'),
+                        ":"),
+                    React.createElement("span", null, fCurrency(totalPrice, lang, event.currency))),
+                React.createElement(Button, { type: "submit", form: EVENTLOOK_ORDER_FORM_ID, onClick: (event) => {
+                        event.stopPropagation();
+                    }, variant: "contained", size: "large", fullWidth: true, sx: { mt: 1, height: { xs: 36, md: 40 } } }, t('buy')))),
+        React.createElement(SwipeableDrawer, { anchor: "bottom", open: isDrawerOpened, onClose: () => closeDrawerHandler(), onOpen: () => openDrawerHandler(), swipeAreaWidth: swipeAreaWidth, allowSwipeInChildren: true, disableSwipeToOpen: isDrawerHidden, keepMounted: true, SwipeAreaProps: {
+                onTouchStart: (event) => {
+                    handleGestureStart(event.touches[0]?.clientY ?? null);
+                },
+                onMouseDown: () => {
+                    handleGestureStart(null);
+                },
+                onTouchMove: (event) => {
+                    handleGestureMove(event.touches[0]?.clientY);
+                },
+                onTouchCancel: handleGestureCancel,
+                onTouchEnd: () => {
+                    handleGestureEnd({ shouldResetTouchStart: true });
+                },
+                onMouseUp: () => {
+                    handleGestureEnd();
+                },
+            }, sx: {
+                display: { md: 'none' },
+                pointerEvents: isDrawerOpened ? 'none' : 'auto',
+                '& .MuiDrawer-paper': {
+                    pointerEvents: 'auto',
+                },
+                '& .MuiSwipeArea-root': {
+                    pointerEvents: 'auto',
+                },
+            }, ModalProps: {
+                disableScrollLock: true,
+                keepMounted: false,
+                disableAutoFocus: true,
+                disableRestoreFocus: true,
+                disableEnforceFocus: true,
+                BackdropProps: {
+                    sx: {
+                        background: 'none',
+                        pointerEvents: 'none',
+                    },
+                },
+            }, PaperProps: {
+                sx: {
+                    borderTopLeftRadius: 16,
+                    borderTopRightRadius: 16,
+                    boxShadow: '0 -8px 10px 2px rgba(0,0,0,0.2)',
+                    overflow: 'hidden',
+                    mb: isDrawerOpened ||
+                        (!isDrawerOpened && (isOpeningGesture || hasPulledPastClosedTabHeight))
+                        ? `${closedTabHeight}px`
+                        : 0,
+                    transition: 'none',
+                },
+            } },
+            React.createElement(Box, { role: "button", "aria-label": t('form.labels.payment_overview_close'), onClick: toggleDrawer, sx: {
+                    display: 'flex',
+                    justifyContent: 'center',
+                    alignItems: 'center',
+                    backgroundColor: (theme) => theme.palette.background.paper,
+                    cursor: 'pointer',
+                    py: 1,
+                } },
+                React.createElement(Box, { sx: {
+                        width: 80,
+                        height: 6,
+                        backgroundColor: (theme) => theme.palette.grey[300],
+                        borderRadius: 3,
+                    } })),
+            React.createElement(Box, { sx: {
+                    height: '100%',
+                    overflow: 'auto',
+                } },
+                React.createElement(PaymentOverviewBox, { event: event, hideBuyButton: true })))));
+};
+
+export { PaymentOverviewDrawer as default };
+//# sourceMappingURL=PaymentOverviewDrawer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentOverviewDrawer.js","sources":["../../../src/form/PaymentOverviewDrawer.tsx"],"sourcesContent":["import { Box, Button, SwipeableDrawer, Typography } from '@mui/material';\nimport React, { useEffect } from 'react';\nimport { useRef, useState } from 'react';\nimport PaymentOverviewBox from './PaymentOverviewBox';\nimport { IEvent } from '@utils/types/event.type';\nimport useGlobal from '@hooks/useGlobal';\nimport { fCurrency } from '@utils/formatNumber';\nimport { EVENTLOOK_ORDER_FORM_ID } from '@utils/data/global.ts';\n\ninterface Props {\n  event: IEvent;\n  totalPrice: number;\n  termsAndConditionsRef?: React.RefObject<HTMLElement | null>;\n  onOpenChange?: (open: boolean) => void;\n}\n\nconst swipeAreaWidth = 120;\n\nconst clearResetPulledPastTimeout = (timeoutRef: { current: number | null }) => {\n  if (timeoutRef.current !== null) {\n    window.clearTimeout(timeoutRef.current);\n    timeoutRef.current = null;\n  }\n};\n\nconst PaymentOverviewDrawer: React.FC<Props> = ({\n  event,\n  totalPrice,\n  termsAndConditionsRef,\n  onOpenChange,\n}) => {\n  const { t, lang } = useGlobal();\n  const [isDrawerOpened, setIsDrawerOpened] = useState(false);\n  const [isOpeningGesture, setIsOpeningGesture] = useState(false);\n  const [hasPulledPastClosedTabHeight, setHasPulledPastClosedTabHeight] = useState(false);\n  const [isDrawerHidden, setIsDrawerHidden] = useState(false);\n  const [closedTabHeight, setClosedTabHeight] = useState(0);\n  const openingTouchStartYRef = useRef<number | null>(null);\n  const openDrawerRef = useRef(false);\n  const isOpeningGestureRef = useRef(false);\n  const shouldReopenOnScrollUpRef = useRef(false);\n  const lastScrollYRef = useRef(0);\n  const isScrollingDownRef = useRef(false);\n  const wasAtPageBottomRef = useRef(false);\n  const resetPulledPastTimeoutRef = useRef<number | null>(null);\n  const closedTabRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    openDrawerRef.current = isDrawerOpened;\n  }, [isDrawerOpened]);\n\n  useEffect(() => {\n    isOpeningGestureRef.current = isOpeningGesture;\n  }, [isOpeningGesture]);\n\n  // reopens the drawer when user scrolls up and the drawer was closed by scrolling down to the bottom of the page\n  useEffect(() => {\n    if (typeof window === 'undefined') {\n      return;\n    }\n\n    const atBottomThreshold = 8;\n    lastScrollYRef.current = window.scrollY;\n    isScrollingDownRef.current = false;\n    wasAtPageBottomRef.current =\n      window.innerHeight + window.scrollY >=\n      document.documentElement.scrollHeight - atBottomThreshold;\n\n    const handleScroll = () => {\n      const currentY = window.scrollY;\n      const isScrollingUp = currentY < lastScrollYRef.current;\n      const isScrollingDown = currentY > lastScrollYRef.current;\n      const isAtPageBottom =\n        window.innerHeight + currentY >= document.documentElement.scrollHeight - atBottomThreshold;\n\n      isScrollingDownRef.current = isScrollingDown;\n\n      if (\n        isScrollingUp &&\n        wasAtPageBottomRef.current &&\n        shouldReopenOnScrollUpRef.current &&\n        !openDrawerRef.current\n      ) {\n        shouldReopenOnScrollUpRef.current = false;\n        setIsDrawerHidden(false);\n        openDrawerHandler();\n      }\n\n      wasAtPageBottomRef.current = isAtPageBottom;\n      lastScrollYRef.current = currentY;\n    };\n\n    window.addEventListener('scroll', handleScroll, { passive: true });\n\n    return () => {\n      window.removeEventListener('scroll', handleScroll);\n    };\n  }, []);\n\n  useEffect(() => {\n    const closedTab = closedTabRef.current;\n    if (!closedTab) return;\n\n    const updateClosedTabHeight = () => {\n      setClosedTabHeight(closedTab.offsetHeight);\n    };\n\n    updateClosedTabHeight();\n\n    const resizeObserver = new ResizeObserver(() => {\n      updateClosedTabHeight();\n    });\n\n    resizeObserver.observe(closedTab);\n\n    return () => {\n      resizeObserver.disconnect();\n    };\n  }, []);\n\n  useEffect(\n    () => () => {\n      clearResetPulledPastTimeout(resetPulledPastTimeoutRef);\n    },\n    []\n  );\n\n  useEffect(() => {\n    const termsAndConditionsElement = termsAndConditionsRef?.current;\n    if (!termsAndConditionsElement) {\n      return;\n    }\n\n    if (!('IntersectionObserver' in window)) {\n      return;\n    }\n\n    const observer = new IntersectionObserver(\n      (entries) => {\n        const entry = entries[0];\n        const hasReachedTermsSection = entry?.isIntersecting ?? false;\n        const shouldAutoCloseDrawer = hasReachedTermsSection;\n        const shouldHideDrawerTab =\n          hasReachedTermsSection && !openDrawerRef.current && !isOpeningGestureRef.current;\n        setIsDrawerHidden(shouldHideDrawerTab);\n\n        if (shouldAutoCloseDrawer && openDrawerRef.current && isScrollingDownRef.current) {\n          closeDrawerHandler({ shouldReopenOnScrollUp: true });\n          setIsDrawerHidden(true);\n        }\n      },\n      {\n        root: null,\n        threshold: 0,\n        rootMargin: '0px 0px -40% 0px',\n      }\n    );\n\n    observer.observe(termsAndConditionsElement);\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [termsAndConditionsRef]);\n\n  const toggleDrawer = () => {\n    if (openDrawerRef.current) {\n      closeDrawerHandler();\n      return;\n    }\n\n    openDrawerHandler();\n  };\n\n  const openDrawerHandler = () => {\n    clearResetPulledPastTimeout(resetPulledPastTimeoutRef);\n    setIsOpeningGesture(false);\n    setHasPulledPastClosedTabHeight(false);\n    openingTouchStartYRef.current = null;\n    shouldReopenOnScrollUpRef.current = false;\n    setIsDrawerOpened(true);\n    onOpenChange?.(true);\n  };\n\n  const closeDrawerHandler = ({\n    shouldReopenOnScrollUp = false,\n  }: { shouldReopenOnScrollUp?: boolean } = {}) => {\n    clearResetPulledPastTimeout(resetPulledPastTimeoutRef);\n    setIsOpeningGesture(false);\n    setHasPulledPastClosedTabHeight(false);\n    openingTouchStartYRef.current = null;\n    shouldReopenOnScrollUpRef.current = shouldReopenOnScrollUp;\n    setIsDrawerOpened(false);\n    onOpenChange?.(false);\n  };\n\n  const scheduleResetPulledPastTimeout = () => {\n    clearResetPulledPastTimeout(resetPulledPastTimeoutRef);\n    resetPulledPastTimeoutRef.current = window.setTimeout(() => {\n      if (!openDrawerRef.current) {\n        setHasPulledPastClosedTabHeight(false);\n      }\n    }, 180);\n  };\n\n  const handleGestureStart = (startY: number | null) => {\n    openingTouchStartYRef.current = startY;\n    setIsOpeningGesture(true);\n    setHasPulledPastClosedTabHeight(false);\n  };\n\n  const handleGestureMove = (currentY?: number) => {\n    if (!isOpeningGestureRef.current) return;\n\n    const startY = openingTouchStartYRef.current;\n    if (startY === null || typeof currentY !== 'number') return;\n\n    const pullDistance = startY - currentY;\n    const currentClosedTabHeight = closedTabRef.current?.offsetHeight ?? 0;\n    setHasPulledPastClosedTabHeight(\n      currentClosedTabHeight > 0 && pullDistance >= currentClosedTabHeight\n    );\n  };\n\n  const handleGestureCancel = () => {\n    openingTouchStartYRef.current = null;\n    setIsOpeningGesture(false);\n    setHasPulledPastClosedTabHeight(false);\n  };\n\n  const handleGestureEnd = ({\n    shouldResetTouchStart = false,\n  }: { shouldResetTouchStart?: boolean } = {}) => {\n    if (shouldResetTouchStart) {\n      openingTouchStartYRef.current = null;\n    }\n\n    if (!isDrawerOpened) {\n      setIsOpeningGesture(false);\n      scheduleResetPulledPastTimeout();\n    }\n  };\n\n  return (\n    <Box sx={{ display: { md: 'none' } }}>\n      {/* Drawer Tab */}\n      <Box\n        ref={closedTabRef}\n        sx={{\n          position: 'fixed',\n          bottom: 0,\n          left: 0,\n          right: 0,\n          backgroundColor: (theme) => theme.palette.background.paper,\n          borderTopLeftRadius: isOpeningGesture || isDrawerOpened ? 0 : 16,\n          borderTopRightRadius: isOpeningGesture || isDrawerOpened ? 0 : 16,\n          boxShadow:\n            isOpeningGesture || isDrawerOpened ? 'none' : '0 -8px 10px 2px rgba(0,0,0,0.2)',\n          zIndex: (theme) => theme.zIndex.drawer + 1,\n          opacity: isDrawerHidden ? 0 : 1,\n          transform: isDrawerHidden ? 'translateY(calc(100% + 12px))' : 'translateY(0)',\n          transition:\n            'opacity 180ms ease, transform 180ms ease, border-radius 120ms ease, box-shadow 120ms ease',\n          pointerEvents: 'none',\n        }}\n      >\n        {!isDrawerOpened && (\n          <Box\n            sx={{\n              display: 'flex',\n              justifyContent: 'center',\n              alignItems: 'center',\n              width: '100%',\n              py: 1,\n            }}\n          >\n            <Box\n              sx={{\n                width: 80,\n                height: 6,\n                backgroundColor: (theme) => theme.palette.grey[300],\n                borderRadius: 3,\n                opacity: isOpeningGesture ? 0 : 1,\n                transition: 'opacity 120ms ease',\n              }}\n            />\n          </Box>\n        )}\n        <Box\n          role=\"button\"\n          aria-label={t('form.labels.payment_overview_open')}\n          onClick={toggleDrawer}\n          onTouchStart={(event: React.TouchEvent<HTMLDivElement>) => {\n            handleGestureStart(event.touches[0]?.clientY ?? null);\n          }}\n          onMouseDown={() => {\n            handleGestureStart(null);\n          }}\n          onTouchMove={(event: React.TouchEvent<HTMLDivElement>) => {\n            handleGestureMove(event.touches[0]?.clientY);\n          }}\n          onTouchCancel={handleGestureCancel}\n          onTouchEnd={() => {\n            handleGestureEnd({ shouldResetTouchStart: true });\n          }}\n          onMouseUp={() => {\n            handleGestureEnd();\n          }}\n          sx={{\n            width: '100%',\n            px: 2,\n            pb: 2,\n            pointerEvents: isDrawerOpened || isDrawerHidden ? 'none' : 'auto',\n            cursor: 'pointer',\n          }}\n        >\n          <Typography\n            sx={{\n              fontWeight: 'bold',\n              display: 'flex',\n              justifyContent: 'space-between',\n              alignItems: 'center',\n            }}\n          >\n            <span>{t('form.labels.total')}:</span>\n            <span>{fCurrency(totalPrice, lang, event.currency)}</span>\n          </Typography>\n\n          <Button\n            type=\"submit\"\n            form={EVENTLOOK_ORDER_FORM_ID}\n            onClick={(event) => {\n              event.stopPropagation();\n            }}\n            variant=\"contained\"\n            size=\"large\"\n            fullWidth\n            sx={{ mt: 1, height: { xs: 36, md: 40 } }}\n          >\n            {t('buy')}\n          </Button>\n        </Box>\n      </Box>\n\n      {/* Drawer Content */}\n      <SwipeableDrawer\n        anchor=\"bottom\"\n        open={isDrawerOpened}\n        onClose={() => closeDrawerHandler()}\n        onOpen={() => openDrawerHandler()}\n        swipeAreaWidth={swipeAreaWidth}\n        allowSwipeInChildren\n        disableSwipeToOpen={isDrawerHidden}\n        keepMounted\n        SwipeAreaProps={{\n          onTouchStart: (event: React.TouchEvent<HTMLDivElement>) => {\n            handleGestureStart(event.touches[0]?.clientY ?? null);\n          },\n          onMouseDown: () => {\n            handleGestureStart(null);\n          },\n          onTouchMove: (event: React.TouchEvent<HTMLDivElement>) => {\n            handleGestureMove(event.touches[0]?.clientY);\n          },\n          onTouchCancel: handleGestureCancel,\n          onTouchEnd: () => {\n            handleGestureEnd({ shouldResetTouchStart: true });\n          },\n          onMouseUp: () => {\n            handleGestureEnd();\n          },\n        }}\n        sx={{\n          display: { md: 'none' },\n          pointerEvents: isDrawerOpened ? 'none' : 'auto',\n          '& .MuiDrawer-paper': {\n            pointerEvents: 'auto',\n          },\n          '& .MuiSwipeArea-root': {\n            pointerEvents: 'auto',\n          },\n        }}\n        ModalProps={{\n          disableScrollLock: true,\n          keepMounted: false,\n          disableAutoFocus: true,\n          disableRestoreFocus: true,\n          disableEnforceFocus: true,\n          BackdropProps: {\n            sx: {\n              background: 'none',\n              pointerEvents: 'none',\n            },\n          },\n        }}\n        PaperProps={{\n          sx: {\n            borderTopLeftRadius: 16,\n            borderTopRightRadius: 16,\n            boxShadow: '0 -8px 10px 2px rgba(0,0,0,0.2)',\n            overflow: 'hidden',\n            mb:\n              isDrawerOpened ||\n              (!isDrawerOpened && (isOpeningGesture || hasPulledPastClosedTabHeight))\n                ? `${closedTabHeight}px`\n                : 0,\n            transition: 'none',\n          },\n        }}\n      >\n        <Box\n          role=\"button\"\n          aria-label={t('form.labels.payment_overview_close')}\n          onClick={toggleDrawer}\n          sx={{\n            display: 'flex',\n            justifyContent: 'center',\n            alignItems: 'center',\n            backgroundColor: (theme) => theme.palette.background.paper,\n            cursor: 'pointer',\n            py: 1,\n          }}\n        >\n          <Box\n            sx={{\n              width: 80,\n              height: 6,\n              backgroundColor: (theme) => theme.palette.grey[300],\n              borderRadius: 3,\n            }}\n          />\n        </Box>\n        <Box\n          sx={{\n            height: '100%',\n            overflow: 'auto',\n          }}\n        >\n          <PaymentOverviewBox event={event} hideBuyButton />\n        </Box>\n      </SwipeableDrawer>\n    </Box>\n  );\n};\n\nexport default PaymentOverviewDrawer;\n"],"names":[],"mappings":"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"}

package/dist/esm/form/PaymentPending.js

@@ -1,6 +1,5 @@
-import React from 'react';
+import React, { useState, useEffect } from 'react';
 import { Box, Typography } from '@mui/material';
-import Lottie from 'lottie-react';
 import bankTransferAnimation from '../utils/data/lottie/bank-transfer.json.js';
 import { varBounce } from '../components/animate/variants/bounce.js';
 import { m } from 'framer-motion';
@@ -11,11 +10,24 @@ import useGlobal from '../hooks/useGlobal.js';
 
 const PaymentPending = () => {
     const { t } = useGlobal();
+    const [LottieComponent, setLottieComponent] = useState(null);
+    useEffect(() => {
+        if (typeof window === 'undefined')
+            return;
+        let isMounted = true;
+        import('lottie-react').then((module) => {
+            if (isMounted) {
+                setLottieComponent(() => module.default);
+            }
+        });
+        return () => {
+            isMounted = false;
+        };
+    }, []);
     return (React.createElement(Box, { textAlign: "center" },
         React.createElement(m.div, { variants: varBounce().in },
             React.createElement(Typography, { variant: "h4", sx: { mb: 2, maxWidth: 600, mx: 'auto' } }, t('event.tickets.payment_pending'))),
-        React.createElement(Box, { maxWidth: 600, mx: "auto" },
-            React.createElement(Lottie, { animationData: bankTransferAnimation }))));
+        React.createElement(Box, { maxWidth: 600, mx: "auto" }, LottieComponent ? React.createElement(LottieComponent, { animationData: bankTransferAnimation }) : null)));
 };
 
 export { PaymentPending as default };

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

@@ -1 +1 @@
-{"version":3,"file":"PaymentPending.js","sources":["../../../src/form/PaymentPending.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Typography } from '@mui/material';\nimport Lottie from 'lottie-react';\nimport bankTransferAnimation from '../utils/data/lottie/bank-transfer.json';\nimport { varBounce } from '@components/animate';\nimport { m } from 'framer-motion';\nimport useGlobal from '@hooks/useGlobal.ts';\n\nconst PaymentPending: React.FC = () => {\n  const { t } = useGlobal();\n\n  return (\n    <Box textAlign=\"center\">\n      <m.div variants={varBounce().in}>\n        <Typography variant=\"h4\" sx={{ mb: 2, maxWidth: 600, mx: 'auto' }}>\n          {t('event.tickets.payment_pending')}\n        </Typography>\n      </m.div>\n      <Box maxWidth={600} mx=\"auto\">\n        <Lottie animationData={bankTransferAnimation} />\n      </Box>\n    </Box>\n  );\n};\n\nexport default PaymentPending;\n"],"names":[],"mappings":";;;;;;;;;;;AAQA,MAAM,cAAc,GAAa,MAAK;AACpC,IAAA,MAAM,EAAE,CAAC,EAAE,GAAG,SAAS,EAAE;AAEzB,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,SAAS,EAAC,QAAQ,EAAA;QACrB,KAAA,CAAA,aAAA,CAAC,CAAC,CAAC,GAAG,EAAA,EAAC,QAAQ,EAAE,SAAS,EAAE,CAAC,EAAE,EAAA;YAC7B,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAC,IAAI,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,EAAA,EAC9D,CAAC,CAAC,+BAA+B,CAAC,CACxB,CACP;QACR,KAAA,CAAA,aAAA,CAAC,GAAG,IAAC,QAAQ,EAAE,GAAG,EAAE,EAAE,EAAC,MAAM,EAAA;YAC3B,KAAA,CAAA,aAAA,CAAC,MAAM,IAAC,aAAa,EAAE,qBAAqB,EAAA,CAAI,CAC5C,CACF;AAEV;;;;"}
+{"version":3,"file":"PaymentPending.js","sources":["../../../src/form/PaymentPending.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { Box, Typography } from '@mui/material';\nimport bankTransferAnimation from '../utils/data/lottie/bank-transfer.json';\nimport { varBounce } from '@components/animate';\nimport { m } from 'framer-motion';\nimport useGlobal from '@hooks/useGlobal.ts';\n\nconst PaymentPending: React.FC = () => {\n  const { t } = useGlobal();\n  const [LottieComponent, setLottieComponent] = useState<React.ComponentType<any> | null>(null);\n\n  useEffect(() => {\n    if (typeof window === 'undefined') return;\n\n    let isMounted = true;\n\n    import('lottie-react').then((module) => {\n      if (isMounted) {\n        setLottieComponent(() => module.default);\n      }\n    });\n\n    return () => {\n      isMounted = false;\n    };\n  }, []);\n\n  return (\n    <Box textAlign=\"center\">\n      <m.div variants={varBounce().in}>\n        <Typography variant=\"h4\" sx={{ mb: 2, maxWidth: 600, mx: 'auto' }}>\n          {t('event.tickets.payment_pending')}\n        </Typography>\n      </m.div>\n      <Box maxWidth={600} mx=\"auto\">\n        {LottieComponent ? <LottieComponent animationData={bankTransferAnimation} /> : null}\n      </Box>\n    </Box>\n  );\n};\n\nexport default PaymentPending;\n"],"names":[],"mappings":";;;;;;;;;;AAOA,MAAM,cAAc,GAAa,MAAK;AACpC,IAAA,MAAM,EAAE,CAAC,EAAE,GAAG,SAAS,EAAE;IACzB,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAkC,IAAI,CAAC;IAE7F,SAAS,CAAC,MAAK;QACb,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE;QAEnC,IAAI,SAAS,GAAG,IAAI;QAEpB,OAAO,cAAc,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,KAAI;YACrC,IAAI,SAAS,EAAE;gBACb,kBAAkB,CAAC,MAAM,MAAM,CAAC,OAAO,CAAC;;AAE5C,SAAC,CAAC;AAEF,QAAA,OAAO,MAAK;YACV,SAAS,GAAG,KAAK;AACnB,SAAC;KACF,EAAE,EAAE,CAAC;AAEN,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,SAAS,EAAC,QAAQ,EAAA;QACrB,KAAA,CAAA,aAAA,CAAC,CAAC,CAAC,GAAG,EAAA,EAAC,QAAQ,EAAE,SAAS,EAAE,CAAC,EAAE,EAAA;YAC7B,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAC,IAAI,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,EAAA,EAC9D,CAAC,CAAC,+BAA+B,CAAC,CACxB,CACP;AACR,QAAA,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,QAAQ,EAAE,GAAG,EAAE,EAAE,EAAC,MAAM,EAAA,EAC1B,eAAe,GAAG,KAAA,CAAA,aAAA,CAAC,eAAe,EAAA,EAAC,aAAa,EAAE,qBAAqB,EAAA,CAAI,GAAG,IAAI,CAC/E,CACF;AAEV;;;;"}

package/dist/esm/form/PaymentSuccess.js

@@ -16,9 +16,10 @@ 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 }) => {
-    const { showSnackbar, t, lang, callbacks, content } = useGlobal();
+const PaymentSuccess = ({ setIsPaying, isIframe, pixels }) => {
+    const { showSnackbar, t, lang, callbacks, content, user } = useGlobal();
     const theme = useTheme();
     const defaultState = 'PROCESSING';
     const errorState = 'ERROR';
@@ -46,9 +47,45 @@ const PaymentSuccess = ({ setIsPaying, isIframe }) => {
             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');

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

@@ -1 +1 @@
-{"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, fData } 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';\n\ninterface Props {\n  setIsPaying: Dispatch<SetStateAction<boolean>>;\n  isIframe?: boolean;\n}\n\nconst PaymentSuccess: React.FC<Props> = ({ setIsPaying, isIframe }) => {\n  const { showSnackbar, t, lang, callbacks, content } = 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      switch (data.state) {\n        case GopayState.PAID:\n          setTitle('event.tickets.payment_success.paid.title');\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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"}
+{"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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"}