@eventlook/sdk 1.4.46-beta.2 → 1.4.46-beta.4

package/dist/cjs/form/PaymentOverviewBox.js

@@ -0,0 +1,405 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+require('framer-motion');
+var material = require('@mui/material');
+require('../components/animate/IconButtonAnimate.js');
+var useResponsive = require('../hooks/useResponsive.js');
+var Iconify = require('../components/iconify/Iconify.js');
+var Image = require('../components/Image.js');
+var TextIconLabel = require('../components/TextIconLabel.js');
+var PaymentOverviewCheckbox = require('./payment/PaymentOverviewCheckbox.js');
+var locationIcon = require('@iconify/icons-carbon/location');
+var place = require('../utils/place.js');
+var lab = require('@mui/lab');
+var style = require('./style.js');
+var reactHookForm = require('react-hook-form');
+var useEventActiveReleases = require('../hooks/data/useEventActiveReleases.js');
+var price = require('../utils/price.js');
+var FeeBox = require('./payment/FeeBox.js');
+var formatNumber = require('../utils/formatNumber.js');
+var calendarIcon = require('@iconify/icons-carbon/calendar');
+var userIcon = require('@iconify/icons-carbon/user');
+var event = require('../utils/data/event.js');
+var dayjs = require('dayjs');
+var useGlobal = require('../hooks/useGlobal.js');
+var shoppingCart = require('../modules/shopping-cart.js');
+var promoCode = require('../utils/data/promo-code.js');
+var useActiveEventProducts = require('../hooks/data/useActiveEventProducts.js');
+var useDebounce = require('../hooks/useDebounce.js');
+var global = require('../utils/data/global.js');
+
+const PaymentOverviewBox = ({ event: event$1 }) => {
+    const { t, lang, options } = useGlobal.default();
+    const xs = useResponsive.default('only', 'xs');
+    const md = useResponsive.default('only', 'md');
+    const isMobile = useResponsive.default('down', 'md');
+    const { data: eventProducts } = useActiveEventProducts.default(event$1.id, true);
+    const [shippingFee, setShippingFee] = React.useState(0);
+    const { setValue, watch } = reactHookForm.useFormContext();
+    const values = watch();
+    const { total, uuid, firstName, lastName, email, gender, birthdate, phone, promoCodes, shipping, totalFee, isPaymentVerify, ticketInsurance, smsNotification, smsNotificationPrice, ticketInsurancePricePerUnit, } = values;
+    const tickets = reactHookForm.useWatch({
+        name: 'tickets',
+        defaultValue: {},
+    });
+    const flatTickets = React.useMemo(() => Object.values(tickets).flat(), [tickets]);
+    const products = reactHookForm.useWatch({
+        name: 'products',
+        defaultValue: {},
+    });
+    const flatProducts = React.useMemo(() => Object.values(products).flat(), [products]);
+    const eventTimeslotId = reactHookForm.useWatch({ name: 'eventTimeslotId' });
+    const paymentMethodId = reactHookForm.useWatch({ name: 'paymentMethodId' });
+    const paymentMethodOptionId = reactHookForm.useWatch({ name: 'paymentMethodOptionId' });
+    const { data: activeReleases } = useEventActiveReleases.default(event$1.id, true, event$1.type === event.EventType.RECURRING ? eventTimeslotId : undefined);
+    const selectedTickets = React.useMemo(() => flatTickets
+        .filter((ticket) => ticket.quantity)
+        .map((ticket) => {
+        const release = activeReleases?.find((release) => release.id === ticket.releaseId);
+        return {
+            itemName: release ? `${release.releaseCategoryName} - ${release.name}` : '',
+            price: release?.price || 0,
+            quantity: ticket.quantity,
+            releaseId: ticket.releaseId,
+            products: ticket.products.map((product) => {
+                const variant = release?.product?.eventProductVariants.find((variant) => variant.id === product.eventProductVariantId);
+                return {
+                    ...product,
+                    name: release?.product && variant
+                        ? `${release.product.product.name} - ${variant.productVariant.value}`
+                        : '',
+                    price: variant?.priceWithVat ?? product.price ?? 0,
+                };
+            }),
+        };
+    }), [flatTickets, activeReleases]);
+    const selectedVariants = React.useMemo(() => {
+        const selectedVariants = [];
+        for (const [eventId, productArray] of Object.entries(products))
+            for (const product of productArray) {
+                for (const eventProduct of eventProducts) {
+                    for (const variant of eventProduct.eventProductVariants) {
+                        if (product.eventProductVariantId === variant.id) {
+                            selectedVariants.push({
+                                variantId: product.eventProductVariantId,
+                                eventId: eventId,
+                                name: `${eventProduct.product.name} - ${variant.productVariant.value}`,
+                                price: variant.priceWithVat * product.quantity,
+                                quantity: product.quantity,
+                            });
+                        }
+                    }
+                }
+            }
+        return selectedVariants;
+    }, [event$1, flatProducts]);
+    const getFee = React.useMemo(() => formatNumber.fCurrency(totalFee ?? 0, lang, event$1.currency), [totalFee]);
+    const shoppingCartBody = React.useMemo(() => ({
+        uuid,
+        eventId: event$1.id,
+        tickets: Object.fromEntries(Object.entries(values.tickets).map(([id, items]) => [
+            id,
+            items
+                .filter((item) => item.quantity && item.releaseId)
+                .map((item) => ({
+                ...item,
+                eventTimeslotId: eventTimeslotId ?? null,
+            })),
+        ])),
+        products: Object.fromEntries(Object.entries(values.products).map(([id, items]) => [
+            id,
+            items.map(({ eventProductVariantId, productVariantId, quantity, price, excludedShippingMethodIds, }) => ({
+                eventProductVariantId,
+                productVariantId,
+                quantity,
+                price,
+                excludedShippingMethodIds,
+            })),
+        ])),
+        shipping: {
+            shippingMethodId: shipping?.shippingMethodId ?? null,
+            branchId: shipping?.branchId ?? null,
+            price: shipping?.price ?? 0,
+        },
+        promoCodeIds: promoCodes?.map((p) => p.id) ?? null,
+        language: lang,
+        firstName,
+        lastName,
+        email,
+        phone,
+        birthdate,
+        gender,
+        paymentMethodId: paymentMethodId ? Number(paymentMethodId) : null,
+        paymentMethodOptionId: paymentMethodOptionId ? Number(paymentMethodOptionId) : null,
+        ticketInsurance,
+        smsNotification,
+    }), [
+        uuid,
+        event$1.id,
+        tickets,
+        products,
+        shipping,
+        promoCodes,
+        lang,
+        firstName,
+        lastName,
+        email,
+        phone,
+        birthdate,
+        gender,
+        paymentMethodId,
+        paymentMethodOptionId,
+        eventTimeslotId,
+        ticketInsurance,
+        smsNotification,
+    ]);
+    const debouncedShoppingCartBody = useDebounce.default(shoppingCartBody, 300);
+    const setShoppingCartValues = (data, recalculate = false) => {
+        if (!recalculate) {
+            const hasTickets = !!data.tickets && typeof data.tickets === 'object' && Object.keys(data.tickets).length > 0;
+            if (hasTickets) {
+                setValue('tickets', data.tickets);
+            }
+            const hasProducts = !!data.products &&
+                typeof data.products === 'object' &&
+                Object.keys(data.products).length > 0;
+            if (hasProducts) {
+                setValue('products', data.products);
+            }
+            setValue('promoCodes', data.promoCodes || []);
+            setValue('uuid', data.uuid);
+            setValue('firstName', data.firstName || '');
+            setValue('lastName', data.lastName || '');
+            setValue('gender', data.gender || '');
+            setValue('birthdate', data.birthdate ? dayjs(data.birthdate) : null);
+            setValue('email', data.email || '');
+            setValue('phone', data.phone || '');
+            setValue('paymentMethodId', data.paymentMethodId ? data.paymentMethodId : null);
+            setValue('paymentMethodOptionId', data.paymentMethodOptionId ? data.paymentMethodOptionId : null);
+            setValue('shipping', data.shipping || { shippingMethodId: null, branchId: null, price: 0 });
+        }
+        const allTickets = Object.values(data?.tickets || {}).flat();
+        if (allTickets.length && allTickets[0]?.eventTimeslotId) {
+            setValue('eventTimeslotId', allTickets[0].eventTimeslotId);
+        }
+        setValue('originalPrice', data.originalPrice);
+        setValue('total', data.totalPrice || 0);
+        const feeTotal = (data.serviceFee ?? 0) + (data.paymentMethodFee ?? 0);
+        setValue('totalFee', feeTotal);
+        setShippingFee(data.shippingFee);
+        setValue('ticketInsurance', data.ticketInsurance.enabled);
+        setValue('ticketInsurancePrice', data.ticketInsurance.price);
+        setValue('ticketInsurancePricePerUnit', data.ticketInsurance.pricePerUnit);
+        setValue('smsNotification', data.smsNotification.enabled);
+        setValue('smsNotificationPrice', data.smsNotification.price);
+    };
+    const totalItemCount = React.useMemo(() => {
+        const count = {
+            total: 0,
+            totalTickets: 0,
+            totalProducts: 0,
+        };
+        for (const ticket of flatTickets) {
+            if (!ticket.quantity)
+                continue;
+            count.total += ticket.quantity;
+            count.totalTickets += ticket.quantity;
+            for (const product of ticket.products || []) {
+                count.total += product.quantity;
+                count.totalProducts += product.quantity;
+            }
+        }
+        for (const product of flatProducts || []) {
+            count.total += product.quantity;
+            count.totalProducts += product.quantity;
+        }
+        return count;
+    }, [flatTickets, flatProducts]);
+    const promoCodesValues = React.useMemo(() => {
+        const discount = {
+            fixed: 0,
+            fixedDevided: 0,
+            fixedDevidedTickets: 0,
+            fixedDevidedProducts: 0,
+            percent: 0,
+            ticketsDiscountFixed: 0,
+            productDiscountFixed: 0,
+            productDiscountPercent: 0,
+            promoCodes: [],
+        };
+        promoCodes.forEach((promoCode$1) => {
+            const { type, applyDiscountToProducts, value } = promoCode$1;
+            if (type === promoCode.PromoCodeTypes.PERCENTAGE) {
+                if (applyDiscountToProducts) {
+                    discount.productDiscountPercent += value;
+                }
+                discount.percent += value;
+            }
+            else if (type === promoCode.PromoCodeTypes.FIXED) {
+                if (applyDiscountToProducts) {
+                    discount.productDiscountFixed += value;
+                }
+                else {
+                    discount.ticketsDiscountFixed += value;
+                }
+                discount.fixed += value;
+            }
+        });
+        discount.fixedDevidedProducts = discount.productDiscountFixed
+            ? Math.ceil((discount.productDiscountFixed / totalItemCount.total) * 100) / 100
+            : 0;
+        discount.fixedDevidedTickets =
+            Math.ceil((discount.ticketsDiscountFixed / totalItemCount.totalTickets) * 100) / 100;
+        discount.fixedDevidedTickets += discount.fixedDevidedProducts;
+        return discount;
+    }, [promoCodes, flatTickets, flatProducts]);
+    const hasOrderId = React.useMemo(() => {
+        const urlParams = new URLSearchParams(window.location.search);
+        return urlParams.has('id');
+    }, []);
+    React.useEffect(() => {
+        if (!hasOrderId) {
+            recalculateItems(debouncedShoppingCartBody);
+        }
+    }, [debouncedShoppingCartBody, hasOrderId]);
+    /** Iframe code **/
+    React.useEffect(() => {
+        window.addEventListener('message', messageListener, false);
+        return () => {
+            window.removeEventListener('message', messageListener, false);
+        };
+    }, []);
+    const messageListener = async (event) => {
+        if (event.data.type === 'eventlookFrameScrollTop') {
+            const dialog = document.getElementById('overview-card');
+            if (dialog) {
+                dialog.style.top = `${event.data.scrollTop}px`;
+            }
+        }
+    };
+    /** End Iframe code **/
+    const recalculateItems = React.useCallback(async (body) => {
+        try {
+            const isInitial = !body.uuid;
+            let response;
+            if (isInitial) {
+                const existing = localStorage.getItem('cartToken');
+                const storedUuid = existing && existing !== 'undefined' && existing !== 'null' ? existing : null;
+                response = await shoppingCart.getCart(body.eventId, storedUuid);
+            }
+            else {
+                response = await shoppingCart.calculateCart(body);
+            }
+            const cart = response?.data;
+            if (cart) {
+                if (cart.uuid) {
+                    localStorage.setItem('cartToken', cart.uuid);
+                }
+                setShoppingCartValues(cart, !isInitial);
+            }
+        }
+        catch (err) {
+            console.error('Error calculating cart:', err);
+        }
+    }, []);
+    const removeProduct = (variant) => {
+        const { eventId, variantId } = variant;
+        const list = Array.isArray(products[eventId]) ? [...products[eventId]] : [];
+        const idx = list.findIndex((p) => Number(p.eventProductVariantId) === Number(variantId));
+        if (idx === -1)
+            return;
+        const item = list[idx];
+        if ((item.quantity ?? 0) <= 1) {
+            list.splice(idx, 1);
+        }
+        else {
+            list[idx] = { ...item, quantity: (item.quantity ?? 1) - 1 };
+        }
+        const next = { ...products, [eventId]: list };
+        if (list.length === 0) {
+            const { [eventId]: _removed, ...rest } = next;
+            setValue('products', rest);
+        }
+        else {
+            setValue('products', next);
+        }
+    };
+    return (React.createElement(style.OverviewCard, { id: "overview-card", stickyHeaderTop: options?.stickyHeaderTop || 0 },
+        !isMobile && (React.createElement(material.Stack, { className: "overview-card__event-info", p: 2, spacing: 2 },
+            React.createElement(material.Typography, { variant: "h6" }, event$1.name),
+            React.createElement(material.Box, null,
+                React.createElement(material.Grid, { container: true, spacing: 1 },
+                    React.createElement(material.Grid, { item: true, xs: 6 },
+                        React.createElement(Image.default, { src: event$1.image.url, alt: event$1.name, ratio: "16/9", borderRadius: 2 })),
+                    React.createElement(material.Grid, { item: true, xs: 6 },
+                        React.createElement(TextIconLabel.default, { icon: React.createElement(Iconify.default, { icon: locationIcon, sx: { mr: 0.5, mt: 0.5, width: 18, height: 18, minWidth: 18 } }), value: React.createElement(material.Box, null, place.getPlaceAsString(event$1.place)), sx: { typography: 'body3', color: 'text.secondary', alignItems: 'flex-start' } })))),
+            React.createElement(material.Divider, { sx: { borderStyle: 'dashed' } }),
+            React.createElement(material.Stack, { direction: { xs: 'column', sm: 'row', md: 'column', lg: 'row' }, spacing: 2, p: 2, divider: React.createElement(material.Divider, { orientation: xs || md ? 'horizontal' : 'vertical', flexItem: true, sx: { borderStyle: 'dashed' } }), sx: {
+                    backgroundColor: (theme) => theme.palette.mode === 'light' ? theme.palette.grey[100] : theme.palette.grey[900],
+                    borderRadius: 1,
+                } },
+                React.createElement(material.Box, { width: { sm: '50%', md: '100%', lg: '50%' } },
+                    React.createElement(TextIconLabel.default, { icon: React.createElement(Iconify.default, { icon: calendarIcon, sx: { minWidth: 20, height: 20, mr: 1 } }), value: t('form.labels.start_date'), sx: { color: 'text.secondary' } }),
+                    React.createElement(material.Typography, { variant: "body2", fontWeight: 700 }, dayjs(event$1.startDate).format('DD.MM.YYYY HH:mm'))),
+                React.createElement(material.Box, { width: { sm: '50%', md: '100%', lg: '50%' } },
+                    React.createElement(TextIconLabel.default, { icon: React.createElement(Iconify.default, { icon: userIcon, sx: { minWidth: 20, height: 20, mr: 1 } }), value: t('form.labels.organizer'), sx: { color: 'text.secondary' } }),
+                    React.createElement(material.Typography, { variant: "body2", fontWeight: 700 }, event$1.company.displayName))))),
+        React.createElement(material.Stack, { className: "overview-card__order-info", p: 2, spacing: 1 },
+            !!selectedTickets.length && !isMobile && React.createElement(material.Divider, { sx: { borderStyle: 'dashed' } }),
+            !!selectedTickets.length && (React.createElement(React.Fragment, null,
+                React.createElement(PaymentOverviewCheckbox.default, { checkboxName: "ticketInsurance", label: t('event.tickets.insurance.label'), value: React.createElement(React.Fragment, null,
+                        ticketInsurance && totalItemCount.totalTickets > 0 ? '' : '+ ',
+                        formatNumber.fCurrency(ticketInsurancePricePerUnit, lang, event$1.currency),
+                        " /",
+                        ' ',
+                        t('event.tickets.insurance.per_ticket')) }),
+                React.createElement(PaymentOverviewCheckbox.default, { checkboxName: "smsNotification", label: t('event.tickets.sms_notification.label'), value: React.createElement(React.Fragment, null,
+                        smsNotification && totalItemCount.totalTickets > 0 ? '' : '+ ',
+                        formatNumber.fCurrency(smsNotificationPrice, lang, event$1.currency)) }),
+                React.createElement(material.Divider, { sx: { borderStyle: 'dashed' } }))),
+            selectedTickets.map((ticket, index) => (React.createElement(material.Box, { key: index },
+                React.createElement(material.Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", spacing: 2 },
+                    React.createElement(material.Typography, { variant: "caption" },
+                        ticket.quantity,
+                        "x ",
+                        ticket.itemName),
+                    React.createElement(material.Typography, { variant: "caption" }, formatNumber.fCurrency(price.calculatePriceWithDiscount(ticket.price, promoCodesValues.percent, promoCodesValues.fixedDevidedTickets) * Number(ticket.quantity), lang, event$1.currency))),
+                ticket.products.map((product, index2) => (React.createElement(material.Stack, { key: index2, direction: "row", justifyContent: "space-between", alignItems: "center", spacing: 2 },
+                    React.createElement(material.Typography, { variant: "caption" },
+                        "- ",
+                        product.quantity,
+                        "x ",
+                        product.name),
+                    React.createElement(material.Typography, { variant: "caption" }, product.price > 0
+                        ? formatNumber.fCurrency(price.calculatePriceWithDiscount(product.price, promoCodesValues.productDiscountPercent, promoCodesValues.fixedDevidedProducts
+                            ? promoCodesValues.fixedDevidedProducts * product.quantity
+                            : 0), lang, event$1.currency)
+                        : t('free')))))))),
+            selectedVariants.map((variant, index) => (React.createElement(material.Box, { key: index },
+                React.createElement(material.Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", spacing: 2 },
+                    React.createElement(material.Typography, { variant: "caption" },
+                        variant.quantity,
+                        "x ",
+                        variant.name),
+                    React.createElement(material.Stack, { direction: "row", spacing: 1, alignItems: "center" },
+                        React.createElement(material.Typography, { variant: "caption" }, formatNumber.fCurrency(price.calculatePriceWithDiscount(variant.price, promoCodesValues.productDiscountPercent, promoCodesValues.fixedDevidedProducts
+                            ? promoCodesValues.fixedDevidedProducts * variant.quantity
+                            : 0), lang, event$1.currency)),
+                        React.createElement(material.IconButton, { onClick: () => removeProduct(variant), color: "primary", size: "small" },
+                            React.createElement(Iconify.default, { icon: "carbon:trash-can" }))))))),
+            !!shippingFee && (React.createElement(material.Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", spacing: 2 },
+                React.createElement(material.Typography, { variant: "caption" }, t('form.labels.shipping_fee')),
+                React.createElement(material.Typography, { variant: "caption" }, formatNumber.fCurrency(shippingFee, lang, event$1.currency)))),
+            !!total && !!totalFee && (React.createElement(material.Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", spacing: 2 },
+                React.createElement(material.Typography, { variant: "caption" }, t('form.labels.service_fee')),
+                React.createElement(material.Typography, { variant: "caption" }, getFee))),
+            ((!!selectedTickets.length && isMobile) || !isMobile) && (React.createElement(material.Divider, { sx: { borderStyle: 'dashed' } })),
+            React.createElement(FeeBox.default, { event: event$1 }),
+            React.createElement(lab.LoadingButton, { type: "submit", form: global.EVENTLOOK_ORDER_FORM_ID, variant: "contained", size: "large", fullWidth: true }, t(isPaymentVerify ? 'verify' : 'buy')))));
+};
+
+exports.default = PaymentOverviewBox;
+//# sourceMappingURL=PaymentOverviewBox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentOverviewBox.js","sources":["../../../src/form/PaymentOverviewBox.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { Iconify, Image, TextIconLabel } from '@components';\nimport { Box, Divider, Grid, IconButton, Stack, Typography } from '@mui/material';\nimport PaymentOverviewCheckbox from '@form/payment/PaymentOverviewCheckbox.tsx';\nimport locationIcon from '@iconify/icons-carbon/location';\nimport { getPlaceAsString } from '@utils/place';\nimport { LoadingButton } from '@mui/lab';\nimport { OverviewCard } from '@form/style';\nimport { IEvent } from '@utils/types/event.type';\nimport { useFormContext, useWatch } from 'react-hook-form';\nimport { ITicketForm, ITicketFormTicket } from '@utils/types/ticket.type';\nimport useEventActiveReleases from '@hooks/data/useEventActiveReleases';\nimport useResponsive from '@hooks/useResponsive';\nimport { calculatePriceWithDiscount } from '@utils/price';\nimport FeeBox from '@form/payment/FeeBox';\nimport { IPromoCode } from '@utils/types/promo-code.type';\nimport { fCurrency } from '@utils/formatNumber';\nimport { IEventProductForm, ISelectedProductVariant } from '@utils/types/product.type';\nimport calendarIcon from '@iconify/icons-carbon/calendar';\nimport userIcon from '@iconify/icons-carbon/user';\nimport { EventType } from '@utils/data/event';\nimport dayjs from 'dayjs';\nimport useGlobal from '@hooks/useGlobal.ts';\nimport { calculateCart, getCart } from '@modules/shopping-cart.ts';\nimport { ICalculateShoppingCartDto, IShoppingCartDto } from '@utils/types/shopping-cart.type.ts';\nimport { PromoCodeTypes } from '@utils/data/promo-code.ts';\nimport useActiveEventProducts from '@hooks/data/useActiveEventProducts';\nimport useDebounce from '@hooks/useDebounce';\nimport { EVENTLOOK_ORDER_FORM_ID } from '@utils/data/global.ts';\n\ninterface Props {\n  event: IEvent;\n}\n\nconst PaymentOverviewBox: React.FC<Props> = ({ event }) => {\n  const { t, lang, options } = useGlobal();\n  const xs = useResponsive('only', 'xs');\n  const md = useResponsive('only', 'md');\n  const isMobile = useResponsive('down', 'md');\n  const { data: eventProducts } = useActiveEventProducts(event.id, true);\n  const [shippingFee, setShippingFee] = useState(0);\n  const { setValue, watch } = useFormContext<ITicketForm>();\n  const values = watch();\n  const {\n    total,\n    uuid,\n    firstName,\n    lastName,\n    email,\n    gender,\n    birthdate,\n    phone,\n    promoCodes,\n    shipping,\n    totalFee,\n    isPaymentVerify,\n    ticketInsurance,\n    smsNotification,\n    smsNotificationPrice,\n    ticketInsurancePricePerUnit,\n  } = values;\n  const tickets: Record<string, ITicketFormTicket[]> = useWatch({\n    name: 'tickets',\n    defaultValue: {},\n  });\n  const flatTickets: ITicketFormTicket[] = useMemo(() => Object.values(tickets).flat(), [tickets]);\n  const products: Record<string, IEventProductForm[]> = useWatch({\n    name: 'products',\n    defaultValue: {},\n  });\n  const flatProducts: IEventProductForm[] = useMemo(\n    () => Object.values(products).flat(),\n    [products]\n  );\n  const eventTimeslotId: number | null = useWatch({ name: 'eventTimeslotId' });\n  const paymentMethodId: number | null = useWatch({ name: 'paymentMethodId' });\n  const paymentMethodOptionId: number | null = useWatch({ name: 'paymentMethodOptionId' });\n  const { data: activeReleases } = useEventActiveReleases(\n    event.id,\n    true,\n    event.type === EventType.RECURRING ? eventTimeslotId : undefined\n  );\n  const selectedTickets = useMemo(\n    () =>\n      flatTickets\n        .filter((ticket) => ticket.quantity)\n        .map((ticket) => {\n          const release = activeReleases?.find((release) => release.id === ticket.releaseId);\n          return {\n            itemName: release ? `${release.releaseCategoryName} - ${release.name}` : '',\n            price: release?.price || 0,\n            quantity: ticket.quantity,\n            releaseId: ticket.releaseId,\n            products: ticket.products.map((product) => {\n              const variant = release?.product?.eventProductVariants.find(\n                (variant) => variant.id === product.eventProductVariantId\n              );\n              return {\n                ...product,\n                name:\n                  release?.product && variant\n                    ? `${release.product.product.name} - ${variant.productVariant.value}`\n                    : '',\n                price: variant?.priceWithVat ?? product.price ?? 0,\n              };\n            }),\n          };\n        }),\n    [flatTickets, activeReleases]\n  );\n\n  const selectedVariants = useMemo(() => {\n    const selectedVariants: ISelectedProductVariant[] = [];\n    for (const [eventId, productArray] of Object.entries(products))\n      for (const product of productArray) {\n        for (const eventProduct of eventProducts) {\n          for (const variant of eventProduct.eventProductVariants) {\n            if (product.eventProductVariantId === variant.id) {\n              selectedVariants.push({\n                variantId: product.eventProductVariantId,\n                eventId: eventId,\n                name: `${eventProduct.product.name} - ${variant.productVariant.value}`,\n                price: variant.priceWithVat * product.quantity,\n                quantity: product.quantity,\n              });\n            }\n          }\n        }\n      }\n\n    return selectedVariants;\n  }, [event, flatProducts]);\n\n  const getFee = useMemo(() => fCurrency(totalFee ?? 0, lang, event.currency), [totalFee]);\n\n  const shoppingCartBody = useMemo<ICalculateShoppingCartDto>(\n    () => ({\n      uuid,\n      eventId: event.id,\n      tickets: Object.fromEntries(\n        Object.entries(values.tickets).map(([id, items]) => [\n          id,\n          items\n            .filter((item) => item.quantity && item.releaseId)\n            .map((item) => ({\n              ...item,\n              eventTimeslotId: eventTimeslotId ?? null,\n            })),\n        ])\n      ),\n      products: Object.fromEntries(\n        Object.entries(values.products).map(([id, items]) => [\n          id,\n          items.map(\n            ({\n              eventProductVariantId,\n              productVariantId,\n              quantity,\n              price,\n              excludedShippingMethodIds,\n            }) => ({\n              eventProductVariantId,\n              productVariantId,\n              quantity,\n              price,\n              excludedShippingMethodIds,\n            })\n          ),\n        ])\n      ),\n      shipping: {\n        shippingMethodId: shipping?.shippingMethodId ?? null,\n        branchId: shipping?.branchId ?? null,\n        price: shipping?.price ?? 0,\n      },\n      promoCodeIds: promoCodes?.map((p) => p.id) ?? null,\n      language: lang,\n      firstName,\n      lastName,\n      email,\n      phone,\n      birthdate,\n      gender,\n      paymentMethodId: paymentMethodId ? Number(paymentMethodId) : null,\n      paymentMethodOptionId: paymentMethodOptionId ? Number(paymentMethodOptionId) : null,\n      ticketInsurance,\n      smsNotification,\n    }),\n    [\n      uuid,\n      event.id,\n      tickets,\n      products,\n      shipping,\n      promoCodes,\n      lang,\n      firstName,\n      lastName,\n      email,\n      phone,\n      birthdate,\n      gender,\n      paymentMethodId,\n      paymentMethodOptionId,\n      eventTimeslotId,\n      ticketInsurance,\n      smsNotification,\n    ]\n  );\n\n  const debouncedShoppingCartBody = useDebounce(shoppingCartBody, 300);\n\n  const setShoppingCartValues = (data: IShoppingCartDto, recalculate = false) => {\n    if (!recalculate) {\n      const hasTickets =\n        !!data.tickets && typeof data.tickets === 'object' && Object.keys(data.tickets).length > 0;\n\n      if (hasTickets) {\n        setValue('tickets', data.tickets);\n      }\n\n      const hasProducts =\n        !!data.products &&\n        typeof data.products === 'object' &&\n        Object.keys(data.products).length > 0;\n\n      if (hasProducts) {\n        setValue('products', data.products);\n      }\n\n      setValue('promoCodes', data.promoCodes || []);\n      setValue('uuid', data.uuid);\n      setValue('firstName', data.firstName || '');\n      setValue('lastName', data.lastName || '');\n      setValue('gender', data.gender || '');\n      setValue('birthdate', data.birthdate ? dayjs(data.birthdate) : null);\n      setValue('email', data.email || '');\n      setValue('phone', data.phone || '');\n      setValue('paymentMethodId', data.paymentMethodId ? data.paymentMethodId : null);\n      setValue(\n        'paymentMethodOptionId',\n        data.paymentMethodOptionId ? data.paymentMethodOptionId : null\n      );\n      setValue('shipping', data.shipping || { shippingMethodId: null, branchId: null, price: 0 });\n    }\n    const allTickets = Object.values(data?.tickets || {}).flat();\n    if (allTickets.length && allTickets[0]?.eventTimeslotId) {\n      setValue('eventTimeslotId', allTickets[0].eventTimeslotId);\n    }\n    setValue('originalPrice', data.originalPrice);\n    setValue('total', data.totalPrice || 0);\n\n    const feeTotal = (data.serviceFee ?? 0) + (data.paymentMethodFee ?? 0);\n    setValue('totalFee', feeTotal);\n\n    setShippingFee(data.shippingFee);\n    setValue('ticketInsurance', data.ticketInsurance.enabled);\n    setValue('ticketInsurancePrice', data.ticketInsurance.price);\n    setValue('ticketInsurancePricePerUnit', data.ticketInsurance.pricePerUnit);\n    setValue('smsNotification', data.smsNotification.enabled);\n    setValue('smsNotificationPrice', data.smsNotification.price);\n  };\n\n  const totalItemCount = useMemo(() => {\n    const count = {\n      total: 0,\n      totalTickets: 0,\n      totalProducts: 0,\n    };\n\n    for (const ticket of flatTickets) {\n      if (!ticket.quantity) continue;\n      count.total += ticket.quantity;\n      count.totalTickets += ticket.quantity;\n\n      for (const product of ticket.products || []) {\n        count.total += product.quantity;\n        count.totalProducts += product.quantity;\n      }\n    }\n\n    for (const product of flatProducts || []) {\n      count.total += product.quantity;\n      count.totalProducts += product.quantity;\n    }\n\n    return count;\n  }, [flatTickets, flatProducts]);\n\n  const promoCodesValues = useMemo(() => {\n    const discount = {\n      fixed: 0,\n      fixedDevided: 0,\n      fixedDevidedTickets: 0,\n      fixedDevidedProducts: 0,\n      percent: 0,\n      ticketsDiscountFixed: 0,\n      productDiscountFixed: 0,\n      productDiscountPercent: 0,\n      promoCodes: [] as IPromoCode[],\n    };\n\n    promoCodes.forEach((promoCode) => {\n      const { type, applyDiscountToProducts, value } = promoCode;\n\n      if (type === PromoCodeTypes.PERCENTAGE) {\n        if (applyDiscountToProducts) {\n          discount.productDiscountPercent += value;\n        }\n        discount.percent += value;\n      } else if (type === PromoCodeTypes.FIXED) {\n        if (applyDiscountToProducts) {\n          discount.productDiscountFixed += value;\n        } else {\n          discount.ticketsDiscountFixed += value;\n        }\n        discount.fixed += value;\n      }\n    });\n\n    discount.fixedDevidedProducts = discount.productDiscountFixed\n      ? Math.ceil((discount.productDiscountFixed / totalItemCount.total) * 100) / 100\n      : 0;\n\n    discount.fixedDevidedTickets =\n      Math.ceil((discount.ticketsDiscountFixed / totalItemCount.totalTickets) * 100) / 100;\n\n    discount.fixedDevidedTickets += discount.fixedDevidedProducts;\n\n    return discount;\n  }, [promoCodes, flatTickets, flatProducts]);\n\n  const hasOrderId = useMemo(() => {\n    const urlParams = new URLSearchParams(window.location.search);\n    return urlParams.has('id');\n  }, []);\n\n  useEffect(() => {\n    if (!hasOrderId) {\n      recalculateItems(debouncedShoppingCartBody);\n    }\n  }, [debouncedShoppingCartBody, hasOrderId]);\n\n  /** Iframe code **/\n  useEffect(() => {\n    window.addEventListener('message', messageListener, false);\n    return () => {\n      window.removeEventListener('message', messageListener, false);\n    };\n  }, []);\n\n  const messageListener = async (event: any) => {\n    if (event.data.type === 'eventlookFrameScrollTop') {\n      const dialog = document.getElementById('overview-card');\n      if (dialog) {\n        dialog.style.top = `${event.data.scrollTop}px`;\n      }\n    }\n  };\n  /** End Iframe code **/\n\n  const recalculateItems = useCallback(async (body: ICalculateShoppingCartDto) => {\n    try {\n      const isInitial = !body.uuid;\n\n      let response: any;\n      if (isInitial) {\n        const existing = localStorage.getItem('cartToken');\n        const storedUuid =\n          existing && existing !== 'undefined' && existing !== 'null' ? existing : null;\n        response = await getCart(body.eventId, storedUuid);\n      } else {\n        response = await calculateCart(body);\n      }\n\n      const cart = response?.data;\n\n      if (cart) {\n        if (cart.uuid) {\n          localStorage.setItem('cartToken', cart.uuid);\n        }\n        setShoppingCartValues(cart, !isInitial);\n      }\n    } catch (err) {\n      console.error('Error calculating cart:', err);\n    }\n  }, []);\n\n  const removeProduct = (variant: ISelectedProductVariant) => {\n    const { eventId, variantId } = variant;\n    const list = Array.isArray(products[eventId]) ? [...products[eventId]] : [];\n\n    const idx = list.findIndex((p) => Number(p.eventProductVariantId) === Number(variantId));\n    if (idx === -1) return;\n    const item = list[idx];\n\n    if ((item.quantity ?? 0) <= 1) {\n      list.splice(idx, 1);\n    } else {\n      list[idx] = { ...item, quantity: (item.quantity ?? 1) - 1 };\n    }\n\n    const next = { ...products, [eventId]: list };\n\n    if (list.length === 0) {\n      const { [eventId]: _removed, ...rest } = next;\n      setValue('products', rest);\n    } else {\n      setValue('products', next);\n    }\n  };\n\n  return (\n    <OverviewCard id=\"overview-card\" stickyHeaderTop={options?.stickyHeaderTop || 0}>\n      {!isMobile && (\n        <Stack className=\"overview-card__event-info\" p={2} spacing={2}>\n          <Typography variant=\"h6\">{event.name}</Typography>\n          <Box>\n            <Grid container spacing={1}>\n              <Grid item xs={6}>\n                <Image src={event.image.url} alt={event.name} ratio=\"16/9\" borderRadius={2} />\n              </Grid>\n              <Grid item xs={6}>\n                <TextIconLabel\n                  icon={\n                    <Iconify\n                      icon={locationIcon}\n                      sx={{ mr: 0.5, mt: 0.5, width: 18, height: 18, minWidth: 18 }}\n                    />\n                  }\n                  value={<Box>{getPlaceAsString(event.place)}</Box>}\n                  sx={{ typography: 'body3', color: 'text.secondary', alignItems: 'flex-start' }}\n                />\n              </Grid>\n            </Grid>\n          </Box>\n          <Divider sx={{ borderStyle: 'dashed' }} />\n          <Stack\n            direction={{ xs: 'column', sm: 'row', md: 'column', lg: 'row' }}\n            spacing={2}\n            p={2}\n            divider={\n              <Divider\n                orientation={xs || md ? 'horizontal' : 'vertical'}\n                flexItem\n                sx={{ borderStyle: 'dashed' }}\n              />\n            }\n            sx={{\n              backgroundColor: (theme) =>\n                theme.palette.mode === 'light' ? theme.palette.grey[100] : theme.palette.grey[900],\n              borderRadius: 1,\n            }}\n          >\n            <Box width={{ sm: '50%', md: '100%', lg: '50%' }}>\n              <TextIconLabel\n                icon={<Iconify icon={calendarIcon} sx={{ minWidth: 20, height: 20, mr: 1 }} />}\n                value={t('form.labels.start_date')}\n                sx={{ color: 'text.secondary' }}\n              />\n              <Typography variant=\"body2\" fontWeight={700}>\n                {dayjs(event.startDate).format('DD.MM.YYYY HH:mm')}\n              </Typography>\n            </Box>\n            <Box width={{ sm: '50%', md: '100%', lg: '50%' }}>\n              <TextIconLabel\n                icon={<Iconify icon={userIcon} sx={{ minWidth: 20, height: 20, mr: 1 }} />}\n                value={t('form.labels.organizer')}\n                sx={{ color: 'text.secondary' }}\n              />\n              <Typography variant=\"body2\" fontWeight={700}>\n                {event.company.displayName}\n              </Typography>\n            </Box>\n          </Stack>\n        </Stack>\n      )}\n      <Stack className=\"overview-card__order-info\" p={2} spacing={1}>\n        {!!selectedTickets.length && !isMobile && <Divider sx={{ borderStyle: 'dashed' }} />}\n\n        {!!selectedTickets.length && (\n          <>\n            {/* TODO: Uncomment this when Colonnade response - must update terms and conditions and email info */}\n            <PaymentOverviewCheckbox\n              checkboxName=\"ticketInsurance\"\n              label={t('event.tickets.insurance.label')}\n              value={\n                <>\n                  {ticketInsurance && totalItemCount.totalTickets > 0 ? '' : '+ '}\n                  {fCurrency(ticketInsurancePricePerUnit, lang, event.currency)} /{' '}\n                  {t('event.tickets.insurance.per_ticket')}\n                </>\n              }\n            />\n            <PaymentOverviewCheckbox\n              checkboxName=\"smsNotification\"\n              label={t('event.tickets.sms_notification.label')}\n              value={\n                <>\n                  {smsNotification && totalItemCount.totalTickets > 0 ? '' : '+ '}\n                  {fCurrency(smsNotificationPrice, lang, event.currency)}\n                </>\n              }\n            />\n            <Divider sx={{ borderStyle: 'dashed' }} />\n          </>\n        )}\n        {selectedTickets.map((ticket, index) => (\n          <Box key={index}>\n            <Stack direction=\"row\" justifyContent=\"space-between\" alignItems=\"center\" spacing={2}>\n              <Typography variant=\"caption\">\n                {ticket.quantity}x {ticket.itemName}\n              </Typography>\n              <Typography variant=\"caption\">\n                {fCurrency(\n                  calculatePriceWithDiscount(\n                    ticket.price,\n                    promoCodesValues.percent,\n                    promoCodesValues.fixedDevidedTickets\n                  ) * Number(ticket.quantity),\n                  lang,\n                  event.currency\n                )}\n              </Typography>\n            </Stack>\n            {ticket.products.map((product, index2) => (\n              <Stack\n                key={index2}\n                direction=\"row\"\n                justifyContent=\"space-between\"\n                alignItems=\"center\"\n                spacing={2}\n              >\n                <Typography variant=\"caption\">\n                  - {product.quantity}x {product.name}\n                </Typography>\n                <Typography variant=\"caption\">\n                  {product.price > 0\n                    ? fCurrency(\n                        calculatePriceWithDiscount(\n                          product.price,\n                          promoCodesValues.productDiscountPercent,\n                          promoCodesValues.fixedDevidedProducts\n                            ? promoCodesValues.fixedDevidedProducts * product.quantity\n                            : 0\n                        ),\n                        lang,\n                        event.currency\n                      )\n                    : t('free')}\n                </Typography>\n              </Stack>\n            ))}\n          </Box>\n        ))}\n        {selectedVariants.map((variant, index) => (\n          <Box key={index}>\n            <Stack direction=\"row\" justifyContent=\"space-between\" alignItems=\"center\" spacing={2}>\n              <Typography variant=\"caption\">\n                {variant.quantity}x {variant.name}\n              </Typography>\n              <Stack direction=\"row\" spacing={1} alignItems=\"center\">\n                <Typography variant=\"caption\">\n                  {fCurrency(\n                    calculatePriceWithDiscount(\n                      variant.price,\n                      promoCodesValues.productDiscountPercent,\n                      promoCodesValues.fixedDevidedProducts\n                        ? promoCodesValues.fixedDevidedProducts * variant.quantity\n                        : 0\n                    ),\n                    lang,\n                    event.currency\n                  )}\n                </Typography>\n                <IconButton onClick={() => removeProduct(variant)} color=\"primary\" size=\"small\">\n                  <Iconify icon=\"carbon:trash-can\" />\n                </IconButton>\n              </Stack>\n            </Stack>\n          </Box>\n        ))}\n        {!!shippingFee && (\n          <Stack direction=\"row\" justifyContent=\"space-between\" alignItems=\"center\" spacing={2}>\n            <Typography variant=\"caption\">{t('form.labels.shipping_fee')}</Typography>\n            <Typography variant=\"caption\">\n              {fCurrency(shippingFee, lang, event.currency)}\n            </Typography>\n          </Stack>\n        )}\n        {!!total && !!totalFee && (\n          <Stack direction=\"row\" justifyContent=\"space-between\" alignItems=\"center\" spacing={2}>\n            <Typography variant=\"caption\">{t('form.labels.service_fee')}</Typography>\n            <Typography variant=\"caption\">{getFee}</Typography>\n          </Stack>\n        )}\n        {((!!selectedTickets.length && isMobile) || !isMobile) && (\n          <Divider sx={{ borderStyle: 'dashed' }} />\n        )}\n        <FeeBox event={event} />\n        <LoadingButton\n          type=\"submit\"\n          form={EVENTLOOK_ORDER_FORM_ID}\n          variant=\"contained\"\n          size=\"large\"\n          fullWidth\n        >\n          {t(isPaymentVerify ? 'verify' : 'buy')}\n        </LoadingButton>\n      </Stack>\n    </OverviewCard>\n  );\n};\n\nexport default PaymentOverviewBox;\n"],"names":["event","useGlobal","useResponsive","useActiveEventProducts","useState","useFormContext","useWatch","useMemo","useEventActiveReleases","EventType","fCurrency","useDebounce","promoCode","PromoCodeTypes","useEffect","useCallback","getCart","calculateCart","OverviewCard","Stack","Typography","Box","Grid","Image","TextIconLabel","Iconify","getPlaceAsString","Divider","PaymentOverviewCheckbox","calculatePriceWithDiscount","IconButton","FeeBox","LoadingButton","EVENTLOOK_ORDER_FORM_ID"],"mappings":"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"}

