@descope/web-component 3.66.1 → 3.67.1

package/dist/cjs/helpers/realtime-conditions/applier.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"applier.js","sources":["../../../../src/lib/helpers/realtime-conditions/applier.ts"],"sourcesContent":["// Single source of truth for the action vocabulary. Add a new entry here and\n// the matching `case` to both switches below.\nexport const COMPONENT_ACTIONS = ['hide', 'disable', 'read-only'] as const;\nexport type ComponentAction = (typeof COMPONENT_ACTIONS)[number];\n\n/** Applies a single component state to a DOM element. */\nexport function applyAction(el: Element, action: string): void {\n  switch (action) {\n    case 'hide':\n      el.classList.add('hidden');\n      break;\n    case 'disable':\n      el.setAttribute('disabled', 'true');\n      break;\n    case 'read-only':\n      el.setAttribute('readonly', 'true');\n      break;\n    default:\n    // Unknown action — silently ignore. Bad actions shouldn't make it past\n    // the server; if one does, we'd rather no-op than throw.\n  }\n}\n\n/** Removes a previously-applied action from a DOM element. */\nexport function clearAction(el: Element, action: string): void {\n  switch (action) {\n    case 'hide':\n      el.classList.remove('hidden');\n      break;\n    case 'disable':\n      el.removeAttribute('disabled');\n      break;\n    case 'read-only':\n      el.removeAttribute('readonly');\n      break;\n    default:\n    // no-op\n  }\n}\n\n// Escape only the chars that would break `[id=\"...\"]` selectors:\n// double-quote (would close the quoted attribute) and backslash (would\n// escape the next char). Narrower than the real CSS.escape; just enough\n// for environments that don't expose it (older JSDOM, very old Safari).\nconst ATTR_SELECTOR_ESCAPE_PATTERN = /([\"\\\\])/g;\n\n// CSS.escape with the fallback above for environments that lack it.\n// Exported so callers that build attribute selectors from runtime strings\n// can use a single sanitizer.\nexport function escapeSelector(value: string): string {\n  if (typeof CSS !== 'undefined' && typeof CSS.escape === 'function') {\n    return CSS.escape(value);\n  }\n  return value.replace(ATTR_SELECTOR_ESCAPE_PATTERN, '\\\\$1');\n}\n\n// IDs can repeat (e.g. duplicates inside dynamic-selects), so match all.\nfunction findComponents(root: ParentNode, id: string): Element[] {\n  return Array.from(root.querySelectorAll(`[id=\"${escapeSelector(id)}\"]`));\n}\n\n/**\n * Diffs the previously-applied real-time state against the newly-computed one\n * and updates the DOM accordingly. Only touches elements whose IDs the realtime\n * layer owns, leaving everything else alone (e.g. submit buttons,\n * dynamically-disabled fields).\n *\n * - `applied`: what we applied last time (id → action).\n * - `next`: what should be applied now (id → action). Absence means no action.\n *\n * Returns a fresh copy of `next` for the caller to store.\n */\nexport function apply(\n  root: ParentNode,\n  applied: Record<string, string>,\n  next: Record<string, string>,\n): Record<string, string> {\n  // Clear actions that were applied previously but aren't in `next` (or whose\n  // action changed).\n  Object.keys(applied).forEach((id) => {\n    const prev = applied[id];\n    const upcoming = next[id];\n    if (upcoming === prev) return;\n    findComponents(root, id).forEach((el) => clearAction(el, prev));\n  });\n  // Apply actions in `next` that weren't there or whose action changed.\n  Object.keys(next).forEach((id) => {\n    const upcoming = next[id];\n    const prev = applied[id];\n    if (upcoming === prev) return;\n    findComponents(root, id).forEach((el) => applyAction(el, upcoming));\n  });\n  return { ...next };\n}\n"],"names":["applyAction","el","action","classList","add","setAttribute","clearAction","remove","removeAttribute","ATTR_SELECTOR_ESCAPE_PATTERN","escapeSelector","value","CSS","escape","replace","findComponents","root","id","Array","from","querySelectorAll","applied","next","Object","keys","forEach","prev","upcoming","assign"],"mappings":"aAMgB,SAAAA,EAAYC,EAAaC,GACvC,OAAQA,GACN,IAAK,OACHD,EAAGE,UAAUC,IAAI,UACjB,MACF,IAAK,UACHH,EAAGI,aAAa,WAAY,QAC5B,MACF,IAAK,YACHJ,EAAGI,aAAa,WAAY,QAMlC,CAGgB,SAAAC,EAAYL,EAAaC,GACvC,OAAQA,GACN,IAAK,OACHD,EAAGE,UAAUI,OAAO,UACpB,MACF,IAAK,UACHN,EAAGO,gBAAgB,YACnB,MACF,IAAK,YACHP,EAAGO,gBAAgB,YAKzB,CAMA,MAAMC,EAA+B,WAK/B,SAAUC,EAAeC,GAC7B,MAAmB,oBAARC,KAA6C,mBAAfA,IAAIC,OACpCD,IAAIC,OAAOF,GAEbA,EAAMG,QAAQL,EAA8B,OACrD,CAGA,SAASM,EAAeC,EAAkBC,GACxC,OAAOC,MAAMC,KAAKH,EAAKI,iBAAiB,QAAQV,EAAeO,QACjE,2BAzDiC,CAAC,OAAQ,UAAW,oCAuEnDD,EACAK,EACAC,GAiBA,OAbAC,OAAOC,KAAKH,GAASI,SAASR,IAC5B,MAAMS,EAAOL,EAAQJ,GACJK,EAAKL,KACLS,GACjBX,EAAeC,EAAMC,GAAIQ,SAASxB,GAAOK,EAAYL,EAAIyB,IAAM,IAGjEH,OAAOC,KAAKF,GAAMG,SAASR,IACzB,MAAMU,EAAWL,EAAKL,GAChBS,EAAOL,EAAQJ,GACjBU,IAAaD,GACjBX,EAAeC,EAAMC,GAAIQ,SAASxB,GAAOD,EAAYC,EAAI0B,IAAU,IAErEJ,OAAAK,OAAA,CAAA,EAAYN,EACd"}

package/dist/cjs/helpers/realtime-conditions/config.js

@@ -0,0 +1,2 @@
+"use strict";exports.REALTIME_CONDITION_DEBOUNCE_MS=50,exports.REALTIME_CONDITION_EVENTS=["input","change"];
+//# sourceMappingURL=config.js.map

package/dist/cjs/helpers/realtime-conditions/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","sources":["../../../../src/lib/helpers/realtime-conditions/config.ts"],"sourcesContent":["/**\n * Single source of truth for the events the real-time conditions mixin\n * subscribes to. We listen to both `input` and `change` because some custom\n * elements (notably descope-checkbox) dispatch `input` with the stale value\n * before their internal state updates; `change` fires with the new value.\n * The handler is idempotent, so receiving both events for one user action is\n * harmless. Swapping events is a one-line change.\n */\nexport const REALTIME_CONDITION_EVENTS = ['input', 'change'] as const;\n\n/** Debounce window applied before re-evaluation runs. */\nexport const REALTIME_CONDITION_DEBOUNCE_MS = 50;\n"],"names":[],"mappings":"oDAW8C,qCAHL,CAAC,QAAS"}

package/dist/cjs/helpers/realtime-conditions/evaluator.js

@@ -0,0 +1,2 @@
+"use strict";function e(e){if("number"==typeof e&&Number.isFinite(e))return{value:e,ok:!0};if("boolean"==typeof e)return{value:e?1:0,ok:!0};if("string"==typeof e){if(""===e.trim())return{value:0,ok:!1};const t=Number(e);if(Number.isFinite(t))return{value:t,ok:!0}}return{value:0,ok:!1}}function t(e){return null==e?"":"string"==typeof e?e:"boolean"==typeof e?e?"true":"false":"number"==typeof e?Number.isFinite(e)?String(e):"":String(e)}function n(e){if("boolean"==typeof e)return{value:e,ok:!0};if("string"==typeof e){if("true"===e)return{value:!0,ok:!0};if("false"===e)return{value:!1,ok:!0}}return"number"==typeof e?{value:0!==e,ok:!0}:{value:!1,ok:!1}}function r(e){return Array.isArray(e)?e:"string"==typeof e?e.split(","):null}function o(e){return null==e||("string"==typeof e?""===e:Array.isArray(e)?0===e.length:"object"==typeof e&&0===Object.keys(e).length)}const u=new Map;const l={equal:(e,n)=>e===n||t(e)===t(n),"not-equal":(e,n)=>e!==n&&t(e)!==t(n),contains:(e,n)=>Array.isArray(e)?e.includes(n):"string"==typeof e&&e.includes(t(n)),"greater-than":(t,n)=>{const r=e(t),o=e(n);return r.ok&&o.ok&&r.value>o.value},"greater-than-or-equal":(t,n)=>{const r=e(t),o=e(n);return r.ok&&o.ok&&r.value>=o.value},"less-than":(t,n)=>{const r=e(t),o=e(n);return r.ok&&o.ok&&r.value<o.value},"less-than-or-equal":(t,n)=>{const r=e(t),o=e(n);return r.ok&&o.ok&&r.value<=o.value},empty:e=>o(e),"not-empty":e=>!o(e),"is-true":e=>{const t=n(e);return t.ok&&t.value},"is-false":e=>{const t=n(e);return t.ok&&!t.value},in:(e,t)=>{const n=r(t);return null!==n&&n.includes(e)},"not-in":(e,t)=>{const n=r(t);return null!==n&&!n.includes(e)},matches:(e,n)=>{if("string"!=typeof e)return!1;const r=function(e){var t;if(u.has(e))return null!==(t=u.get(e))&&void 0!==t?t:null;let n;try{n=new RegExp(e)}catch(e){n=null}return u.set(e,n),n}(t(n));return null!==r&&r.test(e)}};function i(e,t){var n;if(e)return"form"===e.kind&&e.form?t[e.form]:"list"===e.kind?(null!==(n=e.items)&&void 0!==n?n:[]).map((e=>i(e,t))):e.value}function a(e,t){const n=l[e.operator];if(!n)return!1;return n(i(e.target,t),i(e.predicate,t))}function s(e,t){var n;return(null!==(n=e.rules)&&void 0!==n?n:[]).some((e=>function(e,t){var n;const r=null!==(n=e.atomicConditions)&&void 0!==n?n:[];return!!r.length&&(e.logicalOr?r.some((e=>a(e,t))):r.every((e=>a(e,t))))}(e,t)))}exports.collectReferencedFormKeys=function(e){const t=new Set,n=e=>{var r;e&&("form"===e.kind&&e.form?t.add(e.form):"list"===e.kind&&(null!==(r=e.items)&&void 0!==r?r:[]).forEach(n))};return(null!=e?e:[]).forEach((e=>{var t;return(null!==(t=e.rules)&&void 0!==t?t:[]).forEach((e=>{var t;return(null!==(t=e.atomicConditions)&&void 0!==t?t:[]).forEach((e=>{n(e.target),n(e.predicate)}))}))})),t},exports.collectTouchedComponentIds=function(e){const t=new Set;return(null!=e?e:[]).forEach((e=>{var n;(null!==(n=e.componentIds)&&void 0!==n?n:[]).forEach((e=>t.add(e)))})),t},exports.evaluateAll=function(e,t){const n={};return(null!=e?e:[]).forEach((e=>{var r;s(e,t)&&(null!==(r=e.componentIds)&&void 0!==r?r:[]).forEach((t=>{n[t]=e.action}))})),n},exports.evaluateCondition=s,exports.isEmpty=o,exports.toBoolean=n,exports.toFloat=e,exports.toSlice=r,exports.toString=t;
+//# sourceMappingURL=evaluator.js.map

package/dist/cjs/helpers/realtime-conditions/evaluator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"evaluator.js","sources":["../../../../src/lib/helpers/realtime-conditions/evaluator.ts"],"sourcesContent":["import type {\n  RealtimeAtomicCondition,\n  RealtimeComponentsCondition,\n  RealtimeOperand,\n  RealtimeOperator,\n  RealtimeRule,\n} from '../../types';\n\n/**\n * Snapshot of on-screen form values keyed by their full context key\n * (e.g. `form.phone`). The mixin maintains this snapshot as the user types.\n */\nexport type FormSnapshot = Record<string, unknown>;\n\n/* ------------------------------------------------------------------ */\n/* type-conversion helpers — mirror the Go cutils.AnyTo* semantics       */\n/* ------------------------------------------------------------------ */\n\nexport function toFloat(v: unknown): { value: number; ok: boolean } {\n  if (typeof v === 'number' && Number.isFinite(v)) {\n    return { value: v, ok: true };\n  }\n  if (typeof v === 'boolean') {\n    return { value: v ? 1 : 0, ok: true };\n  }\n  if (typeof v === 'string') {\n    if (v.trim() === '') return { value: 0, ok: false };\n    const n = Number(v);\n    if (Number.isFinite(n)) return { value: n, ok: true };\n  }\n  return { value: 0, ok: false };\n}\n\nexport function toString(v: unknown): string {\n  if (v === null || v === undefined) return '';\n  if (typeof v === 'string') return v;\n  if (typeof v === 'boolean') return v ? 'true' : 'false';\n  if (typeof v === 'number') return Number.isFinite(v) ? String(v) : '';\n  return String(v);\n}\n\nexport function toBoolean(v: unknown): { value: boolean; ok: boolean } {\n  if (typeof v === 'boolean') return { value: v, ok: true };\n  if (typeof v === 'string') {\n    if (v === 'true') return { value: true, ok: true };\n    if (v === 'false') return { value: false, ok: true };\n  }\n  if (typeof v === 'number') {\n    return { value: v !== 0, ok: true };\n  }\n  return { value: false, ok: false };\n}\n\nexport function toSlice(v: unknown): unknown[] | null {\n  if (Array.isArray(v)) return v;\n  if (typeof v === 'string') return v.split(',');\n  return null;\n}\n\nexport function isEmpty(v: unknown): boolean {\n  if (v === null || v === undefined) return true;\n  if (typeof v === 'string') return v === '';\n  if (Array.isArray(v)) return v.length === 0;\n  if (typeof v === 'object') return Object.keys(v as object).length === 0;\n  return false;\n}\n\n/* ------------------------------------------------------------------ */\n/* operator implementations                                             */\n/* ------------------------------------------------------------------ */\n\ntype OperatorFn = (target: unknown, predicate: unknown) => boolean;\n\n// Compiled regex cache for `matches`. Patterns come from the server (trusted),\n// and the same condition is re-evaluated on every input event, so caching by\n// pattern source avoids redundant RegExp construction on each keystroke.\nconst matchesRegexCache = new Map<string, RegExp | null>();\nfunction compileMatchesPattern(source: string): RegExp | null {\n  if (matchesRegexCache.has(source)) {\n    return matchesRegexCache.get(source) ?? null;\n  }\n  let compiled: RegExp | null;\n  try {\n    compiled = new RegExp(source);\n  } catch {\n    compiled = null;\n  }\n  matchesRegexCache.set(source, compiled);\n  return compiled;\n}\n\nconst operators: Record<RealtimeOperator, OperatorFn> = {\n  equal: (target, predicate) =>\n    target === predicate || toString(target) === toString(predicate),\n  'not-equal': (target, predicate) =>\n    target !== predicate && toString(target) !== toString(predicate),\n  contains: (target, predicate) => {\n    if (Array.isArray(target)) return target.includes(predicate);\n    if (typeof target === 'string') return target.includes(toString(predicate));\n    return false;\n  },\n  'greater-than': (target, predicate) => {\n    const targetNum = toFloat(target);\n    const predicateNum = toFloat(predicate);\n    return (\n      targetNum.ok && predicateNum.ok && targetNum.value > predicateNum.value\n    );\n  },\n  'greater-than-or-equal': (target, predicate) => {\n    const targetNum = toFloat(target);\n    const predicateNum = toFloat(predicate);\n    return (\n      targetNum.ok && predicateNum.ok && targetNum.value >= predicateNum.value\n    );\n  },\n  'less-than': (target, predicate) => {\n    const targetNum = toFloat(target);\n    const predicateNum = toFloat(predicate);\n    return (\n      targetNum.ok && predicateNum.ok && targetNum.value < predicateNum.value\n    );\n  },\n  'less-than-or-equal': (target, predicate) => {\n    const targetNum = toFloat(target);\n    const predicateNum = toFloat(predicate);\n    return (\n      targetNum.ok && predicateNum.ok && targetNum.value <= predicateNum.value\n    );\n  },\n  empty: (target) => isEmpty(target),\n  'not-empty': (target) => !isEmpty(target),\n  'is-true': (target) => {\n    const asBool = toBoolean(target);\n    return asBool.ok && asBool.value;\n  },\n  'is-false': (target) => {\n    const asBool = toBoolean(target);\n    return asBool.ok && !asBool.value;\n  },\n  in: (target, predicate) => {\n    const slice = toSlice(predicate);\n    return slice !== null && slice.includes(target);\n  },\n  // Mirrors `in`: bad input → false, not true.\n  'not-in': (target, predicate) => {\n    const slice = toSlice(predicate);\n    return slice !== null && !slice.includes(target);\n  },\n  matches: (target, predicate) => {\n    if (typeof target !== 'string') return false;\n    const regex = compileMatchesPattern(toString(predicate));\n    return regex !== null && regex.test(target);\n  },\n};\n\n/* ------------------------------------------------------------------ */\n/* atomic & rule evaluation                                             */\n/* ------------------------------------------------------------------ */\n\nfunction resolveOperand(\n  operand: RealtimeOperand | undefined,\n  snapshot: FormSnapshot,\n): unknown {\n  if (!operand) return undefined;\n  if (operand.kind === 'form' && operand.form) {\n    return snapshot[operand.form];\n  }\n  if (operand.kind === 'list') {\n    // Each item may itself be a form placeholder or a pre-resolved literal,\n    // so resolve recursively. The server emits this shape when an\n    // `in` / `not-in` / `contains` predicate is an array containing a\n    // `{{form.X}}` reference to an on-screen key.\n    return (operand.items ?? []).map((item) => resolveOperand(item, snapshot));\n  }\n  return operand.value;\n}\n\nfunction evaluateAtomic(\n  atom: RealtimeAtomicCondition,\n  snapshot: FormSnapshot,\n): boolean {\n  const fn = operators[atom.operator as RealtimeOperator];\n  if (!fn) return false;\n\n  const target = resolveOperand(atom.target, snapshot);\n  const predicate = resolveOperand(atom.predicate, snapshot);\n  return fn(target, predicate);\n}\n\nfunction evaluateRule(rule: RealtimeRule, snapshot: FormSnapshot): boolean {\n  const atomics = rule.atomicConditions ?? [];\n  if (!atomics.length) return false;\n  if (rule.logicalOr) {\n    return atomics.some((a) => evaluateAtomic(a, snapshot));\n  }\n  return atomics.every((a) => evaluateAtomic(a, snapshot));\n}\n\n/** Evaluates a single condition group: returns true if any of its rules fire. */\nexport function evaluateCondition(\n  condition: RealtimeComponentsCondition,\n  snapshot: FormSnapshot,\n): boolean {\n  return (condition.rules ?? []).some((r) => evaluateRule(r, snapshot));\n}\n\n/**\n * Evaluates all condition groups and returns, for each targeted component, the\n * action of the LAST firing group. Components where no group fires are absent\n * from the result.\n *\n * \"Last match wins\" mirrors the BE evaluator: when two groups target the same\n * component with different actions, the BE assigns\n * `componentsState[id] = cc.Then.Action` unconditionally in declaration order,\n * so a later CC's action overwrites an earlier one. The SDK matches this so\n * the two layers can't disagree on which action a component ends up with.\n */\nexport function evaluateAll(\n  conditions: RealtimeComponentsCondition[] | undefined,\n  snapshot: FormSnapshot,\n): Record<string, string> {\n  const result: Record<string, string> = {};\n  (conditions ?? []).forEach((c) => {\n    if (!evaluateCondition(c, snapshot)) return;\n    (c.componentIds ?? []).forEach((id) => {\n      result[id] = c.action;\n    });\n  });\n  return result;\n}\n\n/**\n * Returns the set of component IDs targeted by any condition group. The\n * applier uses this to know which components belong to the realtime layer.\n */\nexport function collectTouchedComponentIds(\n  conditions: RealtimeComponentsCondition[] | undefined,\n): Set<string> {\n  const out = new Set<string>();\n  (conditions ?? []).forEach((c) => {\n    (c.componentIds ?? []).forEach((id) => out.add(id));\n  });\n  return out;\n}\n\n/**\n * Returns every form key (e.g. `form.phone`) referenced by any operand in\n * any rule. The mixin uses this on mount to know which DOM inputs to read so\n * it can seed the snapshot from rendered defaults that the server can't see.\n */\nexport function collectReferencedFormKeys(\n  conditions: RealtimeComponentsCondition[] | undefined,\n): Set<string> {\n  const out = new Set<string>();\n  const walkOperand = (operand: RealtimeOperand | undefined) => {\n    if (!operand) return;\n    if (operand.kind === 'form' && operand.form) {\n      out.add(operand.form);\n    } else if (operand.kind === 'list') {\n      (operand.items ?? []).forEach(walkOperand);\n    }\n  };\n  (conditions ?? []).forEach((c) =>\n    (c.rules ?? []).forEach((r) =>\n      (r.atomicConditions ?? []).forEach((a) => {\n        walkOperand(a.target);\n        walkOperand(a.predicate);\n      }),\n    ),\n  );\n  return out;\n}\n"],"names":["toFloat","v","Number","isFinite","value","ok","trim","n","toString","String","toBoolean","toSlice","Array","isArray","split","isEmpty","length","Object","keys","matchesRegexCache","Map","operators","equal","target","predicate","contains","includes","targetNum","predicateNum","empty","asBool","in","slice","matches","regex","source","has","_a","get","compiled","RegExp","_b","set","compileMatchesPattern","test","resolveOperand","operand","snapshot","kind","form","items","map","item","evaluateAtomic","atom","fn","operator","evaluateCondition","condition","rules","some","r","rule","atomics","atomicConditions","logicalOr","a","every","evaluateRule","conditions","out","Set","walkOperand","add","forEach","c","componentIds","id","result","action"],"mappings":"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"}

