@eventlook/sdk 1.5.0-beta.1 → 1.5.0-beta.3

package/dist/types/components/Label.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { BoxProps } from '@mui/material';
-import { ColorSchema } from '@utils/types/palette.type.ts';
+import { ColorSchema } from '@utils/types/palette.type';
 type LabelColor = 'default' | ColorSchema;
 type LabelVariant = 'filled' | 'outlined' | 'ghost';
 interface LabelProps extends BoxProps {

package/dist/types/components/TextIconLabel.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
-import { ReactElement } from 'react';
+import React, { ReactElement } from 'react';
 import { StackProps, SxProps } from '@mui/material';
 interface Props extends StackProps {
     icon: ReactElement;

package/dist/types/form/PaymentSuccess.d.ts

@@ -1,5 +1,5 @@
 import React, { Dispatch, SetStateAction } from 'react';
-import { IPixels } from '@utils/types/gtm.type.ts';
+import { IPixels } from '@utils/types/gtm.type';
 interface Props {
     setIsPaying: Dispatch<SetStateAction<boolean>>;
     isIframe?: boolean;

package/dist/types/form/TicketSelectionMap.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IEvent } from '@utils/types/event.type.ts';
+import { IEvent } from '@utils/types/event.type';
 interface Props {
     event: IEvent;
 }

package/dist/types/modules/shopping-cart.d.ts

@@ -1,4 +1,4 @@
-import { IResponse } from '@utils/types/global.type.ts';
-import { ICalculateShoppingCartDto, IShoppingCartDto } from '@utils/types/shopping-cart.type.ts';
+import { IResponse } from '@utils/types/global.type';
+import { ICalculateShoppingCartDto, IShoppingCartDto } from '@utils/types/shopping-cart.type';
 export declare const getCart: (eventId: number, uuid?: string | null) => Promise<IResponse<IShoppingCartDto>>;
 export declare const calculateCart: (data: ICalculateShoppingCartDto) => Promise<IResponse<IShoppingCartDto>>;

package/dist/types/utils/types/event.type.d.ts

@@ -60,8 +60,3 @@ export interface IEventCategory extends IBase {
 export interface IEventTag extends IBase {
     name: string;
 }
-export interface IEventCategory extends IBase {
-    translation: {
-        name: string;
-    } & IBaseLocale;
-}

package/dist/types/utils/types/global.type.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { Languages } from '@utils/data/language';
-import { IUser } from '@utils/types/user.type.ts';
+import { IUser } from '@utils/types/user.type';
 export type PropsWithChildren<P = unknown> = P & {
     children?: ReactNode | undefined;
 };

package/dist/types/utils/types/user.type.d.ts

@@ -1,4 +1,4 @@
-import { Gender } from '@utils/data/gender.ts';
+import { Gender } from '@utils/data/gender';
 export interface IUser {
     email: string;
     firstName: string;

package/eslint.config.mjs

@@ -1,36 +1,112 @@
-// eslint.config.js
-import js from '@eslint/js';
+import eslint from '@eslint/js';
 import tseslint from 'typescript-eslint';
-import prettier from 'eslint-config-prettier';
-import reactPlugin from 'eslint-plugin-react';
+import pluginReact from 'eslint-plugin-react';
+import reactHooks from 'eslint-plugin-react-hooks';
+import jsxA11y from 'eslint-plugin-jsx-a11y';
+import importX from 'eslint-plugin-import-x';
+import { createTypeScriptImportResolver } from 'eslint-import-resolver-typescript';
+import prettierConfig from 'eslint-config-prettier/flat';
+import prettierPlugin from 'eslint-plugin-prettier';
+import globals from 'globals';
 
-export default [
-  js.configs.recommended,
-  ...tseslint.configs.recommended,
+export default tseslint.config(
+  // Global ignores
+  { ignores: ['**/node_modules/*', 'dist/**', 'eslint.config.mjs'] },
+
+  // Base configs
+  eslint.configs.recommended,
+  tseslint.configs.recommended,
+
+  // React
+  pluginReact.configs.flat.recommended,
+  pluginReact.configs.flat['jsx-runtime'],
+  { settings: { react: { version: 'detect' } } },
+
+  // JSX a11y
+  jsxA11y.flatConfigs.recommended,
+
+  // Import-x
+  importX.flatConfigs.recommended,
+  importX.flatConfigs.typescript,
+
+  // Project-wide settings
   {
-    name: 'custom-rules',
+    files: ['**/*.{ts,tsx}'],
     plugins: {
-      '@typescript-eslint': tseslint.plugin,
-      react: reactPlugin,
+      'react-hooks': reactHooks,
+      prettier: prettierPlugin,
+    },
+    languageOptions: {
+      globals: { ...globals.browser, ...globals.es2021 },
+      parserOptions: {
+        projectService: true,
+        tsconfigRootDir: import.meta.dirname,
+        ecmaFeatures: { jsx: true },
+      },
+    },
+    settings: {
+      react: { version: 'detect' },
+      'import-x/resolver-next': [
+        createTypeScriptImportResolver({ alwaysTryTypes: true }),
+      ],
     },
     rules: {
-      '@typescript-eslint/ban-ts-comment': 'off',
-      '@typescript-eslint/no-empty-function': 'off',
-      '@typescript-eslint/no-explicit-any': 'off',
-      'arrow-body-style': 'warn',
-      'react/display-name': 'off',
+      // --- Carried over disabled rules ---
+      'no-alert': 'off',
+      'camelcase': 'off',
+      'no-console': 'off',
+      'no-unused-vars': 'off',
+      'no-param-reassign': 'off',
+      'no-underscore-dangle': 'off',
+      'no-restricted-exports': 'off',
+      'no-restricted-syntax': 'off',
+      'no-await-in-loop': 'off',
+      'no-plusplus': 'off',
+      'no-promise-executor-return': 'off',
+
+      // React
       'react/no-children-prop': 'off',
-      'react/self-closing-comp': 'error',
-      '@next/next/no-img-element': 'off',
-      '@typescript-eslint/no-unused-vars': 'warn',
-      '@typescript-eslint/explicit-module-boundary-types': 'off',
+      'react/react-in-jsx-scope': 'off',
+      'react/no-array-index-key': 'off',
+      'react/require-default-props': 'off',
+      'react/jsx-props-no-spreading': 'off',
+      'react/function-component-definition': 'off',
+      'react/display-name': 'off',
+      'react/jsx-key': 'error',
+      'react-hooks/exhaustive-deps': 'off',
+
+      // a11y
+      'jsx-a11y/anchor-is-valid': 'off',
+      'jsx-a11y/control-has-associated-label': 'off',
+      'jsx-a11y/no-autofocus': 'off',
+
+      // Import
+      'import-x/prefer-default-export': 'off',
+      'import-x/no-cycle': 'off',
+      'import-x/no-extraneous-dependencies': ['error', { devDependencies: true }],
+      'import-x/no-named-as-default-member': 'off',
+      'import-x/no-named-as-default': 'off',
+      'import-x/default': 'off',
+
+      // TypeScript
+      '@typescript-eslint/naming-convention': 'off',
+      '@typescript-eslint/no-use-before-define': 'off',
+      '@typescript-eslint/no-unused-vars': ['warn', { args: 'none' }],
+      '@typescript-eslint/no-explicit-any': 'warn',
+      '@typescript-eslint/no-empty-object-type': 'warn',
+      '@typescript-eslint/ban-ts-comment': ['error', { 'ts-ignore': 'allow-with-description' }],
+
+      // Warnings
+      'react/jsx-no-useless-fragment': ['warn', { allowExpressions: true }],
+      'prefer-destructuring': ['warn', { object: true, array: false }],
+      'react/no-unstable-nested-components': ['warn', { allowAsProps: true }],
+      'react/jsx-no-duplicate-props': ['warn', { ignoreCase: false }],
+
+      // Prettier
+      'prettier/prettier': 'error',
     },
   },
-  {
-    name: 'prettier',
-    rules: prettier.rules,
-  },
-  {
-    ignores: ['node_modules/**', 'dist/**'],
-  },
-];
+
+  // Must be last — disables formatting rules that conflict with Prettier
+  prettierConfig,
+);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eventlook/sdk",
-  "version": "1.5.0-beta.1",
+  "version": "1.5.0-beta.3",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -23,35 +23,24 @@
     "dev": "concurrently --kill-others-on-fail --kill-others \"yarn watch:rollup\" \"yarn watch:types\" \"yarn watch:push\"",
     "dev:simple": "concurrently --kill-others-on-fail \"yarn watch:rollup\" \"yarn watch:types\"",
     "publish": "npm publish",
-    "lint:fix": "eslint --fix --ext .ts,.tsx .",
+    "lint": "eslint .",
+    "lint:fix": "eslint --fix .",
     "prettier": "prettier --write 'src/**/*.{js,jsx,ts,tsx}'",
     "format": "yarn lint:fix && yarn prettier"
   },
   "peerDependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
-    "@hookform/resolvers": "^5.0.1",
-    "@iconify/icons-carbon": "^1.2.20",
-    "@iconify/react": "^6.0.0",
     "@mui/material": "^7.0.0",
     "@mui/x-date-pickers": "^8.0.0",
-    "axios": "^1.9.0",
-    "dayjs": "^1.11.13",
     "framer-motion": "^12.12.1",
-    "js-cookie": "^3.0.5",
-    "lodash": "^4.17.23",
-    "lottie-react": "^2.4.1",
-    "mui-tel-input": "^9.0.1",
-    "numeral": "^2.0.6",
     "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0",
-    "react-hook-form": "^7.56.4",
-    "swr": "^2.3.3",
-    "yup": "^1.6.1"
+    "react-dom": "^18.0.0 || ^19.0.0"
   },
   "devDependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
+    "@eslint/js": "^9",
     "@hookform/resolvers": "^5.2.2",
     "@iconify/icons-carbon": "^1.2.20",
     "@iconify/react": "^6.0.2",
@@ -67,14 +56,20 @@
     "@types/lodash": "^4.17.24",
     "@types/numeral": "^2.0.5",
     "@types/react": "^19.2.14",
-    "axios": "^1.13.5",
+    "axios": "^1.13.6",
     "chokidar-cli": "^3.0.0",
     "concurrently": "^9.2.1",
     "dayjs": "^1.11.19",
     "eslint": "^9.39.3",
     "eslint-config-prettier": "^10.1.8",
+    "eslint-import-resolver-typescript": "^4.4.4",
+    "eslint-plugin-import-x": "^4.16.1",
+    "eslint-plugin-jsx-a11y": "^6.10.2",
+    "eslint-plugin-prettier": "^5.5.5",
     "eslint-plugin-react": "^7.37.5",
-    "framer-motion": "^12.34.3",
+    "eslint-plugin-react-hooks": "^5",
+    "framer-motion": "^12.34.4",
+    "globals": "^17.4.0",
     "js-cookie": "^3.0.5",
     "lodash": "^4.17.23",
     "lottie-react": "^2.4.1",
@@ -86,7 +81,7 @@
     "react-hook-form": "^7.71.2",
     "rollup": "^4.59.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
-    "swr": "^2.4.0",
+    "swr": "^2.4.1",
     "tslib": "^2.8.1",
     "typescript": "^5.9.3",
     "typescript-eslint": "^8.56.1",

package/rollup.config.mjs

@@ -1,10 +1,21 @@
 import typescript from '@rollup/plugin-typescript';
-import peerDepsExternal from 'rollup-plugin-peer-deps-external';
 import resolve from '@rollup/plugin-node-resolve';
 import commonjs from '@rollup/plugin-commonjs';
 import json from '@rollup/plugin-json';
 import replace from '@rollup/plugin-replace';
 
+const peerDeps = [
+  'react',
+  'react-dom',
+  '@emotion/react',
+  '@emotion/styled',
+  '@mui/material',
+  '@mui/x-date-pickers',
+  'framer-motion',
+];
+
+const nodeBuiltins = ['fs', 'path', 'http', 'https', 'stream', 'os', 'zlib'];
+
 export default {
   input: './src/index.ts',
   output: [
@@ -13,21 +24,37 @@ export default {
       format: 'cjs',
       sourcemap: true,
       exports: 'named',
-      preserveModules: true,
-      preserveModulesRoot: 'src',
+      entryFileNames: 'index.js',
+      chunkFileNames: '[name]-[hash].js',
+      banner: (chunk) => (chunk.isEntry ? "'use client';" : ''),
     },
     {
       dir: 'dist/esm',
       format: 'esm',
       sourcemap: true,
       exports: 'named',
-      preserveModules: true,
-      preserveModulesRoot: 'src',
+      entryFileNames: 'index.js',
+      chunkFileNames: '[name]-[hash].js',
+      banner: (chunk) => (chunk.isEntry ? "'use client';" : ''),
     },
   ],
   preserveEntrySignatures: 'strict',
+  onwarn(warning, warn) {
+    if (warning.code === 'MODULE_LEVEL_DIRECTIVE') return;
+    warn(warning);
+  },
   plugins: [
-    peerDepsExternal(),
+    {
+      name: 'lottie-light',
+      resolveId(source) {
+        if (source === 'lottie-web') {
+          return this.resolve('lottie-web/build/player/lottie_light.js', undefined, {
+            skipSelf: true,
+          });
+        }
+        return null;
+      },
+    },
     json({
       compact: true,
       preferConst: true,
@@ -52,19 +79,11 @@ export default {
       },
     }),
   ],
-  external: [
-    'react',
-    'react-dom',
-    'fs',
-    'path',
-    'http',
-    'https',
-    'stream',
-    'swr',
-    'mui-tel-input',
-    '@seat-picker/seat-picker-sdk',
-    '@mui/material',
-    '@emotion/react',
-    '@emotion/styled',
-  ],
+  external: (id) => {
+    return (
+      peerDeps.some((dep) => id === dep || id.startsWith(dep + '/')) ||
+      nodeBuiltins.includes(id) ||
+      id === '@seat-picker/seat-picker-sdk'
+    );
+  },
 };

package/src/@types/index.d.ts

@@ -1,10 +1,10 @@
-import { IGopay } from '@utils/types/gopay.type';
-
 export {};
 declare global {
   interface Window {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     dataLayer: any;
-    _gopay: IGopay;
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    _gopay: any;
     Packeta: Packeta;
   }
 }

package/src/components/TextIconLabel.tsx

@@ -1,5 +1,4 @@
-import React from 'react';
-import { ReactElement } from 'react';
+import React, { ReactElement } from 'react';
 import { Stack, StackProps, SxProps } from '@mui/material';
 
 interface Props extends StackProps {

package/src/components/animate/IconButtonAnimate.tsx

@@ -1,6 +1,5 @@
-import React from 'react';
+import React, { forwardRef, ReactNode } from 'react';
 import { m } from 'framer-motion';
-import { forwardRef, ReactNode } from 'react';
 import { Box, IconButton, IconButtonProps, SxProps } from '@mui/material';
 
 interface Props extends IconButtonProps {

package/src/components/animate/MotionLazyContainer.tsx

@@ -1,7 +1,7 @@
 import React, { ReactNode } from 'react';
 import { LazyMotion } from 'framer-motion';
 
-// @ts-ignore
+// @ts-ignore -- dynamic import of generated features file
 const loadFeatures = () => import('./features.js').then((res) => res.default);
 
 type Props = {

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

@@ -1,5 +1,4 @@
-import React, { RefObject } from 'react';
-import { useRef } from 'react';
+import React, { RefObject, useRef } from 'react';
 // form
 import { useFormContext, Controller } from 'react-hook-form';
 // @mui

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

@@ -143,7 +143,7 @@ export function RHFMultiSelect({
             displayEmpty={!!placeholder}
             labelId={name}
             input={<OutlinedInput fullWidth label={label} error={!!error} />}
-            // @ts-ignore
+            // @ts-ignore -- MUI Select renderValue type mismatch with custom renderer
             renderValue={renderValues}
             MenuProps={{
               PaperProps: {

package/src/form/PaymentSuccess.tsx

@@ -50,9 +50,9 @@ const PaymentSuccess: React.FC<Props> = ({ setIsPaying, isIframe, pixels }) => {
       const { data } = await postOrderPaid({
         gopayId: Number(paymentId),
       });
-      const tickets = data.tickets;
+      const { tickets } = data;
       setTickets(tickets);
-      const products = data.products;
+      const { products } = data;
       setProducts(products);
       setState(data.state);
       setGwUrl(data.gwUrl);

package/src/form/ScriptLoader.tsx

@@ -1,5 +1,4 @@
-import React from 'react';
-import { useEffect } from 'react';
+import React, { useEffect } from 'react';
 
 const ScriptLoader: React.FC = () => {
   useEffect(() => {

package/src/form/Shipping.tsx

@@ -136,85 +136,83 @@ const Shipping: React.FC<Props> = ({ event }) => {
                 {t('event.tickets.stepper.5.error')}
               </Typography>
             ) : (
-              <>
-                <Controller
-                  name="shipping.shippingMethodId"
-                  control={control}
-                  render={({ field, fieldState: { error } }) => (
-                    <FormControl component="fieldset" sx={{ width: '100%' }}>
-                      <RadioGroup {...field}>
-                        {filteredShippingMethods.map((shippingMethod) => (
-                          <ShippingMethodItem
-                            key={shippingMethod.id}
-                            active={Number(shippingMethodId) === shippingMethod.id}
-                          >
-                            <FormControlLabel
-                              value={shippingMethod.id}
-                              control={<Radio />}
-                              label={
-                                <Stack
-                                  direction="row"
-                                  justifyContent="space-between"
-                                  alignItems="center"
-                                  width="100%"
-                                >
-                                  <Stack direction="row" alignItems="center">
-                                    <Box
-                                      sx={{
-                                        marginRight: 2,
-                                      }}
-                                    >
-                                      <Typography sx={{ lineHeight: 1.2 }}>
-                                        {t(`shipping_method.types.${shippingMethod.type}`)}
-                                      </Typography>
-                                      {displayBranchName &&
-                                        shippingMethod.type === ShippingTypes.PACKETA &&
-                                        shippingMethod.id === Number(shippingMethodId) && (
-                                          <Typography variant="caption" sx={{ lineHeight: 1 }}>
-                                            {displayBranchName}
-                                          </Typography>
-                                        )}
-                                    </Box>
-                                    {paymentImages[shippingMethod.type]}
-                                  </Stack>
-                                  {shippingMethod.type === ShippingTypes.PACKETA &&
-                                    shippingMethod.id === Number(shippingMethodId) &&
-                                    branchId && (
-                                      <Box>
-                                        <Button
-                                          onClick={handleChangeBranch}
-                                          variant="outlined"
-                                          size="small"
-                                        >
-                                          {t('change')}
-                                        </Button>
-                                      </Box>
-                                    )}
+              <Controller
+                name="shipping.shippingMethodId"
+                control={control}
+                render={({ field, fieldState: { error } }) => (
+                  <FormControl component="fieldset" sx={{ width: '100%' }}>
+                    <RadioGroup {...field}>
+                      {filteredShippingMethods.map((shippingMethod) => (
+                        <ShippingMethodItem
+                          key={shippingMethod.id}
+                          active={Number(shippingMethodId) === shippingMethod.id}
+                        >
+                          <FormControlLabel
+                            value={shippingMethod.id}
+                            control={<Radio />}
+                            label={
+                              <Stack
+                                direction="row"
+                                justifyContent="space-between"
+                                alignItems="center"
+                                width="100%"
+                              >
+                                <Stack direction="row" alignItems="center">
+                                  <Box
+                                    sx={{
+                                      marginRight: 2,
+                                    }}
+                                  >
+                                    <Typography sx={{ lineHeight: 1.2 }}>
+                                      {t(`shipping_method.types.${shippingMethod.type}`)}
+                                    </Typography>
+                                    {displayBranchName &&
+                                      shippingMethod.type === ShippingTypes.PACKETA &&
+                                      shippingMethod.id === Number(shippingMethodId) && (
+                                        <Typography variant="caption" sx={{ lineHeight: 1 }}>
+                                          {displayBranchName}
+                                        </Typography>
+                                      )}
+                                  </Box>
+                                  {paymentImages[shippingMethod.type]}
                                 </Stack>
-                              }
-                              sx={{
-                                '&:not(:last-of-type)': {
-                                  mb: 0,
-                                },
-                                '& .MuiFormControlLabel-label': {
-                                  width: '100%',
-                                  mr: 0,
-                                },
-                              }}
-                            />
-                          </ShippingMethodItem>
-                        ))}
-                      </RadioGroup>
+                                {shippingMethod.type === ShippingTypes.PACKETA &&
+                                  shippingMethod.id === Number(shippingMethodId) &&
+                                  branchId && (
+                                    <Box>
+                                      <Button
+                                        onClick={handleChangeBranch}
+                                        variant="outlined"
+                                        size="small"
+                                      >
+                                        {t('change')}
+                                      </Button>
+                                    </Box>
+                                  )}
+                              </Stack>
+                            }
+                            sx={{
+                              '&:not(:last-of-type)': {
+                                mb: 0,
+                              },
+                              '& .MuiFormControlLabel-label': {
+                                width: '100%',
+                                mr: 0,
+                              },
+                            }}
+                          />
+                        </ShippingMethodItem>
+                      ))}
+                    </RadioGroup>
 
-                      {!!error && (
-                        <FormHelperText error={!!error} sx={{ mx: 0 }}>
-                          {error?.message}
-                        </FormHelperText>
-                      )}
-                    </FormControl>
-                  )}
-                />
-              </>
+                    {!!error && (
+                      <FormHelperText error={!!error} sx={{ mx: 0 }}>
+                        {error?.message}
+                      </FormHelperText>
+                    )}
+                  </FormControl>
+                )}
+              />
             )}
           </>
         )}