@deuna/react-native-sdk 1.0.0 → 1.0.1

package/src/types/helpers/buildElementsLink.ts

@@ -1,87 +1,123 @@
-import { Environment } from "../base";
-import { hasKey } from "../utils/hasKey";
-import { getIntegrationType, UrlConfig } from "./urlConfig";
-
-const urls: Record<Environment, string> = {
-  production: "https://elements.deuna.io",
-  sandbox: "https://elements.sandbox.deuna.io",
-  staging: "https://elements.stg.deuna.io",
-  develop: "https://elements.dev.deuna.io",
-};
-
-const pathsMapper = {
-  click_to_pay: "/click_to_pay",
-  vault: "/vault",
+import { Environment } from '../base';
+import { hasKey } from '../utils/hasKey';
+import { getIntegrationType, UrlConfig } from './urlConfig';
+
+const ELEMENTS_URLS: Record<Environment, string> = {
+  production: 'https://elements.deuna.io',
+  sandbox: 'https://elements.sandbox.deuna.io',
+  staging: 'https://elements.stg.deuna.io',
+  develop: 'https://elements.dev.deuna.io',
+} as const;
+
+const WIDGET_PATHS = {
+  click_to_pay: '/click_to_pay',
+  vault: '/vault',
+} as const;
+
+type WidgetPath = keyof typeof WIDGET_PATHS;
+
+interface SearchParams {
+  publicApiKey: string;
+  orderToken: string;
+  email: string;
+  firstName: string;
+  lastName: string;
+  int: string;
+  language: string;
+  cssFile?: string;
+  userToken?: string;
+  showSavedCardsFlow?: string;
+  showDefaultCardFlow?: string;
+}
+
+/**
+ * Builds the base URL for the Elements widget based on environment and domain configuration
+ */
+const buildBaseUrl = (config: UrlConfig): string => {
+  if (config.domain) {
+    return config.domain;
+  }
+  return config.env ? ELEMENTS_URLS[config.env] : ELEMENTS_URLS.production;
 };
 
-export const buildElementsLink = (config: UrlConfig): string => {
-  const { env, orderToken, userInfo, userToken, widgetExperience, types } =
+/**
+ * Builds the search parameters for the Elements widget URL
+ */
+const buildSearchParams = (config: UrlConfig): URLSearchParams => {
+  const { userInfo, userToken, widgetExperience, styleFile, mode, language } =
     config;
 
-  let baseUrl = urls.production;
+  const searchParams: SearchParams = {
+    publicApiKey: config.publicApiKey,
+    orderToken: config.orderToken,
+    email: userInfo?.email || '',
+    firstName: userInfo?.firstName || '',
+    lastName: userInfo?.lastName || '',
+    int: getIntegrationType(mode),
+    language,
+  };
 
-  if (env) {
-    baseUrl = urls[env];
+  if (styleFile) {
+    searchParams.cssFile = styleFile;
   }
 
-  if (config.domain) {
-    baseUrl = config.domain;
+  if (userToken) {
+    searchParams.userToken = userToken;
   }
 
-  const url = new URL(baseUrl);
-
-  const publicApiKey = config.publicApiKey;
-  const firstName = userInfo?.firstName || "";
-  const lastName = userInfo?.lastName || "";
-  const email = userInfo?.email || "";
-
-  const searchParams = new URLSearchParams({
-    publicApiKey,
-    orderToken,
-    email,
-    firstName,
-    lastName,
-    ...(config.styleFile ? { cssFile: config.styleFile } : {}),
-    int: getIntegrationType(config.mode),
-    ...(userToken ? { userToken } : {}),
-    ...(widgetExperience?.userExperience?.showSavedCardsFlow
-      ? {
-          showSavedCardsFlow: String(
-            widgetExperience?.userExperience?.showSavedCardsFlow
-          ),
-        }
-      : {}),
-    ...(widgetExperience?.userExperience?.defaultCardFlow
-      ? {
-          showDefaultCardFlow: String(
-            widgetExperience?.userExperience?.defaultCardFlow
-          ),
-        }
-      : {}),
-    language: config.language,
-  });
+  if (widgetExperience?.userExperience?.showSavedCardsFlow) {
+    searchParams.showSavedCardsFlow = String(
+      widgetExperience.userExperience.showSavedCardsFlow
+    );
+  }
+
+  if (widgetExperience?.userExperience?.defaultCardFlow) {
+    searchParams.showDefaultCardFlow = String(
+      widgetExperience.userExperience.defaultCardFlow
+    );
+  }
+
+  return new URLSearchParams(searchParams as unknown as Record<string, string>);
+};
+
+/**
+ * Determines the widget path based on the provided types
+ */
+const getWidgetPath = (types?: Array<{ name: string }>): string => {
+  if (types && types.length > 0) {
+    const firstPath = types[0].name as WidgetPath;
+    return hasKey(WIDGET_PATHS, firstPath)
+      ? WIDGET_PATHS[firstPath]
+      : WIDGET_PATHS.vault;
+  }
+  return WIDGET_PATHS.vault;
+};
+
+/**
+ * Builds a complete Elements widget URL with all necessary parameters
+ * @param config - Configuration object for building the Elements URL
+ * @returns The complete Elements widget URL as a string
+ */
+export const buildElementsLink = (config: UrlConfig): string => {
+  const baseUrl = buildBaseUrl(config);
+  const searchParams = buildSearchParams(config);
 
   const xpropsB64 = {
     id: config.id,
     behavior: config.behavior || {},
   };
 
-  const getWidgetPath = () => {
-    if (types && types.length > 0) {
-      const firstPath = types[0]!.name;
-
-      if (hasKey(pathsMapper, firstPath)) {
-        return pathsMapper[firstPath];
-      }
-    }
+  searchParams.append('xpropsB64', btoa(JSON.stringify(xpropsB64)));
 
-    return pathsMapper.vault;
-  };
+  const widgetPath = getWidgetPath(config.types);
+  const normalizedPath = widgetPath.startsWith('/')
+    ? widgetPath
+    : `/${widgetPath}`;
 
-  searchParams.append("xpropsB64", btoa(JSON.stringify(xpropsB64)));
-
-  url.pathname = getWidgetPath();
+  const url = new URL(normalizedPath, baseUrl);
   url.search = searchParams.toString();
 
+  console.log('url', url.toString());
+
   return url.toString();
 };

package/src/types/helpers/buildNextActionLink.ts

@@ -21,21 +21,26 @@ export const buildNextActionLink = (config: UrlConfig): string => {
     baseUrl = urls[env];
   }
 
+  const xpropsB64 = {
+    id: config.id
+  };
+
   const searchParams = new URLSearchParams({
     mode: "widget",
     int: getIntegrationType(config.mode),
     language: config.language,
   });
 
+  //encode to base64
+  searchParams.append("xpropsB64", btoa(JSON.stringify(xpropsB64)));
+
   configToQueryParams(config, searchParams);
 
   if (config.domain) {
     baseUrl = config.domain;
   }
 
-  const url = new URL(baseUrl);
-
-  url.pathname = `/next-action-purchase/${orderToken}`;
+  const url = new URL(`/next-action-purchase/${orderToken}`, baseUrl);
   url.search = searchParams.toString();
 
   return url.toString();

package/src/types/helpers/buildPaymentLink.ts

@@ -54,9 +54,7 @@ export const buildPaymentLink = (config: UrlConfig): string => {
   //encode to base64
   searchParams.append("xpropsB64", btoa(JSON.stringify(xpropsB64)));
 
-  const url = new URL(baseUrl);
-
-  url.pathname = `/now/${orderToken}`;
+  const url = new URL(`/now/${orderToken}`, baseUrl);
   url.search = searchParams.toString();
 
   return url.toString();

package/src/types/helpers/buildVoucherLink.ts

@@ -44,9 +44,7 @@ export const buildVoucherLink = (config: UrlConfig): string => {
   //encode to base64
   searchParams.append("xpropsB64", btoa(JSON.stringify(xpropsB64)));
 
-  const url = new URL(baseUrl);
-
-  url.pathname = `/voucher`;
+  const url = new URL("/voucher", baseUrl);
   url.search = searchParams.toString();
 
   return url.toString();