@eventlook/sdk 1.4.49-beta.4 → 1.4.49-beta.6

package/dist/cjs/form/PaymentOverviewBox.js

@@ -31,7 +31,7 @@ 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 PaymentOverviewBox = ({ event: event$1, withoutPadding, hideBuyButton }) => {
     const { t, lang, options } = useGlobal.default();
     const xs = useResponsive.default('only', 'xs');
     const md = useResponsive.default('only', 'md');
@@ -344,7 +344,7 @@ const PaymentOverviewBox = ({ event: event$1 }) => {
                 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, pt: { xs: 0, sm: 2 }, spacing: 0.75, useFlexGap: true },
+        React.createElement(material.Stack, { className: "overview-card__order-info", sx: { p: { xs: withoutPadding ? 0 : 2, md: 2 } }, pt: { xs: 0, sm: 2 }, spacing: 0.75, useFlexGap: true },
             !!selectedTickets.length && !isMobile && React.createElement(material.Divider, { sx: { borderStyle: 'dashed' } }),
             !!selectedTickets.length && (React.createElement(material.Stack, { spacing: 0.5 },
                 React.createElement(PaymentOverviewCheckbox.default, { checkboxName: "ticketInsurance", label: t('event.tickets.insurance.label'), value: React.createElement(React.Fragment, null,
@@ -391,8 +391,9 @@ const PaymentOverviewBox = ({ event: event$1 }) => {
                 React.createElement(material.Typography, { variant: "body2" }, t('form.labels.service_fee')),
                 React.createElement(material.Typography, { variant: "body2" }, 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, sx: { height: { xs: 36, md: 40 } } }, t(isPaymentVerify ? 'verify' : 'buy')))));
+            !hideBuyButton && (React.createElement(React.Fragment, null,
+                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, sx: { height: { xs: 36, md: 40 } } }, t(isPaymentVerify ? 'verify' : 'buy')))))));
 };
 
 exports.default = PaymentOverviewBox;

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

@@ -1 +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, 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\n        className=\"overview-card__order-info\"\n        p={2}\n        pt={{ xs: 0, sm: 2 }}\n        spacing={0.75}\n        useFlexGap\n      >\n        {!!selectedTickets.length && !isMobile && <Divider sx={{ borderStyle: 'dashed' }} />}\n\n        {!!selectedTickets.length && (\n          <Stack spacing={0.5}>\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          </Stack>\n        )}\n        {selectedTickets.map((ticket, index) => (\n          <Box key={index}>\n            <Stack direction=\"row\" justifyContent=\"space-between\" alignItems=\"center\" spacing={2}>\n              <Typography variant=\"body2\">\n                {ticket.quantity}x {ticket.itemName}\n              </Typography>\n              <Typography variant=\"body2\">\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=\"body2\">\n                  - {product.quantity}x {product.name}\n                </Typography>\n                <Typography variant=\"body2\">\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=\"body2\">\n                {variant.quantity}x {variant.name}\n              </Typography>\n              <Typography variant=\"body2\">\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            </Stack>\n          </Box>\n        ))}\n        {!!shippingFee && (\n          <Stack direction=\"row\" justifyContent=\"space-between\" alignItems=\"center\" spacing={2}>\n            <Typography variant=\"body2\">{t('form.labels.shipping_fee')}</Typography>\n            <Typography variant=\"body2\">{fCurrency(shippingFee, lang, event.currency)}</Typography>\n          </Stack>\n        )}\n        {!!total && !!totalFee && (\n          <Stack direction=\"row\" justifyContent=\"space-between\" alignItems=\"center\" spacing={2}>\n            <Typography variant=\"body2\">{t('form.labels.service_fee')}</Typography>\n            <Typography variant=\"body2\">{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          sx={{ height: { xs: 36, md: 40 } }}\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","FeeBox","LoadingButton","EVENTLOOK_ORDER_FORM_ID"],"mappings":"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"}
+{"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, 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  withoutPadding?: boolean;\n  hideBuyButton?: boolean;\n}\n\nconst PaymentOverviewBox: React.FC<Props> = ({ event, withoutPadding, hideBuyButton }) => {\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\n        className=\"overview-card__order-info\"\n        sx={{ p: { xs: withoutPadding ? 0 : 2, md: 2 } }}\n        pt={{ xs: 0, sm: 2 }}\n        spacing={0.75}\n        useFlexGap\n      >\n        {!!selectedTickets.length && !isMobile && <Divider sx={{ borderStyle: 'dashed' }} />}\n\n        {!!selectedTickets.length && (\n          <Stack spacing={0.5}>\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          </Stack>\n        )}\n        {selectedTickets.map((ticket, index) => (\n          <Box key={index}>\n            <Stack direction=\"row\" justifyContent=\"space-between\" alignItems=\"center\" spacing={2}>\n              <Typography variant=\"body2\">\n                {ticket.quantity}x {ticket.itemName}\n              </Typography>\n              <Typography variant=\"body2\">\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=\"body2\">\n                  - {product.quantity}x {product.name}\n                </Typography>\n                <Typography variant=\"body2\">\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=\"body2\">\n                {variant.quantity}x {variant.name}\n              </Typography>\n              <Typography variant=\"body2\">\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            </Stack>\n          </Box>\n        ))}\n        {!!shippingFee && (\n          <Stack direction=\"row\" justifyContent=\"space-between\" alignItems=\"center\" spacing={2}>\n            <Typography variant=\"body2\">{t('form.labels.shipping_fee')}</Typography>\n            <Typography variant=\"body2\">{fCurrency(shippingFee, lang, event.currency)}</Typography>\n          </Stack>\n        )}\n        {!!total && !!totalFee && (\n          <Stack direction=\"row\" justifyContent=\"space-between\" alignItems=\"center\" spacing={2}>\n            <Typography variant=\"body2\">{t('form.labels.service_fee')}</Typography>\n            <Typography variant=\"body2\">{getFee}</Typography>\n          </Stack>\n        )}\n        {((!!selectedTickets.length && isMobile) || !isMobile) && (\n          <Divider sx={{ borderStyle: 'dashed' }} />\n        )}\n        {!hideBuyButton && (\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              sx={{ height: { xs: 36, md: 40 } }}\n            >\n              {t(isPaymentVerify ? 'verify' : 'buy')}\n            </LoadingButton>\n          </>\n        )}\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","FeeBox","LoadingButton","EVENTLOOK_ORDER_FORM_ID"],"mappings":"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"}

