@eventlook/sdk 1.5.0-beta.6 → 1.5.0-beta.8

package/src/form/{TicketWithMerchandiseSelection.tsx → tickets/TicketWithMerchandiseSelection.tsx}

@@ -1,15 +1,14 @@
 import React, { useEffect, useRef } from 'react';
 import { useFormContext, useWatch } from 'react-hook-form';
-import { Box, Divider, Skeleton, Stack, Typography } from '@mui/material';
+import { Box, Skeleton, Stack, Typography } from '@mui/material';
 import { ITicketForm, ITicketFormTicket } from '@utils/types/ticket.type';
 import useEventActiveReleases from '@hooks/data/useEventActiveReleases';
 import { groupBy } from '@utils/global';
 import { IReleaseShort } from '@utils/types/release.type';
-import FeeBox from '@form/payment/FeeBox';
 import { IEvent } from '@utils/types/event.type';
-import useResponsive from '@hooks/useResponsive';
-import ReleaseWithMerchandise from '@form/ReleaseWithMerchandise';
+import ReleaseWithMerchandise from '@form/tickets/ReleaseWithMerchandise';
 import { EventType } from '@utils/data/event';
+import { MAX_TICKETS_PER_ORDER } from '@utils/data/ticket';
 import useGlobal from '@hooks/useGlobal';
 
 interface Props {
@@ -18,7 +17,6 @@ interface Props {
 
 const TicketWithMerchandiseSelection: React.FC<Props> = ({ event }) => {
   const { t } = useGlobal();
-  const isMobile = useResponsive('down', 'md');
   const { setValue, watch } = useFormContext<ITicketForm>();
   const tickets: ITicketFormTicket[] = useWatch({ name: `tickets.${event.id}`, defaultValue: [] });
   const eventTimeslotId = watch('eventTimeslotId');
@@ -45,7 +43,15 @@ const TicketWithMerchandiseSelection: React.FC<Props> = ({ event }) => {
           item2.releaseCategoryName === item.releaseCategoryName && item2.order === item.order + 1
       );
       const selected = tickets.find((ticket) => ticket.releaseId === item.id);
-      return !!nextRelease && item.locked && !!selected && index + 1 == tickets.length;
+      const maxSelectable = Math.min(item.availableTickets || 0, MAX_TICKETS_PER_ORDER);
+
+      return (
+        !!nextRelease &&
+        item.locked &&
+        !!selected &&
+        Number(selected.quantity) >= maxSelectable &&
+        index + 1 == tickets.length
+      );
     });
     return lockedSelectedReleases && lockedSelectedReleases.includes(true);
   };
