@eventlook/sdk 1.7.2 → 1.7.3-beta.0

package/src/form/payment/StripeCheckoutProvider.tsx

@@ -0,0 +1,154 @@
+'use client';
+
+import React, { MutableRefObject, useEffect, useMemo } from 'react';
+import { useTheme } from '@mui/material';
+import { loadStripe, Appearance } from '@stripe/stripe-js';
+import { Elements, useElements, useStripe } from '@stripe/react-stripe-js';
+
+/**
+ * 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 }>;
+}
+
+// Locales the Stripe Elements UI supports; anything else falls back to auto.
+const STRIPE_LOCALES = ['cs', 'de', 'en', 'es', 'fr', 'pl', 'sk', 'it'];
+
+// Bridges the Stripe/Elements instances (only available inside <Elements>) up to
+// a ref the form's submit handler can call.
+const Bridge: React.FC<{ apiRef: MutableRefObject<StripeCheckoutApi | null> }> = ({ apiRef }) => {
+  const stripe = useStripe();
+  const elements = useElements();
+
+  useEffect(() => {
+    apiRef.current = {
+      ready: !!stripe && !!elements,
+      submit: async () => {
+        if (!elements) return 'Stripe not ready';
+        const { error } = await elements.submit();
+        return error?.message ?? null;
+      },
+      confirm: async (clientSecret, returnUrl) => {
+        if (!stripe || !elements) return { ok: false, error: 'Stripe not ready' };
+        // Resolve in-page when possible (incl. the 3-D Secure modal); Stripe
+        // only does a full redirect when the method strictly requires it.
+        const confirmParams = { return_url: returnUrl };
+
+        // Free (0-amount) orders confirm a SetupIntent (seti_…) — card
+        // verification for bot protection, no charge; paid orders confirm a
+        // PaymentIntent (pi_…).
+        if (clientSecret.startsWith('seti_')) {
+          const { error, setupIntent } = await stripe.confirmSetup({
+            elements,
+            clientSecret,
+            confirmParams,
+            redirect: 'if_required',
+          });
+          if (error) return { ok: false, error: error.message };
+          return { ok: setupIntent?.status === 'succeeded' };
+        }
+
+        const { error, paymentIntent } = await stripe.confirmPayment({
+          elements,
+          clientSecret,
+          confirmParams,
+          redirect: 'if_required',
+        });
+        if (error) return { ok: false, error: error.message };
+        const ok =
+          !!paymentIntent &&
+          (paymentIntent.status === 'succeeded' || paymentIntent.status === 'processing');
+        return { ok };
+      },
+    };
+    return () => {
+      apiRef.current = null;
+    };
+  }, [stripe, elements, apiRef]);
+
+  return null;
+};
+
+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.
+ */
+const StripeCheckoutProvider: React.FC<Props> = ({
+  active,
+  publishableKey,
+  mode,
+  amount,
+  currency,
+  locale,
+  apiRef,
+  children,
+}) => {
+  const theme = useTheme();
+  const stripePromise = useMemo(
+    () => (active && publishableKey ? loadStripe(publishableKey) : null),
+    [active, publishableKey]
+  );
+
+  if (!active || !stripePromise) return <>{children}</>;
+
+  const stripeLocale = STRIPE_LOCALES.includes(locale) ? locale : 'auto';
+
+  // Drive the Stripe Element off the host MUI theme so it matches light/dark and
+  // the brand colors instead of Stripe's default white card.
+  const appearance: Appearance = {
+    theme: theme.palette.mode === 'dark' ? 'night' : 'stripe',
+    variables: {
+      colorPrimary: theme.palette.primary.main,
+      colorBackground: theme.palette.background.paper,
+      colorText: theme.palette.text.primary,
+      colorTextSecondary: theme.palette.text.secondary,
+      colorDanger: theme.palette.error.main,
+      fontFamily: String(theme.typography.fontFamily ?? 'inherit'),
+      borderRadius: `${Number(theme.shape.borderRadius) || 8}px`,
+    },
+  };
+
+  return (
+    <Elements
+      stripe={stripePromise}
+      options={{
+        // Free orders verify the card (SetupIntent, no charge); paid orders
+        // charge it (PaymentIntent, needs an amount).
+        ...(mode === 'setup'
+          ? { mode: 'setup' as const }
+          : { mode: 'payment' as const, amount: Math.max(1, Math.round(amount)) }),
+        currency: currency.toLowerCase(),
+        paymentMethodTypes: ['card'],
+        locale: stripeLocale as 'auto',
+        appearance,
+      }}
+    >
+      <Bridge apiRef={apiRef} />
+      {children}
+    </Elements>
+  );
+};
+
+export default StripeCheckoutProvider;

