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

package/src/components/TextIconLabel.tsx

@@ -1,28 +0,0 @@
-import React from 'react';
-import { ReactElement } from 'react';
-import { Stack, StackProps, SxProps } from '@mui/material';
-
-interface Props extends StackProps {
-  icon: ReactElement;
-  value: any;
-  endIcon?: boolean;
-  sx?: SxProps;
-}
-
-export default function TextIconLabel({ icon, value, endIcon = false, sx, ...other }: Props) {
-  return (
-    <Stack
-      direction="row"
-      alignItems="center"
-      sx={{
-        typography: 'body2',
-        ...sx,
-      }}
-      {...other}
-    >
-      {!endIcon && icon}
-      {value}
-      {endIcon && icon}
-    </Stack>
-  );
-}

package/src/components/TicketFormSkeleton.tsx

@@ -1,83 +0,0 @@
-import React from 'react';
-import { Box, Grid, Typography, Divider, Stack } from '@mui/material';
-import CustomSkeleton from '@components/CustomSkeleton';
-
-const TicketFormSkeleton: React.FC = () => (
-  <Grid container spacing={2}>
-    <Grid item xs={12} md={8}>
-      <Box>
-        <Typography variant="h6" gutterBottom>
-          <CustomSkeleton variant="text" sx={{ maxWidth: 300 }} />
-        </Typography>
-        <Grid container spacing={2} mb={2}>
-          <Grid item xs={12} md={6}>
-            <CustomSkeleton variant="rectangular" height={56} />
-          </Grid>
-          <Grid item xs={12} md={6}>
-            <CustomSkeleton variant="rectangular" height={56} />
-          </Grid>
-          <Grid item xs={12}>
-            <CustomSkeleton variant="text" width="60%" />
-          </Grid>
-        </Grid>
-
-        <Divider sx={{ my: 3 }} />
-
-        {/* Krok 2 – Kontaktní osoba */}
-        <Typography variant="h6" gutterBottom>
-          <CustomSkeleton variant="text" sx={{ maxWidth: 300 }} />
-        </Typography>
-        <Grid container spacing={2} mb={2}>
-          <Grid item xs={12} md={6}>
-            <CustomSkeleton variant="rectangular" height={56} />
-          </Grid>
-          <Grid item xs={12} md={6}>
-            <CustomSkeleton variant="rectangular" height={56} />
-          </Grid>
-          <Grid item xs={12} md={6}>
-            <CustomSkeleton variant="rectangular" height={56} />
-          </Grid>
-          <Grid item xs={12} md={6}>
-            <CustomSkeleton variant="rectangular" height={56} />
-          </Grid>
-          <Grid item xs={12} md={6}>
-            <CustomSkeleton variant="rectangular" height={56} />
-          </Grid>
-          <Grid item xs={12} md={6}>
-            <CustomSkeleton variant="rectangular" height={56} />
-          </Grid>
-        </Grid>
-
-        <Divider sx={{ my: 3 }} />
-
-        {/* Krok 3 – Způsoby platby */}
-        <Typography variant="h6" gutterBottom>
-          <CustomSkeleton variant="text" sx={{ maxWidth: 300 }} />
-        </Typography>
-        <Grid container spacing={2} mb={2}>
-          <Grid item xs={12} md={8}>
-            <CustomSkeleton variant="rectangular" height={56} />
-          </Grid>
-          <Grid item xs={12} md={4}>
-            <CustomSkeleton variant="rectangular" height={56} />
-          </Grid>
-        </Grid>
-
-        <Typography variant="subtitle1" gutterBottom>
-          <CustomSkeleton variant="text" sx={{ maxWidth: 300 }} />
-        </Typography>
-        <Stack spacing={2}>
-          <CustomSkeleton variant="rectangular" height={64} />
-          <CustomSkeleton variant="rectangular" height={64} />
-        </Stack>
-      </Box>
-    </Grid>
-    <Grid item xs={12} md={4}>
-      <Box>
-        <CustomSkeleton height={370} />
-      </Box>
-    </Grid>
-  </Grid>
-);
-
-export default TicketFormSkeleton;

package/src/components/Trans.tsx

