@wf-financing/ui-sdk 0.1.2 → 1.0.0

package/README.md

@@ -4,28 +4,27 @@ Wayflyer provides a `@wf-financing/ui-sdk` package that can be used as a client-
 
 ## Installation
 
-Install the package directly from NPM with `npm install @wf-financing/ui-sdk`.  
-To minimize the bundle size and reduce the impact on partners' page load times, the SDK uses dynamic imports to load the main part of the functionality.
+Install the package directly from NPM with `npm install @wf-financing/ui-sdk`. To minimize the bundle size and reduce the impact on partners' page load times, the SDK uses dynamic imports to load the main part of the functionality.
 
 ## Instantiation
 
 To initialize `WayflyerUiSdk`, call the static method `loadSdk` with the following parameters:
 
 1. `targetId` - The DOM element's ID where the CTA is supposed to be mounted.
-2. `partnerDesignId` - The ID of the partner theme that needs to be applied to the CTA.
-   - **Note**: The partner must request Wayflyer to generate a special theme ID.
-3. `partnerCallback` - A function of type `PartnerCallbackType`, which is also provided by the `@wf-financing/ui-sdk` package.
-4. `companyToken` - The merchant identifier.
+2. `partnerCallback` - A function of type `PartnerCallbackType`, which is also provided by the `@wf-financing/ui-sdk` package.
+3. `companyToken` - The merchant identifier.
    - **Note**: The `companyToken` should be minted using the Company Token endpoint on the partner's backend. See the Authentication section [here](https://docs.wayflyer.com/embedded-finance/authentication) for more details.
 
 ```jsx
 import { type IWayflyerUiCtaSdk, WayflyerUiSdk } from '@wf-financing/ui-sdk';
 
-const wayflyerSdk = (await WayflyerUiSdk.loadSdk(targetId, partnerDesignId, partnerCallback, companyToken)) as IWayflyerUiCtaSdk;
+const wayflyerSdk = (await WayflyerUiSdk.loadSdk(targetId, partnerCallback, companyToken)) as IWayflyerUiCtaSdk;
 ```
 
 ## SDK methods
+
 ### `mountCta()`
+
 This function mounts the CTA banner once it's called.
 
 ```jsx
@@ -33,8 +32,8 @@ wayflyerSdk.mountCta();
 ```
 
 ## Mocked mode
-To simplify the testing process, the SDK can be initialized in mock mode. To do so, pass a fifth argument of type `MockedModeType`.
-In mock mode, the partner can manually set responses for SDK methods via the `sdkScenario` field in the optional `mockedMode` argument.
+
+To simplify the testing process, the SDK can be initialized in mock mode. To do so, pass the fourth argument of type `MockedModeType`. In mock mode, the partner can manually set responses for SDK methods via the `sdkScenario` field in the optional `mockedMode` argument.
 
 ```jsx
 import { WayflyerUiSdk, type MockedModeType, SdkScenarios } from '@wf-financing/ui-sdk';
@@ -59,6 +58,7 @@ const mockedModeNoCta: MockedModeType = {
    sdkScenario: SdkScenarios.NO_CTA,
 };
 
-const wayflyerSdk = (await WayflyerUiSdk.loadSdk(targetId, partnerDesignId, partnerCallback, companyToken, mockedMode)) as IWayflyerUiCtaSdk;
+const wayflyerSdk = (await WayflyerUiSdk.loadSdk(targetId, partnerCallback, companyToken, mockedMode)) as IWayflyerUiCtaSdk;
 ```
+
 After instantiation with the mockedMode parameter, the CTA banner will behave according to the specified scenario.

package/dist/config/url.d.ts

@@ -1 +1 @@
-export declare const UI_PACKAGE_URL = "https://unpkg.com/@wf-financing/ui@1/dist/index.es.js";
+export declare const UI_PACKAGE_URL = "https://embedded-finance-frontend.vercel.app/npm/@wf-financing/ui@2";

