@eventlook/sdk 1.7.0 → 1.7.2-beta.0

package/dist/types/form/paydroid/PaydroidCashlessSection.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { IOrderPaid } from '@utils/types/order.type';
+interface Props {
+    data: IOrderPaid;
+}
+declare const PaydroidCashlessSection: React.FC<Props>;
+export default PaydroidCashlessSection;

package/dist/types/form/paydroid/PaydroidError.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const PaydroidError: React.FC;
+export default PaydroidError;

package/dist/types/form/paydroid/PaydroidErrorAccount.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const PaydroidErrorAccount: React.FC;
+export default PaydroidErrorAccount;

package/dist/types/form/paydroid/PaydroidErrorTicket.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const PaydroidErrorTicket: React.FC;
+export default PaydroidErrorTicket;

package/dist/types/form/paydroid/PaydroidPage.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface Props {
+    page: string | null;
+}
+declare const PaydroidPage: React.FC<Props>;
+export default PaydroidPage;

package/dist/types/form/paydroid/PaydroidStatusCard.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface Props {
+    icon: React.ReactNode;
+    heading: string;
+    subtitle: string;
+    buttonLabel: string;
+    onButtonClick: () => void;
+}
+declare const PaydroidStatusCard: React.FC<Props>;
+export default PaydroidStatusCard;

package/dist/types/form/paydroid/PaydroidSuccess.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const PaydroidSuccess: React.FC;
+export default PaydroidSuccess;

package/dist/types/form/paydroid/PaydroidSuccessTopup.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const PaydroidSuccessTopup: React.FC;
+export default PaydroidSuccessTopup;

package/dist/types/form/tickets/PrimaryTicketDialog.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface Props {
+    open: boolean;
+    onClose: () => void;
+    onConfirm: (number: string) => void;
+    usedNumbers?: string[];
+    validateRemote?: (number: string) => Promise<void>;
+}
+declare const PrimaryTicketDialog: React.FC<Props>;
+export default PrimaryTicketDialog;

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

