@eventlook/sdk 1.4.46-beta.2 → 1.4.46-beta.3

package/src/components/hook-form/RHFCodes.tsx

@@ -1,94 +0,0 @@
-import React, { RefObject } from 'react';
-import { useRef } from 'react';
-// form
-import { useFormContext, Controller } from 'react-hook-form';
-// @mui
-import { Stack, TextField, TextFieldProps } from '@mui/material';
-// hooks
-import useEventListener from '@hooks/useEventListener';
-
-// ----------------------------------------------------------------------
-
-type Props = TextFieldProps & {
-  keyName: string;
-  inputs: string[];
-};
-
-export default function RHFCodes({ keyName = '', inputs = [], ...other }: Props) {
-  const codesRef = useRef<HTMLDivElement | null>(null);
-
-  const { control, setValue } = useFormContext();
-
-  const handlePaste = (event: any) => {
-    let data = event.clipboardData.getData('text');
-
-    data = data.split('');
-
-    inputs.map((input, index) => setValue(input, data[index]));
-
-    event.preventDefault();
-  };
-
-  const handleChangeWithNextField = (
-    event: React.ChangeEvent<HTMLInputElement>,
-    handleChange: (event: React.ChangeEvent<HTMLInputElement>) => void
-  ) => {
-    const { maxLength, value, name } = event.target;
-
-    const fieldIndex = name.replace(keyName, '');
-
-    const fieldIntIndex = Number(fieldIndex);
-
-    const nextfield: HTMLElement | null = document.querySelector(
-      `input[name=${keyName}${fieldIntIndex + 1}]`
-    );
-
-    if (value.length > maxLength) {
-      event.target.value = value[0];
-    }
-
-    if (value.length >= maxLength && fieldIntIndex < 6 && nextfield !== null) {
-      (nextfield as HTMLElement).focus();
-    }
-
-    handleChange(event);
-  };
-
-  useEventListener('paste', handlePaste, codesRef as RefObject<HTMLElement>);
-
-  return (
-    <Stack direction="row" spacing={2} justifyContent="center" ref={codesRef}>
-      {inputs.map((name, index) => (
-        <Controller
-          key={name}
-          name={`${keyName}${index + 1}`}
-          control={control}
-          render={({ field, fieldState: { error } }) => (
-            <TextField
-              {...field}
-              error={!!error}
-              autoFocus={index === 0}
-              placeholder="-"
-              onChange={(event: React.ChangeEvent<HTMLInputElement>) => {
-                handleChangeWithNextField(event, field.onChange);
-              }}
-              onFocus={(event) => event.currentTarget.select()}
-              InputProps={{
-                sx: {
-                  width: { xs: 36, sm: 56 },
-                  height: { xs: 36, sm: 56 },
-                  '& input': { p: 0, textAlign: 'center' },
-                },
-              }}
-              inputProps={{
-                maxLength: 1,
-                type: 'number',
-              }}
-              {...other}
-            />
-          )}
-        />
-      ))}
-    </Stack>
-  );
-}

package/src/components/hook-form/RHFDatePicker.tsx

@@ -1,37 +0,0 @@
-import React from 'react';
-import { Controller, useFormContext } from 'react-hook-form';
-import { DatePicker, DatePickerProps } from '@mui/x-date-pickers';
-import { Dayjs } from 'dayjs';
-
-type Props = DatePickerProps<Dayjs> & {
-  name: string;
-  label: string;
-};
-
-export default function RHFDatePicker({ name, label, ...others }: Props) {
-  const { control } = useFormContext();
-
-  return (
-    <Controller
-      name={name}
-      control={control}
-      render={({ field, fieldState: { error } }) => (
-        <DatePicker
-          {...field}
-          label={label}
-          format="DD.MM.YYYY"
-          slotProps={{
-            textField: {
-              error: !!error,
-              helperText: error?.message,
-            },
-          }}
-          sx={{
-            width: '100%',
-          }}
-          {...others}
-        />
-      )}
-    />
-  );
-}

package/src/components/hook-form/RHFPhone.tsx

@@ -1,47 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import { Controller, useFormContext } from 'react-hook-form';
-import useGlobal from '@hooks/useGlobal.ts';
-import { MuiTelInputProps } from 'mui-tel-input';
-
-type Props = MuiTelInputProps & {
-  name: string;
-  defaultCountry?: string;
-};
-
-export default function RHFPhone({ name, defaultCountry, helperText, ...other }: Props) {
-  const { control } = useFormContext();
-  const { lang } = useGlobal();
-
-  const [MuiTelInput, setMuiTelInput] = useState<React.ComponentType<MuiTelInputProps> | null>(
-    null
-  );
-
-  useEffect(() => {
-    import('mui-tel-input').then((mod) => {
-      setMuiTelInput(() => mod.MuiTelInput);
-    });
-  }, []);
-
-  if (!MuiTelInput) return null;
-
-  return (
-    <Controller
-      name={name}
-      control={control}
-      render={({ field, fieldState: { error } }) => (
-        <MuiTelInput
-          {...field}
-          fullWidth
-          value={field.value}
-          error={!!error}
-          helperText={error ? error?.message : helperText}
-          langOfCountryName={lang}
-          lang={lang}
-          defaultCountry={defaultCountry || 'CZ'}
-          continents={['EU']}
-          {...other}
-        />
-      )}
-    />
-  );
-}