package/dist/cjs/helpers/templates.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),t=require("@descope/escape-markdown"),o=require("../constants/index.js"),r=require("./helpers.js");const s=["disabled"],n=(e,t)=>{Object.entries(t||{}).forEach((([t,r])=>{Array.from(e.querySelectorAll(`*[name="${t}"]:not([${o.DESCOPE_ATTRIBUTE_EXCLUDE_FIELD}])`)).forEach((e=>{e.value=r}))}))},c=(e,t)=>t.split(".").reduce(((e,t)=>(null==e?void 0:e[t])||""),e),l=(e,o,r)=>e.replace(/{{(.+?)}}/g,((e,s)=>r?t.escapeMarkdown(c(o,s)):c(o,s))),a=(e,t,r)=>{e.querySelectorAll(`[${o.ELEMENT_TYPE_ATTRIBUTE}="${t}"]`).forEach((e=>{e.setAttribute("href",r)}))},i=(e,t,o)=>{var r,s;const n=null===(r=customElements.get(t))||void 0===r?void 0:r.cssVarList.url;o&&n&&(null===(s=null==e?void 0:e.style)||void 0===s||s.setProperty(n,`url(data:image/jpg;base64,${o})`))};exports.disableWebauthnButtons=e=>{e.querySelectorAll(`descope-button[${o.ELEMENT_TYPE_ATTRIBUTE}="biometrics"]`).forEach((e=>e.setAttribute("disabled","true")))},exports.replaceElementMessage=(e,t,r="")=>{e.querySelectorAll(`[${o.ELEMENT_TYPE_ATTRIBUTE}="${t}"]`).forEach((e=>{e.textContent=r,e.classList[r?"remove":"add"]("hide")}))},exports.setComponentsAutoDetectByGeo=(e,t)=>{Object.entries({"default-code":"autoDetect","default-country":"autoDetect"}).forEach((([o,r])=>{Array.from(e.querySelectorAll(`[${o}="${r}"]`)).forEach((e=>{e.setAttribute(o,t||r)}))}))},exports.setComponentsAutoDetectByLocale=(e,t)=>{let o=t;if(t)try{const[e]=Intl.getCanonicalLocales(t);e&&(o=e)}catch(e){}Object.entries({lang:"autoDetect"}).forEach((([t,r])=>{Array.from(e.querySelectorAll(`[${t}="${r}"]`)).forEach((e=>{e.setAttribute(t,o||r)}))}))},exports.setCssVars=(e,t,o,r)=>{o&&Object.keys(o).forEach((s=>{if(!t.querySelector(s))return void r.debug(`Skipping css vars for component "${s}"`,`Got css vars for component ${s} but Could not find it on next page`);const n=customElements.get(s);n?Object.keys(o[s]).forEach((t=>{var c;const l=o[s],a=null===(c=null==n?void 0:n.cssVarList)||void 0===c?void 0:c[t];if(!a)return void r.info(`Could not find css variable name for ${t} in ${s}`,"Check if the css variable is defined in the component");const i=l[t];e.style.setProperty(a,i)})):r.debug(`Could not find component class for ${s}`,"Check if the component is registered")}))},exports.setNOTPVariable=(e,t)=>{i(e,"descope-notp-image",t)},exports.setTOTPVariable=(e,t)=>{i(e,"descope-totp-image",t)},exports.updateScreenFromScreenState=(e,t)=>{n(e,null==t?void 0:t.inputs),n(e,null==t?void 0:t.form)},exports.updateTemplateFromScreenState=(t,n,c,i)=>{var d,u;a(t,"totp-link",null===(d=null==n?void 0:n.totp)||void 0===d?void 0:d.provisionUrl),a(t,"notp-link",null===(u=null==n?void 0:n.notp)||void 0===u?void 0:u.redirectUrl),((e,t)=>{e.querySelectorAll("descope-text,descope-link,descope-enriched-text,descope-code-snippet").forEach((e=>{const o=r.shouldHandleMarkdown(e.localName);e.textContent=l(e.textContent,t,o);const s=e.getAttribute("href");s&&e.setAttribute("href",l(s,t))}))})(t,n),((t,o,r)=>{if(!o)return;const{componentsDynamicAttrs:s}=o,n=e.__rest(o,["componentsDynamicAttrs"]),c=Object.keys(n).reduce(((e,t)=>(e[`[name=${t}]`]=n[t],e)),{});s&&Object.keys(s).forEach((e=>{const t=s[e];if(t){const{attributes:o}=t;o&&Object.keys(o).length&&(c[e]=o)}})),Object.keys(c).forEach((e=>{t.querySelectorAll(e).forEach((t=>{const o=c[e];Object.keys(o).forEach((e=>{let s=o[e];if("string"!=typeof s)try{s=JSON.stringify(s)}catch(t){r.error(`Could not stringify value "${s}" for "${e}"`,t.message),s=""}t.setAttribute(e,s)}))}))}))})(t,null==n?void 0:n.componentsConfig,i),((e,t)=>{e.querySelectorAll(`[${o.HAS_DYNAMIC_VALUES_ATTR_NAME}]`).forEach((e=>{Array.from(e.attributes).forEach((e=>{e.value=l(e.value,t)}))}))})(t,n),((e,t)=>{Object.entries(t).forEach((([t,o])=>{e.querySelectorAll(`[name="${t}"]`).forEach((e=>{Object.entries(o).forEach((([t,o])=>{s.includes(t)&&e.setAttribute(t,o)}))}))}))})(t,c),((e,t={},o)=>{Object.entries(t).forEach((([t,r])=>{e.querySelectorAll(`[id="${CSS.escape(t)}"]`).forEach((e=>{switch(r){case"disable":e.setAttribute("disabled","true");break;case"hide":e.classList.add("hidden");break;case"read-only":e.setAttribute("readonly","true");break;default:null==o||o.error(`Unknown component state "${r}" for component with id "${t}"`,'Valid states are "disable", "hide", and "read-only"')}}))}))})(t,null==n?void 0:n.componentsState,i)};
+"use strict";var e=require("tslib"),t=require("@descope/escape-markdown"),o=require("../constants/index.js"),r=require("./helpers.js");const s=["disabled"],c=(e,t)=>{Object.entries(t||{}).forEach((([t,r])=>{Array.from(e.querySelectorAll(`*[name="${t}"]:not([${o.DESCOPE_ATTRIBUTE_EXCLUDE_FIELD}])`)).forEach((e=>{e.value=r}))}))},n=(e,t)=>t.split(".").reduce(((e,t)=>(null==e?void 0:e[t])||""),e),l=(e,o,r)=>e.replace(/{{(.+?)}}/g,((e,s)=>r?t.escapeMarkdown(n(o,s)):n(o,s))),a=(e,t,r)=>{e.querySelectorAll(`[${o.ELEMENT_TYPE_ATTRIBUTE}="${t}"]`).forEach((e=>{e.setAttribute("href",r)}))},i=(e,t,o)=>{var r,s;const c=null===(r=customElements.get(t))||void 0===r?void 0:r.cssVarList.url;o&&c&&(null===(s=null==e?void 0:e.style)||void 0===s||s.setProperty(c,`url(data:image/jpg;base64,${o})`))};exports.disableWebauthnButtons=e=>{e.querySelectorAll(`descope-button[${o.ELEMENT_TYPE_ATTRIBUTE}="biometrics"]`).forEach((e=>e.setAttribute("disabled","true")))},exports.replaceElementMessage=(e,t,r="")=>{e.querySelectorAll(`[${o.ELEMENT_TYPE_ATTRIBUTE}="${t}"]`).forEach((e=>{e.textContent=r,e.classList[r?"remove":"add"]("hide")}))},exports.setComponentsAutoDetectByGeo=(e,t)=>{Object.entries({"default-code":"autoDetect","default-country":"autoDetect"}).forEach((([o,r])=>{Array.from(e.querySelectorAll(`[${o}="${r}"]`)).forEach((e=>{e.setAttribute(o,t||r)}))}))},exports.setComponentsAutoDetectByLocale=(e,t)=>{let o=t;if(t)try{const[e]=Intl.getCanonicalLocales(t);e&&(o=e)}catch(e){}Object.entries({lang:"autoDetect"}).forEach((([t,r])=>{Array.from(e.querySelectorAll(`[${t}="${r}"]`)).forEach((e=>{e.setAttribute(t,o||r)}))}))},exports.setCssVars=(e,t,o,r)=>{o&&Object.keys(o).forEach((s=>{if(!t.querySelector(s))return void r.debug(`Skipping css vars for component "${s}"`,`Got css vars for component ${s} but Could not find it on next page`);const c=customElements.get(s);c?Object.keys(o[s]).forEach((t=>{var n;const l=o[s],a=null===(n=null==c?void 0:c.cssVarList)||void 0===n?void 0:n[t];if(!a)return void r.info(`Could not find css variable name for ${t} in ${s}`,"Check if the css variable is defined in the component");const i=l[t];e.style.setProperty(a,i)})):r.debug(`Could not find component class for ${s}`,"Check if the component is registered")}))},exports.setNOTPVariable=(e,t)=>{i(e,"descope-notp-image",t)},exports.setTOTPVariable=(e,t)=>{i(e,"descope-totp-image",t)},exports.updateScreenFromScreenState=(e,t)=>{c(e,null==t?void 0:t.inputs),c(e,null==t?void 0:t.form)},exports.updateTemplateFromScreenState=(t,c,n,i)=>{var u,d;a(t,"totp-link",null===(u=null==c?void 0:c.totp)||void 0===u?void 0:u.provisionUrl),a(t,"notp-link",null===(d=null==c?void 0:c.notp)||void 0===d?void 0:d.redirectUrl),((e,t)=>{e.querySelectorAll("descope-text,descope-link,descope-enriched-text,descope-code-snippet").forEach((e=>{const o=r.shouldHandleMarkdown(e.localName);e.textContent=l(e.textContent,t,o);const s=e.getAttribute("href");s&&e.setAttribute("href",l(s,t))}))})(t,c),((t,o,r)=>{if(!o)return;const{componentsDynamicAttrs:s}=o,c=e.__rest(o,["componentsDynamicAttrs"]),n=Object.keys(c).reduce(((e,t)=>(e[`[name=${t}]`]=c[t],e)),{});s&&Object.keys(s).forEach((e=>{const t=s[e];if(t){const{attributes:o}=t;o&&Object.keys(o).length&&(n[e]=o)}})),Object.keys(n).forEach((e=>{t.querySelectorAll(e).forEach((t=>{const o=n[e];Object.keys(o).forEach((e=>{let s=o[e];if("string"!=typeof s)try{s=JSON.stringify(s)}catch(t){r.error(`Could not stringify value "${s}" for "${e}"`,t.message),s=""}t.setAttribute(e,s)}))}))}))})(t,null==c?void 0:c.componentsConfig,i),((e,t)=>{e.querySelectorAll(`[${o.HAS_DYNAMIC_VALUES_ATTR_NAME}]`).forEach((e=>{Array.from(e.attributes).forEach((e=>{e.value=l(e.value,t)}))}))})(t,c),((e,t)=>{Object.entries(t).forEach((([t,o])=>{e.querySelectorAll(`[name="${t}"]`).forEach((e=>{Object.entries(o).forEach((([t,o])=>{s.includes(t)&&e.setAttribute(t,o)}))}))}))})(t,n)};
 //# sourceMappingURL=templates.js.map

package/dist/cjs/helpers/templates.js.map

