@eventlook/sdk 1.4.0

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { FormProvider as FormProvider$1 } from 'react-hook-form';
+
+function FormProvider({ children, onSubmit, methods }) {
+    return (React.createElement(FormProvider$1, { ...methods },
+        React.createElement("form", { onSubmit: onSubmit }, children)));
+}
+
+export { FormProvider as default };
+//# sourceMappingURL=FormProvider.js.map

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

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

package/dist/esm/components/hook-form/RHFCheckbox.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { useFormContext, Controller } from 'react-hook-form';
+import { FormControlLabel, Checkbox, FormHelperText } from '@mui/material';
+
+function RHFCheckbox({ name, helperText, ...other }) {
+    const { control } = useFormContext();
+    return (React.createElement(Controller, { name: name, control: control, render: ({ field, fieldState: { error } }) => (React.createElement("div", null,
+            React.createElement(FormControlLabel, { control: React.createElement(Checkbox, { ...field, checked: field.value }), ...other }),
+            (!!error || helperText) && (React.createElement(FormHelperText, { error: !!error, sx: { mt: 0 } }, error ? error?.message : helperText)))) }));
+}
+
+export { RHFCheckbox };
+//# sourceMappingURL=RHFCheckbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RHFCheckbox.js","sources":["../../../../src/components/hook-form/RHFCheckbox.tsx"],"sourcesContent":["import React from 'react';\nimport { useFormContext, Controller } from 'react-hook-form';\n// @mui\nimport {\n  Checkbox,\n  FormLabel,\n  FormGroup,\n  FormControl,\n  FormHelperText,\n  FormControlLabel,\n  FormControlLabelProps,\n} from '@mui/material';\n\n// ----------------------------------------------------------------------\n\ninterface RHFCheckboxProps extends Omit<FormControlLabelProps, 'control'> {\n  name: string;\n  helperText?: React.ReactNode;\n}\n\nexport function RHFCheckbox({ name, helperText, ...other }: RHFCheckboxProps) {\n  const { control } = useFormContext();\n\n  return (\n    <Controller\n      name={name}\n      control={control}\n      render={({ field, fieldState: { error } }) => (\n        <div>\n          <FormControlLabel control={<Checkbox {...field} checked={field.value} />} {...other} />\n\n          {(!!error || helperText) && (\n            <FormHelperText error={!!error} sx={{ mt: 0 }}>\n              {error ? error?.message : helperText}\n            </FormHelperText>\n          )}\n        </div>\n      )}\n    />\n  );\n}\n\n// ----------------------------------------------------------------------\n\ninterface RHFMultiCheckboxProps extends Omit<FormControlLabelProps, 'control' | 'label'> {\n  name: string;\n  options: { label: string; value: any }[];\n  row?: boolean;\n  label?: string;\n  spacing?: number;\n  helperText?: React.ReactNode;\n}\n\nexport function RHFMultiCheckbox({\n  row,\n  name,\n  label,\n  options,\n  spacing,\n  helperText,\n  ...other\n}: RHFMultiCheckboxProps) {\n  const { control } = useFormContext();\n\n  const getSelected = (selectedItems: string[], item: string) =>\n    selectedItems.includes(item)\n      ? selectedItems.filter((value) => value !== item)\n      : [...selectedItems, item];\n\n  return (\n    <Controller\n      name={name}\n      control={control}\n      render={({ field, fieldState: { error } }) => (\n        <FormControl component=\"fieldset\">\n          {label && (\n            <FormLabel component=\"legend\" sx={{ typography: 'body2' }}>\n              {label}\n            </FormLabel>\n          )}\n\n          <FormGroup\n            sx={{\n              ...(row && {\n                flexDirection: 'row',\n              }),\n              '& .MuiFormControlLabel-root': {\n                '&:not(:last-of-type)': {\n                  mb: spacing || 0,\n                },\n                ...(row && {\n                  mr: 0,\n                  '&:not(:last-of-type)': {\n                    mr: spacing || 2,\n                  },\n                }),\n              },\n            }}\n          >\n            {options.map((option) => (\n              <FormControlLabel\n                key={option.value}\n                control={\n                  <Checkbox\n                    checked={field.value.includes(option.value)}\n                    onChange={() => field.onChange(getSelected(field.value, option.value))}\n                  />\n                }\n                label={option.label}\n                {...other}\n              />\n            ))}\n          </FormGroup>\n\n          {(!!error || helperText) && (\n            <FormHelperText error={!!error} sx={{ mx: 0 }}>\n              {error ? error?.message : helperText}\n            </FormHelperText>\n          )}\n        </FormControl>\n      )}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;AAoBM,SAAU,WAAW,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,KAAK,EAAoB,EAAA;AAC1E,IAAA,MAAM,EAAE,OAAO,EAAE,GAAG,cAAc,EAAE;IAEpC,QACE,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EACT,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,KAAK,EAAE,EAAE,MACvC,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA;AACE,YAAA,KAAA,CAAA,aAAA,CAAC,gBAAgB,EAAA,EAAC,OAAO,EAAE,KAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,EAAA,GAAK,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC,KAAK,EAAA,CAAI,EAAA,GAAM,KAAK,EAAA,CAAI;AAEtF,YAAA,CAAC,CAAC,CAAC,KAAK,IAAI,UAAU,MACrB,KAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EAAC,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAA,EAC1C,KAAK,GAAG,KAAK,EAAE,OAAO,GAAG,UAAU,CACrB,CAClB,CACG,CACP,EAAA,CACD;AAEN;;;;"}

package/dist/esm/components/hook-form/RHFDatePicker.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { useFormContext, Controller } from 'react-hook-form';
+import { DatePicker } from '@mui/x-date-pickers';
+
+function RHFDatePicker({ name, label, ...others }) {
+    const { control } = useFormContext();
+    return (React.createElement(Controller, { name: name, control: control, render: ({ field, fieldState: { error } }) => (React.createElement(DatePicker, { ...field, label: label, format: "DD.MM.YYYY", slotProps: {
+                textField: {
+                    error: !!error,
+                    helperText: error?.message,
+                },
+            }, sx: {
+                width: '100%',
+            }, ...others })) }));
+}
+
+export { RHFDatePicker as default };
+//# sourceMappingURL=RHFDatePicker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RHFDatePicker.js","sources":["../../../../src/components/hook-form/RHFDatePicker.tsx"],"sourcesContent":["import React from 'react';\nimport { Controller, useFormContext } from 'react-hook-form';\nimport { DatePicker, DatePickerProps } from '@mui/x-date-pickers';\nimport { Dayjs } from 'dayjs';\n\ntype Props = DatePickerProps<Dayjs> & {\n  name: string;\n  label: string;\n};\n\nexport default function RHFDatePicker({ name, label, ...others }: Props) {\n  const { control } = useFormContext();\n\n  return (\n    <Controller\n      name={name}\n      control={control}\n      render={({ field, fieldState: { error } }) => (\n        <DatePicker\n          {...field}\n          label={label}\n          format=\"DD.MM.YYYY\"\n          slotProps={{\n            textField: {\n              error: !!error,\n              helperText: error?.message,\n            },\n          }}\n          sx={{\n            width: '100%',\n          }}\n          {...others}\n        />\n      )}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;AAUc,SAAU,aAAa,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,MAAM,EAAS,EAAA;AACrE,IAAA,MAAM,EAAE,OAAO,EAAE,GAAG,cAAc,EAAE;AAEpC,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,UAAU,IACT,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,KAAK,EAAE,EAAE,MACvC,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAA,GACL,KAAK,EACT,KAAK,EAAE,KAAK,EACZ,MAAM,EAAC,YAAY,EACnB,SAAS,EAAE;AACT,gBAAA,SAAS,EAAE;oBACT,KAAK,EAAE,CAAC,CAAC,KAAK;oBACd,UAAU,EAAE,KAAK,EAAE,OAAO;AAC3B,iBAAA;AACF,aAAA,EACD,EAAE,EAAE;AACF,gBAAA,KAAK,EAAE,MAAM;AACd,aAAA,EAAA,GACG,MAAM,EAAA,CACV,CACH,EAAA,CACD;AAEN;;;;"}

