@eventlook/sdk 1.4.0

package/dist/cjs/form/ChildEventDialog.js

@@ -0,0 +1,30 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var useActiveEventProducts = require('../hooks/data/useActiveEventProducts.js');
+var material = require('@mui/material');
+var React = require('react');
+var TicketWithMerchandiseSelection = require('./TicketWithMerchandiseSelection.js');
+var TicketSelection = require('./TicketSelection.js');
+var useGlobal = require('../hooks/useGlobal.js');
+var MerchandiseSelection = require('./MerchandiseSelection.js');
+
+const ChildEventDialog = ({ event, openDialog, onClose }) => {
+    const { t } = useGlobal.default();
+    const { data: eventProducts, isLoading } = useActiveEventProducts.default(event.id);
+    return (React.createElement(material.Dialog, { open: openDialog, onClose: () => onClose && onClose(), fullWidth: true },
+        React.createElement(material.DialogContent, null,
+            React.createElement(material.Stack, { spacing: 1 },
+                React.createElement(material.Stepper, { orientation: "vertical" },
+                    React.createElement(material.Step, { active: true },
+                        React.createElement(material.StepLabel, null, t('event.tickets.stepper.1.title')),
+                        React.createElement(material.StepContent, null, event.hasMerchandise ? (React.createElement(TicketWithMerchandiseSelection.default, { event: event })) : (React.createElement(TicketSelection.default, { event: event })))),
+                    event.hasMerchandise && eventProducts.length && (React.createElement(material.Step, { active: true },
+                        React.createElement(material.StepLabel, null, t('event.tickets.stepper.4.title')),
+                        React.createElement(material.StepContent, null,
+                            React.createElement(MerchandiseSelection.default, { eventProducts: eventProducts, eventId: event.id, isLoading: isLoading })))))))));
+};
+
+exports.default = ChildEventDialog;
+//# sourceMappingURL=ChildEventDialog.js.map

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