@@ -1 +1 @@
-{"version":3,"file":"templates.js","sources":["../../../src/lib/helpers/templates.ts"],"sourcesContent":["import { escapeMarkdown } from '@descope/escape-markdown';\nimport {\n  ELEMENT_TYPE_ATTRIBUTE,\n  DESCOPE_ATTRIBUTE_EXCLUDE_FIELD,\n  HAS_DYNAMIC_VALUES_ATTR_NAME,\n} from '../constants';\nimport { ComponentsConfig, CssVars, ScreenState } from '../types';\nimport { shouldHandleMarkdown } from './helpers';\n\nconst ALLOWED_INPUT_CONFIG_ATTRS = ['disabled'];\n\nexport const replaceElementMessage = (\n  baseEle: HTMLElement,\n  eleType: string,\n  message = '',\n) => {\n  const eleList = baseEle.querySelectorAll(\n    `[${ELEMENT_TYPE_ATTRIBUTE}=\"${eleType}\"]`,\n  );\n  eleList.forEach((ele: HTMLElement) => {\n    // eslint-disable-next-line no-param-reassign\n    ele.textContent = message;\n    ele.classList[message ? 'remove' : 'add']('hide');\n  });\n};\n\n/**\n * Replace the 'value' attribute of screen inputs with screen state's inputs.\n * For example: if base element contains '<input name=\"key1\" ...>' and screen input is in form of { key1: 'val1' },\n * it will add 'val1' as the input value\n */\nconst replaceElementInputs = (\n  baseEle: HTMLElement,\n  screenInputs: Record<string, string>,\n) => {\n  Object.entries(screenInputs || {}).forEach(([name, value]) => {\n    const inputEls = Array.from(\n      baseEle.querySelectorAll(\n        `*[name=\"${name}\"]:not([${DESCOPE_ATTRIBUTE_EXCLUDE_FIELD}])`,\n      ),\n    ) as HTMLInputElement[];\n    inputEls.forEach((inputEle) => {\n      // eslint-disable-next-line no-param-reassign\n      inputEle.value = value;\n    });\n  });\n};\n\n/**\n * Get object nested path.\n * Examples:\n *  - getByPath({ { a { b: 'rob' } }, 'a.b') => 'hey rob'\n *  - getByPath({}, 'a.b') => ''\n */\nconst getByPath = (obj: Record<string, any>, path: string) =>\n  path.split('.').reduce((prev, next) => prev?.[next] || '', obj);\n\n/**\n * Apply template language on text, based on screen state.\n * Examples:\n *  - 'hey {{a.b}}', { a { b: 'rob' }} => 'hey rob'\n *  - 'hey {{not.exists}}', {} => 'hey '\n */\nconst applyTemplates = (\n  text: string,\n  screenState?: Record<string, any>,\n  handleMarkdown?: boolean,\n): string =>\n  text.replace(/{{(.+?)}}/g, (_, match) =>\n    handleMarkdown\n      ? escapeMarkdown(getByPath(screenState, match))\n      : getByPath(screenState, match),\n  );\n\n/**\n * Replace the templates of content of inner text/link elements with screen state data\n */\nconst replaceElementTemplates = (\n  baseEle: DocumentFragment,\n  screenState?: Record<string, any>,\n) => {\n  const eleList = baseEle.querySelectorAll(\n    'descope-text,descope-link,descope-enriched-text,descope-code-snippet',\n  );\n  eleList.forEach((inEle: HTMLElement) => {\n    const handleMarkdown = shouldHandleMarkdown(inEle.localName);\n    // eslint-disable-next-line no-param-reassign\n    inEle.textContent = applyTemplates(\n      inEle.textContent,\n      screenState,\n      handleMarkdown,\n    );\n    const href = inEle.getAttribute('href');\n    if (href) {\n      inEle.setAttribute('href', applyTemplates(href, screenState));\n    }\n  });\n};\n\nconst replaceTemplateDynamicAttrValues = (\n  baseEle: DocumentFragment,\n  screenState?: Record<string, any>,\n) => {\n  const eleList = baseEle.querySelectorAll(`[${HAS_DYNAMIC_VALUES_ATTR_NAME}]`);\n  eleList.forEach((ele: HTMLElement) => {\n    Array.from(ele.attributes).forEach((attr) => {\n      // eslint-disable-next-line no-param-reassign\n      attr.value = applyTemplates(attr.value, screenState);\n    });\n  });\n};\n\nconst replaceHrefByDataType = (\n  baseEle: DocumentFragment,\n  dataType: string,\n  provisionUrl?: string,\n) => {\n  const eleList = baseEle.querySelectorAll(\n    `[${ELEMENT_TYPE_ATTRIBUTE}=\"${dataType}\"]`,\n  );\n  eleList.forEach((ele: HTMLLinkElement) => {\n    // eslint-disable-next-line no-param-reassign\n    ele.setAttribute('href', provisionUrl);\n  });\n};\n\nconst setFormConfigValues = (\n  baseEle: DocumentFragment,\n  formData: Record<string, string>,\n) => {\n  Object.entries(formData).forEach(([name, config]) => {\n    const eles = baseEle.querySelectorAll(`[name=\"${name}\"]`);\n\n    eles.forEach((ele) => {\n      Object.entries(config).forEach(([attrName, attrValue]) => {\n        if (ALLOWED_INPUT_CONFIG_ATTRS.includes(attrName)) {\n          ele.setAttribute(attrName, attrValue);\n        }\n      });\n    });\n  });\n};\n\nexport const setCssVars = (\n  rootEle: HTMLElement,\n  nextPageTemplate: DocumentFragment,\n  cssVars: CssVars,\n  logger: {\n    error: (message: string, description: string) => void;\n    info: (message: string, description: string) => void;\n    debug: (message: string, description: string) => void;\n  },\n) => {\n  if (!cssVars) {\n    return;\n  }\n\n  Object.keys(cssVars).forEach((componentName) => {\n    if (!nextPageTemplate.querySelector(componentName)) {\n      logger.debug(\n        `Skipping css vars for component \"${componentName}\"`,\n        `Got css vars for component ${componentName} but Could not find it on next page`,\n      );\n\n      return;\n    }\n    const componentClass:\n      | (CustomElementConstructor & { cssVarList: CssVars })\n      | undefined = customElements.get(componentName) as any;\n\n    if (!componentClass) {\n      logger.debug(\n        `Could not find component class for ${componentName}`,\n        'Check if the component is registered',\n      );\n\n      return;\n    }\n\n    Object.keys(cssVars[componentName]).forEach((cssVarKey) => {\n      const componentCssVars = cssVars[componentName];\n      const varName = componentClass?.cssVarList?.[cssVarKey];\n\n      if (!varName) {\n        logger.info(\n          `Could not find css variable name for ${cssVarKey} in ${componentName}`,\n          'Check if the css variable is defined in the component',\n        );\n        return;\n      }\n\n      const value = componentCssVars[cssVarKey];\n\n      rootEle.style.setProperty(varName, value);\n    });\n  });\n};\n\nconst setElementConfig = (\n  baseEle: DocumentFragment,\n  componentsConfig: ComponentsConfig,\n  logger?: { error: (message: string, description: string) => void },\n) => {\n  if (!componentsConfig) {\n    return;\n  }\n  const { componentsDynamicAttrs, ...rest } = componentsConfig;\n\n  const configMap = Object.keys(rest).reduce((acc, componentName) => {\n    acc[`[name=${componentName}]`] = rest[componentName];\n    return acc;\n  }, {});\n\n  if (componentsDynamicAttrs) {\n    Object.keys(componentsDynamicAttrs).forEach((componentSelector) => {\n      const componentDynamicAttrs = componentsDynamicAttrs[componentSelector];\n      if (componentDynamicAttrs) {\n        const { attributes } = componentDynamicAttrs;\n        if (attributes && Object.keys(attributes).length) {\n          configMap[componentSelector] = attributes;\n        }\n      }\n    });\n  }\n\n  // collect components that needs configuration from DOM\n  Object.keys(configMap).forEach((componentsSelector) => {\n    baseEle.querySelectorAll(componentsSelector).forEach((comp) => {\n      const config = configMap[componentsSelector];\n\n      Object.keys(config).forEach((attr) => {\n        let value = config[attr];\n\n        if (typeof value !== 'string') {\n          try {\n            value = JSON.stringify(value);\n          } catch (e) {\n            logger.error(\n              `Could not stringify value \"${value}\" for \"${attr}\"`,\n              e.message,\n            );\n            value = '';\n          }\n        }\n\n        comp.setAttribute(attr, value);\n      });\n    });\n  });\n};\n\nconst setImageVariable = (\n  rootEle: HTMLElement,\n  name: string,\n  image?: string,\n) => {\n  const imageVarName = (\n    customElements.get(name) as CustomElementConstructor & {\n      cssVarList: Record<string, string>;\n    }\n  )?.cssVarList.url;\n\n  if (image && imageVarName) {\n    rootEle?.style?.setProperty(\n      imageVarName,\n      `url(data:image/jpg;base64,${image})`,\n    );\n  }\n};\n\nconst applyComponentsState = (\n  baseEle: DocumentFragment,\n  componentsState: Record<string, string> = {},\n  logger?: { error: (message: string, description: string) => void },\n) => {\n  Object.entries(componentsState).forEach(([componentId, state]) => {\n    const componentEls = baseEle.querySelectorAll(\n      `[id=\"${CSS.escape(componentId)}\"]`,\n    );\n    componentEls.forEach((compEl) => {\n      switch (state) {\n        case 'disable':\n          compEl.setAttribute('disabled', 'true');\n          break;\n        case 'hide':\n          compEl.classList.add('hidden');\n          break;\n        case 'read-only':\n          compEl.setAttribute('readonly', 'true');\n          break;\n        default:\n          logger?.error(\n            `Unknown component state \"${state}\" for component with id \"${componentId}\"`,\n            'Valid states are \"disable\", \"hide\", and \"read-only\"',\n          );\n          break;\n      }\n    });\n  });\n};\n\n/**\n * Update a screen template based on the screen state\n *  - Show/hide error messages\n *  - Replace element templates ({{...}} syntax) with screen state object\n */\nexport const updateTemplateFromScreenState = (\n  baseEle: DocumentFragment,\n  screenState?: ScreenState,\n  flowInputs?: Record<string, string>,\n  logger?: { error: (message: string, description: string) => void },\n) => {\n  replaceHrefByDataType(baseEle, 'totp-link', screenState?.totp?.provisionUrl);\n  replaceHrefByDataType(baseEle, 'notp-link', screenState?.notp?.redirectUrl);\n  replaceElementTemplates(baseEle, screenState);\n  setElementConfig(baseEle, screenState?.componentsConfig, logger);\n  replaceTemplateDynamicAttrValues(baseEle, screenState);\n  setFormConfigValues(baseEle, flowInputs);\n  applyComponentsState(baseEle, screenState?.componentsState, logger);\n};\n\n/**\n * Update a screen based on a screen state\n *  - Replace values of element inputs with screen state's inputs\n */\nexport const updateScreenFromScreenState = (\n  baseEle: HTMLElement,\n  screenState?: ScreenState,\n) => {\n  replaceElementInputs(baseEle, screenState?.inputs);\n  replaceElementInputs(baseEle, screenState?.form);\n};\n\nexport const setTOTPVariable = (rootEle: HTMLElement, image?: string) => {\n  setImageVariable(rootEle, 'descope-totp-image', image);\n};\n\nexport const setNOTPVariable = (rootEle: HTMLElement, image?: string) => {\n  setImageVariable(rootEle, 'descope-notp-image', image);\n};\n\nexport const setComponentsAutoDetectByGeo = (\n  fragment: DocumentFragment,\n  countryCodeIso2?: string, // e.g. 'US', 'IL', 'FR'\n) => {\n  const config = {\n    // phone\n    'default-code': 'autoDetect',\n    // country-subdivision-city\n    'default-country': 'autoDetect',\n  };\n  Object.entries(config).forEach(([key, value]) => {\n    Array.from(fragment.querySelectorAll(`[${key}=\"${value}\"]`)).forEach(\n      (ele) => {\n        ele.setAttribute(key, countryCodeIso2 || value);\n      },\n    );\n  });\n};\n\nexport const setComponentsAutoDetectByLocale = (\n  fragment: DocumentFragment,\n  locale?: string, // e.g. 'en-US', 'fr-FR'\n) => {\n  const config = {\n    // country-subdivision-city\n    lang: 'autoDetect',\n  };\n\n  let canonicalLocale = locale;\n  if (locale) {\n    try {\n      const [canonical] = Intl.getCanonicalLocales(locale);\n      if (canonical) {\n        canonicalLocale = canonical;\n      }\n    } catch {\n      // locale is not valid, keep original value\n    }\n  }\n\n  Object.entries(config).forEach(([key, value]) => {\n    Array.from(fragment.querySelectorAll(`[${key}=\"${value}\"]`)).forEach(\n      (ele) => {\n        ele.setAttribute(key, canonicalLocale || value);\n      },\n    );\n  });\n};\n\nexport const disableWebauthnButtons = (fragment: DocumentFragment) => {\n  const webauthnButtons = fragment.querySelectorAll(\n    `descope-button[${ELEMENT_TYPE_ATTRIBUTE}=\"biometrics\"]`,\n  );\n  webauthnButtons.forEach((button) => button.setAttribute('disabled', 'true'));\n};\n\nexport const getDescopeUiComponentsList = (clone: DocumentFragment) => [\n  ...Array.from(clone.querySelectorAll('*')).reduce<Set<string>>(\n    (acc, el: HTMLElement) =>\n      el.tagName.startsWith('DESCOPE-')\n        ? acc.add(el.tagName.toLocaleLowerCase())\n        : acc,\n    new Set(),\n  ),\n];\n"],"names":["ALLOWED_INPUT_CONFIG_ATTRS","replaceElementInputs","baseEle","screenInputs","Object","entries","forEach","name","value","Array","from","querySelectorAll","DESCOPE_ATTRIBUTE_EXCLUDE_FIELD","inputEle","getByPath","obj","path","split","reduce","prev","next","applyTemplates","text","screenState","handleMarkdown","replace","_","match","escapeMarkdown","replaceHrefByDataType","dataType","provisionUrl","ELEMENT_TYPE_ATTRIBUTE","ele","setAttribute","setImageVariable","rootEle","image","imageVarName","_a","customElements","get","cssVarList","url","_b","style","setProperty","fragment","button","eleType","message","textContent","classList","countryCodeIso2","key","locale","canonicalLocale","canonical","Intl","getCanonicalLocales","lang","nextPageTemplate","cssVars","logger","keys","componentName","querySelector","debug","componentClass","cssVarKey","componentCssVars","varName","info","inputs","form","flowInputs","totp","notp","redirectUrl","inEle","shouldHandleMarkdown","localName","href","getAttribute","replaceElementTemplates","componentsConfig","componentsDynamicAttrs","rest","__rest","configMap","acc","componentSelector","componentDynamicAttrs","attributes","length","componentsSelector","comp","config","attr","JSON","stringify","e","error","setElementConfig","HAS_DYNAMIC_VALUES_ATTR_NAME","replaceTemplateDynamicAttrValues","formData","attrName","attrValue","includes","setFormConfigValues","componentsState","componentId","state","CSS","escape","compEl","add","applyComponentsState"],"mappings":"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"}
+{"version":3,"file":"templates.js","sources":["../../../src/lib/helpers/templates.ts"],"sourcesContent":["import { escapeMarkdown } from '@descope/escape-markdown';\nimport {\n  ELEMENT_TYPE_ATTRIBUTE,\n  DESCOPE_ATTRIBUTE_EXCLUDE_FIELD,\n  HAS_DYNAMIC_VALUES_ATTR_NAME,\n} from '../constants';\nimport { ComponentsConfig, CssVars, ScreenState } from '../types';\nimport { shouldHandleMarkdown } from './helpers';\n\nconst ALLOWED_INPUT_CONFIG_ATTRS = ['disabled'];\n\nexport const replaceElementMessage = (\n  baseEle: HTMLElement,\n  eleType: string,\n  message = '',\n) => {\n  const eleList = baseEle.querySelectorAll(\n    `[${ELEMENT_TYPE_ATTRIBUTE}=\"${eleType}\"]`,\n  );\n  eleList.forEach((ele: HTMLElement) => {\n    // eslint-disable-next-line no-param-reassign\n    ele.textContent = message;\n    ele.classList[message ? 'remove' : 'add']('hide');\n  });\n};\n\n/**\n * Replace the 'value' attribute of screen inputs with screen state's inputs.\n * For example: if base element contains '<input name=\"key1\" ...>' and screen input is in form of { key1: 'val1' },\n * it will add 'val1' as the input value\n */\nconst replaceElementInputs = (\n  baseEle: HTMLElement,\n  screenInputs: Record<string, string>,\n) => {\n  Object.entries(screenInputs || {}).forEach(([name, value]) => {\n    const inputEls = Array.from(\n      baseEle.querySelectorAll(\n        `*[name=\"${name}\"]:not([${DESCOPE_ATTRIBUTE_EXCLUDE_FIELD}])`,\n      ),\n    ) as HTMLInputElement[];\n    inputEls.forEach((inputEle) => {\n      // eslint-disable-next-line no-param-reassign\n      inputEle.value = value;\n    });\n  });\n};\n\n/**\n * Get object nested path.\n * Examples:\n *  - getByPath({ { a { b: 'rob' } }, 'a.b') => 'hey rob'\n *  - getByPath({}, 'a.b') => ''\n */\nconst getByPath = (obj: Record<string, any>, path: string) =>\n  path.split('.').reduce((prev, next) => prev?.[next] || '', obj);\n\n/**\n * Apply template language on text, based on screen state.\n * Examples:\n *  - 'hey {{a.b}}', { a { b: 'rob' }} => 'hey rob'\n *  - 'hey {{not.exists}}', {} => 'hey '\n */\nconst applyTemplates = (\n  text: string,\n  screenState?: Record<string, any>,\n  handleMarkdown?: boolean,\n): string =>\n  text.replace(/{{(.+?)}}/g, (_, match) =>\n    handleMarkdown\n      ? escapeMarkdown(getByPath(screenState, match))\n      : getByPath(screenState, match),\n  );\n\n/**\n * Replace the templates of content of inner text/link elements with screen state data\n */\nconst replaceElementTemplates = (\n  baseEle: DocumentFragment,\n  screenState?: Record<string, any>,\n) => {\n  const eleList = baseEle.querySelectorAll(\n    'descope-text,descope-link,descope-enriched-text,descope-code-snippet',\n  );\n  eleList.forEach((inEle: HTMLElement) => {\n    const handleMarkdown = shouldHandleMarkdown(inEle.localName);\n    // eslint-disable-next-line no-param-reassign\n    inEle.textContent = applyTemplates(\n      inEle.textContent,\n      screenState,\n      handleMarkdown,\n    );\n    const href = inEle.getAttribute('href');\n    if (href) {\n      inEle.setAttribute('href', applyTemplates(href, screenState));\n    }\n  });\n};\n\nconst replaceTemplateDynamicAttrValues = (\n  baseEle: DocumentFragment,\n  screenState?: Record<string, any>,\n) => {\n  const eleList = baseEle.querySelectorAll(`[${HAS_DYNAMIC_VALUES_ATTR_NAME}]`);\n  eleList.forEach((ele: HTMLElement) => {\n    Array.from(ele.attributes).forEach((attr) => {\n      // eslint-disable-next-line no-param-reassign\n      attr.value = applyTemplates(attr.value, screenState);\n    });\n  });\n};\n\nconst replaceHrefByDataType = (\n  baseEle: DocumentFragment,\n  dataType: string,\n  provisionUrl?: string,\n) => {\n  const eleList = baseEle.querySelectorAll(\n    `[${ELEMENT_TYPE_ATTRIBUTE}=\"${dataType}\"]`,\n  );\n  eleList.forEach((ele: HTMLLinkElement) => {\n    // eslint-disable-next-line no-param-reassign\n    ele.setAttribute('href', provisionUrl);\n  });\n};\n\nconst setFormConfigValues = (\n  baseEle: DocumentFragment,\n  formData: Record<string, string>,\n) => {\n  Object.entries(formData).forEach(([name, config]) => {\n    const eles = baseEle.querySelectorAll(`[name=\"${name}\"]`);\n\n    eles.forEach((ele) => {\n      Object.entries(config).forEach(([attrName, attrValue]) => {\n        if (ALLOWED_INPUT_CONFIG_ATTRS.includes(attrName)) {\n          ele.setAttribute(attrName, attrValue);\n        }\n      });\n    });\n  });\n};\n\nexport const setCssVars = (\n  rootEle: HTMLElement,\n  nextPageTemplate: DocumentFragment,\n  cssVars: CssVars,\n  logger: {\n    error: (message: string, description: string) => void;\n    info: (message: string, description: string) => void;\n    debug: (message: string, description: string) => void;\n  },\n) => {\n  if (!cssVars) {\n    return;\n  }\n\n  Object.keys(cssVars).forEach((componentName) => {\n    if (!nextPageTemplate.querySelector(componentName)) {\n      logger.debug(\n        `Skipping css vars for component \"${componentName}\"`,\n        `Got css vars for component ${componentName} but Could not find it on next page`,\n      );\n\n      return;\n    }\n    const componentClass:\n      | (CustomElementConstructor & { cssVarList: CssVars })\n      | undefined = customElements.get(componentName) as any;\n\n    if (!componentClass) {\n      logger.debug(\n        `Could not find component class for ${componentName}`,\n        'Check if the component is registered',\n      );\n\n      return;\n    }\n\n    Object.keys(cssVars[componentName]).forEach((cssVarKey) => {\n      const componentCssVars = cssVars[componentName];\n      const varName = componentClass?.cssVarList?.[cssVarKey];\n\n      if (!varName) {\n        logger.info(\n          `Could not find css variable name for ${cssVarKey} in ${componentName}`,\n          'Check if the css variable is defined in the component',\n        );\n        return;\n      }\n\n      const value = componentCssVars[cssVarKey];\n\n      rootEle.style.setProperty(varName, value);\n    });\n  });\n};\n\nconst setElementConfig = (\n  baseEle: DocumentFragment,\n  componentsConfig: ComponentsConfig,\n  logger?: { error: (message: string, description: string) => void },\n) => {\n  if (!componentsConfig) {\n    return;\n  }\n  const { componentsDynamicAttrs, ...rest } = componentsConfig;\n\n  const configMap = Object.keys(rest).reduce((acc, componentName) => {\n    acc[`[name=${componentName}]`] = rest[componentName];\n    return acc;\n  }, {});\n\n  if (componentsDynamicAttrs) {\n    Object.keys(componentsDynamicAttrs).forEach((componentSelector) => {\n      const componentDynamicAttrs = componentsDynamicAttrs[componentSelector];\n      if (componentDynamicAttrs) {\n        const { attributes } = componentDynamicAttrs;\n        if (attributes && Object.keys(attributes).length) {\n          configMap[componentSelector] = attributes;\n        }\n      }\n    });\n  }\n\n  // collect components that needs configuration from DOM\n  Object.keys(configMap).forEach((componentsSelector) => {\n    baseEle.querySelectorAll(componentsSelector).forEach((comp) => {\n      const config = configMap[componentsSelector];\n\n      Object.keys(config).forEach((attr) => {\n        let value = config[attr];\n\n        if (typeof value !== 'string') {\n          try {\n            value = JSON.stringify(value);\n          } catch (e) {\n            logger.error(\n              `Could not stringify value \"${value}\" for \"${attr}\"`,\n              e.message,\n            );\n            value = '';\n          }\n        }\n\n        comp.setAttribute(attr, value);\n      });\n    });\n  });\n};\n\nconst setImageVariable = (\n  rootEle: HTMLElement,\n  name: string,\n  image?: string,\n) => {\n  const imageVarName = (\n    customElements.get(name) as CustomElementConstructor & {\n      cssVarList: Record<string, string>;\n    }\n  )?.cssVarList.url;\n\n  if (image && imageVarName) {\n    rootEle?.style?.setProperty(\n      imageVarName,\n      `url(data:image/jpg;base64,${image})`,\n    );\n  }\n};\n\n/**\n * Update a screen template based on the screen state\n *  - Show/hide error messages\n *  - Replace element templates ({{...}} syntax) with screen state object\n *\n * Note: applying `screenState.componentsState` (the server-applied baseline\n * hide/disable/read-only map) is owned by the `componentConditionsMixin`. The\n * host calls `this.applyComponentsState(...)` after this function returns and\n * before the fragment is mounted.\n */\nexport const updateTemplateFromScreenState = (\n  baseEle: DocumentFragment,\n  screenState?: ScreenState,\n  flowInputs?: Record<string, string>,\n  logger?: { error: (message: string, description: string) => void },\n) => {\n  replaceHrefByDataType(baseEle, 'totp-link', screenState?.totp?.provisionUrl);\n  replaceHrefByDataType(baseEle, 'notp-link', screenState?.notp?.redirectUrl);\n  replaceElementTemplates(baseEle, screenState);\n  setElementConfig(baseEle, screenState?.componentsConfig, logger);\n  replaceTemplateDynamicAttrValues(baseEle, screenState);\n  setFormConfigValues(baseEle, flowInputs);\n};\n\n/**\n * Update a screen based on a screen state\n *  - Replace values of element inputs with screen state's inputs\n */\nexport const updateScreenFromScreenState = (\n  baseEle: HTMLElement,\n  screenState?: ScreenState,\n) => {\n  replaceElementInputs(baseEle, screenState?.inputs);\n  replaceElementInputs(baseEle, screenState?.form);\n};\n\nexport const setTOTPVariable = (rootEle: HTMLElement, image?: string) => {\n  setImageVariable(rootEle, 'descope-totp-image', image);\n};\n\nexport const setNOTPVariable = (rootEle: HTMLElement, image?: string) => {\n  setImageVariable(rootEle, 'descope-notp-image', image);\n};\n\nexport const setComponentsAutoDetectByGeo = (\n  fragment: DocumentFragment,\n  countryCodeIso2?: string, // e.g. 'US', 'IL', 'FR'\n) => {\n  const config = {\n    // phone\n    'default-code': 'autoDetect',\n    // country-subdivision-city\n    'default-country': 'autoDetect',\n  };\n  Object.entries(config).forEach(([key, value]) => {\n    Array.from(fragment.querySelectorAll(`[${key}=\"${value}\"]`)).forEach(\n      (ele) => {\n        ele.setAttribute(key, countryCodeIso2 || value);\n      },\n    );\n  });\n};\n\nexport const setComponentsAutoDetectByLocale = (\n  fragment: DocumentFragment,\n  locale?: string, // e.g. 'en-US', 'fr-FR'\n) => {\n  const config = {\n    // country-subdivision-city\n    lang: 'autoDetect',\n  };\n\n  let canonicalLocale = locale;\n  if (locale) {\n    try {\n      const [canonical] = Intl.getCanonicalLocales(locale);\n      if (canonical) {\n        canonicalLocale = canonical;\n      }\n    } catch {\n      // locale is not valid, keep original value\n    }\n  }\n\n  Object.entries(config).forEach(([key, value]) => {\n    Array.from(fragment.querySelectorAll(`[${key}=\"${value}\"]`)).forEach(\n      (ele) => {\n        ele.setAttribute(key, canonicalLocale || value);\n      },\n    );\n  });\n};\n\nexport const disableWebauthnButtons = (fragment: DocumentFragment) => {\n  const webauthnButtons = fragment.querySelectorAll(\n    `descope-button[${ELEMENT_TYPE_ATTRIBUTE}=\"biometrics\"]`,\n  );\n  webauthnButtons.forEach((button) => button.setAttribute('disabled', 'true'));\n};\n\nexport const getDescopeUiComponentsList = (clone: DocumentFragment) => [\n  ...Array.from(clone.querySelectorAll('*')).reduce<Set<string>>(\n    (acc, el: HTMLElement) =>\n      el.tagName.startsWith('DESCOPE-')\n        ? acc.add(el.tagName.toLocaleLowerCase())\n        : acc,\n    new Set(),\n  ),\n];\n"],"names":["ALLOWED_INPUT_CONFIG_ATTRS","replaceElementInputs","baseEle","screenInputs","Object","entries","forEach","name","value","Array","from","querySelectorAll","DESCOPE_ATTRIBUTE_EXCLUDE_FIELD","inputEle","getByPath","obj","path","split","reduce","prev","next","applyTemplates","text","screenState","handleMarkdown","replace","_","match","escapeMarkdown","replaceHrefByDataType","dataType","provisionUrl","ELEMENT_TYPE_ATTRIBUTE","ele","setAttribute","setImageVariable","rootEle","image","imageVarName","_a","customElements","get","cssVarList","url","_b","style","setProperty","fragment","button","eleType","message","textContent","classList","countryCodeIso2","key","locale","canonicalLocale","canonical","Intl","getCanonicalLocales","lang","nextPageTemplate","cssVars","logger","keys","componentName","querySelector","debug","componentClass","cssVarKey","componentCssVars","varName","info","inputs","form","flowInputs","totp","notp","redirectUrl","inEle","shouldHandleMarkdown","localName","href","getAttribute","replaceElementTemplates","componentsConfig","componentsDynamicAttrs","rest","__rest","configMap","acc","componentSelector","componentDynamicAttrs","attributes","length","componentsSelector","comp","config","attr","JSON","stringify","e","error","setElementConfig","HAS_DYNAMIC_VALUES_ATTR_NAME","replaceTemplateDynamicAttrValues","formData","attrName","attrValue","includes","setFormConfigValues"],"mappings":"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"}