package/dist/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var l=(i=>(i.NO_CTA="no_cta",i.CONTINUE_APPLICATION="continue_application",i.GENERIC_NEW_APPLICATION="generic_new_application",i.INDICATIVE_NEW_APPLICATION="indicative_new_application",i))(l||{});const c="wayflyer-ui-package",w="https://unpkg.com/@wf-financing/ui@1/dist/index.es.js",s=(i,e,a,n,o)=>{if(!window.WayflyerUiCtaSdk)throw new Error("Failed to load WayflyerUiCtaSdk from the script.");const t=window.WayflyerUiCtaSdk;return new t(i,e,a,n,o)},d=(i,e,a,n,o,t)=>new Promise((r,y)=>{i.onload=()=>{try{r(s(e,a,n,o,t))}catch(S){y(S)}}}),f=async(i,e,a,n,o)=>{try{const t=document.getElementById(c);if(window.WayflyerUiCtaSdk)return s(i,e,a,n,o);if(t)return d(t,i,e,a,n,o);const r=document.createElement("script");return r.src=w,r.type="module",r.id=c,r.async=!0,document.head.appendChild(r),d(r,i,e,a,n,o)}catch(t){throw console.error("Error in loading headless SDK:",t),new Error("Failed to load script")}};class u{static async loadSdk(e,a,n,o,t){return await f(e,a,n,o,t)}}exports.SdkScenarios=l;exports.WayflyerUiSdk=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n="wayflyer-ui-package",s="https://embedded-finance-frontend.vercel.app/npm/@wf-financing/ui@2",c=(a,t,i,d)=>{if(!window.WayflyerUiCtaSdk)throw new Error("Failed to load WayflyerUiCtaSdk from the script.");const e=window.WayflyerUiCtaSdk;return new e(a,t,i,d)},o=(a,t,i,d,e)=>new Promise((r,y)=>{a.onload=()=>{try{r(c(t,i,d,e))}catch(l){y(l)}}}),f=async(a,t,i,d)=>{try{const e=document.getElementById(n);if(window.WayflyerUiCtaSdk)return c(a,t,i,d);if(e)return o(e,a,t,i,d);const r=document.createElement("script");return r.src=s,r.type="module",r.id=n,r.async=!0,document.head.appendChild(r),o(r,a,t,i,d)}catch(e){throw console.error("Error in loading headless SDK:",e),new Error("Failed to load script")}};class S{static async loadSdk(t,i,d,e){return await f(t,i,d,e)}}exports.WayflyerUiSdk=S;

package/dist/index.d.ts

@@ -1,3 +1,2 @@
-export type { IWayflyerUiCtaSdk, PartnerCallbackType, MockedModeType } from '@wf-financing/embedded-types';
-export { SdkScenarios } from '@wf-financing/embedded-types';
+export type { IWayflyerUiCtaSdk, PartnerCallbackType, SdkOptionsType } from '@wf-financing/embedded-types';
 export { WayflyerUiSdk } from './sdk';

package/dist/index.es.js

