@eventlook/sdk 1.4.46-beta.7 → 1.4.46

package/dist/esm/components/hook-form/FormProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormProvider.js","sources":["../../../../src/components/hook-form/FormProvider.tsx"],"sourcesContent":["import React from 'react';\nimport { FormProvider as Form, UseFormReturn } from 'react-hook-form';\n\n// ----------------------------------------------------------------------\n\ntype Props = {\n  children: React.ReactNode;\n  methods: UseFormReturn<any>;\n  onSubmit?: VoidFunction;\n  formId?: string;\n};\n\nexport default function FormProvider({ children, onSubmit, methods, formId }: Props) {\n  return (\n    <Form {...methods}>\n      <form id={formId} onSubmit={onSubmit}>\n        {children}\n      </form>\n    </Form>\n  );\n}\n"],"names":["Form"],"mappings":";;;AAYc,SAAU,YAAY,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAS,EAAA;AACjF,IAAA,QACE,KAAA,CAAA,aAAA,CAACA,cAAI,EAAA,EAAA,GAAK,OAAO,EAAA;AACf,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAA,EACjC,QAAQ,CACJ,CACF;AAEX;;;;"}
+{"version":3,"file":"FormProvider.js","sources":["../../../../src/components/hook-form/FormProvider.tsx"],"sourcesContent":["import React from 'react';\nimport { FormProvider as Form, UseFormReturn } from 'react-hook-form';\n\n// ----------------------------------------------------------------------\n\ntype Props = {\n  children: React.ReactNode;\n  methods: UseFormReturn<any>;\n  onSubmit?: VoidFunction;\n};\n\nexport default function FormProvider({ children, onSubmit, methods }: Props) {\n  return (\n    <Form {...methods}>\n      <form onSubmit={onSubmit}>{children}</form>\n    </Form>\n  );\n}\n"],"names":["Form"],"mappings":";;;AAWc,SAAU,YAAY,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAS,EAAA;AACzE,IAAA,QACE,KAAA,CAAA,aAAA,CAACA,cAAI,EAAA,EAAA,GAAK,OAAO,EAAA;QACf,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,QAAQ,EAAE,QAAQ,EAAA,EAAG,QAAQ,CAAQ,CACtC;AAEX;;;;"}

package/dist/esm/form/ChildEventDialog.js

@@ -1,10 +1,10 @@
 import useActiveEventProducts from '../hooks/data/useActiveEventProducts.js';
 import { Dialog, DialogContent, Stack, Stepper, Step, StepLabel, StepContent } from '@mui/material';
 import React from 'react';
-import TicketWithMerchandiseSelection from './tickets/TicketWithMerchandiseSelection.js';
-import TicketSelection from './tickets/TicketSelection.js';
+import TicketWithMerchandiseSelection from './TicketWithMerchandiseSelection.js';
+import TicketSelection from './TicketSelection.js';
 import useGlobal from '../hooks/useGlobal.js';
