@eventlook/sdk 1.4.46-beta.2 → 1.4.46-beta.4

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

@@ -0,0 +1,110 @@
+import { Dayjs } from 'dayjs';
+import { IPlace } from '@utils/types/place.type';
+import { Currencies } from '@utils/data/currency';
+import { IPromoCode } from '@utils/types/promo-code.type';
+import { IEventProductForm } from '@utils/types/product.type';
+import { IExtraFieldForm } from '@utils/types/extra-field.type';
+import { IEventTimeslot } from '@utils/types/event-timeslot.type';
+import { IBase } from '@utils/types/global.type';
+import { IOrder } from '@utils/types/order.type';
+import { IFile } from '@utils/types/file.type';
+import { IRelease } from '@utils/types/release.type';
+import { TicketSelection } from '@seat-picker/seat-picker-sdk';
+export interface ITicket extends IBase {
+    hidden: boolean;
+    name: string;
+    price: number;
+    quantity: number;
+    release: IRelease;
+    usedAt: string | null;
+    order: IOrder | null;
+    number: string;
+    qrUrl?: string;
+    pdf?: IFile;
+    applePassWallet?: IFile;
+    googlePassWallet?: IFile;
+}
+export interface ITicketFormTicket {
+    releaseId: number | '';
+    quantity: number | '';
+    itemName: string;
+    price: number;
+    products: IEventProductForm[];
+    extraFields: IExtraFieldForm[][];
+    eventTimeslotId?: number | null;
+    location?: ITicketLocation | null;
+}
+export interface ITicketLocation {
+    id: string;
+    type: TicketSelection[number]['locationType'];
+    locationDescription?: {
+        type: TicketSelection[number]['locationTypeDescription'][number]['type'] | 'custom';
+        label: string;
+        value: string;
+    }[] | null;
+}
+export type EventTicketsType = {
+    [eventId: string]: ITicketFormTicket[];
+};
+export interface ITicketForm {
+    uuid?: string | null;
+    eventId: number;
+    tickets: EventTicketsType;
+    total: number;
+    originalPrice: number;
+    firstName: string;
+    lastName: string;
+    email: string;
+    phone: string;
+    birthdate: Dayjs | null;
+    gender: string;
+    callback: string;
+    paymentMethodId: number | null;
+    paymentMethodOptionId: number | null;
+    termsAndConditions: boolean;
+    ticketInsurance: boolean;
+    ticketInsurancePrice: number;
+    ticketInsurancePricePerUnit: number;
+    smsNotification: boolean;
+    smsNotificationPrice: number;
+    iframeCampaignId?: number;
+    products: {
+        [eventId: string]: IEventProductForm[];
+    };
+    shipping: {
+        shippingMethodId: number | null;
+        branchId: string | null;
+        price: number;
+    };
+    extraFields: IExtraFieldForm[];
+    selectedDate: string | null;
+    eventTimeslotId: number | null;
+    promoCodes: IPromoCode[];
+    totalFee?: number | null;
+    isPaymentVerify: boolean;
+}
+export interface ITicketBody extends ITicketForm {
+    promoCodeIds: number[];
+}
+export interface IPaidTicket {
+    eventName: string;
+    releaseName: string;
+    releaseCategoryName: string;
+    qrUrl: string;
+    price: number;
+    number: string;
+    location: IPlace;
+    pdfUrl?: string;
+    applePassWalletUrl?: string;
+    googlePassWalletUrl?: string;
+    currency: Currencies;
+    firstName?: string;
+    lastName?: string;
+    eventTimeslot?: IEventTimeslot;
+}
+export interface ICreateTicket {
+    releaseName: string;
+    releaseCategoryName: string;
+    price: number;
+    number: string;
+}

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

@@ -0,0 +1,18 @@
+import { IBaseLocale } from '@utils/types/locale.type';
+import { IBase } from '@utils/types/global.type';
+export interface IFaq {
+    title: string;
+    content: string;
+}
+export interface ITranslation extends IBase {
+    value: {
+        text: string;
+    } & IBaseLocale;
+}
+export interface ITranslationEntity extends IBase {
+    translationValues: ITranslationValue[];
+}
+export interface ITranslationValue extends IBase {
+    text: string;
+    locale: string;
+}

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

@@ -0,0 +1,9 @@
+import { Gender } from '@utils/data/gender.ts';
+export interface IUser {
+    email: string;
+    firstName: string;
+    lastName: string;
+    phone: string;
+    birthdate: string;
+    gender: Gender;
+}

package/dist/types/utils/url.d.ts

@@ -0,0 +1 @@
+export declare const getSearchParamsInObject: (search: string) => Record<any, any>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eventlook/sdk",
-  "version": "1.4.46-beta.2",
+  "version": "1.4.46-beta.4",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -38,6 +38,8 @@
     "@mui/x-date-pickers": "^6.3.0",
     "axios": "^1.9.0",
     "dayjs": "^1.11.13",
+    "embla-carousel": "^8.6.0",
+    "embla-carousel-react": "^8.6.0",
     "framer-motion": "^12.12.1",
     "js-cookie": "^3.0.5",
     "lodash": "^4.17.21",