package/dist/cjs/mixins/componentConditionsMixin.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("tslib"),t=require("@descope/sdk-helpers"),n=require("@descope/sdk-mixins"),i=require("../helpers/realtime-conditions/config.js"),s=require("../helpers/realtime-conditions/evaluator.js"),o=require("../helpers/realtime-conditions/applier.js"),r=require("../constants/index.js");const l="component-conditions:";function c(e){return e instanceof HTMLInputElement?"checkbox"===e.type?e.checked:e.value:"checked"in e?e.checked:"value"in e?e.value:void 0}function a(e,t){const n=Object.keys(e),i=Object.keys(t);return n.length===i.length&&n.every((n=>e[n]===t[n]))}function u(){return{conditions:[],touchedIds:new Set,snapshot:{},applied:{},serverBaseline:{},debounceTimer:null,paused:!1,unsubscribePauseListener:null,inputHandler:()=>{},root:null}}function d(e,t,n){const i={};return n.forEach((n=>{e[n]?i[n]=e[n]:t[n]&&(i[n]=t[n])})),i}const p=t.createSingletonMixin((p=>{var h,m,v,f,b,g;const E=t.compose(n.loggerMixin)(p);return g=class extends E{constructor(){super(...arguments),h.add(this),m.set(this,u())}applyComponentsState(e,t){t&&(Object.entries(t).forEach((([e,t])=>{o.COMPONENT_ACTIONS.includes(t)||this.logger.error(`Unknown component action "${t}" for component with id "${e}"`,`Valid actions are ${o.COMPONENT_ACTIONS.map((e=>`"${e}"`)).join(", ")}`)})),o.apply(e,{},t))}initRealtimeConditions(t,n){var r,u,p,f;e.__classPrivateFieldGet(this,h,"m",b).call(this);const g=null!==(r=null==n?void 0:n.realtimeComponentsConditions)&&void 0!==r?r:[];if(!g.length)return void this.logger.debug(`${l} no real-time rules to apply on this screen`);this.logger.info(`${l} found ${g.length} real-time rule(s) for this screen`);const E={};Object.entries(null!==(u=null==n?void 0:n.form)&&void 0!==u?u:{}).forEach((([e,t])=>{E[`form.${e}`]=t})),s.collectReferencedFormKeys(g).forEach((e=>{const n=function(e,t){const n=t.startsWith("form.")?t.slice(5):t;return e.querySelector(`[name="${o.escapeSelector(t)}"]`)||e.querySelector(`[name="${o.escapeSelector(n)}"]`)}(t,e);if(!n)return;const i=c(n);void 0!==i&&(E[e]=i)}));const T=s.collectTouchedComponentIds(g),_={},O={};Object.entries(null!==(p=null==n?void 0:n.componentsState)&&void 0!==p?p:{}).forEach((([e,t])=>{T.has(e)&&(O[e]=t)})),Object.entries(null!==(f=null==n?void 0:n.serverOnlyComponentsState)&&void 0!==f?f:{}).forEach((([e,t])=>{T.has(e)&&(_[e]=t)}));const S={conditions:g,touchedIds:T,snapshot:E,applied:O,serverBaseline:_,debounceTimer:null,paused:!1,unsubscribePauseListener:null,inputHandler:()=>{},root:t},y=d(s.evaluateAll(g,E),_,T);a(O,y)||(S.applied=o.apply(t,O,y)),S.inputHandler=t=>e.__classPrivateFieldGet(this,h,"m",v).call(this,t),i.REALTIME_CONDITION_EVENTS.forEach((e=>{t.addEventListener(e,S.inputHandler,!0)})),this.logger.debug(`${l} listening for "${i.REALTIME_CONDITION_EVENTS.join('" and "')}" events on form fields; ${Object.keys(O).length} component(s) start hidden / disabled / read-only by these rules`);const C=this.nextRequestStatus;if(null==C?void 0:C.subscribe){const e=({isLoading:e})=>{S.paused=e,e&&S.debounceTimer&&(clearTimeout(S.debounceTimer),S.debounceTimer=null)},t=C.subscribe(e);S.unsubscribePauseListener=()=>{var e;null!=t&&(null===(e=C.unsubscribe)||void 0===e||e.call(C,t))}}e.__classPrivateFieldSet(this,m,S,"f")}disconnectedCallback(){var t;null===(t=super.disconnectedCallback)||void 0===t||t.call(this),e.__classPrivateFieldGet(this,h,"m",b).call(this)}},m=new WeakMap,h=new WeakSet,v=function(t){var n,s;const o=e.__classPrivateFieldGet(this,m,"f");if(!o.root||o.paused)return;const l=t.target;if(!l)return;if(null===(n=l.hasAttribute)||void 0===n?void 0:n.call(l,r.DESCOPE_ATTRIBUTE_EXCLUDE_FIELD))return;const a=null===(s=l.getAttribute)||void 0===s?void 0:s.call(l,"name");if(!a)return;const u=function(e){return e.startsWith("form.")?e:`form.${e}`}(a);o.snapshot[u]=c(l),o.debounceTimer&&clearTimeout(o.debounceTimer),o.debounceTimer=setTimeout((()=>{o.debounceTimer=null,e.__classPrivateFieldGet(this,h,"m",f).call(this)}),i.REALTIME_CONDITION_DEBOUNCE_MS)},f=function(){const t=e.__classPrivateFieldGet(this,m,"f");if(!t.root)return;let n;try{n=d(s.evaluateAll(t.conditions,t.snapshot),t.serverBaseline,t.touchedIds)}catch(e){return void this.logger.error(`${l} failed to evaluate real-time rules — keeping the previous state`,null==e?void 0:e.message)}const i=t.applied;a(i,n)||(this.logger.debug(`${l} form changed — updating components: was ${JSON.stringify(i)}, now ${JSON.stringify(n)}`),t.applied=o.apply(t.root,i,n))},b=function(){const t=e.__classPrivateFieldGet(this,m,"f");t.debounceTimer&&clearTimeout(t.debounceTimer),t.unsubscribePauseListener&&t.unsubscribePauseListener(),t.root&&(Object.keys(t.applied).length>0&&t.root.isConnected&&o.apply(t.root,t.applied,{}),i.REALTIME_CONDITION_EVENTS.forEach((e=>{t.root.removeEventListener(e,t.inputHandler,!0)}))),e.__classPrivateFieldSet(this,m,u(),"f")},g}));exports.componentConditionsMixin=p;
+//# sourceMappingURL=componentConditionsMixin.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"componentConditionsMixin.js","sources":["../../../src/lib/mixins/componentConditionsMixin.ts"],"sourcesContent":["/* eslint-disable import/prefer-default-export, no-param-reassign */\nimport { compose, createSingletonMixin } from '@descope/sdk-helpers';\nimport { loggerMixin } from '@descope/sdk-mixins';\nimport {\n  REALTIME_CONDITION_DEBOUNCE_MS,\n  REALTIME_CONDITION_EVENTS,\n} from '../helpers/realtime-conditions/config';\nimport {\n  collectReferencedFormKeys,\n  collectTouchedComponentIds,\n  evaluateAll,\n  FormSnapshot,\n} from '../helpers/realtime-conditions/evaluator';\nimport {\n  apply,\n  COMPONENT_ACTIONS,\n  escapeSelector,\n} from '../helpers/realtime-conditions/applier';\nimport { DESCOPE_ATTRIBUTE_EXCLUDE_FIELD } from '../constants';\nimport type { RealtimeComponentsCondition, ScreenState } from '../types';\n\nconst LOG_PREFIX = 'component-conditions:';\n\n// What the mixin needs from its host: a way to subscribe to loading state\n// so input handling can pause while the next request is in flight. Defined\n// as an interface (not imported) to avoid a circular dependency on BaseDescopeWc.\nexport interface PausableHost {\n  nextRequestStatus?: {\n    // subscribe returns a token; pass that token to unsubscribe — not the handler.\n    subscribe: (cb: (v: { isLoading: boolean }) => void) => string;\n    unsubscribe?: (token: string) => void;\n  };\n}\n\nexport interface RealtimeRuntime {\n  conditions: RealtimeComponentsCondition[];\n  // IDs of components that any rule can change\n  touchedIds: Set<string>;\n  // latest form values on screen\n  snapshot: FormSnapshot;\n  // what's currently applied on screen for touched components.\n  // Compared against on each re-evaluation to know what to change.\n  applied: Record<string, string>;\n  // What the server told us to apply for these components. Stays fixed for\n  // the screen's lifetime so we can fall back to it when a real-time rule\n  // stops matching. Without this, a server-set action could disappear when\n  // a real-time rule briefly fires on the same component.\n  serverBaseline: Record<string, string>;\n  debounceTimer: ReturnType<typeof setTimeout> | null;\n  // true while paused (during submit, to avoid stale updates)\n  paused: boolean;\n  unsubscribePauseListener: (() => void) | null;\n  // the listener we attach to form events (kept so we can detach)\n  inputHandler: (e: Event) => void;\n  // the screen root we work against\n  root: HTMLElement | null;\n}\n\n// Some inputs already have `name=\"form.x\"`, others use `name=\"x\"`. Always\n// return the `form.x` form so it lines up with what rules reference.\nfunction toFormKey(name: string): string {\n  return name.startsWith('form.') ? name : `form.${name}`;\n}\n\n// Try the full `form.x` first (descope components), then `x` (plain inputs).\nfunction findInputForFormKey(\n  root: ParentNode,\n  formKey: string,\n): Element | null {\n  const bare = formKey.startsWith('form.')\n    ? formKey.slice('form.'.length)\n    : formKey;\n  return (\n    root.querySelector(`[name=\"${escapeSelector(formKey)}\"]`) ||\n    root.querySelector(`[name=\"${escapeSelector(bare)}\"]`)\n  );\n}\n\n// Read the current value off a form input. Reads JS properties (not HTML\n// attributes) so we pick up both the component's default and any value\n// carried over from earlier screens.\n//\n// Native <input type=checkbox> needs special handling: `.value` is always\n// \"on\", only `.checked` reflects the real state. Descope boolean components\n// (descope-checkbox, descope-switch-toggle) expose `.checked` on their class.\nfunction readInputValue(el: Element): unknown {\n  if (el instanceof HTMLInputElement) {\n    return el.type === 'checkbox' ? el.checked : el.value;\n  }\n  if ('checked' in el) {\n    return (el as unknown as { checked: boolean }).checked;\n  }\n  if ('value' in el) {\n    return (el as unknown as { value: unknown }).value;\n  }\n  return undefined;\n}\n\nfunction shallowEqualStringMap(\n  a: Record<string, string>,\n  b: Record<string, string>,\n): boolean {\n  const keysA = Object.keys(a);\n  const keysB = Object.keys(b);\n  if (keysA.length !== keysB.length) return false;\n  return keysA.every((k) => a[k] === b[k]);\n}\n\nfunction emptyRuntime(): RealtimeRuntime {\n  return {\n    conditions: [],\n    touchedIds: new Set(),\n    snapshot: {},\n    applied: {},\n    serverBaseline: {},\n    debounceTimer: null,\n    paused: false,\n    unsubscribePauseListener: null,\n    inputHandler: () => {},\n    root: null,\n  };\n}\n\n// For each touched component, pick the real-time action if a rule is firing\n// for it, otherwise fall back to the server's action. Components that no rule\n// touches are not in the result — those were already painted by\n// applyComponentsState.\nfunction effectiveActions(\n  realtimeVerdict: Record<string, string>,\n  serverBaseline: Record<string, string>,\n  touchedIds: Set<string>,\n): Record<string, string> {\n  const out: Record<string, string> = {};\n  touchedIds.forEach((id) => {\n    if (realtimeVerdict[id]) {\n      out[id] = realtimeVerdict[id];\n    } else if (serverBaseline[id]) {\n      out[id] = serverBaseline[id];\n    }\n  });\n  return out;\n}\n\nexport const componentConditionsMixin = createSingletonMixin(\n  <T extends CustomElementConstructor>(superclass: T) => {\n    // Pull in loggerMixin so `this.logger` is available no matter where\n    // this mixin sits in the chain.\n    const BaseClass = compose(loggerMixin)(superclass);\n\n    return class ComponentConditionsMixin extends BaseClass {\n      // One runtime per <descope-wc> element.\n      #rtRuntime: RealtimeRuntime = emptyRuntime();\n\n      /**\n       * Apply the server's hide/disable/read-only actions to the DOM.\n       * Logs unknown actions here (runs once per screen) but stays quiet on\n       * the keystroke path to avoid log spam.\n       */\n      applyComponentsState(\n        root: ParentNode,\n        componentsState: Record<string, string> | undefined,\n      ): void {\n        if (!componentsState) return;\n        Object.entries(componentsState).forEach(([id, action]) => {\n          if (!(COMPONENT_ACTIONS as readonly string[]).includes(action)) {\n            this.logger.error(\n              `Unknown component action \"${action}\" for component with id \"${id}\"`,\n              `Valid actions are ${COMPONENT_ACTIONS.map((a) => `\"${a}\"`).join(\n                ', ',\n              )}`,\n            );\n          }\n        });\n        apply(root, {}, componentsState);\n      }\n\n      /**\n       * Set up real-time conditions for the current screen. Safe to call\n       * twice — a second call rebuilds from screenState.\n       *\n       * Must run AFTER `updateScreenFromScreenState`, so the DOM reads below\n       * see both server-shipped values and any component defaults from the\n       * HTML.\n       */\n      initRealtimeConditions(\n        rootElement: HTMLElement,\n        screenState: ScreenState | undefined,\n      ): void {\n        this.#teardownRealtimeRuntime();\n\n        const conditions = screenState?.realtimeComponentsConditions ?? [];\n        if (!conditions.length) {\n          this.logger.debug(\n            `${LOG_PREFIX} no real-time rules to apply on this screen`,\n          );\n          return;\n        }\n        this.logger.info(\n          `${LOG_PREFIX} found ${conditions.length} real-time rule(s) for this screen`,\n        );\n\n        // screenState.form uses \"phone\"; rules reference \"form.phone\".\n        // Add the prefix on the way in.\n        const initialSnapshot: FormSnapshot = {};\n        Object.entries(screenState?.form ?? {}).forEach(([k, v]) => {\n          initialSnapshot[`form.${k}`] = v;\n        });\n\n        // For every key the rules reference, read the current DOM value.\n        // Component defaults (e.g. `checked=\"true\"` on a descope-checkbox)\n        // live only in the HTML and don't make it into screenState.form, so\n        // without this read the first evaluation would miss them.\n        collectReferencedFormKeys(conditions).forEach((formKey) => {\n          const el = findInputForFormKey(rootElement, formKey);\n          if (!el) return;\n          const v = readInputValue(el);\n          if (v !== undefined) initialSnapshot[formKey] = v;\n        });\n\n        const touchedIds = collectTouchedComponentIds(conditions);\n\n        // What to fall back to when a real-time rule stops matching for a\n        // touched component — the actions set by server-only rules (rules\n        // with no client-side conditions).\n        const serverBaseline: Record<string, string> = {};\n        // What's already painted on the DOM (touched components only), so\n        // the first real-time evaluation can diff against the right state.\n        const initialApplied: Record<string, string> = {};\n\n        Object.entries(screenState?.componentsState ?? {}).forEach(\n          ([id, action]) => {\n            if (!touchedIds.has(id)) return;\n            initialApplied[id] = action;\n          },\n        );\n\n        Object.entries(screenState?.serverOnlyComponentsState ?? {}).forEach(\n          ([id, action]) => {\n            if (touchedIds.has(id)) {\n              serverBaseline[id] = action;\n            }\n          },\n        );\n\n        const runtime: RealtimeRuntime = {\n          conditions,\n          touchedIds,\n          snapshot: initialSnapshot,\n          applied: initialApplied,\n          serverBaseline,\n          debounceTimer: null,\n          paused: false,\n          unsubscribePauseListener: null,\n          inputHandler: () => {},\n          root: rootElement,\n        };\n\n        // Re-run the rules now that we've read the real DOM values. The\n        // server evaluated without seeing component defaults, so its\n        // `componentsState` can disagree with what the user actually sees.\n        // Apply the diff once before listening for input.\n        const reconciled = effectiveActions(\n          evaluateAll(conditions, initialSnapshot),\n          serverBaseline,\n          touchedIds,\n        );\n        if (!shallowEqualStringMap(initialApplied, reconciled)) {\n          runtime.applied = apply(rootElement, initialApplied, reconciled);\n        }\n\n        runtime.inputHandler = (e: Event) =>\n          this.#handleRealtimeInput(e as InputEvent);\n\n        REALTIME_CONDITION_EVENTS.forEach((ev) => {\n          rootElement.addEventListener(ev, runtime.inputHandler, true);\n        });\n        this.logger.debug(\n          `${LOG_PREFIX} listening for \"${REALTIME_CONDITION_EVENTS.join(\n            '\" and \"',\n          )}\" events on form fields; ${\n            Object.keys(initialApplied).length\n          } component(s) start hidden / disabled / read-only by these rules`,\n        );\n\n        // Pause while a /next request is in flight. Without this, a debounced\n        // evaluation could run between submit and the next screen render and\n        // change components that are about to be replaced — causing flicker,\n        // or hiding something the next screen needs visible.\n        const pauseState = (this as unknown as PausableHost).nextRequestStatus;\n        if (pauseState?.subscribe) {\n          const handler = ({ isLoading }: { isLoading: boolean }) => {\n            runtime.paused = isLoading;\n            if (isLoading && runtime.debounceTimer) {\n              clearTimeout(runtime.debounceTimer);\n              runtime.debounceTimer = null;\n            }\n          };\n          // subscribe returns a token; unsubscribe needs that token, not the\n          // handler. Without storing it, handlers leak across screens and\n          // keep old runtimes (and their DOM roots) alive.\n          const token = pauseState.subscribe(handler);\n          runtime.unsubscribePauseListener = () => {\n            if (token !== undefined && token !== null) {\n              pauseState.unsubscribe?.(token);\n            }\n          };\n        }\n\n        this.#rtRuntime = runtime;\n      }\n\n      #handleRealtimeInput(e: InputEvent): void {\n        const runtime = this.#rtRuntime;\n        if (!runtime.root || runtime.paused) return;\n\n        const target = e.target as Element | null;\n        if (!target) return;\n        if (target.hasAttribute?.(DESCOPE_ATTRIBUTE_EXCLUDE_FIELD)) return;\n\n        const name = target.getAttribute?.('name');\n        if (!name) return;\n\n        // Update the snapshot only — evaluation is debounced. Use readInputValue\n        // so checkboxes read the same way as at mount; otherwise `target.value`\n        // would be the string \"on\" for native checkboxes and break is-true rules.\n        const key = toFormKey(name);\n        runtime.snapshot[key] = readInputValue(target);\n\n        if (runtime.debounceTimer) {\n          clearTimeout(runtime.debounceTimer);\n        }\n        runtime.debounceTimer = setTimeout(() => {\n          runtime.debounceTimer = null;\n          this.#reEvaluateRealtime();\n        }, REALTIME_CONDITION_DEBOUNCE_MS);\n      }\n\n      #reEvaluateRealtime(): void {\n        const runtime = this.#rtRuntime;\n        if (!runtime.root) return;\n\n        let next: Record<string, string>;\n        try {\n          next = effectiveActions(\n            evaluateAll(runtime.conditions, runtime.snapshot),\n            runtime.serverBaseline,\n            runtime.touchedIds,\n          );\n        } catch (e) {\n          this.logger.error(\n            `${LOG_PREFIX} failed to evaluate real-time rules — keeping the previous state`,\n            (e as Error)?.message,\n          );\n          return;\n        }\n\n        const prevApplied = runtime.applied;\n        if (shallowEqualStringMap(prevApplied, next)) return;\n\n        this.logger.debug(\n          `${LOG_PREFIX} form changed — updating components: was ${JSON.stringify(\n            prevApplied,\n          )}, now ${JSON.stringify(next)}`,\n        );\n        runtime.applied = apply(runtime.root, prevApplied, next);\n      }\n\n      // Clean up listeners and timers when the host leaves the DOM. Reaches\n      // us only if BaseDescopeWc calls `super.disconnectedCallback?.()`;\n      // otherwise teardown happens lazily on the next initRealtimeConditions.\n      disconnectedCallback() {\n        // disconnectedCallback isn't on HTMLElement in the lib types, but it\n        // exists at runtime — forward into super in case the chain uses it.\n        // @ts-expect-error custom-element lifecycle method missing from lib types\n        super.disconnectedCallback?.();\n        this.#teardownRealtimeRuntime();\n      }\n\n      #teardownRealtimeRuntime(): void {\n        const r = this.#rtRuntime;\n        if (r.debounceTimer) {\n          clearTimeout(r.debounceTimer);\n        }\n        if (r.unsubscribePauseListener) {\n          r.unsubscribePauseListener();\n        }\n        if (r.root) {\n          // Undo anything we applied so the next screen starts clean. Skip\n          // if the root is already gone (replaced by the next screen) —\n          // nothing left to undo.\n          if (Object.keys(r.applied).length > 0 && r.root.isConnected) {\n            apply(r.root, r.applied, {});\n          }\n          REALTIME_CONDITION_EVENTS.forEach((ev) => {\n            r.root!.removeEventListener(ev, r.inputHandler, true);\n          });\n        }\n        this.#rtRuntime = emptyRuntime();\n      }\n    };\n  },\n);\n"],"names":["LOG_PREFIX","readInputValue","el","HTMLInputElement","type","checked","value","shallowEqualStringMap","a","b","keysA","Object","keys","keysB","length","every","k","emptyRuntime","conditions","touchedIds","Set","snapshot","applied","serverBaseline","debounceTimer","paused","unsubscribePauseListener","inputHandler","root","effectiveActions","realtimeVerdict","out","forEach","id","componentConditionsMixin","createSingletonMixin","superclass","BaseClass","compose","loggerMixin","_a","constructor","_ComponentConditionsMixin_rtRuntime","set","this","applyComponentsState","componentsState","entries","action","COMPONENT_ACTIONS","includes","logger","error","map","join","apply","initRealtimeConditions","rootElement","screenState","__classPrivateFieldGet","_ComponentConditionsMixin_instances","_ComponentConditionsMixin_teardownRealtimeRuntime","call","_b","realtimeComponentsConditions","debug","info","initialSnapshot","_c","form","v","collectReferencedFormKeys","formKey","bare","startsWith","slice","querySelector","escapeSelector","findInputForFormKey","undefined","collectTouchedComponentIds","initialApplied","_d","has","_e","serverOnlyComponentsState","runtime","reconciled","evaluateAll","e","REALTIME_CONDITION_EVENTS","ev","addEventListener","pauseState","nextRequestStatus","subscribe","handler","isLoading","clearTimeout","token","unsubscribe","__classPrivateFieldSet","disconnectedCallback","super","target","hasAttribute","DESCOPE_ATTRIBUTE_EXCLUDE_FIELD","name","getAttribute","key","toFormKey","setTimeout","_ComponentConditionsMixin_reEvaluateRealtime","REALTIME_CONDITION_DEBOUNCE_MS","next","message","prevApplied","JSON","stringify","r","isConnected","removeEventListener"],"mappings":"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"}