package/dist/esm/components/hook-form/RHFPhone.js

@@ -0,0 +1,20 @@
+import React, { useState, useEffect } from 'react';
+import { useFormContext, Controller } from 'react-hook-form';
+import useGlobal from '../../hooks/useGlobal.js';
+
+function RHFPhone({ name, defaultCountry, helperText, ...other }) {
+    const { control } = useFormContext();
+    const { lang } = useGlobal();
+    const [MuiTelInput, setMuiTelInput] = useState(null);
+    useEffect(() => {
+        import('mui-tel-input').then((mod) => {
+            setMuiTelInput(() => mod.MuiTelInput);
+        });
+    }, []);
+    if (!MuiTelInput)
+        return null;
+    return (React.createElement(Controller, { name: name, control: control, render: ({ field, fieldState: { error } }) => (React.createElement(MuiTelInput, { ...field, fullWidth: true, value: field.value, error: !!error, helperText: error ? error?.message : helperText, langOfCountryName: lang, lang: lang, defaultCountry: defaultCountry || 'CZ', continents: ['EU'], ...other })) }));
+}
+
+export { RHFPhone as default };
+//# sourceMappingURL=RHFPhone.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RHFPhone.js","sources":["../../../../src/components/hook-form/RHFPhone.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { Controller, useFormContext } from 'react-hook-form';\nimport useGlobal from '@hooks/useGlobal.ts';\nimport { MuiTelInputProps } from 'mui-tel-input';\n\ntype Props = MuiTelInputProps & {\n  name: string;\n  defaultCountry?: string;\n};\n\nexport default function RHFPhone({ name, defaultCountry, helperText, ...other }: Props) {\n  const { control } = useFormContext();\n  const { lang } = useGlobal();\n\n  const [MuiTelInput, setMuiTelInput] = useState<React.ComponentType<MuiTelInputProps> | null>(\n    null\n  );\n\n  useEffect(() => {\n    import('mui-tel-input').then((mod) => {\n      setMuiTelInput(() => mod.MuiTelInput);\n    });\n  }, []);\n\n  if (!MuiTelInput) return null;\n\n  return (\n    <Controller\n      name={name}\n      control={control}\n      render={({ field, fieldState: { error } }) => (\n        <MuiTelInput\n          {...field}\n          fullWidth\n          value={field.value}\n          error={!!error}\n          helperText={error ? error?.message : helperText}\n          langOfCountryName={lang}\n          lang={lang}\n          defaultCountry={defaultCountry || 'CZ'}\n          continents={['EU']}\n          {...other}\n        />\n      )}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;AAUc,SAAU,QAAQ,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,UAAU,EAAE,GAAG,KAAK,EAAS,EAAA;AACpF,IAAA,MAAM,EAAE,OAAO,EAAE,GAAG,cAAc,EAAE;AACpC,IAAA,MAAM,EAAE,IAAI,EAAE,GAAG,SAAS,EAAE;IAE5B,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAC5C,IAAI,CACL;IAED,SAAS,CAAC,MAAK;QACb,OAAO,eAAe,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,KAAI;YACnC,cAAc,CAAC,MAAM,GAAG,CAAC,WAAW,CAAC;AACvC,SAAC,CAAC;KACH,EAAE,EAAE,CAAC;AAEN,IAAA,IAAI,CAAC,WAAW;AAAE,QAAA,OAAO,IAAI;AAE7B,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,UAAU,IACT,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,KAAK,EAAE,EAAE,MACvC,oBAAC,WAAW,EAAA,EAAA,GACN,KAAK,EACT,SAAS,QACT,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,CAAC,CAAC,KAAK,EACd,UAAU,EAAE,KAAK,GAAG,KAAK,EAAE,OAAO,GAAG,UAAU,EAC/C,iBAAiB,EAAE,IAAI,EACvB,IAAI,EAAE,IAAI,EACV,cAAc,EAAE,cAAc,IAAI,IAAI,EACtC,UAAU,EAAE,CAAC,IAAI,CAAC,EAAA,GACd,KAAK,GACT,CACH,EAAA,CACD;AAEN;;;;"}

