@frankieone/one-sdk 1.7.14-rc.3 → 1.7.14-rc.4

package/dist/cli/templateGenerator.js

@@ -2,6 +2,15 @@
 
 /* eslint-disable no-undef */
 /* eslint-disable no-console */
+function parseArgs(args) {
+  return {
+    flowId: args[2],
+    env: args[3],
+    cid: args[4],
+    ccid: args[5],
+    apiKey: args[6],
+  };
+}
 
 (async () => {
   try {
@@ -17,8 +26,17 @@
       throw new Error('generateOneSdkFlow is not a function');
     }
 
-    const flowId = process.argv[2];
-    process.stdout.write(generateOneSdkFlow(flowId));
+    const { flowId, env, cid, ccid, apiKey } = parseArgs(process.argv);
+
+    process.stdout.write(
+      generateOneSdkFlow({
+        flowId,
+        env,
+        cid,
+        ccid,
+        apiKey,
+      }),
+    );
   } catch (error) {
     console.error('Error loading module:', error);
   }

package/dist/commit.txt

@@ -1 +1 @@
-ef2b97b9e8b4480c0f4133b451d81c7ffad22a65
+ff831968ea9638416b9aa21f65ac4f7bc695ccdc

package/dist/esm/modules/cli/index.d.ts

@@ -1,2 +1,8 @@
-export default function generateOneSdkFlow(flowId: any): any;
+export default function generateOneSdkFlow({ flowId, env, cid, ccid, apiKey }: {
+    flowId: any;
+    env: any;
+    cid: any;
+    ccid: any;
+    apiKey: any;
+}): string;
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/modules/cli/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../modules/cli/index.js"],"names":[],"mappings":"AAGA,6DAEC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../modules/cli/index.js"],"names":[],"mappings":"AAGA;;;;;;WAEC"}

package/dist/esm/modules/cli/index.js

@@ -1,6 +1,6 @@
-import templateObjectMap from './template/index.js';
+import createHTML from './template/index.js';
 // @param {string} flowId - the id of the flow to generate, idv / idv_review / manual_kyc
-export default function generateOneSdkFlow(flowId) {
-    return templateObjectMap[flowId];
+export default function generateOneSdkFlow({ flowId, env, cid, ccid, apiKey }) {
+    return createHTML(flowId)({ env, cid, ccid, apiKey });
 }
 //# sourceMappingURL=index.js.map

package/dist/esm/modules/cli/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../modules/cli/index.js"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AAEpD,yFAAyF;AACzF,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,MAAM;IAC/C,OAAO,iBAAiB,CAAC,MAAM,CAAC,CAAC;AACnC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../modules/cli/index.js"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,qBAAqB,CAAC;AAE7C,yFAAyF;AACzF,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE;IAC3E,OAAO,UAAU,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;AACxD,CAAC"}

package/dist/esm/modules/cli/template/index.d.ts

@@ -1,10 +1,7 @@
-export default templateObjectMap;
-declare namespace templateObjectMap {
-    export { templateIdv as idv };
-    export { templateIdvReview as idv_review };
-    export { templateManualKyc as manual_kyc };
-}
-import { templateIdv } from './templateIdv.js';
-import { templateIdvReview } from './templateIdvReview.js';
-import { templateManualKyc } from './templateManualKyc.js';
+export default function createHTML(flowId: any): ({ env, cid, ccid, apiKey }: {
+    env: any;
+    cid: any;
+    ccid: any;
+    apiKey: any;
+}) => string;
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/modules/cli/template/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../modules/cli/template/index.js"],"names":[],"mappings":";;;;;;4BAA4B,kBAAkB;kCACZ,wBAAwB;kCACxB,wBAAwB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../modules/cli/template/index.js"],"names":[],"mappings":"AAuDA;;;;;aAkBC"}

package/dist/esm/modules/cli/template/index.js

@@ -1,10 +1,68 @@
 import { templateIdv } from './templateIdv.js';
 import { templateIdvReview } from './templateIdvReview.js';
 import { templateManualKyc } from './templateManualKyc.js';
-const templateObjectMap = {
-    idv: templateIdv,
-    idv_review: templateIdvReview,
-    manual_kyc: templateManualKyc,
+const backendURL = {
+    dev: "https://backend.latest.frankiefinancial.io",
+    qa: "https://backend.qa.frankiefinancial.io",
+    uat: "https://backend.kycaml.uat.frankiefinancial.io",
+    prod: "https://backend.kycaml.frankiefinancial.io",
 };
-export default templateObjectMap;
+const js = String.raw;
+const createRequestTokenFunction = ({ env, cid, ccid, apiKey }) => js `
+    // Function to get an authentication token from the FrankieOne API
+    // This token is required to initialize OneSDK
+    async function getToken() {
+      // WARNING: This is for testing purposes only
+      // In production, token generation should happen server-side for security
+
+      // Replace these placeholder values with your actual credentials
+      const customerId = '${cid}';
+      // Optional: leave empty if not applicable (for multi-tenant setups)
+      const customerChildId = '${ccid}';
+      const apiKey = '${apiKey}';
+
+      // Create authentication key by base64 encoding the credentials
+      const authKey = btoa(
+        [customerId, customerChildId, apiKey].filter(Boolean).join(':'),
+      );
+
+      // Replace this with your own logic to generate a unique customer reference
+      const customerReference = Math.random().toString(36).substring(2);
+
+      // Request a machine session token from FrankieOne
+      const tokenResponse = await fetch(
+        '${backendURL[env]}/auth/v2/machine-session',
+        {
+          method: 'POST',
+          headers: {
+            authorization: 'machine ' + authKey,
+            'Content-Type': 'application/json',
+          },
+          body: JSON.stringify({
+            permissions: {
+              preset: 'one-sdk',
+              reference: customerReference,
+            },
+          }),
+        },
+      );
+
+      return await tokenResponse.json();
+    }`;
+export default function createHTML(flowId) {
+    return function ({ env, cid, ccid, apiKey }) {
+        const getTokenImpl = createRequestTokenFunction({ env, cid, ccid, apiKey });
+        switch (flowId) {
+            case 'idv':
+                return templateIdv(getTokenImpl);
+            case 'idv_review':
+                return templateIdvReview(getTokenImpl);
+            case 'manual_kyc':
+                return templateManualKyc(getTokenImpl);
+            default:
+                return 'Unknown flow ID';
+        }
+    };
+}
+;
 //# sourceMappingURL=index.js.map

package/dist/esm/modules/cli/template/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../modules/cli/template/index.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,MAAM,iBAAiB,GAAG;IACxB,GAAG,EAAE,WAAW;IAChB,UAAU,EAAE,iBAAiB;IAC7B,UAAU,EAAE,iBAAiB;CAC9B,CAAC;AACF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../modules/cli/template/index.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,MAAM,UAAU,GAAG;IACjB,GAAG,EAAE,4CAA4C;IACjD,EAAE,EAAE,wCAAwC;IAC5C,GAAG,EAAE,gDAAgD;IACrD,IAAI,EAAE,4CAA4C;CACnD,CAAC;AAEF,MAAM,EAAE,GAAG,MAAM,CAAC,GAAG,CAAC;AAEtB,MAAM,0BAA0B,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,EAAE,CAAA;;;;;;;;4BAQzC,GAAG;;iCAEE,IAAI;wBACb,MAAM;;;;;;;;;;;;WAYnB,UAAU,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;MAiBpB,CAAC;AAEP,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,MAAM;IACvC,OAAO,UAAU,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE;QACzC,MAAM,YAAY,GAAG,0BAA0B,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;QAE5E,QAAQ,MAAM,EAAE,CAAC;YACf,KAAK,KAAK;gBACR,OAAO,WAAW,CAAC,YAAY,CAAC,CAAC;YAEnC,KAAK,YAAY;gBACf,OAAO,iBAAiB,CAAC,YAAY,CAAC,CAAC;YAEzC,KAAK,YAAY;gBACf,OAAO,iBAAiB,CAAC,YAAY,CAAC,CAAC;YAEzC;gBACE,OAAO,iBAAiB,CAAC;QAC7B,CAAC;IACH,CAAC,CAAC;AACJ,CAAC;AAAA,CAAC"}

package/dist/esm/modules/cli/template/templateIdv.d.ts

@@ -1,2 +1,2 @@
-export const templateIdv: string;
+export function templateIdv(getTokenImpl: any): string;
 //# sourceMappingURL=templateIdv.d.ts.map

package/dist/esm/modules/cli/template/templateIdv.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"templateIdv.d.ts","sourceRoot":"","sources":["../../../../../modules/cli/template/templateIdv.js"],"names":[],"mappings":"AAEA,iCAuGW"}
+{"version":3,"file":"templateIdv.d.ts","sourceRoot":"","sources":["../../../../../modules/cli/template/templateIdv.js"],"names":[],"mappings":"AAEO,uDAsFC"}

package/dist/esm/modules/cli/template/templateIdv.js

@@ -1,106 +1,89 @@
 const html = String.raw;
-export const templateIdv = html `<!-- Generated by OneSDK CLI -->
-  <!-- More information: https://docs.frankieone.com/v1.14.1/docs/about-onesdk -->
+export const templateIdv = (getTokenImpl) => html `<!-- Generated by OneSDK CLI -->
+<!-- More information: https://docs.frankieone.com/v1.14.1/docs/about-onesdk -->
 
-  <!doctype html>
-  <html lang="en">
-    <head>
-      <!-- UTF-8 encoding you page is important as some text in the smart UI might not come out as you expect -->
-      <meta charset="utf-8" />
-      <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-      <title>OneSDK - IDV</title>
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <!-- UTF-8 encoding ensures proper display of special characters in the UI -->
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>OneSDK - IDV</title>
 
-      <!-- NOTE: You can change the version of OneSDK to the desired version here -->
-      <script src="https://assets.frankiefinancial.io/one-sdk/v1/oneSdk.umd.js"></script>
+    <!-- Load the OneSDK library from FrankieOne CDN -->
+    <!-- You can change the version number in the URL to use a different version -->
+    <script src="https://assets.frankiefinancial.io/one-sdk/v1/oneSdk.umd.js"></script>
 
-      <script>
-        async function getToken() {
-          // WARNING: This is for testing purposes only
-          // use server-side code to request the token in production for security reasons
+    <script>
+    ${getTokenImpl}
 
-          const customerId = '<CUSTOMER_ID_HERE>';
-          const customerChildId = '<CUSTOMER_CHILD_ID_HERE>';
-          const apiKey = '<API_KEY_HERE>';
-          const authKey = btoa(
-            customerId + ':' + customerChildId + ':' + apiKey,
-          );
+    // Main function to initialize and start OneSDK
+    async function startOneSdk() {
+      const sessionToken = await getToken();
 
-          const tokenResponse = await fetch(
-            BACKEND_URL[env] + '/auth/v2/machine-session',
-            {
-              method: 'POST',
-              headers: {
-                authorization: 'machine ' + authKey,
-                'Content-Type': 'application/json',
-              },
-              body: JSON.stringify({
-                permissions: {
-                  preset: 'one-sdk',
-                  reference: '<CUSTOMER_REFERENCE_HERE>',
-                },
-              }),
+      // Initialize OneSDK with configuration
+      const oneSdk = await OneSdk({
+        session: {
+          token: sessionToken,
+        },
+        mode: 'production',
+        recipe: {
+          form: {
+            provider: {
+              name: 'react',
+              // UNCOMMENT AND ADD YOUR KEY to use Google Places address autocomplete
+              // googleApiKey: "<GOOGLE_API_KEY>",
             },
-          );
+          },
+        },
+      });
 
-          return await tokenResponse.json();
-        }
-
-        async function startOneSdk() {
-          const sessionToken = await getToken();
+      // Create an IDV (Identity Verification) flow instance
+      const idv = oneSdk.flow('idv');
 
-          const oneSdk = await OneSdk({
-            session: {
-              token: sessionToken,
-            },
-            mode: 'production',
-            recipe: {
-              form: {
-                provider: {
-                  name: 'react',
-                  // NOTE: This is for the autocomplete feature in the form
-                  // googleApiKey: "<GOOGLE_API_KEY>",
-                },
-              },
-            },
-          });
+      // Mount the IDV flow to the container element
+      idv.mount('#idv-el');
 
-          const idv = oneSdk.flow('idv');
+      // Handle loading states during verification
+      idv.on('loading', () => {
+        console.log('loading');
+      });
 
-          idv.mount('#idv-el');
-          idv.on('loading', () => {
-            console.log('loading');
-          });
-
-          idv.on('results', async ({ checkStatus, document, entityId }) => {
-            if (checkStatus) {
-              console.log('results succesful');
-            } else {
-              console.log('no data returned');
-            }
-          });
+      // Handle verification results
+      idv.on('results', async ({ checkStatus, document, entityId }) => {
+        if (checkStatus) {
+          console.log('results succesful');
+        } else {
+          console.log('no data returned');
+        }
+      });
 
-          idv.on('error', ({ message, payload }) => {
-            console.log('received error');
-            console.log(message, payload);
-          });
+      // Handle errors during verification
+      idv.on('error', ({ message, payload }) => {
+        console.log('received error');
+        console.log(message, payload);
+      });
 
-          idv.on('detection_complete', (message) => {
-            console.log('capture finished');
-            console.log(message);
-          });
+      // Handle completion of document detection/capture
+      idv.on('detection_complete', (message) => {
+        console.log('capture finished');
+        console.log(message);
+      });
 
-          idv.on('*', (message) => {
-            console.log(message);
-          });
-        }
-      </script>
-    </head>
+      // Log all OneSDK events to console for debugging
+      idv.on('*', (message) => {
+        console.log(message);
+      });
+    }
+    </script>
+  </head>
 
-    <body style="background-color: white" onload="startOneSdk()">
-      <div
-        id="idv-el"
-        style="top: 0; left: 0; width: 100%; height: 100%; display: block"
-      ></div>
-    </body>
-  </html>`;
+  <body style="background-color: white" onload="startOneSdk()">
+    <!-- Container element where OneSDK will mount its UI components -->
+    <div
+      id="idv-el"
+      style="top: 0; left: 0; width: 100%; height: 100%; display: block"
+    ></div>
+  </body>
+</html>`;
 //# sourceMappingURL=templateIdv.js.map

package/dist/esm/modules/cli/template/templateIdv.js.map

@@ -1 +1 @@
-{"version":3,"file":"templateIdv.js","sourceRoot":"","sources":["../../../../../modules/cli/template/templateIdv.js"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC;AAExB,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAuGrB,CAAC"}
+{"version":3,"file":"templateIdv.js","sourceRoot":"","sources":["../../../../../modules/cli/template/templateIdv.js"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC;AAExB,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,YAAY,EAAE,EAAE,CAAC,IAAI,CAAA;;;;;;;;;;;;;;;;MAgB3C,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAsEV,CAAC"}

package/dist/esm/modules/cli/template/templateIdvReview.d.ts

@@ -1,2 +1,2 @@
-export const templateIdvReview: string;
+export function templateIdvReview(getTokenImpl: any): string;
 //# sourceMappingURL=templateIdvReview.d.ts.map

package/dist/esm/modules/cli/template/templateIdvReview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"templateIdvReview.d.ts","sourceRoot":"","sources":["../../../../../modules/cli/template/templateIdvReview.js"],"names":[],"mappings":"AAEA,uCA0IW"}
+{"version":3,"file":"templateIdvReview.d.ts","sourceRoot":"","sources":["../../../../../modules/cli/template/templateIdvReview.js"],"names":[],"mappings":"AAEO,6DA6HC"}

package/dist/esm/modules/cli/template/templateIdvReview.js

@@ -1,141 +1,128 @@
 const html = String.raw;
-export const templateIdvReview = html `<!-- Generated by OneSDK CLI -->
-  <!-- More information: https://docs.frankieone.com/v1.14.1/docs/about-onesdk -->
-
-  <!doctype html>
-  <html lang="en">
-    <head>
-      <!-- UTF-8 encoding you page is important as some text in the smart UI might not come out as you expect -->
-      <meta charset="utf-8" />
-      <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-      <title>OneSDK - IDV+Review</title>
-
-      <!-- NOTE: You can change the version of OneSDK to the desired version here -->
-      <script src="https://assets.frankiefinancial.io/one-sdk/v1/oneSdk.umd.js"></script>
-
-      <script>
-        async function getToken() {
-          // WARNING: This is for testing purposes only
-          // use server-side code to request the token in production for security reasons
-
-          const customerId = '<CUSTOMER_ID_HERE>';
-          const customerChildId = '<CUSTOMER_CHILD_ID_HERE>';
-          const apiKey = '<API_KEY_HERE>';
-          const authKey = btoa(
-            customerId + ':' + customerChildId + ':' + apiKey,
-          );
-
-          const tokenResponse = await fetch(
-            BACKEND_URL[env] + '/auth/v2/machine-session',
-            {
-              method: 'POST',
-              headers: {
-                authorization: 'machine ' + authKey,
-                'Content-Type': 'application/json',
-              },
-              body: JSON.stringify({
-                permissions: {
-                  preset: 'one-sdk',
-                  // NOTE: Replace this with your customer reference
-                  reference: '<CUSTOMER_REFERENCE_HERE>',
-                },
-              }),
-            },
-          );
+export const templateIdvReview = (getTokenImpl) => html `<!-- Generated by OneSDK CLI -->
+<!-- More information: https://docs.frankieone.com/v1.14.1/docs/about-onesdk -->
 
-          return await tokenResponse.json();
-        }
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <!-- UTF-8 encoding ensures proper display of special characters in the UI -->
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>OneSDK - IDV+Review</title>
 
-        async function startOneSdk() {
-          const sessionToken = await getToken();
+    <!-- Load the OneSDK library from FrankieOne CDN -->
+    <!-- You can change the version number in the URL to use a different version -->
+    <script src="https://assets.frankiefinancial.io/one-sdk/v1/oneSdk.umd.js"></script>
 
-          const oneSdk = await OneSdk({
-            session: {
-              token: sessionToken,
-            },
-            mode: 'production',
-            recipe: {
-              form: {
-                provider: {
-                  name: 'react',
-                  // NOTE: This is for the autocomplete feature in the form
-                  // googleApiKey: "<GOOGLE_API_KEY>",
-                },
-              },
+    <script>
+    ${getTokenImpl}
+
+    // Main function to initialize and start OneSDK
+    async function startOneSdk() {
+      const sessionToken = await getToken();
+
+      // Initialize OneSDK with configuration
+      const oneSdk = await OneSdk({
+        session: {
+          token: sessionToken,
+        },
+        mode: 'production',
+        recipe: {
+          form: {
+            provider: {
+              name: 'react',
+              // UNCOMMENT AND ADD YOUR KEY to use Google Places address autocomplete
+              // googleApiKey: "<GOOGLE_API_KEY>",
             },
-          });
-
-          const idv = oneSdk.flow('idv');
-          const loading1 = oneSdk.component('form', {
-            name: 'LOADING',
-            title: { label: 'Loading...' },
-            descriptions: [{ label: '' }],
-          });
-          const loading2 = oneSdk.component('form', {
-            name: 'LOADING',
-            title: { label: 'Processing results...' },
-            descriptions: [
-              {
-                label:
-                  "Hold tight, this can take up to 30 seconds. Please do not refresh this page or click the 'back' button on your browser.",
-              },
-            ],
-          });
-          const review = oneSdk.component('form', {
-            name: 'REVIEW',
-            type: 'ocr',
-          });
-
-          idv.mount('#idv-el');
-          let before = true;
-          idv.on('loading', (display) => {
-            if (display) {
-              if (before) {
-                loading1.mount('#loading1');
-              }
-            } else {
-              if (before) {
-                loading1.unmount();
-              }
-              before = false;
-            }
-            console.log(before);
-            console.log(display);
-          });
-
-          idv.on('results', async ({ checkStatus, document, entityId }) => {
-            if (checkStatus) {
-              console.log('results succesful');
-              loading2.unmount();
-              review.mount('#idv-el');
-            } else {
-              console.log('no data returned');
-            }
-          });
-
-          idv.on('error', ({ message, payload }) => {
-            console.log('received error');
-            console.log(message, payload);
-          });
-
-          idv.on('detection_complete', (message) => {
-            console.log('capture finished');
-            console.log(message);
-            loading2.mount('#loading2');
-          });
-
-          idv.on('*', (message) => {
-            console.log(message);
-          });
+          },
+        },
+      });
+
+      // Create an IDV flow instance for identity verification
+      const idv = oneSdk.flow('idv');
+
+      // Create loading screens to show during different stages
+      const loading1 = oneSdk.component('form', {
+        name: 'LOADING',
+        title: { label: 'Loading...' },
+        descriptions: [{ label: '' }],
+      });
+
+      const loading2 = oneSdk.component('form', {
+        name: 'LOADING',
+        title: { label: 'Processing results...' },
+        descriptions: [
+          {
+            label:
+            "Hold tight, this can take up to 30 seconds. Please do not refresh this page or click the 'back' button on your browser.",
+          },
+        ],
+      });
+
+      // Create review component for OCR (Optical Character Recognition) review
+      const review = oneSdk.component('form', {
+        name: 'REVIEW',
+        type: 'ocr',
+      });
+
+      // Mount the IDV flow to the container element
+      idv.mount('#idv-el');
+
+      // Handle loading states
+      let before = true;
+      idv.on('loading', (display) => {
+        if (display) {
+          if (before) {
+            loading1.mount('#loading1');
+          }
+        } else {
+          if (before) {
+            loading1.unmount();
+          }
+          before = false;
+        }
+        console.log(before);
+        console.log(display);
+      });
+
+      // Handle verification results
+      idv.on('results', async ({ checkStatus, document, entityId }) => {
+        if (checkStatus) {
+          console.log('results succesful');
+          loading2.unmount();
+          review.mount('#idv-el');
+        } else {
+          console.log('no data returned');
         }
-      </script>
-    </head>
-
-    <body style="background-color: white" onload="startOneSdk()">
-      <div
-        id="idv-el"
-        style="top: 0; left: 0; width: 100%; height: 100%; display: block"
-      ></div>
-    </body>
-  </html>`;
+      });
+
+      // Handle errors during verification
+      idv.on('error', ({ message, payload }) => {
+        console.log('received error');
+        console.log(message, payload);
+      });
+
+      // Handle completion of document detection/capture
+      idv.on('detection_complete', (message) => {
+        console.log('capture finished');
+        console.log(message);
+        loading2.mount('#loading2');
+      });
+
+      // Log all events for debugging
+      idv.on('*', (message) => {
+        console.log(message);
+      });
+    }
+    </script>
+  </head>
+
+  <body style="background-color: white" onload="startOneSdk()">
+    <!-- Container element where OneSDK will mount its UI components -->
+    <div
+      id="idv-el"
+      style="top: 0; left: 0; width: 100%; height: 100%; display: block"
+    ></div>
+  </body>
+</html>`;
 //# sourceMappingURL=templateIdvReview.js.map

package/dist/esm/modules/cli/template/templateIdvReview.js.map

@@ -1 +1 @@
-{"version":3,"file":"templateIdvReview.js","sourceRoot":"","sources":["../../../../../modules/cli/template/templateIdvReview.js"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC;AAExB,MAAM,CAAC,MAAM,iBAAiB,GAAG,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UA0I3B,CAAC"}
+{"version":3,"file":"templateIdvReview.js","sourceRoot":"","sources":["../../../../../modules/cli/template/templateIdvReview.js"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC;AAExB,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,YAAY,EAAE,EAAE,CAAC,IAAI,CAAA;;;;;;;;;;;;;;;;MAgBjD,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA6GV,CAAC"}

package/dist/esm/modules/cli/template/templateManualKyc.d.ts

@@ -1,2 +1,2 @@
-export const templateManualKyc: string;
+export function templateManualKyc(getTokenImpl: any): string;
 //# sourceMappingURL=templateManualKyc.d.ts.map

package/dist/esm/modules/cli/template/templateManualKyc.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"templateManualKyc.d.ts","sourceRoot":"","sources":["../../../../../modules/cli/template/templateManualKyc.js"],"names":[],"mappings":"AAEA,uCAqNW"}
+{"version":3,"file":"templateManualKyc.d.ts","sourceRoot":"","sources":["../../../../../modules/cli/template/templateManualKyc.js"],"names":[],"mappings":"AAEO,6DAsNC"}

package/dist/esm/modules/cli/template/templateManualKyc.js

@@ -1,216 +1,217 @@
 const html = String.raw;
-export const templateManualKyc = html `<!-- Generated by OneSDK CLI -->
-  <!-- More information: https://docs.frankieone.com/v1.14.1/docs/about-onesdk -->
-
-  <!doctype html>
-  <html lang="en">
-    <head>
-      <!-- UTF-8 encoding you page is important as some text in the smart UI might not come out as you expect -->
-      <meta charset="utf-8" />
-      <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-      <title>OneSDK - Manual KYC</title>
-
-      <!-- NOTE: You can change the version of OneSDK to the desired version here -->
-      <script src="https://assets.frankiefinancial.io/one-sdk/v1/oneSdk.umd.js"></script>
-
-      <script>
-        async function getToken() {
-          // WARNING: This is for testing purposes only
-          // use server-side code to request the token in production for security reasons
-
-          const customerId = '<CUSTOMER_ID_HERE>';
-          const customerChildId = '<CUSTOMER_CHILD_ID_HERE>';
-          const apiKey = '<API_KEY_HERE>';
-          const authKey = btoa(
-            customerId + ':' + customerChildId + ':' + apiKey,
-          );
-
-          const tokenResponse = await fetch(
-            BACKEND_URL[env] + '/auth/v2/machine-session',
-            {
-              method: 'POST',
-              headers: {
-                authorization: 'machine ' + authKey,
-                'Content-Type': 'application/json',
-              },
-              body: JSON.stringify({
-                permissions: {
-                  preset: 'one-sdk',
-                  // NOTE: Replace this with your customer reference
-                  reference: '<CUSTOMER_REFERENCE_HERE>',
-                },
-              }),
+export const templateManualKyc = (getTokenImpl) => html `<!-- Generated by OneSDK CLI
+This is a sample HTML template for integrating FrankieOne's OneSDK * It
+implements a complete KYC (Know Your Customer) flow with multiple steps: *
+Welcome -> Consent -> Personal Details -> Document Upload -> Review -> Result
+-->
+
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <!-- UTF-8 encoding ensures proper display of international characters -->
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>OneSDK - Manual KYC</title>
+
+    <!-- Load the OneSDK library from FrankieOne CDN -->
+    <!-- You can change the version number in the URL to use a different version -->
+    <script src="https://assets.frankiefinancial.io/one-sdk/v1/oneSdk.umd.js"></script>
+
+    <script>
+    ${getTokenImpl}
+
+    /**
+     * Main function to initialize and configure OneSDK
+     * Sets up the complete KYC flow with all necessary screens and event handlers
+     */
+    async function startOneSdk() {
+      const sessionToken = await getToken();
+
+      // Initialize OneSDK with basic configuration
+      const oneSdk = await OneSdk({
+        session: {
+          token: sessionToken,
+        },
+        mode: 'production',
+        recipe: {
+          form: {
+            provider: {
+              name: 'react',
+              // UNCOMMENT AND ADD YOUR KEY to use Google Places address autocomplete
+              // googleApiKey: "<GOOGLE_API_KEY>",
             },
-          );
-
-          return await tokenResponse.json();
-        }
-
-        async function startOneSdk() {
-          const sessionToken = await getToken();
-
-          const oneSdk = await OneSdk({
-            session: {
-              token: sessionToken,
-            },
-            mode: 'production',
-            recipe: {
-              form: {
-                provider: {
-                  name: 'react',
-                  // NOTE: This is for the autocomplete feature in the form
-                  // googleApiKey: "<GOOGLE_API_KEY>",
-                },
-              },
-            },
-          });
-
-          oneSdkInstance.on('*', console.log);
-          const appContainer = document.querySelector('#idv-el');
-
-          const welcome = oneSdkInstance.component('form', {
-            name: 'WELCOME',
-            mode: 'individual',
-            type: 'manual',
-          });
-
-          const consent = oneSdkInstance.component('form', {
-            name: 'CONSENT',
-            mode: 'individual',
-            type: 'manual',
-          });
-
-          const personal = oneSdkInstance.component('form', {
-            name: 'PERSONAL',
-            mode: 'individual',
-            type: 'manual',
-          });
-
-          const documents = oneSdkInstance.component('form', {
-            name: 'DOCUMENT',
-            mode: 'individual',
-            type: 'manual',
-          });
-
-          const review = oneSdkInstance.component('form', {
-            name: 'REVIEW',
-            mode: 'individual',
-            type: 'manual',
-            verify: true,
-            customResult: true,
-          });
-
-          const success = oneSdkInstance.component('form', {
-            name: 'RESULT',
-            mode: 'individual',
-            state: 'SUCCESS',
-            type: 'manual',
-            cta: {
-              label: 'Continue',
-            },
-          });
-
-          const failed = oneSdkInstance.component('form', {
-            name: 'RESULT',
-            mode: 'individual',
-            state: 'FAIL',
-            type: 'manual',
-            cta: {
-              label: 'Continue',
-            },
-          });
-
-          const partial = oneSdkInstance.component('form', {
-            name: 'RESULT',
-            mode: 'individual',
-            state: 'PARTIAL',
-            type: 'manual',
-          });
-
-          const pending = oneSdkInstance.component('form', {
-            name: 'RESULT',
-            mode: 'individual',
-            state: 'PENDING',
-            type: 'manual',
-            cta: {
-              label: 'Continue',
-            },
-          });
-
-          const retry = oneSdkInstance.component('form', {
-            name: 'RETRY',
-            mode: 'individual',
-            type: 'manual',
-          });
-
-          welcome.on('form:welcome:ready', () => {
-            consent.mount(appContainer);
-          });
-
-          consent.on('form:consent:ready', async () => {
-            personal.mount(appContainer);
-          });
-
-          personal.on('form:personal:ready', async () => {
-            documents.mount(appContainer);
-          });
-
-          documents.on('form:document:back', async () => {
-            personal.mount(appContainer);
-          });
-
-          documents.on('form:document:ready', async () => {
-            review.mount(appContainer);
-          });
-
-          review.on('form:review:success', async () => {
-            success.mount(appContainer);
-          });
-
-          review.on('form:review:failed', async () => {
-            failed.mount(appContainer);
-          });
-
-          review.on('form:review:pending', () => {
-            pending.mount(appContainer);
-          });
-
-          let retryCount = 0;
-          review.on('form:review:partial', async () => {
-            if (retryCount < 2) {
-              retryCount += 1;
-              partial.mount(appContainer);
-            } else {
-              failed.mount(appContainer);
-            }
-          });
-
-          pending.on('form:result:pending', async () => {
-            console.log('form result pending');
-          });
-
-          success.on('form:result:success', async () => {
-            console.log('form result success');
-          });
-
-          failed.on('form:result:failed', async () => {
-            console.log('form result failed');
-          });
-
-          partial.on('form:result:partial', async () => {
-            retry.mount(appContainer);
-          });
-
-          welcome.mount(appContainer);
+          },
+        },
+      });
+
+      // Enable debug logging of all OneSDK events
+      oneSdkInstance.on('*', console.log);
+
+      // Get the container where OneSDK UI will be mounted
+      const appContainer = document.querySelector('#idv-el');
+
+      // Create components for each step of the KYC flow
+      // Each component is configured with specific options for its purpose
+
+      // Welcome screen - Initial landing page
+      const welcome = oneSdkInstance.component('form', {
+        name: 'WELCOME',
+        mode: 'individual',
+        type: 'manual',
+      });
+
+      // Consent screen - Get user permission
+      const consent = oneSdkInstance.component('form', {
+        name: 'CONSENT',
+        mode: 'individual',
+        type: 'manual',
+      });
+
+      // Personal details form
+      const personal = oneSdkInstance.component('form', {
+        name: 'PERSONAL',
+        mode: 'individual',
+        type: 'manual',
+      });
+
+      // Document upload screen
+      const documents = oneSdkInstance.component('form', {
+        name: 'DOCUMENT',
+        mode: 'individual',
+        type: 'manual',
+      });
+
+      // Review screen - Final verification step
+      const review = oneSdkInstance.component('form', {
+        name: 'REVIEW',
+        mode: 'individual',
+        type: 'manual',
+        verify: true,
+        customResult: true,
+      });
+
+      // Various result screens based on verification outcome
+      const success = oneSdkInstance.component('form', {
+        name: 'RESULT',
+        mode: 'individual',
+        state: 'SUCCESS',
+        type: 'manual',
+        cta: {
+          label: 'Continue',
+        },
+      });
+
+      const failed = oneSdkInstance.component('form', {
+        name: 'RESULT',
+        mode: 'individual',
+        state: 'FAIL',
+        type: 'manual',
+        cta: {
+          label: 'Continue',
+        },
+      });
+
+      const partial = oneSdkInstance.component('form', {
+        name: 'RESULT',
+        mode: 'individual',
+        state: 'PARTIAL',
+        type: 'manual',
+      });
+
+      const pending = oneSdkInstance.component('form', {
+        name: 'RESULT',
+        mode: 'individual',
+        state: 'PENDING',
+        type: 'manual',
+        cta: {
+          label: 'Continue',
+        },
+      });
+
+      const retry = oneSdkInstance.component('form', {
+        name: 'RETRY',
+        mode: 'individual',
+        type: 'manual',
+      });
+
+      // Set up the flow between screens using event handlers
+      // Each handler listens for completion of current screen and shows the next
+
+      welcome.on('form:welcome:ready', () => {
+        consent.mount(appContainer);
+      });
+
+      // When consent is given, show personal details form
+      consent.on('form:consent:ready', async () => {
+        personal.mount(appContainer);
+      });
+
+      personal.on('form:personal:ready', async () => {
+        documents.mount(appContainer);
+      });
+
+      // Allow navigation back to personal details
+      documents.on('form:document:back', async () => {
+        personal.mount(appContainer);
+      });
+
+      documents.on('form:document:ready', async () => {
+        review.mount(appContainer);
+      });
+
+      // Handle different verification outcomes
+      review.on('form:review:success', async () => {
+        success.mount(appContainer);
+      });
+
+      review.on('form:review:failed', async () => {
+        failed.mount(appContainer);
+      });
+
+      review.on('form:review:pending', () => {
+        pending.mount(appContainer);
+      });
+
+      // Handle partial success with retry logic
+      let retryCount = 0;
+      review.on('form:review:partial', async () => {
+        if (retryCount < 2) {
+          retryCount += 1;
+          partial.mount(appContainer);
+        } else {
+          failed.mount(appContainer);
         }
-      </script>
-    </head>
-
-    <body style="background-color: white" onload="startOneSdk()">
-      <div
-        id="idv-el"
-        style="top: 0; left: 0; width: 100%; height: 100%; display: block"
-      ></div>
-    </body>
-  </html>`;
+      });
+
+      // Log final verification outcomes
+      pending.on('form:result:pending', async () => {
+        console.log('form result pending');
+      });
+
+      success.on('form:result:success', async () => {
+        console.log('form result success');
+      });
+
+      failed.on('form:result:failed', async () => {
+        console.log('form result failed');
+      });
+
+      partial.on('form:result:partial', async () => {
+        retry.mount(appContainer);
+      });
+
+      // Start the flow by mounting the welcome screen
+      welcome.mount(appContainer);
+    }
+    </script>
+  </head>
+
+  <body style="background-color: white" onload="startOneSdk()">
+    <!-- Container where OneSDK will render its UI -->
+    <div
+      id="idv-el"
+      style="top: 0; left: 0; width: 100%; height: 100%; display: block"
+    ></div>
+  </body>
+</html>`;
 //# sourceMappingURL=templateManualKyc.js.map

package/dist/esm/modules/cli/template/templateManualKyc.js.map

@@ -1 +1 @@
-{"version":3,"file":"templateManualKyc.js","sourceRoot":"","sources":["../../../../../modules/cli/template/templateManualKyc.js"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC;AAExB,MAAM,CAAC,MAAM,iBAAiB,GAAG,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAqN3B,CAAC"}
+{"version":3,"file":"templateManualKyc.js","sourceRoot":"","sources":["../../../../../modules/cli/template/templateManualKyc.js"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC;AAExB,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,YAAY,EAAE,EAAE,CAAC,IAAI,CAAA;;;;;;;;;;;;;;;;;;;MAmBjD,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAmMV,CAAC"}

package/dist/esm/modules/meta.json

@@ -1 +1 @@
-{ "version": "1.7.14-rc.3" }
+{ "version": "1.7.14-rc.4" }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@frankieone/one-sdk",
-  "version": "1.7.14-rc.3",
+  "version": "1.7.14-rc.4",
   "cliVersion": "0.0.1",
   "description": "FrankieOne OneSDK",
   "keywords": [],
@@ -52,7 +52,7 @@
     "tsc-check": "tsc -p ./tsconfig.modules.json --noEmit",
     "tsc-check-all": "tsc -p ./tsconfig.json --noEmit",
     "test": "jest --clearCache && jest --detectOpenHandles --silent --expand",
-    "test:analyze": "node --expose-gc ./node_modules/.bin/jest --runInBand --silent --coverage --logHeapUsage",
+    "test:analyze": "node --expose-gc ./node_modules/.bin/jest --silent --coverage --logHeapUsage",
     "watch": "webpack --watch",
     "watch:css": "npx tailwindcss -o styles/f1-style.css --watch",
     "prepare": "husky"