@eventlook/sdk 1.7.2 → 1.7.3-beta.0

package/dist/types/form/Payment.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import { IEvent } from '@utils/types/event.type';
 interface Props {
     event: IEvent;
+    stripeReady?: boolean;
 }
 declare const Payment: React.FC<Props>;
 export default Payment;

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/payment/StripeCheckoutProvider.d.ts

@@ -0,0 +1,36 @@
+import React, { MutableRefObject } from 'react';
+/**
+ * Imperative handle the order form uses to drive the inline Stripe payment from
+ * its own submit handler (which lives outside the <Elements> tree).
+ */
+export interface StripeCheckoutApi {
+    ready: boolean;
+    /** Validate + collect the card fields. Returns an error message, or null. */
+    submit: () => Promise<string | null>;
+    /** Confirm the server-created PaymentIntent. */
+    confirm: (clientSecret: string, returnUrl: string) => Promise<{
+        ok: boolean;
+        error?: string;
+    }>;
+}
+interface Props {
+    /** Mount Elements only when a Stripe method is offered and the key is loaded. */
+    active: boolean;
+    publishableKey: string | null;
+    /** 'payment' for paid orders, 'setup' for free (0-amount) card verification. */
+    mode: 'payment' | 'setup';
+    /** Charge amount in minor units (used by Elements; the server intent is authoritative). */
+    amount: number;
+    currency: string;
+    locale: string;
+    apiRef: MutableRefObject<StripeCheckoutApi | null>;
+    children: React.ReactNode;
+}
+/**
+ * Wraps the order form in a deferred-mode <Elements> provider so the Payment
+ * Element can be shown inline (expanded under the selected method) before the
+ * order — and its PaymentIntent — exists. When no Stripe method is on offer it
+ * renders children untouched and loads nothing.
+ */
+declare const StripeCheckoutProvider: React.FC<Props>;
+export default StripeCheckoutProvider;

package/dist/types/hooks/data/useStripeConfig.d.ts

@@ -0,0 +1,3 @@
+export default function useStripeConfig(enabled: boolean): {
+    publishableKey: string | null;
+};

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