package/dist/esm/components/hook-form/RHFRadioGroup.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import { useFormContext, Controller } from 'react-hook-form';
+import { FormControl, FormLabel, RadioGroup, FormControlLabel, Radio, FormHelperText } from '@mui/material';
+
+function RHFRadioGroup({ row, name, label, options, spacing, helperText, ...other }) {
+    const { control } = useFormContext();
+    const labelledby = label ? `${name}-${label}` : '';
+    return (React.createElement(Controller, { name: name, control: control, render: ({ field, fieldState: { error } }) => (React.createElement(FormControl, { component: "fieldset" },
+            label && (React.createElement(FormLabel, { component: "legend", id: labelledby, sx: { typography: 'body2' } }, label)),
+            React.createElement(RadioGroup, { ...field, "aria-labelledby": labelledby, row: row, ...other }, options.map((option) => (React.createElement(FormControlLabel, { key: option.value, value: option.value, control: React.createElement(Radio, null), label: option.label, sx: {
+                    '&:not(:last-of-type)': {
+                        mb: spacing || 0,
+                    },
+                    ...(row && {
+                        mr: 0,
+                        '&:not(:last-of-type)': {
+                            mr: spacing || 2,
+                        },
+                    }),
+                } })))),
+            (!!error || helperText) && (React.createElement(FormHelperText, { error: !!error, sx: { mx: 0 } }, error ? error?.message : helperText)))) }));
+}
+
+export { RHFRadioGroup as default };
+//# sourceMappingURL=RHFRadioGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RHFRadioGroup.js","sources":["../../../../src/components/hook-form/RHFRadioGroup.tsx"],"sourcesContent":["import React from 'react';\nimport { useFormContext, Controller } from 'react-hook-form';\nimport {\n  Radio,\n  FormLabel,\n  RadioGroup,\n  FormControl,\n  FormHelperText,\n  RadioGroupProps,\n  FormControlLabel,\n} from '@mui/material';\n\n// ----------------------------------------------------------------------\n\ntype Props = RadioGroupProps & {\n  name: string;\n  options: { label: React.ReactNode; value: any }[];\n  label?: string;\n  spacing?: number;\n  helperText?: React.ReactNode;\n};\n\nexport default function RHFRadioGroup({\n  row,\n  name,\n  label,\n  options,\n  spacing,\n  helperText,\n  ...other\n}: Props) {\n  const { control } = useFormContext();\n\n  const labelledby = label ? `${name}-${label}` : '';\n\n  return (\n    <Controller\n      name={name}\n      control={control}\n      render={({ field, fieldState: { error } }) => (\n        <FormControl component=\"fieldset\">\n          {label && (\n            <FormLabel component=\"legend\" id={labelledby} sx={{ typography: 'body2' }}>\n              {label}\n            </FormLabel>\n          )}\n\n          <RadioGroup {...field} aria-labelledby={labelledby} row={row} {...other}>\n            {options.map((option) => (\n              <FormControlLabel\n                key={option.value}\n                value={option.value}\n                control={<Radio />}\n                label={option.label}\n                sx={{\n                  '&:not(:last-of-type)': {\n                    mb: spacing || 0,\n                  },\n                  ...(row && {\n                    mr: 0,\n                    '&:not(:last-of-type)': {\n                      mr: spacing || 2,\n                    },\n                  }),\n                }}\n              />\n            ))}\n          </RadioGroup>\n\n          {(!!error || helperText) && (\n            <FormHelperText error={!!error} sx={{ mx: 0 }}>\n              {error ? error?.message : helperText}\n            </FormHelperText>\n          )}\n        </FormControl>\n      )}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;AAsBc,SAAU,aAAa,CAAC,EACpC,GAAG,EACH,IAAI,EACJ,KAAK,EACL,OAAO,EACP,OAAO,EACP,UAAU,EACV,GAAG,KAAK,EACF,EAAA;AACN,IAAA,MAAM,EAAE,OAAO,EAAE,GAAG,cAAc,EAAE;AAEpC,IAAA,MAAM,UAAU,GAAG,KAAK,GAAG,CAAA,EAAG,IAAI,CAAA,CAAA,EAAI,KAAK,CAAA,CAAE,GAAG,EAAE;AAElD,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EACT,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,KAAK,EAAE,EAAE,MACvC,KAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EAAC,SAAS,EAAC,UAAU,EAAA;YAC9B,KAAK,KACJ,KAAA,CAAA,aAAA,CAAC,SAAS,IAAC,SAAS,EAAC,QAAQ,EAAC,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,EAAA,EACtE,KAAK,CACI,CACb;YAED,KAAA,CAAA,aAAA,CAAC,UAAU,OAAK,KAAK,EAAA,iBAAA,EAAmB,UAAU,EAAE,GAAG,EAAE,GAAG,EAAA,GAAM,KAAK,IACpE,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,MAClB,KAAA,CAAA,aAAA,CAAC,gBAAgB,EAAA,EACf,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,OAAO,EAAE,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,IAAA,CAAG,EAClB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,EAAE,EAAE;AACF,oBAAA,sBAAsB,EAAE;wBACtB,EAAE,EAAE,OAAO,IAAI,CAAC;AACjB,qBAAA;oBACD,IAAI,GAAG,IAAI;AACT,wBAAA,EAAE,EAAE,CAAC;AACL,wBAAA,sBAAsB,EAAE;4BACtB,EAAE,EAAE,OAAO,IAAI,CAAC;AACjB,yBAAA;qBACF,CAAC;iBACH,EAAA,CACD,CACH,CAAC,CACS;AAEZ,YAAA,CAAC,CAAC,CAAC,KAAK,IAAI,UAAU,MACrB,KAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EAAC,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAA,EAC1C,KAAK,GAAG,KAAK,EAAE,OAAO,GAAG,UAAU,CACrB,CAClB,CACW,CACf,EAAA,CACD;AAEN;;;;"}