@@ -1,114 +0,0 @@
-import React, { JSX } from 'react';
-import useGlobal from '@hooks/useGlobal.ts';
-
-type TransProps = {
-  text: string;
-  values?: Record<string, string | number>;
-  components?: Record<string | number, JSX.Element>;
-  enableMarkdown?: boolean;
-  pluralRules?: {
-    [key: string]: string;
-  };
-};
-
-export const Trans: React.FC<TransProps> = ({
-  text,
-  values = {},
-  components = {},
-  enableMarkdown = false,
-}) => {
-  const { t } = useGlobal();
-  const interpolated = t(text, values);
-  const content = parseWithComponents(interpolated, components, enableMarkdown);
-  return <>{content}</>;
-};
-
-const parseMarkdown = (text: string): React.ReactNode[] => {
-  const boldItalicRegex = /(\*\*|__)(.*?)\1|_(.*?)_|`(.*?)`/g;
-  const nodes: React.ReactNode[] = [];
-  let lastIndex = 0;
-  let match: RegExpExecArray | null;
-
-  while ((match = boldItalicRegex.exec(text)) !== null) {
-    if (match.index > lastIndex) {
-      nodes.push(text.slice(lastIndex, match.index));
-    }
-
-    const [, , boldText, italicText, codeText] = match;
-    const content = boldText || italicText || codeText;
-
-    if (boldText) {
-      nodes.push(<strong key={match.index}>{boldText}</strong>);
-    } else if (italicText) {
-      nodes.push(<em key={match.index}>{italicText}</em>);
-    } else if (codeText) {
-      nodes.push(<code key={match.index}>{codeText}</code>);
-    }
-
-    lastIndex = match.index + match[0].length;
-  }
-
-  if (lastIndex < text.length) {
-    nodes.push(text.slice(lastIndex));
-  }
-
-  return nodes;
-};
-
-const parseWithComponents = (
-  str: string,
-  components: Record<string | number, JSX.Element>,
-  enableMarkdown: boolean
-): React.ReactNode[] => {
-  const nodes: React.ReactNode[] = [];
-  const tagRegex = /<(\d+)>(.*?)<\/\1>|<(\w+)\s*\/?>/gs;
-
-  let lastIndex = 0;
-  let match: RegExpExecArray | null;
-
-  while ((match = tagRegex.exec(str)) !== null) {
-    const matchStart = match.index;
-    const matchEnd = tagRegex.lastIndex;
-
-    if (matchStart > lastIndex) {
-      const beforeText = str.slice(lastIndex, matchStart);
-      nodes.push(...(enableMarkdown ? parseMarkdown(beforeText) : [beforeText]));
-    }
-
-    const numberedKey = match[1];
-    const numberedContent = match[2];
-    const namedComponentKey = match[3];
-    const key = matchStart;
-
-    if (numberedKey !== undefined) {
-      const component = components[numberedKey];
-      const children = enableMarkdown ? parseMarkdown(numberedContent) : [numberedContent];
-
-      if (React.isValidElement(component)) {
-        nodes.push(React.cloneElement(component, { key }, children));
-      } else {
-        nodes.push(...children);
-      }
-    } else if (namedComponentKey !== undefined) {
-      const component = components[namedComponentKey];
-
-      // Oprava: vytvoř nový element, i když to není validní prvek
-      if (React.isValidElement(component)) {
-        nodes.push(React.cloneElement(component, { key }));
-      } else if (typeof namedComponentKey === 'string') {
-        nodes.push(React.createElement(namedComponentKey, { key }));
-      } else {
-        nodes.push('');
-      }
-    }
-
-    lastIndex = matchEnd;
-  }
-
-  if (lastIndex < str.length) {
-    const after = str.slice(lastIndex);
-    nodes.push(...(enableMarkdown ? parseMarkdown(after) : [after]));
-  }
-
-  return nodes;
-};

package/src/components/animate/DialogAnimate.tsx

@@ -1,64 +0,0 @@
-import React from 'react';
-import { m, AnimatePresence } from 'framer-motion';
-import { Dialog, Box, Paper, DialogProps, SxProps } from '@mui/material';
-import { varFade } from './variants';
-
-export interface Props extends DialogProps {
-  variants?: Record<string, unknown>;
-  onClose?: VoidFunction;
-  stopAnimation?: boolean;
-  paperComponentSx?: SxProps;
-}
-
-export default function DialogAnimate({
-  open = false,
-  stopAnimation = false,
-  variants,
-  onClose,
-  children,
-  sx,
-  paperComponentSx,
-  ...other
-}: Props) {
-  return (
-    <AnimatePresence>
-      {open && (
-        <Dialog
-          fullWidth
-          maxWidth="xs"
-          open={open}
-          onClose={onClose}
-          PaperComponent={(props) => (
-            <Box
-              component={m.div}
-              {...(!stopAnimation &&
-                (variants ||
-                  varFade({
-                    distance: 120,
-                    durationIn: 0.32,
-                    durationOut: 0.24,
-                    easeIn: 'easeInOut',
-                  }).inUp))}
-              sx={{
-                width: '100%',
-                height: '100%',
-                display: 'flex',
-                alignItems: 'center',
-                justifyContent: 'center',
-                ...paperComponentSx,
-              }}
-            >
-              <Box onClick={onClose} sx={{ width: '100%', height: '100%', position: 'fixed' }} />
-              <Paper sx={sx} {...props}>
-                {props.children}
-              </Paper>
-            </Box>
-          )}
-          {...other}
-        >
-          {children}
-        </Dialog>
-      )}
-    </AnimatePresence>
-  );
-}

