@eventlook/sdk 1.7.2-beta.0 → 1.7.2

package/dist/types/locales/cs.d.ts

@@ -62,7 +62,6 @@ declare const cs: {
             primary_ticket_number_hint: string;
             primary_ticket_dialog_title: string;
             primary_ticket_dialog_input_label: string;
-            amount: string;
         };
         validation: {
             required: string;
@@ -168,36 +167,6 @@ declare const cs: {
                     button: string;
                     products: string;
                 };
-                paydroid: {
-                    label: string;
-                    heading: string;
-                    heading_cta: string;
-                    subtitle: string;
-                    amount_label: string;
-                    amount_placeholder: string;
-                    promo: string;
-                    terms_prefix: string;
-                    terms_conditions: string;
-                    terms_middle: string;
-                    terms_privacy: string;
-                    terms: string;
-                    skip: string;
-                    submit: string;
-                    success_title: string;
-                    success_subtitle: string;
-                    topup_success_title: string;
-                    topup_success_subtitle: string;
-                    error_title: string;
-                    error_subtitle: string;
-                    error_account_title: string;
-                    error_account_subtitle: string;
-                    error_account_button: string;
-                    error_ticket_title: string;
-                    error_ticket_subtitle: string;
-                    faq_button: string;
-                    retry_button: string;
-                    missing_api_key: string;
-                };
                 unpaid: string;
                 unpaid_description: string;
             };

package/dist/types/locales/en.d.ts

@@ -62,7 +62,6 @@ declare const en: {
             primary_ticket_number_hint: string;
             primary_ticket_dialog_title: string;
             primary_ticket_dialog_input_label: string;
-            amount: string;
         };
         validation: {
             required: string;
@@ -168,36 +167,6 @@ declare const en: {
                     button: string;
                     products: string;
                 };
-                paydroid: {
-                    label: string;
-                    heading: string;
-                    heading_cta: string;
-                    subtitle: string;
-                    amount_label: string;
-                    amount_placeholder: string;
-                    promo: string;
-                    terms_prefix: string;
-                    terms_conditions: string;
-                    terms_middle: string;
-                    terms_privacy: string;
-                    terms: string;
-                    skip: string;
-                    submit: string;
-                    success_title: string;
-                    success_subtitle: string;
-                    topup_success_title: string;
-                    topup_success_subtitle: string;
-                    error_title: string;
-                    error_subtitle: string;
-                    error_account_title: string;
-                    error_account_subtitle: string;
-                    error_account_button: string;
-                    error_ticket_title: string;
-                    error_ticket_subtitle: string;
-                    faq_button: string;
-                    retry_button: string;
-                    missing_api_key: string;
-                };
                 unpaid: string;
                 unpaid_description: string;
             };

package/dist/types/locales/es.d.ts

@@ -62,7 +62,6 @@ declare const es: {
             primary_ticket_number_hint: string;
             primary_ticket_dialog_title: string;
             primary_ticket_dialog_input_label: string;
-            amount: string;
         };
         validation: {
             required: string;
@@ -168,36 +167,6 @@ declare const es: {
                     button: string;
                     products: string;
                 };
-                paydroid: {
-                    label: string;
-                    heading: string;
-                    heading_cta: string;
-                    subtitle: string;
-                    amount_label: string;
-                    amount_placeholder: string;
-                    promo: string;
-                    terms_prefix: string;
-                    terms_conditions: string;
-                    terms_middle: string;
-                    terms_privacy: string;
-                    terms: string;
-                    skip: string;
-                    submit: string;
-                    success_title: string;
-                    success_subtitle: string;
-                    topup_success_title: string;
-                    topup_success_subtitle: string;
-                    error_title: string;
-                    error_subtitle: string;
-                    error_account_title: string;
-                    error_account_subtitle: string;
-                    error_account_button: string;
-                    error_ticket_title: string;
-                    error_ticket_subtitle: string;
-                    faq_button: string;
-                    retry_button: string;
-                    missing_api_key: string;
-                };
                 unpaid: string;
                 unpaid_description: string;
             };

package/dist/types/locales/pl.d.ts