@@ -56,33 +62,40 @@ const TicketWithMerchandiseSelection: React.FC<Props> = ({ event }) => {
 
   const selectedTickets = async () => {
     const releases = await mutate();
+    const currentReleases = releases || activeReleases || [];
     const allFilled = tickets.filter((item) => !item.releaseId || !item.quantity);
 
-    const soldOutReleaseCategories = activeReleases?.filter((release) =>
+    const soldOutReleaseCategories = currentReleases.filter((release) =>
       tickets.find(
         (ticket) =>
           release.id === ticket.releaseId &&
-          ticket.quantity === release.availableTickets &&
-          release.availableTickets !== 10
+          Number(ticket.quantity) >= Math.min(release.availableTickets || 0, MAX_TICKETS_PER_ORDER)
       )
     );
 
     // Unlock next releases when current release is sold out
-    if (soldOutReleaseCategories?.length && activeReleases) {
+    if (currentReleases.length) {
       let hasChanges = false;
-      const updatedReleases = activeReleases.map((release) => {
-        // For each sold-out release, find and unlock the next one
-        const soldOutRelease = soldOutReleaseCategories.find(
-          (soldOut) =>
-            soldOut.releaseCategoryName === release.releaseCategoryName &&
-            soldOut.order === release.order - 1 &&
-            release.locked
+      const updatedReleases = currentReleases.map((release) => {
+        const previousRelease = currentReleases.find(
+          (item) =>
+            item.releaseCategoryName === release.releaseCategoryName &&
+            item.order === release.order - 1
+        );
+
+        if (!release.locked || !previousRelease) return release;
+
+        const previousTicket = tickets.find((ticket) => ticket.releaseId === previousRelease.id);
+        const previousMaxSelectable = Math.min(
+          previousRelease.availableTickets || 0,
+          MAX_TICKETS_PER_ORDER
         );
-        if (soldOutRelease) {
-          hasChanges = true;
-          return { ...release, locked: false };
-        }
-        return release;
+        const shouldUnlock = Number(previousTicket?.quantity || 0) >= previousMaxSelectable;
+
+        if (!shouldUnlock) return release;
+
+        hasChanges = true;
+        return { ...release, locked: false };
       });
 
       if (hasChanges) {
@@ -90,7 +103,7 @@ const TicketWithMerchandiseSelection: React.FC<Props> = ({ event }) => {
       }
     }
 
-    const hasSelectableRelease = activeReleases?.some(
+    const hasSelectableRelease = currentReleases.some(
       (release) => !isReleaseSelected(release.id) && !release.locked
     );
 
@@ -99,9 +112,9 @@ const TicketWithMerchandiseSelection: React.FC<Props> = ({ event }) => {
         selectedReleaseIsSoldOut(releases) &&
         tickets.length < soldOutReleaseCategories.length + countUnlockedReleases() &&
         !allFilled.length) ||
-      (activeReleases &&
-        soldOutReleaseCategories?.length &&
-        activeReleases?.length > tickets.length &&
+      (currentReleases.length &&
+        soldOutReleaseCategories.length &&
+        currentReleases.length > tickets.length &&
         tickets.length < soldOutReleaseCategories.length + countUnlockedReleases() &&
         !allFilled.length) ||
       (tickets.length < countReleaseCategories() && !allFilled.length);
@@ -138,7 +151,7 @@ const TicketWithMerchandiseSelection: React.FC<Props> = ({ event }) => {
   };
 
   return (
-    <Stack spacing={3} direction="column" divider={<Divider sx={{ borderStyle: 'dashed' }} />}>
+    <Stack spacing={1} direction="column">
       {!activeReleases && event.type !== EventType.RECURRING ? (
         <Skeleton
           variant="rounded"
@@ -148,16 +161,18 @@ const TicketWithMerchandiseSelection: React.FC<Props> = ({ event }) => {
           }}
         />
       ) : (
-        activeReleases?.map((release, index) => (
-          <ReleaseWithMerchandise
-            key={release.id}
-            eventId={event.id}
-            release={release}
-            activeReleases={activeReleases}
-            currency={event.currency}
-            index={index}
-          />
-        ))
+        activeReleases
+          ?.filter((release) => !release.locked || isReleaseSelected(release.id))
+          .map((release, index) => (
+            <ReleaseWithMerchandise
+              key={release.id}
+              eventId={event.id}
+              release={release}
+              activeReleases={activeReleases}
+              currency={event.currency}
+              index={index}
+            />
+          ))
       )}
       {!activeReleases && event.type === EventType.RECURRING && (
         <Typography variant="h5">{t('event.tickets.stepper.1.select_timeslot')}</Typography>
@@ -169,7 +184,6 @@ const TicketWithMerchandiseSelection: React.FC<Props> = ({ event }) => {
         <Typography variant="caption" component="div" fontStyle="italic" mb={2}>
           *{t('event.tickets.stepper.1.max_ticket_quantity')}
         </Typography>
-        {isMobile && <FeeBox event={event} align="right" />}
       </Box>
     </Stack>
   );

package/src/hooks/useScrollToFirstError.ts

@@ -0,0 +1,99 @@
+import { useCallback } from 'react';
+import { FieldError, FieldErrors, FieldValues, Path, UseFormReturn } from 'react-hook-form';
+
+type FirstError<T extends FieldValues> = {
+  name: Path<T>;
+  ref?: HTMLElement | null;
+};
+
+const isFieldError = (value: unknown): value is FieldError =>
+  !!value && typeof value === 'object' && ('type' in value || 'message' in value);
+
+const getFirstError = <T extends FieldValues>(
+  errors: FieldErrors<T>,
+  parentPath = ''
+): FirstError<T> | null => {
+  for (const [key, value] of Object.entries(errors)) {
+    if (!value) {
+      continue;
+    }
+
+    const fieldPath = parentPath ? `${parentPath}.${key}` : key;
+
+    if (isFieldError(value)) {
+      return {
+        name: fieldPath as Path<T>,
+        ref: value.ref instanceof HTMLElement ? value.ref : null,
+      };
+    }
+
+    if (Array.isArray(value)) {
+      for (let index = 0; index < value.length; index++) {
+        const nestedError = value[index] as FieldErrors<T> | undefined;
+        if (!nestedError) {
+          continue;
+        }
+
+        const firstNestedError = getFirstError(
+          nestedError,
+          parentPath ? `${parentPath}.${key}.${index}` : `${key}.${index}`
+        );
+        if (firstNestedError) {
+          return firstNestedError;
+        }
+      }
+    } else if (typeof value === 'object') {
+      const firstNestedError = getFirstError(value as FieldErrors<T>, fieldPath);
+      if (firstNestedError) {
+        return firstNestedError;
+      }
+    }
+  }
+
+  return null;
+};
+
+const escapeSelectorValue = (value: string): string => {
+  if (typeof CSS !== 'undefined' && typeof CSS.escape === 'function') {
+    return CSS.escape(value);
+  }
+
+  // Fallback: escape all CSS special characters manually
+  return value.replace(/([!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~])/g, '\\$1');
+};
+
+type ScrollToFirstErrorMethods<T extends FieldValues> = Pick<
+  UseFormReturn<T, object, undefined>,
+  'setFocus'
+>;
+
+export default function useScrollToFirstError<T extends FieldValues>({
+  setFocus,
+}: ScrollToFirstErrorMethods<T>) {
+  return useCallback(
+    (errors: FieldErrors<T>) => {
+      const firstError = getFirstError(errors);
+      if (!firstError) {
+        return;
+      }
+
+      // Re-query the DOM instead of relying on potentially stale refs
+      const fieldName = String(firstError.name);
+      const scrollTarget =
+        document.querySelector<HTMLElement>(`[name="${escapeSelectorValue(fieldName)}"]`) ||
+        document.getElementById(fieldName);
+
+      if (scrollTarget) {
+        scrollTarget.scrollIntoView({
+          behavior: 'smooth',
+          block: 'center',
+        });
+        scrollTarget.focus({ preventScroll: true });
+      } else {
+        // Fallback to RHF's setFocus if no DOM element found
+        setFocus(firstError.name);
+      }
+    },
+    [setFocus]
+  );
+}

package/src/locales/cs.tsx

@@ -7,6 +7,8 @@ const cs = {
   add: 'Přidat',
   confirm: 'Potvrdit',
   cancel: 'Zrušit',
+  close: 'Zavřít',
+  remove: 'Odstranit',
   pay: 'Zaplatit',
   change: 'Změnit',
   free: 'Zdarma',
@@ -39,7 +41,7 @@ const cs = {
       promo_code: 'Slevový kód',
       start_date: 'Datum konání',
       organizer: 'Pořadatel',
-      total: 'Celkem ',
+      total: 'Celkem',
       with_fee: 'vč. servisního poplatku',
       service_fee: 'Servisní poplatek',
       shipping_fee: 'Doprava',
@@ -53,6 +55,10 @@ const cs = {
       category: 'Kategorie',
       sms_notification: 'SMS notifikace',
       open_map: 'Otevřít mapu',
+      payment_overview_open: 'Otevřít přehled platby',
+      payment_overview_close: 'Zavřít přehled platby',
+      ticket_quantity_decrease: 'Snížit počet vstupenek',
+      ticket_quantity_increase: 'Zvýšit počet vstupenek',
     },
     validation: {
       required: 'Toto pole je povinné.',
@@ -105,9 +111,13 @@ const cs = {
         7: {
           title: 'Přidružené eventy',
         },
+        8: {
+          title: 'Dodatečné služby',
+          additional_info: 'Více informací ke službám',
+        },
       },
       terms_and_conditions:
-        'Odesláním objednávky souhlasím s <0>Obchodními podmínkami</0> {{termsAndConditionsCompanies}} a beru na vědomí <1>Zásady soukromí</1>.',
+        'Souhlasím s <0>Obchodními podmínkami</0> {{termsAndConditionsCompanies}} a <1>Zásady soukromí</1>.',
       insurance: {
         label: 'Pojištění vstupenek',
         per_ticket: 'ks',
@@ -120,13 +130,23 @@ const cs = {
         },
       },
       sms_notification: {
-        label: 'SMS připomenutí termínu akce',
+        label: 'SMS připomenutí termínu',
         modal: {
           description:
             'Připomínka akce den předem: SMS vás upozorní na blížící se událost, abyste na ni nezapomněli a stihli se včas připravit.',
           price: 'Cena SMS připomenutí termínu akce',
         },
       },
+      merchandise: {
+        show_sizes: 'Zobrazit velikosti',
+        show_added: 'Zobrazit přidané',
+      },
+      services: {
+        add_tickets_first: 'Nejdříve prosím přidejte vstupenky',
+      },
+      shipping: {
+        choose_address: 'Vybrat adresu',
+      },
       order_success: {
         title: 'Vstupenky byly úspěšně zarezervovány. Teď už zbývá jenom zaplatit.',
         description:
@@ -161,6 +181,8 @@ const cs = {
   components: {
     product_variant_dialog: {
       select_variant: 'Musíte vybrat variantu produktu.',
+      decrease_quantity: 'Snížit množství varianty produktu',
+      increase_quantity: 'Zvýšit množství varianty produktu',
     },
   },
 };

package/src/locales/en.tsx

@@ -7,6 +7,8 @@ const en = {
   add: 'Add',
   confirm: 'Confirm',
   cancel: 'Cancel',
+  close: 'Close',
+  remove: 'Remove',
   pay: 'Pay',
   change: 'Change',
   free: 'Free',
@@ -53,6 +55,10 @@ const en = {
       category: 'Category',
       sms_notification: 'SMS notification',
       open_map: 'Open map',
+      payment_overview_open: 'Open payment overview',
+      payment_overview_close: 'Close payment overview',
+      ticket_quantity_decrease: 'Decrease ticket quantity',
+      ticket_quantity_increase: 'Increase ticket quantity',
     },
     validation: {
       required: 'This field is required.',
@@ -105,9 +111,13 @@ const en = {
         7: {
           title: 'Associated events',
         },
+        8: {
+          title: 'Additional services',
+          additional_info: 'More information about services',
+        },
       },
       terms_and_conditions:
-        'By submitting the order, I agree to the <0>Terms and Conditions</0> of {{termsAndConditionsCompanies}} and acknowledge the <1>Privacy Policy</1>.',
+        'I agree with the <0>Terms and Conditions</0> {{termsAndConditionsCompanies}} and the <1>Privacy Policy</1>.',
       insurance: {
         label: 'Ticket insurance',
         per_ticket: 'pc',
@@ -128,6 +138,16 @@ const en = {
           price: 'SMS event reminder price',
         },
       },
+      merchandise: {
+        show_sizes: 'Show sizes',
+        show_added: 'Show added',
+      },
+      services: {
+        add_tickets_first: 'Please add tickets first',
+      },
+      shipping: {
+        choose_address: 'Choose address',
+      },
       order_success: {
         title: 'Tickets have been successfully reserved. Now you just need to pay.',
         description:
@@ -162,6 +182,8 @@ const en = {
   components: {
     product_variant_dialog: {
       select_variant: 'You must select a product variant',
+      decrease_quantity: 'Decrease product variant quantity',
+      increase_quantity: 'Increase product variant quantity',
     },
   },
 };

package/src/locales/es.tsx

@@ -7,6 +7,8 @@ const es = {
   add: 'Añadir',
   confirm: 'Confirmar',
   cancel: 'Cancelar',
+  close: 'Cerrar',
+  remove: 'Eliminar',
   pay: 'Pagar',
   change: 'Cambiar',
   free: 'Gratis',
@@ -53,6 +55,10 @@ const es = {
       category: 'Categoría',
       sms_notification: 'Notificación SMS',
       open_map: 'Abrir mapa',
+      payment_overview_open: 'Abrir resumen de pago',
+      payment_overview_close: 'Cerrar resumen de pago',
+      ticket_quantity_decrease: 'Disminuir cantidad de entradas',
+      ticket_quantity_increase: 'Aumentar cantidad de entradas',
     },
     validation: {
       required: 'Este campo es obligatorio.',
@@ -105,9 +111,13 @@ const es = {
         7: {
           title: 'Eventos asociados',
         },
+        8: {
+          title: 'Servicios adicionales',
+          additional_info: 'Más información sobre los servicios',
+        },
       },
       terms_and_conditions:
-        'Al enviar el pedido, acepto los <0>Términos y Condiciones</0> de {{termsAndConditionsCompanies}} y reconozco la <1>Política de Privacidad</1>.',
+        'Estoy de acuerdo con los <0>Términos y Condiciones</0> de {{termsAndConditionsCompanies}} y la <1>Política de Privacidad</1>.',
       insurance: {
         label: 'Seguro de entrada',
         per_ticket: 'pc',
@@ -128,6 +138,16 @@ const es = {
           price: 'Precio del recordatorio por SMS del evento',
         },
       },
+      merchandise: {
+        show_sizes: 'Mostrar tallas',
+        show_added: 'Mostrar añadidos',
+      },
+      services: {
+        add_tickets_first: 'Por favor, agregue entradas primero',
+      },
+      shipping: {
+        choose_address: 'Elegir dirección',
+      },
       order_success: {
         title: 'Las entradas han sido reservadas con éxito. Ahora solo tienes que pagar.',
         description:
@@ -163,6 +183,8 @@ const es = {
   components: {
     product_variant_dialog: {
       select_variant: 'Debes seleccionar una variante de producto',
+      decrease_quantity: 'Disminuir cantidad de variante de producto',
+      increase_quantity: 'Aumentar cantidad de variante de producto',
     },
   },
 };

package/src/locales/pl.tsx

@@ -7,6 +7,8 @@ const pl = {
   add: 'Dodaj',
   confirm: 'Potwierdź',
   cancel: 'Anuluj',
+  close: 'Zamknij',
+  remove: 'Usuń',
   pay: 'Zapłać',
   change: 'Zmień',
   free: 'Darmowe',
@@ -53,6 +55,10 @@ const pl = {
       category: 'Kategoria',
       sms_notification: 'Powiadomienie SMS',
       open_map: 'Otwórz mapę',
+      payment_overview_open: 'Otwórz podsumowanie płatności',
+      payment_overview_close: 'Zamknij podsumowanie płatności',
+      ticket_quantity_decrease: 'Zmniejsz liczbę biletów',
+      ticket_quantity_increase: 'Zwiększ liczbę biletów',
     },
     validation: {
       required: 'To pole jest wymagane.',
@@ -105,9 +111,13 @@ const pl = {
         7: {
           title: 'Powiązane wydarzenia',
         },
+        8: {
+          title: 'Usługi dodatkowe',
+          additional_info: 'Więcej informacji o usługach',
+        },
       },
       terms_and_conditions:
-        'Składając zamówienie, akceptuję <0>Regulamin</0> {{termsAndConditionsCompanies}} oraz potwierdzam <1>Politykę prywatności</1>.',
+        'Zgadzam się z <0>Regulaminem</0> {{termsAndConditionsCompanies}} i <1>Polityką prywatności</1>.',
       insurance: {
         label: 'Ubezpieczenie biletu',
         per_ticket: 'pc',
@@ -128,6 +138,16 @@ const pl = {
           price: 'Cena przypomnienia SMS o wydarzeniu',
         },
       },
+      merchandise: {
+        show_sizes: 'Pokaż rozmiary',
+        show_added: 'Pokaż dodane',
+      },
+      services: {
+        add_tickets_first: 'Najpierw dodaj bilety',
+      },
+      shipping: {
+        choose_address: 'Wybierz adres',
+      },
       order_success: {
         title: 'Bilety zostały pomyślnie zarezerwowane. Teraz wystarczy zapłacić.',
         description:
@@ -161,6 +181,8 @@ const pl = {
   components: {
     product_variant_dialog: {
       select_variant: 'Musisz wybrać wariant produktu',
+      decrease_quantity: 'Zmniejsz ilość wariantu produktu',
+      increase_quantity: 'Zwiększ ilość wariantu produktu',
     },
   },
 };

package/src/locales/sk.tsx

@@ -7,6 +7,8 @@ const sk = {
   add: 'Pridať',
   confirm: 'Potvrdiť',
   cancel: 'Zrušiť',
+  close: 'Zavrieť',
+  remove: 'Odstrániť',
   pay: 'Zaplaťte',
   change: 'Zmeniť',
   free: 'Zadarmo',
@@ -53,6 +55,10 @@ const sk = {
       category: 'Kategória',
       sms_notification: 'SMS notifikácia',
       open_map: 'Otvoriť mapu',
+      payment_overview_open: 'Otvoriť prehľad platby',
+      payment_overview_close: 'Zavrieť prehľad platby',
+      ticket_quantity_decrease: 'Znížiť počet vstupeniek',
+      ticket_quantity_increase: 'Zvýšiť počet vstupeniek',
     },
     validation: {
       required: 'Toto pole je povinné.',
@@ -105,9 +111,13 @@ const sk = {
         7: {
           title: 'Pridružené eventy',
         },
+        8: {
+          title: 'Dodatočné služby',
+          additional_info: 'Viac informácií o službách',
+        },
       },
       terms_and_conditions:
-        'Odoslaním objednávky súhlasím s <0>Obchodnými podmienkami</0> {{termsAndConditionsCompanies}} a beriem na vedomie <1>Zásady ochrany osobných údajov</1>.',
+        'Súhlasím s <0>Obchodnými podmienkami</0> {{termsAndConditionsCompanies}} a <1>Zásadami ochrany osobných údajov</1>.',
       insurance: {
         label: 'Poistenie vstupenky',
         per_ticket: 'pc',
@@ -121,13 +131,23 @@ const sk = {
         },
       },
       sms_notification: {
-        label: 'SMS pripomenutie termínu akcie',
+        label: 'SMS pripomenutie termínu',
         modal: {
           description:
             'Pripomienka akcie deň vopred: SMS vás upozorní na blížiacu sa udalosť, aby ste na ňu nezabudli a stihli sa včas pripraviť.',
           price: 'Cena SMS pripomenutia termínu akcie',
         },
       },
+      merchandise: {
+        show_sizes: 'Zobraziť veľkosti',
+        show_added: 'Zobraziť pridané',
+      },
+      services: {
+        add_tickets_first: 'Najskôr prosím pridajte lístky',
+      },
+      shipping: {
+        choose_address: 'Vybrať adresu',
+      },
       order_success: {
         title: 'Vstupenky boli úspešne rezervované. Teraz už len zaplatiť.',
         description:
@@ -162,6 +182,8 @@ const sk = {
   components: {
     product_variant_dialog: {
       select_variant: 'Musíte vybrať variant produktu',
+      decrease_quantity: 'Znížiť množstvo variantu produktu',
+      increase_quantity: 'Zvýšiť množstvo variantu produktu',
     },
   },
 };

package/src/locales/uk.tsx

@@ -7,6 +7,8 @@ const uk = {
   add: 'Додати',
   confirm: 'Підтвердити',
   cancel: 'Скасувати',
+  close: 'Закрити',
+  remove: 'Видалити',
   pay: 'Оплатити',
   change: 'Змінити',
   free: 'Безкоштовно',
@@ -53,6 +55,10 @@ const uk = {
       category: 'Категорія',
       sms_notification: 'SMS-сповіщення',
       open_map: 'Відкрити карту',
+      payment_overview_open: 'Відкрити огляд платежу',
+      payment_overview_close: 'Закрити огляд платежу',
+      ticket_quantity_decrease: 'Зменшити кількість квитків',
+      ticket_quantity_increase: 'Збільшити кількість квитків',
     },
     validation: {
       required: "Це поле обов'язкове.",
@@ -105,9 +111,13 @@ const uk = {
         7: {
           title: 'Пов’язані події',
         },
+        8: {
+          title: 'Додаткові послуги',
+          additional_info: 'Додаткова інформація про послуги',
+        },
       },
       terms_and_conditions:
-        'Надсилаючи замовлення, я погоджуюсь з <0>Правилами та умовами</0> {{termsAndConditionsCompanies}} та підтверджую <1>Політику конфіденційності</1>.',
+        'Я погоджуюся з <0>Правилами та умовами</0> {{termsAndConditionsCompanies}} та <1>Політикою конфіденційності</1>.',
       insurance: {
         label: 'Страхування квитка',
         per_ticket: 'pc',
@@ -128,6 +138,16 @@ const uk = {
           price: 'Ціна SMS-нагадування про подію',
         },
       },
+      merchandise: {
+        show_sizes: 'Показати розміри',
+        show_added: 'Показати додані',
+      },
+      services: {
+        add_tickets_first: 'Будь ласка, спочатку додайте квитки',
+      },
+      shipping: {
+        choose_address: 'Вибрати адресу',
+      },
       order_success: {
         title: 'Квитки успішно зарезервовані. Тепер залишилося оплатити.',
         description:
@@ -162,6 +182,8 @@ const uk = {
   components: {
     product_variant_dialog: {
       select_variant: 'Ви повинні вибрати варіант продукту',
+      decrease_quantity: 'Зменшити кількість варіанту продукту',
+      increase_quantity: 'Збільшити кількість варіанту продукту',
     },
   },
 };

package/src/utils/data/global.ts

@@ -1 +1,2 @@
+export const EVENTLOOK_ORDER_FORM_CONTAINER_ID = 'eventlook-order-form-container';
 export const EVENTLOOK_ORDER_FORM_ID = 'eventlook-order-form';

package/src/utils/data/ticket.ts

@@ -0,0 +1 @@
+export const MAX_TICKETS_PER_ORDER = 10;

package/tsconfig.json

@@ -24,4 +24,4 @@
     }
   },
   "include": ["src/**/*"]
-}
+}

package/README

@@ -1 +0,0 @@
-Eventlook Order Form SDK