package/dist/cjs/form/PaymentOverviewDrawer.js

@@ -0,0 +1,115 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var material = require('@mui/material');
+var React = require('react');
+var PaymentOverviewBox = require('./PaymentOverviewBox.js');
+var useGlobal = require('../hooks/useGlobal.js');
+var formatNumber = require('../utils/formatNumber.js');
+var global = require('../utils/data/global.js');
+var Iconify = require('../components/iconify/Iconify.js');
+
+const PaymentOverviewDrawer = ({ event, totalPrice }) => {
+    const { t, lang } = useGlobal.default();
+    const [openDrawer, setOpenDrawer] = React.useState(false);
+    const sentinelRef = React.useRef(null);
+    const prevYRef = React.useRef(Number.POSITIVE_INFINITY);
+    // Opens drawer when scrolling down
+    React.useEffect(() => {
+        const sentinel = sentinelRef.current;
+        if (!sentinel)
+            return;
+        const observer = new IntersectionObserver((entries) => {
+            entries.forEach((entry) => {
+                if (totalPrice <= 0)
+                    return;
+                const currentY = entry.boundingClientRect.y;
+                const isScrollingDown = currentY < prevYRef.current;
+                if (entry.isIntersecting && isScrollingDown) {
+                    setOpenDrawer(true);
+                }
+                prevYRef.current = currentY;
+            });
+        }, {
+            threshold: 0,
+            rootMargin: '0px 0px -40% 0px',
+        });
+        observer.observe(sentinel);
+        return () => {
+            observer.unobserve(sentinel);
+        };
+    }, [totalPrice]);
+    const toggleDrawer = () => {
+        setOpenDrawer((prev) => !prev);
+    };
+    const Chevron = ({ direction }) => (React.createElement(material.Box, { role: "button", "aria-label": direction === 'up'
+            ? t('form.labels.payment_overview_open')
+            : t('form.labels.payment_overview_close'), onClick: toggleDrawer, sx: {
+            display: 'flex',
+            justifyContent: 'center',
+            alignItems: 'center',
+            cursor: 'pointer',
+            width: '100%',
+            pt: 1,
+            color: (theme) => theme.palette.text.secondary,
+        } },
+        React.createElement(Iconify.default, { icon: direction === 'up' ? 'eva:chevron-up-fill' : 'eva:chevron-down-fill', sx: { width: 32, height: 32 } })));
+    return (React.createElement(material.Box, { sx: { display: { md: 'none' } } },
+        React.createElement(material.Box, { ref: sentinelRef, sx: { height: 1, visibility: 'hidden' } }),
+        !openDrawer && (React.createElement(material.Box, { sx: {
+                position: 'fixed',
+                bottom: 0,
+                left: 0,
+                right: 0,
+                backgroundColor: (theme) => theme.palette.background.paper,
+                borderTopLeftRadius: 16,
+                borderTopRightRadius: 16,
+                boxShadow: '0 -8px 10px 2px rgba(0,0,0,0.2)',
+                zIndex: 1300,
+            } },
+            React.createElement(Chevron, { direction: "up" }),
+            React.createElement(material.Box, { sx: {
+                    width: '100%',
+                    px: 2,
+                    pb: 2,
+                } },
+                React.createElement(material.Typography, { sx: {
+                        fontWeight: 'bold',
+                        display: 'flex',
+                        justifyContent: 'space-between',
+                        alignItems: 'center',
+                    } },
+                    React.createElement("span", null,
+                        t('form.labels.total'),
+                        ":"),
+                    React.createElement("span", null, formatNumber.fCurrency(totalPrice, lang, event.currency))),
+                React.createElement(material.Button, { type: "submit", form: global.EVENTLOOK_ORDER_FORM_ID, variant: "contained", size: "large", fullWidth: true, sx: { mt: 1 } }, t('buy'))))),
+        React.createElement(material.Drawer, { anchor: "bottom", open: openDrawer, onClose: toggleDrawer, sx: { display: { md: 'none' } }, ModalProps: {
+                disableScrollLock: true,
+                BackdropProps: {
+                    sx: { background: 'rgba(0,0,0,0)' },
+                    onClick: toggleDrawer,
+                },
+            }, PaperProps: {
+                sx: {
+                    borderTopLeftRadius: 16,
+                    borderTopRightRadius: 16,
+                    boxShadow: '0 -8px 10px 2px rgba(0,0,0,0.2)',
+                },
+            } },
+            React.createElement(material.Box, { sx: {
+                    display: 'flex',
+                    justifyContent: 'center',
+                    backgroundColor: (theme) => theme.palette.background.paper,
+                } },
+                React.createElement(Chevron, { direction: "down" })),
+            React.createElement(material.Box, { sx: {
+                    height: '100%',
+                    overflow: 'auto',
+                } },
+                React.createElement(PaymentOverviewBox.default, { event: event })))));
+};
+
+exports.default = PaymentOverviewDrawer;
+//# sourceMappingURL=PaymentOverviewDrawer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentOverviewDrawer.js","sources":["../../../src/form/PaymentOverviewDrawer.tsx"],"sourcesContent":["import { Box, Button, Drawer, Typography } from '@mui/material';\nimport React from 'react';\nimport { useEffect, 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';\nimport { Iconify } from '@components/iconify';\n\ninterface Props {\n  event: IEvent;\n  totalPrice: number;\n}\n\nconst PaymentOverviewDrawer: React.FC<Props> = ({ event, totalPrice }) => {\n  const { t, lang } = useGlobal();\n  const [openDrawer, setOpenDrawer] = useState(false);\n  const sentinelRef = useRef<HTMLDivElement>(null);\n  const prevYRef = useRef<number>(Number.POSITIVE_INFINITY);\n\n  // Opens drawer when scrolling down\n  useEffect(() => {\n    const sentinel = sentinelRef.current;\n    if (!sentinel) return;\n\n    const observer = new IntersectionObserver(\n      (entries) => {\n        entries.forEach((entry) => {\n          if (totalPrice <= 0) return;\n          const currentY = entry.boundingClientRect.y;\n          const isScrollingDown = currentY < prevYRef.current;\n\n          if (entry.isIntersecting && isScrollingDown) {\n            setOpenDrawer(true);\n          }\n\n          prevYRef.current = currentY;\n        });\n      },\n      {\n        threshold: 0,\n        rootMargin: '0px 0px -40% 0px',\n      }\n    );\n\n    observer.observe(sentinel);\n\n    return () => {\n      observer.unobserve(sentinel);\n    };\n  }, [totalPrice]);\n\n  const toggleDrawer = () => {\n    setOpenDrawer((prev) => !prev);\n  };\n\n  const Chevron = ({ direction }: { direction: 'up' | 'down' }) => (\n    <Box\n      role=\"button\"\n      aria-label={\n        direction === 'up'\n          ? t('form.labels.payment_overview_open')\n          : t('form.labels.payment_overview_close')\n      }\n      onClick={toggleDrawer}\n      sx={{\n        display: 'flex',\n        justifyContent: 'center',\n        alignItems: 'center',\n        cursor: 'pointer',\n        width: '100%',\n        pt: 1,\n        color: (theme) => theme.palette.text.secondary,\n      }}\n    >\n      <Iconify\n        icon={direction === 'up' ? 'eva:chevron-up-fill' : 'eva:chevron-down-fill'}\n        sx={{ width: 32, height: 32 }}\n      />\n    </Box>\n  );\n\n  return (\n    <Box sx={{ display: { md: 'none' } }}>\n      {/* Sentinel element for intersection observer */}\n      <Box ref={sentinelRef} sx={{ height: 1, visibility: 'hidden' }} />\n\n      {/* Drawer Tab */}\n      {!openDrawer && (\n        <Box\n          sx={{\n            position: 'fixed',\n            bottom: 0,\n            left: 0,\n            right: 0,\n            backgroundColor: (theme) => theme.palette.background.paper,\n            borderTopLeftRadius: 16,\n            borderTopRightRadius: 16,\n            boxShadow: '0 -8px 10px 2px rgba(0,0,0,0.2)',\n            zIndex: 1300,\n          }}\n        >\n          <Chevron direction=\"up\" />\n          <Box\n            sx={{\n              width: '100%',\n              px: 2,\n              pb: 2,\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              variant=\"contained\"\n              size=\"large\"\n              fullWidth\n              sx={{ mt: 1 }}\n            >\n              {t('buy')}\n            </Button>\n          </Box>\n        </Box>\n      )}\n\n      {/* Drawer Content */}\n      <Drawer\n        anchor=\"bottom\"\n        open={openDrawer}\n        onClose={toggleDrawer}\n        sx={{ display: { md: 'none' } }}\n        ModalProps={{\n          disableScrollLock: true,\n          BackdropProps: {\n            sx: { background: 'rgba(0,0,0,0)' },\n            onClick: toggleDrawer,\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          },\n        }}\n      >\n        <Box\n          sx={{\n            display: 'flex',\n            justifyContent: 'center',\n            backgroundColor: (theme) => theme.palette.background.paper,\n          }}\n        >\n          <Chevron direction=\"down\" />\n        </Box>\n        <Box\n          sx={{\n            height: '100%',\n            overflow: 'auto',\n          }}\n        >\n          <PaymentOverviewBox event={event} />\n        </Box>\n      </Drawer>\n    </Box>\n  );\n};\n\nexport default PaymentOverviewDrawer;\n"],"names":["useGlobal","useState","useRef","useEffect","Box","Iconify","Typography","fCurrency","Button","EVENTLOOK_ORDER_FORM_ID","Drawer","PaymentOverviewBox"],"mappings":"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"}