package/src/components/animate/IconButtonAnimate.tsx

@@ -1,63 +0,0 @@
-import React from 'react';
-import { m } from 'framer-motion';
-import { forwardRef, ReactNode } from 'react';
-import { Box, IconButton, IconButtonProps, SxProps } from '@mui/material';
-
-interface Props extends IconButtonProps {
-  sxWrap?: SxProps;
-}
-
-const IconButtonAnimate = forwardRef<HTMLButtonElement, Props>(
-  ({ children, size = 'medium', sxWrap, ...other }, ref) => (
-    <AnimateWrap size={size} sxWrap={sxWrap}>
-      <IconButton size={size} ref={ref} {...other}>
-        {children}
-      </IconButton>
-    </AnimateWrap>
-  )
-);
-
-export default IconButtonAnimate;
-
-// ----------------------------------------------------------------------
-
-type AnimateWrapProp = {
-  children: ReactNode;
-  size: 'small' | 'medium' | 'large';
-  sxWrap?: SxProps;
-};
-
-const varSmall = {
-  hover: { scale: 1.1 },
-  tap: { scale: 0.95 },
-};
-
-const varMedium = {
-  hover: { scale: 1.09 },
-  tap: { scale: 0.97 },
-};
-
-const varLarge = {
-  hover: { scale: 1.08 },
-  tap: { scale: 0.99 },
-};
-
-function AnimateWrap({ size, children, sxWrap }: AnimateWrapProp) {
-  const isSmall = size === 'small';
-  const isLarge = size === 'large';
-
-  return (
-    <Box
-      component={m.div}
-      whileTap="tap"
-      whileHover="hover"
-      variants={(isSmall && varSmall) || (isLarge && varLarge) || varMedium}
-      sx={{
-        display: 'inline-flex',
-        ...sxWrap,
-      }}
-    >
-      {children}
-    </Box>
-  );
-}

package/src/components/animate/MotionContainer.tsx

@@ -1,40 +0,0 @@
-import React from 'react';
-import { m, MotionProps } from 'framer-motion';
-import { Box, BoxProps } from '@mui/material';
-import { varContainer } from './variants';
-
-type IProps = BoxProps & MotionProps;
-
-export interface Props extends IProps {
-  animate?: boolean;
-  action?: boolean;
-}
-
-export default function MotionContainer({ animate, action = false, children, ...other }: Props) {
-  if (action) {
-    return (
-      <Box
-        component={m.div}
-        initial={false}
-        animate={animate ? 'animate' : 'exit'}
-        variants={varContainer()}
-        {...other}
-      >
-        {children}
-      </Box>
-    );
-  }
-
-  return (
-    <Box
-      component={m.div}
-      initial="initial"
-      animate="animate"
-      exit="exit"
-      variants={varContainer()}
-      {...other}
-    >
-      {children}
-    </Box>
-  );
-}

package/src/components/animate/MotionLazyContainer.tsx

@@ -1,17 +0,0 @@
-import React, { ReactNode } from 'react';
-import { LazyMotion } from 'framer-motion';
-
-// @ts-ignore
-const loadFeatures = () => import('./features.js').then((res) => res.default);
-
-type Props = {
-  children: ReactNode;
-};
-
-export default function MotionLazyContainer({ children }: Props) {
-  return (
-    <LazyMotion strict features={loadFeatures}>
-      {children}
-    </LazyMotion>
-  );
-}

package/src/components/animate/MotionViewport.tsx