package/dist/esm/components/hook-form/RHFSelect.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import { useFormContext, Controller } from 'react-hook-form';
+import { TextField } from '@mui/material';
+
+function RHFSelect({ name, native, maxHeight = 220, helperText, children, ...other }) {
+    const { control } = useFormContext();
+    return (React.createElement(Controller, { name: name, control: control, render: ({ field, fieldState: { error } }) => (React.createElement(TextField, { ...field, select: true, fullWidth: true, SelectProps: {
+                native,
+                MenuProps: {
+                    PaperProps: {
+                        sx: {
+                            ...(!native && {
+                                px: 1,
+                                maxHeight: typeof maxHeight === 'number' || typeof maxHeight === 'string'
+                                    ? maxHeight
+                                    : 'unset',
+                                '& .MuiMenuItem-root': {
+                                    px: 1,
+                                    borderRadius: 0.75,
+                                    typography: 'body2',
+                                    textTransform: 'capitalize',
+                                },
+                            }),
+                        },
+                    },
+                },
+                sx: { textTransform: 'capitalize' },
+            }, error: !!error, helperText: error ? error?.message : helperText, ...other }, children)) }));
+}
+
+export { RHFSelect };
+//# sourceMappingURL=RHFSelect.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RHFSelect.js","sources":["../../../../src/components/hook-form/RHFSelect.tsx"],"sourcesContent":["import React from 'react';\nimport { useFormContext, Controller } from 'react-hook-form';\nimport {\n  Box,\n  Chip,\n  Select,\n  Checkbox,\n  MenuItem,\n  TextField,\n  InputLabel,\n  SelectProps,\n  FormControl,\n  OutlinedInput,\n  TextFieldProps,\n  FormHelperText,\n} from '@mui/material';\n\n// ----------------------------------------------------------------------\n\ntype RHFSelectProps = TextFieldProps & {\n  name: string;\n  native?: boolean;\n  maxHeight?: boolean | number | string;\n  children: React.ReactNode;\n};\n\nexport function RHFSelect({\n  name,\n  native,\n  maxHeight = 220,\n  helperText,\n  children,\n  ...other\n}: RHFSelectProps) {\n  const { control } = useFormContext();\n\n  return (\n    <Controller\n      name={name}\n      control={control}\n      render={({ field, fieldState: { error } }) => (\n        <TextField\n          {...field}\n          select\n          fullWidth\n          SelectProps={{\n            native,\n            MenuProps: {\n              PaperProps: {\n                sx: {\n                  ...(!native && {\n                    px: 1,\n                    maxHeight:\n                      typeof maxHeight === 'number' || typeof maxHeight === 'string'\n                        ? maxHeight\n                        : 'unset',\n                    '& .MuiMenuItem-root': {\n                      px: 1,\n                      borderRadius: 0.75,\n                      typography: 'body2',\n                      textTransform: 'capitalize',\n                    },\n                  }),\n                },\n              },\n            },\n            sx: { textTransform: 'capitalize' },\n          }}\n          error={!!error}\n          helperText={error ? error?.message : helperText}\n          {...other}\n        >\n          {children}\n        </TextField>\n      )}\n    />\n  );\n}\n\n// ----------------------------------------------------------------------\n\ntype RHFMultiSelectProps = SelectProps & {\n  name: string;\n  label?: string;\n  chip?: boolean;\n  checkbox?: boolean;\n  placeholder?: string;\n  helperText?: React.ReactNode;\n  options: {\n    label: string;\n    value: string;\n  }[];\n};\n\nexport function RHFMultiSelect({\n  name,\n  chip,\n  label,\n  options,\n  checkbox,\n  placeholder,\n  helperText,\n  sx,\n  ...other\n}: RHFMultiSelectProps) {\n  const { control } = useFormContext();\n\n  const renderValues = (selectedIds: string[]) => {\n    const selectedItems = options.filter((item) => selectedIds.includes(item.value));\n\n    if (!selectedItems.length && placeholder) {\n      return (\n        <Box component=\"em\" sx={{ color: 'text.disabled' }}>\n          {placeholder}\n        </Box>\n      );\n    }\n\n    if (chip) {\n      return (\n        <Box sx={{ display: 'flex', flexWrap: 'wrap', gap: 0.5 }}>\n          {selectedItems.map((item) => (\n            <Chip key={item.value} size=\"small\" label={item.label} />\n          ))}\n        </Box>\n      );\n    }\n\n    return selectedItems.map((item) => item.label).join(', ');\n  };\n\n  return (\n    <Controller\n      name={name}\n      control={control}\n      render={({ field, fieldState: { error } }) => (\n        <FormControl sx={sx}>\n          {label && <InputLabel id={name}> {label} </InputLabel>}\n\n          <Select\n            {...field}\n            multiple\n            displayEmpty={!!placeholder}\n            labelId={name}\n            input={<OutlinedInput fullWidth label={label} error={!!error} />}\n            // @ts-ignore\n            renderValue={renderValues}\n            MenuProps={{\n              PaperProps: {\n                sx: { px: 1, maxHeight: 280 },\n              },\n            }}\n            {...other}\n          >\n            {placeholder && (\n              <MenuItem\n                disabled\n                value=\"\"\n                sx={{\n                  py: 1,\n                  px: 2,\n                  borderRadius: 0.75,\n                  typography: 'body2',\n                }}\n              >\n                <em> {placeholder} </em>\n              </MenuItem>\n            )}\n\n            {options.map((option) => {\n              const selected = field.value.includes(option.value);\n\n              return (\n                <MenuItem\n                  key={option.value}\n                  value={option.value}\n                  sx={{\n                    py: 1,\n                    px: 2,\n                    borderRadius: 0.75,\n                    typography: 'body2',\n                    ...(selected && {\n                      fontWeight: 'fontWeightMedium',\n                    }),\n                    ...(checkbox && {\n                      p: 0.25,\n                    }),\n                  }}\n                >\n                  {checkbox && <Checkbox disableRipple size=\"small\" checked={selected} />}\n\n                  {option.label}\n                </MenuItem>\n              );\n            })}\n          </Select>\n\n          {(!!error || helperText) && (\n            <FormHelperText error={!!error}>{error ? error?.message : helperText}</FormHelperText>\n          )}\n        </FormControl>\n      )}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;SA0BgB,SAAS,CAAC,EACxB,IAAI,EACJ,MAAM,EACN,SAAS,GAAG,GAAG,EACf,UAAU,EACV,QAAQ,EACR,GAAG,KAAK,EACO,EAAA;AACf,IAAA,MAAM,EAAE,OAAO,EAAE,GAAG,cAAc,EAAE;AAEpC,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EACT,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,KAAK,EAAE,EAAE,MACvC,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAA,GACJ,KAAK,EACT,MAAM,QACN,SAAS,EAAA,IAAA,EACT,WAAW,EAAE;gBACX,MAAM;AACN,gBAAA,SAAS,EAAE;AACT,oBAAA,UAAU,EAAE;AACV,wBAAA,EAAE,EAAE;4BACF,IAAI,CAAC,MAAM,IAAI;AACb,gCAAA,EAAE,EAAE,CAAC;gCACL,SAAS,EACP,OAAO,SAAS,KAAK,QAAQ,IAAI,OAAO,SAAS,KAAK;AACpD,sCAAE;AACF,sCAAE,OAAO;AACb,gCAAA,qBAAqB,EAAE;AACrB,oCAAA,EAAE,EAAE,CAAC;AACL,oCAAA,YAAY,EAAE,IAAI;AAClB,oCAAA,UAAU,EAAE,OAAO;AACnB,oCAAA,aAAa,EAAE,YAAY;AAC5B,iCAAA;6BACF,CAAC;AACH,yBAAA;AACF,qBAAA;AACF,iBAAA;AACD,gBAAA,EAAE,EAAE,EAAE,aAAa,EAAE,YAAY,EAAE;aACpC,EACD,KAAK,EAAE,CAAC,CAAC,KAAK,EACd,UAAU,EAAE,KAAK,GAAG,KAAK,EAAE,OAAO,GAAG,UAAU,EAAA,GAC3C,KAAK,EAAA,EAER,QAAQ,CACC,CACb,EAAA,CACD;AAEN;;;;"}

package/dist/esm/components/hook-form/RHFTextField.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { useFormContext, Controller } from 'react-hook-form';
+import { TextField } from '@mui/material';
+
+function RHFTextField({ name, helperText, ...other }) {
+    const { control } = useFormContext();
+    return (React.createElement(Controller, { name: name, control: control, render: ({ field, fieldState: { error } }) => (React.createElement(TextField, { ...field, fullWidth: true, value: typeof field.value === 'number' && field.value === 0 ? '' : field.value, error: !!error, helperText: error ? error?.message : helperText, ...other })) }));
+}
+
+export { RHFTextField as default };
+//# sourceMappingURL=RHFTextField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RHFTextField.js","sources":["../../../../src/components/hook-form/RHFTextField.tsx"],"sourcesContent":["import React from 'react';\nimport { useFormContext, Controller } from 'react-hook-form';\nimport { TextField, TextFieldProps } from '@mui/material';\n\n// ----------------------------------------------------------------------\n\ntype Props = TextFieldProps & {\n  name: string;\n};\n\nexport default function RHFTextField({ name, helperText, ...other }: Props) {\n  const { control } = useFormContext();\n\n  return (\n    <Controller\n      name={name}\n      control={control}\n      render={({ field, fieldState: { error } }) => (\n        <TextField\n          {...field}\n          fullWidth\n          value={typeof field.value === 'number' && field.value === 0 ? '' : field.value}\n          error={!!error}\n          helperText={error ? error?.message : helperText}\n          {...other}\n        />\n      )}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;AAUc,SAAU,YAAY,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,KAAK,EAAS,EAAA;AACxE,IAAA,MAAM,EAAE,OAAO,EAAE,GAAG,cAAc,EAAE;AAEpC,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,UAAU,IACT,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,KAAK,EAAE,EAAE,MACvC,oBAAC,SAAS,EAAA,EAAA,GACJ,KAAK,EACT,SAAS,EAAA,IAAA,EACT,KAAK,EAAE,OAAO,KAAK,CAAC,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,KAAK,KAAK,CAAC,GAAG,EAAE,GAAG,KAAK,CAAC,KAAK,EAC9E,KAAK,EAAE,CAAC,CAAC,KAAK,EACd,UAAU,EAAE,KAAK,GAAG,KAAK,EAAE,OAAO,GAAG,UAAU,EAAA,GAC3C,KAAK,GACT,CACH,EAAA,CACD;AAEN;;;;"}

