@descope/flow-scripts 1.0.10 → 1.0.11

package/dist/darwinium.js

@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):((e="undefined"!=typeof globalThis?globalThis:e||self).descope=e.descope||{},e.descope.darwinium=t())}(this,(function(){"use strict";const e={email:"EMAIL",givenName:"FIRST_NAME",familyName:"LAST_NAME",displayName:"FULL_NAME",phone:"TELEPHONE",externalId:"USER_NAME",password:"PASSWORD",newPassword:"PASSWORD",address:"ADDRESS_STREET1"};return(t,n,o)=>{let s=null;const r=()=>{let t=[];var o;n.ref.getInputs?t=null==(o=n.ref.getInputs())?void 0:o.flatMap((t=>{const n=t.getAttribute("name")||"";return[{selector:`${t.localName} input`,context:e[n]},{selector:`input[name="${n}"]`,context:e[n]}]})):console.warn("getInputs function is missing, expected the ref to be a Descope Web Component"),s=(e=>{var t;return null===(t=window.dwn)||void 0===t?void 0:t.start({mouse:!0,use_deep_query_selector:!0,key_bm:e})})(t)};return((e,t)=>{const n=document.createElement("script");n.src=e,n.async=!0,n.id="darwinium-script",n.defer=!0,n.onload=t,document.body.appendChild(n)})(t.profilingTagsScriptUrl||"https://cy-began.com/dwnfp.js",(()=>{o(null),r()})),{stop:()=>{null==s||s.stop()},start:r,refresh:()=>{const e=null==s?void 0:s.tryCollect();o(e)}}}}));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@descope/flow-scripts",
   "type": "module",
-  "version": "1.0.10",
+  "version": "1.0.11",
   "repository": {
     "type": "git",
     "url": "https://github.com/descope/content"
@@ -25,7 +25,7 @@
     "eslint-plugin-import": "2.32.0",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
-    "rollup": "4.45.0",
+    "rollup": "4.45.1",
     "ts-jest": "29.4.0",
     "ts-node": "10.9.2",
     "typescript": "5.8.3"

package/src/darwinium.ts

@@ -0,0 +1,82 @@
+// A mapping of input names to Darwinium context names
+// https://dahibthxi6hbt.cloudfront.net/dwn-api-docs/javascript/docs/global.html#Contexts
+const CONTEXT_MAPPING = {
+  email: "EMAIL",
+  givenName: "FIRST_NAME",
+  familyName: "LAST_NAME",
+  displayName: "FULL_NAME",
+  phone: "TELEPHONE",
+  externalId: "USER_NAME",
+  password: "PASSWORD",
+  newPassword: "PASSWORD",
+  address: "ADDRESS_STREET1",
+};
+
+const loadScript = (src: string, onLoad: () => void) => {
+  const script = document.createElement("script");
+  script.src = src;
+  script.async = true;
+  script.id = "darwinium-script";
+  script.defer = true;
+  script.onload = onLoad;
+  document.body.appendChild(script);
+};
+
+const createProfilingInstance = (selectors: any[]) => {
+  return (<any>window).dwn?.start({
+    mouse: true,
+    use_deep_query_selector: true,
+    key_bm: selectors,
+  });
+};
+
+const createSelectors = (inputs: HTMLInputElement[]) => {
+  return inputs?.flatMap((input) => {
+    const name = input.getAttribute("name") || "";
+    return [
+      { selector: `${input.localName} input`, context: CONTEXT_MAPPING[name] },
+      { selector: `input[name="${name}"]`, context: CONTEXT_MAPPING[name] },
+    ];
+  });
+};
+
+const loadDarwinium = (
+  initArgs: { profilingTagsScriptUrl?: string; geoLocationEnabled?: boolean },
+  _inputs: { baseUrl?: string; ref: any },
+  onTokenReady: (token: string | null) => void
+) => {
+  let profilingInstance: any = null;
+
+  // on flow state update, start profiling
+  const start = () => {
+    let selectors: any[] = [];
+    if (_inputs.ref.getInputs) {
+      selectors = createSelectors(_inputs.ref.getInputs());
+    } else {
+      console.warn("getInputs function is missing, expected the ref to be a Descope Web Component");
+    }
+    profilingInstance = createProfilingInstance(selectors);
+  };
+
+  // before submit, we need to collect profiling data
+  const refresh = () => {
+    const webProfilingBlob = profilingInstance?.tryCollect();
+    onTokenReady(webProfilingBlob);
+  };
+
+  // after submit, we stop profiling
+  const stop = () => {
+    profilingInstance?.stop();
+  };
+
+  loadScript(initArgs.profilingTagsScriptUrl || "https://cy-began.com/dwnfp.js", () => {
+    // on the first time, the SDK is waiting for onTokenReady to be called
+    // so we are using it to wait for the Darwinium script to load
+    onTokenReady(null);
+    start();
+  });
+
+  return { stop, start, refresh };
+};
+
+export default loadDarwinium;