package/src/form/PaymentOverviewDrawer.tsx

@@ -1,5 +1,4 @@
-import { Box, Button, Drawer, styled, Typography } from '@mui/material';
-import { grey } from '@mui/material/colors';
+import { Box, Button, Drawer, Typography } from '@mui/material';
 import React from 'react';
 import { useEffect, useRef, useState } from 'react';
 import PaymentOverviewBox from './PaymentOverviewBox';
@@ -7,6 +6,7 @@ import { IEvent } from '@utils/types/event.type';
 import useGlobal from '@hooks/useGlobal';
 import { fCurrency } from '@utils/formatNumber';
 import { EVENTLOOK_ORDER_FORM_ID } from '@utils/data/global.ts';
+import { Iconify } from '@components/iconify';
 
 interface Props {
   event: IEvent;
@@ -55,17 +55,31 @@ const PaymentOverviewDrawer: React.FC<Props> = ({ event, totalPrice }) => {
     setOpenDrawer((prev) => !prev);
   };
 
-  const Puller = styled('div')(({ theme }) => ({
-    width: 30,
-    height: 6,
-    backgroundColor: grey[300],
-    borderRadius: 3,
-    margin: 'auto',
-    marginTop: 12,
-    ...theme.applyStyles('dark', {
-      backgroundColor: grey[700],
-    }),
-  }));
+  const Chevron = ({ direction }: { direction: 'up' | 'down' }) => (
+    <Box
+      role="button"
+      aria-label={
+        direction === 'up'
+          ? t('form.labels.payment_overview_open')
+          : t('form.labels.payment_overview_close')
+      }
+      onClick={toggleDrawer}
+      sx={{
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        cursor: 'pointer',
+        width: '100%',
+        pt: 1,
+        color: (theme) => theme.palette.text.secondary,
+      }}
+    >
+      <Iconify
+        icon={direction === 'up' ? 'eva:chevron-up-fill' : 'eva:chevron-down-fill'}
+        sx={{ width: 32, height: 32 }}
+      />
+    </Box>
+  );
 
   return (
     <Box sx={{ display: { md: 'none' } }}>
@@ -86,9 +100,8 @@ const PaymentOverviewDrawer: React.FC<Props> = ({ event, totalPrice }) => {
             boxShadow: '0 -8px 10px 2px rgba(0,0,0,0.2)',
             zIndex: 1300,
           }}
-          // onClick={toggleDrawer}
         >
-          <Puller onClick={toggleDrawer} />
+          <Chevron direction="up" />
           <Box
             sx={{
               width: '100%',
@@ -148,10 +161,9 @@ const PaymentOverviewDrawer: React.FC<Props> = ({ event, totalPrice }) => {
             display: 'flex',
             justifyContent: 'center',
             backgroundColor: (theme) => theme.palette.background.paper,
-            py: 1,
           }}
         >
-          <Puller onClick={toggleDrawer} />
+          <Chevron direction="down" />
         </Box>
         <Box
           sx={{

package/src/form/tickets/ReleaseDescription.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Button, Collapse, Typography } from '@mui/material';
+import { Box, Collapse, Link, Stack, Typography } from '@mui/material';
 import { Iconify } from '@components/iconify';
 
 interface ReleaseDescriptionProps {
@@ -30,27 +30,16 @@ const ReleaseDescription: React.FC<ReleaseDescriptionProps> = ({
   }
 
   return (
-    <Button
-      size="small"
-      onClick={onToggle}
-      endIcon={
+    <Link onClick={onToggle} color="inherit" underline="always" fontSize={12}>
+      <Stack direction="row" alignItems="center" spacing={0}>
+        <Box>{moreInfoLabel}</Box>
+
         <Iconify
           sx={{ width: 24, height: 24 }}
           icon={isExpanded ? 'eva:chevron-up-fill' : 'eva:chevron-down-fill'}
         />
-      }
-      sx={{
-        px: 0,
-        minWidth: 'auto',
-        textTransform: 'none',
-        color: 'text.primary',
-        textDecoration: 'underline',
-        fontWeight: 400,
-        '& .MuiButton-endIcon': { ml: 0 },
-      }}
-    >
-      {moreInfoLabel}
-    </Button>
+      </Stack>
+    </Link>
   );
 };
 

package/src/locales/cs.tsx

@@ -55,6 +55,8 @@ 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',
     },
     validation: {
       required: 'Toto pole je povinné.',

package/src/locales/en.tsx

@@ -55,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.',

package/src/locales/es.tsx

@@ -55,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.',

package/src/locales/pl.tsx

@@ -55,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.',

package/src/locales/sk.tsx

@@ -55,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é.',

package/src/locales/uk.tsx

@@ -55,6 +55,8 @@ const uk = {
       category: 'Категорія',
       sms_notification: 'SMS-сповіщення',
       open_map: 'Відкрити карту',
+      payment_overview_open: 'Відкрити огляд платежу',
+      payment_overview_close: 'Закрити огляд платежу',
     },
     validation: {
       required: "Це поле обов'язкове.",