@eventlook/sdk 1.5.0-beta.2 → 1.5.0-beta.4

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

@@ -0,0 +1,110 @@
+import { Dayjs } from 'dayjs';
+import { IPlace } from '@utils/types/place.type';
+import { Currencies } from '@utils/data/currency';
+import { IPromoCode } from '@utils/types/promo-code.type';
+import { IEventProductForm } from '@utils/types/product.type';
+import { IExtraFieldForm } from '@utils/types/extra-field.type';
+import { IEventTimeslot } from '@utils/types/event-timeslot.type';
+import { IBase } from '@utils/types/global.type';
+import { IOrder } from '@utils/types/order.type';
+import { IFile } from '@utils/types/file.type';
+import { IRelease } from '@utils/types/release.type';
+import { TicketSelection } from '@seat-picker/seat-picker-sdk';
+export interface ITicket extends IBase {
+    hidden: boolean;
+    name: string;
+    price: number;
+    quantity: number;
+    release: IRelease;
+    usedAt: string | null;
+    order: IOrder | null;
+    number: string;
+    qrUrl?: string;
+    pdf?: IFile;
+    applePassWallet?: IFile;
+    googlePassWallet?: IFile;
+}
+export interface ITicketFormTicket {
+    releaseId: number | '';
+    quantity: number | '';
+    itemName: string;
+    price: number;
+    products: IEventProductForm[];
+    extraFields: IExtraFieldForm[][];
+    eventTimeslotId?: number | null;
+    location?: ITicketLocation | null;
+}
+export interface ITicketLocation {
+    id: string;
+    type: TicketSelection[number]['locationType'];
+    locationDescription?: {
+        type: TicketSelection[number]['locationTypeDescription'][number]['type'] | 'custom';
+        label: string;
+        value: string;
+    }[] | null;
+}
+export type EventTicketsType = {
+    [eventId: string]: ITicketFormTicket[];
+};
+export interface ITicketForm {
+    uuid?: string | null;
+    eventId: number;
+    tickets: EventTicketsType;
+    total: number;
+    originalPrice: number;
+    firstName: string;
+    lastName: string;
+    email: string;
+    phone: string;
+    birthdate: Dayjs | null;
+    gender: string;
+    callback: string;
+    paymentMethodId: number | null;
+    paymentMethodOptionId: number | null;
+    termsAndConditions: boolean;
+    ticketInsurance: boolean;
+    ticketInsurancePrice: number;
+    ticketInsurancePricePerUnit: number;
+    smsNotification: boolean;
+    smsNotificationPrice: number;
+    iframeCampaignId?: number;
+    products: {
+        [eventId: string]: IEventProductForm[];
+    };
+    shipping: {
+        shippingMethodId: number | null;
+        branchId: string | null;
+        price: number;
+    };
+    extraFields: IExtraFieldForm[];
+    selectedDate: string | null;
+    eventTimeslotId: number | null;
+    promoCodes: IPromoCode[];
+    totalFee?: number | null;
+    isPaymentVerify: boolean;
+}
+export interface ITicketBody extends ITicketForm {
+    promoCodeIds: number[];
+}
+export interface IPaidTicket {
+    eventName: string;
+    releaseName: string;
+    releaseCategoryName: string;
+    qrUrl: string;
+    price: number;
+    number: string;
+    location: IPlace;
+    pdfUrl?: string;
+    applePassWalletUrl?: string;
+    googlePassWalletUrl?: string;
+    currency: Currencies;
+    firstName?: string;
+    lastName?: string;
+    eventTimeslot?: IEventTimeslot;
+}
+export interface ICreateTicket {
+    releaseName: string;
+    releaseCategoryName: string;
+    price: number;
+    number: string;
+}

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

@@ -0,0 +1,18 @@
+import { IBaseLocale } from '@utils/types/locale.type';
+import { IBase } from '@utils/types/global.type';
+export interface IFaq {
+    title: string;
+    content: string;
+}
+export interface ITranslation extends IBase {
+    value: {
+        text: string;
+    } & IBaseLocale;
+}
+export interface ITranslationEntity extends IBase {
+    translationValues: ITranslationValue[];
+}
+export interface ITranslationValue extends IBase {
+    text: string;
+    locale: string;
+}

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