package/dist/esm/components/iconify/Iconify.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Icon } from '@iconify/react';
+import { Box } from '@mui/material';
+
+function Iconify({ icon, sx, ...other }) {
+    return React.createElement(Box, { component: Icon, icon: icon, sx: { ...sx }, ...other });
+}
+
+export { Iconify as default };
+//# sourceMappingURL=Iconify.js.map

package/dist/esm/components/iconify/Iconify.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Iconify.js","sources":["../../../../src/components/iconify/Iconify.tsx"],"sourcesContent":["import React from 'react';\nimport { Icon, IconifyIcon } from '@iconify/react';\nimport { Box, BoxProps, SxProps } from '@mui/material';\nimport { Theme } from '@mui/material/styles';\n\ninterface Props extends BoxProps {\n  sx?: SxProps<Theme>;\n  icon: IconifyIcon | string;\n}\n\nexport default function Iconify({ icon, sx, ...other }: Props) {\n  return <Box component={Icon} icon={icon} sx={{ ...sx }} {...other} />;\n}\n"],"names":[],"mappings":";;;;AAUc,SAAU,OAAO,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,KAAK,EAAS,EAAA;IAC3D,OAAO,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAA,GAAM,KAAK,GAAI;AACvE;;;;"}

package/dist/esm/context/GlobalContext.js

@@ -0,0 +1,61 @@
+import React, { createContext, useState, useMemo } from 'react';
+import { Languages } from '../utils/data/language.js';
+import * as index from '../locales/index.js';
+import { getNestedValue } from '../utils/global.js';
+
+const initialState = {
+    lang: Languages.CS,
+    setGlobal: (value) => { },
+    showSnackbar: (text, options) => { },
+    t: (key) => key,
+    callbacks: {
+        homepage: () => { },
+        tickets: () => { },
+        detail: () => { },
+    },
+    links: {
+        termsAndConditions: '',
+        gdpr: '',
+    },
+};
+const GlobalContext = createContext(initialState);
+function GlobalProvider({ children, lang, showSnackbar, callbacks, links, options, content, }) {
+    const [global, setGlobal] = useState({
+        ...initialState,
+        showSnackbar: showSnackbar || initialState.showSnackbar,
+        lang,
+        callbacks,
+        links,
+        options,
+        content,
+    });
+    const handleSetGlobal = (value) => {
+        setGlobal({
+            ...global,
+            ...value,
+            options: {
+                ...global.options,
+                ...value.options,
+            },
+        });
+    };
+    const t = (key, params) => {
+        const translation = index[lang];
+        let template = getNestedValue(translation, key) || key;
+        if (params) {
+            for (const [paramKey, paramValue] of Object.entries(params)) {
+                template = template.replaceAll(`{{${paramKey}}}`, String(paramValue));
+            }
+        }
+        return template;
+    };
+    const memoizedValue = useMemo(() => ({
+        ...global,
+        setGlobal: handleSetGlobal,
+        t,
+    }), [global]);
+    return React.createElement(GlobalContext.Provider, { value: memoizedValue }, children);
+}
+
+export { GlobalContext, GlobalProvider };
+//# sourceMappingURL=GlobalContext.js.map

package/dist/esm/context/GlobalContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalContext.js","sources":["../../../src/context/GlobalContext.tsx"],"sourcesContent":["import React, { createContext, ReactNode, useMemo, useState } from 'react';\nimport { IGlobalContext } from '@utils/types/global.type';\nimport { Languages } from '@utils/data/language';\nimport * as locales from '@locales';\nimport { getNestedValue } from '@utils/global.ts';\n\nconst initialState: IGlobalContext = {\n  lang: Languages.CS,\n  setGlobal: (value: Partial<IGlobalContext>) => {},\n  showSnackbar: (text: string, options?: { variant: 'success' | 'error' }) => {},\n  t: (key) => key,\n  callbacks: {\n    homepage: () => {},\n    tickets: () => {},\n    detail: () => {},\n  },\n  links: {\n    termsAndConditions: '',\n    gdpr: '',\n  },\n};\n\nconst GlobalContext = createContext(initialState);\n\ntype Props = {\n  children: ReactNode;\n  lang: Languages;\n  callbacks: IGlobalContext['callbacks'];\n  links: IGlobalContext['links'];\n  showSnackbar?: IGlobalContext['showSnackbar'];\n  options?: IGlobalContext['options'];\n  content?: IGlobalContext['content'];\n};\n\nfunction GlobalProvider({\n  children,\n  lang,\n  showSnackbar,\n  callbacks,\n  links,\n  options,\n  content,\n}: Props) {\n  const [global, setGlobal] = useState<IGlobalContext>({\n    ...initialState,\n    showSnackbar: showSnackbar || initialState.showSnackbar,\n    lang,\n    callbacks,\n    links,\n    options,\n    content,\n  });\n\n  const handleSetGlobal = (value: Partial<IGlobalContext>) => {\n    setGlobal({\n      ...global,\n      ...value,\n      options: {\n        ...global.options,\n        ...value.options,\n      },\n    });\n  };\n\n  const t = (key: string, params?: Record<string, string | number>) => {\n    const translation = (locales as Record<Languages, any>)[lang];\n    let template = getNestedValue(translation, key) || key;\n\n    if (params) {\n      for (const [paramKey, paramValue] of Object.entries(params)) {\n        template = template.replaceAll(`{{${paramKey}}}`, String(paramValue));\n      }\n    }\n\n    return template;\n  };\n\n  const memoizedValue = useMemo(\n    () => ({\n      ...global,\n      setGlobal: handleSetGlobal,\n      t,\n    }),\n    [global]\n  );\n\n  return <GlobalContext.Provider value={memoizedValue}>{children}</GlobalContext.Provider>;\n}\n\nexport { GlobalProvider, GlobalContext };\n"],"names":["locales"],"mappings":";;;;;AAMA,MAAM,YAAY,GAAmB;IACnC,IAAI,EAAE,SAAS,CAAC,EAAE;AAClB,IAAA,SAAS,EAAE,CAAC,KAA8B,QAAO;IACjD,YAAY,EAAE,CAAC,IAAY,EAAE,OAA0C,QAAO;AAC9E,IAAA,CAAC,EAAE,CAAC,GAAG,KAAK,GAAG;AACf,IAAA,SAAS,EAAE;AACT,QAAA,QAAQ,EAAE,MAAK,GAAG;AAClB,QAAA,OAAO,EAAE,MAAK,GAAG;AACjB,QAAA,MAAM,EAAE,MAAK,GAAG;AACjB,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,kBAAkB,EAAE,EAAE;AACtB,QAAA,IAAI,EAAE,EAAE;AACT,KAAA;CACF;AAED,MAAM,aAAa,GAAG,aAAa,CAAC,YAAY;AAYhD,SAAS,cAAc,CAAC,EACtB,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,KAAK,EACL,OAAO,EACP,OAAO,GACD,EAAA;AACN,IAAA,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAiB;AACnD,QAAA,GAAG,YAAY;AACf,QAAA,YAAY,EAAE,YAAY,IAAI,YAAY,CAAC,YAAY;QACvD,IAAI;QACJ,SAAS;QACT,KAAK;QACL,OAAO;QACP,OAAO;AACR,KAAA,CAAC;AAEF,IAAA,MAAM,eAAe,GAAG,CAAC,KAA8B,KAAI;AACzD,QAAA,SAAS,CAAC;AACR,YAAA,GAAG,MAAM;AACT,YAAA,GAAG,KAAK;AACR,YAAA,OAAO,EAAE;gBACP,GAAG,MAAM,CAAC,OAAO;gBACjB,GAAG,KAAK,CAAC,OAAO;AACjB,aAAA;AACF,SAAA,CAAC;AACJ,KAAC;AAED,IAAA,MAAM,CAAC,GAAG,CAAC,GAAW,EAAE,MAAwC,KAAI;AAClE,QAAA,MAAM,WAAW,GAAIA,KAAkC,CAAC,IAAI,CAAC;QAC7D,IAAI,QAAQ,GAAG,cAAc,CAAC,WAAW,EAAE,GAAG,CAAC,IAAI,GAAG;QAEtD,IAAI,MAAM,EAAE;AACV,YAAA,KAAK,MAAM,CAAC,QAAQ,EAAE,UAAU,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;AAC3D,gBAAA,QAAQ,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAA,EAAA,EAAK,QAAQ,CAAA,EAAA,CAAI,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC;;;AAIzE,QAAA,OAAO,QAAQ;AACjB,KAAC;AAED,IAAA,MAAM,aAAa,GAAG,OAAO,CAC3B,OAAO;AACL,QAAA,GAAG,MAAM;AACT,QAAA,SAAS,EAAE,eAAe;QAC1B,CAAC;AACF,KAAA,CAAC,EACF,CAAC,MAAM,CAAC,CACT;IAED,OAAO,KAAA,CAAA,aAAA,CAAC,aAAa,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,aAAa,EAAA,EAAG,QAAQ,CAA0B;AAC1F;;;;"}