@@ -62,7 +62,6 @@ declare const pl: {
             primary_ticket_number_hint: string;
             primary_ticket_dialog_title: string;
             primary_ticket_dialog_input_label: string;
-            amount: string;
         };
         validation: {
             required: string;
@@ -168,36 +167,6 @@ declare const pl: {
                     button: string;
                     products: string;
                 };
-                paydroid: {
-                    label: string;
-                    heading: string;
-                    heading_cta: string;
-                    subtitle: string;
-                    amount_label: string;
-                    amount_placeholder: string;
-                    promo: string;
-                    terms_prefix: string;
-                    terms_conditions: string;
-                    terms_middle: string;
-                    terms_privacy: string;
-                    terms: string;
-                    skip: string;
-                    submit: string;
-                    success_title: string;
-                    success_subtitle: string;
-                    topup_success_title: string;
-                    topup_success_subtitle: string;
-                    error_title: string;
-                    error_subtitle: string;
-                    error_account_title: string;
-                    error_account_subtitle: string;
-                    error_account_button: string;
-                    error_ticket_title: string;
-                    error_ticket_subtitle: string;
-                    faq_button: string;
-                    retry_button: string;
-                    missing_api_key: string;
-                };
                 unpaid: string;
                 unpaid_description: string;
             };

package/dist/types/locales/sk.d.ts

@@ -62,7 +62,6 @@ declare const sk: {
             primary_ticket_number_hint: string;
             primary_ticket_dialog_title: string;
             primary_ticket_dialog_input_label: string;
-            amount: string;
         };
         validation: {
             required: string;
@@ -168,36 +167,6 @@ declare const sk: {
                     button: string;
                     products: string;
                 };
-                paydroid: {
-                    label: string;
-                    heading: string;
-                    heading_cta: string;
-                    subtitle: string;
-                    amount_label: string;
-                    amount_placeholder: string;
-                    promo: string;
-                    terms_prefix: string;
-                    terms_conditions: string;
-                    terms_middle: string;
-                    terms_privacy: string;
-                    terms: string;
-                    skip: string;
-                    submit: string;
-                    success_title: string;
-                    success_subtitle: string;
-                    topup_success_title: string;
-                    topup_success_subtitle: string;
-                    error_title: string;
-                    error_subtitle: string;
-                    error_account_title: string;
-                    error_account_subtitle: string;
-                    error_account_button: string;
-                    error_ticket_title: string;
-                    error_ticket_subtitle: string;
-                    faq_button: string;
-                    retry_button: string;
-                    missing_api_key: string;
-                };
                 unpaid: string;
                 unpaid_description: string;
             };

package/dist/types/locales/uk.d.ts

@@ -62,7 +62,6 @@ declare const uk: {
             primary_ticket_number_hint: string;
             primary_ticket_dialog_title: string;
             primary_ticket_dialog_input_label: string;
-            amount: string;
         };
         validation: {
             required: string;
@@ -168,36 +167,6 @@ declare const uk: {
                     button: string;
                     products: string;
                 };
-                paydroid: {
-                    label: string;
-                    heading: string;
-                    heading_cta: string;
-                    subtitle: string;
-                    amount_label: string;
-                    amount_placeholder: string;
-                    promo: string;
-                    terms_prefix: string;
-                    terms_conditions: string;
-                    terms_middle: string;
-                    terms_privacy: string;
-                    terms: string;
-                    skip: string;
-                    submit: string;
-                    success_title: string;
-                    success_subtitle: string;
-                    topup_success_title: string;
-                    topup_success_subtitle: string;
-                    error_title: string;
-                    error_subtitle: string;
-                    error_account_title: string;
-                    error_account_subtitle: string;
-                    error_account_button: string;
-                    error_ticket_title: string;
-                    error_ticket_subtitle: string;
-                    faq_button: string;
-                    retry_button: string;
-                    missing_api_key: string;
-                };
                 unpaid: string;
                 unpaid_description: string;
             };

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/dist/types/utils/types/global.type.d.ts

