@descope/sdk-mixins 0.21.0 → 0.23.0

package/dist/cjs/index.js

@@ -26,6 +26,7 @@ var cookieConfigMixin = require('./mixins/cookieConfigMixin.js');
 var injectNpmLibMixin = require('./mixins/injectNpmLibMixin/injectNpmLibMixin.js');
 var injectStyleMixin = require('./mixins/injectStyleMixin.js');
 var cspNonceMixin = require('./mixins/cspNonceMixin.js');
+var flowInputMixin = require('./mixins/flowInputMixin/flowInputMixin.js');
 
 
 
@@ -56,4 +57,5 @@ exports.cookieConfigMixin = cookieConfigMixin.cookieConfigMixin;
 exports.injectNpmLibMixin = injectNpmLibMixin.injectNpmLibMixin;
 exports.injectStyleMixin = injectStyleMixin.injectStyleMixin;
 exports.cspNonceMixin = cspNonceMixin.cspNonceMixin;
+exports.flowInputMixin = flowInputMixin.flowInputMixin;
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/mixins/flowInputMixin/flowInputMixin.js

@@ -0,0 +1,58 @@
+'use strict';
+
+var tslib = require('tslib');
+var sdkHelpers = require('@descope/sdk-helpers');
+var themeMixin = require('../themeMixin/themeMixin.js');
+
+/**
+ * Exposes a widget's caller-supplied flow inputs (`client.*` / `form.*`) and
+ * builds the internal `<descope-wc>` flow template with the widget's shared
+ * config, forwarding those inputs into the flow-start call - the same way they
+ * flow for a directly-embedded `<Descope>` flow.
+ *
+ * `createFlowTemplate` (the method) wraps the `createFlowTemplate` helper so
+ * every flow a widget runs gets the shared config + inputs from one place,
+ * instead of each call site rebuilding the config. Composes `themeMixin` for
+ * the resolved `theme` / `styleId`; the rest are plain attribute reads.
+ */
+const flowInputMixin = sdkHelpers.createSingletonMixin((superclass) => { var _FlowInputMixinClass_instances, _FlowInputMixinClass_resolveForm, _a; return _a = class FlowInputMixinClass extends themeMixin.themeMixin(superclass) {
+        constructor() {
+            super(...arguments);
+            _FlowInputMixinClass_instances.add(this);
+        }
+        // caller-supplied client context, forwarded as flow-start `options.client`
+        get clientInput() {
+            try {
+                return JSON.parse(this.getAttribute('client')) || {};
+            }
+            catch (e) {
+                return {};
+            }
+        }
+        // caller-supplied form inputs (raw JSON string), forwarded as flow inputs
+        get formInput() {
+            return this.getAttribute('form') || undefined;
+        }
+        createFlowTemplate(_b) {
+            var { flowId, client, form } = _b, overrides = tslib.__rest(_b, ["flowId", "client", "form"]);
+            return sdkHelpers.createFlowTemplate(Object.assign({ projectId: this.getAttribute('project-id'), flowId, baseUrl: this.getAttribute('base-url') || '', baseStaticUrl: this.getAttribute('base-static-url') || '', baseCdnUrl: this.getAttribute('base-cdn-url') || '', refreshCookieName: this.getAttribute('refresh-cookie-name') || '', theme: this.theme, 'style-id': this.styleId, locale: this.getAttribute('locale') || '', form: tslib.__classPrivateFieldGet(this, _FlowInputMixinClass_instances, "m", _FlowInputMixinClass_resolveForm).call(this, form), client: Object.assign(Object.assign({}, this.clientInput), client) }, overrides));
+        }
+    },
+    _FlowInputMixinClass_instances = new WeakSet(),
+    _FlowInputMixinClass_resolveForm = function _FlowInputMixinClass_resolveForm(form) {
+        const callerForm = this.formInput;
+        if (!form)
+            return callerForm;
+        if (!callerForm)
+            return form;
+        try {
+            return Object.assign(Object.assign({}, JSON.parse(callerForm)), form);
+        }
+        catch (e) {
+            return form;
+        }
+    },
+    _a; });
+
+exports.flowInputMixin = flowInputMixin;
+//# sourceMappingURL=flowInputMixin.js.map