package/dist/esm/form/ChildEventCard.js

@@ -0,0 +1,58 @@
+import useResponsive from '../hooks/useResponsive.js';
+import { Card, Grid, Button, Stack, Typography, Box, Divider } from '@mui/material';
+import { getPlaceAsString } from '../utils/place.js';
+import React, { useState, useMemo } from 'react';
+import ChildEventDialog from './ChildEventDialog.js';
+import useGlobal from '../hooks/useGlobal.js';
+import 'framer-motion';
+import '../components/animate/IconButtonAnimate.js';
+import Iconify from '../components/iconify/Iconify.js';
+import Image from '../components/Image.js';
+import TextIconLabel from '../components/TextIconLabel.js';
+import locationIcon from '@iconify/icons-carbon/location';
+import calendarIcon from '@iconify/icons-carbon/calendar';
+import userIcon from '@iconify/icons-carbon/user';
+import dayjs from 'dayjs';
+import { useWatch } from 'react-hook-form';
+
+const ChildEventCard = ({ event }) => {
+    const { t } = useGlobal();
+    const xs = useResponsive('only', 'xs');
+    const md = useResponsive('only', 'md');
+    const [openVariantDialog, setOpenVariantDialog] = useState(false);
+    const tickets = useWatch({
+        name: `tickets.${event.id}`,
+        defaultValue: [],
+    });
+    const products = useWatch({
+        name: `products.${event.id}`,
+        defaultValue: [],
+    });
+    const eventNotEmpty = useMemo(() => {
+        return [...tickets, ...products].some((item) => item?.quantity);
+    }, [tickets, products]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Card, { sx: { p: 2 } },
+            React.createElement(Grid, { container: true, spacing: 6, alignItems: "stretch" },
+                React.createElement(Grid, { item: true, xs: 12, md: 6, sx: { display: 'flex', flexDirection: 'column' } },
+                    React.createElement(Image, { src: event.image.url, alt: event.name, ratio: "16/9", borderRadius: 2 }),
+                    React.createElement(Button, { variant: "contained", onClick: () => setOpenVariantDialog(true), fullWidth: true, startIcon: eventNotEmpty ? React.createElement(Iconify, { icon: "eva:edit-fill" }) : React.createElement(Iconify, { icon: "eva:plus-fill" }), sx: { mt: 2 } }, eventNotEmpty ? t('change') : t('add'))),
+                React.createElement(Grid, { item: true, xs: 12, md: 6, sx: { display: 'flex', flexDirection: 'column', justifyContent: 'space-between' } },
+                    React.createElement(Stack, { spacing: 2 },
+                        React.createElement(Typography, { variant: "h6" }, event.name),
+                        React.createElement(TextIconLabel, { icon: React.createElement(Iconify, { icon: locationIcon, sx: { mr: 0.5, mt: 0.5, width: 18, height: 18, minWidth: 18 } }), value: React.createElement(Box, null, getPlaceAsString(event.place)), sx: { typography: 'body3', color: 'text.secondary', alignItems: 'flex-start' } })),
+                    React.createElement(Stack, { direction: { xs: 'column', sm: 'row', md: 'column', lg: 'row' }, spacing: 2, p: 2, divider: React.createElement(Divider, { orientation: xs || md ? 'horizontal' : 'vertical', flexItem: true, sx: { borderStyle: 'dashed' } }), sx: {
+                            backgroundColor: (theme) => theme.palette.grey.A100,
+                            borderRadius: 1,
+                        } },
+                        React.createElement(Box, { width: { sm: '50%', md: '100%', lg: '50%' } },
+                            React.createElement(TextIconLabel, { icon: React.createElement(Iconify, { icon: calendarIcon, sx: { minWidth: 20, height: 20, mr: 1 } }), value: t('form.labels.start_date'), sx: { color: 'text.secondary' } }),
+                            React.createElement(Typography, { variant: "body2", fontWeight: 700 }, dayjs(event.startDate).format('DD.MM.YYYY HH:mm'))),
+                        React.createElement(Box, { width: { sm: '50%', md: '100%', lg: '50%' } },
+                            React.createElement(TextIconLabel, { icon: React.createElement(Iconify, { icon: userIcon, sx: { minWidth: 20, height: 20, mr: 1 } }), value: t('form.labels.organizer'), sx: { color: 'text.secondary' } }),
+                            React.createElement(Typography, { variant: "body2", fontWeight: 700 }, event.company.displayName)))))),
+        React.createElement(ChildEventDialog, { event: event, openDialog: openVariantDialog, onClose: () => setOpenVariantDialog(false) })));
+};
+
+export { ChildEventCard as default };
+//# sourceMappingURL=ChildEventCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChildEventCard.js","sources":["../../../src/form/ChildEventCard.tsx"],"sourcesContent":["import useResponsive from '@hooks/useResponsive';\nimport { Box, Button, Card, Divider, Grid, Stack, Typography } from '@mui/material';\nimport { getPlaceAsString } from '@utils/place';\nimport { IEvent } from '@utils/types/event.type';\nimport React, { useMemo, useState } from 'react';\nimport ChildEventDialog from './ChildEventDialog';\nimport useGlobal from '@hooks/useGlobal';\nimport { Iconify, Image, TextIconLabel } from '@components';\nimport locationIcon from '@iconify/icons-carbon/location';\nimport calendarIcon from '@iconify/icons-carbon/calendar';\nimport userIcon from '@iconify/icons-carbon/user';\nimport dayjs from 'dayjs';\nimport { useWatch } from 'react-hook-form';\nimport { ITicketFormTicket } from '@utils/types/ticket.type';\nimport { IEventProductForm } from '@utils/types/product.type';\n\ninterface Props {\n  event: IEvent;\n}\n\nconst ChildEventCard: React.FC<Props> = ({ event }) => {\n  const { t } = useGlobal();\n  const xs = useResponsive('only', 'xs');\n  const md = useResponsive('only', 'md');\n  const [openVariantDialog, setOpenVariantDialog] = useState<boolean>(false);\n  const tickets = useWatch({\n    name: `tickets.${event.id}`,\n    defaultValue: [],\n  }) as ITicketFormTicket[];\n  const products = useWatch({\n    name: `products.${event.id}`,\n    defaultValue: [],\n  }) as IEventProductForm[];\n\n  const eventNotEmpty = useMemo(() => {\n    return [...tickets, ...products].some((item) => item?.quantity);\n  }, [tickets, products]);\n\n  return (\n    <>\n      <Card sx={{ p: 2 }}>\n        <Grid container spacing={6} alignItems=\"stretch\">\n          {/* LEFT SIDE: Image + Button */}\n          <Grid item xs={12} md={6} sx={{ display: 'flex', flexDirection: 'column' }}>\n            <Image src={event.image.url} alt={event.name} ratio=\"16/9\" borderRadius={2} />\n            <Button\n              variant=\"contained\"\n              onClick={() => setOpenVariantDialog(true)}\n              fullWidth\n              startIcon={\n                eventNotEmpty ? <Iconify icon=\"eva:edit-fill\" /> : <Iconify icon=\"eva:plus-fill\" />\n              }\n              sx={{ mt: 2 }}\n            >\n              {eventNotEmpty ? t('change') : t('add')}\n            </Button>\n          </Grid>\n\n          {/* RIGHT SIDE: Info block with bottom aligned date + organizer */}\n          <Grid\n            item\n            xs={12}\n            md={6}\n            sx={{ display: 'flex', flexDirection: 'column', justifyContent: 'space-between' }}\n          >\n            <Stack spacing={2}>\n              <Typography variant=\"h6\">{event.name}</Typography>\n\n              <TextIconLabel\n                icon={\n                  <Iconify\n                    icon={locationIcon}\n                    sx={{ mr: 0.5, mt: 0.5, width: 18, height: 18, minWidth: 18 }}\n                  />\n                }\n                value={<Box>{getPlaceAsString(event.place)}</Box>}\n                sx={{ typography: 'body3', color: 'text.secondary', alignItems: 'flex-start' }}\n              />\n            </Stack>\n\n            {/* Bottom: Date & Organizer */}\n            <Stack\n              direction={{ xs: 'column', sm: 'row', md: 'column', lg: 'row' }}\n              spacing={2}\n              p={2}\n              divider={\n                <Divider\n                  orientation={xs || md ? 'horizontal' : 'vertical'}\n                  flexItem\n                  sx={{ borderStyle: 'dashed' }}\n                />\n              }\n              sx={{\n                backgroundColor: (theme) => theme.palette.grey.A100,\n                borderRadius: 1,\n              }}\n            >\n              <Box width={{ sm: '50%', md: '100%', lg: '50%' }}>\n                <TextIconLabel\n                  icon={<Iconify icon={calendarIcon} sx={{ minWidth: 20, height: 20, mr: 1 }} />}\n                  value={t('form.labels.start_date')}\n                  sx={{ color: 'text.secondary' }}\n                />\n                <Typography variant=\"body2\" fontWeight={700}>\n                  {dayjs(event.startDate).format('DD.MM.YYYY HH:mm')}\n                </Typography>\n              </Box>\n              <Box width={{ sm: '50%', md: '100%', lg: '50%' }}>\n                <TextIconLabel\n                  icon={<Iconify icon={userIcon} sx={{ minWidth: 20, height: 20, mr: 1 }} />}\n                  value={t('form.labels.organizer')}\n                  sx={{ color: 'text.secondary' }}\n                />\n                <Typography variant=\"body2\" fontWeight={700}>\n                  {event.company.displayName}\n                </Typography>\n              </Box>\n            </Stack>\n          </Grid>\n        </Grid>\n      </Card>\n\n      <ChildEventDialog\n        event={event}\n        openDialog={openVariantDialog}\n        onClose={() => setOpenVariantDialog(false)}\n      />\n    </>\n  );\n};\n\nexport default ChildEventCard;\n"],"names":[],"mappings":"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"}

