@wf-financing/ui 2.0.0 → 3.0.0

package/global.d.ts

@@ -1,8 +1,8 @@
-import { IWayflyerUiCtaSdkConstructor, IHeadlessWayflyerSdkConstructor } from '@wf-financing/embedded-types';
+import { IWayflyerUiSdkConstructor, IWayflyerHeadlessSdkConstructor } from '@wf-financing/embedded-types';
 
 declare global {
   interface Window {
-    WayflyerUiCtaSdk: IWayflyerUiCtaSdkConstructor;
-    WayflyerHeadlessSdk: IHeadlessWayflyerSdkConstructor;
+    WayflyerUiSdk: IWayflyerUiSdkConstructor;
+    WayflyerHeadlessSdk: IWayflyerHeadlessSdkConstructor;
   }
 }

package/index.ts

@@ -1,7 +1,7 @@
-import { WayflyerUiCtaSdk } from './sdk';
+import { WayflyerUiSdk } from './sdk';
 
 const addHeadlessSdkToWindow = () => {
-  window.WayflyerUiCtaSdk = WayflyerUiCtaSdk;
+  window.WayflyerUiSdk = WayflyerUiSdk;
 };
 
 addHeadlessSdkToWindow();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wf-financing/ui",
-  "version": "2.0.0",
+  "version": "3.0.0",
   "exports": {
     ".": {
       "import": "./dist/index.es.js",
@@ -37,7 +37,7 @@
     "react-aria": "^3.41.1",
     "react-intl": "^6.2.5",
     "styled-components": "^6.1.19",
-    "@wf-financing/embedded-types": "0.4.0"
+    "@wf-financing/embedded-types": "0.4.1"
   },
   "peerDependencies": {
     "@wayflyer/flyui": "204.4.1"

package/sdk/index.ts

@@ -4,12 +4,10 @@ import { PartnerTheme } from '../src/config';
 import { mountToTarget } from '../src/main';
 import { getPartnerIdFromToken, getPartnerThemeById } from '../src/utils';
 
-export class WayflyerUiCtaSdk {
+export class WayflyerUiSdk {
   private readonly partnerTheme: PartnerTheme;
 
   constructor(
-    private readonly targetId: string,
-    private readonly partnerCallback: PartnerCallbackType,
     private readonly companyToken: string,
     private readonly options?: SdkOptionsType,
   ) {
@@ -17,13 +15,13 @@ export class WayflyerUiCtaSdk {
     this.partnerTheme = getPartnerThemeById(partnerId);
   }
 
-  mountCta() {
+  mountCta(targetId: string, partnerCallback: PartnerCallbackType) {
     if (document.readyState === 'loading') {
       document.addEventListener('DOMContentLoaded', () =>
-        mountToTarget(this.targetId, this.partnerTheme, this.partnerCallback, this.companyToken, this.options),
+        mountToTarget(targetId, this.partnerTheme, partnerCallback, this.companyToken, this.options),
       );
     } else {
-      mountToTarget(this.targetId, this.partnerTheme, this.partnerCallback, this.companyToken, this.options);
+      mountToTarget(targetId, this.partnerTheme, partnerCallback, this.companyToken, this.options);
     }
   }
 }

package/src/api/getHeadlessSdkInstance.ts

@@ -1,9 +1,9 @@
-import { IHeadlessWayflyerSdk, SdkOptionsType } from '@wf-financing/embedded-types';
+import { IWayflyerHeadlessSdk, SdkOptionsType } from '@wf-financing/embedded-types';
 
 import { HEADLESS_SDK_URL, WAYFLYER_HEADLESS_SDK_ID } from '../config';
 import { initializeHeadlessSdk, loadScriptAndInitializeSdk } from '../utils';
 
-let cachedSdkInstance: IHeadlessWayflyerSdk | null = null;
+let cachedSdkInstance: IWayflyerHeadlessSdk | null = null;
 
 export const getHeadlessSdkInstance = async (companyToken: string, options?: SdkOptionsType) => {
   try {
@@ -30,7 +30,7 @@ export const getHeadlessSdkInstance = async (companyToken: string, options?: Sdk
     script.async = true;
 
     document.head.appendChild(script);
-    const headlessSdk: IHeadlessWayflyerSdk = await loadScriptAndInitializeSdk(script, companyToken, options);
+    const headlessSdk: IWayflyerHeadlessSdk = await loadScriptAndInitializeSdk(script, companyToken, options);
     cachedSdkInstance = headlessSdk;
 
     return headlessSdk;

package/src/utils/initializeHeadlessSdk.ts

@@ -1,6 +1,6 @@
-import { IHeadlessWayflyerSdk, SdkOptionsType } from '@wf-financing/embedded-types';
+import { IWayflyerHeadlessSdk, SdkOptionsType } from '@wf-financing/embedded-types';
 
-export const initializeHeadlessSdk = (companyToken: string, options?: SdkOptionsType): IHeadlessWayflyerSdk => {
+export const initializeHeadlessSdk = (companyToken: string, options?: SdkOptionsType): IWayflyerHeadlessSdk => {
   if (!window.WayflyerHeadlessSdk) {
     throw new Error('Failed to load WayflyerHeadlessSdk from the script.');
   }
@@ -8,9 +8,9 @@ export const initializeHeadlessSdk = (companyToken: string, options?: SdkOptions
   const WayflyerHeadlessSdk = window.WayflyerHeadlessSdk;
 
   if (options) {
-    const wayflyerCtaSdk = new WayflyerHeadlessSdk(companyToken, options);
+    const wayflyerSdk = new WayflyerHeadlessSdk(companyToken, options);
 
-    return wayflyerCtaSdk;
+    return wayflyerSdk;
   }
 
   return new WayflyerHeadlessSdk(companyToken);

package/src/utils/loadScriptAndInitializeSdk.ts

@@ -1,4 +1,4 @@
-import { IHeadlessWayflyerSdk, SdkOptionsType } from '@wf-financing/embedded-types';
+import { IWayflyerHeadlessSdk, SdkOptionsType } from '@wf-financing/embedded-types';
 
 import { initializeHeadlessSdk } from './initializeHeadlessSdk';
 
@@ -6,8 +6,8 @@ export const loadScriptAndInitializeSdk = (
   script: HTMLScriptElement,
   companyToken: string,
   options?: SdkOptionsType,
-): Promise<IHeadlessWayflyerSdk> => {
-  return new Promise<IHeadlessWayflyerSdk>((resolve, reject) => {
+): Promise<IWayflyerHeadlessSdk> => {
+  return new Promise<IWayflyerHeadlessSdk>((resolve, reject) => {
     script.onload = () => {
       try {
         resolve(initializeHeadlessSdk(companyToken, options));