@@ -0,0 +1,9 @@
+import { Gender } from '@utils/data/gender';
+export interface IUser {
+    email: string;
+    firstName: string;
+    lastName: string;
+    phone: string;
+    birthdate: string;
+    gender: Gender;
+}

package/dist/types/utils/url.d.ts

@@ -0,0 +1 @@
+export declare const getSearchParamsInObject: (search: string) => Record<any, any>;

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.2",
+  "version": "1.5.0-beta.4",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -23,7 +23,8 @@
     "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"
   },
@@ -39,6 +40,7 @@
   "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",
@@ -60,8 +62,14 @@
     "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",
+    "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",

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;
   }
 }
@@ -30,5 +30,3 @@ interface Packeta {
 interface PacketaOptions {
   language: string;
 }
-
-window._gopay = window._gopay || {};

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/PaymentPending.tsx

@@ -1,11 +1,12 @@
-import React from 'react';
+import React, { lazy, Suspense } from 'react';
 import { Box, Typography } from '@mui/material';
-import Lottie from 'lottie-react';
 import bankTransferAnimation from '../utils/data/lottie/bank-transfer.json';
 import { varBounce } from '@components/animate';
 import { m } from 'framer-motion';
 import useGlobal from '@hooks/useGlobal';
 
+const Lottie = lazy(() => import('lottie-react'));
+
 const PaymentPending: React.FC = () => {
   const { t } = useGlobal();
 
@@ -17,7 +18,9 @@ const PaymentPending: React.FC = () => {
         </Typography>
       </m.div>
       <Box maxWidth={600} mx="auto">
-        <Lottie animationData={bankTransferAnimation} />
+        <Suspense fallback={null}>
+          <Lottie animationData={bankTransferAnimation} />
+        </Suspense>
       </Box>
     </Box>
   );

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>
+                )}
+              />
             )}
           </>
         )}

package/src/form/TicketForm.tsx

@@ -301,7 +301,7 @@ const TicketForm: React.FC<Props> = ({
   });
 
   const methods = useForm<ITicketForm>({
-    // @ts-ignore
+    // @ts-ignore -- yup resolver type mismatch with dynamic schema
     resolver: yupResolver(ValidationSchema),
     defaultValues,
   });
@@ -496,7 +496,7 @@ const TicketForm: React.FC<Props> = ({
           isInline={isInline}
         />
       ) : (
-        // @ts-ignore
+        // @ts-ignore -- FormProvider expects stricter form types
         <FormProvider methods={methods} onSubmit={methods.handleSubmit(onSubmit)}>
           <Typography
             className="overview-card__event-info"
@@ -603,7 +603,7 @@ const TicketForm: React.FC<Props> = ({
           <EmailConfirmation
             open={formStep === 2 && !isIframe}
             onClose={() => setFormStep(1)}
-            // @ts-ignore
+            // @ts-ignore -- handleSubmit return type mismatch with onConfirm prop
             onConfirm={methods.handleSubmit(onSubmit)}
           />
         </FormProvider>

package/src/locales/en.tsx

@@ -124,7 +124,7 @@ const en = {
         label: 'SMS event reminder',
         modal: {
           description:
-            'Event reminder the day before: SMS will notify you about the upcoming event so you don\'t forget and have time to prepare.',
+            "Event reminder the day before: SMS will notify you about the upcoming event so you don't forget and have time to prepare.",
           price: 'SMS event reminder price',
         },
       },

package/src/utils/types/event.type.ts

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

package/tsconfig.build.json

@@ -1,6 +1,7 @@
 {
   "extends": "./tsconfig.json",
   "compilerOptions": {
+    "noEmit": false,
     "declaration": true,
     "emitDeclarationOnly": true,
     "outDir": "./dist/types"