package/dist/esm/form/ChildEventDialog.js

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

package/dist/esm/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":[],"mappings":";;;;;;;;AAeA,MAAM,gBAAgB,GAAoB,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,KAAI;AAC3E,IAAA,MAAM,EAAE,CAAC,EAAE,GAAG,SAAS,EAAE;AACzB,IAAA,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,sBAAsB,CAAC,KAAK,CAAC,EAAE,CAAC;AAE3E,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,MAAM,IAAC,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,IAAI,OAAO,EAAE,EAAE,SAAS,EAAA,IAAA,EAAA;AACtE,QAAA,KAAA,CAAA,aAAA,CAAC,aAAa,EAAA,IAAA;AACZ,YAAA,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,OAAO,EAAE,CAAC,EAAA;AACf,gBAAA,KAAA,CAAA,aAAA,CAAC,OAAO,EAAA,EAAC,WAAW,EAAC,UAAU,EAAA;oBAC7B,KAAA,CAAA,aAAA,CAAC,IAAI,IAAC,MAAM,EAAA,IAAA,EAAA;AACV,wBAAA,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,IAAA,EAAE,CAAC,CAAC,+BAA+B,CAAC,CAAa;AAC3D,wBAAA,KAAA,CAAA,aAAA,CAAC,WAAW,EAAA,IAAA,EACT,KAAK,CAAC,cAAc,IACnB,KAAA,CAAA,aAAA,CAAC,8BAA8B,EAAA,EAAC,KAAK,EAAE,KAAK,EAAA,CAAI,KAEhD,KAAA,CAAA,aAAA,CAAC,eAAe,EAAA,EAAC,KAAK,EAAE,KAAK,EAAA,CAAI,CAClC,CACW,CACT;oBACN,KAAK,CAAC,cAAc,IAAI,aAAa,CAAC,MAAM,KAC3C,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,MAAM,EAAA,IAAA,EAAA;AACV,wBAAA,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,IAAA,EAAE,CAAC,CAAC,+BAA+B,CAAC,CAAa;AAC3D,wBAAA,KAAA,CAAA,aAAA,CAAC,WAAW,EAAA,IAAA;4BACV,KAAA,CAAA,aAAA,CAAC,oBAAoB,EAAA,EACnB,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,KAAK,CAAC,EAAE,EACjB,SAAS,EAAE,SAAS,EAAA,CACpB,CACU,CACT,CACR,CACO,CACJ,CACM,CACT;AAEb;;;;"}

