@eventlook/sdk 1.7.2 → 1.7.3

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/locales/cs.d.ts

@@ -62,6 +62,7 @@ declare const cs: {
             primary_ticket_number_hint: string;
             primary_ticket_dialog_title: string;
             primary_ticket_dialog_input_label: string;
+            amount: string;
         };
         validation: {
             required: string;
@@ -167,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

@@ -62,6 +62,7 @@ declare const en: {
             primary_ticket_number_hint: string;
             primary_ticket_dialog_title: string;
             primary_ticket_dialog_input_label: string;
+            amount: string;
         };
         validation: {
             required: string;
@@ -167,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

@@ -62,6 +62,7 @@ declare const es: {
             primary_ticket_number_hint: string;
             primary_ticket_dialog_title: string;
             primary_ticket_dialog_input_label: string;
+            amount: string;
         };
         validation: {
             required: string;
@@ -167,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

@@ -62,6 +62,7 @@ declare const pl: {
             primary_ticket_number_hint: string;
             primary_ticket_dialog_title: string;
             primary_ticket_dialog_input_label: string;
+            amount: string;
         };
         validation: {
             required: string;
@@ -167,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

@@ -62,6 +62,7 @@ declare const sk: {
             primary_ticket_number_hint: string;
             primary_ticket_dialog_title: string;
             primary_ticket_dialog_input_label: string;
+            amount: string;
         };
         validation: {
             required: string;
@@ -167,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

@@ -62,6 +62,7 @@ declare const uk: {
             primary_ticket_number_hint: string;
             primary_ticket_dialog_title: string;
             primary_ticket_dialog_input_label: string;
+            amount: string;
         };
         validation: {
             required: string;
@@ -167,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/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eventlook/sdk",
-  "version": "1.7.2",
+  "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}'",
@@ -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

package/src/form/TicketForm.tsx

@@ -61,6 +61,8 @@ 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;
@@ -102,6 +104,7 @@ 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);
@@ -513,6 +516,7 @@ 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);
     }
@@ -559,7 +563,9 @@ const TicketForm: React.FC<Props> = ({
 
   return (
     <Box id={EVENTLOOK_ORDER_FORM_CONTAINER_ID}>
-      {hasGopayId ? (
+      {isPaydroidPage(page) ? (
+        <PaydroidPage page={page} />
+      ) : hasGopayId ? (
         <PaymentSuccess setIsPaying={setIsPaying} isIframe={isIframe} pixels={pixels} />
       ) : isPaying ? (
         <PaymentPending />