package/dist/cjs/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../src/lib/types.ts"],"sourcesContent":["/* istanbul ignore file */\n\nimport type { JWTResponse } from '@descope/web-js-sdk';\nimport { createSdk } from '@descope/web-js-sdk';\n\nexport type SdkConfig = Parameters<typeof createSdk>[0];\nexport type Sdk = ReturnType<typeof createSdk>;\n\nexport type SdkFlowNext = Sdk['flow']['next'];\n\nexport type ComponentsDynamicAttrs = {\n  attributes: Record<string, any>;\n};\n\nexport type ComponentsConfig = Record<string, any> & {\n  componentsDynamicAttrs?: Record<string, ComponentsDynamicAttrs>;\n};\nexport type CssVars = Record<string, any>;\n\ntype KeepArgsByIndex<F, Indices extends readonly number[]> = F extends (\n  ...args: infer A\n) => infer R\n  ? (...args: PickArgsByIndex<A, Indices>) => R\n  : never;\n\ntype PickArgsByIndex<\n  All extends readonly any[],\n  Indices extends readonly number[],\n> = {\n  [K in keyof Indices]: Indices[K] extends keyof All ? All[Indices[K]] : never;\n};\n\ntype Project = {\n  name: string;\n};\n\nexport enum Direction {\n  backward = 'backward',\n  forward = 'forward',\n}\n\nexport type LastAuthState = NonNullable<\n  NextFnReturnPromiseValue['data']['lastAuth']\n> & {\n  loginId?: string;\n  name?: string;\n  lastUsedPerScreen?: Record<string, string>;\n};\n\nexport interface ScreenState {\n  errorText?: string;\n  errorType?: string;\n  componentsConfig?: ComponentsConfig;\n  cssVars?: CssVars;\n  form?: Record<string, string>;\n  inputs?: Record<string, string>; // Backward compatibility\n  lastAuth?: LastAuthState;\n  project?: Project;\n  totp?: { image?: string; provisionUrl?: string };\n  notp?: { image?: string; redirectUrl?: string };\n  selfProvisionDomains?: unknown;\n  user?: unknown;\n  sso?: unknown;\n  dynamicSelects?: unknown;\n  keysInUse?: unknown;\n  genericForm?: unknown;\n  linkId?: unknown;\n  sentTo?: unknown;\n  clientScripts?: ClientScript[];\n  // map of component IDs to their state\n  componentsState?: Record<string, string>;\n}\n\nexport type SSOQueryParams = {\n  oidcIdpStateId?: string;\n  samlIdpStateId?: string;\n  wsfedIdpStateId?: string;\n  samlIdpUsername?: string;\n  descopeIdpInitiated?: boolean;\n  ssoAppId?: string;\n  customAppId?: string;\n  thirdPartyAppId: string;\n  thirdPartyAppStateId?: string;\n  applicationScopes?: string;\n} & OIDCOptions;\n\nexport type OIDCOptions = {\n  oidcLoginHint?: string;\n  oidcPrompt?: string;\n  oidcErrorRedirectUri?: string;\n  oidcResource?: string;\n};\n\nexport type Locale = {\n  locale: string;\n  fallback: string;\n};\n\nexport type FlowState = {\n  flowId: string;\n  projectId: string;\n  baseUrl: string;\n  tenant: string;\n  stepId: string;\n  stepName: string;\n  executionId: string;\n  action: string;\n  redirectTo: string;\n  redirectIsPopup: boolean;\n  openInNewTabUrl?: string;\n  redirectUrl: string;\n  screenId: string;\n  screenState: ScreenState;\n  token: string;\n  code: string;\n  isPopup: boolean;\n  exchangeError: string;\n  webauthnTransactionId: string;\n  webauthnOptions: string;\n  redirectAuthCodeChallenge: string;\n  redirectAuthCallbackUrl: string;\n  redirectAuthBackupCallbackUri: string;\n  redirectAuthInitiator: string;\n  deferredRedirect: boolean;\n  deferredPolling: boolean;\n  locale: string;\n  samlIdpResponseUrl: string;\n  samlIdpResponseSamlResponse: string;\n  samlIdpResponseRelayState: string;\n  wsFedIdpResponseUrl: string;\n  wsFedIdpResponseWresult: string;\n  wsFedIdpResponseWctx: string;\n  nativeResponseType: string;\n  nativePayload: Record<string, any>;\n  reqTimestamp: number;\n} & SSOQueryParams;\n\nexport type StepState = {\n  screenState: ScreenState;\n  screenId: string;\n  stepName: string;\n  htmlFilename: string;\n  htmlLocaleFilename: string;\n  next: NextFn;\n  direction: Direction | undefined;\n  samlIdpUsername: string;\n  action?: string;\n  locale?: string;\n} & OIDCOptions;\n\nexport type CustomScreenState = Omit<\n  ScreenState,\n  'cssVars' | 'componentsConfig' | 'inputs'\n> & {\n  error?: {\n    text: ScreenState['errorText'];\n    type: ScreenState['errorType'];\n  };\n  action?: string;\n  inboundAppApproveScopes?: {\n    desc: string;\n    id: string;\n    required: boolean;\n  }[];\n};\n\nexport type DebugState = {\n  isDebug: boolean;\n};\n\nexport interface ScriptElement extends HTMLDivElement {\n  moduleRes?: ScriptModule;\n}\n\nexport type ScriptModule = {\n  /**\n   * Unique identifier of the module.\n   */\n  id: string;\n  /**\n   * Notifies the module that it should start any profiling or monitoring.\n   */\n  start?: () => void;\n  /**\n   * Notifies the module that it should stop any profiling or monitoring.\n   */\n  stop?: () => void;\n  /**\n   * Presents the user with any required interaction to get a refreshed token or state,\n   * e.g., a challenge or captcha.\n   *\n   * Modules should return a value of true if the presentation completed successfully,\n   * false if it was cancelled by the user, and throw an error in case of failure.\n   *\n   * This is called before form submission (via a next call) after a button click.\n   */\n  present?: () => Promise<boolean>;\n  /**\n   * Refreshes any tokens or state that might be needed before form submission.\n   *\n   * Modules should throw an error in case of failure.\n   */\n  refresh?: () => Promise<void>;\n};\n\nexport type ClientScript = {\n  id: string;\n  initArgs: Record<string, any>;\n  resultKey?: string;\n};\n\nexport type NextFn = KeepArgsByIndex<SdkFlowNext, [2, 5]> & {\n  isCustomScreen?: boolean;\n};\nexport type NextFnReturnPromiseValue = Awaited<ReturnType<NextFn>>;\n\nexport type DebuggerMessage = {\n  title: string;\n  description?: string;\n};\n\nexport type FlowStateUpdateFn = (state: FlowState) => void;\n\ntype Operator =\n  | 'equal'\n  | 'not-equal'\n  | 'contains'\n  | 'greater-than'\n  | 'greater-than-or-equal'\n  | 'less-than'\n  | 'less-than-or-equal'\n  | 'empty'\n  | 'not-empty'\n  | 'is-true'\n  | 'is-false'\n  | 'in'\n  | 'not-in'\n  | 'in-range'\n  | 'not-in-range'\n  | 'devised-by';\n\nexport interface ClientConditionResult {\n  screenId: string;\n  screenName: string;\n  clientScripts?: ClientScript[];\n  componentsConfig?: ComponentsConfig;\n  interactionId: string;\n}\n\nexport interface ClientCondition {\n  operator: Operator;\n  key: string;\n  predicate?: string | number;\n  met: ClientConditionResult;\n  unmet?: ClientConditionResult;\n}\n\nexport type AutoFocusOptions = true | false | 'skipFirstScreen';\n\nexport type ThemeOptions = 'light' | 'dark' | 'os';\n\nexport type Key =\n  | 'lastAuth.loginId'\n  | 'idpInitiated'\n  | 'externalToken'\n  | 'abTestingKey';\n\ntype CheckFunction = (ctx: Context, predicate?: string | number) => boolean;\n\nexport type ConditionsMap = {\n  [key in Key]: {\n    [operator in Operator]?: CheckFunction;\n  };\n};\n\nexport interface Context {\n  loginId?: string;\n  code?: string;\n  token?: string;\n  abTestingKey?: number;\n  lastAuth?: LastAuthState;\n}\n\nexport type DescopeUI = Record<string, () => Promise<void>> & {\n  componentsThemeManager: Record<string, any>;\n};\n\ntype Font = {\n  family: string[];\n  label: string;\n  url?: string;\n};\n\ntype ThemeTemplate = {\n  fonts: {\n    font1: Font;\n    font2: Font;\n  };\n};\n\ntype ThemeColor = {\n  main: string;\n  dark: string;\n  light: string;\n  highlight: string;\n  contrast: string;\n};\n\nexport type OverrideTheme = {\n  globals?: {\n    colors?: {\n      primary?: ThemeColor;\n      secondary?: ThemeColor;\n    };\n  };\n};\n\nexport type OverrideThemes = {\n  dark?: OverrideTheme;\n  light?: OverrideTheme;\n};\n\nexport type FlowConfig = {\n  startScreenId?: string;\n  startScreenName?: string;\n  version: number;\n  targetLocales?: string[];\n  conditions?: ClientCondition[];\n  condition?: ClientCondition;\n  fingerprintEnabled?: boolean;\n  fingerprintKey?: string;\n  sdkScripts?: [\n    {\n      id: string;\n      initArgs: Record<string, any>;\n      resultKey?: string;\n    },\n  ];\n  clientScripts?: ClientScript[];\n  componentsConfig?: ComponentsConfig;\n};\n\nexport interface ProjectConfiguration {\n  componentsVersion: string;\n  cssTemplate: {\n    dark: ThemeTemplate;\n    light: ThemeTemplate;\n  };\n  flows: {\n    [key: string]: FlowConfig; // dynamic key names for flows\n  };\n}\n\nexport type FlowStatus = 'loading' | 'error' | 'success' | 'ready' | 'initial';\n\nexport type CustomStorage = {\n  getItem: (key: string) => string | null;\n  setItem: (key: string, value: string) => void;\n  removeItem: (key: string) => void;\n};\n\nexport type FlowJWTResponse = JWTResponse & {\n  flowOutput?: Record<string, any>;\n};\n"],"names":["Direction"],"mappings":"aAoCA,IAAYA,EAAAA,QAGXA,eAAA,GAHWA,EAAAA,QAASA,YAATA,kBAGX,CAAA,IAFC,SAAA,WACAA,EAAA,QAAA"}
+{"version":3,"file":"types.js","sources":["../../src/lib/types.ts"],"sourcesContent":["/* istanbul ignore file */\n\nimport type { JWTResponse } from '@descope/web-js-sdk';\nimport { createSdk } from '@descope/web-js-sdk';\n\nexport type SdkConfig = Parameters<typeof createSdk>[0];\nexport type Sdk = ReturnType<typeof createSdk>;\n\nexport type SdkFlowNext = Sdk['flow']['next'];\n\nexport type ComponentsDynamicAttrs = {\n  attributes: Record<string, any>;\n};\n\nexport type ComponentsConfig = Record<string, any> & {\n  componentsDynamicAttrs?: Record<string, ComponentsDynamicAttrs>;\n};\nexport type CssVars = Record<string, any>;\n\ntype KeepArgsByIndex<F, Indices extends readonly number[]> = F extends (\n  ...args: infer A\n) => infer R\n  ? (...args: PickArgsByIndex<A, Indices>) => R\n  : never;\n\ntype PickArgsByIndex<\n  All extends readonly any[],\n  Indices extends readonly number[],\n> = {\n  [K in keyof Indices]: Indices[K] extends keyof All ? All[Indices[K]] : never;\n};\n\ntype Project = {\n  name: string;\n};\n\nexport enum Direction {\n  backward = 'backward',\n  forward = 'forward',\n}\n\nexport type LastAuthState = NonNullable<\n  NextFnReturnPromiseValue['data']['lastAuth']\n> & {\n  loginId?: string;\n  name?: string;\n  lastUsedPerScreen?: Record<string, string>;\n};\n\nexport type RealtimeOperandKind = 'value' | 'form' | 'list';\n\n// Operators the SDK is allowed to evaluate locally. The server's\n// clientSupportedRealtimeOperators must stay in sync — anything outside this\n// list is pre-evaluated server-side and shipped as a value operand.\n//\n// is-email / is-phone are intentionally absent: the server validates them\n// with dedicated libraries (contact.IsValid*); the client has no equivalent,\n// so the server keeps these CCs server-only.\nexport type RealtimeOperator =\n  | 'equal'\n  | 'not-equal'\n  | 'contains'\n  | 'greater-than'\n  | 'greater-than-or-equal'\n  | 'less-than'\n  | 'less-than-or-equal'\n  | 'empty'\n  | 'not-empty'\n  | 'is-true'\n  | 'is-false'\n  | 'in'\n  | 'not-in'\n  | 'matches';\n\nexport interface RealtimeOperand {\n  kind: RealtimeOperandKind;\n  // Form is the context key the client looks up from the live form snapshot\n  // (e.g. \"form.phone\"). Set only when kind === 'form'.\n  form?: string;\n  // Items is the operand list when kind === 'list'. Each element is a nested\n  // operand — either a form placeholder or a resolved literal. Used when the\n  // server detects an `in` / `not-in` / `contains` predicate whose array\n  // contains `{{form.X}}` references; the client resolves them at eval time.\n  items?: RealtimeOperand[];\n  // Pre-resolved literal. Set only when kind === 'value', and may legitimately\n  // be false / 0 / \"\" — do not treat absence as \"no value\" without checking\n  // kind first.\n  value?: unknown;\n}\n\nexport interface RealtimeAtomicCondition {\n  operator: RealtimeOperator;\n  target?: RealtimeOperand;\n  predicate?: RealtimeOperand;\n}\n\nexport interface RealtimeRule {\n  logicalOr?: boolean;\n  atomicConditions: RealtimeAtomicCondition[];\n}\n\nexport interface RealtimeComponentsCondition {\n  id?: string;\n  componentIds: string[];\n  action: string;\n  rules: RealtimeRule[];\n}\n\nexport interface ScreenState {\n  errorText?: string;\n  errorType?: string;\n  componentsConfig?: ComponentsConfig;\n  cssVars?: CssVars;\n  form?: Record<string, string>;\n  inputs?: Record<string, string>; // Backward compatibility\n  lastAuth?: LastAuthState;\n  project?: Project;\n  totp?: { image?: string; provisionUrl?: string };\n  notp?: { image?: string; redirectUrl?: string };\n  selfProvisionDomains?: unknown;\n  user?: unknown;\n  sso?: unknown;\n  dynamicSelects?: unknown;\n  keysInUse?: unknown;\n  genericForm?: unknown;\n  linkId?: unknown;\n  sentTo?: unknown;\n  clientScripts?: ClientScript[];\n  // map of component IDs to their state — the FULL last-wins verdict over\n  // all CCs (server-only + client-eligible) the BE evaluated at screen-init.\n  // Used by `applyComponentsState` for the first DOM paint.\n  componentsState?: Record<string, string>;\n  // Subset of `componentsState` contributed by SERVER-ONLY CCs — those the\n  // client cannot re-evaluate locally (operators on the server-only\n  // allow-list like `is-email`, or rules referencing context the client\n  // doesn't have). Parallels `componentsState` in structure but excludes\n  // contributions from client-eligible CCs that also ship in\n  // `realtimeComponentsConditions`.\n  //\n  // The realtime layer uses this as the fallback action to restore when a\n  // realtime CC stops firing on a touched component — without it the SDK\n  // can't tell whether the action in `componentsState` came from a\n  // server-only CC (must persist) or from a realtime CC also re-shipped\n  // (must clear).\n  //\n  // Absent on old backends; new SDKs fall back to a legacy heuristic that\n  // infers the same information from `componentsState`, so the old-BE /\n  // new-SDK combination still works correctly.\n  serverOnlyComponentsState?: Record<string, string>;\n  // Client-evaluable visibility conditions, populated only by new backends.\n  // Absent on old backends; new SDKs ignore when absent.\n  realtimeComponentsConditions?: RealtimeComponentsCondition[];\n}\n\nexport type SSOQueryParams = {\n  oidcIdpStateId?: string;\n  samlIdpStateId?: string;\n  wsfedIdpStateId?: string;\n  samlIdpUsername?: string;\n  descopeIdpInitiated?: boolean;\n  ssoAppId?: string;\n  customAppId?: string;\n  thirdPartyAppId: string;\n  thirdPartyAppStateId?: string;\n  applicationScopes?: string;\n} & OIDCOptions;\n\nexport type OIDCOptions = {\n  oidcLoginHint?: string;\n  oidcPrompt?: string;\n  oidcErrorRedirectUri?: string;\n  oidcResource?: string;\n};\n\nexport type Locale = {\n  locale: string;\n  fallback: string;\n};\n\nexport type FlowState = {\n  flowId: string;\n  projectId: string;\n  baseUrl: string;\n  tenant: string;\n  stepId: string;\n  stepName: string;\n  executionId: string;\n  action: string;\n  redirectTo: string;\n  redirectIsPopup: boolean;\n  openInNewTabUrl?: string;\n  redirectUrl: string;\n  screenId: string;\n  screenState: ScreenState;\n  token: string;\n  code: string;\n  isPopup: boolean;\n  exchangeError: string;\n  webauthnTransactionId: string;\n  webauthnOptions: string;\n  redirectAuthCodeChallenge: string;\n  redirectAuthCallbackUrl: string;\n  redirectAuthBackupCallbackUri: string;\n  redirectAuthInitiator: string;\n  deferredRedirect: boolean;\n  deferredPolling: boolean;\n  locale: string;\n  samlIdpResponseUrl: string;\n  samlIdpResponseSamlResponse: string;\n  samlIdpResponseRelayState: string;\n  wsFedIdpResponseUrl: string;\n  wsFedIdpResponseWresult: string;\n  wsFedIdpResponseWctx: string;\n  nativeResponseType: string;\n  nativePayload: Record<string, any>;\n  reqTimestamp: number;\n} & SSOQueryParams;\n\nexport type StepState = {\n  screenState: ScreenState;\n  screenId: string;\n  stepName: string;\n  htmlFilename: string;\n  htmlLocaleFilename: string;\n  next: NextFn;\n  direction: Direction | undefined;\n  samlIdpUsername: string;\n  action?: string;\n  locale?: string;\n} & OIDCOptions;\n\nexport type CustomScreenState = Omit<\n  ScreenState,\n  'cssVars' | 'componentsConfig' | 'inputs'\n> & {\n  error?: {\n    text: ScreenState['errorText'];\n    type: ScreenState['errorType'];\n  };\n  action?: string;\n  inboundAppApproveScopes?: {\n    desc: string;\n    id: string;\n    required: boolean;\n  }[];\n};\n\nexport type DebugState = {\n  isDebug: boolean;\n};\n\nexport interface ScriptElement extends HTMLDivElement {\n  moduleRes?: ScriptModule;\n}\n\nexport type ScriptModule = {\n  /**\n   * Unique identifier of the module.\n   */\n  id: string;\n  /**\n   * Notifies the module that it should start any profiling or monitoring.\n   */\n  start?: () => void;\n  /**\n   * Notifies the module that it should stop any profiling or monitoring.\n   */\n  stop?: () => void;\n  /**\n   * Presents the user with any required interaction to get a refreshed token or state,\n   * e.g., a challenge or captcha.\n   *\n   * Modules should return a value of true if the presentation completed successfully,\n   * false if it was cancelled by the user, and throw an error in case of failure.\n   *\n   * This is called before form submission (via a next call) after a button click.\n   */\n  present?: () => Promise<boolean>;\n  /**\n   * Refreshes any tokens or state that might be needed before form submission.\n   *\n   * Modules should throw an error in case of failure.\n   */\n  refresh?: () => Promise<void>;\n};\n\nexport type ClientScript = {\n  id: string;\n  initArgs: Record<string, any>;\n  resultKey?: string;\n};\n\nexport type NextFn = KeepArgsByIndex<SdkFlowNext, [2, 5]> & {\n  isCustomScreen?: boolean;\n};\nexport type NextFnReturnPromiseValue = Awaited<ReturnType<NextFn>>;\n\nexport type DebuggerMessage = {\n  title: string;\n  description?: string;\n};\n\nexport type FlowStateUpdateFn = (state: FlowState) => void;\n\ntype Operator =\n  | 'equal'\n  | 'not-equal'\n  | 'contains'\n  | 'greater-than'\n  | 'greater-than-or-equal'\n  | 'less-than'\n  | 'less-than-or-equal'\n  | 'empty'\n  | 'not-empty'\n  | 'is-true'\n  | 'is-false'\n  | 'in'\n  | 'not-in'\n  | 'in-range'\n  | 'not-in-range'\n  | 'devised-by';\n\nexport interface ClientConditionResult {\n  screenId: string;\n  screenName: string;\n  clientScripts?: ClientScript[];\n  componentsConfig?: ComponentsConfig;\n  interactionId: string;\n}\n\nexport interface ClientCondition {\n  operator: Operator;\n  key: string;\n  predicate?: string | number;\n  met: ClientConditionResult;\n  unmet?: ClientConditionResult;\n}\n\nexport type AutoFocusOptions = true | false | 'skipFirstScreen';\n\nexport type ThemeOptions = 'light' | 'dark' | 'os';\n\nexport type Key =\n  | 'lastAuth.loginId'\n  | 'idpInitiated'\n  | 'externalToken'\n  | 'abTestingKey';\n\ntype CheckFunction = (ctx: Context, predicate?: string | number) => boolean;\n\nexport type ConditionsMap = {\n  [key in Key]: {\n    [operator in Operator]?: CheckFunction;\n  };\n};\n\nexport interface Context {\n  loginId?: string;\n  code?: string;\n  token?: string;\n  abTestingKey?: number;\n  lastAuth?: LastAuthState;\n}\n\nexport type DescopeUI = Record<string, () => Promise<void>> & {\n  componentsThemeManager: Record<string, any>;\n};\n\ntype Font = {\n  family: string[];\n  label: string;\n  url?: string;\n};\n\ntype ThemeTemplate = {\n  fonts: {\n    font1: Font;\n    font2: Font;\n  };\n};\n\ntype ThemeColor = {\n  main: string;\n  dark: string;\n  light: string;\n  highlight: string;\n  contrast: string;\n};\n\nexport type OverrideTheme = {\n  globals?: {\n    colors?: {\n      primary?: ThemeColor;\n      secondary?: ThemeColor;\n    };\n  };\n};\n\nexport type OverrideThemes = {\n  dark?: OverrideTheme;\n  light?: OverrideTheme;\n};\n\nexport type FlowConfig = {\n  startScreenId?: string;\n  startScreenName?: string;\n  version: number;\n  targetLocales?: string[];\n  conditions?: ClientCondition[];\n  condition?: ClientCondition;\n  fingerprintEnabled?: boolean;\n  fingerprintKey?: string;\n  sdkScripts?: [\n    {\n      id: string;\n      initArgs: Record<string, any>;\n      resultKey?: string;\n    },\n  ];\n  clientScripts?: ClientScript[];\n  componentsConfig?: ComponentsConfig;\n};\n\nexport interface ProjectConfiguration {\n  componentsVersion: string;\n  cssTemplate: {\n    dark: ThemeTemplate;\n    light: ThemeTemplate;\n  };\n  flows: {\n    [key: string]: FlowConfig; // dynamic key names for flows\n  };\n}\n\nexport type FlowStatus = 'loading' | 'error' | 'success' | 'ready' | 'initial';\n\nexport type CustomStorage = {\n  getItem: (key: string) => string | null;\n  setItem: (key: string, value: string) => void;\n  removeItem: (key: string) => void;\n};\n\nexport type FlowJWTResponse = JWTResponse & {\n  flowOutput?: Record<string, any>;\n};\n"],"names":["Direction"],"mappings":"aAoCA,IAAYA,EAAAA,QAGXA,eAAA,GAHWA,EAAAA,QAASA,YAATA,kBAGX,CAAA,IAFC,SAAA,WACAA,EAAA,QAAA"}

package/dist/esm/descope-wc/BaseDescopeWc.js

@@ -1,2 +1,2 @@
-import{__classPrivateFieldGet as t,__awaiter as e,__classPrivateFieldSet as i}from"tslib";import{compose as r}from"@descope/sdk-helpers";import{staticResourcesMixin as o}from"@descope/sdk-mixins/static-resources-mixin";import{themeMixin as s}from"@descope/sdk-mixins/theme-mixin";import{injectStyleMixin as n}from"@descope/sdk-mixins/inject-style-mixin";import{createSdk as u}from"@descope/web-js-sdk";import{ELEMENTS_TO_IGNORE_ENTER_KEY_ON as a}from"../constants/index.js";import{handleUrlParams as l,clearRunIdsFromUrl as d,camelCase as c,getRunIdsFromUrl as h,getContentUrl as f,fetchContent as g,withRetry as p}from"../helpers/helpers.js";import m from"../helpers/state.js";import"@descope/escape-markdown";import"../helpers/webauthn.js";import{setCustomStorage as b}from"../helpers/storage.js";import{transformFlowInputFormData as v,extractNestedAttribute as w}from"../helpers/flowInputs.js";import{formMountMixin as k}from"../mixins/formMountMixin.js";import{CONFIG_FILENAME as C,PREV_VER_ASSETS_FOLDER as y}from"../constants/content.js";import{FETCH_EXCEPTION_ERROR_CODE as A}from"../constants/general.js";var x,I,j,E,L,S,U,M,O,W,D,P,N,F,K,R,T,B,H,J,V,q;const $=r(s,o,k,n)(HTMLElement);class z extends ${static get observedAttributes(){return["project-id","flow-id","base-url","tenant","locale","debug","storage-prefix","preview","redirect-url","auto-focus","store-last-authenticated-user","refresh-cookie-name","keep-last-authenticated-user-after-logout","validate-on-blur","style-id"]}constructor(r){super(),x.add(this),j.set(this,!1),E.set(this,void 0),this.flowStatus="initial",this.loggerWrapper={error:(e,i="")=>{this.logger.error(e,i,new Error),t(this,x,"m",q).call(this,e,i)},warn:(t,e="")=>{this.logger.warn(t,e)},info:(t,e="",i={})=>{this.logger.info(t,e,i)},debug:(t,e="")=>{this.logger.debug(t,e)}},L.set(this,new m),S.set(this,new m),U.set(this,{}),this.getComponentsContext=()=>t(this,U,"f"),this.nextRequestStatus=new m({isLoading:!1}),M.set(this,void 0),O.set(this,{popstate:t(this,x,"m",F).bind(this),componentsContext:t(this,x,"m",H).bind(this)}),W.set(this,void 0),this.getConfig=()=>e(this,void 0,void 0,(function*(){return(yield this.config)||{isMissingConfig:!0}})),i(this,W,r,"f"),t(this,x,"m",P).call(this)}get flowId(){return this.getAttribute("flow-id")}get client(){try{return JSON.parse(this.getAttribute("client"))||{}}catch(t){return{}}}get redirectUrl(){return this.getAttribute("redirect-url")||void 0}get debug(){return"true"===this.getAttribute("debug")}get locale(){return this.getAttribute("locale")||void 0}get autoFocus(){var t;const e=null!==(t=this.getAttribute("auto-focus"))&&void 0!==t?t:"true";return"skipFirstScreen"===e?e:"true"===e}get validateOnBlur(){return"true"===this.getAttribute("validate-on-blur")}get storeLastAuthenticatedUser(){var t;return"true"===(null!==(t=this.getAttribute("store-last-authenticated-user"))&&void 0!==t?t:"true")}get refreshCookieName(){return this.getAttribute("refresh-cookie-name")||""}get keepLastAuthenticatedUserAfterLogout(){return"true"===this.getAttribute("keep-last-authenticated-user-after-logout")}get storagePrefix(){return this.getAttribute("storage-prefix")||""}get preview(){return!!this.getAttribute("preview")}get formConfig(){return v(this.form)}get form(){return this.getAttribute("form")}get formConfigValues(){return w(this.formConfig,"value")}get outboundAppId(){return this.getAttribute("outbound-app-id")}get outboundAppScopes(){try{const t=JSON.parse(this.getAttribute("outbound-app-scopes"));return t||null}catch(t){return null}}get popupOrigin(){return this.getAttribute("popup-origin")}get customStorage(){return t(this,E,"f")}set customStorage(t){if(t&&"function"!=typeof t.getItem)throw new Error("Custom storage must have a getItem method");if(t&&"function"!=typeof t.setItem)throw new Error("Custom storage must have a setItem method");if(t&&"function"!=typeof t.removeItem)throw new Error("Custom storage must have a removeItem method");i(this,E,t,"f"),b(t)}get isRestartOnError(){return"true"===this.getAttribute("restart-on-error")}getExecutionContext(){return e(this,void 0,void 0,(function*(){const t=yield this.getConfig();return"executionContext"in t?t.executionContext:void 0}))}getProjectConfig(){return e(this,void 0,void 0,(function*(){const t=yield this.getConfig();return"projectConfig"in t?t.projectConfig:void 0}))}getFlowConfig(){return e(this,void 0,void 0,(function*(){var t,e;const i=yield this.getProjectConfig(),r=(null===(t=null==i?void 0:i.flows)||void 0===t?void 0:t[this.flowId])||{};return null!==(e=r.version)&&void 0!==e||(r.version=0),r}))}getTargetLocales(){return e(this,void 0,void 0,(function*(){const t=yield this.getFlowConfig();return((null==t?void 0:t.targetLocales)||[]).map((t=>t.toLowerCase()))}))}handleKeyPress(){this.logger.debug("Enable key press handler"),this.rootElement.onkeydown=t=>{var e,i,r;const o=!!(null===(e=this.shadowRoot.activeElement)||void 0===e?void 0:e.getAttribute("href")),s=a.includes(null!==(r=null===(i=this.shadowRoot.activeElement)||void 0===i?void 0:i.localName)&&void 0!==r?r:"");if("Enter"!==t.key||o||s)return;t.preventDefault();const n=this.rootElement.querySelectorAll("descope-button");if(1===n.length&&"false"!==n[0].getAttribute("auto-submit"))return void n[0].click();const u=Array.from(n).filter((t=>"true"===t.getAttribute("auto-submit")));if(1===u.length)return void u[0].click();const l=Array.from(n).filter((t=>"button"===t.getAttribute("data-type")));if(1===l.length)"false"!==l[0].getAttribute("auto-submit")&&l[0].click();else if(0===l.length){const t=Array.from(n).filter((t=>"sso"===t.getAttribute("data-type")));1===t.length&&"false"!==t[0].getAttribute("auto-submit")&&t[0].click()}}}disableKeyPressHandler(){this.logger.debug("Disable key press handler"),this.rootElement.onkeydown=null}getComponentsVersion(){return e(this,void 0,void 0,(function*(){var t;const e=yield this.getConfig(),i="projectConfig"in e?null===(t=e.projectConfig)||void 0===t?void 0:t.componentsVersion:{};return i||(this.logger.error("Did not get components version, using latest version"),"latest")}))}init(){const r=Object.create(null,{init:{get:()=>super.init}});return e(this,void 0,void 0,(function*(){var e;if(this.flowStatus="loading",["ready","error","success"].forEach((t=>this.addEventListener(t,(()=>{this.flowStatus=t})))),yield null===(e=r.init)||void 0===e?void 0:e.call(this),t(this,S,"f").subscribe(t(this,x,"m",V).bind(this)),t(this,S,"f").update({isDebug:this.debug}),t(this,x,"m",N).call(this),yield t(this,x,"m",T).call(this))return void this.loggerWrapper.error("This SDK version does not support your flows version","Make sure to upgrade your flows to the latest version or use an older SDK version");const o=yield this.getConfig();if("isMissingConfig"in o&&o.isMissingConfig)return void this.loggerWrapper.error("Cannot get config file","Make sure that your projectId & flowId are correct");const{executionId:s,stepId:n,token:u,code:a,isPopup:d,exchangeError:c,redirectAuthCallbackUrl:h,redirectAuthBackupCallbackUri:f,redirectAuthCodeChallenge:g,redirectAuthInitiator:p,ssoQueryParams:m}=l(this.flowId,this.loggerWrapper);window.addEventListener("popstate",t(this,O,"f").popstate),window.addEventListener("components-context",t(this,O,"f").componentsContext),t(this,L,"f").subscribe(t(this,x,"m",R).bind(this)),t(this,L,"f").update(Object.assign({projectId:this.projectId,flowId:this.flowId,baseUrl:this.baseUrl,tenant:this.tenantId,redirectUrl:this.redirectUrl,locale:this.locale,stepId:n,executionId:s,token:u,code:a,isPopup:d,exchangeError:c,redirectAuthCallbackUrl:h,redirectAuthBackupCallbackUri:f,redirectAuthCodeChallenge:g,redirectAuthInitiator:p},m)),i(this,j,!0,"f")}))}disconnectedCallback(){t(this,L,"f").unsubscribeAll(),t(this,S,"f").unsubscribeAll(),t(this,x,"m",J).call(this),window.removeEventListener("popstate",t(this,O,"f").popstate),window.removeEventListener("components-context",t(this,O,"f").componentsContext)}attributeChangedCallback(e,i,r){if(this.shadowRoot.isConnected&&t(this,j,"f")&&i!==r&&I.observedAttributes.includes(e)){t(this,x,"m",N).call(this);const o=null===i;t(this,L,"f").update((({stepId:t,executionId:i})=>{let s=t,n=i;return o||(n=null,s=null,d()),{[c(e)]:r,stepId:s,executionId:n}})),t(this,S,"f").update({isDebug:this.debug})}}}I=z,j=new WeakMap,E=new WeakMap,L=new WeakMap,S=new WeakMap,U=new WeakMap,M=new WeakMap,O=new WeakMap,W=new WeakMap,x=new WeakSet,D=function(){this.injectStyle("\n    :host {\n\t\t\twidth: 100%;\n      display: block;\n\t\t}\n\n\t\t#root {\n\t\t\theight: 100%;\n      display: flex;\n      flex-direction: column;\n\t\t}\n\n    #content-root {\n      all: initial;\n      transition: opacity 200ms ease-in-out;\n    }\n\n\t\t#root[data-theme] {\n\t\t\tbackground-color: transparent;\n\t\t}\n\n\t\t.fade-out {\n\t\t\topacity: 0.1!important;\n\t\t}\n\n    .hidden {\n      display: none;\n    }\n    ")},P=function(){t(this,x,"m",D).call(this),this.slotElement=document.createElement("slot"),this.slotElement.classList.add("hidden"),this.rootElement.appendChild(this.slotElement)},N=function(){const t=["base-url","tenant","locale","debug","redirect-url","auto-focus","store-last-authenticated-user","refresh-cookie-name","keep-last-authenticated-user-after-logout","preview","storage-prefix","form","client","validate-on-blur","style-id","outbound-app-id","outbound-app-scopes","theme-override"];I.observedAttributes.forEach((e=>{if(!t.includes(e)&&!this[c(e)])throw Error(`${e} cannot be empty`)}))},F=function(){const{stepId:e,executionId:i}=h(this.flowId);t(this,L,"f").update({stepId:e,executionId:i})},K=function(i,r){u&&"function"==typeof u||this.logger.error("SDK was not loaded properly",u,JSON.stringify(u));const o=Object.assign(Object.assign({persistTokens:!0,preview:this.preview,storagePrefix:this.storagePrefix,storeLastAuthenticatedUser:this.storeLastAuthenticatedUser,keepLastAuthenticatedUserAfterLogout:this.keepLastAuthenticatedUserAfterLogout,refreshCookieName:this.refreshCookieName},I.sdkConfigOverrides),{projectId:i,baseUrl:r});t(this,E,"f")&&(o.customStorage=t(this,E,"f")),this.sdk=u(o),["start","next"].forEach((t=>{const i=this.sdk.flow[t],r=p(i,1e3,3);this.sdk.flow[t]=(...i)=>e(this,void 0,void 0,(function*(){try{return yield r(...i)}catch(e){return this.logger.error(`Error in sdk flow ${t} function`,e),{error:{errorCode:A,errorDescription:e.toString()}}}}))}))},R=function(i,r,o){return e(this,void 0,void 0,(function*(){const{projectId:e,baseUrl:r}=i;if(o("projectId")||o("baseUrl")){if(!e)return;t(this,x,"m",K).call(this,e,r)}t(this,W,"f").call(this,i)}))},T=function(){return e(this,void 0,void 0,(function*(){const e=yield this.getConfig();return"isMissingConfig"in e&&e.isMissingConfig&&(yield t(this,x,"m",B).call(this))}))},B=function(){return e(this,void 0,void 0,(function*(){const t=f({projectId:this.projectId,filename:C,assetsFolder:y,baseUrl:this.baseStaticUrl});try{return yield g(t,"json"),!0}catch(t){return!1}}))},H=function(e){i(this,U,Object.assign(Object.assign({},t(this,U,"f")),e.detail),"f")},J=function(){var e;null===(e=t(this,M,"f"))||void 0===e||e.remove(),i(this,M,null,"f")},V=function(r){return e(this,arguments,void 0,(function*({isDebug:e}){e?(i(this,M,document.createElement("descope-debugger"),"f"),Object.assign(t(this,M,"f").style,{position:"fixed",top:"0",right:"0",height:"100vh",width:"100vw",pointerEvents:"none",zIndex:99999}),yield import("../debugger-wc.js"),document.body.appendChild(t(this,M,"f"))):t(this,x,"m",J).call(this)}))},q=function(e,i){var r;e&&this.debug&&(null===(r=t(this,M,"f"))||void 0===r||r.updateData({title:e,description:i}))},z.sdkConfigOverrides={baseHeaders:{"x-descope-sdk-name":"web-component","x-descope-sdk-version":"3.66.1"}};export{z as default};
+import{__classPrivateFieldGet as t,__awaiter as e,__classPrivateFieldSet as i}from"tslib";import{compose as r}from"@descope/sdk-helpers";import{staticResourcesMixin as o}from"@descope/sdk-mixins/static-resources-mixin";import{themeMixin as s}from"@descope/sdk-mixins/theme-mixin";import{injectStyleMixin as n}from"@descope/sdk-mixins/inject-style-mixin";import{createSdk as a}from"@descope/web-js-sdk";import{ELEMENTS_TO_IGNORE_ENTER_KEY_ON as u}from"../constants/index.js";import{handleUrlParams as l,clearRunIdsFromUrl as d,camelCase as c,getRunIdsFromUrl as h,getContentUrl as f,fetchContent as g,withRetry as p}from"../helpers/helpers.js";import m from"../helpers/state.js";import"@descope/escape-markdown";import"../helpers/webauthn.js";import{setCustomStorage as b}from"../helpers/storage.js";import{transformFlowInputFormData as v,extractNestedAttribute as w}from"../helpers/flowInputs.js";import{formMountMixin as k}from"../mixins/formMountMixin.js";import{componentConditionsMixin as C}from"../mixins/componentConditionsMixin.js";import{CONFIG_FILENAME as y,PREV_VER_ASSETS_FOLDER as A}from"../constants/content.js";import{FETCH_EXCEPTION_ERROR_CODE as x}from"../constants/general.js";var I,j,E,L,S,U,M,O,W,D,P,N,F,K,R,T,B,H,J,V,q,$;const z=r(s,o,k,C,n)(HTMLElement);class Q extends z{static get observedAttributes(){return["project-id","flow-id","base-url","tenant","locale","debug","storage-prefix","preview","redirect-url","auto-focus","store-last-authenticated-user","refresh-cookie-name","keep-last-authenticated-user-after-logout","validate-on-blur","style-id"]}constructor(r){super(),I.add(this),E.set(this,!1),L.set(this,void 0),this.flowStatus="initial",this.loggerWrapper={error:(e,i="")=>{this.logger.error(e,i,new Error),t(this,I,"m",$).call(this,e,i)},warn:(t,e="")=>{this.logger.warn(t,e)},info:(t,e="",i={})=>{this.logger.info(t,e,i)},debug:(t,e="")=>{this.logger.debug(t,e)}},S.set(this,new m),U.set(this,new m),M.set(this,{}),this.getComponentsContext=()=>t(this,M,"f"),this.nextRequestStatus=new m({isLoading:!1}),O.set(this,void 0),W.set(this,{popstate:t(this,I,"m",K).bind(this),componentsContext:t(this,I,"m",J).bind(this)}),D.set(this,void 0),this.getConfig=()=>e(this,void 0,void 0,(function*(){return(yield this.config)||{isMissingConfig:!0}})),i(this,D,r,"f"),t(this,I,"m",N).call(this)}get flowId(){return this.getAttribute("flow-id")}get client(){try{return JSON.parse(this.getAttribute("client"))||{}}catch(t){return{}}}get redirectUrl(){return this.getAttribute("redirect-url")||void 0}get debug(){return"true"===this.getAttribute("debug")}get locale(){return this.getAttribute("locale")||void 0}get autoFocus(){var t;const e=null!==(t=this.getAttribute("auto-focus"))&&void 0!==t?t:"true";return"skipFirstScreen"===e?e:"true"===e}get validateOnBlur(){return"true"===this.getAttribute("validate-on-blur")}get storeLastAuthenticatedUser(){var t;return"true"===(null!==(t=this.getAttribute("store-last-authenticated-user"))&&void 0!==t?t:"true")}get refreshCookieName(){return this.getAttribute("refresh-cookie-name")||""}get keepLastAuthenticatedUserAfterLogout(){return"true"===this.getAttribute("keep-last-authenticated-user-after-logout")}get storagePrefix(){return this.getAttribute("storage-prefix")||""}get preview(){return!!this.getAttribute("preview")}get formConfig(){return v(this.form)}get form(){return this.getAttribute("form")}get formConfigValues(){return w(this.formConfig,"value")}get outboundAppId(){return this.getAttribute("outbound-app-id")}get outboundAppScopes(){try{const t=JSON.parse(this.getAttribute("outbound-app-scopes"));return t||null}catch(t){return null}}get popupOrigin(){return this.getAttribute("popup-origin")}get customStorage(){return t(this,L,"f")}set customStorage(t){if(t&&"function"!=typeof t.getItem)throw new Error("Custom storage must have a getItem method");if(t&&"function"!=typeof t.setItem)throw new Error("Custom storage must have a setItem method");if(t&&"function"!=typeof t.removeItem)throw new Error("Custom storage must have a removeItem method");i(this,L,t,"f"),b(t)}get isRestartOnError(){return"true"===this.getAttribute("restart-on-error")}getExecutionContext(){return e(this,void 0,void 0,(function*(){const t=yield this.getConfig();return"executionContext"in t?t.executionContext:void 0}))}getProjectConfig(){return e(this,void 0,void 0,(function*(){const t=yield this.getConfig();return"projectConfig"in t?t.projectConfig:void 0}))}getFlowConfig(){return e(this,void 0,void 0,(function*(){var t,e;const i=yield this.getProjectConfig(),r=(null===(t=null==i?void 0:i.flows)||void 0===t?void 0:t[this.flowId])||{};return null!==(e=r.version)&&void 0!==e||(r.version=0),r}))}getTargetLocales(){return e(this,void 0,void 0,(function*(){const t=yield this.getFlowConfig();return((null==t?void 0:t.targetLocales)||[]).map((t=>t.toLowerCase()))}))}handleKeyPress(){this.logger.debug("Enable key press handler"),this.rootElement.onkeydown=t=>{var e,i,r;const o=!!(null===(e=this.shadowRoot.activeElement)||void 0===e?void 0:e.getAttribute("href")),s=u.includes(null!==(r=null===(i=this.shadowRoot.activeElement)||void 0===i?void 0:i.localName)&&void 0!==r?r:"");if("Enter"!==t.key||o||s)return;t.preventDefault();const n=this.rootElement.querySelectorAll("descope-button");if(1===n.length&&"false"!==n[0].getAttribute("auto-submit"))return void n[0].click();const a=Array.from(n).filter((t=>"true"===t.getAttribute("auto-submit")));if(1===a.length)return void a[0].click();const l=Array.from(n).filter((t=>"button"===t.getAttribute("data-type")));if(1===l.length)"false"!==l[0].getAttribute("auto-submit")&&l[0].click();else if(0===l.length){const t=Array.from(n).filter((t=>"sso"===t.getAttribute("data-type")));1===t.length&&"false"!==t[0].getAttribute("auto-submit")&&t[0].click()}}}disableKeyPressHandler(){this.logger.debug("Disable key press handler"),this.rootElement.onkeydown=null}getComponentsVersion(){return e(this,void 0,void 0,(function*(){var t;const e=yield this.getConfig(),i="projectConfig"in e?null===(t=e.projectConfig)||void 0===t?void 0:t.componentsVersion:{};return i||(this.logger.error("Did not get components version, using latest version"),"latest")}))}init(){const r=Object.create(null,{init:{get:()=>super.init}});return e(this,void 0,void 0,(function*(){var e;if(this.flowStatus="loading",["ready","error","success"].forEach((t=>this.addEventListener(t,(()=>{this.flowStatus=t})))),yield null===(e=r.init)||void 0===e?void 0:e.call(this),t(this,U,"f").subscribe(t(this,I,"m",q).bind(this)),t(this,U,"f").update({isDebug:this.debug}),t(this,I,"m",F).call(this),yield t(this,I,"m",B).call(this))return void this.loggerWrapper.error("This SDK version does not support your flows version","Make sure to upgrade your flows to the latest version or use an older SDK version");const o=yield this.getConfig();if("isMissingConfig"in o&&o.isMissingConfig)return void this.loggerWrapper.error("Cannot get config file","Make sure that your projectId & flowId are correct");const{executionId:s,stepId:n,token:a,code:u,isPopup:d,exchangeError:c,redirectAuthCallbackUrl:h,redirectAuthBackupCallbackUri:f,redirectAuthCodeChallenge:g,redirectAuthInitiator:p,ssoQueryParams:m}=l(this.flowId,this.loggerWrapper);window.addEventListener("popstate",t(this,W,"f").popstate),window.addEventListener("components-context",t(this,W,"f").componentsContext),t(this,S,"f").subscribe(t(this,I,"m",T).bind(this)),t(this,S,"f").update(Object.assign({projectId:this.projectId,flowId:this.flowId,baseUrl:this.baseUrl,tenant:this.tenantId,redirectUrl:this.redirectUrl,locale:this.locale,stepId:n,executionId:s,token:a,code:u,isPopup:d,exchangeError:c,redirectAuthCallbackUrl:h,redirectAuthBackupCallbackUri:f,redirectAuthCodeChallenge:g,redirectAuthInitiator:p},m)),i(this,E,!0,"f")}))}disconnectedCallback(){var e;t(this,S,"f").unsubscribeAll(),t(this,U,"f").unsubscribeAll(),t(this,I,"m",V).call(this),window.removeEventListener("popstate",t(this,W,"f").popstate),window.removeEventListener("components-context",t(this,W,"f").componentsContext),null===(e=super.disconnectedCallback)||void 0===e||e.call(this)}attributeChangedCallback(e,i,r){if(this.shadowRoot.isConnected&&t(this,E,"f")&&i!==r&&j.observedAttributes.includes(e)){t(this,I,"m",F).call(this);const o=null===i;t(this,S,"f").update((({stepId:t,executionId:i})=>{let s=t,n=i;return o||(n=null,s=null,d()),{[c(e)]:r,stepId:s,executionId:n}})),t(this,U,"f").update({isDebug:this.debug})}}}j=Q,E=new WeakMap,L=new WeakMap,S=new WeakMap,U=new WeakMap,M=new WeakMap,O=new WeakMap,W=new WeakMap,D=new WeakMap,I=new WeakSet,P=function(){this.injectStyle("\n    :host {\n\t\t\twidth: 100%;\n      display: block;\n\t\t}\n\n\t\t#root {\n\t\t\theight: 100%;\n      display: flex;\n      flex-direction: column;\n\t\t}\n\n    #content-root {\n      all: initial;\n      transition: opacity 200ms ease-in-out;\n    }\n\n\t\t#root[data-theme] {\n\t\t\tbackground-color: transparent;\n\t\t}\n\n\t\t.fade-out {\n\t\t\topacity: 0.1!important;\n\t\t}\n\n    .hidden {\n      display: none;\n    }\n    ")},N=function(){t(this,I,"m",P).call(this),this.slotElement=document.createElement("slot"),this.slotElement.classList.add("hidden"),this.rootElement.appendChild(this.slotElement)},F=function(){const t=["base-url","tenant","locale","debug","redirect-url","auto-focus","store-last-authenticated-user","refresh-cookie-name","keep-last-authenticated-user-after-logout","preview","storage-prefix","form","client","validate-on-blur","style-id","outbound-app-id","outbound-app-scopes","theme-override"];j.observedAttributes.forEach((e=>{if(!t.includes(e)&&!this[c(e)])throw Error(`${e} cannot be empty`)}))},K=function(){const{stepId:e,executionId:i}=h(this.flowId);t(this,S,"f").update({stepId:e,executionId:i})},R=function(i,r){a&&"function"==typeof a||this.logger.error("SDK was not loaded properly",a,JSON.stringify(a));const o=Object.assign(Object.assign({persistTokens:!0,preview:this.preview,storagePrefix:this.storagePrefix,storeLastAuthenticatedUser:this.storeLastAuthenticatedUser,keepLastAuthenticatedUserAfterLogout:this.keepLastAuthenticatedUserAfterLogout,refreshCookieName:this.refreshCookieName},j.sdkConfigOverrides),{projectId:i,baseUrl:r});t(this,L,"f")&&(o.customStorage=t(this,L,"f")),this.sdk=a(o),["start","next"].forEach((t=>{const i=this.sdk.flow[t],r=p(i,1e3,3);this.sdk.flow[t]=(...i)=>e(this,void 0,void 0,(function*(){try{return yield r(...i)}catch(e){return this.logger.error(`Error in sdk flow ${t} function`,e),{error:{errorCode:x,errorDescription:e.toString()}}}}))}))},T=function(i,r,o){return e(this,void 0,void 0,(function*(){const{projectId:e,baseUrl:r}=i;if(o("projectId")||o("baseUrl")){if(!e)return;t(this,I,"m",R).call(this,e,r)}t(this,D,"f").call(this,i)}))},B=function(){return e(this,void 0,void 0,(function*(){const e=yield this.getConfig();return"isMissingConfig"in e&&e.isMissingConfig&&(yield t(this,I,"m",H).call(this))}))},H=function(){return e(this,void 0,void 0,(function*(){const t=f({projectId:this.projectId,filename:y,assetsFolder:A,baseUrl:this.baseStaticUrl});try{return yield g(t,"json"),!0}catch(t){return!1}}))},J=function(e){i(this,M,Object.assign(Object.assign({},t(this,M,"f")),e.detail),"f")},V=function(){var e;null===(e=t(this,O,"f"))||void 0===e||e.remove(),i(this,O,null,"f")},q=function(r){return e(this,arguments,void 0,(function*({isDebug:e}){e?(i(this,O,document.createElement("descope-debugger"),"f"),Object.assign(t(this,O,"f").style,{position:"fixed",top:"0",right:"0",height:"100vh",width:"100vw",pointerEvents:"none",zIndex:99999}),yield import("../debugger-wc.js"),document.body.appendChild(t(this,O,"f"))):t(this,I,"m",V).call(this)}))},$=function(e,i){var r;e&&this.debug&&(null===(r=t(this,O,"f"))||void 0===r||r.updateData({title:e,description:i}))},Q.sdkConfigOverrides={baseHeaders:{"x-descope-sdk-name":"web-component","x-descope-sdk-version":"3.67.1"}};export{Q as default};
 //# sourceMappingURL=BaseDescopeWc.js.map

package/dist/esm/descope-wc/BaseDescopeWc.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseDescopeWc.js","sources":["../../../src/lib/descope-wc/BaseDescopeWc.ts"],"sourcesContent":["import { compose } from '@descope/sdk-helpers';\n// eslint-disable-next-line import/no-duplicates\nimport { staticResourcesMixin } from '@descope/sdk-mixins/static-resources-mixin';\n// eslint-disable-next-line import/no-duplicates\nimport { themeMixin } from '@descope/sdk-mixins/theme-mixin';\n// eslint-disable-next-line import/no-duplicates\nimport { injectStyleMixin } from '@descope/sdk-mixins/inject-style-mixin';\nimport { createSdk } from '@descope/web-js-sdk';\nimport {\n  CONFIG_FILENAME,\n  ELEMENTS_TO_IGNORE_ENTER_KEY_ON,\n  FETCH_EXCEPTION_ERROR_CODE,\n  PREV_VER_ASSETS_FOLDER,\n} from '../constants';\nimport {\n  camelCase,\n  clearRunIdsFromUrl,\n  fetchContent,\n  getContentUrl,\n  getRunIdsFromUrl,\n  handleUrlParams,\n  State,\n  withRetry,\n} from '../helpers';\nimport {\n  extractNestedAttribute,\n  transformFlowInputFormData,\n} from '../helpers/flowInputs';\nimport { setCustomStorage } from '../helpers/storage';\nimport { IsChanged } from '../helpers/state';\nimport { formMountMixin } from '../mixins';\nimport {\n  AutoFocusOptions,\n  CustomStorage,\n  DebuggerMessage,\n  DebugState,\n  DescopeUI,\n  FlowConfig,\n  FlowState,\n  FlowStateUpdateFn,\n  FlowStatus,\n  ProjectConfiguration,\n  SdkConfig,\n} from '../types';\n\n// this is replaced in build time\ndeclare const BUILD_VERSION: string;\n\nconst BaseClass = compose(\n  themeMixin,\n  staticResourcesMixin,\n  formMountMixin,\n  injectStyleMixin,\n)(HTMLElement);\n\n// this base class is responsible for WC initialization\nclass BaseDescopeWc extends BaseClass {\n  static get observedAttributes() {\n    return [\n      'project-id',\n      'flow-id',\n      'base-url',\n      'tenant',\n      'locale',\n      'debug',\n      'storage-prefix',\n      'preview',\n      'redirect-url',\n      'auto-focus',\n      'store-last-authenticated-user',\n      'refresh-cookie-name',\n      'keep-last-authenticated-user-after-logout',\n      'validate-on-blur',\n      'style-id',\n    ];\n  }\n\n  // this is a way for extending the sdk config from outside\n  static sdkConfigOverrides: Partial<SdkConfig> = {\n    baseHeaders: {\n      'x-descope-sdk-name': 'web-component',\n      'x-descope-sdk-version': BUILD_VERSION,\n    },\n  };\n\n  #init = false;\n\n  #customStorage: CustomStorage | undefined;\n\n  flowStatus: FlowStatus = 'initial';\n\n  loggerWrapper = {\n    error: (message: string, description = '') => {\n      this.logger.error(message, description, new Error());\n      this.#updateDebuggerMessages(message, description);\n    },\n    warn: (message: string, description = '') => {\n      this.logger.warn(message, description);\n    },\n    info: (message: string, description = '', state: any = {}) => {\n      this.logger.info(message, description, state);\n    },\n    debug: (message: string, description = '') => {\n      this.logger.debug(message, description);\n    },\n  };\n\n  #flowState = new State<FlowState>();\n\n  #debugState = new State<DebugState>();\n\n  #componentsContext = {};\n\n  getComponentsContext = () => this.#componentsContext;\n\n  nextRequestStatus = new State<{ isLoading: boolean }>({ isLoading: false });\n\n  rootElement: HTMLDivElement;\n\n  contentRootElement: HTMLDivElement;\n\n  slotElement: HTMLSlotElement;\n\n  #debuggerEle: HTMLElement & {\n    updateData: (data: DebuggerMessage | DebuggerMessage[]) => void;\n  };\n\n  #eventsCbRefs = {\n    popstate: this.#syncStateIdFromUrl.bind(this),\n    componentsContext: this.#handleComponentsContext.bind(this),\n  };\n\n  sdk: ReturnType<typeof createSdk>;\n\n  #updateExecState: FlowStateUpdateFn;\n\n  descopeUI: Promise<DescopeUI>;\n\n  constructor(updateExecState: FlowStateUpdateFn) {\n    super();\n    this.#updateExecState = updateExecState;\n\n    this.#initShadowDom();\n  }\n\n  #loadInitStyle() {\n    this.injectStyle(`\n    :host {\n\t\t\twidth: 100%;\n      display: block;\n\t\t}\n\n\t\t#root {\n\t\t\theight: 100%;\n      display: flex;\n      flex-direction: column;\n\t\t}\n\n    #content-root {\n      all: initial;\n      transition: opacity 200ms ease-in-out;\n    }\n\n\t\t#root[data-theme] {\n\t\t\tbackground-color: transparent;\n\t\t}\n\n\t\t.fade-out {\n\t\t\topacity: 0.1!important;\n\t\t}\n\n    .hidden {\n      display: none;\n    }\n    `);\n  }\n\n  #initShadowDom() {\n    this.#loadInitStyle();\n    this.slotElement = document.createElement('slot');\n    this.slotElement.classList.add('hidden');\n    this.rootElement.appendChild(this.slotElement);\n  }\n\n  get flowId() {\n    return this.getAttribute('flow-id');\n  }\n\n  get client() {\n    try {\n      return (JSON.parse(this.getAttribute('client')) || {}) as Record<\n        string,\n        any\n      >;\n    } catch (e) {\n      return {};\n    }\n  }\n\n  get redirectUrl() {\n    return this.getAttribute('redirect-url') || undefined;\n  }\n\n  get debug() {\n    return this.getAttribute('debug') === 'true';\n  }\n\n  get locale() {\n    return this.getAttribute('locale') || undefined;\n  }\n\n  get autoFocus(): AutoFocusOptions {\n    const res = this.getAttribute('auto-focus') ?? 'true';\n    if (res === 'skipFirstScreen') {\n      return res;\n    }\n    return res === 'true';\n  }\n\n  get validateOnBlur() {\n    return this.getAttribute('validate-on-blur') === 'true';\n  }\n\n  get storeLastAuthenticatedUser() {\n    const res = this.getAttribute('store-last-authenticated-user') ?? 'true';\n    return res === 'true';\n  }\n\n  get refreshCookieName() {\n    return this.getAttribute('refresh-cookie-name') || '';\n  }\n\n  get keepLastAuthenticatedUserAfterLogout() {\n    const res = this.getAttribute('keep-last-authenticated-user-after-logout');\n    return res === 'true';\n  }\n\n  get storagePrefix() {\n    return this.getAttribute('storage-prefix') || '';\n  }\n\n  get preview() {\n    return !!this.getAttribute('preview');\n  }\n\n  get formConfig() {\n    return transformFlowInputFormData(this.form);\n  }\n\n  get form() {\n    return this.getAttribute('form');\n  }\n\n  get formConfigValues() {\n    return extractNestedAttribute(this.formConfig, 'value');\n  }\n\n  get outboundAppId() {\n    return this.getAttribute('outbound-app-id');\n  }\n\n  get outboundAppScopes() {\n    try {\n      const scopes = JSON.parse(this.getAttribute('outbound-app-scopes'));\n      if (!scopes) return null;\n      return scopes;\n    } catch (err) {\n      return null;\n    }\n  }\n\n  get popupOrigin(): string | null {\n    return this.getAttribute('popup-origin');\n  }\n\n  // grouped getter/setter for customStorage\n  get customStorage(): CustomStorage | undefined {\n    return this.#customStorage;\n  }\n\n  set customStorage(storage: CustomStorage | undefined) {\n    if (storage && typeof storage.getItem !== 'function') {\n      throw new Error('Custom storage must have a getItem method');\n    }\n    if (storage && typeof storage.setItem !== 'function') {\n      throw new Error('Custom storage must have a setItem method');\n    }\n    if (storage && typeof storage.removeItem !== 'function') {\n      throw new Error('Custom storage must have a removeItem method');\n    }\n    this.#customStorage = storage;\n    setCustomStorage(storage);\n  }\n\n  #validateAttrs() {\n    const optionalAttributes = [\n      'base-url',\n      'tenant',\n      'locale',\n      'debug',\n      'redirect-url',\n      'auto-focus',\n      'store-last-authenticated-user',\n      'refresh-cookie-name',\n      'keep-last-authenticated-user-after-logout',\n      'preview',\n      'storage-prefix',\n      'form',\n      'client',\n      'validate-on-blur',\n      'style-id',\n      'outbound-app-id',\n      'outbound-app-scopes',\n      'theme-override',\n    ];\n\n    BaseDescopeWc.observedAttributes.forEach((attr: string) => {\n      if (!optionalAttributes.includes(attr) && !this[camelCase(attr)])\n        throw Error(`${attr} cannot be empty`);\n    });\n  }\n\n  #syncStateIdFromUrl() {\n    const { stepId, executionId } = getRunIdsFromUrl(this.flowId);\n    this.#flowState.update({ stepId, executionId });\n  }\n\n  #createSdk(projectId: string, baseUrl: string) {\n    if (!createSdk || typeof createSdk !== 'function') {\n      this.logger.error(\n        'SDK was not loaded properly',\n        createSdk,\n        JSON.stringify(createSdk),\n      );\n    }\n    const config: any = {\n      // Use persist tokens options in order to add existing tokens in outgoing requests (if they exists)\n      persistTokens: true,\n      preview: this.preview,\n      storagePrefix: this.storagePrefix,\n      storeLastAuthenticatedUser: this.storeLastAuthenticatedUser,\n      keepLastAuthenticatedUserAfterLogout:\n        this.keepLastAuthenticatedUserAfterLogout,\n      refreshCookieName: this.refreshCookieName,\n      ...BaseDescopeWc.sdkConfigOverrides,\n      projectId,\n      baseUrl,\n    };\n    if (this.#customStorage) {\n      config.customStorage = this.#customStorage;\n    }\n\n    this.sdk = createSdk(config);\n\n    // we are wrapping the next & start function so we can indicate the request status\n    ['start', 'next'].forEach((key) => {\n      const origFn = this.sdk.flow[key];\n      const fnWithRetry = withRetry(origFn, 1000, 3);\n\n      this.sdk.flow[key] = async (...args: Parameters<typeof origFn>) => {\n        try {\n          const resp = await fnWithRetry(...args);\n          return resp;\n        } catch (e) {\n          this.logger.error(`Error in sdk flow ${key} function`, e);\n          // return a generic error object in case of an error\n          return {\n            error: {\n              errorCode: FETCH_EXCEPTION_ERROR_CODE,\n              errorDescription: e.toString(),\n            },\n          };\n        }\n      };\n    });\n  }\n\n  async #onFlowChange(\n    currentState: FlowState,\n    _prevState: FlowState,\n    isChanged: IsChanged<FlowState>,\n  ) {\n    const { projectId, baseUrl } = currentState;\n\n    const shouldCreateSdkInstance =\n      isChanged('projectId') || isChanged('baseUrl');\n\n    if (shouldCreateSdkInstance) {\n      if (!projectId) return;\n      // Initialize the sdk when got a new project id\n      this.#createSdk(projectId, baseUrl);\n    }\n\n    // update runtime state\n    this.#updateExecState(currentState);\n  }\n\n  async #getIsFlowsVersionMismatch() {\n    const config = await this.getConfig();\n\n    return (\n      'isMissingConfig' in config &&\n      config.isMissingConfig &&\n      (await this.#isPrevVerConfig())\n    );\n  }\n\n  // we are not using fetchStaticResource here\n  // because we do not want to use the fallbacks mechanism\n  async #isPrevVerConfig() {\n    const prevVerConfigUrl = getContentUrl({\n      projectId: this.projectId,\n      filename: CONFIG_FILENAME,\n      assetsFolder: PREV_VER_ASSETS_FOLDER,\n      baseUrl: this.baseStaticUrl,\n    });\n    try {\n      await fetchContent(prevVerConfigUrl, 'json');\n      return true;\n    } catch (e) {\n      return false;\n    }\n  }\n\n  getConfig = async () => (await this.config) || { isMissingConfig: true };\n\n  #handleComponentsContext(e: CustomEvent) {\n    this.#componentsContext = { ...this.#componentsContext, ...e.detail };\n  }\n\n  get isRestartOnError() {\n    return this.getAttribute('restart-on-error') === 'true';\n  }\n\n  async getExecutionContext() {\n    const config = await this.getConfig();\n    return 'executionContext' in config ? config.executionContext : undefined;\n  }\n\n  #disableDebugger() {\n    this.#debuggerEle?.remove();\n    this.#debuggerEle = null;\n  }\n\n  async #handleDebugMode({ isDebug }) {\n    if (isDebug) {\n      this.#debuggerEle = document.createElement(\n        'descope-debugger',\n      ) as HTMLElement & {\n        updateData: (data: DebuggerMessage | DebuggerMessage[]) => void;\n      };\n\n      Object.assign(this.#debuggerEle.style, {\n        position: 'fixed',\n        top: '0',\n        right: '0',\n        height: '100vh',\n        width: '100vw',\n        pointerEvents: 'none',\n        zIndex: 99999,\n      });\n\n      // we are importing the debugger dynamically so we won't load it when it's not needed\n      await import('../debugger-wc');\n\n      document.body.appendChild(this.#debuggerEle);\n    } else {\n      this.#disableDebugger();\n    }\n  }\n\n  #updateDebuggerMessages(title: string, description: string) {\n    if (title && this.debug)\n      this.#debuggerEle?.updateData({ title, description });\n  }\n\n  async getProjectConfig(): Promise<ProjectConfiguration> {\n    const config = await this.getConfig();\n    return 'projectConfig' in config ? config.projectConfig : undefined;\n  }\n\n  async getFlowConfig(): Promise<FlowConfig> {\n    const projectConfig = await this.getProjectConfig();\n\n    const flowConfig =\n      projectConfig?.flows?.[this.flowId] || ({} as FlowConfig);\n    flowConfig.version ??= 0;\n    return flowConfig;\n  }\n\n  async getTargetLocales() {\n    const flowConfig = await this.getFlowConfig();\n    return (flowConfig?.targetLocales || []).map((locale: string) =>\n      locale.toLowerCase(),\n    );\n  }\n\n  handleKeyPress() {\n    this.logger.debug('Enable key press handler');\n    // we want to simulate submit when the user presses Enter\n    this.rootElement.onkeydown = (e) => {\n      // we do not want to submit the form if the focus is on a link element\n      const isLinkEleFocused =\n        !!this.shadowRoot.activeElement?.getAttribute('href');\n      const isIgnoredElementFocused = ELEMENTS_TO_IGNORE_ENTER_KEY_ON.includes(\n        this.shadowRoot.activeElement?.localName ?? '',\n      );\n\n      if (e.key !== 'Enter' || isLinkEleFocused || isIgnoredElementFocused)\n        return;\n\n      e.preventDefault();\n      const buttons: NodeListOf<HTMLButtonElement> =\n        this.rootElement.querySelectorAll('descope-button');\n\n      // in case there is a single button on the page, click on it\n      if (\n        buttons.length === 1 &&\n        buttons[0].getAttribute('auto-submit') !== 'false'\n      ) {\n        buttons[0].click();\n        return;\n      }\n\n      const autoSubmitButtons = Array.from(buttons).filter(\n        (button) => button.getAttribute('auto-submit') === 'true',\n      );\n      if (autoSubmitButtons.length === 1) {\n        autoSubmitButtons[0].click();\n        return;\n      }\n\n      const genericButtons = Array.from(buttons).filter(\n        (button) => button.getAttribute('data-type') === 'button',\n      );\n\n      // in case there is a single \"generic\" button on the page, click on it\n      if (genericButtons.length === 1) {\n        if (genericButtons[0].getAttribute('auto-submit') !== 'false') {\n          genericButtons[0].click();\n        }\n      } else if (genericButtons.length === 0) {\n        const ssoButtons = Array.from(buttons).filter(\n          (button) => button.getAttribute('data-type') === 'sso',\n        );\n\n        // in case there is a single \"sso\" button on the page, click on it\n        if (ssoButtons.length === 1) {\n          if (ssoButtons[0].getAttribute('auto-submit') !== 'false') {\n            ssoButtons[0].click();\n          }\n        }\n      }\n    };\n  }\n\n  disableKeyPressHandler() {\n    this.logger.debug('Disable key press handler');\n    this.rootElement.onkeydown = null;\n  }\n\n  async getComponentsVersion() {\n    const config = await this.getConfig();\n    const version =\n      'projectConfig' in config ? config.projectConfig?.componentsVersion : {};\n\n    if (version) return version;\n\n    this.logger.error('Did not get components version, using latest version');\n\n    return 'latest';\n  }\n\n  static descopeUI: any;\n\n  async init() {\n    this.flowStatus = 'loading';\n    ['ready', 'error', 'success'].forEach((status: FlowStatus) =>\n      this.addEventListener(status, () => {\n        this.flowStatus = status;\n      }),\n    );\n\n    await super.init?.();\n    this.#debugState.subscribe(this.#handleDebugMode.bind(this));\n    this.#debugState.update({ isDebug: this.debug });\n\n    this.#validateAttrs();\n\n    if (await this.#getIsFlowsVersionMismatch()) {\n      this.loggerWrapper.error(\n        'This SDK version does not support your flows version',\n        'Make sure to upgrade your flows to the latest version or use an older SDK version',\n      );\n\n      return;\n    }\n\n    const config = await this.getConfig();\n    if ('isMissingConfig' in config && config.isMissingConfig) {\n      this.loggerWrapper.error(\n        'Cannot get config file',\n        'Make sure that your projectId & flowId are correct',\n      );\n\n      return;\n    }\n\n    const {\n      executionId,\n      stepId,\n      token,\n      code,\n      isPopup,\n      exchangeError,\n      redirectAuthCallbackUrl,\n      redirectAuthBackupCallbackUri,\n      redirectAuthCodeChallenge,\n      redirectAuthInitiator,\n      ssoQueryParams,\n    } = handleUrlParams(this.flowId, this.loggerWrapper);\n\n    // we want to update the state when user clicks on back in the browser\n    window.addEventListener('popstate', this.#eventsCbRefs.popstate);\n\n    // adding event to listen to events coming from components (e.g. recaptcha risk token) that want to add data to the context\n    // this data will be sent to the server on the next request\n    window.addEventListener(\n      'components-context',\n      this.#eventsCbRefs.componentsContext,\n    );\n\n    this.#flowState.subscribe(this.#onFlowChange.bind(this));\n\n    this.#flowState.update({\n      projectId: this.projectId,\n      flowId: this.flowId,\n      baseUrl: this.baseUrl,\n      tenant: this.tenantId,\n      redirectUrl: this.redirectUrl,\n      locale: this.locale,\n      stepId,\n      executionId,\n      token,\n      code,\n      isPopup,\n      exchangeError,\n      redirectAuthCallbackUrl,\n      redirectAuthBackupCallbackUri,\n      redirectAuthCodeChallenge,\n      redirectAuthInitiator,\n      ...ssoQueryParams,\n    });\n\n    this.#init = true;\n  }\n\n  disconnectedCallback() {\n    this.#flowState.unsubscribeAll();\n    this.#debugState.unsubscribeAll();\n    this.#disableDebugger();\n    window.removeEventListener('popstate', this.#eventsCbRefs.popstate);\n    window.removeEventListener(\n      'components-context',\n      this.#eventsCbRefs.componentsContext,\n    );\n  }\n\n  attributeChangedCallback(\n    attrName: string,\n    oldValue: string,\n    newValue: string,\n  ) {\n    if (!this.shadowRoot.isConnected || !this.#init) return;\n\n    if (\n      oldValue !== newValue &&\n      BaseDescopeWc.observedAttributes.includes(attrName)\n    ) {\n      this.#validateAttrs();\n\n      const isInitialRun = oldValue === null;\n\n      this.#flowState.update(({ stepId, executionId }) => {\n        let newStepId = stepId;\n        let newExecutionId = executionId;\n\n        // If not initial run and we got a new project/flow, we want to restart the step\n        if (!isInitialRun) {\n          newExecutionId = null;\n          newStepId = null;\n          clearRunIdsFromUrl();\n        }\n\n        return {\n          [camelCase(attrName)]: newValue,\n          stepId: newStepId,\n          executionId: newExecutionId,\n        };\n      });\n\n      this.#debugState.update({ isDebug: this.debug });\n    }\n  }\n}\n\nexport default BaseDescopeWc;\n"],"names":["BaseClass","compose","themeMixin","staticResourcesMixin","formMountMixin","injectStyleMixin","HTMLElement","BaseDescopeWc","observedAttributes","constructor","updateExecState","super","_BaseDescopeWc_init","set","this","_BaseDescopeWc_customStorage","flowStatus","loggerWrapper","error","message","description","logger","Error","__classPrivateFieldGet","call","warn","info","state","debug","_BaseDescopeWc_flowState","State","_BaseDescopeWc_debugState","_BaseDescopeWc_componentsContext","getComponentsContext","nextRequestStatus","isLoading","_BaseDescopeWc_debuggerEle","_BaseDescopeWc_eventsCbRefs","popstate","_BaseDescopeWc_instances","_BaseDescopeWc_syncStateIdFromUrl","bind","componentsContext","_BaseDescopeWc_handleComponentsContext","_BaseDescopeWc_updateExecState","getConfig","config","isMissingConfig","__classPrivateFieldSet","_BaseDescopeWc_initShadowDom","flowId","getAttribute","client","JSON","parse","e","redirectUrl","undefined","locale","autoFocus","res","_b","validateOnBlur","storeLastAuthenticatedUser","refreshCookieName","keepLastAuthenticatedUserAfterLogout","storagePrefix","preview","formConfig","transformFlowInputFormData","form","formConfigValues","extractNestedAttribute","outboundAppId","outboundAppScopes","scopes","err","popupOrigin","customStorage","storage","getItem","setItem","removeItem","setCustomStorage","isRestartOnError","getExecutionContext","executionContext","getProjectConfig","projectConfig","getFlowConfig","flowConfig","flows","_c","version","getTargetLocales","targetLocales","map","toLowerCase","handleKeyPress","rootElement","onkeydown","isLinkEleFocused","shadowRoot","activeElement","isIgnoredElementFocused","ELEMENTS_TO_IGNORE_ENTER_KEY_ON","includes","localName","_d","key","preventDefault","buttons","querySelectorAll","length","click","autoSubmitButtons","Array","from","filter","button","genericButtons","ssoButtons","disableKeyPressHandler","getComponentsVersion","componentsVersion","init","forEach","status","addEventListener","_super","subscribe","_BaseDescopeWc_handleDebugMode","update","isDebug","_BaseDescopeWc_validateAttrs","_BaseDescopeWc_getIsFlowsVersionMismatch","executionId","stepId","token","code","isPopup","exchangeError","redirectAuthCallbackUrl","redirectAuthBackupCallbackUri","redirectAuthCodeChallenge","redirectAuthInitiator","ssoQueryParams","handleUrlParams","window","_BaseDescopeWc_onFlowChange","Object","assign","projectId","baseUrl","tenant","tenantId","disconnectedCallback","unsubscribeAll","_BaseDescopeWc_disableDebugger","removeEventListener","attributeChangedCallback","attrName","oldValue","newValue","isConnected","_a","isInitialRun","newStepId","newExecutionId","clearRunIdsFromUrl","camelCase","injectStyle","_BaseDescopeWc_loadInitStyle","slotElement","document","createElement","classList","add","appendChild","optionalAttributes","attr","getRunIdsFromUrl","_BaseDescopeWc_createSdk","createSdk","stringify","persistTokens","sdkConfigOverrides","sdk","origFn","flow","fnWithRetry","withRetry","args","__awaiter","errorCode","FETCH_EXCEPTION_ERROR_CODE","errorDescription","toString","currentState","_prevState","isChanged","_BaseDescopeWc_isPrevVerConfig","prevVerConfigUrl","getContentUrl","filename","CONFIG_FILENAME","assetsFolder","PREV_VER_ASSETS_FOLDER","baseStaticUrl","fetchContent","detail","remove","arguments","style","position","top","right","height","width","pointerEvents","zIndex","import","body","_BaseDescopeWc_updateDebuggerMessages","title","updateData","baseHeaders"],"mappings":"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"}
+{"version":3,"file":"BaseDescopeWc.js","sources":["../../../src/lib/descope-wc/BaseDescopeWc.ts"],"sourcesContent":["import { compose } from '@descope/sdk-helpers';\n// eslint-disable-next-line import/no-duplicates\nimport { staticResourcesMixin } from '@descope/sdk-mixins/static-resources-mixin';\n// eslint-disable-next-line import/no-duplicates\nimport { themeMixin } from '@descope/sdk-mixins/theme-mixin';\n// eslint-disable-next-line import/no-duplicates\nimport { injectStyleMixin } from '@descope/sdk-mixins/inject-style-mixin';\nimport { createSdk } from '@descope/web-js-sdk';\nimport {\n  CONFIG_FILENAME,\n  ELEMENTS_TO_IGNORE_ENTER_KEY_ON,\n  FETCH_EXCEPTION_ERROR_CODE,\n  PREV_VER_ASSETS_FOLDER,\n} from '../constants';\nimport {\n  camelCase,\n  clearRunIdsFromUrl,\n  fetchContent,\n  getContentUrl,\n  getRunIdsFromUrl,\n  handleUrlParams,\n  State,\n  withRetry,\n} from '../helpers';\nimport {\n  extractNestedAttribute,\n  transformFlowInputFormData,\n} from '../helpers/flowInputs';\nimport { setCustomStorage } from '../helpers/storage';\nimport { IsChanged } from '../helpers/state';\nimport { formMountMixin, componentConditionsMixin } from '../mixins';\nimport {\n  AutoFocusOptions,\n  CustomStorage,\n  DebuggerMessage,\n  DebugState,\n  DescopeUI,\n  FlowConfig,\n  FlowState,\n  FlowStateUpdateFn,\n  FlowStatus,\n  ProjectConfiguration,\n  SdkConfig,\n} from '../types';\n\n// this is replaced in build time\ndeclare const BUILD_VERSION: string;\n\nconst BaseClass = compose(\n  themeMixin,\n  staticResourcesMixin,\n  formMountMixin,\n  componentConditionsMixin,\n  injectStyleMixin,\n)(HTMLElement);\n\n// this base class is responsible for WC initialization\nclass BaseDescopeWc extends BaseClass {\n  static get observedAttributes() {\n    return [\n      'project-id',\n      'flow-id',\n      'base-url',\n      'tenant',\n      'locale',\n      'debug',\n      'storage-prefix',\n      'preview',\n      'redirect-url',\n      'auto-focus',\n      'store-last-authenticated-user',\n      'refresh-cookie-name',\n      'keep-last-authenticated-user-after-logout',\n      'validate-on-blur',\n      'style-id',\n    ];\n  }\n\n  // this is a way for extending the sdk config from outside\n  static sdkConfigOverrides: Partial<SdkConfig> = {\n    baseHeaders: {\n      'x-descope-sdk-name': 'web-component',\n      'x-descope-sdk-version': BUILD_VERSION,\n    },\n  };\n\n  #init = false;\n\n  #customStorage: CustomStorage | undefined;\n\n  flowStatus: FlowStatus = 'initial';\n\n  loggerWrapper = {\n    error: (message: string, description = '') => {\n      this.logger.error(message, description, new Error());\n      this.#updateDebuggerMessages(message, description);\n    },\n    warn: (message: string, description = '') => {\n      this.logger.warn(message, description);\n    },\n    info: (message: string, description = '', state: any = {}) => {\n      this.logger.info(message, description, state);\n    },\n    debug: (message: string, description = '') => {\n      this.logger.debug(message, description);\n    },\n  };\n\n  #flowState = new State<FlowState>();\n\n  #debugState = new State<DebugState>();\n\n  #componentsContext = {};\n\n  getComponentsContext = () => this.#componentsContext;\n\n  nextRequestStatus = new State<{ isLoading: boolean }>({ isLoading: false });\n\n  rootElement: HTMLDivElement;\n\n  contentRootElement: HTMLDivElement;\n\n  slotElement: HTMLSlotElement;\n\n  #debuggerEle: HTMLElement & {\n    updateData: (data: DebuggerMessage | DebuggerMessage[]) => void;\n  };\n\n  #eventsCbRefs = {\n    popstate: this.#syncStateIdFromUrl.bind(this),\n    componentsContext: this.#handleComponentsContext.bind(this),\n  };\n\n  sdk: ReturnType<typeof createSdk>;\n\n  #updateExecState: FlowStateUpdateFn;\n\n  descopeUI: Promise<DescopeUI>;\n\n  constructor(updateExecState: FlowStateUpdateFn) {\n    super();\n    this.#updateExecState = updateExecState;\n\n    this.#initShadowDom();\n  }\n\n  #loadInitStyle() {\n    this.injectStyle(`\n    :host {\n\t\t\twidth: 100%;\n      display: block;\n\t\t}\n\n\t\t#root {\n\t\t\theight: 100%;\n      display: flex;\n      flex-direction: column;\n\t\t}\n\n    #content-root {\n      all: initial;\n      transition: opacity 200ms ease-in-out;\n    }\n\n\t\t#root[data-theme] {\n\t\t\tbackground-color: transparent;\n\t\t}\n\n\t\t.fade-out {\n\t\t\topacity: 0.1!important;\n\t\t}\n\n    .hidden {\n      display: none;\n    }\n    `);\n  }\n\n  #initShadowDom() {\n    this.#loadInitStyle();\n    this.slotElement = document.createElement('slot');\n    this.slotElement.classList.add('hidden');\n    this.rootElement.appendChild(this.slotElement);\n  }\n\n  get flowId() {\n    return this.getAttribute('flow-id');\n  }\n\n  get client() {\n    try {\n      return (JSON.parse(this.getAttribute('client')) || {}) as Record<\n        string,\n        any\n      >;\n    } catch (e) {\n      return {};\n    }\n  }\n\n  get redirectUrl() {\n    return this.getAttribute('redirect-url') || undefined;\n  }\n\n  get debug() {\n    return this.getAttribute('debug') === 'true';\n  }\n\n  get locale() {\n    return this.getAttribute('locale') || undefined;\n  }\n\n  get autoFocus(): AutoFocusOptions {\n    const res = this.getAttribute('auto-focus') ?? 'true';\n    if (res === 'skipFirstScreen') {\n      return res;\n    }\n    return res === 'true';\n  }\n\n  get validateOnBlur() {\n    return this.getAttribute('validate-on-blur') === 'true';\n  }\n\n  get storeLastAuthenticatedUser() {\n    const res = this.getAttribute('store-last-authenticated-user') ?? 'true';\n    return res === 'true';\n  }\n\n  get refreshCookieName() {\n    return this.getAttribute('refresh-cookie-name') || '';\n  }\n\n  get keepLastAuthenticatedUserAfterLogout() {\n    const res = this.getAttribute('keep-last-authenticated-user-after-logout');\n    return res === 'true';\n  }\n\n  get storagePrefix() {\n    return this.getAttribute('storage-prefix') || '';\n  }\n\n  get preview() {\n    return !!this.getAttribute('preview');\n  }\n\n  get formConfig() {\n    return transformFlowInputFormData(this.form);\n  }\n\n  get form() {\n    return this.getAttribute('form');\n  }\n\n  get formConfigValues() {\n    return extractNestedAttribute(this.formConfig, 'value');\n  }\n\n  get outboundAppId() {\n    return this.getAttribute('outbound-app-id');\n  }\n\n  get outboundAppScopes() {\n    try {\n      const scopes = JSON.parse(this.getAttribute('outbound-app-scopes'));\n      if (!scopes) return null;\n      return scopes;\n    } catch (err) {\n      return null;\n    }\n  }\n\n  get popupOrigin(): string | null {\n    return this.getAttribute('popup-origin');\n  }\n\n  // grouped getter/setter for customStorage\n  get customStorage(): CustomStorage | undefined {\n    return this.#customStorage;\n  }\n\n  set customStorage(storage: CustomStorage | undefined) {\n    if (storage && typeof storage.getItem !== 'function') {\n      throw new Error('Custom storage must have a getItem method');\n    }\n    if (storage && typeof storage.setItem !== 'function') {\n      throw new Error('Custom storage must have a setItem method');\n    }\n    if (storage && typeof storage.removeItem !== 'function') {\n      throw new Error('Custom storage must have a removeItem method');\n    }\n    this.#customStorage = storage;\n    setCustomStorage(storage);\n  }\n\n  #validateAttrs() {\n    const optionalAttributes = [\n      'base-url',\n      'tenant',\n      'locale',\n      'debug',\n      'redirect-url',\n      'auto-focus',\n      'store-last-authenticated-user',\n      'refresh-cookie-name',\n      'keep-last-authenticated-user-after-logout',\n      'preview',\n      'storage-prefix',\n      'form',\n      'client',\n      'validate-on-blur',\n      'style-id',\n      'outbound-app-id',\n      'outbound-app-scopes',\n      'theme-override',\n    ];\n\n    BaseDescopeWc.observedAttributes.forEach((attr: string) => {\n      if (!optionalAttributes.includes(attr) && !this[camelCase(attr)])\n        throw Error(`${attr} cannot be empty`);\n    });\n  }\n\n  #syncStateIdFromUrl() {\n    const { stepId, executionId } = getRunIdsFromUrl(this.flowId);\n    this.#flowState.update({ stepId, executionId });\n  }\n\n  #createSdk(projectId: string, baseUrl: string) {\n    if (!createSdk || typeof createSdk !== 'function') {\n      this.logger.error(\n        'SDK was not loaded properly',\n        createSdk,\n        JSON.stringify(createSdk),\n      );\n    }\n    const config: any = {\n      // Use persist tokens options in order to add existing tokens in outgoing requests (if they exists)\n      persistTokens: true,\n      preview: this.preview,\n      storagePrefix: this.storagePrefix,\n      storeLastAuthenticatedUser: this.storeLastAuthenticatedUser,\n      keepLastAuthenticatedUserAfterLogout:\n        this.keepLastAuthenticatedUserAfterLogout,\n      refreshCookieName: this.refreshCookieName,\n      ...BaseDescopeWc.sdkConfigOverrides,\n      projectId,\n      baseUrl,\n    };\n    if (this.#customStorage) {\n      config.customStorage = this.#customStorage;\n    }\n\n    this.sdk = createSdk(config);\n\n    // we are wrapping the next & start function so we can indicate the request status\n    ['start', 'next'].forEach((key) => {\n      const origFn = this.sdk.flow[key];\n      const fnWithRetry = withRetry(origFn, 1000, 3);\n\n      this.sdk.flow[key] = async (...args: Parameters<typeof origFn>) => {\n        try {\n          const resp = await fnWithRetry(...args);\n          return resp;\n        } catch (e) {\n          this.logger.error(`Error in sdk flow ${key} function`, e);\n          // return a generic error object in case of an error\n          return {\n            error: {\n              errorCode: FETCH_EXCEPTION_ERROR_CODE,\n              errorDescription: e.toString(),\n            },\n          };\n        }\n      };\n    });\n  }\n\n  async #onFlowChange(\n    currentState: FlowState,\n    _prevState: FlowState,\n    isChanged: IsChanged<FlowState>,\n  ) {\n    const { projectId, baseUrl } = currentState;\n\n    const shouldCreateSdkInstance =\n      isChanged('projectId') || isChanged('baseUrl');\n\n    if (shouldCreateSdkInstance) {\n      if (!projectId) return;\n      // Initialize the sdk when got a new project id\n      this.#createSdk(projectId, baseUrl);\n    }\n\n    // update runtime state\n    this.#updateExecState(currentState);\n  }\n\n  async #getIsFlowsVersionMismatch() {\n    const config = await this.getConfig();\n\n    return (\n      'isMissingConfig' in config &&\n      config.isMissingConfig &&\n      (await this.#isPrevVerConfig())\n    );\n  }\n\n  // we are not using fetchStaticResource here\n  // because we do not want to use the fallbacks mechanism\n  async #isPrevVerConfig() {\n    const prevVerConfigUrl = getContentUrl({\n      projectId: this.projectId,\n      filename: CONFIG_FILENAME,\n      assetsFolder: PREV_VER_ASSETS_FOLDER,\n      baseUrl: this.baseStaticUrl,\n    });\n    try {\n      await fetchContent(prevVerConfigUrl, 'json');\n      return true;\n    } catch (e) {\n      return false;\n    }\n  }\n\n  getConfig = async () => (await this.config) || { isMissingConfig: true };\n\n  #handleComponentsContext(e: CustomEvent) {\n    this.#componentsContext = { ...this.#componentsContext, ...e.detail };\n  }\n\n  get isRestartOnError() {\n    return this.getAttribute('restart-on-error') === 'true';\n  }\n\n  async getExecutionContext() {\n    const config = await this.getConfig();\n    return 'executionContext' in config ? config.executionContext : undefined;\n  }\n\n  #disableDebugger() {\n    this.#debuggerEle?.remove();\n    this.#debuggerEle = null;\n  }\n\n  async #handleDebugMode({ isDebug }) {\n    if (isDebug) {\n      this.#debuggerEle = document.createElement(\n        'descope-debugger',\n      ) as HTMLElement & {\n        updateData: (data: DebuggerMessage | DebuggerMessage[]) => void;\n      };\n\n      Object.assign(this.#debuggerEle.style, {\n        position: 'fixed',\n        top: '0',\n        right: '0',\n        height: '100vh',\n        width: '100vw',\n        pointerEvents: 'none',\n        zIndex: 99999,\n      });\n\n      // we are importing the debugger dynamically so we won't load it when it's not needed\n      await import('../debugger-wc');\n\n      document.body.appendChild(this.#debuggerEle);\n    } else {\n      this.#disableDebugger();\n    }\n  }\n\n  #updateDebuggerMessages(title: string, description: string) {\n    if (title && this.debug)\n      this.#debuggerEle?.updateData({ title, description });\n  }\n\n  async getProjectConfig(): Promise<ProjectConfiguration> {\n    const config = await this.getConfig();\n    return 'projectConfig' in config ? config.projectConfig : undefined;\n  }\n\n  async getFlowConfig(): Promise<FlowConfig> {\n    const projectConfig = await this.getProjectConfig();\n\n    const flowConfig =\n      projectConfig?.flows?.[this.flowId] || ({} as FlowConfig);\n    flowConfig.version ??= 0;\n    return flowConfig;\n  }\n\n  async getTargetLocales() {\n    const flowConfig = await this.getFlowConfig();\n    return (flowConfig?.targetLocales || []).map((locale: string) =>\n      locale.toLowerCase(),\n    );\n  }\n\n  handleKeyPress() {\n    this.logger.debug('Enable key press handler');\n    // we want to simulate submit when the user presses Enter\n    this.rootElement.onkeydown = (e) => {\n      // we do not want to submit the form if the focus is on a link element\n      const isLinkEleFocused =\n        !!this.shadowRoot.activeElement?.getAttribute('href');\n      const isIgnoredElementFocused = ELEMENTS_TO_IGNORE_ENTER_KEY_ON.includes(\n        this.shadowRoot.activeElement?.localName ?? '',\n      );\n\n      if (e.key !== 'Enter' || isLinkEleFocused || isIgnoredElementFocused)\n        return;\n\n      e.preventDefault();\n      const buttons: NodeListOf<HTMLButtonElement> =\n        this.rootElement.querySelectorAll('descope-button');\n\n      // in case there is a single button on the page, click on it\n      if (\n        buttons.length === 1 &&\n        buttons[0].getAttribute('auto-submit') !== 'false'\n      ) {\n        buttons[0].click();\n        return;\n      }\n\n      const autoSubmitButtons = Array.from(buttons).filter(\n        (button) => button.getAttribute('auto-submit') === 'true',\n      );\n      if (autoSubmitButtons.length === 1) {\n        autoSubmitButtons[0].click();\n        return;\n      }\n\n      const genericButtons = Array.from(buttons).filter(\n        (button) => button.getAttribute('data-type') === 'button',\n      );\n\n      // in case there is a single \"generic\" button on the page, click on it\n      if (genericButtons.length === 1) {\n        if (genericButtons[0].getAttribute('auto-submit') !== 'false') {\n          genericButtons[0].click();\n        }\n      } else if (genericButtons.length === 0) {\n        const ssoButtons = Array.from(buttons).filter(\n          (button) => button.getAttribute('data-type') === 'sso',\n        );\n\n        // in case there is a single \"sso\" button on the page, click on it\n        if (ssoButtons.length === 1) {\n          if (ssoButtons[0].getAttribute('auto-submit') !== 'false') {\n            ssoButtons[0].click();\n          }\n        }\n      }\n    };\n  }\n\n  disableKeyPressHandler() {\n    this.logger.debug('Disable key press handler');\n    this.rootElement.onkeydown = null;\n  }\n\n  async getComponentsVersion() {\n    const config = await this.getConfig();\n    const version =\n      'projectConfig' in config ? config.projectConfig?.componentsVersion : {};\n\n    if (version) return version;\n\n    this.logger.error('Did not get components version, using latest version');\n\n    return 'latest';\n  }\n\n  static descopeUI: any;\n\n  async init() {\n    this.flowStatus = 'loading';\n    ['ready', 'error', 'success'].forEach((status: FlowStatus) =>\n      this.addEventListener(status, () => {\n        this.flowStatus = status;\n      }),\n    );\n\n    await super.init?.();\n    this.#debugState.subscribe(this.#handleDebugMode.bind(this));\n    this.#debugState.update({ isDebug: this.debug });\n\n    this.#validateAttrs();\n\n    if (await this.#getIsFlowsVersionMismatch()) {\n      this.loggerWrapper.error(\n        'This SDK version does not support your flows version',\n        'Make sure to upgrade your flows to the latest version or use an older SDK version',\n      );\n\n      return;\n    }\n\n    const config = await this.getConfig();\n    if ('isMissingConfig' in config && config.isMissingConfig) {\n      this.loggerWrapper.error(\n        'Cannot get config file',\n        'Make sure that your projectId & flowId are correct',\n      );\n\n      return;\n    }\n\n    const {\n      executionId,\n      stepId,\n      token,\n      code,\n      isPopup,\n      exchangeError,\n      redirectAuthCallbackUrl,\n      redirectAuthBackupCallbackUri,\n      redirectAuthCodeChallenge,\n      redirectAuthInitiator,\n      ssoQueryParams,\n    } = handleUrlParams(this.flowId, this.loggerWrapper);\n\n    // we want to update the state when user clicks on back in the browser\n    window.addEventListener('popstate', this.#eventsCbRefs.popstate);\n\n    // adding event to listen to events coming from components (e.g. recaptcha risk token) that want to add data to the context\n    // this data will be sent to the server on the next request\n    window.addEventListener(\n      'components-context',\n      this.#eventsCbRefs.componentsContext,\n    );\n\n    this.#flowState.subscribe(this.#onFlowChange.bind(this));\n\n    this.#flowState.update({\n      projectId: this.projectId,\n      flowId: this.flowId,\n      baseUrl: this.baseUrl,\n      tenant: this.tenantId,\n      redirectUrl: this.redirectUrl,\n      locale: this.locale,\n      stepId,\n      executionId,\n      token,\n      code,\n      isPopup,\n      exchangeError,\n      redirectAuthCallbackUrl,\n      redirectAuthBackupCallbackUri,\n      redirectAuthCodeChallenge,\n      redirectAuthInitiator,\n      ...ssoQueryParams,\n    });\n\n    this.#init = true;\n  }\n\n  disconnectedCallback() {\n    this.#flowState.unsubscribeAll();\n    this.#debugState.unsubscribeAll();\n    this.#disableDebugger();\n    window.removeEventListener('popstate', this.#eventsCbRefs.popstate);\n    window.removeEventListener(\n      'components-context',\n      this.#eventsCbRefs.componentsContext,\n    );\n    // Forward to the composed mixin chain so each mixin's\n    // disconnectedCallback (e.g. componentConditionsMixin) gets to clean up.\n    // Without this, mixin disconnectedCallbacks are dead code.\n    super.disconnectedCallback?.();\n  }\n\n  attributeChangedCallback(\n    attrName: string,\n    oldValue: string,\n    newValue: string,\n  ) {\n    if (!this.shadowRoot.isConnected || !this.#init) return;\n\n    if (\n      oldValue !== newValue &&\n      BaseDescopeWc.observedAttributes.includes(attrName)\n    ) {\n      this.#validateAttrs();\n\n      const isInitialRun = oldValue === null;\n\n      this.#flowState.update(({ stepId, executionId }) => {\n        let newStepId = stepId;\n        let newExecutionId = executionId;\n\n        // If not initial run and we got a new project/flow, we want to restart the step\n        if (!isInitialRun) {\n          newExecutionId = null;\n          newStepId = null;\n          clearRunIdsFromUrl();\n        }\n\n        return {\n          [camelCase(attrName)]: newValue,\n          stepId: newStepId,\n          executionId: newExecutionId,\n        };\n      });\n\n      this.#debugState.update({ isDebug: this.debug });\n    }\n  }\n}\n\nexport default BaseDescopeWc;\n"],"names":["BaseClass","compose","themeMixin","staticResourcesMixin","formMountMixin","componentConditionsMixin","injectStyleMixin","HTMLElement","BaseDescopeWc","observedAttributes","constructor","updateExecState","super","_BaseDescopeWc_init","set","this","_BaseDescopeWc_customStorage","flowStatus","loggerWrapper","error","message","description","logger","Error","__classPrivateFieldGet","call","warn","info","state","debug","_BaseDescopeWc_flowState","State","_BaseDescopeWc_debugState","_BaseDescopeWc_componentsContext","getComponentsContext","nextRequestStatus","isLoading","_BaseDescopeWc_debuggerEle","_BaseDescopeWc_eventsCbRefs","popstate","_BaseDescopeWc_instances","_BaseDescopeWc_syncStateIdFromUrl","bind","componentsContext","_BaseDescopeWc_handleComponentsContext","_BaseDescopeWc_updateExecState","getConfig","config","isMissingConfig","__classPrivateFieldSet","_BaseDescopeWc_initShadowDom","flowId","getAttribute","client","JSON","parse","e","redirectUrl","undefined","locale","autoFocus","res","_b","validateOnBlur","storeLastAuthenticatedUser","refreshCookieName","keepLastAuthenticatedUserAfterLogout","storagePrefix","preview","formConfig","transformFlowInputFormData","form","formConfigValues","extractNestedAttribute","outboundAppId","outboundAppScopes","scopes","err","popupOrigin","customStorage","storage","getItem","setItem","removeItem","setCustomStorage","isRestartOnError","getExecutionContext","executionContext","getProjectConfig","projectConfig","getFlowConfig","flowConfig","flows","_c","version","getTargetLocales","targetLocales","map","toLowerCase","handleKeyPress","rootElement","onkeydown","isLinkEleFocused","shadowRoot","activeElement","isIgnoredElementFocused","ELEMENTS_TO_IGNORE_ENTER_KEY_ON","includes","localName","_d","key","preventDefault","buttons","querySelectorAll","length","click","autoSubmitButtons","Array","from","filter","button","genericButtons","ssoButtons","disableKeyPressHandler","getComponentsVersion","componentsVersion","init","forEach","status","addEventListener","_super","subscribe","_BaseDescopeWc_handleDebugMode","update","isDebug","_BaseDescopeWc_validateAttrs","_BaseDescopeWc_getIsFlowsVersionMismatch","executionId","stepId","token","code","isPopup","exchangeError","redirectAuthCallbackUrl","redirectAuthBackupCallbackUri","redirectAuthCodeChallenge","redirectAuthInitiator","ssoQueryParams","handleUrlParams","window","_BaseDescopeWc_onFlowChange","Object","assign","projectId","baseUrl","tenant","tenantId","disconnectedCallback","unsubscribeAll","_BaseDescopeWc_disableDebugger","removeEventListener","attributeChangedCallback","attrName","oldValue","newValue","isConnected","_a","isInitialRun","newStepId","newExecutionId","clearRunIdsFromUrl","camelCase","injectStyle","_BaseDescopeWc_loadInitStyle","slotElement","document","createElement","classList","add","appendChild","optionalAttributes","attr","getRunIdsFromUrl","_BaseDescopeWc_createSdk","createSdk","stringify","persistTokens","sdkConfigOverrides","sdk","origFn","flow","fnWithRetry","withRetry","args","__awaiter","errorCode","FETCH_EXCEPTION_ERROR_CODE","errorDescription","toString","currentState","_prevState","isChanged","_BaseDescopeWc_isPrevVerConfig","prevVerConfigUrl","getContentUrl","filename","CONFIG_FILENAME","assetsFolder","PREV_VER_ASSETS_FOLDER","baseStaticUrl","fetchContent","detail","remove","arguments","style","position","top","right","height","width","pointerEvents","zIndex","import","body","_BaseDescopeWc_updateDebuggerMessages","title","updateData","baseHeaders"],"mappings":"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"}