@eventlook/sdk 1.7.2-beta.0 → 1.7.3-beta.0

package/src/form/tickets/ReleaseWithMerchandise.tsx

@@ -9,7 +9,7 @@ import { useFormContext, useWatch } from 'react-hook-form';
 import { IEventProductForm } from '@utils/types/product.type';
 import { fCurrency } from '@utils/formatNumber';
 import { Currencies } from '@utils/data/currency';
-import { MAX_TICKETS_PER_ORDER } from '@utils/data/ticket';
+import { getMaxTicketsPerOrder } from '@utils/data/ticket';
 import { getSelectedQuantityByVariant } from '@utils/product';
 import ReleaseExtraFields from '@form/extra-field/ReleaseExtraFields';
 import ReleaseDescription from '@form/tickets/ReleaseDescription';
@@ -32,6 +32,7 @@ const ReleaseWithMerchandise: React.FC<Props> = ({
   index,
 }) => {
   const { t, lang } = useGlobal();
+  const maxTicketsPerOrder = getMaxTicketsPerOrder(eventId);
   const [openVariantDialog, setOpenVariantDialog] = useState<'add' | 'increase' | null>(null);
   const [isDescriptionExpanded, setIsDescriptionExpanded] = useState(false);
   const [primaryDialogMode, setPrimaryDialogMode] = useState<'add' | 'increase' | null>(null);
@@ -60,7 +61,7 @@ const ReleaseWithMerchandise: React.FC<Props> = ({
   const getAvailableTicketsForRelease = (release: ITicketFormTicket): number => {
     const selectedRelease = activeReleases?.find((item) => item.id === release.releaseId);
     const availableQuantity = selectedRelease ? selectedRelease.availableTickets : 0;
-    return availableQuantity > MAX_TICKETS_PER_ORDER ? MAX_TICKETS_PER_ORDER : availableQuantity;
+    return availableQuantity > maxTicketsPerOrder ? maxTicketsPerOrder : availableQuantity;
   };
 
   const isMaxQuantity = (releaseId: number) => {
@@ -79,8 +80,8 @@ const ReleaseWithMerchandise: React.FC<Props> = ({
         ? [productsToAdd]
         : [];
     const requestedQuantity = normalizedProducts.length ? normalizedProducts.length : 1;
-    const releaseMaxQuantity = Math.min(release.availableTickets || 0, MAX_TICKETS_PER_ORDER);
-    const remainingOrderCapacity = Math.max(0, MAX_TICKETS_PER_ORDER - countSelectedTickets());
+    const releaseMaxQuantity = Math.min(release.availableTickets || 0, maxTicketsPerOrder);
+    const remainingOrderCapacity = Math.max(0, maxTicketsPerOrder - countSelectedTickets());
     const quantity = Math.min(requestedQuantity, releaseMaxQuantity, remainingOrderCapacity);
 
     if (quantity <= 0) {
@@ -123,7 +124,7 @@ const ReleaseWithMerchandise: React.FC<Props> = ({
     if (addedRelease) {
       const increment = normalizedProducts.length ? normalizedProducts.length : 1;
       const maxQuantity = getAvailableTicketsForRelease(addedRelease);
-      const remainingOrderCapacity = Math.max(0, MAX_TICKETS_PER_ORDER - countSelectedTickets());
+      const remainingOrderCapacity = Math.max(0, maxTicketsPerOrder - countSelectedTickets());
       const availableIncrement = Math.max(
         0,
         Math.min(increment, maxQuantity - Number(addedRelease.quantity), remainingOrderCapacity)
@@ -194,7 +195,7 @@ const ReleaseWithMerchandise: React.FC<Props> = ({
   }, [tickets, release.id, setValue]);
 
   const ticketIndex = tickets.findIndex((t) => t.releaseId === release.id);
-  const remainingOrderCapacity = Math.max(0, MAX_TICKETS_PER_ORDER - countSelectedTickets());
+  const remainingOrderCapacity = Math.max(0, maxTicketsPerOrder - countSelectedTickets());
   const nextRelease = activeReleases?.find(
     (item) =>
       item.releaseCategoryName === release.releaseCategoryName && item.order === release.order + 1

package/src/form/tickets/TicketSelection.tsx

@@ -9,7 +9,7 @@ import { IEvent } from '@utils/types/event.type';
 import useResponsive from '@hooks/useResponsive';
 import ReleaseExtraFields from '@form/extra-field/ReleaseExtraFields';
 import { EventType } from '@utils/data/event';
-import { MAX_TICKETS_PER_ORDER } from '@utils/data/ticket';
+import { getMaxTicketsPerOrder } from '@utils/data/ticket';
 import useGlobal from '@hooks/useGlobal';
 import TicketSelectionMobile from './TicketSelectionMobile';
 
@@ -19,6 +19,7 @@ interface Props {
 
 const TicketSelection: React.FC<Props> = ({ event }) => {
   const { t } = useGlobal();
+  const maxTicketsPerOrder = getMaxTicketsPerOrder(event.id);
   const isMobile = useResponsive('down', 'md');
   const { setValue, watch } = useFormContext<ITicketForm>();
   const tickets = useWatch({
@@ -83,7 +84,7 @@ const TicketSelection: React.FC<Props> = ({ event }) => {
           item2.releaseCategoryName === item.releaseCategoryName && item2.order === item.order + 1
       );
       const selected = tickets.find((ticket) => ticket.releaseId === item.id);
-      const maxSelectable = Math.min(item.availableTickets || 0, MAX_TICKETS_PER_ORDER);
+      const maxSelectable = Math.min(item.availableTickets || 0, maxTicketsPerOrder);
 
       return (
         !!nextRelease &&
@@ -110,8 +111,8 @@ const TicketSelection: React.FC<Props> = ({ event }) => {
   const isQuantityDisabled = (value: number, releaseId: number | '') => {
     const releaseSelected = tickets.find((item) => item.releaseId === releaseId);
     return releaseSelected && releaseSelected.quantity
-      ? countSelectedTickets() + value - releaseSelected.quantity > MAX_TICKETS_PER_ORDER
-      : countSelectedTickets() + value > MAX_TICKETS_PER_ORDER;
+      ? countSelectedTickets() + value - releaseSelected.quantity > maxTicketsPerOrder
+      : countSelectedTickets() + value > maxTicketsPerOrder;
   };
 
   const removeTicket = (indexToRemove: number) => {
@@ -128,7 +129,7 @@ const TicketSelection: React.FC<Props> = ({ event }) => {
       tickets.find(
         (ticket) =>
           release.id === ticket.releaseId &&
-          Number(ticket.quantity) >= Math.min(release.availableTickets || 0, MAX_TICKETS_PER_ORDER)
+          Number(ticket.quantity) >= Math.min(release.availableTickets || 0, maxTicketsPerOrder)
       )
     );
 
@@ -146,7 +147,7 @@ const TicketSelection: React.FC<Props> = ({ event }) => {
         const previousTicket = tickets.find((ticket) => ticket.releaseId === previousRelease.id);
         const previousMaxSelectable = Math.min(
           previousRelease.availableTickets || 0,
-          MAX_TICKETS_PER_ORDER
+          maxTicketsPerOrder
         );
         const shouldUnlock = Number(previousTicket?.quantity || 0) >= previousMaxSelectable;
 

package/src/form/tickets/TicketSelectionMap.tsx

@@ -5,7 +5,7 @@ import { Button } from '@mui/material';
 import { iframe, TicketSelection } from '@seat-picker/seat-picker-sdk';
 import { useFormContext } from 'react-hook-form';
 import { ITicketForm, ITicketFormTicket, ITicketLocation } from '@utils/types/ticket.type';
-import { MAX_TICKETS_PER_ORDER } from '@utils/data/ticket';
+import { getMaxTicketsPerOrder } from '@utils/data/ticket';
 import Iconify from '@components/iconify/Iconify';
 
 interface Props {
@@ -44,7 +44,7 @@ const TicketSelectionMap: React.FC<Props> = ({ event }) => {
       [] as { quantity: number; seat: ITicketLocation; ticket: any }[]
     );
 
-    let remainingTicketCapacity = MAX_TICKETS_PER_ORDER;
+    let remainingTicketCapacity = getMaxTicketsPerOrder(event.id);
 
     for (const groupedSeat of groupedSeatsByZone) {
       if (remainingTicketCapacity <= 0) break;

package/src/form/tickets/TicketSelectionMobile.tsx

@@ -4,7 +4,7 @@ import { fCurrency } from '@utils/formatNumber';
 import { IEvent } from '@utils/types/event.type';
 import { IReleaseShort } from '@utils/types/release.type';
 import { ITicketFormTicket } from '@utils/types/ticket.type';
-import { MAX_TICKETS_PER_ORDER } from '@utils/data/ticket';
+import { getMaxTicketsPerOrder } from '@utils/data/ticket';
 import useGlobal from '@hooks/useGlobal';
 import { validatePrimaryTicketNumber } from '@modules/ticket';
 import ReleaseDescription from './ReleaseDescription';
@@ -33,6 +33,7 @@ const TicketSelectionMobile: React.FC<Props> = ({
   getExtraFields,
 }) => {
   const { t, lang } = useGlobal();
+  const maxTicketsPerOrder = getMaxTicketsPerOrder(event.id);
   const [expandedReleaseIds, setExpandedReleaseIds] = useState<Record<number, boolean>>({});
   const [pendingPrimaryRelease, setPendingPrimaryRelease] = useState<IReleaseShort | null>(null);
   const theme = useTheme();
@@ -53,7 +54,7 @@ const TicketSelectionMobile: React.FC<Props> = ({
     !release.locked || getReleaseQuantity(release.id) > 0;
 
   const incrementRelease = (release: IReleaseShort, primaryTicketNumber?: string) => {
-    const maxAvailable = Math.min(release.availableTickets || 0, MAX_TICKETS_PER_ORDER);
+    const maxAvailable = Math.min(release.availableTickets || 0, maxTicketsPerOrder);
     const ticketIndex = getTicketIndexByRelease(release.id);
     const currentQuantity = ticketIndex >= 0 ? Number(tickets[ticketIndex]?.quantity || 0) : 0;
     const nextQuantity = Math.min(currentQuantity + 1, maxAvailable);
@@ -155,7 +156,7 @@ const TicketSelectionMobile: React.FC<Props> = ({
         .map((release) => {
           const quantity = getReleaseQuantity(release.id);
           const ticketIndex = getTicketIndexByRelease(release.id);
-          const maxAvailable = Math.min(release.availableTickets || 0, MAX_TICKETS_PER_ORDER);
+          const maxAvailable = Math.min(release.availableTickets || 0, maxTicketsPerOrder);
           const isLocked = release.locked;
           const nextRelease = activeReleases?.find(
             (item) =>

package/src/form/tickets/TicketWithMerchandiseSelection.tsx

@@ -8,7 +8,7 @@ import { IReleaseShort } from '@utils/types/release.type';
 import { IEvent } from '@utils/types/event.type';
 import ReleaseWithMerchandise from '@form/tickets/ReleaseWithMerchandise';
 import { EventType } from '@utils/data/event';
-import { MAX_TICKETS_PER_ORDER } from '@utils/data/ticket';
+import { getMaxTicketsPerOrder } from '@utils/data/ticket';
 import useGlobal from '@hooks/useGlobal';
 
 interface Props {
@@ -17,6 +17,7 @@ interface Props {
 
 const TicketWithMerchandiseSelection: React.FC<Props> = ({ event }) => {
   const { t } = useGlobal();
+  const maxTicketsPerOrder = getMaxTicketsPerOrder(event.id);
   const { setValue, watch } = useFormContext<ITicketForm>();
   const tickets: ITicketFormTicket[] = useWatch({ name: `tickets.${event.id}`, defaultValue: [] });
   const eventTimeslotId = watch('eventTimeslotId');
@@ -43,7 +44,7 @@ const TicketWithMerchandiseSelection: React.FC<Props> = ({ event }) => {
           item2.releaseCategoryName === item.releaseCategoryName && item2.order === item.order + 1
       );
       const selected = tickets.find((ticket) => ticket.releaseId === item.id);
-      const maxSelectable = Math.min(item.availableTickets || 0, MAX_TICKETS_PER_ORDER);
+      const maxSelectable = Math.min(item.availableTickets || 0, maxTicketsPerOrder);
 
       return (
         !!nextRelease &&
@@ -69,7 +70,7 @@ const TicketWithMerchandiseSelection: React.FC<Props> = ({ event }) => {
       tickets.find(
         (ticket) =>
           release.id === ticket.releaseId &&
-          Number(ticket.quantity) >= Math.min(release.availableTickets || 0, MAX_TICKETS_PER_ORDER)
+          Number(ticket.quantity) >= Math.min(release.availableTickets || 0, maxTicketsPerOrder)
       )
     );
 
@@ -88,7 +89,7 @@ const TicketWithMerchandiseSelection: React.FC<Props> = ({ event }) => {
         const previousTicket = tickets.find((ticket) => ticket.releaseId === previousRelease.id);
         const previousMaxSelectable = Math.min(
           previousRelease.availableTickets || 0,
-          MAX_TICKETS_PER_ORDER
+          maxTicketsPerOrder
         );
         const shouldUnlock = Number(previousTicket?.quantity || 0) >= previousMaxSelectable;
 

package/src/hooks/data/useStripeConfig.ts

@@ -0,0 +1,14 @@
+import useSWR from 'swr';
+import { getStripeConfig } from '@modules/order';
+
+// Fetches the public Stripe publishable key, only when a Stripe method is on
+// offer (pass enabled=false to skip the request entirely). Cached for the
+// session — the key never changes.
+export default function useStripeConfig(enabled: boolean) {
+  const { data } = useSWR(enabled ? ['stripe-config'] : null, () => getStripeConfig(), {
+    revalidateOnFocus: false,
+    revalidateIfStale: false,
+  });
+
+  return { publishableKey: data?.publishableKey ?? null };
+}

package/src/locales/cs.tsx

@@ -44,6 +44,9 @@ const cs = {
       total: 'Celkem',
       with_fee: 'vč. servisního poplatku',
       service_fee: 'Servisní poplatek',
+      payment_processing_fee: 'Poplatek za platbu kartou',
+      card_payment_title: 'Platba kartou',
+      card_payment_error: 'Platbu se nepodařilo dokončit. Zkuste to prosím znovu.',
       shipping_fee: 'Doprava',
       ticket_insurance: 'Pojištění vstupenek',
       price_including_service_fee: 'Cena zahrnuje servisní poplatek v hodnotě {{fee}}.',

package/src/locales/en.tsx

@@ -44,6 +44,9 @@ const en = {
       total: 'Total',
       with_fee: 'incl. service fee',
       service_fee: 'Service fee',
+      payment_processing_fee: 'Card processing fee',
+      card_payment_title: 'Card payment',
+      card_payment_error: 'The payment could not be completed. Please try again.',
       shipping_fee: 'Shipping',
       ticket_insurance: 'Ticket insurance',
       price_including_service_fee: 'The price includes a service fee of {{fee}}.',

package/src/locales/es.tsx

@@ -44,6 +44,9 @@ const es = {
       total: 'Total',
       with_fee: 'incl. tarifa de servicio',
       service_fee: 'Tarifa de servicio',
+      payment_processing_fee: 'Comisión por pago con tarjeta',
+      card_payment_title: 'Pago con tarjeta',
+      card_payment_error: 'No se pudo completar el pago. Inténtalo de nuevo.',
       shipping_fee: 'Envío',
       ticket_insurance: 'Seguro de entrada',
       price_including_service_fee: 'El precio incluye una tarifa de servicio de {{fee}}.',

package/src/locales/pl.tsx

@@ -44,6 +44,9 @@ const pl = {
       total: 'Razem',
       with_fee: 'z opłatą serwisową',
       service_fee: 'Opłata serwisowa',
+      payment_processing_fee: 'Opłata za obsługę karty',
+      card_payment_title: 'Płatność kartą',
+      card_payment_error: 'Nie udało się zrealizować płatności. Spróbuj ponownie.',
       shipping_fee: 'Wysyłka',
       ticket_insurance: 'Ubezpieczenie biletu',
       price_including_service_fee: 'Cena zawiera opłatę serwisową {{fee}}.',

package/src/locales/sk.tsx

@@ -44,6 +44,9 @@ const sk = {
       total: 'Spolu',
       with_fee: 'vrátane servisného poplatku',
       service_fee: 'Servisný poplatok',
+      payment_processing_fee: 'Poplatok za platbu kartou',
+      card_payment_title: 'Platba kartou',
+      card_payment_error: 'Platbu sa nepodarilo dokončiť. Skúste to znova.',
       shipping_fee: 'Doručenie',
       ticket_insurance: 'Poistenie vstupenky',
       price_including_service_fee: 'Cena zahŕňa servisný poplatok {{fee}}.',

package/src/locales/uk.tsx

@@ -44,6 +44,9 @@ const uk = {
       total: 'Всього',
       with_fee: 'вкл. сервісний збір',
       service_fee: 'Сервісний збір',
+      payment_processing_fee: 'Комісія за оплату карткою',
+      card_payment_title: 'Оплата карткою',
+      card_payment_error: 'Не вдалося завершити оплату. Спробуйте ще раз.',
       shipping_fee: 'Доставка',
       ticket_insurance: 'Страхування квитка',
       price_including_service_fee: 'Ціна включає сервісний збір {{fee}}.',

package/src/modules/order.ts

@@ -18,3 +18,6 @@ export const getAllowedPaymentMethods = (currency: Currencies, eventId?: number)
 
 export const postOrderPaid = (data: IOrderPaidData): Promise<IResponse<IOrderPaid>> =>
   api.post('/v1/orders/paid', data).then((res) => res.data.data);
+
+export const getStripeConfig = (): Promise<{ publishableKey: string | null }> =>
+  api.get('/v1/orders/stripe/config').then((res) => res.data.data.data);

package/src/utils/data/ticket.ts

@@ -1 +1,11 @@
 export const MAX_TICKETS_PER_ORDER = 10;
+
+// TODO(EVE-NN): temporary per-event overrides until the backend exposes a
+// configurable maxTicketsPerOrder. Mirrors the same map in the backend's
+// OrderService — keep the two in sync and remove BOTH once that column ships.
+const PER_EVENT_TICKET_LIMITS: Record<number, number> = {
+  1837: 2,
+};
+
+export const getMaxTicketsPerOrder = (eventId?: number): number =>
+  (eventId != null && PER_EVENT_TICKET_LIMITS[eventId]) || MAX_TICKETS_PER_ORDER;

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

@@ -23,6 +23,11 @@ export interface IOrder extends IBase {
 
 export interface IOrderCreate {
   gwUrl: string;
+  // Inline Stripe (Payment Element): set when the selected method confirms
+  // in-page instead of redirecting; the publishable key is returned alongside
+  // so the SDK can mount Elements without host-app configuration.
+  clientSecret: string | null;
+  publishableKey: string | null;
   tickets: ICreateTicket[];
   orderEntity: IOrder;
   customer: ICustomer;

package/src/utils/types/payment-method.type.ts

@@ -14,6 +14,7 @@ export interface IPaymentMethod extends IBase {
   image: IFile;
   feeType: string;
   feeValue: number;
+  feeFixedValue: number;
 }
 
 export interface IPaymentOption extends IBase {