@@ -44,6 +44,9 @@ declare const cs: {
             total: string;
             with_fee: string;
             service_fee: string;
+            payment_processing_fee: string;
+            card_payment_title: string;
+            card_payment_error: string;
             shipping_fee: string;
             ticket_insurance: string;
             price_including_service_fee: string;
@@ -62,6 +65,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 +171,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

@@ -44,6 +44,9 @@ declare const en: {
             total: string;
             with_fee: string;
             service_fee: string;
+            payment_processing_fee: string;
+            card_payment_title: string;
+            card_payment_error: string;
             shipping_fee: string;
             ticket_insurance: string;
             price_including_service_fee: string;
@@ -62,6 +65,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 +171,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

@@ -44,6 +44,9 @@ declare const es: {
             total: string;
             with_fee: string;
             service_fee: string;
+            payment_processing_fee: string;
+            card_payment_title: string;
+            card_payment_error: string;
             shipping_fee: string;
             ticket_insurance: string;
             price_including_service_fee: string;
@@ -62,6 +65,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 +171,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

@@ -44,6 +44,9 @@ declare const pl: {
             total: string;
             with_fee: string;
             service_fee: string;
+            payment_processing_fee: string;
+            card_payment_title: string;
+            card_payment_error: string;
             shipping_fee: string;
             ticket_insurance: string;
             price_including_service_fee: string;
@@ -62,6 +65,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 +171,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

@@ -44,6 +44,9 @@ declare const sk: {
             total: string;
             with_fee: string;
             service_fee: string;
+            payment_processing_fee: string;
+            card_payment_title: string;
+            card_payment_error: string;
             shipping_fee: string;
             ticket_insurance: string;
             price_including_service_fee: string;
@@ -62,6 +65,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 +171,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

@@ -44,6 +44,9 @@ declare const uk: {
             total: string;
             with_fee: string;
             service_fee: string;
+            payment_processing_fee: string;
+            card_payment_title: string;
+            card_payment_error: string;
             shipping_fee: string;
             ticket_insurance: string;
             price_including_service_fee: string;
@@ -62,6 +65,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 +171,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/order.d.ts

@@ -5,3 +5,6 @@ import { Currencies } from '@utils/data/currency';
 export declare const postOrder: (data: ITicketBody) => Promise<IResponse<IOrderCreate>>;
 export declare const getAllowedPaymentMethods: (currency: Currencies, eventId?: number) => Promise<any>;
 export declare const postOrderPaid: (data: IOrderPaidData) => Promise<IResponse<IOrderPaid>>;
+export declare const getStripeConfig: () => Promise<{
+    publishableKey: string | null;
+}>;

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

@@ -21,6 +21,8 @@ export interface IOrder extends IBase {
 }
 export interface IOrderCreate {
     gwUrl: string;
+    clientSecret: string | null;
+    publishableKey: string | null;
     tickets: ICreateTicket[];
     orderEntity: IOrder;
     customer: ICustomer;
@@ -36,9 +38,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/payment-method.type.d.ts

@@ -12,6 +12,7 @@ export interface IPaymentMethod extends IBase {
     image: IFile;
     feeType: string;
     feeValue: number;
+    feeFixedValue: number;
 }
 export interface IPaymentOption extends IBase {
     category: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eventlook/sdk",
-  "version": "1.7.2",
+  "version": "1.7.3-beta.0",
   "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",
@@ -54,6 +56,8 @@
     "@rollup/plugin-replace": "^6.0.3",
     "@rollup/plugin-typescript": "^12.3.0",
     "@seat-picker/seat-picker-sdk": "^1.2.0",
+    "@stripe/react-stripe-js": "^6.6.0",
+    "@stripe/stripe-js": "^9.7.0",
     "@types/js-cookie": "^3.0.6",
     "@types/lodash": "^4.17.24",
     "@types/numeral": "^2.0.5",

package/src/form/Payment.tsx

@@ -2,6 +2,7 @@ import React, { KeyboardEvent, useEffect, useMemo, useState } from 'react';
 import {
   Box,
   Button,
+  CircularProgress,
   Divider,
   FormControl,
   FormControlLabel,
@@ -19,6 +20,7 @@ import { PaymentItem, PaymentWrapper, PaymentSwiftWrapper } from '@form/style';
 import Image from '@components/Image';
 import Label from '@components/Label';
 import PaymentSkeleton from '@form/payment/PaymentSkeleton';
+import { PaymentElement } from '@stripe/react-stripe-js';
 import { RHFRadioGroup } from '@components/hook-form';
 import { postPromoCodeApply } from '@modules/promo-code';
 import { IEvent } from '@utils/types/event.type';
@@ -32,9 +34,12 @@ import { IEventProductForm } from '@utils/types/product.type';
 
 interface Props {
   event: IEvent;
+  // True once the Stripe Elements provider is mounted (key loaded), so the
+  // inline Payment Element can render under the selected Stripe method.
+  stripeReady?: boolean;
 }
 
-const Payment: React.FC<Props> = ({ event }) => {
+const Payment: React.FC<Props> = ({ event, stripeReady }) => {
   const { t, lang } = useGlobal();
   const { showSnackbar } = useGlobal();
   const { data, isLoading } = useAllowedPaymentMethods(event.currency, event.id);
@@ -174,8 +179,12 @@ const Payment: React.FC<Props> = ({ event }) => {
 
     if (total === 0 && (hasTickets || hasProducts)) {
       setValue('isPaymentVerify', true);
-      return data.filter((payment) =>
-        ['PAYMENT_CARD', 'APPLE_PAY', 'GPAY', 'CLICK_TO_PAY'].includes(payment.type)
+      // Free orders only offer card-verification methods (incl. Stripe, which
+      // verifies via a SetupIntent) — bot protection without a charge.
+      return data.filter(
+        (payment) =>
+          ['PAYMENT_CARD', 'APPLE_PAY', 'GPAY', 'CLICK_TO_PAY'].includes(payment.type) ||
+          payment.provider === 'STRIPE'
       );
     } else {
       setValue('isPaymentVerify', false);
@@ -334,6 +343,36 @@ const Payment: React.FC<Props> = ({ event }) => {
                             />
                           </PaymentSwiftWrapper>
                         )}
+                      {payment.provider === 'STRIPE' &&
+                        !!paymentMethodId &&
+                        Number(paymentMethodId) === payment.id && (
+                          <PaymentSwiftWrapper sx={{ pb: 3 }}>
+                            <Divider sx={{ mb: 2 }} />
+                            {stripeReady ? (
+                              <PaymentElement options={{ layout: 'tabs' }} />
+                            ) : Number(total) > 0 ? (
+                              <Stack alignItems="center" sx={{ py: 3 }}>
+                                <CircularProgress size={26} />
+                              </Stack>
+                            ) : (
+                              <Stack
+                                alignItems="center"
+                                spacing={1}
+                                sx={{ py: 3, px: 2, textAlign: 'center' }}
+                              >
+                                <Iconify
+                                  icon="carbon:shopping-cart"
+                                  width={28}
+                                  height={28}
+                                  sx={{ color: 'text.disabled' }}
+                                />
+                                <Typography variant="body2" sx={{ color: 'text.secondary' }}>
+                                  {t('form.validation.count_tickets_or_products')}
+                                </Typography>
+                              </Stack>
+                            )}
+                          </PaymentSwiftWrapper>
+                        )}
                     </PaymentItem>
                   ))}
                 </RadioGroup>