@eventlook/sdk 1.4.49 → 1.4.50

package/dist/esm/form/services/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/form/services/index.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport {\n  Box,\n  Button,\n  Checkbox,\n  Dialog,\n  DialogContent,\n  DialogTitle,\n  Divider,\n  FormControlLabel,\n  IconButton,\n  Link,\n  Stack,\n  Typography,\n} from '@mui/material';\nimport { useWatch, Controller } from 'react-hook-form';\nimport { fCurrency } from '@utils/formatNumber';\nimport useGlobal from '@hooks/useGlobal';\nimport { Iconify } from '@components';\nimport { ITicketForm, ITicketFormTicket } from '@utils/types/ticket.type';\nimport { IEvent } from '@utils/types/event.type';\nimport { useFormContext } from 'react-hook-form';\n\ninterface Props {\n  event: IEvent;\n}\n\ninterface BorderedCheckboxProps {\n  name: string;\n  disabled: boolean;\n  title: React.ReactNode;\n  price: React.ReactNode;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n}\n\nconst BorderedCheckbox: React.FC<BorderedCheckboxProps> = ({\n  name,\n  disabled,\n  title,\n  price,\n  onChange,\n}) => {\n  const { control } = useFormContext<ITicketForm>();\n\n  return (\n    <Controller\n      name={name as any}\n      control={control}\n      render={({ field }) => (\n        <FormControlLabel\n          control={\n            <Checkbox\n              {...field}\n              checked={field.value || false}\n              onChange={(e) => {\n                onChange?.(e);\n                if (!e.defaultPrevented) {\n                  field.onChange(e);\n                }\n              }}\n              disabled={disabled}\n            />\n          }\n          label={\n            <Stack\n              direction=\"row\"\n              justifyContent=\"space-between\"\n              alignItems=\"center\"\n              sx={{ width: '100%', pr: 1 }}\n            >\n              <Typography variant=\"body2\" fontWeight={400}>\n                {title}\n              </Typography>\n              <Typography variant=\"body2\" fontWeight={700} sx={{ whiteSpace: 'nowrap' }}>\n                {price}\n              </Typography>\n            </Stack>\n          }\n          sx={{\n            m: 0,\n            px: 1,\n            pr: 0.5,\n            pl: 0,\n            borderRadius: 1,\n            width: '100%',\n            border: '1px solid',\n            borderColor: 'primary.main',\n            '& .MuiFormControlLabel-label': {\n              width: '100%',\n            },\n          }}\n        />\n      )}\n    />\n  );\n};\n\nconst Services: React.FC<Props> = ({ event }) => {\n  const { t, lang, showSnackbar } = useGlobal();\n  const [open, setOpen] = useState(false);\n  const ticketInsurancePricePerUnit = Number(\n    useWatch<ITicketForm>({\n      name: 'ticketInsurancePricePerUnit',\n      defaultValue: 0,\n    }) || 0\n  );\n  const smsNotificationPrice = Number(\n    useWatch<ITicketForm>({\n      name: 'smsNotificationPrice',\n      defaultValue: 0,\n    }) || 0\n  );\n  const tickets = useWatch<ITicketForm, 'tickets'>({\n    name: 'tickets',\n    defaultValue: {},\n  });\n\n  const totalTickets = useMemo(() => {\n    const items: ITicketFormTicket[] = Object.values(tickets || {}).flat();\n    return items.reduce((sum, ticket) => sum + (Number(ticket.quantity) || 0), 0);\n  }, [tickets]);\n\n  const handleOpen = (e: React.MouseEvent<HTMLAnchorElement>) => {\n    e.preventDefault();\n    setOpen(true);\n  };\n\n  const handleClose = () => setOpen(false);\n\n  const handleServiceChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (totalTickets <= 0) {\n      e.preventDefault();\n      showSnackbar(t('event.tickets.services.add_tickets_first'), {\n        variant: 'error',\n      });\n    }\n  };\n\n  return (\n    <Stack spacing={1}>\n      <BorderedCheckbox\n        name=\"ticketInsurance\"\n        disabled={false}\n        title={t('event.tickets.insurance.label')}\n        price={\n          <>\n            + {fCurrency(ticketInsurancePricePerUnit, lang, event.currency)} /{' '}\n            {t('event.tickets.insurance.per_ticket')}\n          </>\n        }\n        onChange={handleServiceChange}\n      />\n\n      <BorderedCheckbox\n        name=\"smsNotification\"\n        disabled={false}\n        title={t('event.tickets.sms_notification.label')}\n        price={<>+ {fCurrency(smsNotificationPrice, lang, event.currency)}</>}\n        onChange={handleServiceChange}\n      />\n\n      <Box sx={{ display: 'flex', justifyContent: 'flex-end' }}>\n        <Link variant=\"body2\" underline=\"always\" onClick={handleOpen} color={'text.primary'}>\n          {t('event.tickets.stepper.8.additional_info')}\n        </Link>\n      </Box>\n\n      <Dialog\n        open={open}\n        onClose={handleClose}\n        maxWidth=\"sm\"\n        fullWidth\n        PaperProps={{\n          sx: {\n            borderRadius: 4,\n            overflow: 'hidden',\n          },\n        }}\n      >\n        <DialogTitle\n          sx={{\n            position: 'relative',\n            textAlign: 'center',\n            fontWeight: 700,\n            fontSize: { xs: '1.5rem', sm: '1.75rem' },\n            pt: { xs: 3.5, sm: 4 },\n            pb: { xs: 2, sm: 2.5 },\n            px: { xs: 3, sm: 4 },\n          }}\n        >\n          {t('event.tickets.stepper.8.title')}:\n          <IconButton\n            onClick={handleClose}\n            size=\"small\"\n            sx={{ position: 'absolute', right: 16, top: 16 }}\n          >\n            <Iconify icon=\"carbon:close\" />\n          </IconButton>\n        </DialogTitle>\n        <DialogContent sx={{ px: { xs: 3, sm: 4 }, pb: { xs: 4, sm: 5 } }}>\n          <Stack spacing={3}>\n            <Box>\n              <Typography variant=\"subtitle2\" fontWeight={700} gutterBottom>\n                {t('event.tickets.insurance.label')}\n              </Typography>\n              <Typography variant=\"body2\" paragraph>\n                {t('event.tickets.insurance.modal.description')}\n              </Typography>\n              <Typography variant=\"body2\" paragraph>\n                {t('event.tickets.insurance.modal.coverage')}\n              </Typography>\n              <BorderedCheckbox\n                name=\"ticketInsurance\"\n                disabled={false}\n                title={t('event.tickets.insurance.label')}\n                price={\n                  <>\n                    + {fCurrency(ticketInsurancePricePerUnit, lang, event.currency)} /{' '}\n                    {t('event.tickets.insurance.per_ticket')}\n                  </>\n                }\n                onChange={handleServiceChange}\n              />\n            </Box>\n            <Divider />\n            <Box>\n              <Typography variant=\"subtitle2\" fontWeight={700} gutterBottom>\n                {t('event.tickets.sms_notification.label')}\n              </Typography>\n              <Typography variant=\"body2\" paragraph>\n                {t('event.tickets.sms_notification.modal.description')}\n              </Typography>\n              <BorderedCheckbox\n                name=\"smsNotification\"\n                disabled={false}\n                title={t('event.tickets.sms_notification.label')}\n                price={<>+ {fCurrency(smsNotificationPrice, lang, event.currency)}</>}\n                onChange={handleServiceChange}\n              />\n            </Box>\n            <Button\n              variant=\"outlined\"\n              onClick={handleClose}\n              sx={{\n                mt: 1,\n                py: 1.25,\n                borderRadius: 1,\n                height: 36,\n                fontWeight: 700,\n                borderColor: 'grey.300',\n                color: 'text.primary',\n              }}\n            >\n              {t('close')}\n            </Button>\n          </Stack>\n        </DialogContent>\n      </Dialog>\n    </Stack>\n  );\n};\n\nexport default Services;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/form/services/index.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport {\n  Box,\n  Button,\n  Checkbox,\n  Dialog,\n  DialogContent,\n  DialogTitle,\n  Divider,\n  FormControlLabel,\n  IconButton,\n  Link,\n  Stack,\n  Typography,\n} from '@mui/material';\nimport { useWatch, Controller } from 'react-hook-form';\nimport { fCurrency } from '@utils/formatNumber';\nimport useGlobal from '@hooks/useGlobal';\nimport { Iconify } from '@components';\nimport { ITicketForm, ITicketFormTicket } from '@utils/types/ticket.type';\nimport { IEvent } from '@utils/types/event.type';\nimport { useFormContext } from 'react-hook-form';\n\ninterface Props {\n  event: IEvent;\n}\n\ninterface BorderedCheckboxProps {\n  name: string;\n  disabled: boolean;\n  title: React.ReactNode;\n  price: React.ReactNode;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n}\n\nconst BorderedCheckbox: React.FC<BorderedCheckboxProps> = ({\n  name,\n  disabled,\n  title,\n  price,\n  onChange,\n}) => {\n  const { control } = useFormContext<ITicketForm>();\n\n  return (\n    <Controller\n      name={name as any}\n      control={control}\n      render={({ field }) => (\n        <FormControlLabel\n          control={\n            <Checkbox\n              {...field}\n              checked={field.value || false}\n              onChange={(e) => {\n                onChange?.(e);\n                if (!e.defaultPrevented) {\n                  field.onChange(e);\n                }\n              }}\n              disabled={disabled}\n            />\n          }\n          label={\n            <Stack\n              direction=\"row\"\n              justifyContent=\"space-between\"\n              alignItems=\"center\"\n              sx={{ width: '100%', pr: 1 }}\n            >\n              <Typography variant=\"body2\" fontWeight={400}>\n                {title}\n              </Typography>\n              <Typography variant=\"body2\" fontWeight={700} sx={{ whiteSpace: 'nowrap' }}>\n                {price}\n              </Typography>\n            </Stack>\n          }\n          sx={{\n            m: 0,\n            px: 1,\n            pr: 0.5,\n            pl: 0,\n            borderRadius: 1,\n            width: '100%',\n            border: '1px solid',\n            borderColor: 'primary.main',\n            '& .MuiFormControlLabel-label': {\n              width: '100%',\n            },\n          }}\n        />\n      )}\n    />\n  );\n};\n\nconst Services: React.FC<Props> = ({ event }) => {\n  const { t, lang, showSnackbar } = useGlobal();\n  const [open, setOpen] = useState(false);\n  const ticketInsurancePricePerUnit = Number(\n    useWatch<ITicketForm>({\n      name: 'ticketInsurancePricePerUnit',\n      defaultValue: 0,\n    }) || 0\n  );\n  const smsNotificationPrice = Number(\n    useWatch<ITicketForm>({\n      name: 'smsNotificationPrice',\n      defaultValue: 0,\n    }) || 0\n  );\n  const tickets = useWatch<ITicketForm, 'tickets'>({\n    name: 'tickets',\n    defaultValue: {},\n  });\n\n  const totalTickets = useMemo(() => {\n    const items: ITicketFormTicket[] = Object.values(tickets || {}).flat();\n    return items.reduce((sum, ticket) => sum + (Number(ticket.quantity) || 0), 0);\n  }, [tickets]);\n\n  const handleOpen = (e: React.MouseEvent<HTMLAnchorElement>) => {\n    e.preventDefault();\n    setOpen(true);\n  };\n\n  const handleClose = () => setOpen(false);\n\n  const handleServiceChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (totalTickets <= 0) {\n      e.preventDefault();\n      showSnackbar(t('event.tickets.services.add_tickets_first'), {\n        variant: 'error',\n      });\n    }\n  };\n\n  return (\n    <Stack spacing={1}>\n      {/*<BorderedCheckbox*/}\n      {/*  name=\"ticketInsurance\"*/}\n      {/*  disabled={false}*/}\n      {/*  title={t('event.tickets.insurance.label')}*/}\n      {/*  price={*/}\n      {/*    <>*/}\n      {/*      + {fCurrency(ticketInsurancePricePerUnit, lang, event.currency)} /{' '}*/}\n      {/*      {t('event.tickets.insurance.per_ticket')}*/}\n      {/*    </>*/}\n      {/*  }*/}\n      {/*  onChange={handleServiceChange}*/}\n      {/*/>*/}\n\n      <BorderedCheckbox\n        name=\"smsNotification\"\n        disabled={false}\n        title={t('event.tickets.sms_notification.label')}\n        price={<>+ {fCurrency(smsNotificationPrice, lang, event.currency)}</>}\n        onChange={handleServiceChange}\n      />\n\n      <Box sx={{ display: 'flex', justifyContent: 'flex-end' }}>\n        <Link variant=\"body2\" underline=\"always\" onClick={handleOpen} color={'text.primary'}>\n          {t('event.tickets.stepper.8.additional_info')}\n        </Link>\n      </Box>\n\n      <Dialog\n        open={open}\n        onClose={handleClose}\n        maxWidth=\"sm\"\n        fullWidth\n        PaperProps={{\n          sx: {\n            borderRadius: 4,\n            overflow: 'hidden',\n          },\n        }}\n      >\n        <DialogTitle\n          sx={{\n            position: 'relative',\n            textAlign: 'center',\n            fontWeight: 700,\n            fontSize: { xs: '1.5rem', sm: '1.75rem' },\n            pt: { xs: 3.5, sm: 4 },\n            pb: { xs: 2, sm: 2.5 },\n            px: { xs: 3, sm: 4 },\n          }}\n        >\n          {t('event.tickets.stepper.8.title')}:\n          <IconButton\n            onClick={handleClose}\n            size=\"small\"\n            sx={{ position: 'absolute', right: 16, top: 16 }}\n          >\n            <Iconify icon=\"carbon:close\" />\n          </IconButton>\n        </DialogTitle>\n        <DialogContent sx={{ px: { xs: 3, sm: 4 }, pb: { xs: 4, sm: 5 } }}>\n          <Stack spacing={3}>\n            {/*<Box>*/}\n            {/*  <Typography variant=\"subtitle2\" fontWeight={700} gutterBottom>*/}\n            {/*    {t('event.tickets.insurance.label')}*/}\n            {/*  </Typography>*/}\n            {/*  <Typography variant=\"body2\" paragraph>*/}\n            {/*    {t('event.tickets.insurance.modal.description')}*/}\n            {/*  </Typography>*/}\n            {/*  <Typography variant=\"body2\" paragraph>*/}\n            {/*    {t('event.tickets.insurance.modal.coverage')}*/}\n            {/*  </Typography>*/}\n            {/*  <BorderedCheckbox*/}\n            {/*    name=\"ticketInsurance\"*/}\n            {/*    disabled={false}*/}\n            {/*    title={t('event.tickets.insurance.label')}*/}\n            {/*    price={*/}\n            {/*      <>*/}\n            {/*        + {fCurrency(ticketInsurancePricePerUnit, lang, event.currency)} /{' '}*/}\n            {/*        {t('event.tickets.insurance.per_ticket')}*/}\n            {/*      </>*/}\n            {/*    }*/}\n            {/*    onChange={handleServiceChange}*/}\n            {/*  />*/}\n            {/*</Box>*/}\n            {/*<Divider />*/}\n            <Box>\n              <Typography variant=\"subtitle2\" fontWeight={700} gutterBottom>\n                {t('event.tickets.sms_notification.label')}\n              </Typography>\n              <Typography variant=\"body2\" paragraph>\n                {t('event.tickets.sms_notification.modal.description')}\n              </Typography>\n              <BorderedCheckbox\n                name=\"smsNotification\"\n                disabled={false}\n                title={t('event.tickets.sms_notification.label')}\n                price={<>+ {fCurrency(smsNotificationPrice, lang, event.currency)}</>}\n                onChange={handleServiceChange}\n              />\n            </Box>\n            <Button\n              variant=\"outlined\"\n              onClick={handleClose}\n              sx={{\n                mt: 1,\n                py: 1.25,\n                borderRadius: 1,\n                height: 36,\n                fontWeight: 700,\n                borderColor: 'grey.300',\n                color: 'text.primary',\n              }}\n            >\n              {t('close')}\n            </Button>\n          </Stack>\n        </DialogContent>\n      </Dialog>\n    </Stack>\n  );\n};\n\nexport default Services;\n"],"names":[],"mappings":"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"}

package/dist/esm/hooks/useFirstRender.js

@@ -0,0 +1,12 @@
+import { useRef, useEffect } from 'react';
+
+function useFirstRender() {
+    const firstRender = useRef(true);
+    useEffect(() => {
+        firstRender.current = false;
+    }, []);
+    return firstRender.current;
+}
+
+export { useFirstRender };
+//# sourceMappingURL=useFirstRender.js.map

package/dist/esm/hooks/useFirstRender.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFirstRender.js","sources":["../../../src/hooks/useFirstRender.ts"],"sourcesContent":["import { useRef, useEffect } from 'react';\n\nexport function useFirstRender(): boolean {\n  const firstRender = useRef(true);\n\n  useEffect(() => {\n    firstRender.current = false;\n  }, []);\n\n  return firstRender.current;\n}\n"],"names":[],"mappings":";;SAEgB,cAAc,GAAA;AAC5B,IAAA,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC;IAEhC,SAAS,CAAC,MAAK;AACb,QAAA,WAAW,CAAC,OAAO,GAAG,KAAK;KAC5B,EAAE,EAAE,CAAC;IAEN,OAAO,WAAW,CAAC,OAAO;AAC5B;;;;"}

package/dist/types/locales/cs.d.ts

@@ -108,7 +108,11 @@ declare const cs: {
                 label: string;
                 per_ticket: string;
                 modal: {
-                    description: string;
+                    description: string[];
+                    links: {
+                        insurance: string;
+                        info: string;
+                    };
                     coverage: string;
                     price: string;
                 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eventlook/sdk",
-  "version": "1.4.49",
+  "version": "1.4.50",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",

package/src/form/PaymentOverviewBox.tsx

@@ -489,17 +489,17 @@ const PaymentOverviewBox: React.FC<Props> = ({ event, withoutPadding, hideBuyBut
         {!!selectedTickets.length && (
           <Stack spacing={0.5}>
             {/* TODO: Uncomment this when Colonnade response - must update terms and conditions and email info */}
-            <PaymentOverviewCheckbox
-              checkboxName="ticketInsurance"
-              label={t('event.tickets.insurance.label')}
-              value={
-                <>
-                  {ticketInsurance && totalItemCount.totalTickets > 0 ? '' : '+ '}
-                  {fCurrency(ticketInsurancePricePerUnit, lang, event.currency)} /{' '}
-                  {t('event.tickets.insurance.per_ticket')}
-                </>
-              }
-            />
+            {/*<PaymentOverviewCheckbox*/}
+            {/*  checkboxName="ticketInsurance"*/}
+            {/*  label={t('event.tickets.insurance.label')}*/}
+            {/*  value={*/}
+            {/*    <>*/}
+            {/*      {ticketInsurance && totalItemCount.totalTickets > 0 ? '' : '+ '}*/}
+            {/*      {fCurrency(ticketInsurancePricePerUnit, lang, event.currency)} /{' '}*/}
+            {/*      {t('event.tickets.insurance.per_ticket')}*/}
+            {/*    </>*/}
+            {/*  }*/}
+            {/*/>*/}
             <PaymentOverviewCheckbox
               checkboxName="smsNotification"
               label={t('event.tickets.sms_notification.label')}

package/src/form/services/index.tsx

@@ -138,18 +138,18 @@ const Services: React.FC<Props> = ({ event }) => {
 
   return (
     <Stack spacing={1}>
-      <BorderedCheckbox
-        name="ticketInsurance"
-        disabled={false}
-        title={t('event.tickets.insurance.label')}
-        price={
-          <>
-            + {fCurrency(ticketInsurancePricePerUnit, lang, event.currency)} /{' '}
-            {t('event.tickets.insurance.per_ticket')}
-          </>
-        }
-        onChange={handleServiceChange}
-      />
+      {/*<BorderedCheckbox*/}
+      {/*  name="ticketInsurance"*/}
+      {/*  disabled={false}*/}
+      {/*  title={t('event.tickets.insurance.label')}*/}
+      {/*  price={*/}
+      {/*    <>*/}
+      {/*      + {fCurrency(ticketInsurancePricePerUnit, lang, event.currency)} /{' '}*/}
+      {/*      {t('event.tickets.insurance.per_ticket')}*/}
+      {/*    </>*/}
+      {/*  }*/}
+      {/*  onChange={handleServiceChange}*/}
+      {/*/>*/}
 
       <BorderedCheckbox
         name="smsNotification"
@@ -199,30 +199,30 @@ const Services: React.FC<Props> = ({ event }) => {
         </DialogTitle>
         <DialogContent sx={{ px: { xs: 3, sm: 4 }, pb: { xs: 4, sm: 5 } }}>
           <Stack spacing={3}>
-            <Box>
-              <Typography variant="subtitle2" fontWeight={700} gutterBottom>
-                {t('event.tickets.insurance.label')}
-              </Typography>
-              <Typography variant="body2" paragraph>
-                {t('event.tickets.insurance.modal.description')}
-              </Typography>
-              <Typography variant="body2" paragraph>
-                {t('event.tickets.insurance.modal.coverage')}
-              </Typography>
-              <BorderedCheckbox
-                name="ticketInsurance"
-                disabled={false}
-                title={t('event.tickets.insurance.label')}
-                price={
-                  <>
-                    + {fCurrency(ticketInsurancePricePerUnit, lang, event.currency)} /{' '}
-                    {t('event.tickets.insurance.per_ticket')}
-                  </>
-                }
-                onChange={handleServiceChange}
-              />
-            </Box>
-            <Divider />
+            {/*<Box>*/}
+            {/*  <Typography variant="subtitle2" fontWeight={700} gutterBottom>*/}
+            {/*    {t('event.tickets.insurance.label')}*/}
+            {/*  </Typography>*/}
+            {/*  <Typography variant="body2" paragraph>*/}
+            {/*    {t('event.tickets.insurance.modal.description')}*/}
+            {/*  </Typography>*/}
+            {/*  <Typography variant="body2" paragraph>*/}
+            {/*    {t('event.tickets.insurance.modal.coverage')}*/}
+            {/*  </Typography>*/}
+            {/*  <BorderedCheckbox*/}
+            {/*    name="ticketInsurance"*/}
+            {/*    disabled={false}*/}
+            {/*    title={t('event.tickets.insurance.label')}*/}
+            {/*    price={*/}
+            {/*      <>*/}
+            {/*        + {fCurrency(ticketInsurancePricePerUnit, lang, event.currency)} /{' '}*/}
+            {/*        {t('event.tickets.insurance.per_ticket')}*/}
+            {/*      </>*/}
+            {/*    }*/}
+            {/*    onChange={handleServiceChange}*/}
+            {/*  />*/}
+            {/*</Box>*/}
+            {/*<Divider />*/}
             <Box>
               <Typography variant="subtitle2" fontWeight={700} gutterBottom>
                 {t('event.tickets.sms_notification.label')}

package/dist/cjs/_virtual/_commonjsHelpers.js

@@ -1,8 +0,0 @@
-'use strict';
-
-function getDefaultExportFromCjs (x) {
-	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-}
-
-exports.getDefaultExportFromCjs = getDefaultExportFromCjs;
-//# sourceMappingURL=_commonjsHelpers.js.map

package/dist/cjs/_virtual/_commonjsHelpers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"_commonjsHelpers.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/cjs/_virtual/index.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var propTypes = {exports: {}};
-
-exports.__module = propTypes;
-//# sourceMappingURL=index.js.map

package/dist/cjs/_virtual/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/cjs/_virtual/index2.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var reactIs = {exports: {}};
-
-exports.__module = reactIs;
-//# sourceMappingURL=index2.js.map

package/dist/cjs/_virtual/index2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/cjs/_virtual/index3.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var reactIs = {exports: {}};
-
-exports.__module = reactIs;
-//# sourceMappingURL=index3.js.map

package/dist/cjs/_virtual/index3.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/cjs/_virtual/react-is.development.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var reactIs_development = {};
-
-exports.__exports = reactIs_development;
-//# sourceMappingURL=react-is.development.js.map

package/dist/cjs/_virtual/react-is.development.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"react-is.development.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/cjs/_virtual/react-is.development2.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var reactIs_development = {};
-
-exports.__exports = reactIs_development;
-//# sourceMappingURL=react-is.development2.js.map

package/dist/cjs/_virtual/react-is.development2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"react-is.development2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/cjs/_virtual/react-is.production.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var reactIs_production = {};
-
-exports.__exports = reactIs_production;
-//# sourceMappingURL=react-is.production.js.map

package/dist/cjs/_virtual/react-is.production.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"react-is.production.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/cjs/_virtual/react-is.production.min.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var reactIs_production_min = {};
-
-exports.__exports = reactIs_production_min;
-//# sourceMappingURL=react-is.production.min.js.map

package/dist/cjs/_virtual/react-is.production.min.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"react-is.production.min.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/cjs/form/TicketQuantityControl.js

@@ -1,51 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var material = require('@mui/material');
-var Iconify = require('../components/iconify/Iconify.js');
-
-const TicketQuantityControl = ({ quantity, isDisabled, canAddFirst, canAddMore, addLabel, onDecrement, onIncrement, onAddFirst, }) => {
-    if (quantity > 0) {
-        return (React.createElement(material.Stack, { direction: "row", spacing: 0.5, alignItems: "center" },
-            React.createElement(material.IconButton, { onClick: onDecrement, disabled: isDisabled || quantity <= 0, sx: {
-                    width: 32,
-                    height: 32,
-                    borderRadius: 1,
-                    border: '1px solid',
-                    borderColor: 'grey.300',
-                } },
-                React.createElement(Iconify.default, { icon: "eva:minus-fill" })),
-            React.createElement(material.Box, { sx: {
-                    width: 32,
-                    height: 32,
-                    borderRadius: 1,
-                    border: '1px solid',
-                    borderColor: 'grey.300',
-                    display: 'flex',
-                    alignItems: 'center',
-                    justifyContent: 'center',
-                    fontWeight: 600,
-                } }, quantity),
-            React.createElement(material.IconButton, { onClick: onIncrement, disabled: isDisabled || !canAddMore, sx: {
-                    width: 32,
-                    height: 32,
-                    borderRadius: 1,
-                    bgcolor: 'primary.main',
-                    color: 'primary.contrastText',
-                    '&:hover': { bgcolor: 'primary.dark' },
-                } },
-                React.createElement(Iconify.default, { icon: "eva:plus-fill" }))));
-    }
-    return (React.createElement(material.Button, { variant: "contained", onClick: onAddFirst, disabled: isDisabled || !canAddFirst, sx: {
-            height: 32,
-            borderRadius: 1,
-            px: 3,
-            textTransform: 'none',
-            fontWeight: 600,
-        } }, addLabel));
-};
-
-exports.default = TicketQuantityControl;
-//# sourceMappingURL=TicketQuantityControl.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TicketQuantityControl.js","sources":["../../../src/form/TicketQuantityControl.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Button, IconButton, Stack } from '@mui/material';\nimport { Iconify } from '@components/iconify';\n\ninterface TicketQuantityControlProps {\n  quantity: number;\n  isDisabled: boolean;\n  canAddFirst: boolean;\n  canAddMore: boolean;\n  addLabel: string;\n  onDecrement: () => void;\n  onIncrement: () => void;\n  onAddFirst: () => void;\n}\n\nconst TicketQuantityControl: React.FC<TicketQuantityControlProps> = ({\n  quantity,\n  isDisabled,\n  canAddFirst,\n  canAddMore,\n  addLabel,\n  onDecrement,\n  onIncrement,\n  onAddFirst,\n}) => {\n  if (quantity > 0) {\n    return (\n      <Stack direction=\"row\" spacing={0.5} alignItems=\"center\">\n        <IconButton\n          onClick={onDecrement}\n          disabled={isDisabled || quantity <= 0}\n          sx={{\n            width: 32,\n            height: 32,\n            borderRadius: 1,\n            border: '1px solid',\n            borderColor: 'grey.300',\n          }}\n        >\n          <Iconify icon=\"eva:minus-fill\" />\n        </IconButton>\n        <Box\n          sx={{\n            width: 32,\n            height: 32,\n            borderRadius: 1,\n            border: '1px solid',\n            borderColor: 'grey.300',\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            fontWeight: 600,\n          }}\n        >\n          {quantity}\n        </Box>\n        <IconButton\n          onClick={onIncrement}\n          disabled={isDisabled || !canAddMore}\n          sx={{\n            width: 32,\n            height: 32,\n            borderRadius: 1,\n            bgcolor: 'primary.main',\n            color: 'primary.contrastText',\n            '&:hover': { bgcolor: 'primary.dark' },\n          }}\n        >\n          <Iconify icon=\"eva:plus-fill\" />\n        </IconButton>\n      </Stack>\n    );\n  }\n\n  return (\n    <Button\n      variant=\"contained\"\n      onClick={onAddFirst}\n      disabled={isDisabled || !canAddFirst}\n      sx={{\n        height: 32,\n        borderRadius: 1,\n        px: 3,\n        textTransform: 'none',\n        fontWeight: 600,\n      }}\n    >\n      {addLabel}\n    </Button>\n  );\n};\n\nexport default TicketQuantityControl;\n"],"names":["Stack","IconButton","Iconify","Box","Button"],"mappings":";;;;;;;;AAeA,MAAM,qBAAqB,GAAyC,CAAC,EACnE,QAAQ,EACR,UAAU,EACV,WAAW,EACX,UAAU,EACV,QAAQ,EACR,WAAW,EACX,WAAW,EACX,UAAU,GACX,KAAI;AACH,IAAA,IAAI,QAAQ,GAAG,CAAC,EAAE;AAChB,QAAA,QACE,KAAA,CAAA,aAAA,CAACA,cAAK,EAAA,EAAC,SAAS,EAAC,KAAK,EAAC,OAAO,EAAE,GAAG,EAAE,UAAU,EAAC,QAAQ,EAAA;AACtD,YAAA,KAAA,CAAA,aAAA,CAACC,mBAAU,EAAA,EACT,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,UAAU,IAAI,QAAQ,IAAI,CAAC,EACrC,EAAE,EAAE;AACF,oBAAA,KAAK,EAAE,EAAE;AACT,oBAAA,MAAM,EAAE,EAAE;AACV,oBAAA,YAAY,EAAE,CAAC;AACf,oBAAA,MAAM,EAAE,WAAW;AACnB,oBAAA,WAAW,EAAE,UAAU;AACxB,iBAAA,EAAA;AAED,gBAAA,KAAA,CAAA,aAAA,CAACC,eAAO,EAAA,EAAC,IAAI,EAAC,gBAAgB,GAAG,CACtB;YACb,KAAA,CAAA,aAAA,CAACC,YAAG,EAAA,EACF,EAAE,EAAE;AACF,oBAAA,KAAK,EAAE,EAAE;AACT,oBAAA,MAAM,EAAE,EAAE;AACV,oBAAA,YAAY,EAAE,CAAC;AACf,oBAAA,MAAM,EAAE,WAAW;AACnB,oBAAA,WAAW,EAAE,UAAU;AACvB,oBAAA,OAAO,EAAE,MAAM;AACf,oBAAA,UAAU,EAAE,QAAQ;AACpB,oBAAA,cAAc,EAAE,QAAQ;AACxB,oBAAA,UAAU,EAAE,GAAG;AAChB,iBAAA,EAAA,EAEA,QAAQ,CACL;AACN,YAAA,KAAA,CAAA,aAAA,CAACF,mBAAU,EAAA,EACT,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,UAAU,IAAI,CAAC,UAAU,EACnC,EAAE,EAAE;AACF,oBAAA,KAAK,EAAE,EAAE;AACT,oBAAA,MAAM,EAAE,EAAE;AACV,oBAAA,YAAY,EAAE,CAAC;AACf,oBAAA,OAAO,EAAE,cAAc;AACvB,oBAAA,KAAK,EAAE,sBAAsB;AAC7B,oBAAA,SAAS,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE;AACvC,iBAAA,EAAA;gBAED,KAAA,CAAA,aAAA,CAACC,eAAO,IAAC,IAAI,EAAC,eAAe,EAAA,CAAG,CACrB,CACP;;IAIZ,QACE,oBAACE,eAAM,EAAA,EACL,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,UAAU,IAAI,CAAC,WAAW,EACpC,EAAE,EAAE;AACF,YAAA,MAAM,EAAE,EAAE;AACV,YAAA,YAAY,EAAE,CAAC;AACf,YAAA,EAAE,EAAE,CAAC;AACL,YAAA,aAAa,EAAE,MAAM;AACrB,YAAA,UAAU,EAAE,GAAG;SAChB,EAAA,EAEA,QAAQ,CACF;AAEb;;;;"}

package/dist/cjs/form/TicketSelectionMobile.js

@@ -1,98 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var material = require('@mui/material');
-var Iconify = require('../components/iconify/Iconify.js');
-var formatNumber = require('../utils/formatNumber.js');
-var useGlobal = require('../hooks/useGlobal.js');
-var TicketQuantityControl = require('./tickets/TicketQuantityControl.js');
-
-const TicketSelectionMobile = ({ event, activeReleases, showLoading, soldOutReleaseCategoryNames, tickets, isQuantityDisabled, setValue, removeTicket, getExtraFields, }) => {
-    const { t, lang } = useGlobal.default();
-    const [expandedReleaseIds, setExpandedReleaseIds] = React.useState({});
-    const getReleaseTitle = (release) => release.releaseCategoryName || release.name || '';
-    const getTicketIndexByRelease = (releaseId) => tickets.findIndex((ticket) => ticket.releaseId === releaseId);
-    const getReleaseQuantity = (releaseId) => {
-        const ticket = tickets.find((t) => t.releaseId === releaseId);
-        return Number(ticket?.quantity || 0);
-    };
-    const updateReleaseQuantity = (release, nextQuantity) => {
-        const maxAvailable = Math.min(release.availableTickets || 0, 10);
-        const clampedQuantity = Math.max(0, Math.min(nextQuantity, maxAvailable));
-        const ticketIndex = getTicketIndexByRelease(release.id);
-        if (clampedQuantity <= 0) {
-            if (ticketIndex >= 0)
-                removeTicket(ticketIndex);
-            return;
-        }
-        if (ticketIndex >= 0) {
-            setValue(`tickets.${event.id}.${ticketIndex}.quantity`, clampedQuantity);
-            return;
-        }
-        setValue(`tickets.${event.id}`, [
-            ...tickets,
-            {
-                releaseId: release.id,
-                quantity: clampedQuantity,
-                itemName: getReleaseTitle(release),
-                price: release.price || 0,
-                products: [],
-                extraFields: [],
-            },
-        ]);
-    };
-    const toggleReleaseDescription = (releaseId) => setExpandedReleaseIds((prev) => ({
-        ...prev,
-        [releaseId]: !prev[releaseId],
-    }));
-    if (showLoading) {
-        return (React.createElement(material.Stack, { spacing: 2 }, [...Array(2)].map((_, index) => (React.createElement(material.Skeleton, { key: index, variant: "rounded", sx: {
-                width: '100%',
-                height: (theme) => theme.spacing(12),
-            } })))));
-    }
-    return (React.createElement(material.Stack, { spacing: 2 }, activeReleases?.map((release) => {
-        const quantity = getReleaseQuantity(release.id);
-        const ticketIndex = getTicketIndexByRelease(release.id);
-        const maxAvailable = Math.min(release.availableTickets || 0, 10);
-        const isLocked = release.locked && !soldOutReleaseCategoryNames.includes(release.releaseCategoryName);
-        const isDisabled = isLocked && quantity === 0;
-        const canAddFirst = maxAvailable > 0 && !isQuantityDisabled(1, release.id);
-        const canAddMore = quantity < maxAvailable && !isQuantityDisabled(quantity + 1, release.id);
-        const hasDescription = Boolean(release.description);
-        return (React.createElement(material.Box, { key: release.id, sx: {
-                p: 1,
-                pb: 0,
-                borderRadius: 1,
-                bgcolor: 'grey.100',
-            } },
-            React.createElement(material.Stack, { spacing: 0 },
-                React.createElement(material.Box, null,
-                    React.createElement(material.Typography, { variant: "subtitle1", fontWeight: 600 }, getReleaseTitle(release))),
-                React.createElement(material.Stack, { direction: "row", alignItems: "center", justifyContent: "space-between" },
-                    React.createElement(material.Stack, null,
-                        React.createElement(material.Typography, { variant: "body2" }, release.price === 0
-                            ? t('free')
-                            : formatNumber.fCurrency(release.price, lang, event.currency)),
-                        hasDescription && (React.createElement(material.Button, { size: "small", onClick: () => toggleReleaseDescription(release.id), endIcon: React.createElement(Iconify.default, { icon: expandedReleaseIds[release.id]
-                                    ? 'eva:chevron-up-fill'
-                                    : 'eva:chevron-down-fill' }), sx: {
-                                px: 0,
-                                minWidth: 'auto',
-                                textTransform: 'none',
-                                color: 'text.primary',
-                                textDecoration: 'underline',
-                                fontWeight: 400,
-                                '& .MuiButton-endIcon': { ml: 0.3 },
-                            } }, t('more_info')))),
-                    React.createElement(TicketQuantityControl.default, { quantity: quantity, isDisabled: isDisabled, canAddFirst: canAddFirst, canAddMore: canAddMore, addLabel: t('add'), onDecrement: () => updateReleaseQuantity(release, quantity - 1), onIncrement: () => updateReleaseQuantity(release, quantity + 1), onAddFirst: () => updateReleaseQuantity(release, 1) })),
-                hasDescription && (React.createElement(material.Collapse, { in: Boolean(expandedReleaseIds[release.id]) },
-                    React.createElement(material.Typography, { variant: "body2", color: "text.secondary" }, release.description))),
-                ticketIndex >= 0 && getExtraFields(release.id, ticketIndex))));
-    })));
-};
-
-exports.default = TicketSelectionMobile;
-//# sourceMappingURL=TicketSelectionMobile.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TicketSelectionMobile.js","sources":["../../../src/form/TicketSelectionMobile.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Box, Button, Collapse, Skeleton, Stack, Typography } from '@mui/material';\nimport { Iconify } from '@components/iconify';\nimport { fCurrency } from '@utils/formatNumber';\nimport { IEvent } from '@utils/types/event.type';\nimport { IReleaseShort } from '@utils/types/release.type';\nimport { ITicketFormTicket } from '@utils/types/ticket.type';\nimport useGlobal from '@hooks/useGlobal';\nimport TicketQuantityControl from './tickets/TicketQuantityControl';\n\ninterface Props {\n  event: IEvent;\n  activeReleases?: IReleaseShort[];\n  showLoading: boolean;\n  soldOutReleaseCategoryNames: string[];\n  tickets: ITicketFormTicket[];\n  isQuantityDisabled: (value: number, releaseId: number | '') => boolean;\n  setValue: (name: string, value: any) => void;\n  removeTicket: (indexToRemove: number) => void;\n  getExtraFields: (releaseId: number | '', index: number) => React.ReactNode;\n}\n\nconst TicketSelectionMobile: React.FC<Props> = ({\n  event,\n  activeReleases,\n  showLoading,\n  soldOutReleaseCategoryNames,\n  tickets,\n  isQuantityDisabled,\n  setValue,\n  removeTicket,\n  getExtraFields,\n}) => {\n  const { t, lang } = useGlobal();\n  const [expandedReleaseIds, setExpandedReleaseIds] = useState<Record<number, boolean>>({});\n\n  const getReleaseTitle = (release: IReleaseShort) =>\n    release.releaseCategoryName || release.name || '';\n\n  const getTicketIndexByRelease = (releaseId: number) =>\n    tickets.findIndex((ticket) => ticket.releaseId === releaseId);\n\n  const getReleaseQuantity = (releaseId: number) => {\n    const ticket = tickets.find((t) => t.releaseId === releaseId);\n    return Number(ticket?.quantity || 0);\n  };\n\n  const updateReleaseQuantity = (release: IReleaseShort, nextQuantity: number) => {\n    const maxAvailable = Math.min(release.availableTickets || 0, 10);\n    const clampedQuantity = Math.max(0, Math.min(nextQuantity, maxAvailable));\n    const ticketIndex = getTicketIndexByRelease(release.id);\n\n    if (clampedQuantity <= 0) {\n      if (ticketIndex >= 0) removeTicket(ticketIndex);\n      return;\n    }\n\n    if (ticketIndex >= 0) {\n      setValue(`tickets.${event.id}.${ticketIndex}.quantity`, clampedQuantity);\n      return;\n    }\n\n    setValue(`tickets.${event.id}`, [\n      ...tickets,\n      {\n        releaseId: release.id,\n        quantity: clampedQuantity,\n        itemName: getReleaseTitle(release),\n        price: release.price || 0,\n        products: [],\n        extraFields: [],\n      },\n    ]);\n  };\n\n  const toggleReleaseDescription = (releaseId: number) =>\n    setExpandedReleaseIds((prev) => ({\n      ...prev,\n      [releaseId]: !prev[releaseId],\n    }));\n\n  if (showLoading) {\n    return (\n      <Stack spacing={2}>\n        {[...Array(2)].map((_, index) => (\n          <Skeleton\n            key={index}\n            variant=\"rounded\"\n            sx={{\n              width: '100%',\n              height: (theme) => theme.spacing(12),\n            }}\n          />\n        ))}\n      </Stack>\n    );\n  }\n\n  return (\n    <Stack spacing={2}>\n      {activeReleases?.map((release) => {\n        const quantity = getReleaseQuantity(release.id);\n        const ticketIndex = getTicketIndexByRelease(release.id);\n        const maxAvailable = Math.min(release.availableTickets || 0, 10);\n        const isLocked =\n          release.locked && !soldOutReleaseCategoryNames.includes(release.releaseCategoryName);\n        const isDisabled = isLocked && quantity === 0;\n        const canAddFirst = maxAvailable > 0 && !isQuantityDisabled(1, release.id);\n        const canAddMore = quantity < maxAvailable && !isQuantityDisabled(quantity + 1, release.id);\n        const hasDescription = Boolean(release.description);\n\n        return (\n          <Box\n            key={release.id}\n            sx={{\n              p: 1,\n              pb: 0,\n              borderRadius: 1,\n              bgcolor: 'grey.100',\n            }}\n          >\n            <Stack spacing={0}>\n              <Box>\n                <Typography variant=\"subtitle1\" fontWeight={600}>\n                  {getReleaseTitle(release)}\n                </Typography>\n              </Box>\n\n              <Stack direction=\"row\" alignItems=\"center\" justifyContent=\"space-between\">\n                <Stack>\n                  <Typography variant=\"body2\">\n                    {release.price === 0\n                      ? t('free')\n                      : fCurrency(release.price, lang, event.currency)}\n                  </Typography>\n\n                  {hasDescription && (\n                    <Button\n                      size=\"small\"\n                      onClick={() => toggleReleaseDescription(release.id)}\n                      endIcon={\n                        <Iconify\n                          icon={\n                            expandedReleaseIds[release.id]\n                              ? 'eva:chevron-up-fill'\n                              : 'eva:chevron-down-fill'\n                          }\n                        />\n                      }\n                      sx={{\n                        px: 0,\n                        minWidth: 'auto',\n                        textTransform: 'none',\n                        color: 'text.primary',\n                        textDecoration: 'underline',\n                        fontWeight: 400,\n                        '& .MuiButton-endIcon': { ml: 0.3 },\n                      }}\n                    >\n                      {t('more_info')}\n                    </Button>\n                  )}\n                </Stack>\n\n                <TicketQuantityControl\n                  quantity={quantity}\n                  isDisabled={isDisabled}\n                  canAddFirst={canAddFirst}\n                  canAddMore={canAddMore}\n                  addLabel={t('add')}\n                  onDecrement={() => updateReleaseQuantity(release, quantity - 1)}\n                  onIncrement={() => updateReleaseQuantity(release, quantity + 1)}\n                  onAddFirst={() => updateReleaseQuantity(release, 1)}\n                />\n              </Stack>\n\n              {hasDescription && (\n                <Collapse in={Boolean(expandedReleaseIds[release.id])}>\n                  <Typography variant=\"body2\" color=\"text.secondary\">\n                    {release.description}\n                  </Typography>\n                </Collapse>\n              )}\n\n              {ticketIndex >= 0 && getExtraFields(release.id, ticketIndex)}\n            </Stack>\n          </Box>\n        );\n      })}\n    </Stack>\n  );\n};\n\nexport default TicketSelectionMobile;\n"],"names":["useGlobal","useState","Stack","Skeleton","Box","Typography","fCurrency","Button","Iconify","TicketQuantityControl","Collapse"],"mappings":"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"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"MerchandiseSelection.js","sources":["../../../../src/form/merchendise/MerchandiseSelection.tsx"],"sourcesContent":["import React from 'react';\nimport { Grid } from '@mui/material';\nimport { IEventProduct } from '@utils/types/event-product.type';\nimport CustomSkeleton from '@components/CustomSkeleton';\nimport MerchandiseSlider from './MerchandiseSlider';\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  //   {\n\n  //   }\n  // </Grid>\n  isLoading ? (\n    [...Array(3)].map((item) => (\n      <Grid key={item} item xs={12} md={4}>\n        <CustomSkeleton height={334} />\n      </Grid>\n    ))\n  ) : (\n    <MerchandiseSlider eventProducts={eventProducts} eventId={eventId} />\n  );\n\nexport default MerchandiseSelection;\n"],"names":["Grid","CustomSkeleton","MerchandiseSlider"],"mappings":";;;;;;;;;AAYA,MAAM,oBAAoB,GAAoB,CAAC,EAAE,aAAa,EAAE,OAAO,EAAE,SAAS,EAAE;AAClF;AACA;AAEA;AACA;AACA,SAAS,IACP,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;IACjC,KAAA,CAAA,aAAA,CAACC,sBAAc,EAAA,EAAC,MAAM,EAAE,GAAG,EAAA,CAAI,CAC1B,CACR,CAAC,KAEF,KAAA,CAAA,aAAA,CAACC,yBAAiB,EAAA,EAAC,aAAa,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO,EAAA,CAAI;;;;"}

package/dist/cjs/form/merchendise/MerchandiseSlider.js

@@ -1,75 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var useEmblaCarousel = require('embla-carousel-react');
-var material = require('@mui/material');
-var styles = require('@mui/material/styles');
-var ProductCard = require('../product/ProductCard.js');
-
-const MerchandiseSlider = ({ eventProducts, eventId, sx }) => {
-    const [emblaRef, emblaApi] = useEmblaCarousel();
-    const theme = styles.useTheme();
-    const [totalSlides, setTotalSlides] = React.useState(0);
-    const [activeSlide, setActiveSlide] = React.useState(0);
-    const [activeSlides, setActiveSlides] = React.useState(0);
-    const calculateTotal = React.useCallback(() => {
-        if (!emblaApi)
-            return;
-        const slides = emblaApi.slideNodes().length || 0;
-        const slidesInView = emblaApi.slidesInView();
-        setActiveSlides(slidesInView.length);
-        setTotalSlides(slides);
-        const activeSlide = slidesInView[0];
-        setActiveSlide(slidesInView.length > 4 ? slidesInView[1] : activeSlide || 0);
-    }, [emblaApi]);
-    React.useCallback(() => {
-        if (emblaApi)
-            emblaApi.scrollNext();
-    }, [emblaApi]);
-    React.useCallback(() => {
-        if (emblaApi)
-            emblaApi.scrollPrev();
-    }, [emblaApi]);
-    React.useEffect(() => {
-        if (!emblaApi)
-            return;
-        calculateTotal();
-        emblaApi.on('reInit', calculateTotal);
-        emblaApi.on('slidesChanged', calculateTotal);
-        emblaApi.on('slidesInView', calculateTotal);
-        return () => {
-            emblaApi.off('reInit', calculateTotal);
-            emblaApi.off('slidesChanged', calculateTotal);
-            emblaApi.off('slidesInView', calculateTotal);
-        };
-    }, [emblaApi, calculateTotal]);
-    return (React.createElement(material.Box, { sx: sx },
-        React.createElement(material.Box, { sx: {
-                overflow: 'hidden',
-                padding: theme.spacing(8, 3),
-                margin: theme.spacing(-8, -3),
-            } },
-            React.createElement(material.Box, { ref: emblaRef, className: "embla", sx: { overflow: 'visible' } },
-                React.createElement(material.Box, { className: "embla__container", sx: {
-                        display: 'flex',
-                        // marginLeft: theme.spacing(-2),
-                        // marginRight: theme.spacing(-2),
-                    } }, eventProducts.map((eventProduct, index) => (React.createElement(material.Box, { key: `event-slide-${index}`, className: "embla__slide", sx: {
-                        flex: `0 0 ${eventProducts.length > 1 ? '78%' : '100%'}`,
-                        minWidth: 0,
-                        margin: `0 ${theme.spacing(1)}`,
-                        transition: 'opacity 0.2s ease',
-                        [theme.breakpoints.up('sm')]: {
-                            flex: '0 0 43%',
-                        },
-                        [theme.breakpoints.up('md')]: {
-                            flex: '0 0 33.3333%',
-                        },
-                    } },
-                    React.createElement(ProductCard.default, { eventProduct: eventProduct, eventId: eventId, isOnlyMerchandise: true })))))))));
-};
-
-exports.default = MerchandiseSlider;
-//# sourceMappingURL=MerchandiseSlider.js.map