package/dist/cjs/form/PaymentOverviewDrawer.js

@@ -9,100 +9,224 @@ var useGlobal = require('../hooks/useGlobal.js');
 var formatNumber = require('../utils/formatNumber.js');
 var global = require('../utils/data/global.js');
 
-const swipeAreaWidth = 56;
-const PaymentOverviewDrawer = ({ event, totalPrice, onOpenChange }) => {
+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.default();
-    const [openDrawer, setOpenDrawer] = React.useState(false);
-    const touchStartYRef = React.useRef(null);
-    const sentinelRef = React.useRef(null);
-    const prevYRef = React.useRef(Number.POSITIVE_INFINITY);
-    // Opens drawer when scrolling down
+    const [isDrawerOpened, setIsDrawerOpened] = React.useState(false);
+    const [isOpeningGesture, setIsOpeningGesture] = React.useState(false);
+    const [hasPulledPastClosedTabHeight, setHasPulledPastClosedTabHeight] = React.useState(false);
+    const [isDrawerHidden, setIsDrawerHidden] = React.useState(false);
+    const [closedTabHeight, setClosedTabHeight] = React.useState(0);
+    const openingTouchStartYRef = React.useRef(null);
+    const openDrawerRef = React.useRef(false);
+    const isOpeningGestureRef = React.useRef(false);
+    const shouldReopenOnScrollUpRef = React.useRef(false);
+    const lastScrollYRef = React.useRef(0);
+    const isScrollingDownRef = React.useRef(false);
+    const wasAtPageBottomRef = React.useRef(false);
+    const resetPulledPastTimeoutRef = React.useRef(null);
+    const closedTabRef = React.useRef(null);
+    React.useEffect(() => {
+        openDrawerRef.current = isDrawerOpened;
+    }, [isDrawerOpened]);
+    React.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
+    React.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);
+        };
+    }, []);
     React.useEffect(() => {
-        const sentinel = sentinelRef.current;
-        if (!sentinel)
+        const closedTab = closedTabRef.current;
+        if (!closedTab)
             return;
+        const updateClosedTabHeight = () => {
+            setClosedTabHeight(closedTab.offsetHeight);
+        };
+        updateClosedTabHeight();
+        const resizeObserver = new ResizeObserver(() => {
+            updateClosedTabHeight();
+        });
+        resizeObserver.observe(closedTab);
+        return () => {
+            resizeObserver.disconnect();
+        };
+    }, []);
+    React.useEffect(() => () => {
+        clearResetPulledPastTimeout(resetPulledPastTimeoutRef);
+    }, []);
+    React.useEffect(() => {
+        const termsAndConditionsElement = termsAndConditionsRef?.current;
+        if (!termsAndConditionsElement) {
+            return;
+        }
+        if (!('IntersectionObserver' in window)) {
+            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) {
-                    openDrawerHandler();
-                }
-                prevYRef.current = currentY;
-            });
+            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 0px 0px',
+            rootMargin: '0px 0px -40% 0px',
         });
-        observer.observe(sentinel);
+        observer.observe(termsAndConditionsElement);
         return () => {
-            observer.unobserve(sentinel);
+            observer.disconnect();
         };