package/src/components/hook-form/RHFRadioGroup.tsx

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

package/src/components/hook-form/RHFSelect.tsx

@@ -1,205 +0,0 @@
-import React from 'react';
-import { useFormContext, Controller } from 'react-hook-form';
-import {
-  Box,
-  Chip,
-  Select,
-  Checkbox,
-  MenuItem,
-  TextField,
-  InputLabel,
-  SelectProps,
-  FormControl,
-  OutlinedInput,
-  TextFieldProps,
-  FormHelperText,
-} from '@mui/material';
-
-// ----------------------------------------------------------------------
-
-type RHFSelectProps = TextFieldProps & {
-  name: string;
-  native?: boolean;
-  maxHeight?: boolean | number | string;
-  children: React.ReactNode;
-};
-
-export function RHFSelect({
-  name,
-  native,
-  maxHeight = 220,
-  helperText,
-  children,
-  ...other
-}: RHFSelectProps) {
-  const { control } = useFormContext();
-
-  return (
-    <Controller
-      name={name}
-      control={control}
-      render={({ field, fieldState: { error } }) => (
-        <TextField
-          {...field}
-          select
-          fullWidth
-          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}
-        </TextField>
-      )}
-    />
-  );
-}
-
-// ----------------------------------------------------------------------
-
-type RHFMultiSelectProps = SelectProps & {
-  name: string;
-  label?: string;
-  chip?: boolean;
-  checkbox?: boolean;
-  placeholder?: string;
-  helperText?: React.ReactNode;
-  options: {
-    label: string;
-    value: string;
-  }[];
-};
-
-export function RHFMultiSelect({
-  name,
-  chip,
-  label,
-  options,
-  checkbox,
-  placeholder,
-  helperText,
-  sx,
-  ...other
-}: RHFMultiSelectProps) {
-  const { control } = useFormContext();
-
-  const renderValues = (selectedIds: string[]) => {
-    const selectedItems = options.filter((item) => selectedIds.includes(item.value));
-
-    if (!selectedItems.length && placeholder) {
-      return (
-        <Box component="em" sx={{ color: 'text.disabled' }}>
-          {placeholder}
-        </Box>
-      );
-    }
-
-    if (chip) {
-      return (
-        <Box sx={{ display: 'flex', flexWrap: 'wrap', gap: 0.5 }}>
-          {selectedItems.map((item) => (
-            <Chip key={item.value} size="small" label={item.label} />
-          ))}
-        </Box>
-      );
-    }
-
-    return selectedItems.map((item) => item.label).join(', ');
-  };
-
-  return (
-    <Controller
-      name={name}
-      control={control}
-      render={({ field, fieldState: { error } }) => (
-        <FormControl sx={sx}>
-          {label && <InputLabel id={name}> {label} </InputLabel>}
-
-          <Select
-            {...field}
-            multiple
-            displayEmpty={!!placeholder}
-            labelId={name}
-            input={<OutlinedInput fullWidth label={label} error={!!error} />}
-            // @ts-ignore
-            renderValue={renderValues}
-            MenuProps={{
-              PaperProps: {
-                sx: { px: 1, maxHeight: 280 },
-              },
-            }}
-            {...other}
-          >
-            {placeholder && (
-              <MenuItem
-                disabled
-                value=""
-                sx={{
-                  py: 1,
-                  px: 2,
-                  borderRadius: 0.75,
-                  typography: 'body2',
-                }}
-              >
-                <em> {placeholder} </em>
-              </MenuItem>
-            )}
-
-            {options.map((option) => {
-              const selected = field.value.includes(option.value);
-
-              return (
-                <MenuItem
-                  key={option.value}
-                  value={option.value}
-                  sx={{
-                    py: 1,
-                    px: 2,
-                    borderRadius: 0.75,
-                    typography: 'body2',
-                    ...(selected && {
-                      fontWeight: 'fontWeightMedium',
-                    }),
-                    ...(checkbox && {
-                      p: 0.25,
-                    }),
-                  }}
-                >
-                  {checkbox && <Checkbox disableRipple size="small" checked={selected} />}
-
-                  {option.label}
-                </MenuItem>
-              );
-            })}
-          </Select>
-
-          {(!!error || helperText) && (
-            <FormHelperText error={!!error}>{error ? error?.message : helperText}</FormHelperText>
-          )}
-        </FormControl>
-      )}
-    />
-  );
-}

package/src/components/hook-form/RHFSlider.tsx

@@ -1,30 +0,0 @@
-import React from 'react';
-import { useFormContext, Controller } from 'react-hook-form';
-import { Slider, SliderProps, FormHelperText } from '@mui/material';
-
-// ----------------------------------------------------------------------
-
-type Props = SliderProps & {
-  name: string;
-  helperText?: React.ReactNode;
-};
-
-export default function RHFSlider({ name, helperText, ...other }: Props) {
-  const { control } = useFormContext();
-
-  return (
-    <Controller
-      name={name}
-      control={control}
-      render={({ field, fieldState: { error } }) => (
-        <div>
-          <Slider {...field} valueLabelDisplay="auto" {...other} />
-
-          {(!!error || helperText) && (
-            <FormHelperText error={!!error}>{error ? error?.message : helperText}</FormHelperText>
-          )}
-        </div>
-      )}
-    />
-  );
-}