package/dist/cjs/mixins/flowInputMixin/flowInputMixin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flowInputMixin.js","sources":["../../../../src/mixins/flowInputMixin/flowInputMixin.ts"],"sourcesContent":["import { createSingletonMixin, createFlowTemplate } from '@descope/sdk-helpers';\nimport { themeMixin } from '../themeMixin';\n\ntype FlowInputConfig = {\n  flowId: string;\n  // per-flow inputs the widget supplies; merged over the caller-supplied inputs\n  client?: Record<string, any>;\n  form?: Record<string, any>;\n  // widget-specific context forwarded as-is (e.g. tenant, outboundAppId)\n  tenant?: string;\n  outboundAppId?: string;\n};\n\n/**\n * Exposes a widget's caller-supplied flow inputs (`client.*` / `form.*`) and\n * builds the internal `<descope-wc>` flow template with the widget's shared\n * config, forwarding those inputs into the flow-start call - the same way they\n * flow for a directly-embedded `<Descope>` flow.\n *\n * `createFlowTemplate` (the method) wraps the `createFlowTemplate` helper so\n * every flow a widget runs gets the shared config + inputs from one place,\n * instead of each call site rebuilding the config. Composes `themeMixin` for\n * the resolved `theme` / `styleId`; the rest are plain attribute reads.\n */\nexport const flowInputMixin = createSingletonMixin(\n  <T extends CustomElementConstructor>(superclass: T) =>\n    class FlowInputMixinClass extends themeMixin(superclass) {\n      // caller-supplied client context, forwarded as flow-start `options.client`\n      get clientInput(): Record<string, any> {\n        try {\n          return JSON.parse(this.getAttribute('client')) || {};\n        } catch (e) {\n          return {};\n        }\n      }\n\n      // caller-supplied form inputs (raw JSON string), forwarded as flow inputs\n      get formInput(): string | undefined {\n        return this.getAttribute('form') || undefined;\n      }\n\n      // merge a per-flow form (e.g. ids the widget supplies) over the\n      // caller-supplied form inputs, with the per-flow values taking precedence\n      #resolveForm(\n        form?: Record<string, any>,\n      ): Record<string, any> | string | undefined {\n        const callerForm = this.formInput;\n        if (!form) return callerForm;\n        if (!callerForm) return form;\n        try {\n          return { ...JSON.parse(callerForm), ...form };\n        } catch (e) {\n          return form;\n        }\n      }\n\n      createFlowTemplate({\n        flowId,\n        client,\n        form,\n        ...overrides\n      }: FlowInputConfig) {\n        return createFlowTemplate({\n          projectId: this.getAttribute('project-id'),\n          flowId,\n          baseUrl: this.getAttribute('base-url') || '',\n          baseStaticUrl: this.getAttribute('base-static-url') || '',\n          baseCdnUrl: this.getAttribute('base-cdn-url') || '',\n          refreshCookieName: this.getAttribute('refresh-cookie-name') || '',\n          theme: this.theme,\n          'style-id': this.styleId,\n          locale: this.getAttribute('locale') || '',\n          form: this.#resolveForm(form),\n          client: { ...this.clientInput, ...client },\n          ...overrides,\n        });\n      }\n    },\n);\n"],"names":["createSingletonMixin","themeMixin","__rest","createFlowTemplate","__classPrivateFieldGet"],"mappings":";;;;;;AAaA;;;;;;;;;;AAUG;AACU,MAAA,cAAc,GAAGA,+BAAoB,CAChD,CAAqC,UAAa,6FAChD,MAAM,mBAAoB,SAAQC,qBAAU,CAAC,UAAU,CAAC,CAAA;AAAxD,QAAA,WAAA,GAAA;;;SAmDC;;AAjDC,QAAA,IAAI,WAAW,GAAA;AACb,YAAA,IAAI;AACF,gBAAA,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,IAAI,EAAE,CAAC;aACtD;YAAC,OAAO,CAAC,EAAE;AACV,gBAAA,OAAO,EAAE,CAAC;aACX;SACF;;AAGD,QAAA,IAAI,SAAS,GAAA;YACX,OAAO,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,SAAS,CAAC;SAC/C;AAiBD,QAAA,kBAAkB,CAAC,EAKD,EAAA;gBALC,EACjB,MAAM,EACN,MAAM,EACN,IAAI,OAEY,EADb,SAAS,GAJKC,YAAA,CAAA,EAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,MAAA,CAKlB,CADa,CAAA;YAEZ,OAAOC,6BAAkB,iBACvB,SAAS,EAAE,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,EAC1C,MAAM,EACN,OAAO,EAAE,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,IAAI,EAAE,EAC5C,aAAa,EAAE,IAAI,CAAC,YAAY,CAAC,iBAAiB,CAAC,IAAI,EAAE,EACzD,UAAU,EAAE,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC,IAAI,EAAE,EACnD,iBAAiB,EAAE,IAAI,CAAC,YAAY,CAAC,qBAAqB,CAAC,IAAI,EAAE,EACjE,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,UAAU,EAAE,IAAI,CAAC,OAAO,EACxB,MAAM,EAAE,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,EAAE,EACzC,IAAI,EAAEC,6BAAA,IAAI,EAAA,8BAAA,EAAA,GAAA,EAAA,gCAAA,CAAa,CAAjB,IAAA,CAAA,IAAI,EAAc,IAAI,CAAC,EAC7B,MAAM,EAAO,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,IAAI,CAAC,WAAW,GAAK,MAAM,CAAA,EAAA,EACrC,SAAS,CAAA,CACZ,CAAC;SACJ;AACF,KAAA;;iFAjCG,IAA0B,EAAA;AAE1B,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC;AAClC,QAAA,IAAI,CAAC,IAAI;AAAE,YAAA,OAAO,UAAU,CAAC;AAC7B,QAAA,IAAI,CAAC,UAAU;AAAE,YAAA,OAAO,IAAI,CAAC;AAC7B,QAAA,IAAI;YACF,OAAY,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAA,EAAK,IAAI,CAAG,CAAA;SAC/C;QAAC,OAAO,CAAC,EAAE;AACV,YAAA,OAAO,IAAI,CAAC;SACb;KACF;AAuBF,IAAA,EAAA,CAAA,EAAA;;;;"}

package/dist/esm/index.js

@@ -24,4 +24,5 @@ export { cookieConfigMixin } from './mixins/cookieConfigMixin.js';
 export { injectNpmLibMixin } from './mixins/injectNpmLibMixin/injectNpmLibMixin.js';
 export { injectStyleMixin } from './mixins/injectStyleMixin.js';
 export { cspNonceMixin } from './mixins/cspNonceMixin.js';
+export { flowInputMixin } from './mixins/flowInputMixin/flowInputMixin.js';
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/mixins/flowInputMixin/flowInputMixin.js

@@ -0,0 +1,56 @@
+import { __rest, __classPrivateFieldGet } from 'tslib';
+import { createSingletonMixin, createFlowTemplate } from '@descope/sdk-helpers';
+import { themeMixin } from '../themeMixin/themeMixin.js';
+
+/**
+ * Exposes a widget's caller-supplied flow inputs (`client.*` / `form.*`) and
+ * builds the internal `<descope-wc>` flow template with the widget's shared
+ * config, forwarding those inputs into the flow-start call - the same way they
+ * flow for a directly-embedded `<Descope>` flow.
+ *
+ * `createFlowTemplate` (the method) wraps the `createFlowTemplate` helper so
+ * every flow a widget runs gets the shared config + inputs from one place,
+ * instead of each call site rebuilding the config. Composes `themeMixin` for
+ * the resolved `theme` / `styleId`; the rest are plain attribute reads.
+ */
+const flowInputMixin = createSingletonMixin((superclass) => { var _FlowInputMixinClass_instances, _FlowInputMixinClass_resolveForm, _a; return _a = class FlowInputMixinClass extends themeMixin(superclass) {
+        constructor() {
+            super(...arguments);
+            _FlowInputMixinClass_instances.add(this);
+        }
+        // caller-supplied client context, forwarded as flow-start `options.client`
+        get clientInput() {
+            try {
+                return JSON.parse(this.getAttribute('client')) || {};
+            }
+            catch (e) {
+                return {};
+            }
+        }
+        // caller-supplied form inputs (raw JSON string), forwarded as flow inputs
+        get formInput() {
+            return this.getAttribute('form') || undefined;
+        }
+        createFlowTemplate(_b) {
+            var { flowId, client, form } = _b, overrides = __rest(_b, ["flowId", "client", "form"]);
+            return createFlowTemplate(Object.assign({ projectId: this.getAttribute('project-id'), flowId, baseUrl: this.getAttribute('base-url') || '', baseStaticUrl: this.getAttribute('base-static-url') || '', baseCdnUrl: this.getAttribute('base-cdn-url') || '', refreshCookieName: this.getAttribute('refresh-cookie-name') || '', theme: this.theme, 'style-id': this.styleId, locale: this.getAttribute('locale') || '', form: __classPrivateFieldGet(this, _FlowInputMixinClass_instances, "m", _FlowInputMixinClass_resolveForm).call(this, form), client: Object.assign(Object.assign({}, this.clientInput), client) }, overrides));
+        }
+    },
+    _FlowInputMixinClass_instances = new WeakSet(),
+    _FlowInputMixinClass_resolveForm = function _FlowInputMixinClass_resolveForm(form) {
+        const callerForm = this.formInput;
+        if (!form)
+            return callerForm;
+        if (!callerForm)
+            return form;
+        try {
+            return Object.assign(Object.assign({}, JSON.parse(callerForm)), form);
+        }
+        catch (e) {
+            return form;
+        }
+    },
+    _a; });
+
+export { flowInputMixin };
+//# sourceMappingURL=flowInputMixin.js.map

package/dist/esm/mixins/flowInputMixin/flowInputMixin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flowInputMixin.js","sources":["../../../../src/mixins/flowInputMixin/flowInputMixin.ts"],"sourcesContent":["import { createSingletonMixin, createFlowTemplate } from '@descope/sdk-helpers';\nimport { themeMixin } from '../themeMixin';\n\ntype FlowInputConfig = {\n  flowId: string;\n  // per-flow inputs the widget supplies; merged over the caller-supplied inputs\n  client?: Record<string, any>;\n  form?: Record<string, any>;\n  // widget-specific context forwarded as-is (e.g. tenant, outboundAppId)\n  tenant?: string;\n  outboundAppId?: string;\n};\n\n/**\n * Exposes a widget's caller-supplied flow inputs (`client.*` / `form.*`) and\n * builds the internal `<descope-wc>` flow template with the widget's shared\n * config, forwarding those inputs into the flow-start call - the same way they\n * flow for a directly-embedded `<Descope>` flow.\n *\n * `createFlowTemplate` (the method) wraps the `createFlowTemplate` helper so\n * every flow a widget runs gets the shared config + inputs from one place,\n * instead of each call site rebuilding the config. Composes `themeMixin` for\n * the resolved `theme` / `styleId`; the rest are plain attribute reads.\n */\nexport const flowInputMixin = createSingletonMixin(\n  <T extends CustomElementConstructor>(superclass: T) =>\n    class FlowInputMixinClass extends themeMixin(superclass) {\n      // caller-supplied client context, forwarded as flow-start `options.client`\n      get clientInput(): Record<string, any> {\n        try {\n          return JSON.parse(this.getAttribute('client')) || {};\n        } catch (e) {\n          return {};\n        }\n      }\n\n      // caller-supplied form inputs (raw JSON string), forwarded as flow inputs\n      get formInput(): string | undefined {\n        return this.getAttribute('form') || undefined;\n      }\n\n      // merge a per-flow form (e.g. ids the widget supplies) over the\n      // caller-supplied form inputs, with the per-flow values taking precedence\n      #resolveForm(\n        form?: Record<string, any>,\n      ): Record<string, any> | string | undefined {\n        const callerForm = this.formInput;\n        if (!form) return callerForm;\n        if (!callerForm) return form;\n        try {\n          return { ...JSON.parse(callerForm), ...form };\n        } catch (e) {\n          return form;\n        }\n      }\n\n      createFlowTemplate({\n        flowId,\n        client,\n        form,\n        ...overrides\n      }: FlowInputConfig) {\n        return createFlowTemplate({\n          projectId: this.getAttribute('project-id'),\n          flowId,\n          baseUrl: this.getAttribute('base-url') || '',\n          baseStaticUrl: this.getAttribute('base-static-url') || '',\n          baseCdnUrl: this.getAttribute('base-cdn-url') || '',\n          refreshCookieName: this.getAttribute('refresh-cookie-name') || '',\n          theme: this.theme,\n          'style-id': this.styleId,\n          locale: this.getAttribute('locale') || '',\n          form: this.#resolveForm(form),\n          client: { ...this.clientInput, ...client },\n          ...overrides,\n        });\n      }\n    },\n);\n"],"names":[],"mappings":";;;;AAaA;;;;;;;;;;AAUG;AACU,MAAA,cAAc,GAAG,oBAAoB,CAChD,CAAqC,UAAa,6FAChD,MAAM,mBAAoB,SAAQ,UAAU,CAAC,UAAU,CAAC,CAAA;AAAxD,QAAA,WAAA,GAAA;;;SAmDC;;AAjDC,QAAA,IAAI,WAAW,GAAA;AACb,YAAA,IAAI;AACF,gBAAA,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,IAAI,EAAE,CAAC;aACtD;YAAC,OAAO,CAAC,EAAE;AACV,gBAAA,OAAO,EAAE,CAAC;aACX;SACF;;AAGD,QAAA,IAAI,SAAS,GAAA;YACX,OAAO,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,SAAS,CAAC;SAC/C;AAiBD,QAAA,kBAAkB,CAAC,EAKD,EAAA;gBALC,EACjB,MAAM,EACN,MAAM,EACN,IAAI,OAEY,EADb,SAAS,GAJK,MAAA,CAAA,EAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,MAAA,CAKlB,CADa,CAAA;YAEZ,OAAO,kBAAkB,iBACvB,SAAS,EAAE,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,EAC1C,MAAM,EACN,OAAO,EAAE,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,IAAI,EAAE,EAC5C,aAAa,EAAE,IAAI,CAAC,YAAY,CAAC,iBAAiB,CAAC,IAAI,EAAE,EACzD,UAAU,EAAE,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC,IAAI,EAAE,EACnD,iBAAiB,EAAE,IAAI,CAAC,YAAY,CAAC,qBAAqB,CAAC,IAAI,EAAE,EACjE,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,UAAU,EAAE,IAAI,CAAC,OAAO,EACxB,MAAM,EAAE,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,EAAE,EACzC,IAAI,EAAE,uBAAA,IAAI,EAAA,8BAAA,EAAA,GAAA,EAAA,gCAAA,CAAa,CAAjB,IAAA,CAAA,IAAI,EAAc,IAAI,CAAC,EAC7B,MAAM,EAAO,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,IAAI,CAAC,WAAW,GAAK,MAAM,CAAA,EAAA,EACrC,SAAS,CAAA,CACZ,CAAC;SACJ;AACF,KAAA;;iFAjCG,IAA0B,EAAA;AAE1B,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC;AAClC,QAAA,IAAI,CAAC,IAAI;AAAE,YAAA,OAAO,UAAU,CAAC;AAC7B,QAAA,IAAI,CAAC,UAAU;AAAE,YAAA,OAAO,IAAI,CAAC;AAC7B,QAAA,IAAI;YACF,OAAY,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAA,EAAK,IAAI,CAAG,CAAA;SAC/C;QAAC,OAAO,CAAC,EAAE;AACV,YAAA,OAAO,IAAI,CAAC;SACb;KACF;AAuBF,IAAA,EAAA,CAAA,EAAA;;;;"}