-    }, [totalPrice]);
+    }, [termsAndConditionsRef]);
     const toggleDrawer = () => {
-        setOpenDrawer((prev) => {
-            const next = !prev;
-            onOpenChange?.(next);
-            return next;
-        });
+        if (openDrawerRef.current) {
+            closeDrawerHandler();
+            return;
+        }
+        openDrawerHandler();
     };
     const openDrawerHandler = () => {
-        setOpenDrawer(true);
+        clearResetPulledPastTimeout(resetPulledPastTimeoutRef);
+        setIsOpeningGesture(false);
+        setHasPulledPastClosedTabHeight(false);
+        openingTouchStartYRef.current = null;
+        shouldReopenOnScrollUpRef.current = false;
+        setIsDrawerOpened(true);
         onOpenChange?.(true);
     };
-    const closeDrawerHandler = () => {
-        setOpenDrawer(false);
+    const closeDrawerHandler = ({ shouldReopenOnScrollUp = false, } = {}) => {
+        clearResetPulledPastTimeout(resetPulledPastTimeoutRef);
+        setIsOpeningGesture(false);
+        setHasPulledPastClosedTabHeight(false);
+        openingTouchStartYRef.current = null;
+        shouldReopenOnScrollUpRef.current = shouldReopenOnScrollUp;
+        setIsDrawerOpened(false);
         onOpenChange?.(false);
     };
-    const handleClosedTabTouchStart = (event) => {
-        touchStartYRef.current = event.touches[0]?.clientY ?? null;
+    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 handleClosedTabTouchEnd = (event) => {
-        const startY = touchStartYRef.current;
-        const endY = event.changedTouches[0]?.clientY;
-        if (startY === null || typeof endY !== 'number') {
-            touchStartYRef.current = null;
+    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;
         }
-        const swipeDistance = startY - endY;
-        if (swipeDistance > 24) {
-            openDrawerHandler();
+        if (!isDrawerOpened) {
+            setIsOpeningGesture(false);
+            scheduleResetPulledPastTimeout();
         }
-        touchStartYRef.current = null;
     };
     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, { onTouchStart: handleClosedTabTouchStart, onTouchEnd: handleClosedTabTouchEnd, sx: {
+        React.createElement(material.Box, { ref: closedTabRef, 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,
+                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',
             } },
-            React.createElement(material.Box, { role: "button", "aria-label": t('form.labels.payment_overview_open'), onClick: toggleDrawer, sx: {
+            !isDrawerOpened && (React.createElement(material.Box, { sx: {
                     display: 'flex',
                     justifyContent: 'center',
                     alignItems: 'center',
-                    cursor: 'pointer',
                     width: '100%',
                     py: 1,
                 } },
                 React.createElement(material.Box, { sx: {
-                        width: 30,
+                        width: 80,
                         height: 6,
                         backgroundColor: (theme) => theme.palette.grey[300],
                         borderRadius: 3,
-                    } })),
-            React.createElement(material.Box, { sx: {
+                        opacity: isOpeningGesture ? 0 : 1,
+                        transition: 'opacity 120ms ease',
+                    } }))),
+            React.createElement(material.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(material.Typography, { sx: {
                         fontWeight: 'bold',
@@ -114,14 +238,45 @@ const PaymentOverviewDrawer = ({ event, totalPrice, onOpenChange }) => {
                         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, height: { xs: 36, md: 40 } } }, t('buy'))))),
-        React.createElement(material.SwipeableDrawer, { anchor: "bottom", open: openDrawer, onClose: closeDrawerHandler, onOpen: openDrawerHandler, swipeAreaWidth: swipeAreaWidth, disableSwipeToOpen: false, keepMounted: true, sx: { display: { md: 'none' } }, ModalProps: {
+                React.createElement(material.Button, { type: "submit", form: global.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(material.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: 'linear-gradient(to top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%)' },
-                    onClick: (event) => {
-                        event.stopPropagation();
+                    sx: {
+                        background: 'none',
+                        pointerEvents: 'none',
                     },
                 },
             }, PaperProps: {
@@ -130,6 +285,11 @@ const PaymentOverviewDrawer = ({ event, totalPrice, onOpenChange }) => {
                     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(material.Box, { role: "button", "aria-label": t('form.labels.payment_overview_close'), onClick: toggleDrawer, sx: {
@@ -141,7 +301,7 @@ const PaymentOverviewDrawer = ({ event, totalPrice, onOpenChange }) => {
                     py: 1,
                 } },
                 React.createElement(material.Box, { sx: {
-                        width: 30,
+                        width: 80,
                         height: 6,
                         backgroundColor: (theme) => theme.palette.grey[300],
                         borderRadius: 3,
@@ -150,7 +310,7 @@ const PaymentOverviewDrawer = ({ event, totalPrice, onOpenChange }) => {
                     height: '100%',
                     overflow: 'auto',
                 } },
-                React.createElement(PaymentOverviewBox.default, { event: event })))));
+                React.createElement(PaymentOverviewBox.default, { event: event, hideBuyButton: true })))));
 };
 
 exports.default = PaymentOverviewDrawer;