@@ -1,37 +0,0 @@
-import { m, MotionProps } from 'framer-motion';
-import React, { ReactNode } from 'react';
-import { Box, BoxProps } from '@mui/material';
-import useResponsive from '@hooks/useResponsive';
-import { varContainer } from '@components/animate/variants';
-
-type IProps = BoxProps & MotionProps;
-
-interface Props extends IProps {
-  children: ReactNode;
-  disableAnimatedMobile?: boolean;
-}
-
-export default function MotionViewport({
-  children,
-  disableAnimatedMobile = true,
-  ...other
-}: Props) {
-  const isDesktop = useResponsive('up', 'sm');
-
-  if (!isDesktop && disableAnimatedMobile) {
-    return <Box {...other}>{children}</Box>;
-  }
-
-  return (
-    <Box
-      component={m.div}
-      initial="initial"
-      whileInView="animate"
-      viewport={{ once: true, amount: 0.5 }}
-      variants={varContainer()}
-      {...other}
-    >
-      {children}
-    </Box>
-  );
-}

package/src/components/animate/TextAnimate.tsx

@@ -1,31 +0,0 @@
-import React from 'react';
-import { m, MotionProps } from 'framer-motion';
-import { Box, BoxProps } from '@mui/material';
-import { varFade } from './variants';
-
-type Props = BoxProps & MotionProps;
-
-interface TextAnimateProps extends Props {
-  text: string;
-}
-
-export default function TextAnimate({ text, variants, sx, ...other }: TextAnimateProps) {
-  return (
-    <Box
-      component={m.h1}
-      sx={{
-        typography: 'h1',
-        overflow: 'hidden',
-        display: 'inline-flex',
-        ...sx,
-      }}
-      {...other}
-    >
-      {text.split('').map((letter, index) => (
-        <m.span key={index} variants={variants || varFade().inUp}>
-          {letter}
-        </m.span>
-      ))}
-    </Box>
-  );
-}

package/src/components/animate/features.js

@@ -1,2 +0,0 @@
-import { domMax } from 'framer-motion';
-export default domMax;

package/src/components/animate/variants/actions.ts

@@ -1,7 +0,0 @@
-// ----------------------------------------------------------------------
-
-export const varHover = (scale?: number) => ({
-  hover: {
-    scale: scale || 1.1,
-  },
-});

package/src/components/animate/variants/background.ts

@@ -1,106 +0,0 @@
-// @types
-import { BackgroundType } from '@utils/types/animate';
-
-// ----------------------------------------------------------------------
-
-export const varBgColor = (props?: BackgroundType) => {
-  const colors = props?.colors || ['#19dcea', '#b22cff'];
-  const duration = props?.duration || 5;
-  const ease = props?.ease || 'linear';
-
-  return {
-    animate: {
-      background: colors,
-      transition: { duration, ease },
-    },
-  };
-};
-
-// ----------------------------------------------------------------------
-
-export const varBgKenburns = (props?: BackgroundType) => {
-  const duration = props?.duration || 5;
-  const ease = props?.ease || 'easeOut';
-
-  return {
-    top: {
-      animate: {
-        scale: [1, 1.25],
-        y: [0, -15],
-        transformOrigin: ['50% 16%', 'top'],
-        transition: { duration, ease },
-      },
-    },
-    right: {
-      animate: {
-        scale: [1, 1.25],
-        x: [0, 20],
-        y: [0, -15],
-        transformOrigin: ['84% 50%', 'right'],
-        transition: { duration, ease },
-      },
-    },
-    bottom: {
-      animate: {
-        scale: [1, 1.25],
-        y: [0, 15],
-        transformOrigin: ['50% 84%', 'bottom'],
-        transition: { duration, ease },
-      },
-    },
-    left: {
-      animate: {
-        scale: [1, 1.25],
-        x: [0, -20],
-        y: [0, 15],
-        transformOrigin: ['16% 50%', 'left'],
-        transition: { duration, ease },
-      },
-    },
-  };
-};
-
-// ----------------------------------------------------------------------
-
-export const varBgPan = (props?: BackgroundType) => {
-  const colors = props?.colors || ['#ee7752', '#e73c7e', '#23a6d5', '#23d5ab'];
-  const duration = props?.duration || 5;
-  const ease = props?.ease || 'linear';
-
-  const gradient = (deg: number) => `linear-gradient(${deg}deg, ${colors})`;
-
-  return {
-    top: {
-      animate: {
-        backgroundImage: [gradient(0), gradient(0)],
-        backgroundPosition: ['center 99%', 'center 1%'],
-        backgroundSize: ['100% 600%', '100% 600%'],
-        transition: { duration, ease },
-      },
-    },
-    right: {
-      animate: {
-        backgroundPosition: ['1% center', '99% center'],
-        backgroundImage: [gradient(270), gradient(270)],
-        backgroundSize: ['600% 100%', '600% 100%'],
-        transition: { duration, ease },
-      },
-    },
-    bottom: {
-      animate: {
-        backgroundImage: [gradient(0), gradient(0)],
-        backgroundPosition: ['center 1%', 'center 99%'],
-        backgroundSize: ['100% 600%', '100% 600%'],
-        transition: { duration, ease },
-      },
-    },
-    left: {
-      animate: {
-        backgroundPosition: ['99% center', '1% center'],
-        backgroundImage: [gradient(270), gradient(270)],
-        backgroundSize: ['600% 100%', '600% 100%'],
-        transition: { duration, ease },
-      },
-    },
-  };
-};

