@eventlook/sdk 1.4.48 → 1.4.49-beta.1

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,8 @@ const en = {
       category: 'Category',
       sms_notification: 'SMS notification',
       open_map: 'Open map',
+      payment_overview_open: 'Open payment overview',
+      payment_overview_close: 'Close payment overview',
     },
     validation: {
       required: 'This field is required.',
@@ -105,9 +109,13 @@ const en = {
         7: {
           title: 'Associated events',
         },
+        8: {
+          title: 'EventLook 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',
@@ -124,10 +132,17 @@ 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',
         },
       },
+      merchandise: {
+        show_sizes: 'Show sizes',
+        show_added: 'Show added',
+      },
+      services: {
+        add_tickets_first: 'Please add tickets first',
+      },
       order_success: {
         title: 'Tickets have been successfully reserved. Now you just need to pay.',
         description:

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,8 @@ 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',
     },
     validation: {
       required: 'Este campo es obligatorio.',
@@ -105,9 +109,13 @@ const es = {
         7: {
           title: 'Eventos asociados',
         },
+        8: {
+          title: 'EventLook servicios',
+          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 +136,13 @@ 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',
+      },
       order_success: {
         title: 'Las entradas han sido reservadas con éxito. Ahora solo tienes que pagar.',
         description:

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,8 @@ 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',
     },
     validation: {
       required: 'To pole jest wymagane.',
@@ -105,9 +109,13 @@ const pl = {
         7: {
           title: 'Powiązane wydarzenia',
         },
+        8: {
+          title: 'EventLook usługi',
+          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 +136,13 @@ const pl = {
           price: 'Cena przypomnienia SMS o wydarzeniu',
         },
       },
+      merchandise: {
+        show_sizes: 'Pokaż rozmiary',
+        show_added: 'Pokaż dodane',
+      },
+      services: {
+        add_tickets_first: 'Najpierw dodaj bilety',
+      },
       order_success: {
         title: 'Bilety zostały pomyślnie zarezerwowane. Teraz wystarczy zapłacić.',
         description:

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,8 @@ 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',
     },
     validation: {
       required: 'Toto pole je povinné.',
@@ -105,9 +109,13 @@ const sk = {
         7: {
           title: 'Pridružené eventy',
         },
+        8: {
+          title: 'EventLook 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 +129,20 @@ 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',
+      },
       order_success: {
         title: 'Vstupenky boli úspešne rezervované. Teraz už len zaplatiť.',
         description:

package/src/locales/uk.tsx

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

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/tsconfig.json

@@ -10,6 +10,7 @@
     "skipLibCheck": true,
     "resolveJsonModule": true,
     "allowImportingTsExtensions": true,
+    "noEmit": true,
     "declaration": false,
     "emitDeclarationOnly": false,
     "baseUrl": ".",
@@ -25,4 +26,4 @@
     }
   },
   "include": ["src/**/*"]
-}
+}

package/.claude/settings.local.json

@@ -1,9 +0,0 @@
-{
-  "permissions": {
-    "allow": [
-      "Bash(yarn install:*)",
-      "Bash(yarn add:*)",
-      "Bash(yarn remove:*)"
-    ]
-  }
-}

package/src/form/MerchandiseSelection.tsx

@@ -1,29 +0,0 @@
-import React from 'react';
-import { Grid } from '@mui/material';
-import ProductCard from '@form/product/ProductCard';
-import { IEventProduct } from '@utils/types/event-product.type';
-import CustomSkeleton from '@components/CustomSkeleton';
-
-interface Props {
-  eventProducts: IEventProduct[];
-  eventId: number;
-  isLoading?: boolean;
-}
-
-const MerchandiseSelection: React.FC<Props> = ({ eventProducts, eventId, isLoading }) => (
-  <Grid container spacing={3}>
-    {isLoading
-      ? [...Array(3)].map((item) => (
-          <Grid key={item} item xs={12} md={4}>
-            <CustomSkeleton height={334} />
-          </Grid>
-        ))
-      : eventProducts.map((eventProduct) => (
-          <Grid key={eventProduct.id} item xs={12} md={4}>
-            <ProductCard eventProduct={eventProduct} eventId={eventId} isOnlyMerchandise />
-          </Grid>
-        ))}
-  </Grid>
-);
-
-export default MerchandiseSelection;

package/src/form/ReleaseWithMerchandise.tsx

@@ -1,230 +0,0 @@
-import React, { useCallback, useState } from 'react';
-import { Box, Button, IconButton, Stack, Typography } from '@mui/material';
-import { Iconify } from '@components/iconify';
-import ProductVariantsDialog from '@form/product/ProductVariantsDialog';
-import { IReleaseShort } from '@utils/types/release.type';
-import { ITicketForm, ITicketFormTicket } from '@utils/types/ticket.type';
-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 { getSelectedQuantityByVariant } from '@utils/product';
-import ReleaseExtraFields from '@form/extra-field/ReleaseExtraFields';
-import useGlobal from '@hooks/useGlobal.ts';
-
-interface Props {
-  eventId: number;
-  release: IReleaseShort;
-  activeReleases: IReleaseShort[];
-  currency: Currencies;
-  index: number;
-}
-
-const ReleaseWithMerchandise: React.FC<Props> = ({
-  eventId,
-  release,
-  activeReleases,
-  currency,
-  index,
-}) => {
-  const { t, lang } = useGlobal();
-  const [openVariantDialog, setOpenVariantDialog] = useState<'add' | 'increase' | null>(null);
-  const { setValue } = useFormContext<ITicketForm>();
-  const tickets: ITicketFormTicket[] = useWatch({ name: `tickets.${eventId}`, defaultValue: [] });
-  const products: IEventProductForm[] = useWatch({ name: `products.${eventId}`, defaultValue: [] });
-  const addedRelease = tickets.find((ticket) => ticket.releaseId === release.id);
-  const countTickets = addedRelease?.quantity || 0;
-
-  const isReleaseSelected = (id: number) => !!tickets.find((ticket) => ticket.releaseId === id);
-
-  const getSelectedQuantity = (id: number) =>
-    tickets.find((ticket) => ticket.releaseId === id)?.quantity || 0;
-
-  const getAvailableTicketsForRelease = (release: ITicketFormTicket): number => {
-    const selectedRelease = activeReleases?.find((item) => item.id === release.releaseId);
-    const availableQuantity = selectedRelease ? selectedRelease.availableTickets : 0;
-    return availableQuantity > 10 ? 10 : availableQuantity;
-  };
-
-  const isMaxQuantity = (releaseId: number) => {
-    const release = tickets.find((ticket) => ticket.releaseId === releaseId);
-    if (!release) return false;
-    return getSelectedQuantity(releaseId) >= getAvailableTicketsForRelease(release);
-  };
-
-  const addRelease = (product?: IEventProductForm) => {
-    setValue(`tickets.${eventId}`, [
-      ...tickets,
-      {
-        releaseId: release.id,
-        quantity: 1,
-        itemName: '',
-        price: 0,
-        products: product ? [product] : [],
-        extraFields: release.extraFields?.length
-          ? [
-              release.extraFields.map((field) => ({
-                eventExtraFieldId: field.id,
-                value: '',
-              })),
-            ]
-          : [],
-      },
-    ]);
-    setOpenVariantDialog(null);
-  };
-
-  const increaseQuantity = (product?: IEventProductForm) => {
-    const addedRelease = tickets.find((ticket) => ticket.releaseId === release.id);
-    if (addedRelease) {
-      const newQuantity = Number(addedRelease.quantity) + 1;
-      const maxQuantity = getAvailableTicketsForRelease(addedRelease);
-      setValue(
-        `tickets.${eventId}`,
-        tickets.map((ticket) =>
-          ticket.releaseId === release.id
-            ? {
-                ...ticket,
-                quantity: newQuantity > maxQuantity ? maxQuantity : newQuantity,
-                products: product ? [...ticket.products, product] : ticket.products,
-                extraFields: release.extraFields?.length
-                  ? [
-                      ...ticket.extraFields,
-                      release.extraFields.map((field) => ({
-                        eventExtraFieldId: field.id,
-                        value: '',
-                      })),
-                    ]
-                  : [],
-              }
-            : ticket
-        )
-      );
-      setOpenVariantDialog(null);
-    }
-  };
-
-  const decreaseQuantity = useCallback(() => {
-    const addedRelease = tickets.find((ticket) => ticket.releaseId === release.id);
-    if (addedRelease) {
-      const newQuantity = Number(addedRelease.quantity) - 1;
-      if (newQuantity < 1) {
-        setValue(
-          `tickets.${eventId}`,
-          tickets.filter((ticket) => ticket.releaseId !== release.id)
-        );
-      } else {
-        setValue(
-          `tickets.${eventId}`,
-          tickets.map((ticket) => {
-            if (ticket.releaseId !== release.id) return ticket;
-
-            return {
-              ...ticket,
-              quantity: newQuantity,
-              products: ticket?.products?.slice(0, -1), // non-mutating "pop"
-              extraFields: ticket?.extraFields?.slice(0, -1),
-            };
-          })
-        );
-      }
-    }
-  }, [tickets, release.id, setValue]);
-
-  return (
-    <Box>
-      <Stack direction="row" spacing={1}>
-        <Stack
-          direction="row"
-          spacing={1}
-          justifyContent="space-between"
-          alignItems="center"
-          sx={{ width: '100%', backgroundColor: 'grey.200', p: 1, pl: 1.5, borderRadius: 1 }}
-        >
-          <Stack direction="row" spacing={2} alignItems="center">
-            <Stack direction="row" spacing={0.5} alignItems="center">
-              <Iconify
-                icon="ion:ticket-outline"
-                color="primary.main"
-                sx={{ width: 24, height: 24 }}
-              />
-              {release.product && (
-                <>
-                  <Typography fontSize={20} lineHeight={1}>
-                    +
-                  </Typography>
-                  <Iconify
-                    icon="lucide-lab:shirt-t"
-                    color="primary.main"
-                    sx={{ width: 24, height: 24 }}
-                  />
-                </>
-              )}
-            </Stack>
-            <Typography color="grey.500">
-              {release.releaseCategoryName} - {release.name} -{' '}
-              {fCurrency(release.price, lang, currency)}
-            </Typography>
-          </Stack>
-          {isReleaseSelected(release.id) ? (
-            <Stack direction="row" spacing={1} py={0.5}>
-              <IconButton onClick={() => decreaseQuantity()} size="small" color="primary">
-                <Iconify icon="eva:minus-fill" />
-              </IconButton>
-              <Typography color="grey.500">{getSelectedQuantity(release.id)}</Typography>
-              <IconButton
-                onClick={() =>
-                  release.product ? setOpenVariantDialog('increase') : increaseQuantity()
-                }
-                size="small"
-                color="primary"
-                disabled={isMaxQuantity(release.id)}
-              >
-                <Iconify icon="eva:plus-fill" />
-              </IconButton>
-            </Stack>
-          ) : (
-            <Button
-              onClick={() =>
-                !release.locked && (release.product ? setOpenVariantDialog('add') : addRelease())
-              }
-              variant="contained"
-              disabled={release.locked}
-            >
-              {t('add')}
-            </Button>
-          )}
-        </Stack>
-      </Stack>
-      <Typography
-        variant="caption"
-        content="div"
-        mt={2}
-        mb={release.extraFields?.length ? 2 : 0}
-        display="block"
-      >
-        {release.description}
-      </Typography>
-      {release.extraFields && release.extraFields.length > 0 && (
-        <ReleaseExtraFields
-          release={release}
-          eventId={eventId}
-          releaseIndex={index}
-          quantity={countTickets}
-        />
-      )}
-      {release.product && (
-        <ProductVariantsDialog
-          eventProduct={release.product}
-          openDialog={!!openVariantDialog}
-          callback={openVariantDialog === 'increase' ? increaseQuantity : addRelease}
-          onClose={() => setOpenVariantDialog(null)}
-          selectedQuantityByVariant={getSelectedQuantityByVariant(products, tickets)}
-          eventId={eventId}
-        />
-      )}
-    </Box>
-  );
-};
-
-export default ReleaseWithMerchandise;