package/dist/esm/form/ChildEvents.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import CustomSkeleton from '../components/CustomSkeleton.js';
+import { Grid } from '@mui/material';
+import ChildEventCard from './ChildEventCard.js';
+
+const ChildEventSection = ({ events, isLoading }) => (React.createElement(Grid, { container: true, spacing: 3 }, isLoading
+    ? [...Array(3)].map((item) => (React.createElement(Grid, { key: item, item: true, xs: 12, md: 12 },
+        React.createElement(CustomSkeleton, { height: 334 }))))
+    : events?.map((event) => (React.createElement(Grid, { key: event.id, item: true, xs: 12, md: 12 },
+        React.createElement(ChildEventCard, { event: event }))))));
+
+export { ChildEventSection as default };
+//# sourceMappingURL=ChildEvents.js.map

package/dist/esm/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":[],"mappings":";;;;;AAWA,MAAM,iBAAiB,GAAoB,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,MAC/D,KAAA,CAAA,aAAA,CAAC,IAAI,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,CAAC,IAAI,EAAA,EAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAA,IAAA,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAA;QAClC,KAAA,CAAA,aAAA,CAAC,cAAc,IAAC,MAAM,EAAE,GAAG,EAAA,CAAI,CAC1B,CACR;AACH,MAAE,MAAM,EAAE,GAAG,CAAC,CAAC,KAAK,MAChB,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,IAAI,EAAA,IAAA,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAA;QACtC,KAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EAAC,KAAK,EAAE,KAAK,EAAA,CAAI,CAC3B,CACR,CAAC,CACD;;;;"}

package/dist/esm/form/ContactPerson.js

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

package/dist/esm/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":[],"mappings":"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"}

package/dist/esm/form/EmailConfirmation.js

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

package/dist/esm/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":[],"mappings":";;;;;;;AAcA,MAAM,iBAAiB,GAAoB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,KAAI;AAC1E,IAAA,MAAM,EAAE,CAAC,EAAE,GAAG,SAAS,EAAE;AACzB,IAAA,MAAM,EACJ,KAAK,EACL,SAAS,EAAE,EAAE,YAAY,EAAE,GAC5B,GAAG,cAAc,EAAe;AACjC,IAAA,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;AAC5B,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,aAAa,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,CAAC,GAAG,EAAA,EAAC,EAAE,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAA;YAC9B,KAAA,CAAA,aAAA,CAAC,UAAU,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,CAAC,aAAa,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/esm/form/MerchandiseSelection.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Grid } from '@mui/material';
+import ProductCard from './product/ProductCard.js';
+import CustomSkeleton from '../components/CustomSkeleton.js';
+
+const MerchandiseSelection = ({ eventProducts, eventId, isLoading }) => (React.createElement(Grid, { container: true, spacing: 3 }, isLoading
+    ? [...Array(3)].map((item) => (React.createElement(Grid, { key: item, item: true, xs: 12, md: 4 },
+        React.createElement(CustomSkeleton, { height: 334 }))))
+    : eventProducts.map((eventProduct) => (React.createElement(Grid, { key: eventProduct.id, item: true, xs: 12, md: 4 },
+        React.createElement(ProductCard, { eventProduct: eventProduct, eventId: eventId, isOnlyMerchandise: true }))))));
+
+export { MerchandiseSelection as default };
+//# sourceMappingURL=MerchandiseSelection.js.map

package/dist/esm/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":[],"mappings":";;;;;AAYA,MAAM,oBAAoB,GAAoB,CAAC,EAAE,aAAa,EAAE,OAAO,EAAE,SAAS,EAAE,MAClF,KAAA,CAAA,aAAA,CAAC,IAAI,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,CAAC,IAAI,EAAA,EAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAA,IAAA,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAA;QACjC,KAAA,CAAA,aAAA,CAAC,cAAc,IAAC,MAAM,EAAE,GAAG,EAAA,CAAI,CAC1B,CACR;AACH,MAAE,aAAa,CAAC,GAAG,CAAC,CAAC,YAAY,MAC7B,KAAA,CAAA,aAAA,CAAC,IAAI,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,CAAC,WAAW,EAAA,EAAC,YAAY,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAA,IAAA,EAAA,CAAG,CAC1E,CACR,CAAC,CACD;;;;"}

package/dist/esm/form/OrderSuccess.js

@@ -0,0 +1,53 @@
+import { m } from 'framer-motion';
+import { Box, Stack, Typography, Button } from '@mui/material';
+import Iconify from '../components/iconify/Iconify.js';
+import { varBounce } from '../components/animate/variants/bounce.js';
+import React, { useState, useEffect } from 'react';
+import '../components/animate/IconButtonAnimate.js';
+import '@mui/material/styles';
+import '@mui/material/useMediaQuery';
+import MotionContainer from '../components/animate/MotionContainer.js';
+import useGlobal from '../hooks/useGlobal.js';
+import Image from '../components/Image.js';
+
+const OrderSuccess = ({ gwUrl, setIsPaying, isIframe, isInline }) => {
+    const { t } = useGlobal();
+    const [seconds, setSeconds] = useState(10);
+    const { content } = useGlobal();
+    useEffect(() => {
+        window.scrollTo({ top: 0 });
+    }, []);
+    useEffect(() => {
+        const interval = setInterval(() => {
+            setSeconds(seconds - 1);
+        }, 1000);
+        return () => clearInterval(interval);
+    }, [seconds]);
+    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, { sx: { textAlign: 'center' }, className: "iframe__order-success" },
+        React.createElement(m.div, { variants: varBounce().in }, content?.orderConfirmation?.image ? (React.createElement(Image, { src: content.orderConfirmation.image.src, width: "100%", maxWidth: content.orderConfirmation.image.maxWidth })) : (React.createElement(Box, { sx: { fontSize: 128 } }, "\uD83D\uDCB8"))),
+        React.createElement(Stack, { spacing: 1, sx: { my: 5 } },
+            React.createElement(m.div, { variants: varBounce().in },
+                React.createElement(Typography, { variant: "h3" }, content?.orderConfirmation?.title || t('event.tickets.order_success.title'))),
+            React.createElement(m.div, { variants: varBounce().in },
+                React.createElement(Typography, { sx: { color: 'text.secondary' }, maxWidth: 550, marginX: "auto" }, t('event.tickets.order_success.description', {
+                    countdown: Number(seconds) < 0 ? 0 : Number(seconds),
+                })))),
+        React.createElement(Button, { onClick: handleRedirect, size: "large", color: "primary", variant: "contained", endIcon: React.createElement(Iconify, { icon: "eva:external-link-outline" }) }, t('pay'))));
+};
+
+export { OrderSuccess as default };
+//# sourceMappingURL=OrderSuccess.js.map