package/src/components/animate/variants/bounce.ts

@@ -1,98 +0,0 @@
-// @types
-import { VariantsType } from '@utils/types/animate';
-//
-import { varTranEnter, varTranExit } from './transition';
-
-// ----------------------------------------------------------------------
-
-export const varBounce = (props?: VariantsType) => {
-  const durationIn = props?.durationIn;
-  const durationOut = props?.durationOut;
-  const easeIn = props?.easeIn;
-  const easeOut = props?.easeOut;
-
-  return {
-    // IN
-    in: {
-      animate: {
-        scale: [0.3, 1.1, 0.9, 1.03, 0.97, 1],
-        opacity: [0, 1, 1, 1, 1, 1],
-        transition: varTranEnter({ durationIn, easeIn }),
-      },
-      exit: { scale: [0.9, 1.1, 0.3], opacity: [1, 1, 0] },
-    },
-    inUp: {
-      animate: {
-        y: [720, -24, 12, -4, 0],
-        scaleY: [4, 0.9, 0.95, 0.985, 1],
-        opacity: [0, 1, 1, 1, 1],
-        transition: { ...varTranEnter({ durationIn, easeIn }) },
-      },
-      exit: {
-        y: [12, -24, 720],
-        scaleY: [0.985, 0.9, 3],
-        opacity: [1, 1, 0],
-        transition: varTranExit({ durationOut, easeOut }),
-      },
-    },
-    inDown: {
-      animate: {
-        y: [-720, 24, -12, 4, 0],
-        scaleY: [4, 0.9, 0.95, 0.985, 1],
-        opacity: [0, 1, 1, 1, 1],
-        transition: varTranEnter({ durationIn, easeIn }),
-      },
-      exit: {
-        y: [-12, 24, -720],
-        scaleY: [0.985, 0.9, 3],
-        opacity: [1, 1, 0],
-        transition: varTranExit({ durationOut, easeOut }),
-      },
-    },
-    inLeft: {
-      animate: {
-        x: [-720, 24, -12, 4, 0],
-        scaleX: [3, 1, 0.98, 0.995, 1],
-        opacity: [0, 1, 1, 1, 1],
-        transition: varTranEnter({ durationIn, easeIn }),
-      },
-      exit: {
-        x: [0, 24, -720],
-        scaleX: [1, 0.9, 2],
-        opacity: [1, 1, 0],
-        transition: varTranExit({ durationOut, easeOut }),
-      },
-    },
-    inRight: {
-      animate: {
-        x: [720, -24, 12, -4, 0],
-        scaleX: [3, 1, 0.98, 0.995, 1],
-        opacity: [0, 1, 1, 1, 1],
-        transition: varTranEnter({ durationIn, easeIn }),
-      },
-      exit: {
-        x: [0, -24, 720],
-        scaleX: [1, 0.9, 2],
-        opacity: [1, 1, 0],
-        transition: varTranExit({ durationOut, easeOut }),
-      },
-    },
-
-    // OUT
-    out: {
-      animate: { scale: [0.9, 1.1, 0.3], opacity: [1, 1, 0] },
-    },
-    outUp: {
-      animate: { y: [-12, 24, -720], scaleY: [0.985, 0.9, 3], opacity: [1, 1, 0] },
-    },
-    outDown: {
-      animate: { y: [12, -24, 720], scaleY: [0.985, 0.9, 3], opacity: [1, 1, 0] },
-    },
-    outLeft: {
-      animate: { x: [0, 24, -720], scaleX: [1, 0.9, 2], opacity: [1, 1, 0] },
-    },
-    outRight: {
-      animate: { x: [0, -24, 720], scaleX: [1, 0.9, 2], opacity: [1, 1, 0] },
-    },
-  };
-};