@@ -0,0 +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 './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":["useGlobal","useActiveEventProducts","Dialog","DialogContent","Stack","Stepper","Step","StepLabel","StepContent","TicketWithMerchandiseSelection","TicketSelection","MerchandiseSelection"],"mappings":";;;;;;;;;;;;AAeA,MAAM,gBAAgB,GAAoB,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,KAAI;AAC3E,IAAA,MAAM,EAAE,CAAC,EAAE,GAAGA,iBAAS,EAAE;AACzB,IAAA,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,SAAS,EAAE,GAAGC,8BAAsB,CAAC,KAAK,CAAC,EAAE,CAAC;AAE3E,IAAA,QACE,KAAA,CAAA,aAAA,CAACC,eAAM,IAAC,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,IAAI,OAAO,EAAE,EAAE,SAAS,EAAA,IAAA,EAAA;AACtE,QAAA,KAAA,CAAA,aAAA,CAACC,sBAAa,EAAA,IAAA;AACZ,YAAA,KAAA,CAAA,aAAA,CAACC,cAAK,EAAA,EAAC,OAAO,EAAE,CAAC,EAAA;AACf,gBAAA,KAAA,CAAA,aAAA,CAACC,gBAAO,EAAA,EAAC,WAAW,EAAC,UAAU,EAAA;oBAC7B,KAAA,CAAA,aAAA,CAACC,aAAI,IAAC,MAAM,EAAA,IAAA,EAAA;AACV,wBAAA,KAAA,CAAA,aAAA,CAACC,kBAAS,EAAA,IAAA,EAAE,CAAC,CAAC,+BAA+B,CAAC,CAAa;AAC3D,wBAAA,KAAA,CAAA,aAAA,CAACC,oBAAW,EAAA,IAAA,EACT,KAAK,CAAC,cAAc,IACnB,KAAA,CAAA,aAAA,CAACC,sCAA8B,EAAA,EAAC,KAAK,EAAE,KAAK,EAAA,CAAI,KAEhD,KAAA,CAAA,aAAA,CAACC,uBAAe,EAAA,EAAC,KAAK,EAAE,KAAK,EAAA,CAAI,CAClC,CACW,CACT;oBACN,KAAK,CAAC,cAAc,IAAI,aAAa,CAAC,MAAM,KAC3C,KAAA,CAAA,aAAA,CAACJ,aAAI,EAAA,EAAC,MAAM,EAAA,IAAA,EAAA;AACV,wBAAA,KAAA,CAAA,aAAA,CAACC,kBAAS,EAAA,IAAA,EAAE,CAAC,CAAC,+BAA+B,CAAC,CAAa;AAC3D,wBAAA,KAAA,CAAA,aAAA,CAACC,oBAAW,EAAA,IAAA;4BACV,KAAA,CAAA,aAAA,CAACG,4BAAoB,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/cjs/form/ChildEvents.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var CustomSkeleton = require('../components/CustomSkeleton.js');
+var material = require('@mui/material');
+var ChildEventCard = require('./ChildEventCard.js');
+
+const ChildEventSection = ({ events, isLoading }) => (React.createElement(material.Grid, { container: true, spacing: 3 }, isLoading
+    ? [...Array(3)].map((item) => (React.createElement(material.Grid, { key: item, item: true, xs: 12, md: 12 },
+        React.createElement(CustomSkeleton.default, { height: 334 }))))
+    : events?.map((event) => (React.createElement(material.Grid, { key: event.id, item: true, xs: 12, md: 12 },
+        React.createElement(ChildEventCard.default, { event: event }))))));
+
+exports.default = ChildEventSection;
+//# sourceMappingURL=ChildEvents.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChildEvents.js","sources":["../../../src/form/ChildEvents.tsx"],"sourcesContent":["import React from 'react';\nimport CustomSkeleton from '@components/CustomSkeleton';\nimport { Grid } from '@mui/material';\nimport { IEvent } from '@utils/types/event.type';\nimport ChildEventCard from './ChildEventCard';\n\ninterface Props {\n  events: IEvent[];\n  isLoading?: boolean;\n}\n\nconst ChildEventSection: React.FC<Props> = ({ events, isLoading }) => (\n  <Grid container spacing={3}>\n    {isLoading\n      ? [...Array(3)].map((item) => (\n          <Grid key={item} item xs={12} md={12}>\n            <CustomSkeleton height={334} />\n          </Grid>\n        ))\n      : events?.map((event) => (\n          <Grid key={event.id} item xs={12} md={12}>\n            <ChildEventCard event={event} />\n          </Grid>\n        ))}\n  </Grid>\n);\n\nexport default ChildEventSection;\n"],"names":["Grid","CustomSkeleton","ChildEventCard"],"mappings":";;;;;;;;;AAWA,MAAM,iBAAiB,GAAoB,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,MAC/D,KAAA,CAAA,aAAA,CAACA,aAAI,EAAA,EAAC,SAAS,QAAC,OAAO,EAAE,CAAC,EAAA,EACvB;AACC,MAAE,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,MACrB,KAAA,CAAA,aAAA,CAACA,aAAI,EAAA,EAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAA,IAAA,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAA;QAClC,KAAA,CAAA,aAAA,CAACC,sBAAc,IAAC,MAAM,EAAE,GAAG,EAAA,CAAI,CAC1B,CACR;AACH,MAAE,MAAM,EAAE,GAAG,CAAC,CAAC,KAAK,MAChB,KAAA,CAAA,aAAA,CAACD,aAAI,EAAA,EAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,IAAI,EAAA,IAAA,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAA;QACtC,KAAA,CAAA,aAAA,CAACE,sBAAc,EAAA,EAAC,KAAK,EAAE,KAAK,EAAA,CAAI,CAC3B,CACR,CAAC,CACD;;;;"}

package/dist/cjs/form/ContactPerson.js

@@ -0,0 +1,40 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var material = require('@mui/material');
+var RHFSelect = require('../components/hook-form/RHFSelect.js');
+require('react-hook-form');
+var RHFTextField = require('../components/hook-form/RHFTextField.js');
+var RHFDatePicker = require('../components/hook-form/RHFDatePicker.js');
+var gender = require('../utils/data/gender.js');
+var RHFPhone = require('../components/hook-form/RHFPhone.js');
+var dayjs = require('dayjs');
+var ExtraField = require('./extra-field/ExtraField.js');
+var useGlobal = require('../hooks/useGlobal.js');
+
+const ContactPerson = ({ event }) => {
+    const { t, content } = useGlobal.default();
+    return (React.createElement(material.Grid, { container: true, spacing: 3 },
+        React.createElement(material.Grid, { item: true, xs: 12, md: 6 },
+            React.createElement(RHFTextField.default, { name: "firstName", label: t('form.labels.first_name') })),
+        React.createElement(material.Grid, { item: true, xs: 12, md: 6 },
+            React.createElement(RHFTextField.default, { name: "lastName", label: t('form.labels.last_name') })),
+        React.createElement(material.Grid, { item: true, xs: 12, md: 6 },
+            React.createElement(RHFTextField.default, { name: "email", label: t('form.labels.email') })),
+        React.createElement(material.Grid, { item: true, xs: 12, md: 6 },
+            React.createElement(RHFPhone.default, { name: "phone", label: t('form.labels.phone'), defaultCountry: event.place.countryCode })),
+        !content?.form?.disableBirthDate && (React.createElement(material.Grid, { item: true, xs: 12, md: 6 },
+            React.createElement(RHFDatePicker.default, { name: "birthdate", label: t('form.labels.birthdate'), openTo: "year", views: ['year', 'month', 'day'], maxDate: dayjs() }))),
+        !content?.form?.disableGender && (React.createElement(material.Grid, { item: true, xs: 12, md: 6 },
+            React.createElement(RHFSelect.RHFSelect, { name: "gender", label: t('form.labels.gender') },
+                React.createElement(material.MenuItem, { value: gender.Gender.MALE }, t('form.labels.male')),
+                React.createElement(material.MenuItem, { value: gender.Gender.FEMALE }, t('form.labels.female')),
+                React.createElement(material.MenuItem, { value: gender.Gender.OTHER }, t('form.labels.other'))))),
+        event?.extraFields.map((field, index) => (React.createElement(material.Grid, { key: field.id, item: true, xs: 12, md: 6 },
+            React.createElement(ExtraField.default, { extraField: field, name: `extraFields.${index}.value` }))))));
+};
+
+exports.default = ContactPerson;
+//# sourceMappingURL=ContactPerson.js.map

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