@@ -1,43 +1,34 @@
-var w = /* @__PURE__ */ ((i) => (i.NO_CTA = "no_cta", i.CONTINUE_APPLICATION = "continue_application", i.GENERIC_NEW_APPLICATION = "generic_new_application", i.INDICATIVE_NEW_APPLICATION = "indicative_new_application", i))(w || {});
-const c = "wayflyer-ui-package", S = "https://unpkg.com/@wf-financing/ui@1/dist/index.es.js", s = (i, e, a, n, o) => {
+const a = "wayflyer-ui-package", s = "https://embedded-finance-frontend.vercel.app/npm/@wf-financing/ui@2", c = (n, t, i, d) => {
   if (!window.WayflyerUiCtaSdk)
     throw new Error("Failed to load WayflyerUiCtaSdk from the script.");
-  const t = window.WayflyerUiCtaSdk;
-  return new t(i, e, a, n, o);
-}, d = (i, e, a, n, o, t) => new Promise((r, l) => {
-  i.onload = () => {
+  const e = window.WayflyerUiCtaSdk;
+  return new e(n, t, i, d);
+}, o = (n, t, i, d, e) => new Promise((r, y) => {
+  n.onload = () => {
     try {
-      r(s(e, a, n, o, t));
-    } catch (y) {
-      l(y);
+      r(c(t, i, d, e));
+    } catch (l) {
+      y(l);
     }
   };
-}), f = async (i, e, a, n, o) => {
+}), f = async (n, t, i, d) => {
   try {
-    const t = document.getElementById(c);
+    const e = document.getElementById(a);
     if (window.WayflyerUiCtaSdk)
-      return s(i, e, a, n, o);
-    if (t)
-      return d(
-        t,
-        i,
-        e,
-        a,
-        n,
-        o
-      );
+      return c(n, t, i, d);
+    if (e)
+      return o(e, n, t, i, d);
     const r = document.createElement("script");
-    return r.src = S, r.type = "module", r.id = c, r.async = !0, document.head.appendChild(r), d(r, i, e, a, n, o);
-  } catch (t) {
-    throw console.error("Error in loading headless SDK:", t), new Error("Failed to load script");
+    return r.src = s, r.type = "module", r.id = a, r.async = !0, document.head.appendChild(r), o(r, n, t, i, d);
+  } catch (e) {
+    throw console.error("Error in loading headless SDK:", e), new Error("Failed to load script");
   }
 };
-class C {
-  static async loadSdk(e, a, n, o, t) {
-    return await f(e, a, n, o, t);
+class w {
+  static async loadSdk(t, i, d, e) {
+    return await f(t, i, d, e);
   }
 }
 export {
-  w as SdkScenarios,
-  C as WayflyerUiSdk
+  w as WayflyerUiSdk
 };

package/dist/sdk/index.d.ts

@@ -1,5 +1,5 @@
-import { PartnerCallbackType, MockedModeType } from '@wf-financing/embedded-types';
+import { PartnerCallbackType, SdkOptionsType } from '@wf-financing/embedded-types';
 
 export declare class WayflyerUiSdk {
-    static loadSdk(targetId: string, partnerDesignId: string, partnerCallback: PartnerCallbackType, companyToken: string, mockedMode?: MockedModeType): Promise<void | import('@wf-financing/embedded-types').IWayflyerUiCtaSdk>;
+    static loadSdk(targetId: string, partnerCallback: PartnerCallbackType, companyToken: string, options?: SdkOptionsType): Promise<void | import('@wf-financing/embedded-types').IWayflyerUiCtaSdk>;
 }

package/dist/sdk-mode/loadSdkUiMode.d.ts

@@ -1,5 +1,5 @@
-import { IWayflyerUiCtaSdk, PartnerCallbackType, MockedModeType } from '@wf-financing/embedded-types';
+import { IWayflyerUiCtaSdk, PartnerCallbackType, SdkOptionsType } from '@wf-financing/embedded-types';
 
-type LoadUiSdkModeType = (targetId: string, partnerDesignId: string, partnerCallback: PartnerCallbackType, companyToken: string, mockedMode?: MockedModeType) => Promise<IWayflyerUiCtaSdk | void>;
+type LoadUiSdkModeType = (targetId: string, partnerCallback: PartnerCallbackType, companyToken: string, options?: SdkOptionsType) => Promise<IWayflyerUiCtaSdk | void>;
 export declare const loadUiSdkMode: LoadUiSdkModeType;
 export {};

package/dist/utils/initializeUiSdk.d.ts

@@ -1,3 +1,3 @@
-import { IWayflyerUiCtaSdk, PartnerCallbackType, MockedModeType } from '@wf-financing/embedded-types';
+import { IWayflyerUiCtaSdk, SdkOptionsType, PartnerCallbackType } from '@wf-financing/embedded-types';
 
-export declare const initializeUiSdk: (targetId: string, partnerDesignId: string, partnerCallback: PartnerCallbackType, companyToken: string, mockedMode?: MockedModeType) => IWayflyerUiCtaSdk;
+export declare const initializeUiSdk: (targetId: string, partnerCallback: PartnerCallbackType, companyToken: string, options?: SdkOptionsType) => IWayflyerUiCtaSdk;

package/dist/utils/loadScriptAndInitializeSdk.d.ts

@@ -1,3 +1,3 @@
-import { IWayflyerUiCtaSdk, PartnerCallbackType, MockedModeType } from '@wf-financing/embedded-types';
+import { IWayflyerUiCtaSdk, PartnerCallbackType, SdkOptionsType } from '@wf-financing/embedded-types';
 
-export declare const loadScriptAndInitializeSdk: (script: HTMLScriptElement, targetId: string, partnerDesignId: string, partnerCallback: PartnerCallbackType, companyToken: string, isMockedMode?: MockedModeType) => Promise<IWayflyerUiCtaSdk>;
+export declare const loadScriptAndInitializeSdk: (script: HTMLScriptElement, targetId: string, partnerCallback: PartnerCallbackType, companyToken: string, options?: SdkOptionsType) => Promise<IWayflyerUiCtaSdk>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wf-financing/ui-sdk",
-  "version": "0.1.2",
+  "version": "1.0.0",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",
   "types": "dist/index.d.ts",
@@ -15,7 +15,7 @@
     "dist"
   ],
   "dependencies": {
-    "@wf-financing/embedded-types": "0.3.0"
+    "@wf-financing/embedded-types": "0.4.0"
   },
   "devDependencies": {
     "vite": "^6.3.5",