@eventlook/sdk 1.7.2-beta.0 → 1.7.3

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

@@ -1 +1,2 @@
 export declare const MAX_TICKETS_PER_ORDER = 10;
+export declare const getMaxTicketsPerOrder: (eventId?: number) => number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eventlook/sdk",
-  "version": "1.7.2-beta.0",
+  "version": "1.7.3",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -22,7 +22,7 @@
     "watch:push": "chokidar 'dist/**/*' -c 'yalc push --changed --force'",
     "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",
+    "release": "npm publish",
     "lint": "eslint .",
     "lint:fix": "eslint --fix .",
     "prettier": "prettier --write 'src/**/*.{js,jsx,ts,tsx}'",

package/src/form/ChildEventCard.tsx

@@ -40,31 +40,34 @@ const ChildEventCard: React.FC<Props> = ({ event }) => {
   return (
     <>
       <Card sx={{ p: 2 }}>
-        <Grid container spacing={6} alignItems="stretch">
-          {/* LEFT SIDE: Image + Button */}
-          <Grid size={{ xs: 12, md: 6 }} sx={{ display: 'flex', flexDirection: 'column' }}>
-            <Image src={event.image.url} alt={event.name} ratio="16/9" borderRadius={2} />
-            <Button
-              variant="contained"
-              onClick={() => setOpenVariantDialog(true)}
-              fullWidth
-              startIcon={
-                eventNotEmpty ? <Iconify icon="eva:edit-fill" /> : <Iconify icon="eva:plus-fill" />
-              }
-              sx={{ mt: 2 }}
-            >
-              {eventNotEmpty ? t('change') : t('add')}
-            </Button>
-          </Grid>
-
-          {/* RIGHT SIDE: Info block with bottom aligned date + organizer */}
-          <Grid
-            size={{ xs: 12, md: 6 }}
-            sx={{ display: 'flex', flexDirection: 'column', justifyContent: 'space-between' }}
-          >
-            <Stack spacing={2}>
-              <Typography variant="h6">{event.name}</Typography>
+        <Stack spacing={2}>
+          <Typography variant="h6">{event.name}</Typography>
+          <Grid container spacing={6} alignItems="stretch">
+            {/* LEFT SIDE: Image + Button */}
+            <Grid size={{ xs: 12, md: 6 }} sx={{ display: 'flex', flexDirection: 'column' }}>
+              <Image src={event.image.url} alt={event.name} ratio="16/9" borderRadius={2} />
+              <Button
+                variant="contained"
+                onClick={() => setOpenVariantDialog(true)}
+                fullWidth
+                startIcon={
+                  eventNotEmpty ? (
+                    <Iconify icon="eva:edit-fill" />
+                  ) : (
+                    <Iconify icon="eva:plus-fill" />
+                  )
+                }
+                sx={{ mt: 2 }}
+              >
+                {eventNotEmpty ? t('change') : t('add')}
+              </Button>
+            </Grid>
 
+            {/* RIGHT SIDE: Info block with bottom aligned date + organizer */}
+            <Grid
+              size={{ xs: 12, md: 6 }}
+              sx={{ display: 'flex', flexDirection: 'column', justifyContent: 'space-between' }}
+            >
               <TextIconLabel
                 icon={
                   <Iconify
@@ -75,48 +78,51 @@ const ChildEventCard: React.FC<Props> = ({ event }) => {
                 value={<Box>{getPlaceAsString(event.place)}</Box>}
                 sx={{ typography: 'body3', color: 'text.secondary', alignItems: 'flex-start' }}
               />
-            </Stack>
 
-            {/* Bottom: Date & Organizer */}
-            <Stack
-              direction={{ xs: 'column', sm: 'row', md: 'column', lg: 'row' }}
-              spacing={2}
-              p={2}
-              divider={
-                <Divider
-                  orientation={xs || md ? 'horizontal' : 'vertical'}
-                  flexItem
-                  sx={{ borderStyle: 'dashed' }}
-                />
-              }
-              sx={{
-                backgroundColor: (theme) => theme.palette.grey.A100,
-                borderRadius: 1,
-              }}
-            >
-              <Box width={{ sm: '50%', md: '100%', lg: '50%' }}>
-                <TextIconLabel
-                  icon={<Iconify icon={calendarIcon} sx={{ minWidth: 20, height: 20, mr: 1 }} />}
-                  value={t('form.labels.start_date')}
-                  sx={{ color: 'text.secondary' }}
-                />
-                <Typography variant="body2" fontWeight={700}>
-                  {dayjs(event.startDate).format('DD.MM.YYYY HH:mm')}
-                </Typography>
-              </Box>
-              <Box width={{ sm: '50%', md: '100%', lg: '50%' }}>
-                <TextIconLabel
-                  icon={<Iconify icon={userIcon} sx={{ minWidth: 20, height: 20, mr: 1 }} />}
-                  value={t('form.labels.organizer')}
-                  sx={{ color: 'text.secondary' }}
-                />
-                <Typography variant="body2" fontWeight={700}>
-                  {event.company.displayName}
-                </Typography>
-              </Box>
-            </Stack>
+              {/* Bottom: Date & Organizer */}
+              <Stack
+                direction={{ xs: 'column', sm: 'row', md: 'column', lg: 'row' }}
+                spacing={2}
+                p={2}
+                divider={
+                  <Divider
+                    orientation={xs || md ? 'horizontal' : 'vertical'}
+                    flexItem
+                    sx={{ borderStyle: 'dashed' }}
+                  />
+                }
+                sx={{
+                  backgroundColor: (theme) =>
+                    theme.palette.mode === 'light'
+                      ? theme.palette.grey[100]
+                      : theme.palette.grey[900],
+                  borderRadius: 1,
+                }}
+              >
+                <Box width={{ sm: '50%', md: '100%', lg: '50%' }}>
+                  <TextIconLabel
+                    icon={<Iconify icon={calendarIcon} sx={{ minWidth: 20, height: 20, mr: 1 }} />}
+                    value={t('form.labels.start_date')}
+                    sx={{ color: 'text.secondary' }}
+                  />
+                  <Typography variant="body2" fontWeight={700}>
+                    {dayjs(event.startDate).format('DD.MM.YYYY HH:mm')}
+                  </Typography>
+                </Box>
+                <Box width={{ sm: '50%', md: '100%', lg: '50%' }}>
+                  <TextIconLabel
+                    icon={<Iconify icon={userIcon} sx={{ minWidth: 20, height: 20, mr: 1 }} />}
+                    value={t('form.labels.organizer')}
+                    sx={{ color: 'text.secondary' }}
+                  />
+                  <Typography variant="body2" fontWeight={700}>
+                    {event.company.displayName}
+                  </Typography>
+                </Box>
+              </Stack>
+            </Grid>
           </Grid>
-        </Grid>
+        </Stack>
       </Card>
 
       <ChildEventDialog

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/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;