@@ -0,0 +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={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":["useGlobal","Grid","RHFTextField","RHFPhone","RHFDatePicker","RHFSelect","MenuItem","Gender","ExtraField"],"mappings":"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"}

package/dist/cjs/form/EmailConfirmation.js

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var ConfirmDialog = require('../components/confirm-dialog/ConfirmDialog.js');
+var material = require('@mui/material');
+var reactHookForm = require('react-hook-form');
+var lab = require('@mui/lab');
+var useGlobal = require('../hooks/useGlobal.js');
+
+const EmailConfirmation = ({ open, onClose, onConfirm }) => {
+    const { t } = useGlobal.default();
+    const { watch, formState: { isSubmitting }, } = reactHookForm.useFormContext();
+    const email = watch('email');
+    return (React.createElement(ConfirmDialog.default, { title: t('event.tickets.email_confirmation.title'), maxWidth: "md", open: open, onClose: onClose, content: React.createElement(material.Box, { sx: { textAlign: 'center' } },
+            React.createElement(material.Typography, { sx: {
+                    fontSize: {
+                        xs: '1.2rem',
+                        sm: '1.5rem',
+                        md: '2.5rem',
+                    },
+                    fontWeight: 700,
+                } }, email)), action: React.createElement(lab.LoadingButton, { variant: "contained", onClick: onConfirm, loading: isSubmitting }, t('confirm')), sx: { textAlign: 'center' } }));
+};
+
+exports.default = EmailConfirmation;
+//# sourceMappingURL=EmailConfirmation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmailConfirmation.js","sources":["../../../src/form/EmailConfirmation.tsx"],"sourcesContent":["import React from 'react';\nimport ConfirmDialog from '@components/confirm-dialog';\nimport { Box, Typography } from '@mui/material';\nimport { useFormContext } from 'react-hook-form';\nimport { ITicketForm } from '@utils/types/ticket.type';\nimport { LoadingButton } from '@mui/lab';\nimport useGlobal from '@hooks/useGlobal.ts';\n\ninterface Props {\n  open: boolean;\n  onClose: () => void;\n  onConfirm: () => void;\n}\n\nconst EmailConfirmation: React.FC<Props> = ({ open, onClose, onConfirm }) => {\n  const { t } = useGlobal();\n  const {\n    watch,\n    formState: { isSubmitting },\n  } = useFormContext<ITicketForm>();\n  const email = watch('email');\n  return (\n    <ConfirmDialog\n      title={t('event.tickets.email_confirmation.title')}\n      maxWidth=\"md\"\n      open={open}\n      onClose={onClose}\n      content={\n        <Box sx={{ textAlign: 'center' }}>\n          <Typography\n            sx={{\n              fontSize: {\n                xs: '1.2rem',\n                sm: '1.5rem',\n                md: '2.5rem',\n              },\n              fontWeight: 700,\n            }}\n          >\n            {email}\n          </Typography>\n          {/*<Typography>{t('event.tickets.email_confirmation.description')}</Typography>*/}\n        </Box>\n      }\n      action={\n        <LoadingButton variant=\"contained\" onClick={onConfirm} loading={isSubmitting}>\n          {t('confirm')}\n        </LoadingButton>\n      }\n      sx={{ textAlign: 'center' }}\n    />\n  );\n};\n\nexport default EmailConfirmation;\n"],"names":["useGlobal","useFormContext","ConfirmDialog","Box","Typography","LoadingButton"],"mappings":";;;;;;;;;;;AAcA,MAAM,iBAAiB,GAAoB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,KAAI;AAC1E,IAAA,MAAM,EAAE,CAAC,EAAE,GAAGA,iBAAS,EAAE;AACzB,IAAA,MAAM,EACJ,KAAK,EACL,SAAS,EAAE,EAAE,YAAY,EAAE,GAC5B,GAAGC,4BAAc,EAAe;AACjC,IAAA,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;AAC5B,IAAA,QACE,KAAA,CAAA,aAAA,CAACC,qBAAa,EAAA,EACZ,KAAK,EAAE,CAAC,CAAC,wCAAwC,CAAC,EAClD,QAAQ,EAAC,IAAI,EACb,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,OAAO,EACL,KAAA,CAAA,aAAA,CAACC,YAAG,EAAA,EAAC,EAAE,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAA;YAC9B,KAAA,CAAA,aAAA,CAACC,mBAAU,EAAA,EACT,EAAE,EAAE;AACF,oBAAA,QAAQ,EAAE;AACR,wBAAA,EAAE,EAAE,QAAQ;AACZ,wBAAA,EAAE,EAAE,QAAQ;AACZ,wBAAA,EAAE,EAAE,QAAQ;AACb,qBAAA;AACD,oBAAA,UAAU,EAAE,GAAG;AAChB,iBAAA,EAAA,EAEA,KAAK,CACK,CAET,EAER,MAAM,EACJ,KAAA,CAAA,aAAA,CAACC,iBAAa,EAAA,EAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,YAAY,IACzE,CAAC,CAAC,SAAS,CAAC,CACC,EAElB,EAAE,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAA,CAC3B;AAEN;;;;"}

package/dist/cjs/form/MerchandiseSelection.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var material = require('@mui/material');
+var ProductCard = require('./product/ProductCard.js');
+var CustomSkeleton = require('../components/CustomSkeleton.js');
+
+const MerchandiseSelection = ({ eventProducts, eventId, isLoading }) => (React.createElement(material.Grid, { container: true, spacing: 3 }, isLoading
+    ? [...Array(3)].map((item) => (React.createElement(material.Grid, { key: item, item: true, xs: 12, md: 4 },
+        React.createElement(CustomSkeleton.default, { height: 334 }))))
+    : eventProducts.map((eventProduct) => (React.createElement(material.Grid, { key: eventProduct.id, item: true, xs: 12, md: 4 },
+        React.createElement(ProductCard.default, { eventProduct: eventProduct, eventId: eventId, isOnlyMerchandise: true }))))));
+
+exports.default = MerchandiseSelection;
+//# sourceMappingURL=MerchandiseSelection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MerchandiseSelection.js","sources":["../../../src/form/MerchandiseSelection.tsx"],"sourcesContent":["import React from 'react';\nimport { Grid } from '@mui/material';\nimport ProductCard from '@form/product/ProductCard';\nimport { IEventProduct } from '@utils/types/event-product.type';\nimport CustomSkeleton from '@components/CustomSkeleton';\n\ninterface Props {\n  eventProducts: IEventProduct[];\n  eventId: number;\n  isLoading?: boolean;\n}\n\nconst MerchandiseSelection: React.FC<Props> = ({ eventProducts, eventId, isLoading }) => (\n  <Grid container spacing={3}>\n    {isLoading\n      ? [...Array(3)].map((item) => (\n          <Grid key={item} item xs={12} md={4}>\n            <CustomSkeleton height={334} />\n          </Grid>\n        ))\n      : eventProducts.map((eventProduct) => (\n          <Grid key={eventProduct.id} item xs={12} md={4}>\n            <ProductCard eventProduct={eventProduct} eventId={eventId} isOnlyMerchandise />\n          </Grid>\n        ))}\n  </Grid>\n);\n\nexport default MerchandiseSelection;\n"],"names":["Grid","CustomSkeleton","ProductCard"],"mappings":";;;;;;;;;AAYA,MAAM,oBAAoB,GAAoB,CAAC,EAAE,aAAa,EAAE,OAAO,EAAE,SAAS,EAAE,MAClF,KAAA,CAAA,aAAA,CAACA,aAAI,EAAA,EAAC,SAAS,QAAC,OAAO,EAAE,CAAC,EAAA,EACvB;AACC,MAAE,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,MACrB,KAAA,CAAA,aAAA,CAACA,aAAI,EAAA,EAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAA,IAAA,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAA;QACjC,KAAA,CAAA,aAAA,CAACC,sBAAc,IAAC,MAAM,EAAE,GAAG,EAAA,CAAI,CAC1B,CACR;AACH,MAAE,aAAa,CAAC,GAAG,CAAC,CAAC,YAAY,MAC7B,KAAA,CAAA,aAAA,CAACD,aAAI,EAAA,EAAC,GAAG,EAAE,YAAY,CAAC,EAAE,EAAE,IAAI,EAAA,IAAA,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAA;AAC5C,QAAA,KAAA,CAAA,aAAA,CAACE,mBAAW,EAAA,EAAC,YAAY,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAA,IAAA,EAAA,CAAG,CAC1E,CACR,CAAC,CACD;;;;"}

package/dist/cjs/form/OrderSuccess.js

@@ -0,0 +1,57 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var framerMotion = require('framer-motion');
+var material = require('@mui/material');
+var Iconify = require('../components/iconify/Iconify.js');
+var bounce = require('../components/animate/variants/bounce.js');
+var React = require('react');
+require('../components/animate/IconButtonAnimate.js');
+require('@mui/material/styles');
+require('@mui/material/useMediaQuery');
+var MotionContainer = require('../components/animate/MotionContainer.js');
+var useGlobal = require('../hooks/useGlobal.js');
+var Image = require('../components/Image.js');
+
+const OrderSuccess = ({ gwUrl, setIsPaying, isIframe, isInline }) => {
+    const { t } = useGlobal.default();
+    const [seconds, setSeconds] = React.useState(10);
+    const { content } = useGlobal.default();
+    React.useEffect(() => {
+        window.scrollTo({ top: 0 });
+    }, []);
+    React.useEffect(() => {
+        const interval = setInterval(() => {
+            setSeconds(seconds - 1);
+        }, 1000);
+        return () => clearInterval(interval);
+    }, [seconds]);
+    React.useEffect(() => {
+        if (Number(seconds) < 0) {
+            handleRedirect();
+        }
+    }, [seconds]);
+    const handleRedirect = () => {
+        if (!isInline && isIframe) {
+            parent.postMessage({ type: 'eventlookFrameGopayRedirect', gwUrl }, '*');
+        }
+        else {
+            setIsPaying(true);
+            window.location.replace(gwUrl);
+        }
+    };
+    return (React.createElement(MotionContainer.default, { sx: { textAlign: 'center' }, className: "iframe__order-success" },
+        React.createElement(framerMotion.m.div, { variants: bounce.varBounce().in }, content?.orderConfirmation?.image ? (React.createElement(Image.default, { src: content.orderConfirmation.image.src, width: "100%", maxWidth: content.orderConfirmation.image.maxWidth })) : (React.createElement(material.Box, { sx: { fontSize: 128 } }, "\uD83D\uDCB8"))),
+        React.createElement(material.Stack, { spacing: 1, sx: { my: 5 } },
+            React.createElement(framerMotion.m.div, { variants: bounce.varBounce().in },
+                React.createElement(material.Typography, { variant: "h3" }, content?.orderConfirmation?.title || t('event.tickets.order_success.title'))),
+            React.createElement(framerMotion.m.div, { variants: bounce.varBounce().in },
+                React.createElement(material.Typography, { sx: { color: 'text.secondary' }, maxWidth: 550, marginX: "auto" }, t('event.tickets.order_success.description', {
+                    countdown: Number(seconds) < 0 ? 0 : Number(seconds),
+                })))),
+        React.createElement(material.Button, { onClick: handleRedirect, size: "large", color: "primary", variant: "contained", endIcon: React.createElement(Iconify.default, { icon: "eva:external-link-outline" }) }, t('pay'))));
+};
+
+exports.default = OrderSuccess;
+//# sourceMappingURL=OrderSuccess.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OrderSuccess.js","sources":["../../../src/form/OrderSuccess.tsx"],"sourcesContent":["import { m } from 'framer-motion';\nimport { Box, Button, Typography, Stack } from '@mui/material';\nimport { Iconify } from '@components/iconify';\nimport { MotionContainer, varBounce } from '@components/animate';\nimport React, { Dispatch, SetStateAction, useEffect, useState } from 'react';\nimport useGlobal from '@hooks/useGlobal.ts';\nimport { Image } from '@components';\n\ninterface Props {\n  gwUrl: string;\n  setIsPaying: Dispatch<SetStateAction<boolean>>;\n  isIframe?: boolean;\n  isInline?: boolean;\n}\n\nconst OrderSuccess: React.FC<Props> = ({ gwUrl, setIsPaying, isIframe, isInline }) => {\n  const { t } = useGlobal();\n  const [seconds, setSeconds] = useState<number>(10);\n  const { content } = useGlobal();\n\n  useEffect(() => {\n    window.scrollTo({ top: 0 });\n  }, []);\n\n  useEffect(() => {\n    const interval = setInterval(() => {\n      setSeconds(seconds - 1);\n    }, 1000);\n\n    return () => clearInterval(interval);\n  }, [seconds]);\n\n  useEffect(() => {\n    if (Number(seconds) < 0) {\n      handleRedirect();\n    }\n  }, [seconds]);\n\n  const handleRedirect = () => {\n    if (!isInline && isIframe) {\n      parent.postMessage({ type: 'eventlookFrameGopayRedirect', gwUrl }, '*');\n    } else {\n      setIsPaying(true);\n      window.location.replace(gwUrl);\n    }\n  };\n\n  return (\n    <MotionContainer sx={{ textAlign: 'center' }} className=\"iframe__order-success\">\n      <m.div variants={varBounce().in}>\n        {content?.orderConfirmation?.image ? (\n          <Image\n            src={content.orderConfirmation.image.src}\n            width=\"100%\"\n            maxWidth={content.orderConfirmation.image.maxWidth}\n          />\n        ) : (\n          <Box sx={{ fontSize: 128 }}>💸</Box>\n        )}\n      </m.div>\n\n      <Stack spacing={1} sx={{ my: 5 }}>\n        <m.div variants={varBounce().in}>\n          <Typography variant=\"h3\">\n            {content?.orderConfirmation?.title || t('event.tickets.order_success.title')}\n          </Typography>\n        </m.div>\n\n        <m.div variants={varBounce().in}>\n          <Typography sx={{ color: 'text.secondary' }} maxWidth={550} marginX=\"auto\">\n            {t('event.tickets.order_success.description', {\n              countdown: Number(seconds) < 0 ? 0 : Number(seconds),\n            })}\n          </Typography>\n        </m.div>\n      </Stack>\n\n      <Button\n        onClick={handleRedirect}\n        size=\"large\"\n        color=\"primary\"\n        variant=\"contained\"\n        endIcon={<Iconify icon=\"eva:external-link-outline\" />}\n      >\n        {t('pay')}\n      </Button>\n    </MotionContainer>\n  );\n};\n\nexport default OrderSuccess;\n"],"names":["useGlobal","useState","useEffect","MotionContainer","m","varBounce","Image","Box","Stack","Typography","Button","Iconify"],"mappings":"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"}

package/dist/cjs/form/Payment.js

@@ -0,0 +1,193 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var material = require('@mui/material');
+var useAllowedPaymentMethods = require('../hooks/data/useAllowedPaymentMethods.js');
+var reactHookForm = require('react-hook-form');
+var style = require('./style.js');
+var Image = require('../components/Image.js');
+var Label = require('../components/Label.js');
+var PaymentSkeleton = require('./payment/PaymentSkeleton.js');
+var RHFRadioGroup = require('../components/hook-form/RHFRadioGroup.js');
+var promoCode = require('../modules/promo-code.js');
+var useGlobal = require('../hooks/useGlobal.js');
+var promoCode$1 = require('../utils/data/promo-code.js');
+var lodash = require('lodash');
+require('framer-motion');
+require('../components/animate/IconButtonAnimate.js');
+require('@mui/material/styles');
+require('@mui/material/useMediaQuery');
+var Iconify = require('../components/iconify/Iconify.js');
+
+const Payment = ({ event }) => {
+    const { t, lang } = useGlobal.default();
+    const { showSnackbar } = useGlobal.default();
+    const { data, isLoading } = useAllowedPaymentMethods.default(event.currency);
+    const { control, watch, setValue } = reactHookForm.useFormContext();
+    const paymentMethodId = watch('paymentMethodId');
+    const paymentMethodOptionId = watch('paymentMethodOptionId');
+    const [promoCode$2, setPromoCode] = React.useState('');
+    const [promoCodeError, setPromoCodeError] = React.useState(null);
+    const [combine, setCombine] = React.useState(true);
+    const promoCodes = watch('promoCodes');
+    const originalPrice = watch('originalPrice');
+    const handleSubmit = lodash.throttle(async () => {
+        if (!promoCode$2) {
+            setPromoCodeError(t('form.validation.required'));
+            return;
+        }
+        try {
+            if (promoCodes.find((i) => i.code === promoCode$2)) {
+                setPromoCodeError(t('form.validation.promo_code_applied'));
+                return;
+            }
+            if (!combine) {
+                setPromoCodeError(t('form.validation.promo_code_cant_combine'));
+                return;
+            }
+            const res = await promoCode.postPromoCodeApply(promoCode$2, event.id);
+            const promo = res.data.data;
+            if (promo && promo.minPurchaseAmount && promo.minPurchaseAmount > originalPrice) {
+                setPromoCodeError(t('form.validation.min_purchase_not_met') +
+                    promo.minPurchaseAmount +
+                    ' ' +
+                    event.currency);
+                return;
+            }
+            if (!promo.combine && promoCodes.length === 0) {
+                setCombine(false);
+            }
+            else if (!promo.combine) {
+                setPromoCodeError(t('form.validation.promo_code_cant_combine'));
+                return;
+            }
+            setValue('promoCodes', [...promoCodes, promo]);
+            showSnackbar(res.message);
+            setPromoCodeError(null);
+            setValue('promoCode', promo);
+            setPromoCode('');
+        }
+        catch (err) {
+            setPromoCodeError(t('form.validation.promo_code_invalid'));
+            console.error(err);
+            setValue('promoCode', null);
+        }
+    }, 1000, { leading: true, trailing: false } // Allow immediate execution but prevent spam
+    );
+    const removePromoCode = (promoCodeToRemove) => {
+        const newPromoCodes = promoCodes.filter((promoC) => promoC.code !== promoCodeToRemove);
+        if (!newPromoCodes.find((promoC) => promoC.combine))
+            setCombine(true);
+        setValue('promoCodes', newPromoCodes);
+    };
+    const handleKeyDown = async (e) => {
+        if (e.key === 'Enter') {
+            e.preventDefault();
+            if (promoCode$2)
+                await handleSubmit();
+        }
+    };
+    React.useEffect(() => {
+        if (promoCodes.length === 0)
+            return;
+        const highest = promoCodes.sort((a, b) => b.minPurchaseAmount - a.minPurchaseAmount)[0]
+            .minPurchaseAmount;
+        if (originalPrice < highest) {
+            const newPromoCodes = promoCodes.filter((promoCode) => promoCode.minPurchaseAmount <= originalPrice);
+            if (newPromoCodes.length === 0) {
+                setCombine(true);
+            }
+            setValue('promoCodes', newPromoCodes);
+        }
+    }, [originalPrice]);
+    React.useEffect(() => {
+        if (data) {
+            if (!paymentMethodId && !!data.length) {
+                setValue('paymentMethodId', data[0].id);
+            }
+            const selectedPayment = data && data?.length && data.find((payment) => payment.id === Number(paymentMethodId));
+            if (selectedPayment && !!selectedPayment.options.length && !paymentMethodOptionId) {
+                setValue('paymentMethodOptionId', selectedPayment.options[0].id);
+            }
+            else if (selectedPayment && !!selectedPayment.options.length && !!paymentMethodOptionId) {
+                const existingOption = selectedPayment.options.find((option) => option.id === Number(paymentMethodOptionId));
+                if (!existingOption) {
+                    setValue('paymentMethodOptionId', selectedPayment.options[0].id);
+                }
+            }
+            else if (selectedPayment && !selectedPayment?.options.length) {
+                setValue('paymentMethodOptionId', null);
+            }
+        }
+    }, [data, paymentMethodId, paymentMethodOptionId]);
+    return (React.createElement(material.Box, null,
+        React.createElement(material.Box, { className: "payment__promo-code" },
+            React.createElement(material.Stack, { direction: "row", spacing: 2 },
+                React.createElement(material.TextField, { name: "promoCode", size: "small", label: t('form.labels.promo_code'), value: promoCode$2, onChange: (e) => setPromoCode(e.target.value), onBlur: (e) => {
+                        if (!e.target.value.trim())
+                            setPromoCodeError(null);
+                    }, onKeyDown: handleKeyDown, error: !!promoCodeError, helperText: promoCodeError, fullWidth: true }),
+                React.createElement(material.Box, null,
+                    React.createElement(material.Button, { size: "large", type: "button", variant: "contained", onClick: handleSubmit, disabled: !promoCode$2, sx: { height: 51 } }, t('apply')))),
+            React.createElement(material.Stack, { paddingTop: 3, direction: "column", spacing: 1 }, promoCodes.length > 0 &&
+                promoCodes.map((item) => (React.createElement(material.Stack, { marginTop: 3, direction: "row", alignItems: "center", justifyContent: "space-between", spacing: 2, key: item.code },
+                    React.createElement(React.Fragment, null,
+                        React.createElement(material.Stack, { direction: "row", alignItems: "center" },
+                            React.createElement(Label.default, { variant: "filled", sx: { textTransform: 'none', cursor: 'pointer' } }, item.code),
+                            React.createElement(material.Typography, { variant: "subtitle2", sx: { ml: 1 } },
+                                "-",
+                                ' ',
+                                item.value +
+                                    `${item.type === promoCode$1.PromoCodeTypes.FIXED ? ' ' + event.currency : '%'}`)),
+                        React.createElement(material.Box, null,
+                            React.createElement(material.IconButton, { color: "primary", onClick: () => removePromoCode(item.code), "aria-label": "delete" },
+                                React.createElement(Iconify.default, { icon: "carbon:trash-can" }))))))))),
+        React.createElement(material.Typography, { variant: "h4", mt: 2 }, t('event.tickets.stepper.3.subtitle')),
+        isLoading ? (React.createElement(PaymentSkeleton.default, { sx: { marginTop: 1 } })) : (React.createElement(style.PaymentWrapper, null,
+            React.createElement(reactHookForm.Controller, { name: "paymentMethodId", control: control, render: ({ field, fieldState: { error } }) => (React.createElement(material.FormControl, { component: "fieldset" },
+                    React.createElement(material.RadioGroup, { ...field }, data &&
+                        data?.length &&
+                        data?.map((payment) => (React.createElement(style.PaymentItem, { key: payment.type, active: !!paymentMethodId && Number(paymentMethodId) === payment.id },
+                            React.createElement(material.FormControlLabel, { value: payment.id, control: React.createElement(material.Radio, null), label: React.createElement(material.Stack, { direction: "row", alignItems: "center" },
+                                    React.createElement(material.Typography, { sx: {
+                                            marginRight: 2,
+                                        } }, payment.label[lang]),
+                                    React.createElement(Image.default, { src: payment.image.url, sx: {
+                                            height: '20px',
+                                            '& .wrapper img': {
+                                                objectFit: 'contain',
+                                            },
+                                        } })), sx: {
+                                    '&:not(:last-of-type)': {
+                                        mb: 0,
+                                    },
+                                } }),
+                            !!payment.options.length &&
+                                !!paymentMethodId &&
+                                Number(paymentMethodId) === payment.id && (React.createElement(style.PaymentSwiftWrapper, null,
+                                React.createElement(material.Divider, { sx: { mb: 2 } }),
+                                React.createElement(RHFRadioGroup.default, { name: "paymentMethodOptionId", row: true, options: payment.options
+                                        .filter((item) => !item.label.en.includes('eshop.api.swifts'))
+                                        .map((option) => ({
+                                        label: (React.createElement(material.Stack, { direction: "row", alignItems: "center" },
+                                            React.createElement(Image.default, { src: option.image.url, sx: {
+                                                    width: 'auto',
+                                                    height: '15px',
+                                                    maxWidth: '70px',
+                                                    display: 'inline-block',
+                                                    marginRight: 1,
+                                                    '& .wrapper img': {
+                                                        objectFit: 'contain',
+                                                        objectPosition: 'left',
+                                                    },
+                                                } }),
+                                            React.createElement(material.Typography, { variant: "body2" }, option.label[lang]))),
+                                        value: option.id,
+                                    })) }))))))),
+                    !!error && (React.createElement(material.FormHelperText, { error: !!error, sx: { mx: 0 } }, error?.message)))) })))));
+};
+
+exports.default = Payment;
+//# sourceMappingURL=Payment.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Payment.js","sources":["../../../src/form/Payment.tsx"],"sourcesContent":["import React, { KeyboardEvent, useEffect, 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 } 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 } 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';\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);\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        setValue('promoCode', promo);\n        setPromoCode('');\n      } catch (err) {\n        setPromoCodeError(t('form.validation.promo_code_invalid'));\n        console.error(err);\n        setValue('promoCode', null);\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  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                  {data &&\n                    data?.length &&\n                    data?.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\">\n                                          {option.label[lang]}\n                                        </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":["useGlobal","useAllowedPaymentMethods","useFormContext","promoCode","useState","throttle","postPromoCodeApply","useEffect","Box","Stack","TextField","Button","Label","Typography","PromoCodeTypes","IconButton","Iconify","PaymentSkeleton","PaymentWrapper","Controller","FormControl","RadioGroup","PaymentItem","FormControlLabel","Radio","Image","PaymentSwiftWrapper","Divider","RHFRadioGroup","FormHelperText"],"mappings":"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"}