@deuna/react-native-sdk 2.0.5 → 2.1.0-beta.1

package/lib/typescript/deuna-sdk-react-native/src/wallets/tokenize/googlePay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"googlePay.d.ts","sourceRoot":"","sources":["../../../../../../src/wallets/tokenize/googlePay.ts"],"names":[],"mappings":"AAAA,wBAAgB,0BAA0B,CAAC,WAAW,EAAE,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CA0BxF"}

package/lib/typescript/deuna-sdk-react-native/src/wallets/tokenize/index.d.ts

@@ -0,0 +1,3 @@
+import type { WalletProvider } from '../types';
+export declare function buildTokenizeBody(provider: WalletProvider, paymentData: unknown): Record<string, unknown>;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/deuna-sdk-react-native/src/wallets/tokenize/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/wallets/tokenize/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAS/C,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,cAAc,EAAE,WAAW,EAAE,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAEzG"}

package/lib/typescript/deuna-sdk-react-native/src/wallets/types.d.ts

@@ -0,0 +1,15 @@
+import type { Environment } from '../types/base';
+import type { UserInfo } from '../types/interfaces/initWidgetBase';
+export type WalletProvider = 'apple_pay' | 'google_pay';
+export interface WalletsError {
+    code: string;
+    message: string;
+}
+export interface InitElementsParams {
+    orderToken: string;
+    publicApiKey: string;
+    environment: Environment;
+    walletProvider: WalletProvider;
+    userInfo?: Partial<UserInfo>;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/deuna-sdk-react-native/src/wallets/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/wallets/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAEnE,MAAM,MAAM,cAAc,GAAG,WAAW,GAAG,YAAY,CAAC;AAExD,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,kBAAkB;IACjC,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,WAAW,CAAC;IACzB,cAAc,EAAE,cAAc,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC;CAC9B"}

package/lib/typescript/deuna-sdk-react-native/src/wallets/vaultApi.d.ts

@@ -0,0 +1,38 @@
+import type { UserInfo } from '../types/interfaces/initWidgetBase';
+export interface ApplePayCredentials {
+    merchantIdentifier: string;
+    displayName: string;
+    supportedNetworks: string[];
+    merchantCapabilities: string[];
+    transactionInfo?: {
+        amount: string;
+        currencyCode: string;
+        countryCode: string;
+        label: string;
+    };
+    credentialId?: string;
+}
+export interface GooglePayCredentials {
+    merchantId: string;
+    merchantName: string;
+    gateway: string;
+    gatewayMerchantId: string;
+    tokenizationType: 'PAYMENT_GATEWAY' | 'DIRECT';
+    publicKey?: string;
+    allowedCardNetworks: string[];
+    allowedAuthMethods: string[];
+    transactionInfo?: {
+        totalPrice: string;
+        currencyCode: string;
+        countryCode: string;
+    };
+}
+export type WalletCredentials = ApplePayCredentials | GooglePayCredentials;
+export interface VaultFetchResult {
+    providers: string[];
+    credentials: Record<string, WalletCredentials>;
+    userToken?: string;
+    userId?: string;
+}
+export declare function fetchVaultResult(environment: string, publicApiKey: string, orderToken?: string, userInfo?: Partial<UserInfo>): Promise<VaultFetchResult>;
+//# sourceMappingURL=vaultApi.d.ts.map

package/lib/typescript/deuna-sdk-react-native/src/wallets/vaultApi.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vaultApi.d.ts","sourceRoot":"","sources":["../../../../../src/wallets/vaultApi.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAMnE,MAAM,WAAW,mBAAmB;IAClC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,iBAAiB,EAAE,MAAM,EAAE,CAAC;IAC5B,oBAAoB,EAAE,MAAM,EAAE,CAAC;IAC/B,eAAe,CAAC,EAAE;QAChB,MAAM,EAAE,MAAM,CAAC;QACf,YAAY,EAAE,MAAM,CAAC;QACrB,WAAW,EAAE,MAAM,CAAC;QACpB,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,oBAAoB;IACnC,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,gBAAgB,EAAE,iBAAiB,GAAG,QAAQ,CAAC;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB,EAAE,MAAM,EAAE,CAAC;IAC9B,kBAAkB,EAAE,MAAM,EAAE,CAAC;IAC7B,eAAe,CAAC,EAAE;QAChB,UAAU,EAAE,MAAM,CAAC;QACnB,YAAY,EAAE,MAAM,CAAC;QACrB,WAAW,EAAE,MAAM,CAAC;KACrB,CAAC;CACH;AAED,MAAM,MAAM,iBAAiB,GAAG,mBAAmB,GAAG,oBAAoB,CAAC;AAE3E,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAsB,gBAAgB,CACpC,WAAW,EAAE,MAAM,EACnB,YAAY,EAAE,MAAM,EACpB,UAAU,CAAC,EAAE,MAAM,EACnB,QAAQ,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC,GAC3B,OAAO,CAAC,gBAAgB,CAAC,CAiC3B"}

package/package.json

@@ -1,16 +1,22 @@
 {
   "name": "@deuna/react-native-sdk",
-  "version": "2.0.5",
+  "version": "2.1.0-beta.1",
   "description": "React Native SDK",
   "source": "./src/index.tsx",
   "react-native": "./src/index.tsx",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/deuna-sdk-react-native/src/index.d.ts",
   "peerDependencies": {
+    "expo-modules-core": ">=1.12.0",
     "react": "*",
     "react-native": "*",
     "react-native-webview": "*"
   },
+  "peerDependenciesMeta": {
+    "expo-modules-core": {
+      "optional": true
+    }
+  },
   "exports": {
     ".": {
       "types": "./lib/typescript/deuna-sdk-react-native/src/index.d.ts",
@@ -27,6 +33,8 @@
     "cpp",
     "*.podspec",
     "react-native.config.js",
+    "expo-module.config.json",
+    "app.plugin.js",
     "!ios/build",
     "!android/build",
     "!android/gradle",
@@ -40,6 +48,7 @@
     "!packages"
   ],
   "scripts": {
+    "postinstall": "node -e \"const fs=require('fs');fs.mkdirSync('examples/expo/node_modules/@deuna',{recursive:true});try{fs.symlinkSync('../../../../.',String.raw`examples/expo/node_modules/@deuna/react-native-sdk`,'junction')}catch(e){}\"",
     "copy-types": "bash copy-types.sh",
     "example:expo": "yarn workspace deuna-sdk-react-native-example-expo",
     "example:cli": "yarn workspace deuna-sdk-react-native-example-rn-cli",
@@ -58,7 +67,8 @@
     "example:cli:install": "yarn prepare && yarn example:cli install",
     "example:cli:start": "yarn example:cli start",
     "example:cli:android": "yarn example:cli android",
-    "example:cli:ios": "yarn example:cli ios"
+    "example:cli:ios": "yarn example:cli ios",
+    "example:expo:prebuild": "yarn example:expo prebuild"
   },
   "keywords": [
     "react-native",
@@ -93,6 +103,8 @@
     "eslint": "^9.22.0",
     "eslint-config-prettier": "^10.1.1",
     "eslint-plugin-prettier": "^5.2.3",
+    "expo": "^55.0.19",
+    "expo-modules-core": "^55.0.24",
     "jest": "^29.7.0",
     "prettier": "^3.0.3",
     "react": "18.3.1",

package/react-native.config.js

@@ -0,0 +1,8 @@
+module.exports = {
+  dependency: {
+    platforms: {
+      ios: {},
+      android: { sourceDir: './android' },
+    },
+  },
+};

package/src/DeunaSDK.ts

@@ -19,6 +19,12 @@ import {
   SubmitResult,
   VoucherWidgetCallbacks,
 } from './types';
+import {
+  getWalletsAvailable as getWalletsAvailableNative,
+  initElements as initElementsNative,
+  type WalletProvider,
+} from './wallets';
+import type { GetWalletsAvailableParams, WalletElementConfig } from './types';
 import { InitFraudProvidersProps } from './types/fraudProviders';
 import {
   DeunaWebViewController,
@@ -143,9 +149,25 @@ export class DeunaSDK extends BaseDeuna {
   }
 
   /**
-   * Shows the elements widget
-   * @param props - The parameters for the elements widget controller
-   * @param props.mode - The mode for the widget
+   * Returns wallet providers available on the current device.
+   *
+   * - Pass `WalletElementConfig` to use explicit credentials (no vault fetch).
+   * - Pass `{ orderToken?, userInfo? }` to resolve credentials from the DEUNA vault API.
+   */
+  async getWalletsAvailable(
+    params: GetWalletsAvailableParams = {}
+  ): Promise<WalletProvider[]> {
+    return getWalletsAvailableNative(
+      this.config.publicApiKey,
+      this.config.environment ?? 'production',
+      params
+    );
+  }
+
+  /**
+   * Shows the elements widget or launches a native wallet payment sheet.
+   * Pass `types: [{ name: 'APPLE_PAY' }]` or `types: [{ name: 'GOOGLE_PAY' }]` to trigger
+   * the native payment sheet. Optionally include `walletConfig` with explicit credentials.
    */
   async initElements(
     props: InitElementsWidgetParams & {
@@ -154,7 +176,46 @@ export class DeunaSDK extends BaseDeuna {
       userAgent?: string;
       fraudCredentials?: Partial<InitFraudProvidersProps>;
     }
-  ) {
+  ): Promise<void> {
+    const WALLET_TYPE_TO_PROVIDER: Record<string, WalletProvider> = {
+      APPLE_PAY: 'apple_pay',
+      GOOGLE_PAY: 'google_pay',
+    };
+    const firstType = props.types?.[0]?.name;
+    const walletProvider = firstType
+      ? WALLET_TYPE_TO_PROVIDER[firstType]
+      : undefined;
+
+    if (walletProvider) {
+      initElementsNative(
+        {
+          walletProvider,
+          orderToken: props.orderToken ?? '',
+          publicApiKey: this.config.publicApiKey,
+          environment: this.config.environment ?? 'production',
+          userInfo: props.userInfo,
+        },
+        props.walletConfig as WalletElementConfig | undefined
+      )
+        .then((result) => {
+          if (result === 'closed') {
+            props.callbacks?.onClosed?.('userAction');
+          } else {
+            props.callbacks?.onSuccess?.(result ?? {});
+          }
+        })
+        .catch((err: { code?: string; message?: string }) => {
+          props.callbacks?.onError?.({
+            type: err.code ?? 'WALLET_ERROR',
+            metadata: {
+              code: err.code ?? 'WALLET_ERROR',
+              message: err.message ?? 'Wallet payment failed',
+            },
+          });
+        });
+      return;
+    }
+
     this.setWidgetController({
       controller: buildDeunaWidgetController(this.config, {
         widget: 'elements',

package/src/components/DeunaWebView.tsx

@@ -10,6 +10,7 @@ interface DeunaWebViewProps {
   onLoad?: () => void;
   onError?: (error: any) => void;
   onShouldStartLoadWithRequest?: (request: any) => boolean;
+  onOpenWindow?: (targetUrl: string) => void;
 }
 
 export const DeunaWebView = (props: DeunaWebViewProps) => {
@@ -28,11 +29,14 @@ export const DeunaWebView = (props: DeunaWebViewProps) => {
           props.onLoad?.();
         }}
         startInLoadingState
+        paymentRequestEnabled
+        enableApplePay
         renderLoading={() => <WebViewLoader />}
         javaScriptEnabled={true}
         onError={props.onError}
         setSupportMultipleWindows={false}
         javaScriptCanOpenWindowsAutomatically={false}
+        onOpenWindow={(event) => props.onOpenWindow?.(event.nativeEvent.targetUrl)}
         onShouldStartLoadWithRequest={props.onShouldStartLoadWithRequest}
       />
     </View>

package/src/components/DeunaWidget.tsx

@@ -109,6 +109,7 @@ const DeunaWidgetContainer = (props: DeunaWidgetProps) => {
                 onMessage={controller?.onMessage}
                 onLoad={controller?.onLoad}
                 onError={controller?.onError}
+
                 onShouldStartLoadWithRequest={
                   controller?.onShouldStartLoadWithRequest
                 }
@@ -129,6 +130,7 @@ const DeunaWidgetContainer = (props: DeunaWidgetProps) => {
           onMessage={controller?.onMessage}
           onLoad={controller?.onLoad}
           onError={controller?.onError}
+          onOpenWindow={controller?.onOpenWindow}
           onShouldStartLoadWithRequest={
             controller?.onShouldStartLoadWithRequest
           }

package/src/controllers/BaseWebViewController.ts

@@ -105,6 +105,21 @@ export abstract class BaseWebViewController {
     return true;
   };
 
+  /**
+   * Called when window.open() is triggered inside the WebView (native event,
+   * no JS injection needed). window.open returns null to the page, which causes
+   * payment libraries like pay.js to fall back to the Payment Request API.
+   * Non-payment URLs (APM redirects, etc.) are forwarded as external URLs.
+   */
+  onOpenWindow = (targetUrl: string) => {
+    if (!targetUrl) return;
+    // Google Pay opens via the Payment Request API (paymentRequestEnabled=true).
+    // Intercepting pay.google.com here would open it in a WebView, which Google
+    // Pay blocks. Drop it and let the native Payment Request handler take over.
+    if (targetUrl.includes('pay.google.com')) return;
+    this.delegate?.onOpenExternalUrl?.(targetUrl, { userInitiated: true });
+  };
+
   /**
    * Release the web view resources
    */
@@ -246,10 +261,6 @@ export abstract class DeunaWebViewController extends BaseWebViewController {
     document.addEventListener('keydown', function() {
       window.__deunaLastUserInteractionAt = Date.now();
     }, true);
-    window.open = function(url, target, features) {
-      var isUserInitiated = Date.now() - (window.__deunaLastUserInteractionAt || 0) < 1500;
-      window.ReactNativeWebView.postMessage(JSON.stringify({ type: '${WebViewEventType.openExternalUrl}', url, userInitiated: isUserInitiated }));
-    };
     window.ReactNativeWebView.postMessage(JSON.stringify({
       type: '${WebViewEventType.userAgentResolved}',
       userAgent: navigator.userAgent || null

package/src/controllers/ElementsWidgetController.ts

@@ -5,6 +5,7 @@ import {
 } from '../interfaces/events/elements';
 import { ElementsWidgetCallbacks } from '../types';
 import { ElementsErrorType, WidgetConfig } from '../interfaces';
+import { DeunaLogs } from '../DeunaLogs';
 
 export class ElementsWidgetController extends DeunaWebViewController {
   constructor(
@@ -15,11 +16,13 @@ export class ElementsWidgetController extends DeunaWebViewController {
   }
 
   onError = (event: any) => {
+    const message = event.message ?? 'Error while loading the URL';
+    DeunaLogs.error('Elements URL load error', message);
     this.callbacks.onError?.({
       type: ElementsErrorType.errorWhileLoadingTheURL,
       metadata: {
         code: ElementsErrorType.errorWhileLoadingTheURL,
-        message: event.message ?? 'Error while loading the URL',
+        message,
       },
     });
   };
@@ -27,16 +30,20 @@ export class ElementsWidgetController extends DeunaWebViewController {
   onEventDispatch = (event: Record<string, any>) => {
     const elementsEvent = event as ElementsEvent;
 
+    DeunaLogs.info('Elements event', elementsEvent.type);
+
     if (this.callbacks.onEventDispatch) {
       this.callbacks.onEventDispatch(elementsEvent.type, elementsEvent.data);
     }
 
     const mapper: Partial<Record<ElementsEventType, () => void>> = {
       [ElementsEventType.vaultClosed]: () => {
+        DeunaLogs.info('Card tokenization', 'Widget closed by user');
         this.closedAction = 'userAction';
         this.delegate?.onCloseButtonPressed?.();
       },
       [ElementsEventType.vaultSaveSuccess]: () => {
+        DeunaLogs.info('Card tokenization', 'Card saved successfully');
         this.delegate?.onCloseExternalUrl?.();
         this.callbacks.onSuccess?.(this.buildSuccessPayload(event.data));
       },
@@ -56,6 +63,10 @@ export class ElementsWidgetController extends DeunaWebViewController {
             metadata.reason ??
             'unknown error';
 
+          DeunaLogs.error(
+            'Card tokenization failed',
+            `code=${errorCode} message=${errorMessage} raw=${JSON.stringify(metadata)}`
+          );
           this.callbacks.onError?.({
             type: ElementsErrorType.vaultSaveError,
             metadata: {
@@ -64,6 +75,10 @@ export class ElementsWidgetController extends DeunaWebViewController {
             },
           });
         } else {
+          DeunaLogs.error(
+            'Card tokenization failed',
+            `vaultSaveError fired with no metadata — raw event: ${JSON.stringify(elementsEvent.data)}`
+          );
           this.callbacks.onError?.({
             type: ElementsErrorType.unknownError,
             metadata: {

package/src/index.tsx

@@ -3,3 +3,4 @@ export * from './components/DeunaWidget';
 export * from './types';
 export * from './interfaces';
 export * from './adapters';
+export * from './wallets';

package/src/plugin/index.ts

@@ -0,0 +1,29 @@
+import { type ConfigPlugin } from 'expo/config-plugins';
+import { withIosApplePay } from './withIosApplePay';
+import { withAndroidGooglePay } from './withAndroidGooglePay';
+import { withIosFmtFix } from './withIosFmtFix';
+
+export interface DeunaWalletsPluginOptions {
+  merchantIdentifiers?: string[];
+  googlePay?: boolean;
+}
+
+const withDeunaWallets: ConfigPlugin<DeunaWalletsPluginOptions> = (
+  config,
+  options = {}
+) => {
+  const { merchantIdentifiers, googlePay = true } = options;
+
+  // Always apply — fixes fmt consteval build error with Xcode 16 / Clang 16+
+  config = withIosFmtFix(config);
+
+  if (merchantIdentifiers?.length) {
+    config = withIosApplePay(config, { merchantIdentifiers });
+  }
+  if (googlePay) {
+    config = withAndroidGooglePay(config);
+  }
+  return config;
+};
+
+export default withDeunaWallets;

package/src/plugin/withAndroidGooglePay.ts

@@ -0,0 +1,15 @@
+import { type ConfigPlugin, withAndroidManifest } from 'expo/config-plugins';
+
+export const withAndroidGooglePay: ConfigPlugin = (config) =>
+  withAndroidManifest(config, (mod) => {
+    const mainApp = mod.modResults.manifest.application?.[0];
+    if (!mainApp) return mod;
+
+    const metaData = mainApp['meta-data'] ?? [];
+    const KEY = 'com.google.android.gms.wallet.api.enabled';
+    if (!metaData.some((m: any) => m.$?.['android:name'] === KEY)) {
+      metaData.push({ $: { 'android:name': KEY, 'android:value': '1' } });
+    }
+    mainApp['meta-data'] = metaData;
+    return mod;
+  });

package/src/plugin/withIosApplePay.ts

@@ -0,0 +1,10 @@
+import { type ConfigPlugin, withEntitlementsPlist } from 'expo/config-plugins';
+
+export const withIosApplePay: ConfigPlugin<{ merchantIdentifiers: string[] }> = (
+  config,
+  { merchantIdentifiers }
+) =>
+  withEntitlementsPlist(config, (mod) => {
+    mod.modResults['com.apple.developer.in-app-payments'] = merchantIdentifiers;
+    return mod;
+  });

package/src/plugin/withIosFmtFix.ts

@@ -0,0 +1,49 @@
+import { type ConfigPlugin, withPodfile } from 'expo/config-plugins';
+
+const FMT_FIX_MARKER = 'deuna-fmt-fix';
+
+const FMT_FIX_LINES = [
+  '    # deuna-fmt-fix: fixes consteval build error with Xcode 16 / Clang 16+',
+  '    installer.pods_project.targets.each do |target|',
+  "      if target.name == 'fmt'",
+  '        target.build_configurations.each do |config|',
+  "          config.build_settings['CLANG_CXX_LANGUAGE_STANDARD'] = 'c++17'",
+  '        end',
+  '      end',
+  '    end',
+];
+
+export const withIosFmtFix: ConfigPlugin = (config) =>
+  withPodfile(config, (mod) => {
+    const lines = mod.modResults.contents.split('\n');
+
+    if (lines.some((l) => l.includes(FMT_FIX_MARKER))) return mod;
+
+    let depth = 0;
+    let postInstallCloseIdx = -1;
+
+    for (let i = 0; i < lines.length; i++) {
+      const line = lines[i] ?? '';
+      if (line.includes('post_install do')) {
+        depth = 1;
+        continue;
+      }
+      if (depth > 0) {
+        if (/\bdo\b/.test(line)) depth++;
+        if (/^\s*end\b/.test(line)) {
+          depth--;
+          if (depth === 0) {
+            postInstallCloseIdx = i;
+            break;
+          }
+        }
+      }
+    }
+
+    if (postInstallCloseIdx >= 0) {
+      lines.splice(postInstallCloseIdx, 0, ...FMT_FIX_LINES);
+      mod.modResults.contents = lines.join('\n');
+    }
+
+    return mod;
+  });

package/src/types/base.ts

@@ -3,29 +3,105 @@ import {
   NextActionWidgetCallbacks,
   PaymentWidgetCallbacks,
   VoucherWidgetCallbacks,
-} from './interfaces/callbacks';
-import { CustomStyles } from './interfaces/customStyle';
-import { ElementWidgetType } from './helpers/urlConfig';
+} from "./interfaces/callbacks";
+
+export interface GooglePayTransactionInfo {
+  totalPrice: string;
+  totalPriceStatus: string;
+  currencyCode: string;
+  countryCode: string;
+  totalPriceLabel?: string;
+}
+
+export interface ApplePayTransactionInfo {
+  label: string;
+  amount: string;
+  currencyCode: string;
+  countryCode: string;
+}
+
+export type GooglePayTokenizationType = "PAYMENT_GATEWAY" | "DIRECT";
+
+export interface GooglePayWalletConfig {
+  merchantId: string;
+  merchantName: string;
+  /** Payment gateway identifier (e.g. 'deuna', 'adyen') — used with PAYMENT_GATEWAY tokenization */
+  gateway: string;
+  /** Merchant identifier within the payment gateway — used with PAYMENT_GATEWAY tokenization */
+  gatewayMerchantId: string;
+  /** Tokenization type: "PAYMENT_GATEWAY" (default) or "DIRECT" */
+  tokenizationType?: GooglePayTokenizationType;
+  /** Base64-encoded public key for DIRECT tokenization */
+  publicKey?: string;
+  /** Protocol version for DIRECT tokenization (defaults to "ECv2") */
+  protocolVersion?: string;
+  transactionInfo?: GooglePayTransactionInfo;
+  allowedCardNetworks?: Array<
+    "AMEX" | "DISCOVER" | "INTERAC" | "JCB" | "MASTERCARD" | "VISA"
+  >;
+  allowedCardAuthMethods?: Array<"PAN_ONLY" | "CRYPTOGRAM_3DS">;
+}
+
+export interface ApplePayWalletConfig {
+  /** Optional — under Option B (DEUNA-Managed), the backend resolves it via X-Api-Key. */
+  merchantIdentifier?: string;
+  displayName: string;
+  transactionInfo?: ApplePayTransactionInfo;
+  supportedNetworks?: string[];
+  merchantCapabilities?: string[];
+}
+
+export interface WalletElementConfig {
+  GOOGLE_PAY?: GooglePayWalletConfig;
+  APPLE_PAY?: ApplePayWalletConfig;
+}
+
+/**
+ * Parameters for `getWalletsAvailable()`.
+ *
+ * - **No arguments (Elements flow):** The SDK calls the DEUNA SSR endpoint
+ *   with just the `publicApiKey` to resolve wallet credentials from the
+ *   merchant configuration.
+ *
+ * - **`{ orderToken, userInfo }` (Elements flow with order):** Same SSR call
+ *   but includes order data so transactionInfo is pre-resolved. This avoids
+ *   a second SSR call during the click handler, which is critical for Apple Pay
+ *   (user gesture must reach `session.begin()` within ~5 seconds).
+ *
+ * - **`WalletElementConfig` (Payment Widget / Modular Checkout):**
+ *   Uses the provided credentials directly. No SSR call.
+ */
+export type GetWalletsAvailableParams =
+  | WalletElementConfig
+  | {
+      orderToken?: string;
+      userInfo?: Partial<UserInfo>;
+    };
+
+
+import { CustomStyles } from "./interfaces/customStyle";
+import { ElementWidgetType } from "./helpers/urlConfig";
 import {
   InitWidgetBase,
   PaymentMethodConfigurationFlow,
-} from './interfaces/initWidgetBase';
+  UserInfo,
+} from "./interfaces/initWidgetBase";
 import {
   Merchant,
   PaymentMethodTypes,
   PaymentProcessorName,
-} from './interfaces/merchant';
-import { Order } from './interfaces/order';
-import { User } from './interfaces/user';
-import { InitFraudProvidersProps } from './fraudProviders';
+} from "./interfaces/merchant";
+import { Order } from "./interfaces/order";
+import { User } from "./interfaces/user";
+import { InitFraudProvidersProps } from "./fraudProviders";
 
-export type Environment = 'production' | 'sandbox' | 'develop' | 'staging';
+export type Environment = "production" | "sandbox" | "develop" | "staging";
 
 export interface InitializeParams {
   environment?: Environment;
   publicApiKey: string;
 }
-export type SubmitStatus = 'success' | 'error';
+export type SubmitStatus = "success" | "error";
 
 export type SubmitResult = {
   status: SubmitStatus;
@@ -57,7 +133,7 @@ export type RefetchOrder = () => Promise<Order | null>;
 export type OrderData = { orderToken?: string; userToken?: string };
 export type SetOrderDataFn = (data: OrderData) => Promise<void>;
 
-export type InitPaymentWidgetParams = Omit<InitWidgetBase, 'callbacks'> & {
+export type InitPaymentWidgetParams = Omit<InitWidgetBase, "callbacks"> & {
   orderToken: string;
   callbacks?: PaymentWidgetCallbacks;
   paymentMethods?: {
@@ -72,17 +148,19 @@ export type InitPaymentWidgetParams = Omit<InitWidgetBase, 'callbacks'> & {
   sessionId?: string;
 };
 
-export type InitElementsWidgetParams = Omit<InitWidgetBase, 'callbacks'> & {
+export type InitElementsWidgetParams = Omit<InitWidgetBase, "callbacks"> & {
   callbacks?: ElementsWidgetCallbacks;
   types?: ElementWidgetType[];
+  /** Configuration for wallet payment providers (Google Pay, Apple Pay) */
+  walletConfig?: WalletElementConfig;
 };
 
-export type InitNextActionWidgetParams = Omit<InitWidgetBase, 'callbacks'> & {
+export type InitNextActionWidgetParams = Omit<InitWidgetBase, "callbacks"> & {
   orderToken: string;
   callbacks: NextActionWidgetCallbacks;
 };
 
-export type InitVoucherWidgetParams = Omit<InitWidgetBase, 'callbacks'> & {
+export type InitVoucherWidgetParams = Omit<InitWidgetBase, "callbacks"> & {
   orderToken: string;
   callbacks: VoucherWidgetCallbacks;
 };

package/src/types/envs.ts

@@ -42,6 +42,20 @@ export const siftCred = {
   [Env.Sandbox]: 'b267dfc8a5'
 };
 
+export const elements = {
+  [Env.Production]: 'https://elements.deuna.com',
+  [Env.Staging]: 'https://elements.stg.deuna.io',
+  [Env.Develop]: 'https://elements.dev.deuna.io',
+  [Env.Sandbox]: 'https://elements.sandbox.deuna.io',
+};
+
+export const api = {
+  [Env.Production]: 'https://api.deuna.io',
+  [Env.Staging]: 'https://api.stg.deuna.io',
+  [Env.Develop]: 'https://api.dev.deuna.io',
+  [Env.Sandbox]: 'https://api.sandbox.deuna.io',
+};
+
 export const proxyUrls = {
   URL: 'mimos.vendodeuna.com',
   FPJS_BEHAVIOR_PATH: 'thomas',

package/src/types/helpers/urlConfig.ts

@@ -81,4 +81,4 @@ export interface ElementWidgetType {
   name: ElementWidgetTypeName;
 }
 
-type ElementWidgetTypeName = "vault" | "click_to_pay";
+type ElementWidgetTypeName = "vault" | "click_to_pay" | "GOOGLE_PAY" | "APPLE_PAY";