package/src/components/hook-form/RHFSwitch.tsx

@@ -1,30 +0,0 @@
-import React from 'react';
-import { useFormContext, Controller } from 'react-hook-form';
-import { Switch, FormControlLabel, FormControlLabelProps, FormHelperText } from '@mui/material';
-
-// ----------------------------------------------------------------------
-
-interface Props extends Omit<FormControlLabelProps, 'control'> {
-  name: string;
-  helperText?: React.ReactNode;
-}
-
-export default function RHFSwitch({ name, helperText, ...other }: Props) {
-  const { control } = useFormContext();
-
-  return (
-    <Controller
-      name={name}
-      control={control}
-      render={({ field, fieldState: { error } }) => (
-        <div>
-          <FormControlLabel control={<Switch {...field} checked={field.value} />} {...other} />
-
-          {(!!error || helperText) && (
-            <FormHelperText error={!!error}>{error ? error?.message : helperText}</FormHelperText>
-          )}
-        </div>
-      )}
-    />
-  );
-}

package/src/components/hook-form/RHFTextField.tsx

@@ -1,30 +0,0 @@
-import React from 'react';
-import { useFormContext, Controller } from 'react-hook-form';
-import { TextField, TextFieldProps } from '@mui/material';
-
-// ----------------------------------------------------------------------
-
-type Props = TextFieldProps & {
-  name: string;
-};
-
-export default function RHFTextField({ name, helperText, ...other }: Props) {
-  const { control } = useFormContext();
-
-  return (
-    <Controller
-      name={name}
-      control={control}
-      render={({ field, fieldState: { error } }) => (
-        <TextField
-          {...field}
-          fullWidth
-          value={typeof field.value === 'number' && field.value === 0 ? '' : field.value}
-          error={!!error}
-          helperText={error ? error?.message : helperText}
-          {...other}
-        />
-      )}
-    />
-  );
-}

package/src/components/iconify/Iconify.tsx

@@ -1,13 +0,0 @@
-import React from 'react';
-import { Icon, IconifyIcon } from '@iconify/react';
-import { Box, BoxProps, SxProps } from '@mui/material';
-import { Theme } from '@mui/material/styles';
-
-interface Props extends BoxProps {
-  sx?: SxProps<Theme>;
-  icon: IconifyIcon | string;
-}
-
-export default function Iconify({ icon, sx, ...other }: Props) {
-  return <Box component={Icon} icon={icon} sx={{ ...sx }} {...other} />;
-}

package/src/context/GlobalContext.tsx

@@ -1,93 +0,0 @@
-import React, { createContext, ReactNode, useMemo, useState } from 'react';
-import { IGlobalContext } from '@utils/types/global.type';
-import { Languages } from '@utils/data/language';
-import * as locales from '@locales';
-import { getNestedValue } from '@utils/global.ts';
-
-const initialState: IGlobalContext = {
-  lang: Languages.CS,
-  setGlobal: (value: Partial<IGlobalContext>) => {},
-  showSnackbar: (text: string, options?: { variant: 'success' | 'error' }) => alert(text),
-  t: (key) => key,
-  callbacks: {
-    homepage: () => {},
-    tickets: () => {},
-    detail: () => {},
-  },
-  links: {
-    termsAndConditions: '',
-    gdpr: '',
-  },
-};
-
-const GlobalContext = createContext(initialState);
-
-type Props = {
-  children: ReactNode;
-  lang: Languages;
-  callbacks: IGlobalContext['callbacks'];
-  links: IGlobalContext['links'];
-  showSnackbar?: IGlobalContext['showSnackbar'];
-  options?: IGlobalContext['options'];
-  content?: IGlobalContext['content'];
-  seatingIframeUrl?: IGlobalContext['seatingIframeUrl'];
-};
-
-function GlobalProvider({
-  children,
-  lang,
-  showSnackbar,
-  callbacks,
-  links,
-  options,
-  content,
-  seatingIframeUrl,
-}: Props) {
-  const [global, setGlobal] = useState<IGlobalContext>({
-    ...initialState,
-    showSnackbar: showSnackbar || initialState.showSnackbar,
-    lang,
-    callbacks,
-    links,
-    options,
-    content,
-    seatingIframeUrl,
-  });
-
-  const handleSetGlobal = (value: Partial<IGlobalContext>) => {
-    setGlobal({
-      ...global,
-      ...value,
-      options: {
-        ...global.options,
-        ...value.options,
-      },
-    });
-  };
-
-  const t = (key: string, params?: Record<string, string | number>) => {
-    const translation = (locales as Record<Languages, any>)[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 <GlobalContext.Provider value={memoizedValue}>{children}</GlobalContext.Provider>;
-}
-
-export { GlobalProvider, GlobalContext };