-import MerchandiseSelection from './merchandise/MerchandiseSelection.js';
+import MerchandiseSelection from './MerchandiseSelection.js';
 
 const ChildEventDialog = ({ event, openDialog, onClose }) => {
     const { t } = useGlobal();

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

@@ -1 +1 @@
-{"version":3,"file":"ChildEventDialog.js","sources":["../../../src/form/ChildEventDialog.tsx"],"sourcesContent":["import useActiveEventProducts from '@hooks/data/useActiveEventProducts';\nimport { Dialog, DialogContent, Stack, Step, StepContent, StepLabel, Stepper } from '@mui/material';\nimport { IEvent } from '@utils/types/event.type';\nimport React from 'react';\nimport TicketWithMerchandiseSelection from './tickets/TicketWithMerchandiseSelection';\nimport TicketSelection from './tickets/TicketSelection';\nimport useGlobal from '@hooks/useGlobal';\nimport MerchandiseSelection from './merchandise/MerchandiseSelection';\n\ninterface Props {\n  event: IEvent;\n  openDialog: boolean;\n  onClose?: () => void;\n}\n\nconst ChildEventDialog: React.FC<Props> = ({ event, openDialog, onClose }) => {\n  const { t } = useGlobal();\n  const { data: eventProducts, isLoading } = useActiveEventProducts(event.id);\n\n  return (\n    <Dialog open={openDialog} onClose={() => onClose && onClose()} fullWidth>\n      <DialogContent>\n        <Stack spacing={1}>\n          <Stepper orientation=\"vertical\">\n            <Step active>\n              <StepLabel>{t('event.tickets.stepper.1.title')}</StepLabel>\n              <StepContent>\n                {event.hasMerchandise ? (\n                  <TicketWithMerchandiseSelection event={event} />\n                ) : (\n                  <TicketSelection event={event} />\n                )}\n              </StepContent>\n            </Step>\n            {event.hasMerchandise && eventProducts.length && (\n              <Step active>\n                <StepLabel>{t('event.tickets.stepper.4.title')}</StepLabel>\n                <StepContent>\n                  <MerchandiseSelection\n                    eventProducts={eventProducts}\n                    eventId={event.id}\n                    isLoading={isLoading}\n                  />\n                </StepContent>\n              </Step>\n            )}\n          </Stepper>\n        </Stack>\n      </DialogContent>\n    </Dialog>\n  );\n};\n\nexport default ChildEventDialog;\n"],"names":[],"mappings":";;;;;;;;AAeA,MAAM,gBAAgB,GAAoB,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,KAAI;AAC3E,IAAA,MAAM,EAAE,CAAC,EAAE,GAAG,SAAS,EAAE;AACzB,IAAA,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,sBAAsB,CAAC,KAAK,CAAC,EAAE,CAAC;AAE3E,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,MAAM,IAAC,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,IAAI,OAAO,EAAE,EAAE,SAAS,EAAA,IAAA,EAAA;AACtE,QAAA,KAAA,CAAA,aAAA,CAAC,aAAa,EAAA,IAAA;AACZ,YAAA,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,OAAO,EAAE,CAAC,EAAA;AACf,gBAAA,KAAA,CAAA,aAAA,CAAC,OAAO,EAAA,EAAC,WAAW,EAAC,UAAU,EAAA;oBAC7B,KAAA,CAAA,aAAA,CAAC,IAAI,IAAC,MAAM,EAAA,IAAA,EAAA;AACV,wBAAA,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,IAAA,EAAE,CAAC,CAAC,+BAA+B,CAAC,CAAa;AAC3D,wBAAA,KAAA,CAAA,aAAA,CAAC,WAAW,EAAA,IAAA,EACT,KAAK,CAAC,cAAc,IACnB,KAAA,CAAA,aAAA,CAAC,8BAA8B,EAAA,EAAC,KAAK,EAAE,KAAK,EAAA,CAAI,KAEhD,KAAA,CAAA,aAAA,CAAC,eAAe,EAAA,EAAC,KAAK,EAAE,KAAK,EAAA,CAAI,CAClC,CACW,CACT;oBACN,KAAK,CAAC,cAAc,IAAI,aAAa,CAAC,MAAM,KAC3C,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,MAAM,EAAA,IAAA,EAAA;AACV,wBAAA,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,IAAA,EAAE,CAAC,CAAC,+BAA+B,CAAC,CAAa;AAC3D,wBAAA,KAAA,CAAA,aAAA,CAAC,WAAW,EAAA,IAAA;4BACV,KAAA,CAAA,aAAA,CAAC,oBAAoB,EAAA,EACnB,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,KAAK,CAAC,EAAE,EACjB,SAAS,EAAE,SAAS,EAAA,CACpB,CACU,CACT,CACR,CACO,CACJ,CACM,CACT;AAEb;;;;"}
+{"version":3,"file":"ChildEventDialog.js","sources":["../../../src/form/ChildEventDialog.tsx"],"sourcesContent":["import useActiveEventProducts from '@hooks/data/useActiveEventProducts';\nimport { Dialog, DialogContent, Stack, Step, StepContent, StepLabel, Stepper } from '@mui/material';\nimport { IEvent } from '@utils/types/event.type';\nimport React from 'react';\nimport TicketWithMerchandiseSelection from './TicketWithMerchandiseSelection';\nimport TicketSelection from './TicketSelection';\nimport useGlobal from '@hooks/useGlobal';\nimport MerchandiseSelection from './MerchandiseSelection';\n\ninterface Props {\n  event: IEvent;\n  openDialog: boolean;\n  onClose?: () => void;\n}\n\nconst ChildEventDialog: React.FC<Props> = ({ event, openDialog, onClose }) => {\n  const { t } = useGlobal();\n  const { data: eventProducts, isLoading } = useActiveEventProducts(event.id);\n\n  return (\n    <Dialog open={openDialog} onClose={() => onClose && onClose()} fullWidth>\n      <DialogContent>\n        <Stack spacing={1}>\n          <Stepper orientation=\"vertical\">\n            <Step active>\n              <StepLabel>{t('event.tickets.stepper.1.title')}</StepLabel>\n              <StepContent>\n                {event.hasMerchandise ? (\n                  <TicketWithMerchandiseSelection event={event} />\n                ) : (\n                  <TicketSelection event={event} />\n                )}\n              </StepContent>\n            </Step>\n            {event.hasMerchandise && eventProducts.length && (\n              <Step active>\n                <StepLabel>{t('event.tickets.stepper.4.title')}</StepLabel>\n                <StepContent>\n                  <MerchandiseSelection\n                    eventProducts={eventProducts}\n                    eventId={event.id}\n                    isLoading={isLoading}\n                  />\n                </StepContent>\n              </Step>\n            )}\n          </Stepper>\n        </Stack>\n      </DialogContent>\n    </Dialog>\n  );\n};\n\nexport default ChildEventDialog;\n"],"names":[],"mappings":";;;;;;;;AAeA,MAAM,gBAAgB,GAAoB,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,KAAI;AAC3E,IAAA,MAAM,EAAE,CAAC,EAAE,GAAG,SAAS,EAAE;AACzB,IAAA,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,sBAAsB,CAAC,KAAK,CAAC,EAAE,CAAC;AAE3E,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,MAAM,IAAC,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,IAAI,OAAO,EAAE,EAAE,SAAS,EAAA,IAAA,EAAA;AACtE,QAAA,KAAA,CAAA,aAAA,CAAC,aAAa,EAAA,IAAA;AACZ,YAAA,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,OAAO,EAAE,CAAC,EAAA;AACf,gBAAA,KAAA,CAAA,aAAA,CAAC,OAAO,EAAA,EAAC,WAAW,EAAC,UAAU,EAAA;oBAC7B,KAAA,CAAA,aAAA,CAAC,IAAI,IAAC,MAAM,EAAA,IAAA,EAAA;AACV,wBAAA,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,IAAA,EAAE,CAAC,CAAC,+BAA+B,CAAC,CAAa;AAC3D,wBAAA,KAAA,CAAA,aAAA,CAAC,WAAW,EAAA,IAAA,EACT,KAAK,CAAC,cAAc,IACnB,KAAA,CAAA,aAAA,CAAC,8BAA8B,EAAA,EAAC,KAAK,EAAE,KAAK,EAAA,CAAI,KAEhD,KAAA,CAAA,aAAA,CAAC,eAAe,EAAA,EAAC,KAAK,EAAE,KAAK,EAAA,CAAI,CAClC,CACW,CACT;oBACN,KAAK,CAAC,cAAc,IAAI,aAAa,CAAC,MAAM,KAC3C,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,MAAM,EAAA,IAAA,EAAA;AACV,wBAAA,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,IAAA,EAAE,CAAC,CAAC,+BAA+B,CAAC,CAAa;AAC3D,wBAAA,KAAA,CAAA,aAAA,CAAC,WAAW,EAAA,IAAA;4BACV,KAAA,CAAA,aAAA,CAAC,oBAAoB,EAAA,EACnB,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,KAAK,CAAC,EAAE,EACjB,SAAS,EAAE,SAAS,EAAA,CACpB,CACU,CACT,CACR,CACO,CACJ,CACM,CACT;AAEb;;;;"}

package/dist/esm/form/ContactPerson.js

@@ -12,7 +12,7 @@ import useGlobal from '../hooks/useGlobal.js';
 
 const ContactPerson = ({ event }) => {
     const { t, content } = useGlobal();
-    return (React.createElement(Grid, { container: true, spacing: { xs: 1, md: 2 } },
+    return (React.createElement(Grid, { container: true, spacing: 3 },
         React.createElement(Grid, { item: true, xs: 12, md: 6 },
             React.createElement(RHFTextField, { name: "firstName", label: t('form.labels.first_name') })),
         React.createElement(Grid, { item: true, xs: 12, md: 6 },

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

@@ -1 +1 @@
-{"version":3,"file":"ContactPerson.js","sources":["../../../src/form/ContactPerson.tsx"],"sourcesContent":["import React from 'react';\nimport { Grid, MenuItem } from '@mui/material';\nimport { RHFSelect, RHFTextField } from '@components/hook-form';\nimport RHFDatePicker from '@components/hook-form/RHFDatePicker';\nimport { Gender } from '@utils/data/gender';\nimport RHFPhone from '@components/hook-form/RHFPhone';\nimport dayjs from 'dayjs';\nimport { IEvent } from '@utils/types/event.type';\nimport { MuiTelInputCountry } from 'mui-tel-input';\nimport ExtraField from '@form/extra-field/ExtraField';\nimport useGlobal from '@hooks/useGlobal.ts';\n\ninterface Props {\n  event: IEvent;\n}\n\nconst ContactPerson: React.FC<Props> = ({ event }) => {\n  const { t, content } = useGlobal();\n\n  return (\n    <Grid container spacing={{ xs: 1, md: 2 }}>\n      <Grid item xs={12} md={6}>\n        <RHFTextField name=\"firstName\" label={t('form.labels.first_name')} />\n      </Grid>\n      <Grid item xs={12} md={6}>\n        <RHFTextField name=\"lastName\" label={t('form.labels.last_name')} />\n      </Grid>\n      <Grid item xs={12} md={6}>\n        <RHFTextField name=\"email\" label={t('form.labels.email')} />\n      </Grid>\n      <Grid item xs={12} md={6}>\n        <RHFPhone\n          name=\"phone\"\n          label={t('form.labels.phone')}\n          defaultCountry={event.place.countryCode as MuiTelInputCountry}\n        />\n      </Grid>\n      {!content?.form?.disableBirthDate && (\n        <Grid item xs={12} md={6}>\n          <RHFDatePicker\n            name=\"birthdate\"\n            label={t('form.labels.birthdate')}\n            openTo=\"year\"\n            views={['year', 'month', 'day']}\n            maxDate={dayjs()}\n          />\n        </Grid>\n      )}\n      {!content?.form?.disableGender && (\n        <Grid item xs={12} md={6}>\n          <RHFSelect name=\"gender\" label={t('form.labels.gender')}>\n            <MenuItem value={Gender.MALE}>{t('form.labels.male')}</MenuItem>\n            <MenuItem value={Gender.FEMALE}>{t('form.labels.female')}</MenuItem>\n            <MenuItem value={Gender.OTHER}>{t('form.labels.other')}</MenuItem>\n          </RHFSelect>\n        </Grid>\n      )}\n      {event?.extraFields.map((field, index) => (\n        <Grid key={field.id} item xs={12} md={6}>\n          <ExtraField extraField={field} name={`extraFields.${index}.value`} />\n        </Grid>\n      ))}\n    </Grid>\n  );\n};\n\nexport default ContactPerson;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ContactPerson.js","sources":["../../../src/form/ContactPerson.tsx"],"sourcesContent":["import React from 'react';\nimport { Grid, MenuItem } from '@mui/material';\nimport { RHFSelect, RHFTextField } from '@components/hook-form';\nimport RHFDatePicker from '@components/hook-form/RHFDatePicker';\nimport { Gender } from '@utils/data/gender';\nimport RHFPhone from '@components/hook-form/RHFPhone';\nimport dayjs from 'dayjs';\nimport { IEvent } from '@utils/types/event.type';\nimport { MuiTelInputCountry } from 'mui-tel-input';\nimport ExtraField from '@form/extra-field/ExtraField';\nimport useGlobal from '@hooks/useGlobal.ts';\n\ninterface Props {\n  event: IEvent;\n}\n\nconst ContactPerson: React.FC<Props> = ({ event }) => {\n  const { t, content } = useGlobal();\n\n  return (\n    <Grid container spacing={3}>\n      <Grid item xs={12} md={6}>\n        <RHFTextField name=\"firstName\" label={t('form.labels.first_name')} />\n      </Grid>\n      <Grid item xs={12} md={6}>\n        <RHFTextField name=\"lastName\" label={t('form.labels.last_name')} />\n      </Grid>\n      <Grid item xs={12} md={6}>\n        <RHFTextField name=\"email\" label={t('form.labels.email')} />\n      </Grid>\n      <Grid item xs={12} md={6}>\n        <RHFPhone\n          name=\"phone\"\n          label={t('form.labels.phone')}\n          defaultCountry={event.place.countryCode as MuiTelInputCountry}\n        />\n      </Grid>\n      {!content?.form?.disableBirthDate && (\n        <Grid item xs={12} md={6}>\n          <RHFDatePicker\n            name=\"birthdate\"\n            label={t('form.labels.birthdate')}\n            openTo=\"year\"\n            views={['year', 'month', 'day']}\n            maxDate={dayjs()}\n          />\n        </Grid>\n      )}\n      {!content?.form?.disableGender && (\n        <Grid item xs={12} md={6}>\n          <RHFSelect name=\"gender\" label={t('form.labels.gender')}>\n            <MenuItem value={Gender.MALE}>{t('form.labels.male')}</MenuItem>\n            <MenuItem value={Gender.FEMALE}>{t('form.labels.female')}</MenuItem>\n            <MenuItem value={Gender.OTHER}>{t('form.labels.other')}</MenuItem>\n          </RHFSelect>\n        </Grid>\n      )}\n      {event?.extraFields.map((field, index) => (\n        <Grid key={field.id} item xs={12} md={6}>\n          <ExtraField extraField={field} name={`extraFields.${index}.value`} />\n        </Grid>\n      ))}\n    </Grid>\n  );\n};\n\nexport default ContactPerson;\n"],"names":[],"mappings":"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"}

package/dist/esm/form/Payment.js

@@ -173,7 +173,7 @@ const Payment = ({ event }) => {
                                     } }, payment.label[lang]),
                                 React.createElement(Image, { src: payment.image.url, sx: {
                                         height: '20px',
-                                        '& .wrapper img': {
+                                        '& img': {
                                             objectFit: 'contain',
                                         },
                                     } })), sx: {
@@ -195,7 +195,7 @@ const Payment = ({ event }) => {
                                                 maxWidth: '70px',
                                                 display: 'inline-block',
                                                 marginRight: 1,
-                                                '& .wrapper img': {
+                                                '& img': {
                                                     objectFit: 'contain',
                                                     objectPosition: 'left',
                                                 },

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

@@ -1 +1 @@
-{"version":3,"file":"Payment.js","sources":["../../../src/form/Payment.tsx"],"sourcesContent":["import React, { KeyboardEvent, useEffect, useMemo, useState } from 'react';\nimport {\n  Box,\n  Button,\n  Divider,\n  FormControl,\n  FormControlLabel,\n  FormHelperText,\n  IconButton,\n  Radio,\n  RadioGroup,\n  Stack,\n  TextField,\n  Typography,\n} from '@mui/material';\nimport useAllowedPaymentMethods from '@hooks/data/useAllowedPaymentMethods';\nimport { Controller, useFormContext, useWatch } from 'react-hook-form';\nimport { PaymentItem, PaymentWrapper, PaymentSwiftWrapper } from '@form/style';\nimport Image from '@components/Image';\nimport Label from '@components/Label';\nimport PaymentSkeleton from '@form/payment/PaymentSkeleton';\nimport { RHFRadioGroup } from '@components/hook-form';\nimport { postPromoCodeApply } from '@modules/promo-code';\nimport { IEvent } from '@utils/types/event.type';\nimport { ITicketForm, ITicketFormTicket } from '@utils/types/ticket.type';\nimport useGlobal from '@hooks/useGlobal.ts';\nimport { IPromoCode } from '@utils/types/promo-code.type';\nimport { PromoCodeTypes } from '@utils/data/promo-code';\nimport { throttle } from 'lodash';\nimport { Iconify } from '@components';\nimport { IEventProductForm } from '@utils/types/product.type';\n\ninterface Props {\n  event: IEvent;\n}\n\nconst Payment: React.FC<Props> = ({ event }) => {\n  const { t, lang } = useGlobal();\n  const { showSnackbar } = useGlobal();\n  const { data, isLoading } = useAllowedPaymentMethods(event.currency, event.id);\n  const { control, watch, setValue } = useFormContext<ITicketForm>();\n  const paymentMethodId = watch('paymentMethodId');\n  const paymentMethodOptionId = watch('paymentMethodOptionId');\n  const [promoCode, setPromoCode] = useState<string>('');\n  const [promoCodeError, setPromoCodeError] = useState<string | null>(null);\n  const [combine, setCombine] = useState<boolean>(true);\n  const promoCodes: IPromoCode[] = watch('promoCodes');\n  const originalPrice: number = watch('originalPrice');\n\n  const handleSubmit = throttle(\n    async () => {\n      if (!promoCode) {\n        setPromoCodeError(t('form.validation.required'));\n        return;\n      }\n\n      try {\n        if (promoCodes.find((i) => i.code === promoCode)) {\n          setPromoCodeError(t('form.validation.promo_code_applied'));\n          return;\n        }\n        if (!combine) {\n          setPromoCodeError(t('form.validation.promo_code_cant_combine'));\n          return;\n        }\n\n        const res = await postPromoCodeApply(promoCode, event.id);\n        const promo = res.data.data;\n\n        if (promo && promo.minPurchaseAmount && promo.minPurchaseAmount > originalPrice) {\n          setPromoCodeError(\n            t('form.validation.min_purchase_not_met') +\n              promo.minPurchaseAmount +\n              ' ' +\n              event.currency\n          );\n          return;\n        }\n\n        if (!promo.combine && promoCodes.length === 0) {\n          setCombine(false);\n        } else if (!promo.combine) {\n          setPromoCodeError(t('form.validation.promo_code_cant_combine'));\n          return;\n        }\n\n        setValue('promoCodes', [...promoCodes, promo]);\n        showSnackbar(res.message);\n        setPromoCodeError(null);\n        setPromoCode('');\n      } catch (err) {\n        setPromoCodeError(t('form.validation.promo_code_invalid'));\n        console.error(err);\n      }\n    },\n    1000,\n    { leading: true, trailing: false } // Allow immediate execution but prevent spam\n  );\n\n  const removePromoCode = (promoCodeToRemove: string) => {\n    const newPromoCodes: IPromoCode[] = promoCodes.filter(\n      (promoC) => promoC.code !== promoCodeToRemove\n    );\n\n    if (!newPromoCodes.find((promoC) => promoC.combine)) setCombine(true);\n\n    setValue('promoCodes', newPromoCodes);\n  };\n\n  const handleKeyDown = async (e: KeyboardEvent<HTMLDivElement>) => {\n    if (e.key === 'Enter') {\n      e.preventDefault();\n      if (promoCode) await handleSubmit();\n    }\n  };\n\n  useEffect(() => {\n    if (promoCodes.length === 0) return;\n\n    const highest = promoCodes.sort((a, b) => b.minPurchaseAmount - a.minPurchaseAmount)[0]\n      .minPurchaseAmount;\n\n    if (originalPrice < highest) {\n      const newPromoCodes = promoCodes.filter(\n        (promoCode) => promoCode.minPurchaseAmount <= originalPrice\n      );\n      if (newPromoCodes.length === 0) {\n        setCombine(true);\n      }\n      setValue('promoCodes', newPromoCodes);\n    }\n  }, [originalPrice]);\n\n  useEffect(() => {\n    if (data) {\n      if (!paymentMethodId && !!data.length) {\n        setValue('paymentMethodId', data[0].id);\n      }\n      const selectedPayment =\n        data && data?.length && data.find((payment) => payment.id === Number(paymentMethodId));\n      if (selectedPayment && !!selectedPayment.options.length && !paymentMethodOptionId) {\n        setValue('paymentMethodOptionId', selectedPayment.options[0].id);\n      } else if (selectedPayment && !!selectedPayment.options.length && !!paymentMethodOptionId) {\n        const existingOption = selectedPayment.options.find(\n          (option) => option.id === Number(paymentMethodOptionId)\n        );\n        if (!existingOption) {\n          setValue('paymentMethodOptionId', selectedPayment.options[0].id);\n        }\n      } else if (selectedPayment && !selectedPayment?.options.length) {\n        setValue('paymentMethodOptionId', null);\n      }\n    }\n  }, [data, paymentMethodId, paymentMethodOptionId]);\n\n  const tickets: Record<string, ITicketFormTicket[]> = useWatch({\n    name: 'tickets',\n    defaultValue: {},\n  });\n  const products: Record<string, IEventProductForm[]> = useWatch({\n    name: 'products',\n    defaultValue: {},\n  });\n  const total: number = useWatch({ name: 'total' });\n\n  const paymentMethods = useMemo(() => {\n    if (!data) return [];\n\n    const hasTickets =\n      Object.values(tickets)\n        .flat()\n        .filter((t) => t.quantity).length > 0;\n    const hasProducts = Object.values(products).flat().length > 0;\n\n    if (total === 0 && (hasTickets || hasProducts)) {\n      setValue('isPaymentVerify', true);\n      return data.filter((payment) =>\n        ['PAYMENT_CARD', 'APPLE_PAY', 'GPAY', 'CLICK_TO_PAY'].includes(payment.type)\n      );\n    } else {\n      setValue('isPaymentVerify', false);\n      return data;\n    }\n  }, [data, total, tickets, products]);\n\n  return (\n    <Box>\n      <Box className=\"payment__promo-code\">\n        <Stack direction=\"row\" spacing={2}>\n          <TextField\n            name=\"promoCode\"\n            size=\"small\"\n            label={t('form.labels.promo_code')}\n            value={promoCode}\n            onChange={(e) => setPromoCode(e.target.value)}\n            onBlur={(e) => {\n              if (!e.target.value.trim()) setPromoCodeError(null);\n            }}\n            onKeyDown={handleKeyDown}\n            error={!!promoCodeError}\n            helperText={promoCodeError}\n            fullWidth\n          />\n          <Box>\n            <Button\n              size=\"large\"\n              type=\"button\"\n              variant=\"contained\"\n              onClick={handleSubmit}\n              disabled={!promoCode}\n              sx={{ height: 51 }}\n            >\n              {t('apply')}\n            </Button>\n          </Box>\n        </Stack>\n        <Stack paddingTop={3} direction=\"column\" spacing={1}>\n          {promoCodes.length > 0 &&\n            promoCodes.map((item: IPromoCode) => (\n              <Stack\n                marginTop={3}\n                direction=\"row\"\n                alignItems=\"center\"\n                justifyContent=\"space-between\"\n                spacing={2}\n                key={item.code}\n              >\n                <>\n                  <Stack direction=\"row\" alignItems=\"center\">\n                    <Label variant=\"filled\" sx={{ textTransform: 'none', cursor: 'pointer' }}>\n                      {item.code}\n                    </Label>\n                    <Typography variant=\"subtitle2\" sx={{ ml: 1 }}>\n                      -{' '}\n                      {item.value +\n                        `${item.type === PromoCodeTypes.FIXED ? ' ' + event.currency : '%'}`}\n                    </Typography>\n                  </Stack>\n                  <Box>\n                    <IconButton\n                      color=\"primary\"\n                      onClick={() => removePromoCode(item.code)}\n                      aria-label=\"delete\"\n                    >\n                      <Iconify icon=\"carbon:trash-can\" />\n                    </IconButton>\n                  </Box>\n                </>\n              </Stack>\n            ))}\n        </Stack>\n      </Box>\n\n      <Typography variant=\"h4\" mt={2}>\n        {t('event.tickets.stepper.3.subtitle')}\n      </Typography>\n\n      {isLoading ? (\n        <PaymentSkeleton sx={{ marginTop: 1 }} />\n      ) : (\n        <PaymentWrapper>\n          <Controller\n            name=\"paymentMethodId\"\n            control={control}\n            render={({ field, fieldState: { error } }) => (\n              <FormControl component=\"fieldset\">\n                <RadioGroup {...field}>\n                  {paymentMethods.map((payment) => (\n                    <PaymentItem\n                      key={payment.type}\n                      active={!!paymentMethodId && Number(paymentMethodId) === payment.id}\n                    >\n                      <FormControlLabel\n                        value={payment.id}\n                        control={<Radio />}\n                        label={\n                          <Stack direction=\"row\" alignItems=\"center\">\n                            <Typography\n                              sx={{\n                                marginRight: 2,\n                              }}\n                            >\n                              {payment.label[lang]}\n                            </Typography>\n                            <Image\n                              src={payment.image.url}\n                              sx={{\n                                height: '20px',\n                                '& .wrapper img': {\n                                  objectFit: 'contain',\n                                },\n                              }}\n                            />\n                          </Stack>\n                        }\n                        sx={{\n                          '&:not(:last-of-type)': {\n                            mb: 0,\n                          },\n                        }}\n                      />\n                      {!!payment.options.length &&\n                        !!paymentMethodId &&\n                        Number(paymentMethodId) === payment.id && (\n                          <PaymentSwiftWrapper>\n                            <Divider sx={{ mb: 2 }} />\n                            <RHFRadioGroup\n                              name=\"paymentMethodOptionId\"\n                              row\n                              options={payment.options\n                                .filter((item) => !item.label.en.includes('eshop.api.swifts'))\n                                .map((option) => ({\n                                  label: (\n                                    <Stack direction=\"row\" alignItems=\"center\">\n                                      <Image\n                                        src={option.image.url}\n                                        sx={{\n                                          width: 'auto',\n                                          height: '15px',\n                                          maxWidth: '70px',\n                                          display: 'inline-block',\n                                          marginRight: 1,\n                                          '& .wrapper img': {\n                                            objectFit: 'contain',\n                                            objectPosition: 'left',\n                                          },\n                                        }}\n                                      />\n                                      <Typography variant=\"body2\">{option.label[lang]}</Typography>\n                                    </Stack>\n                                  ),\n                                  value: option.id,\n                                }))}\n                            />\n                          </PaymentSwiftWrapper>\n                        )}\n                    </PaymentItem>\n                  ))}\n                </RadioGroup>\n\n                {!!error && (\n                  <FormHelperText error={!!error} sx={{ mx: 0 }}>\n                    {error?.message}\n                  </FormHelperText>\n                )}\n              </FormControl>\n            )}\n          />\n        </PaymentWrapper>\n      )}\n    </Box>\n  );\n};\n\nexport default Payment;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Payment.js","sources":["../../../src/form/Payment.tsx"],"sourcesContent":["import React, { KeyboardEvent, useEffect, useMemo, useState } from 'react';\nimport {\n  Box,\n  Button,\n  Divider,\n  FormControl,\n  FormControlLabel,\n  FormHelperText,\n  IconButton,\n  Radio,\n  RadioGroup,\n  Stack,\n  TextField,\n  Typography,\n} from '@mui/material';\nimport useAllowedPaymentMethods from '@hooks/data/useAllowedPaymentMethods';\nimport { Controller, useFormContext, useWatch } from 'react-hook-form';\nimport { PaymentItem, PaymentWrapper, PaymentSwiftWrapper } from '@form/style';\nimport Image from '@components/Image';\nimport Label from '@components/Label';\nimport PaymentSkeleton from '@form/payment/PaymentSkeleton';\nimport { RHFRadioGroup } from '@components/hook-form';\nimport { postPromoCodeApply } from '@modules/promo-code';\nimport { IEvent } from '@utils/types/event.type';\nimport { ITicketForm, ITicketFormTicket } from '@utils/types/ticket.type';\nimport useGlobal from '@hooks/useGlobal.ts';\nimport { IPromoCode } from '@utils/types/promo-code.type';\nimport { PromoCodeTypes } from '@utils/data/promo-code';\nimport { throttle } from 'lodash';\nimport { Iconify } from '@components';\nimport { IEventProductForm } from '@utils/types/product.type';\n\ninterface Props {\n  event: IEvent;\n}\n\nconst Payment: React.FC<Props> = ({ event }) => {\n  const { t, lang } = useGlobal();\n  const { showSnackbar } = useGlobal();\n  const { data, isLoading } = useAllowedPaymentMethods(event.currency, event.id);\n  const { control, watch, setValue } = useFormContext<ITicketForm>();\n  const paymentMethodId = watch('paymentMethodId');\n  const paymentMethodOptionId = watch('paymentMethodOptionId');\n  const [promoCode, setPromoCode] = useState<string>('');\n  const [promoCodeError, setPromoCodeError] = useState<string | null>(null);\n  const [combine, setCombine] = useState<boolean>(true);\n  const promoCodes: IPromoCode[] = watch('promoCodes');\n  const originalPrice: number = watch('originalPrice');\n\n  const handleSubmit = throttle(\n    async () => {\n      if (!promoCode) {\n        setPromoCodeError(t('form.validation.required'));\n        return;\n      }\n\n      try {\n        if (promoCodes.find((i) => i.code === promoCode)) {\n          setPromoCodeError(t('form.validation.promo_code_applied'));\n          return;\n        }\n        if (!combine) {\n          setPromoCodeError(t('form.validation.promo_code_cant_combine'));\n          return;\n        }\n\n        const res = await postPromoCodeApply(promoCode, event.id);\n        const promo = res.data.data;\n\n        if (promo && promo.minPurchaseAmount && promo.minPurchaseAmount > originalPrice) {\n          setPromoCodeError(\n            t('form.validation.min_purchase_not_met') +\n              promo.minPurchaseAmount +\n              ' ' +\n              event.currency\n          );\n          return;\n        }\n\n        if (!promo.combine && promoCodes.length === 0) {\n          setCombine(false);\n        } else if (!promo.combine) {\n          setPromoCodeError(t('form.validation.promo_code_cant_combine'));\n          return;\n        }\n\n        setValue('promoCodes', [...promoCodes, promo]);\n        showSnackbar(res.message);\n        setPromoCodeError(null);\n        setPromoCode('');\n      } catch (err) {\n        setPromoCodeError(t('form.validation.promo_code_invalid'));\n        console.error(err);\n      }\n    },\n    1000,\n    { leading: true, trailing: false } // Allow immediate execution but prevent spam\n  );\n\n  const removePromoCode = (promoCodeToRemove: string) => {\n    const newPromoCodes: IPromoCode[] = promoCodes.filter(\n      (promoC) => promoC.code !== promoCodeToRemove\n    );\n\n    if (!newPromoCodes.find((promoC) => promoC.combine)) setCombine(true);\n\n    setValue('promoCodes', newPromoCodes);\n  };\n\n  const handleKeyDown = async (e: KeyboardEvent<HTMLDivElement>) => {\n    if (e.key === 'Enter') {\n      e.preventDefault();\n      if (promoCode) await handleSubmit();\n    }\n  };\n\n  useEffect(() => {\n    if (promoCodes.length === 0) return;\n\n    const highest = promoCodes.sort((a, b) => b.minPurchaseAmount - a.minPurchaseAmount)[0]\n      .minPurchaseAmount;\n\n    if (originalPrice < highest) {\n      const newPromoCodes = promoCodes.filter(\n        (promoCode) => promoCode.minPurchaseAmount <= originalPrice\n      );\n      if (newPromoCodes.length === 0) {\n        setCombine(true);\n      }\n      setValue('promoCodes', newPromoCodes);\n    }\n  }, [originalPrice]);\n\n  useEffect(() => {\n    if (data) {\n      if (!paymentMethodId && !!data.length) {\n        setValue('paymentMethodId', data[0].id);\n      }\n      const selectedPayment =\n        data && data?.length && data.find((payment) => payment.id === Number(paymentMethodId));\n      if (selectedPayment && !!selectedPayment.options.length && !paymentMethodOptionId) {\n        setValue('paymentMethodOptionId', selectedPayment.options[0].id);\n      } else if (selectedPayment && !!selectedPayment.options.length && !!paymentMethodOptionId) {\n        const existingOption = selectedPayment.options.find(\n          (option) => option.id === Number(paymentMethodOptionId)\n        );\n        if (!existingOption) {\n          setValue('paymentMethodOptionId', selectedPayment.options[0].id);\n        }\n      } else if (selectedPayment && !selectedPayment?.options.length) {\n        setValue('paymentMethodOptionId', null);\n      }\n    }\n  }, [data, paymentMethodId, paymentMethodOptionId]);\n\n  const tickets: Record<string, ITicketFormTicket[]> = useWatch({\n    name: 'tickets',\n    defaultValue: {},\n  });\n  const products: Record<string, IEventProductForm[]> = useWatch({\n    name: 'products',\n    defaultValue: {},\n  });\n  const total: number = useWatch({ name: 'total' });\n\n  const paymentMethods = useMemo(() => {\n    if (!data) return [];\n\n    const hasTickets =\n      Object.values(tickets)\n        .flat()\n        .filter((t) => t.quantity).length > 0;\n    const hasProducts = Object.values(products).flat().length > 0;\n\n    if (total === 0 && (hasTickets || hasProducts)) {\n      setValue('isPaymentVerify', true);\n      return data.filter((payment) =>\n        ['PAYMENT_CARD', 'APPLE_PAY', 'GPAY', 'CLICK_TO_PAY'].includes(payment.type)\n      );\n    } else {\n      setValue('isPaymentVerify', false);\n      return data;\n    }\n  }, [data, total, tickets, products]);\n\n  return (\n    <Box>\n      <Box className=\"payment__promo-code\">\n        <Stack direction=\"row\" spacing={2}>\n          <TextField\n            name=\"promoCode\"\n            size=\"small\"\n            label={t('form.labels.promo_code')}\n            value={promoCode}\n            onChange={(e) => setPromoCode(e.target.value)}\n            onBlur={(e) => {\n              if (!e.target.value.trim()) setPromoCodeError(null);\n            }}\n            onKeyDown={handleKeyDown}\n            error={!!promoCodeError}\n            helperText={promoCodeError}\n            fullWidth\n          />\n          <Box>\n            <Button\n              size=\"large\"\n              type=\"button\"\n              variant=\"contained\"\n              onClick={handleSubmit}\n              disabled={!promoCode}\n              sx={{ height: 51 }}\n            >\n              {t('apply')}\n            </Button>\n          </Box>\n        </Stack>\n        <Stack paddingTop={3} direction=\"column\" spacing={1}>\n          {promoCodes.length > 0 &&\n            promoCodes.map((item: IPromoCode) => (\n              <Stack\n                marginTop={3}\n                direction=\"row\"\n                alignItems=\"center\"\n                justifyContent=\"space-between\"\n                spacing={2}\n                key={item.code}\n              >\n                <>\n                  <Stack direction=\"row\" alignItems=\"center\">\n                    <Label variant=\"filled\" sx={{ textTransform: 'none', cursor: 'pointer' }}>\n                      {item.code}\n                    </Label>\n                    <Typography variant=\"subtitle2\" sx={{ ml: 1 }}>\n                      -{' '}\n                      {item.value +\n                        `${item.type === PromoCodeTypes.FIXED ? ' ' + event.currency : '%'}`}\n                    </Typography>\n                  </Stack>\n                  <Box>\n                    <IconButton\n                      color=\"primary\"\n                      onClick={() => removePromoCode(item.code)}\n                      aria-label=\"delete\"\n                    >\n                      <Iconify icon=\"carbon:trash-can\" />\n                    </IconButton>\n                  </Box>\n                </>\n              </Stack>\n            ))}\n        </Stack>\n      </Box>\n\n      <Typography variant=\"h4\" mt={2}>\n        {t('event.tickets.stepper.3.subtitle')}\n      </Typography>\n\n      {isLoading ? (\n        <PaymentSkeleton sx={{ marginTop: 1 }} />\n      ) : (\n        <PaymentWrapper>\n          <Controller\n            name=\"paymentMethodId\"\n            control={control}\n            render={({ field, fieldState: { error } }) => (\n              <FormControl component=\"fieldset\">\n                <RadioGroup {...field}>\n                  {paymentMethods.map((payment) => (\n                    <PaymentItem\n                      key={payment.type}\n                      active={!!paymentMethodId && Number(paymentMethodId) === payment.id}\n                    >\n                      <FormControlLabel\n                        value={payment.id}\n                        control={<Radio />}\n                        label={\n                          <Stack direction=\"row\" alignItems=\"center\">\n                            <Typography\n                              sx={{\n                                marginRight: 2,\n                              }}\n                            >\n                              {payment.label[lang]}\n                            </Typography>\n                            <Image\n                              src={payment.image.url}\n                              sx={{\n                                height: '20px',\n                                '& img': {\n                                  objectFit: 'contain',\n                                },\n                              }}\n                            />\n                          </Stack>\n                        }\n                        sx={{\n                          '&:not(:last-of-type)': {\n                            mb: 0,\n                          },\n                        }}\n                      />\n                      {!!payment.options.length &&\n                        !!paymentMethodId &&\n                        Number(paymentMethodId) === payment.id && (\n                          <PaymentSwiftWrapper>\n                            <Divider sx={{ mb: 2 }} />\n                            <RHFRadioGroup\n                              name=\"paymentMethodOptionId\"\n                              row\n                              options={payment.options\n                                .filter((item) => !item.label.en.includes('eshop.api.swifts'))\n                                .map((option) => ({\n                                  label: (\n                                    <Stack direction=\"row\" alignItems=\"center\">\n                                      <Image\n                                        src={option.image.url}\n                                        sx={{\n                                          width: 'auto',\n                                          height: '15px',\n                                          maxWidth: '70px',\n                                          display: 'inline-block',\n                                          marginRight: 1,\n                                          '& img': {\n                                            objectFit: 'contain',\n                                            objectPosition: 'left',\n                                          },\n                                        }}\n                                      />\n                                      <Typography variant=\"body2\">{option.label[lang]}</Typography>\n                                    </Stack>\n                                  ),\n                                  value: option.id,\n                                }))}\n                            />\n                          </PaymentSwiftWrapper>\n                        )}\n                    </PaymentItem>\n                  ))}\n                </RadioGroup>\n\n                {!!error && (\n                  <FormHelperText error={!!error} sx={{ mx: 0 }}>\n                    {error?.message}\n                  </FormHelperText>\n                )}\n              </FormControl>\n            )}\n          />\n        </PaymentWrapper>\n      )}\n    </Box>\n  );\n};\n\nexport default Payment;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAoCA,MAAM,OAAO,GAAoB,CAAC,EAAE,KAAK,EAAE,KAAI;IAC7C,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,SAAS,EAAE;AAC/B,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,SAAS,EAAE;AACpC,IAAA,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,wBAAwB,CAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC;IAC9E,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,cAAc,EAAe;AAClE,IAAA,MAAM,eAAe,GAAG,KAAK,CAAC,iBAAiB,CAAC;AAChD,IAAA,MAAM,qBAAqB,GAAG,KAAK,CAAC,uBAAuB,CAAC;IAC5D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC;IACtD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC;IACzE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAU,IAAI,CAAC;AACrD,IAAA,MAAM,UAAU,GAAiB,KAAK,CAAC,YAAY,CAAC;AACpD,IAAA,MAAM,aAAa,GAAW,KAAK,CAAC,eAAe,CAAC;AAEpD,IAAA,MAAM,YAAY,GAAG,QAAQ,CAC3B,YAAW;QACT,IAAI,CAAC,SAAS,EAAE;AACd,YAAA,iBAAiB,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC;YAChD;;AAGF,QAAA,IAAI;AACF,YAAA,IAAI,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,KAAK,SAAS,CAAC,EAAE;AAChD,gBAAA,iBAAiB,CAAC,CAAC,CAAC,oCAAoC,CAAC,CAAC;gBAC1D;;YAEF,IAAI,CAAC,OAAO,EAAE;AACZ,gBAAA,iBAAiB,CAAC,CAAC,CAAC,yCAAyC,CAAC,CAAC;gBAC/D;;YAGF,MAAM,GAAG,GAAG,MAAM,kBAAkB,CAAC,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;AACzD,YAAA,MAAM,KAAK,GAAG,GAAG,CAAC,IAAI,CAAC,IAAI;AAE3B,YAAA,IAAI,KAAK,IAAI,KAAK,CAAC,iBAAiB,IAAI,KAAK,CAAC,iBAAiB,GAAG,aAAa,EAAE;AAC/E,gBAAA,iBAAiB,CACf,CAAC,CAAC,sCAAsC,CAAC;AACvC,oBAAA,KAAK,CAAC,iBAAiB;oBACvB,GAAG;oBACH,KAAK,CAAC,QAAQ,CACjB;gBACD;;YAGF,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,UAAU,CAAC,MAAM,KAAK,CAAC,EAAE;gBAC7C,UAAU,CAAC,KAAK,CAAC;;AACZ,iBAAA,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;AACzB,gBAAA,iBAAiB,CAAC,CAAC,CAAC,yCAAyC,CAAC,CAAC;gBAC/D;;YAGF,QAAQ,CAAC,YAAY,EAAE,CAAC,GAAG,UAAU,EAAE,KAAK,CAAC,CAAC;AAC9C,YAAA,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC;YACzB,iBAAiB,CAAC,IAAI,CAAC;YACvB,YAAY,CAAC,EAAE,CAAC;;QAChB,OAAO,GAAG,EAAE;AACZ,YAAA,iBAAiB,CAAC,CAAC,CAAC,oCAAoC,CAAC,CAAC;AAC1D,YAAA,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC;;AAEtB,KAAC,EACD,IAAI,EACJ,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE;KACnC;AAED,IAAA,MAAM,eAAe,GAAG,CAAC,iBAAyB,KAAI;AACpD,QAAA,MAAM,aAAa,GAAiB,UAAU,CAAC,MAAM,CACnD,CAAC,MAAM,KAAK,MAAM,CAAC,IAAI,KAAK,iBAAiB,CAC9C;AAED,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,OAAO,CAAC;YAAE,UAAU,CAAC,IAAI,CAAC;AAErE,QAAA,QAAQ,CAAC,YAAY,EAAE,aAAa,CAAC;AACvC,KAAC;AAED,IAAA,MAAM,aAAa,GAAG,OAAO,CAAgC,KAAI;AAC/D,QAAA,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE;YACrB,CAAC,CAAC,cAAc,EAAE;AAClB,YAAA,IAAI,SAAS;gBAAE,MAAM,YAAY,EAAE;;AAEvC,KAAC;IAED,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,UAAU,CAAC,MAAM,KAAK,CAAC;YAAE;QAE7B,MAAM,OAAO,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,iBAAiB,GAAG,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC;AACnF,aAAA,iBAAiB;AAEpB,QAAA,IAAI,aAAa,GAAG,OAAO,EAAE;AAC3B,YAAA,MAAM,aAAa,GAAG,UAAU,CAAC,MAAM,CACrC,CAAC,SAAS,KAAK,SAAS,CAAC,iBAAiB,IAAI,aAAa,CAC5D;AACD,YAAA,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE;gBAC9B,UAAU,CAAC,IAAI,CAAC;;AAElB,YAAA,QAAQ,CAAC,YAAY,EAAE,aAAa,CAAC;;AAEzC,KAAC,EAAE,CAAC,aAAa,CAAC,CAAC;IAEnB,SAAS,CAAC,MAAK;QACb,IAAI,IAAI,EAAE;YACR,IAAI,CAAC,eAAe,IAAI,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE;gBACrC,QAAQ,CAAC,iBAAiB,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;;YAEzC,MAAM,eAAe,GACnB,IAAI,IAAI,IAAI,EAAE,MAAM,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,OAAO,KAAK,OAAO,CAAC,EAAE,KAAK,MAAM,CAAC,eAAe,CAAC,CAAC;AACxF,YAAA,IAAI,eAAe,IAAI,CAAC,CAAC,eAAe,CAAC,OAAO,CAAC,MAAM,IAAI,CAAC,qBAAqB,EAAE;AACjF,gBAAA,QAAQ,CAAC,uBAAuB,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;;AAC3D,iBAAA,IAAI,eAAe,IAAI,CAAC,CAAC,eAAe,CAAC,OAAO,CAAC,MAAM,IAAI,CAAC,CAAC,qBAAqB,EAAE;gBACzF,MAAM,cAAc,GAAG,eAAe,CAAC,OAAO,CAAC,IAAI,CACjD,CAAC,MAAM,KAAK,MAAM,CAAC,EAAE,KAAK,MAAM,CAAC,qBAAqB,CAAC,CACxD;gBACD,IAAI,CAAC,cAAc,EAAE;AACnB,oBAAA,QAAQ,CAAC,uBAAuB,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;;;iBAE7D,IAAI,eAAe,IAAI,CAAC,eAAe,EAAE,OAAO,CAAC,MAAM,EAAE;AAC9D,gBAAA,QAAQ,CAAC,uBAAuB,EAAE,IAAI,CAAC;;;KAG5C,EAAE,CAAC,IAAI,EAAE,eAAe,EAAE,qBAAqB,CAAC,CAAC;IAElD,MAAM,OAAO,GAAwC,QAAQ,CAAC;AAC5D,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,YAAY,EAAE,EAAE;AACjB,KAAA,CAAC;IACF,MAAM,QAAQ,GAAwC,QAAQ,CAAC;AAC7D,QAAA,IAAI,EAAE,UAAU;AAChB,QAAA,YAAY,EAAE,EAAE;AACjB,KAAA,CAAC;IACF,MAAM,KAAK,GAAW,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;AAEjD,IAAA,MAAM,cAAc,GAAG,OAAO,CAAC,MAAK;AAClC,QAAA,IAAI,CAAC,IAAI;AAAE,YAAA,OAAO,EAAE;AAEpB,QAAA,MAAM,UAAU,GACd,MAAM,CAAC,MAAM,CAAC,OAAO;AAClB,aAAA,IAAI;AACJ,aAAA,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,CAAC,MAAM,GAAG,CAAC;AACzC,QAAA,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC;QAE7D,IAAI,KAAK,KAAK,CAAC,KAAK,UAAU,IAAI,WAAW,CAAC,EAAE;AAC9C,YAAA,QAAQ,CAAC,iBAAiB,EAAE,IAAI,CAAC;YACjC,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,OAAO,KACzB,CAAC,cAAc,EAAE,WAAW,EAAE,MAAM,EAAE,cAAc,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAC7E;;aACI;AACL,YAAA,QAAQ,CAAC,iBAAiB,EAAE,KAAK,CAAC;AAClC,YAAA,OAAO,IAAI;;KAEd,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC;IAEpC,QACE,oBAAC,GAAG,EAAA,IAAA;AACF,QAAA,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,SAAS,EAAC,qBAAqB,EAAA;YAClC,KAAA,CAAA,aAAA,CAAC,KAAK,IAAC,SAAS,EAAC,KAAK,EAAC,OAAO,EAAE,CAAC,EAAA;AAC/B,gBAAA,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EACR,IAAI,EAAC,WAAW,EAChB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,CAAC,CAAC,wBAAwB,CAAC,EAClC,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,CAAC,CAAC,KAAK,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC7C,MAAM,EAAE,CAAC,CAAC,KAAI;wBACZ,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE;4BAAE,iBAAiB,CAAC,IAAI,CAAC;AACrD,qBAAC,EACD,SAAS,EAAE,aAAa,EACxB,KAAK,EAAE,CAAC,CAAC,cAAc,EACvB,UAAU,EAAE,cAAc,EAC1B,SAAS,EAAA,IAAA,EAAA,CACT;AACF,gBAAA,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,IAAA;AACF,oBAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EACL,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,CAAC,SAAS,EACpB,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAEjB,CAAC,CAAC,OAAO,CAAC,CACJ,CACL,CACA;AACR,YAAA,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,UAAU,EAAE,CAAC,EAAE,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAE,CAAC,EAAA,EAChD,UAAU,CAAC,MAAM,GAAG,CAAC;AACpB,gBAAA,UAAU,CAAC,GAAG,CAAC,CAAC,IAAgB,MAC9B,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EACJ,SAAS,EAAE,CAAC,EACZ,SAAS,EAAC,KAAK,EACf,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAC,eAAe,EAC9B,OAAO,EAAE,CAAC,EACV,GAAG,EAAE,IAAI,CAAC,IAAI,EAAA;AAEd,oBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;wBACE,KAAA,CAAA,aAAA,CAAC,KAAK,IAAC,SAAS,EAAC,KAAK,EAAC,UAAU,EAAC,QAAQ,EAAA;4BACxC,KAAA,CAAA,aAAA,CAAC,KAAK,IAAC,OAAO,EAAC,QAAQ,EAAC,EAAE,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,EAAA,EACrE,IAAI,CAAC,IAAI,CACJ;AACR,4BAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAC,WAAW,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAA;;gCACzC,GAAG;AACJ,gCAAA,IAAI,CAAC,KAAK;oCACT,CAAA,EAAG,IAAI,CAAC,IAAI,KAAK,cAAc,CAAC,KAAK,GAAG,GAAG,GAAG,KAAK,CAAC,QAAQ,GAAG,GAAG,CAAA,CAAE,CAC3D,CACP;AACR,wBAAA,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,IAAA;AACF,4BAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EACT,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,MAAM,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,gBAC9B,QAAQ,EAAA;AAEnB,gCAAA,KAAA,CAAA,aAAA,CAAC,OAAO,EAAA,EAAC,IAAI,EAAC,kBAAkB,EAAA,CAAG,CACxB,CACT,CACL,CACG,CACT,CAAC,CACE,CACJ;AAEN,QAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAC,IAAI,EAAC,EAAE,EAAE,CAAC,EAAA,EAC3B,CAAC,CAAC,kCAAkC,CAAC,CAC3B;QAEZ,SAAS,IACR,oBAAC,eAAe,EAAA,EAAC,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,EAAA,CAAI,KAEzC,KAAA,CAAA,aAAA,CAAC,cAAc,EAAA,IAAA;AACb,YAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EACT,IAAI,EAAC,iBAAiB,EACtB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,KAAK,EAAE,EAAE,MACvC,KAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EAAC,SAAS,EAAC,UAAU,EAAA;AAC/B,oBAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAA,GAAK,KAAK,EAAA,EAClB,cAAc,CAAC,GAAG,CAAC,CAAC,OAAO,MAC1B,KAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EACV,GAAG,EAAE,OAAO,CAAC,IAAI,EACjB,MAAM,EAAE,CAAC,CAAC,eAAe,IAAI,MAAM,CAAC,eAAe,CAAC,KAAK,OAAO,CAAC,EAAE,EAAA;wBAEnE,KAAA,CAAA,aAAA,CAAC,gBAAgB,EAAA,EACf,KAAK,EAAE,OAAO,CAAC,EAAE,EACjB,OAAO,EAAE,KAAA,CAAA,aAAA,CAAC,KAAK,OAAG,EAClB,KAAK,EACH,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,SAAS,EAAC,KAAK,EAAC,UAAU,EAAC,QAAQ,EAAA;gCACxC,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EACT,EAAE,EAAE;AACF,wCAAA,WAAW,EAAE,CAAC;AACf,qCAAA,EAAA,EAEA,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CACT;gCACb,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EACJ,GAAG,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,EACtB,EAAE,EAAE;AACF,wCAAA,MAAM,EAAE,MAAM;AACd,wCAAA,OAAO,EAAE;AACP,4CAAA,SAAS,EAAE,SAAS;AACrB,yCAAA;qCACF,EAAA,CACD,CACI,EAEV,EAAE,EAAE;AACF,gCAAA,sBAAsB,EAAE;AACtB,oCAAA,EAAE,EAAE,CAAC;AACN,iCAAA;6BACF,EAAA,CACD;AACD,wBAAA,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM;AACvB,4BAAA,CAAC,CAAC,eAAe;4BACjB,MAAM,CAAC,eAAe,CAAC,KAAK,OAAO,CAAC,EAAE,KACpC,KAAA,CAAA,aAAA,CAAC,mBAAmB,EAAA,IAAA;4BAClB,KAAA,CAAA,aAAA,CAAC,OAAO,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAA,CAAI;AAC1B,4BAAA,KAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EACZ,IAAI,EAAC,uBAAuB,EAC5B,GAAG,EAAA,IAAA,EACH,OAAO,EAAE,OAAO,CAAC;AACd,qCAAA,MAAM,CAAC,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,kBAAkB,CAAC;AAC5D,qCAAA,GAAG,CAAC,CAAC,MAAM,MAAM;oCAChB,KAAK,GACH,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,SAAS,EAAC,KAAK,EAAC,UAAU,EAAC,QAAQ,EAAA;wCACxC,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EACJ,GAAG,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG,EACrB,EAAE,EAAE;AACF,gDAAA,KAAK,EAAE,MAAM;AACb,gDAAA,MAAM,EAAE,MAAM;AACd,gDAAA,QAAQ,EAAE,MAAM;AAChB,gDAAA,OAAO,EAAE,cAAc;AACvB,gDAAA,WAAW,EAAE,CAAC;AACd,gDAAA,OAAO,EAAE;AACP,oDAAA,SAAS,EAAE,SAAS;AACpB,oDAAA,cAAc,EAAE,MAAM;AACvB,iDAAA;6CACF,EAAA,CACD;AACF,wCAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAC,OAAO,EAAA,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAc,CACvD,CACT;oCACD,KAAK,EAAE,MAAM,CAAC,EAAE;AACjB,iCAAA,CAAC,CAAC,EAAA,CACL,CACkB,CACvB,CACS,CACf,CAAC,CACS;AAEZ,oBAAA,CAAC,CAAC,KAAK,KACN,oBAAC,cAAc,EAAA,EAAC,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAA,EAC1C,KAAK,EAAE,OAAO,CACA,CAClB,CACW,CACf,EAAA,CACD,CACa,CAClB,CACG;AAEV;;;;"}

package/dist/esm/form/PaymentOverviewBox.js

@@ -1,6 +1,6 @@
 import React, { useState, useMemo, useEffect, useCallback } from 'react';
 import 'framer-motion';
-import { Stack, Typography, Box, Grid, Divider } from '@mui/material';
+import { Stack, Typography, Box, Grid, Divider, IconButton } from '@mui/material';
 import '../components/animate/IconButtonAnimate.js';
 import useResponsive from '../hooks/useResponsive.js';
 import Iconify from '../components/iconify/Iconify.js';
@@ -25,7 +25,6 @@ import { getCart, calculateCart } from '../modules/shopping-cart.js';
 import { PromoCodeTypes } from '../utils/data/promo-code.js';
 import useActiveEventProducts from '../hooks/data/useActiveEventProducts.js';
 import useDebounce from '../hooks/useDebounce.js';
-import { EVENTLOOK_ORDER_FORM_ID } from '../utils/data/global.js';
 
 const PaymentOverviewBox = ({ event }) => {
     const { t, lang, options } = useGlobal();
@@ -36,7 +35,7 @@ const PaymentOverviewBox = ({ event }) => {
     const [shippingFee, setShippingFee] = useState(0);
     const { setValue, watch } = useFormContext();
     const values = watch();
-    const { total, uuid, firstName, lastName, email, gender, birthdate, phone, promoCodes, shipping, totalFee, isPaymentVerify, ticketInsurance, smsNotification, smsNotificationPrice, ticketInsurancePricePerUnit, } = values;
+    const { total, uuid, firstName, lastName, email, gender, birthdate, phone, promoCodes, shipping, totalFee, isPaymentVerify, ticketInsurance, ticketInsurancePricePerUnit, smsNotification, smsNotificationPrice, } = values;
     const tickets = useWatch({
         name: 'tickets',
         defaultValue: {},
@@ -301,25 +300,28 @@ const PaymentOverviewBox = ({ event }) => {
             console.error('Error calculating cart:', err);
         }
     }, []);
-    // const removeProduct = (variant: ISelectedProductVariant) => {
-    //   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);
-    //   }
-    // };
+    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(OverviewCard, { id: "overview-card", stickyHeaderTop: options?.stickyHeaderTop || 0 },
         !isMobile && (React.createElement(Stack, { className: "overview-card__event-info", p: 2, spacing: 2 },
             React.createElement(Typography, { variant: "h6" }, event.name),
@@ -331,7 +333,7 @@ const PaymentOverviewBox = ({ event }) => {
                         React.createElement(TextIconLabel, { icon: React.createElement(Iconify, { icon: locationIcon, sx: { mr: 0.5, mt: 0.5, width: 18, height: 18, minWidth: 18 } }), value: React.createElement(Box, null, getPlaceAsString(event.place)), sx: { typography: 'body3', color: 'text.secondary', alignItems: 'flex-start' } })))),
             React.createElement(Divider, { sx: { borderStyle: 'dashed' } }),
             React.createElement(Stack, { direction: { xs: 'column', sm: 'row', md: 'column', lg: 'row' }, spacing: 2, p: 2, divider: React.createElement(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],
+                    backgroundColor: (theme) => theme.palette.grey.A100,
                     borderRadius: 1,
                 } },
                 React.createElement(Box, { width: { sm: '50%', md: '100%', lg: '50%' } },
@@ -340,55 +342,67 @@ const PaymentOverviewBox = ({ event }) => {
                 React.createElement(Box, { width: { sm: '50%', md: '100%', lg: '50%' } },
                     React.createElement(TextIconLabel, { icon: React.createElement(Iconify, { icon: userIcon, sx: { minWidth: 20, height: 20, mr: 1 } }), value: t('form.labels.organizer'), sx: { color: 'text.secondary' } }),
                     React.createElement(Typography, { variant: "body2", fontWeight: 700 }, event.company.displayName))))),
-        React.createElement(Stack, { className: "overview-card__order-info", p: 2, pt: { xs: 0, sm: 2 }, spacing: 0.75, useFlexGap: true },
+        React.createElement(Stack, { className: "overview-card__order-info", p: 2, spacing: 1 },
             !!selectedTickets.length && !isMobile && React.createElement(Divider, { sx: { borderStyle: 'dashed' } }),
-            !!selectedTickets.length && (React.createElement(Stack, { spacing: 0.5 },
-                React.createElement(PaymentOverviewCheckbox, { checkboxName: "ticketInsurance", label: t('event.tickets.insurance.label'), value: React.createElement(React.Fragment, null,
-                        ticketInsurance && totalItemCount.totalTickets > 0 ? '' : '+ ',
-                        fCurrency(ticketInsurancePricePerUnit, lang, event.currency),
-                        " /",
-                        ' ',
-                        t('event.tickets.insurance.per_ticket')) }),
-                React.createElement(PaymentOverviewCheckbox, { checkboxName: "smsNotification", label: t('event.tickets.sms_notification.label'), value: React.createElement(React.Fragment, null,
-                        smsNotification && totalItemCount.totalTickets > 0 ? '' : '+ ',
-                        fCurrency(smsNotificationPrice, lang, event.currency)) }),
-                React.createElement(Divider, { sx: { borderStyle: 'dashed' } }))),
             selectedTickets.map((ticket, index) => (React.createElement(Box, { key: index },
                 React.createElement(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", spacing: 2 },
-                    React.createElement(Typography, { variant: "body2" },
+                    React.createElement(Typography, { variant: "caption" },
                         ticket.quantity,
                         "x ",
                         ticket.itemName),
-                    React.createElement(Typography, { variant: "body2" }, fCurrency(calculatePriceWithDiscount(ticket.price, promoCodesValues.percent, promoCodesValues.fixedDevidedTickets) * Number(ticket.quantity), lang, event.currency))),
+                    React.createElement(Typography, { variant: "caption" }, fCurrency(calculatePriceWithDiscount(ticket.price, promoCodesValues.percent, promoCodesValues.fixedDevidedTickets) * Number(ticket.quantity), lang, event.currency))),
                 ticket.products.map((product, index2) => (React.createElement(Stack, { key: index2, direction: "row", justifyContent: "space-between", alignItems: "center", spacing: 2 },
-                    React.createElement(Typography, { variant: "body2" },
+                    React.createElement(Typography, { variant: "caption" },
                         "- ",
                         product.quantity,
                         "x ",
                         product.name),
-                    React.createElement(Typography, { variant: "body2" }, product.price > 0
+                    React.createElement(Typography, { variant: "caption" }, product.price > 0
                         ? fCurrency(calculatePriceWithDiscount(product.price, promoCodesValues.productDiscountPercent, promoCodesValues.fixedDevidedProducts
                             ? promoCodesValues.fixedDevidedProducts * product.quantity
                             : 0), lang, event.currency)
                         : t('free')))))))),
             selectedVariants.map((variant, index) => (React.createElement(Box, { key: index },
                 React.createElement(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", spacing: 2 },
-                    React.createElement(Typography, { variant: "body2" },
+                    React.createElement(Typography, { variant: "caption" },
                         variant.quantity,
                         "x ",
                         variant.name),
-                    React.createElement(Typography, { variant: "body2" }, fCurrency(calculatePriceWithDiscount(variant.price, promoCodesValues.productDiscountPercent, promoCodesValues.fixedDevidedProducts
-                        ? promoCodesValues.fixedDevidedProducts * variant.quantity
-                        : 0), lang, event.currency)))))),
+                    React.createElement(Stack, { direction: "row", spacing: 1, alignItems: "center" },
+                        React.createElement(Typography, { variant: "caption" }, fCurrency(calculatePriceWithDiscount(variant.price, promoCodesValues.productDiscountPercent, promoCodesValues.fixedDevidedProducts
+                            ? promoCodesValues.fixedDevidedProducts * variant.quantity
+                            : 0), lang, event.currency)),
+                        React.createElement(IconButton, { onClick: () => removeProduct(variant), color: "primary", size: "small" },
+                            React.createElement(Iconify, { icon: "carbon:trash-can" }))))))),
             !!shippingFee && (React.createElement(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", spacing: 2 },
-                React.createElement(Typography, { variant: "body2" }, t('form.labels.shipping_fee')),
-                React.createElement(Typography, { variant: "body2" }, fCurrency(shippingFee, lang, event.currency)))),
+                React.createElement(Typography, { variant: "caption" }, t('form.labels.shipping_fee')),
+                React.createElement(Typography, { variant: "caption" }, fCurrency(shippingFee, lang, event.currency)))),
+            ticketInsurance && totalItemCount.totalTickets > 0 && (React.createElement(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", spacing: 2 },
+                React.createElement(Typography, { variant: "caption" }, t('form.labels.ticket_insurance')),
+                React.createElement(Typography, { variant: "caption" }, fCurrency(values.ticketInsurancePrice, lang, event.currency)))),
+            smsNotification && totalItemCount.totalTickets > 0 && (React.createElement(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", spacing: 2 },
+                React.createElement(Typography, { variant: "caption" }, t('form.labels.sms_notification')),
+                React.createElement(Typography, { variant: "caption" }, fCurrency(values.smsNotificationPrice, lang, event.currency)))),
             !!total && !!totalFee && (React.createElement(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", spacing: 2 },
-                React.createElement(Typography, { variant: "body2" }, t('form.labels.service_fee')),
-                React.createElement(Typography, { variant: "body2" }, getFee))),
+                React.createElement(Typography, { variant: "caption" }, t('form.labels.service_fee')),
+                React.createElement(Typography, { variant: "caption" }, getFee))),
             ((!!selectedTickets.length && isMobile) || !isMobile) && (React.createElement(Divider, { sx: { borderStyle: 'dashed' } })),
+            !!selectedTickets.length && (React.createElement(React.Fragment, null,
+                React.createElement(PaymentOverviewCheckbox, { checkboxName: "smsNotification", label: t('event.tickets.sms_notification.label'), value: React.createElement(React.Fragment, null,
+                        "+ ",
+                        fCurrency(smsNotificationPrice, lang, event.currency)), modal: {
+                        title: t('event.tickets.sms_notification.label'),
+                        description: (React.createElement(React.Fragment, null,
+                            React.createElement(Typography, { variant: "body2", paragraph: true }, t('event.tickets.sms_notification.modal.description')),
+                            React.createElement(Typography, { variant: "body2", sx: { fontWeight: 600 } },
+                                t('event.tickets.sms_notification.modal.price'),
+                                ":",
+                                ' ',
+                                fCurrency(smsNotificationPrice, lang, event.currency)))),
+                    } }),
+                React.createElement(Divider, { sx: { borderStyle: 'dashed' } }))),
             React.createElement(FeeBox, { event: event }),
-            React.createElement(LoadingButton, { type: "submit", form: EVENTLOOK_ORDER_FORM_ID, variant: "contained", size: "large", fullWidth: true, sx: { height: { xs: 36, md: 40 } } }, t(isPaymentVerify ? 'verify' : 'buy')))));
+            React.createElement(LoadingButton, { type: "submit", variant: "contained", size: "large", fullWidth: true }, t(isPaymentVerify ? 'verify' : 'buy')))));
 };
 
 export { PaymentOverviewBox as default };