@tap-payments/connect-v2 0.0.21-test → 0.0.23-test

package/build/constants.d.ts

@@ -1,3 +1,5 @@
-export declare const CONNECT_CONFIG_URL = "https://68b564fae5dc090291aeddd7.mockapi.io/api/config";
+export declare const CONNECT_CONFIG_URL: string;
+export declare const CONNECT_CONFIG_URL_SA: string;
+export declare const CONNECT_CONFIG_URL_SA_DR: string;
 export declare const CONNECT_IFRAME_ID = "tap-connect-sdk-iframe";
 export declare const CONNECT_ORIGIN: string;

package/build/constants.js

@@ -1,6 +1,7 @@
-// TODO: Add URL (should it be env variables based on the enviornment?)
 // Added mock up api until api ready from Backend
-export const CONNECT_CONFIG_URL = 'https://68b564fae5dc090291aeddd7.mockapi.io/api/config';
+export const CONNECT_CONFIG_URL = import.meta.env.VITE_CONNECT_CONFIG_URL;
+export const CONNECT_CONFIG_URL_SA = import.meta.env.VITE_CONNECT_CONFIG_URL_SA;
+export const CONNECT_CONFIG_URL_SA_DR = import.meta.env.VITE_CONNECT_CONFIG_URL_SA_DR;
 export const CONNECT_IFRAME_ID = 'tap-connect-sdk-iframe';
 // TODO: import.meta.env works only in vite build when do npm publish does not work find another way
 export const CONNECT_ORIGIN = import.meta.env.VITE_CONNECT_ORIGIN || 'https://connect.alpha.tap.company';

package/build/hooks/useConfig.js

@@ -2,16 +2,17 @@ import * as React from 'react';
 import { WebErrorHandler } from '@tap-payments/web-error-handing';
 import { ConnectMode, SearchParams } from '../types';
 import { useConnectContext } from '../context';
-import { CONNECT_CONFIG_URL, CONNECT_ORIGIN } from '../constants';
+import { CONNECT_ORIGIN } from '../constants';
+import { getBaseUrl } from '../utils';
 const useConfig = () => {
     const [connectLink, setConnectLink] = React.useState('');
-    const { onError, onLoadingHandler, ...config } = useConnectContext();
+    const { onError, onLoadingHandler, loginMode, region, ...config } = useConnectContext();
     const generateConfig = async () => {
         onLoadingHandler(true);
         try {
             // TODO: Do we need further headers/data for the iframe scenario
             // TODO: Add proper type for the response
-            const response = await fetch(CONNECT_CONFIG_URL, {
+            const response = await fetch(getBaseUrl(region), {
                 method: 'POST',
                 headers: {
                     'Content-Type': 'application/json',
@@ -30,7 +31,8 @@ const useConfig = () => {
                 if (config?.language)
                     params.append(SearchParams.LANGUAGE, config.language);
                 params.append(SearchParams.PROFILE_TOKEN, data.id);
-                data.redirect_url = `${CONNECT_ORIGIN}?${params.toString()}`;
+                const baseUrl = loginMode ? `${CONNECT_ORIGIN}/auth` : CONNECT_ORIGIN;
+                data.redirect_url = `${baseUrl}?${params.toString()}`;
             }
             if (config.mode !== ConnectMode.PAGE)
                 return setConnectLink(data.redirect_url);

package/build/types/app.d.ts

@@ -43,7 +43,6 @@ export type ConnectProps = {
     businessCountryCode?: string;
     scope: ConnectScope;
     showBoard?: boolean;
-    leadId?: string;
     platforms?: Array<string>;
     paymentProvider?: ConnectPaymentProvider;
     features?: {
@@ -65,4 +64,6 @@ export type ConnectProps = {
     userId?: string;
     userType?: string;
     operationType?: ConnectPasswordOperationType;
+    loginMode?: boolean;
+    region?: string;
 };

package/build/utils/index.d.ts

@@ -0,0 +1,2 @@
+export * from './dom';
+export * from './region';

package/build/utils/index.js

@@ -0,0 +1,2 @@
+export * from './dom';
+export * from './region';

package/build/utils/region.d.ts

@@ -0,0 +1 @@
+export declare const getBaseUrl: (region?: string | undefined) => string;

package/build/utils/region.js

@@ -0,0 +1,16 @@
+import { CONNECT_CONFIG_URL, CONNECT_CONFIG_URL_SA, CONNECT_CONFIG_URL_SA_DR } from '../constants';
+const isSA = (country) => {
+    if (!country)
+        return false;
+    return ['sa', 'sau'].includes(country.toLowerCase());
+};
+const isDisasterRecoveryEnv = (type) => type === 'dr';
+export const getBaseUrl = (region = '') => {
+    const [country, envType] = region.split('-');
+    if (isSA(country)) {
+        return isDisasterRecoveryEnv(envType) ? CONNECT_CONFIG_URL_SA_DR : CONNECT_CONFIG_URL_SA;
+    }
+    else {
+        return CONNECT_CONFIG_URL;
+    }
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tap-payments/connect-v2",
   "private": false,
-  "version": "0.0.21-test",
+  "version": "0.0.23-test",
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",
@@ -15,6 +15,9 @@
     "dev": "vite",
     "tsc:alias": "tsc-alias -p tsconfig.app.json",
     "build": "yarn clean && tsc -b && yarn tsc:alias && vite build",
+    "build:production": "npm run build -- --mode production",
+    "build:beta": "npm run build -- --mode beta",
+    "build:development": "npm run build -- --mode development",
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
     "preview": "vite preview",