@@ -58,6 +58,11 @@ declare const cs: {
             payment_overview_close: string;
             ticket_quantity_decrease: string;
             ticket_quantity_increase: string;
+            primary_ticket_number: string;
+            primary_ticket_number_hint: string;
+            primary_ticket_dialog_title: string;
+            primary_ticket_dialog_input_label: string;
+            amount: string;
         };
         validation: {
             required: string;
@@ -71,6 +76,9 @@ declare const cs: {
             min_purchase_not_met: string;
             count_tickets_or_products: string;
             insurance_terms_and_conditions: string;
+            primary_ticket_required: string;
+            primary_ticket_numeric: string;
+            primary_ticket_duplicate: string;
         };
     };
     event: {
@@ -160,6 +168,36 @@ 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

@@ -58,6 +58,11 @@ declare const en: {
             payment_overview_close: string;
             ticket_quantity_decrease: string;
             ticket_quantity_increase: string;
+            primary_ticket_number: string;
+            primary_ticket_number_hint: string;
+            primary_ticket_dialog_title: string;
+            primary_ticket_dialog_input_label: string;
+            amount: string;
         };
         validation: {
             required: string;
@@ -70,6 +75,10 @@ declare const en: {
             promo_code_cant_combine: string;
             min_purchase_not_met: string;
             count_tickets_or_products: string;
+            insurance_terms_and_conditions: string;
+            primary_ticket_required: string;
+            primary_ticket_numeric: string;
+            primary_ticket_duplicate: string;
         };
     };
     event: {
@@ -116,9 +125,9 @@ declare const en: {
             terms_and_conditions: string;
             insurance: {
                 label: string;
+                checkbox: string;
                 per_ticket: string;
                 modal: {
-                    title: string;
                     description: string[];
                     links: {
                         insurance: string;
@@ -159,6 +168,36 @@ 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

@@ -58,6 +58,11 @@ declare const es: {
             payment_overview_close: string;
             ticket_quantity_decrease: string;
             ticket_quantity_increase: string;
+            primary_ticket_number: string;
+            primary_ticket_number_hint: string;
+            primary_ticket_dialog_title: string;
+            primary_ticket_dialog_input_label: string;
+            amount: string;
         };
         validation: {
             required: string;
@@ -70,6 +75,10 @@ declare const es: {
             promo_code_cant_combine: string;
             min_purchase_not_met: string;
             count_tickets_or_products: string;
+            insurance_terms_and_conditions: string;
+            primary_ticket_required: string;
+            primary_ticket_numeric: string;
+            primary_ticket_duplicate: string;
         };
     };
     event: {
@@ -116,9 +125,9 @@ declare const es: {
             terms_and_conditions: string;
             insurance: {
                 label: string;
+                checkbox: string;
                 per_ticket: string;
                 modal: {
-                    title: string;
                     description: string[];
                     links: {
                         insurance: string;
@@ -159,6 +168,36 @@ 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

@@ -58,6 +58,11 @@ declare const pl: {
             payment_overview_close: string;
             ticket_quantity_decrease: string;
             ticket_quantity_increase: string;
+            primary_ticket_number: string;
+            primary_ticket_number_hint: string;
+            primary_ticket_dialog_title: string;
+            primary_ticket_dialog_input_label: string;
+            amount: string;
         };
         validation: {
             required: string;
@@ -70,6 +75,10 @@ declare const pl: {
             promo_code_cant_combine: string;
             min_purchase_not_met: string;
             count_tickets_or_products: string;
+            insurance_terms_and_conditions: string;
+            primary_ticket_required: string;
+            primary_ticket_numeric: string;
+            primary_ticket_duplicate: string;
         };
     };
     event: {
@@ -116,9 +125,9 @@ declare const pl: {
             terms_and_conditions: string;
             insurance: {
                 label: string;
+                checkbox: string;
                 per_ticket: string;
                 modal: {
-                    title: string;
                     description: string[];
                     links: {
                         insurance: string;
@@ -159,6 +168,36 @@ 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

@@ -58,6 +58,11 @@ declare const sk: {
             payment_overview_close: string;
             ticket_quantity_decrease: string;
             ticket_quantity_increase: string;
+            primary_ticket_number: string;
+            primary_ticket_number_hint: string;
+            primary_ticket_dialog_title: string;
+            primary_ticket_dialog_input_label: string;
+            amount: string;
         };
         validation: {
             required: string;
@@ -70,6 +75,10 @@ declare const sk: {
             promo_code_cant_combine: string;
             min_purchase_not_met: string;
             count_tickets_or_products: string;
+            insurance_terms_and_conditions: string;
+            primary_ticket_required: string;
+            primary_ticket_numeric: string;
+            primary_ticket_duplicate: string;
         };
     };
     event: {
@@ -116,9 +125,9 @@ declare const sk: {
             terms_and_conditions: string;
             insurance: {
                 label: string;
+                checkbox: string;
                 per_ticket: string;
                 modal: {
-                    title: string;
                     description: string[];
                     links: {
                         insurance: string;
@@ -159,6 +168,36 @@ 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

@@ -58,6 +58,11 @@ declare const uk: {
             payment_overview_close: string;
             ticket_quantity_decrease: string;
             ticket_quantity_increase: string;
+            primary_ticket_number: string;
+            primary_ticket_number_hint: string;
+            primary_ticket_dialog_title: string;
+            primary_ticket_dialog_input_label: string;
+            amount: string;
         };
         validation: {
             required: string;
@@ -70,6 +75,10 @@ declare const uk: {
             promo_code_cant_combine: string;
             min_purchase_not_met: string;
             count_tickets_or_products: string;
+            insurance_terms_and_conditions: string;
+            primary_ticket_required: string;
+            primary_ticket_numeric: string;
+            primary_ticket_duplicate: string;
         };
     };
     event: {
@@ -116,9 +125,9 @@ declare const uk: {
             terms_and_conditions: string;
             insurance: {
                 label: string;
+                checkbox: string;
                 per_ticket: string;
                 modal: {
-                    title: string;
                     description: string[];
                     links: {
                         insurance: string;
@@ -159,6 +168,36 @@ 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/modules/paydroid.d.ts

@@ -0,0 +1,4 @@
+import { IResponse } from '@utils/types/global.type';
+import { IPaydroidCreateAccountData, IPaydroidTopupAccountData, IPaydroidTopupAccountResponse } from '@utils/types/paydroid';
+export declare const postPaydroidCreateAccount: (apiKey: string, data: IPaydroidCreateAccountData) => Promise<IResponse<null>>;
+export declare const postPaydroidTopupAccount: (apiKey: string, data: IPaydroidTopupAccountData) => Promise<IResponse<IPaydroidTopupAccountResponse>>;

package/dist/types/modules/ticket.d.ts

@@ -0,0 +1 @@
+export declare const validatePrimaryTicketNumber: (releaseCategoryId: number, number: string) => Promise<void>;

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

@@ -0,0 +1,7 @@
+export declare enum Page {
+    PAYDROID_SUCCESS = "paydroid-success",
+    PAYDROID_TOPUP_SUCCESS = "paydroid-topup-success",
+    PAYDROID_ERROR = "paydroid-error",
+    PAYDROID_ERROR_ACCOUNT = "paydroid-error-account",
+    PAYDROID_ERROR_TICKET = "paydroid-error-ticket"
+}

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

@@ -0,0 +1 @@
+export declare const isPaydroidPage: (page: string | null) => boolean;

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

@@ -0,0 +1,6 @@
+import { Page } from '@utils/data/page';
+import { IOrderPaid } from '@utils/types/order.type';
+import { IPaydroidCreateAccountData, IPaydroidTopupAccountData } from '@utils/types/paydroid';
+export declare const getRedirectUrl: (page: Page) => string;
+export declare const transformToCreateAccountData: (data: IOrderPaid) => IPaydroidCreateAccountData;
+export declare const transformToTopupAccountData: (amount: string, data: IOrderPaid) => IPaydroidTopupAccountData;

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

@@ -34,6 +34,7 @@ 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,9 +36,11 @@ 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/dist/types/utils/types/paydroid.d.ts

@@ -0,0 +1,23 @@
+export interface IPaydroidCreateAccountTicket {
+    number: string;
+    category?: string;
+}
+export interface IPaydroidCreateAccountData {
+    first_name: string;
+    last_name: string;
+    email: string;
+    phone_number: string;
+    event_id: string;
+    tickets: IPaydroidCreateAccountTicket[];
+    date_of_birth?: string;
+}
+export interface IPaydroidTopupAccountData {
+    email: string;
+    event_id: string;
+    amount: number;
+    success_url: string;
+    failure_url: string;
+}
+export interface IPaydroidTopupAccountResponse {
+    url: string;
+}

package/dist/types/utils/types/release-category.type.d.ts

@@ -9,6 +9,7 @@ export interface IReleaseCategory extends IBase {
     releases: IReleaseShort[];
     translation: IReleaseCategoryTranslation[];
     totalTickets: number;
+    requiresPrimaryTicket: boolean;
 }
 interface IReleaseCategoryTranslation extends IBaseLocale {
     name: string;

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

@@ -7,12 +7,14 @@ export interface IReleaseShort {
     name: string;
     price: number;
     availableTickets: number;
+    releaseCategoryId: number;
     releaseCategoryName: string;
     locked: boolean;
     order: number;
     description: string;
     product: IEventProduct | null;
     extraFields: IEventExtraField[] | null;
+    requiresPrimaryTicket: boolean;
 }
 export interface IRelease extends IBase {
     name: string;

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

@@ -33,6 +33,7 @@ export interface ITicketFormTicket {
     extraFields: IExtraFieldForm[][];
     eventTimeslotId?: number | null;
     location?: ITicketLocation | null;
+    primaryTicketNumbers?: string[];
 }
 export interface ITicketLocation {
     id: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eventlook/sdk",
-  "version": "1.7.0",
+  "version": "1.7.2-beta.0",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -31,6 +31,7 @@
   "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",
@@ -44,6 +45,7 @@
     "@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/PaymentSuccess.tsx

@@ -1,5 +1,6 @@
 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';
@@ -17,6 +18,7 @@ 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>>;
@@ -31,6 +33,7 @@ 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);
@@ -50,12 +53,12 @@ const PaymentSuccess: React.FC<Props> = ({ setIsPaying, isIframe, pixels }) => {
       const { data } = await postOrderPaid({
         gopayId: Number(paymentId),
       });
-      const { tickets } = data;
+      const { tickets, products } = data;
       setTickets(tickets);
-      const { products } = data;
       setProducts(products);
       setState(data.state);
       setGwUrl(data.gwUrl);
+      setData(data);
 
       const items = [
         ...data.tickets.map((ticket) => ({
@@ -329,6 +332,7 @@ const PaymentSuccess: React.FC<Props> = ({ setIsPaying, isIframe, pixels }) => {
               </Grid>
             </>
           )}
+          {data?.paydroidEventId && <PaydroidCashlessSection data={data} />}
           {!isIframe && (
             <Box textAlign="center">
               <CustomButton