package/src/hooks/data/useStripeConfig.ts

@@ -0,0 +1,14 @@
+import useSWR from 'swr';
+import { getStripeConfig } from '@modules/order';
+
+// Fetches the public Stripe publishable key, only when a Stripe method is on
+// offer (pass enabled=false to skip the request entirely). Cached for the
+// session — the key never changes.
+export default function useStripeConfig(enabled: boolean) {
+  const { data } = useSWR(enabled ? ['stripe-config'] : null, () => getStripeConfig(), {
+    revalidateOnFocus: false,
+    revalidateIfStale: false,
+  });
+
+  return { publishableKey: data?.publishableKey ?? null };
+}

package/src/locales/cs.tsx

@@ -44,6 +44,9 @@ const cs = {
       total: 'Celkem',
       with_fee: 'vč. servisního poplatku',
       service_fee: 'Servisní poplatek',
+      payment_processing_fee: 'Poplatek za platbu kartou',
+      card_payment_title: 'Platba kartou',
+      card_payment_error: 'Platbu se nepodařilo dokončit. Zkuste to prosím znovu.',
       shipping_fee: 'Doprava',
       ticket_insurance: 'Pojištění vstupenek',
       price_including_service_fee: 'Cena zahrnuje servisní poplatek v hodnotě {{fee}}.',
@@ -64,6 +67,7 @@ const cs = {
         'Tato kategorie je doplňková — zadejte číslo již zakoupené vstupenky.',
       primary_ticket_dialog_title: 'Zadejte číslo primární vstupenky',
       primary_ticket_dialog_input_label: 'Číslo primární vstupenky',
+      amount: 'Částka',
     },
     validation: {
       required: 'Toto pole je povinné.',
@@ -185,6 +189,42 @@ const cs = {
           button: 'Stáhnout vstupenku',
           products: 'Vaše produkty',
         },
+        paydroid: {
+          label: 'Paydroid Cashless',
+          heading: 'Vyhněte se frontám!',
+          heading_cta: 'Přednabijte si',
+          subtitle:
+            'Na akci lze platit pouze bezhotovostně pomocí systému Paydroid Cashless. Přednabijte si částku teď a vyhněte se frontám!',
+          amount_label: 'Jakou částku chcete přednabít?',
+          amount_placeholder: 'Zadejte částku',
+          promo: 'Přednabijte si na akci částku vyšší než 1000 Kč a získejte pivo zdarma!',
+          terms_prefix: 'Souhlasím s',
+          terms_conditions: 'Obchodními podmínkami',
+          terms_middle: 'Paydroid Cashless a se',
+          terms_privacy: 'Zásadami zpracování osobních údajů',
+          terms: 'Souhlas VOP a GDPR Paydroid Cashless',
+          skip: 'chci pouze vstupenku v aplikaci',
+          submit: 'přednabít',
+          success_title: 'Vstupenku jsme přidali k vašemu účtu',
+          success_subtitle:
+            'Teď už se stačí jen přihlásit do aplikace Paydroid Cashless. A pokud se budete chtít vyhnout frontám, přednabijte si v aplikaci!',
+          topup_success_title: 'Děkujeme za přednabitî!',
+          topup_success_subtitle:
+            'Právě jsme připsali kredit na Váš účet Paydroid Cashless, nyní už se stačí pouze přihlásit v aplikaci.',
+          error_title: 'Přednabití se nezdařilo',
+          error_subtitle:
+            'Nebyli jste nijak zpoplatněni, v případě jakýchkoliv problémů nás prosím kontaktujte.',
+          error_account_title: 'Nepodařilo se vytvořit účet',
+          error_account_subtitle:
+            'Pravděpodobně jste zadali údaje, které se liší se záznamem v naší databázi.',
+          error_account_button: 'přihlásit se do aplikace',
+          error_ticket_title: 'Přidání vstupenky se nezdařilo',
+          error_ticket_subtitle:
+            'Omlouváme se, vyzkoušejte to prosím později. V případě jakýchkoliv problémů nás prosím kontaktujte.',
+          faq_button: 'nejčastější dotazy',
+          retry_button: 'vyzkoušet znovu',
+          missing_api_key: 'Paydroid API klíč chybí',
+        },
         unpaid: 'Platba neproběhla',
         unpaid_description: 'Zkuste to prosím znovu kliknutím na tlačítko Zaplatit.',
       },

package/src/locales/en.tsx

@@ -44,6 +44,9 @@ const en = {
       total: 'Total',
       with_fee: 'incl. service fee',
       service_fee: 'Service fee',
+      payment_processing_fee: 'Card processing fee',
+      card_payment_title: 'Card payment',
+      card_payment_error: 'The payment could not be completed. Please try again.',
       shipping_fee: 'Shipping',
       ticket_insurance: 'Ticket insurance',
       price_including_service_fee: 'The price includes a service fee of {{fee}}.',
@@ -64,6 +67,7 @@ const en = {
         'This is an addon category — enter the number of an already-purchased ticket.',
       primary_ticket_dialog_title: 'Enter primary ticket number',
       primary_ticket_dialog_input_label: 'Primary ticket number',
+      amount: 'Amount',
     },
     validation: {
       required: 'This field is required.',
@@ -185,6 +189,40 @@ const en = {
           button: 'Download ticket',
           products: 'Your products',
         },
+        paydroid: {
+          label: 'Paydroid Cashless',
+          heading: 'Skip the queues!',
+          heading_cta: 'Top up now',
+          subtitle:
+            'The event accepts only cashless payments via Paydroid Cashless. Top up your balance now and skip the queues!',
+          amount_label: 'How much would you like to top up?',
+          amount_placeholder: 'Enter amount',
+          promo: 'Top up more than 1000 CZK and get a free beer!',
+          terms_prefix: 'I agree to the',
+          terms_conditions: 'Terms and Conditions',
+          terms_middle: 'of Paydroid Cashless and the',
+          terms_privacy: 'Privacy Policy',
+          terms: 'I agree to the T&C and GDPR of Paydroid Cashless',
+          skip: 'I just want the ticket in the app',
+          submit: 'top up',
+          success_title: 'We added the ticket to your account',
+          success_subtitle:
+            'Just log in to the Paydroid Cashless app. And if you want to skip the queues, top up in the app!',
+          topup_success_title: 'Thank you for topping up!',
+          topup_success_subtitle:
+            'We have credited your Paydroid Cashless account. Just log in to the app.',
+          error_title: 'Top-up failed',
+          error_subtitle: 'You have not been charged. Please contact us if you have any issues.',
+          error_account_title: 'Failed to create account',
+          error_account_subtitle: 'You may have entered details that differ from our records.',
+          error_account_button: 'log in to the app',
+          error_ticket_title: 'Failed to add ticket',
+          error_ticket_subtitle:
+            'We are sorry, please try again later. Contact us if the issue persists.',
+          faq_button: 'frequently asked questions',
+          retry_button: 'try again',
+          missing_api_key: 'Paydroid API key is missing',
+        },
         unpaid: 'The payment was not successful.',
         unpaid_description: 'Please try again by clicking the Pay button.',
       },

package/src/locales/es.tsx

@@ -44,6 +44,9 @@ const es = {
       total: 'Total',
       with_fee: 'incl. tarifa de servicio',
       service_fee: 'Tarifa de servicio',
+      payment_processing_fee: 'Comisión por pago con tarjeta',
+      card_payment_title: 'Pago con tarjeta',
+      card_payment_error: 'No se pudo completar el pago. Inténtalo de nuevo.',
       shipping_fee: 'Envío',
       ticket_insurance: 'Seguro de entrada',
       price_including_service_fee: 'El precio incluye una tarifa de servicio de {{fee}}.',
@@ -64,6 +67,7 @@ const es = {
         'Esta es una categoría complementaria — introduzca el número de una entrada ya comprada.',
       primary_ticket_dialog_title: 'Introduzca el número de la entrada principal',
       primary_ticket_dialog_input_label: 'Número de la entrada principal',
+      amount: 'Cantidad',
     },
     validation: {
       required: 'Este campo es obligatorio.',
@@ -185,6 +189,41 @@ const es = {
           button: 'Descargar entrada',
           products: 'Tus productos',
         },
+        paydroid: {
+          label: 'Paydroid Cashless',
+          heading: '¡Evita las colas!',
+          heading_cta: 'Recarga ahora',
+          subtitle:
+            'El evento solo acepta pagos sin efectivo a través de Paydroid Cashless. ¡Recarga tu saldo ahora y evita las colas!',
+          amount_label: '¿Cuánto deseas recargar?',
+          amount_placeholder: 'Ingresa el monto',
+          promo: '¡Recarga más de 1000 CZK y obtén una cerveza gratis!',
+          terms_prefix: 'Acepto los',
+          terms_conditions: 'Términos y condiciones',
+          terms_middle: 'de Paydroid Cashless y la',
+          terms_privacy: 'Política de privacidad',
+          terms: 'Acepto los T&C y GDPR de Paydroid Cashless',
+          skip: 'solo quiero la entrada en la app',
+          submit: 'recargar',
+          success_title: 'Añadimos la entrada a tu cuenta',
+          success_subtitle:
+            'Solo inicia sesión en la app Paydroid Cashless. ¡Y si quieres saltarte las colas, recarga en la app!',
+          topup_success_title: '¡Gracias por recargar!',
+          topup_success_subtitle:
+            'Hemos acreditado tu cuenta Paydroid Cashless. Solo inicia sesión en la app.',
+          error_title: 'La recarga falló',
+          error_subtitle: 'No se te ha cobrado nada. Contáctanos si tienes algún problema.',
+          error_account_title: 'No se pudo crear la cuenta',
+          error_account_subtitle:
+            'Es posible que hayas introducido datos diferentes a los de nuestros registros.',
+          error_account_button: 'iniciar sesión en la app',
+          error_ticket_title: 'No se pudo añadir la entrada',
+          error_ticket_subtitle:
+            'Lo sentimos, inténtalo más tarde. Contáctanos si el problema persiste.',
+          faq_button: 'preguntas frecuentes',
+          retry_button: 'intentar de nuevo',
+          missing_api_key: 'Falta la clave API de Paydroid',
+        },
         unpaid: 'El pago no se realizó.',
         unpaid_description: 'Por favor, inténtelo de nuevo haciendo clic en el botón Pagar.',
       },

package/src/locales/pl.tsx

@@ -44,6 +44,9 @@ const pl = {
       total: 'Razem',
       with_fee: 'z opłatą serwisową',
       service_fee: 'Opłata serwisowa',
+      payment_processing_fee: 'Opłata za obsługę karty',
+      card_payment_title: 'Płatność kartą',
+      card_payment_error: 'Nie udało się zrealizować płatności. Spróbuj ponownie.',
       shipping_fee: 'Wysyłka',
       ticket_insurance: 'Ubezpieczenie biletu',
       price_including_service_fee: 'Cena zawiera opłatę serwisową {{fee}}.',
@@ -64,6 +67,7 @@ const pl = {
         'To jest kategoria dodatkowa — wprowadź numer już zakupionego biletu.',
       primary_ticket_dialog_title: 'Wprowadź numer biletu głównego',
       primary_ticket_dialog_input_label: 'Numer biletu głównego',
+      amount: 'Kwota',
     },
     validation: {
       required: 'To pole jest wymagane.',
@@ -184,6 +188,40 @@ const pl = {
           button: 'Pobierz bilet',
           products: 'Twoje produkty',
         },
+        paydroid: {
+          label: 'Paydroid Cashless',
+          heading: 'Unikaj kolejek!',
+          heading_cta: 'Doładuj teraz',
+          subtitle:
+            'Na imprezie płatności są wyłącznie bezgotówkowe za pomocą systemu Paydroid Cashless. Doładuj konto teraz i unikaj kolejek!',
+          amount_label: 'Jaką kwotę chcesz doładować?',
+          amount_placeholder: 'Wpisz kwotę',
+          promo: 'Doładuj kwotę wyższą niż 1000 CZK i otrzymaj piwo gratis!',
+          terms_prefix: 'Zgadzam się z',
+          terms_conditions: 'Regulaminem',
+          terms_middle: 'Paydroid Cashless oraz z',
+          terms_privacy: 'Zasadami przetwarzania danych osobowych',
+          terms: 'Zgoda na regulamin i RODO Paydroid Cashless',
+          skip: 'chcę tylko bilet w aplikacji',
+          submit: 'doładuj',
+          success_title: 'Dodaliśmy bilet do Twojego konta',
+          success_subtitle:
+            'Zaloguj się do aplikacji Paydroid Cashless. Jeśli chcesz uniknąć kolejek, doładuj konto w aplikacji!',
+          topup_success_title: 'Dziękujemy za doładowanie!',
+          topup_success_subtitle:
+            'Właśnie dodaliśmy środki na Twoje konto Paydroid Cashless. Zaloguj się do aplikacji.',
+          error_title: 'Doładowanie nie powiodło się',
+          error_subtitle: 'Nie zostałeś obciążony. Skontaktuj się z nami w razie problemów.',
+          error_account_title: 'Nie udało się utworzyć konta',
+          error_account_subtitle: 'Prawdopodobnie podałeś dane różniące się od naszych zapisów.',
+          error_account_button: 'zaloguj się do aplikacji',
+          error_ticket_title: 'Nie udało się dodać biletu',
+          error_ticket_subtitle:
+            'Przepraszamy, spróbuj ponownie później. Skontaktuj się z nami jeśli problem się powtórzy.',
+          faq_button: 'najczęstsze pytania',
+          retry_button: 'spróbuj ponownie',
+          missing_api_key: 'Brak klucza API Paydroid',
+        },
         unpaid: 'Płatność nie powiodła się.',
         unpaid_description: 'Spróbuj ponownie, klikając przycisk Zapłać.',
       },

package/src/locales/sk.tsx

@@ -44,6 +44,9 @@ const sk = {
       total: 'Spolu',
       with_fee: 'vrátane servisného poplatku',
       service_fee: 'Servisný poplatok',
+      payment_processing_fee: 'Poplatok za platbu kartou',
+      card_payment_title: 'Platba kartou',
+      card_payment_error: 'Platbu sa nepodarilo dokončiť. Skúste to znova.',
       shipping_fee: 'Doručenie',
       ticket_insurance: 'Poistenie vstupenky',
       price_including_service_fee: 'Cena zahŕňa servisný poplatok {{fee}}.',
@@ -64,6 +67,7 @@ const sk = {
         'Táto kategória je doplnková — zadajte číslo už zakúpenej vstupenky.',
       primary_ticket_dialog_title: 'Zadajte číslo primárnej vstupenky',
       primary_ticket_dialog_input_label: 'Číslo primárnej vstupenky',
+      amount: 'Čiastka',
     },
     validation: {
       required: 'Toto pole je povinné.',
@@ -185,6 +189,42 @@ const sk = {
           button: 'Stiahnuť vstupenku',
           products: 'Vaše produkty',
         },
+        paydroid: {
+          label: 'Paydroid Cashless',
+          heading: 'Vyhnite sa radom!',
+          heading_cta: 'Prednabite si',
+          subtitle:
+            'Na akcii sa platí len bezhotovostne pomocou systému Paydroid Cashless. Prednabite si čiastku teraz a vyhnite sa radom!',
+          amount_label: 'Akú čiastku chcete prednabiť?',
+          amount_placeholder: 'Zadajte čiastku',
+          promo: 'Prednabite si na akciu čiastku vyššiu ako 1000 Kč a získajte pivo zadarmo!',
+          terms_prefix: 'Súhlasím s',
+          terms_conditions: 'Obchodnými podmienkami',
+          terms_middle: 'Paydroid Cashless a so',
+          terms_privacy: 'Zásadami spracovania osobných údajov',
+          terms: 'Súhlas VOP a GDPR Paydroid Cashless',
+          skip: 'chcem len vstupenku v aplikácii',
+          submit: 'prednabiť',
+          success_title: 'Vstupenku sme pridali k vášmu účtu',
+          success_subtitle:
+            'Stačí sa prihlásiť do aplikácie Paydroid Cashless. A ak sa chcete vyhnúť radom, prednabite si v aplikácii!',
+          topup_success_title: 'Ďakujeme za prednabitie!',
+          topup_success_subtitle:
+            'Práve sme pripísali kredit na Váš účet Paydroid Cashless, stačí sa prihlásiť v aplikácii.',
+          error_title: 'Prednabitie sa nepodarilo',
+          error_subtitle:
+            'Neboli ste nijako spoplatnení, v prípade akýchkoľvek problémov nás prosím kontaktujte.',
+          error_account_title: 'Nepodarilo sa vytvoriť účet',
+          error_account_subtitle:
+            'Pravdepodobne ste zadali údaje, ktoré sa líšia od záznamu v našej databáze.',
+          error_account_button: 'prihlásiť sa do aplikácie',
+          error_ticket_title: 'Pridanie vstupenky sa nepodarilo',
+          error_ticket_subtitle:
+            'Ospravedlňujeme sa, skúste to neskôr. V prípade problémov nás prosím kontaktujte.',
+          faq_button: 'najčastejšie otázky',
+          retry_button: 'skúsiť znova',
+          missing_api_key: 'Paydroid API kľúč chýba',
+        },
         unpaid: 'Platba neprebehla.',
         unpaid_description: 'Skúste to prosím znova kliknutím na tlačidlo Zaplatiť.',
       },

package/src/locales/uk.tsx

@@ -44,6 +44,9 @@ const uk = {
       total: 'Всього',
       with_fee: 'вкл. сервісний збір',
       service_fee: 'Сервісний збір',
+      payment_processing_fee: 'Комісія за оплату карткою',
+      card_payment_title: 'Оплата карткою',
+      card_payment_error: 'Не вдалося завершити оплату. Спробуйте ще раз.',
       shipping_fee: 'Доставка',
       ticket_insurance: 'Страхування квитка',
       price_including_service_fee: 'Ціна включає сервісний збір {{fee}}.',
@@ -63,6 +66,7 @@ const uk = {
       primary_ticket_number_hint: 'Це додаткова категорія — введіть номер уже придбаного квитка.',
       primary_ticket_dialog_title: 'Введіть номер основного квитка',
       primary_ticket_dialog_input_label: 'Номер основного квитка',
+      amount: 'Сума',
     },
     validation: {
       required: "Це поле обов'язкове.",
@@ -184,6 +188,40 @@ const uk = {
           button: 'Завантажити квиток',
           products: 'Ваші продукти',
         },
+        paydroid: {
+          label: 'Paydroid Cashless',
+          heading: 'Уникайте черг!',
+          heading_cta: 'Поповніть баланс',
+          subtitle:
+            'На заході оплата виключно безготівкова за допомогою системи Paydroid Cashless. Поповніть баланс зараз і уникайте черг!',
+          amount_label: 'Яку суму ви хочете поповнити?',
+          amount_placeholder: 'Введіть суму',
+          promo: 'Поповніть суму понад 1000 CZK та отримайте пиво безкоштовно!',
+          terms_prefix: 'Я погоджуюсь з',
+          terms_conditions: 'Умовами використання',
+          terms_middle: 'Paydroid Cashless та із',
+          terms_privacy: 'Правилами обробки персональних даних',
+          terms: 'Згода з умовами та GDPR Paydroid Cashless',
+          skip: 'лише квиток у додатку',
+          submit: 'поповнити',
+          success_title: 'Ми додали квиток до вашого облікового запису',
+          success_subtitle:
+            'Просто увійдіть у додаток Paydroid Cashless. Якщо хочете уникнути черг — поповніть баланс у додатку!',
+          topup_success_title: 'Дякуємо за поповнення!',
+          topup_success_subtitle:
+            'Ми щойно зарахували кошти на ваш рахунок Paydroid Cashless. Увійдіть у додаток.',
+          error_title: 'Поповнення не вдалося',
+          error_subtitle: 'З вас нічого не стягнуто. Зверніться до нас, якщо виникнуть проблеми.',
+          error_account_title: 'Не вдалося створити обліковий запис',
+          error_account_subtitle: 'Можливо, ви ввели дані, що відрізняються від наших записів.',
+          error_account_button: 'увійти в додаток',
+          error_ticket_title: 'Не вдалося додати квиток',
+          error_ticket_subtitle:
+            'Вибачте, спробуйте пізніше. Зверніться до нас, якщо проблема повториться.',
+          faq_button: 'часті запитання',
+          retry_button: 'спробувати знову',
+          missing_api_key: 'API ключ Paydroid відсутній',
+        },
         unpaid: 'Платіж не здійснено.',
         unpaid_description: 'Спробуйте ще раз, натиснувши кнопку Оплатити.',
       },

package/src/modules/order.ts

@@ -18,3 +18,6 @@ export const getAllowedPaymentMethods = (currency: Currencies, eventId?: number)
 
 export const postOrderPaid = (data: IOrderPaidData): Promise<IResponse<IOrderPaid>> =>
   api.post('/v1/orders/paid', data).then((res) => res.data.data);
+
+export const getStripeConfig = (): Promise<{ publishableKey: string | null }> =>
+  api.get('/v1/orders/stripe/config').then((res) => res.data.data.data);

package/src/modules/paydroid.ts

@@ -0,0 +1,33 @@
+import api from '@utils/axios';
+import { IResponse } from '@utils/types/global.type';
+import {
+  IPaydroidCreateAccountData,
+  IPaydroidTopupAccountData,
+  IPaydroidTopupAccountResponse,
+} from '@utils/types/paydroid';
+
+const domain = 'https://api.paydroid.cz';
+
+export const postPaydroidCreateAccount = (
+  apiKey: string,
+  data: IPaydroidCreateAccountData
+): Promise<IResponse<null>> =>
+  api
+    .post(`${domain}/v1/requests/create-account`, data, {
+      headers: {
+        'X-Api-Key': apiKey,
+      },
+    })
+    .then((res) => res.data.data);
+
+export const postPaydroidTopupAccount = (
+  apiKey: string,
+  data: IPaydroidTopupAccountData
+): Promise<IResponse<IPaydroidTopupAccountResponse>> =>
+  api
+    .post(`${domain}/v1/requests/topup-account`, data, {
+      headers: {
+        'X-Api-Key': apiKey,
+      },
+    })
+    .then((res) => res.data);

package/src/utils/data/page.ts

@@ -0,0 +1,7 @@
+export 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/src/utils/page.ts

@@ -0,0 +1,4 @@
+import { Page } from '@utils/data/page';
+
+export const isPaydroidPage = (page: string | null): boolean =>
+  Object.values(Page).includes(page as Page);

package/src/utils/paydroid.ts

@@ -0,0 +1,35 @@
+import { Page } from '@utils/data/page';
+import { IOrderPaid } from '@utils/types/order.type';
+import { IPaydroidCreateAccountData, IPaydroidTopupAccountData } from '@utils/types/paydroid';
+import dayjs from 'dayjs';
+
+export const getRedirectUrl = (page: Page): string => {
+  const base = window.location.origin + window.location.pathname;
+  return `${base}?page=${page}`;
+};
+
+export const transformToCreateAccountData = (data: IOrderPaid): IPaydroidCreateAccountData => ({
+  first_name: data.customer.firstName,
+  last_name: data.customer.lastName,
+  email: data.customer.email,
+  phone_number: data.customer.phone,
+  event_id: data.paydroidEventId || '',
+  tickets: data.tickets.map((ticket) => ({
+    number: ticket.number.toString(),
+    category: ticket.releaseCategoryName,
+  })),
+  ...(data.customer.birthdate
+    ? { date_of_birth: dayjs(data.customer.birthdate).format('YYYY-MM-DD') }
+    : {}),
+});
+
+export const transformToTopupAccountData = (
+  amount: string,
+  data: IOrderPaid
+): IPaydroidTopupAccountData => ({
+  email: data.customer.email,
+  event_id: data.paydroidEventId || '',
+  amount: Number(amount),
+  success_url: getRedirectUrl(Page.PAYDROID_TOPUP_SUCCESS),
+  failure_url: getRedirectUrl(Page.PAYDROID_ERROR),
+});

package/src/utils/types/global.type.ts

@@ -35,6 +35,7 @@ export interface IGlobalContextOptions {
   termsAndConditionsCompanies?: string[];
   autoscrollAfterViewChange?: boolean;
   hasGopayId?: boolean;
+  paydroidApiKey?: string;
 }
 
 export interface IBase {

package/src/utils/types/order.type.ts

@@ -23,6 +23,11 @@ export interface IOrder extends IBase {
 
 export interface IOrderCreate {
   gwUrl: string;
+  // Inline Stripe (Payment Element): set when the selected method confirms
+  // in-page instead of redirecting; the publishable key is returned alongside
+  // so the SDK can mount Elements without host-app configuration.
+  clientSecret: string | null;
+  publishableKey: string | null;
   tickets: ICreateTicket[];
   orderEntity: IOrder;
   customer: ICustomer;
@@ -40,9 +45,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 {