@@ -34,7 +34,6 @@ export interface IGlobalContextOptions {
     termsAndConditionsCompanies?: string[];
     autoscrollAfterViewChange?: boolean;
     hasGopayId?: boolean;
-    paydroidApiKey?: string;
 }
 export interface IBase {
     id: number;

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

@@ -36,11 +36,9 @@ export interface IOrderPaid {
     orderNumber: number;
     tickets: IPaidTicket[];
     products: IPaidProduct[];
-    customer: ICustomer;
     extraFee: number;
     currency: Currencies;
     promoCodes: IPromoCode[] | null;
-    paydroidEventId: string | null;
 }
 export interface IAllowedPaymentMethod {
     enabledPaymentInstruments: IPaymentInstrument[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eventlook/sdk",
-  "version": "1.7.2-beta.0",
+  "version": "1.7.2",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -31,7 +31,6 @@
   "peerDependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
-    "@mui/lab": "^7.0.0",
     "@mui/material": "^7.0.0",
     "@mui/x-date-pickers": "^8.0.0",
     "motion": "^12.12.1",
@@ -45,7 +44,6 @@
     "@hookform/resolvers": "^5.2.2",
     "@iconify/icons-carbon": "^1.2.20",
     "@iconify/react": "^6.0.2",
-    "@mui/lab": "^7.0.0",
     "@mui/material": "^7.3.8",
     "@mui/system": "^7.3.9",
     "@mui/x-date-pickers": "^8.27.2",

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

@@ -1,6 +1,5 @@
 import { Iconify, Image, MotionContainer, varBounce } from '@components';
 import { Box, Button, Card, Grid, LinearProgress, Link, Typography } from '@mui/material';
-import PaydroidCashlessSection from '@form/paydroid/PaydroidCashlessSection';
 import React, { Dispatch, SetStateAction, useEffect, useState } from 'react';
 import { getSearchParamsInObject } from '@utils/url';
 import { postOrderPaid } from '@modules/order';
@@ -18,7 +17,6 @@ import useGlobal from '@hooks/useGlobal';
 import { Trans } from '@components/Trans';
 import { getGtmPurchasePaid, gtmPurchasePaid, mapUserToUserData } from '@utils/gtm';
 import { IPixels } from '@utils/types/gtm.type';
-import { IOrderPaid } from '@utils/types/order.type';
 
 interface Props {
   setIsPaying: Dispatch<SetStateAction<boolean>>;
@@ -33,7 +31,6 @@ const PaymentSuccess: React.FC<Props> = ({ setIsPaying, isIframe, pixels }) => {
   const errorState = 'ERROR';
   const [tickets, setTickets] = useState<IPaidTicket[]>([]);
   const [products, setProducts] = useState<IPaidProduct[]>([]);
-  const [data, setData] = useState<IOrderPaid | null>(null);
   const [state, setState] = useState<string>(defaultState);
   const [title, setTitle] = useState<string>(t('event.tickets.payment_success.loading'));
   const [description, setDescription] = useState<string | null>(null);
@@ -53,12 +50,12 @@ const PaymentSuccess: React.FC<Props> = ({ setIsPaying, isIframe, pixels }) => {
       const { data } = await postOrderPaid({
         gopayId: Number(paymentId),
       });
-      const { tickets, products } = data;
+      const { tickets } = data;
       setTickets(tickets);
+      const { products } = data;
       setProducts(products);
       setState(data.state);
       setGwUrl(data.gwUrl);
-      setData(data);
 
       const items = [
         ...data.tickets.map((ticket) => ({
@@ -332,7 +329,6 @@ const PaymentSuccess: React.FC<Props> = ({ setIsPaying, isIframe, pixels }) => {
               </Grid>
             </>
           )}
-          {data?.paydroidEventId && <PaydroidCashlessSection data={data} />}
           {!isIframe && (
             <Box textAlign="center">
               <CustomButton

package/src/form/TicketForm.tsx

@@ -61,8 +61,6 @@ import TicketSelectionMap from '@form/tickets/TicketSelectionMap';
 import PaymentOverviewDrawer from './PaymentOverviewDrawer';
 import { getPlaceAsString } from '@utils/place';
 import Services from '@form/services';
-import PaydroidPage from './paydroid/PaydroidPage';
-import { isPaydroidPage } from '@utils/page';
 
 interface Props {
   event: IEvent;
@@ -104,7 +102,6 @@ const TicketForm: React.FC<Props> = ({
   const { data: eventProducts, isLoading } = useActiveEventProducts(event.id);
   const [paymentRedirect, setPaymentRedirect] = useState<string | null>(null);
   const [hasGopayId, setHasGopayId] = useState<boolean>(hasGopayIdSsr);
-  const [page, setPage] = useState<string | null>(null);
   const [isPaying, setIsPaying] = useState<boolean>(false);
   const [formStep, setFormStep] = useState<number>(1);
   const [isPaymentOverviewDrawerOpen, setIsPaymentOverviewDrawerOpen] = useState<boolean>(false);
@@ -516,7 +513,6 @@ const TicketForm: React.FC<Props> = ({
     const paymentId = searchParams.id;
     const iframeCampaignId = Number(searchParams.iframeCampaignId);
     setHasGopayId(!!paymentId);
-    setPage(searchParams.page || null);
     if (!isNaN(iframeCampaignId)) {
       methods.setValue('iframeCampaignId', iframeCampaignId);
     }
@@ -563,9 +559,7 @@ const TicketForm: React.FC<Props> = ({
 
   return (
     <Box id={EVENTLOOK_ORDER_FORM_CONTAINER_ID}>
-      {isPaydroidPage(page) ? (
-        <PaydroidPage page={page} />
-      ) : hasGopayId ? (
+      {hasGopayId ? (
         <PaymentSuccess setIsPaying={setIsPaying} isIframe={isIframe} pixels={pixels} />
       ) : isPaying ? (
         <PaymentPending />

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