@descope/web-component 3.33.0 → 3.34.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (104) hide show
  1. package/README.md +64 -13
  2. package/dist/cjs/constants/content.js +1 -0
  3. package/dist/cjs/constants/content.js.map +1 -0
  4. package/dist/cjs/constants/customScreens.js +2 -0
  5. package/dist/cjs/constants/customScreens.js.map +1 -0
  6. package/dist/cjs/constants/general.js +1 -0
  7. package/dist/cjs/constants/general.js.map +1 -0
  8. package/dist/cjs/constants/index.js +1 -0
  9. package/dist/cjs/constants/index.js.map +1 -0
  10. package/dist/cjs/constants/uiComponents.js +1 -0
  11. package/dist/cjs/constants/uiComponents.js.map +1 -0
  12. package/dist/cjs/debugger-wc.js +1 -0
  13. package/dist/cjs/debugger-wc.js.map +1 -0
  14. package/dist/cjs/descope-wc/BaseDescopeWc.js +2 -1
  15. package/dist/cjs/descope-wc/BaseDescopeWc.js.map +1 -0
  16. package/dist/cjs/descope-wc/DescopeWc.js +2 -1
  17. package/dist/cjs/descope-wc/DescopeWc.js.map +1 -0
  18. package/dist/cjs/descope-wc/index.js +1 -0
  19. package/dist/cjs/descope-wc/index.js.map +1 -0
  20. package/dist/cjs/descope-wc/initTemplate.js +2 -1
  21. package/dist/cjs/descope-wc/initTemplate.js.map +1 -0
  22. package/dist/cjs/descope-wc/sdkScripts/fingerprint.js +1 -0
  23. package/dist/cjs/descope-wc/sdkScripts/fingerprint.js.map +1 -0
  24. package/dist/cjs/descope-wc/sdkScripts/fingerprintDescope.js +1 -0
  25. package/dist/cjs/descope-wc/sdkScripts/fingerprintDescope.js.map +1 -0
  26. package/dist/cjs/descope-wc/sdkScripts/forter.js +1 -0
  27. package/dist/cjs/descope-wc/sdkScripts/forter.js.map +1 -0
  28. package/dist/cjs/descope-wc/sdkScripts/index.js +1 -0
  29. package/dist/cjs/descope-wc/sdkScripts/index.js.map +1 -0
  30. package/dist/cjs/helpers/abTestingKey.js +1 -0
  31. package/dist/cjs/helpers/abTestingKey.js.map +1 -0
  32. package/dist/cjs/helpers/conditions.js +2 -1
  33. package/dist/cjs/helpers/conditions.js.map +1 -0
  34. package/dist/cjs/helpers/flowInputs.js +1 -0
  35. package/dist/cjs/helpers/flowInputs.js.map +1 -0
  36. package/dist/cjs/helpers/helpers.js +2 -1
  37. package/dist/cjs/helpers/helpers.js.map +1 -0
  38. package/dist/cjs/helpers/lastAuth.js +1 -0
  39. package/dist/cjs/helpers/lastAuth.js.map +1 -0
  40. package/dist/cjs/helpers/positionHelpers.js +1 -0
  41. package/dist/cjs/helpers/positionHelpers.js.map +1 -0
  42. package/dist/cjs/helpers/state.js +2 -1
  43. package/dist/cjs/helpers/state.js.map +1 -0
  44. package/dist/cjs/helpers/templates.js +1 -0
  45. package/dist/cjs/helpers/templates.js.map +1 -0
  46. package/dist/cjs/helpers/webauthn.js +1 -0
  47. package/dist/cjs/helpers/webauthn.js.map +1 -0
  48. package/dist/cjs/mixins/formMountMixin.js +1 -0
  49. package/dist/cjs/mixins/formMountMixin.js.map +1 -0
  50. package/dist/cjs/types.js +1 -0
  51. package/dist/cjs/types.js.map +1 -0
  52. package/dist/esm/constants/content.js +1 -0
  53. package/dist/esm/constants/content.js.map +1 -0
  54. package/dist/esm/constants/customScreens.js +2 -0
  55. package/dist/esm/constants/customScreens.js.map +1 -0
  56. package/dist/esm/constants/general.js +1 -0
  57. package/dist/esm/constants/general.js.map +1 -0
  58. package/dist/esm/constants/index.js +1 -0
  59. package/dist/esm/constants/index.js.map +1 -0
  60. package/dist/esm/constants/uiComponents.js +1 -0
  61. package/dist/esm/constants/uiComponents.js.map +1 -0
  62. package/dist/esm/debugger-wc.js +1 -0
  63. package/dist/esm/debugger-wc.js.map +1 -0
  64. package/dist/esm/descope-wc/BaseDescopeWc.js +2 -1
  65. package/dist/esm/descope-wc/BaseDescopeWc.js.map +1 -0
  66. package/dist/esm/descope-wc/DescopeWc.js +2 -1
  67. package/dist/esm/descope-wc/DescopeWc.js.map +1 -0
  68. package/dist/esm/descope-wc/index.js +1 -0
  69. package/dist/esm/descope-wc/index.js.map +1 -0
  70. package/dist/esm/descope-wc/initTemplate.js +2 -1
  71. package/dist/esm/descope-wc/initTemplate.js.map +1 -0
  72. package/dist/esm/descope-wc/sdkScripts/fingerprint.js +1 -0
  73. package/dist/esm/descope-wc/sdkScripts/fingerprint.js.map +1 -0
  74. package/dist/esm/descope-wc/sdkScripts/fingerprintDescope.js +1 -0
  75. package/dist/esm/descope-wc/sdkScripts/fingerprintDescope.js.map +1 -0
  76. package/dist/esm/descope-wc/sdkScripts/forter.js +1 -0
  77. package/dist/esm/descope-wc/sdkScripts/forter.js.map +1 -0
  78. package/dist/esm/descope-wc/sdkScripts/index.js +1 -0
  79. package/dist/esm/descope-wc/sdkScripts/index.js.map +1 -0
  80. package/dist/esm/helpers/abTestingKey.js +1 -0
  81. package/dist/esm/helpers/abTestingKey.js.map +1 -0
  82. package/dist/esm/helpers/conditions.js +2 -1
  83. package/dist/esm/helpers/conditions.js.map +1 -0
  84. package/dist/esm/helpers/flowInputs.js +1 -0
  85. package/dist/esm/helpers/flowInputs.js.map +1 -0
  86. package/dist/esm/helpers/helpers.js +2 -1
  87. package/dist/esm/helpers/helpers.js.map +1 -0
  88. package/dist/esm/helpers/lastAuth.js +1 -0
  89. package/dist/esm/helpers/lastAuth.js.map +1 -0
  90. package/dist/esm/helpers/positionHelpers.js +1 -0
  91. package/dist/esm/helpers/positionHelpers.js.map +1 -0
  92. package/dist/esm/helpers/state.js +2 -1
  93. package/dist/esm/helpers/state.js.map +1 -0
  94. package/dist/esm/helpers/templates.js +1 -0
  95. package/dist/esm/helpers/templates.js.map +1 -0
  96. package/dist/esm/helpers/webauthn.js +1 -0
  97. package/dist/esm/helpers/webauthn.js.map +1 -0
  98. package/dist/esm/mixins/formMountMixin.js +1 -0
  99. package/dist/esm/mixins/formMountMixin.js.map +1 -0
  100. package/dist/esm/types.js +1 -0
  101. package/dist/esm/types.js.map +1 -0
  102. package/dist/index.d.ts +78 -46
  103. package/dist/index.js +2 -2
  104. package/package.json +4 -4
@@ -0,0 +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\nconst replaceElementMessage = (\n baseEle: DocumentFragment,\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 const componentClass:\n | (CustomElementConstructor & { cssVarList: CssVars })\n | undefined = customElements.get(componentName) as any;\n\n if (!componentClass) {\n logger.info(\n `Could not find component class for ${componentName}`,\n 'Check if the component is registered',\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 // collect components that needs configuration from DOM\n Object.keys(componentsConfig).forEach((componentName) => {\n baseEle.querySelectorAll(`[name=${componentName}]`).forEach((comp) => {\n const config = componentsConfig[componentName];\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 */\nexport const updateTemplateFromScreenState = (\n baseEle: DocumentFragment,\n screenState?: ScreenState,\n componentsConfig?: ComponentsConfig,\n flowInputs?: Record<string, string>,\n errorTransformer?: (error: { text: string; type: string }) => string,\n logger?: { error: (message: string, description: string) => void },\n) => {\n let errorText = screenState?.errorText;\n try {\n errorText =\n errorTransformer?.({\n text: screenState?.errorText,\n type: screenState?.errorType,\n }) || screenState?.errorText;\n } catch (e) {\n logger.error('Error transforming error message', e.message);\n }\n replaceElementMessage(baseEle, 'error-message', errorText);\n replaceHrefByDataType(baseEle, 'totp-link', screenState?.totp?.provisionUrl);\n replaceHrefByDataType(baseEle, 'notp-link', screenState?.notp?.redirectUrl);\n replaceElementTemplates(baseEle, screenState);\n setElementConfig(baseEle, 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 setPhoneAutoDetectDefaultCode = (\n fragment: DocumentFragment,\n autoDetectCode?: string,\n) => {\n Array.from(fragment.querySelectorAll('[default-code=\"autoDetect\"]')).forEach(\n (phoneEle) => {\n phoneEle.setAttribute('default-code', autoDetectCode);\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","nextPageTemplate","cssVars","logger","keys","componentName","querySelector","debug","componentClass","cssVarKey","componentCssVars","varName","info","autoDetectCode","phoneEle","inputs","form","componentsConfig","flowInputs","errorTransformer","errorText","type","errorType","e","error","message","eleType","textContent","classList","replaceElementMessage","totp","notp","redirectUrl","inEle","shouldHandleMarkdown","localName","href","getAttribute","replaceElementTemplates","comp","config","attr","JSON","stringify","setElementConfig","HAS_DYNAMIC_VALUES_ATTR_NAME","attributes","replaceTemplateDynamicAttrValues","formData","attrName","attrValue","includes","setFormConfigValues"],"mappings":"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"}
@@ -1 +1,2 @@
1
1
  "use strict";var i=require("tslib"),e=require("./helpers.js");const o=e.withMemCache((()=>i.__awaiter(void 0,void 0,void 0,(function*(){var i,o;if(!window.PublicKeyCredential||!PublicKeyCredential.isConditionalMediationAvailable||!PublicKeyCredential.isUserVerifyingPlatformAuthenticatorAvailable)return!1;try{const r=Promise.all([null===(i=window.PublicKeyCredential)||void 0===i?void 0:i.isConditionalMediationAvailable(),null===(o=window.PublicKeyCredential)||void 0===o?void 0:o.isUserVerifyingPlatformAuthenticatorAvailable()]).then((i=>i.every((i=>!!i)))),t=e.getChromiumVersion()>=108;return yield e.timeoutPromise(100,r,t)}catch(i){return console.error("Conditional login check failed",i),!1}}))));exports.isConditionalLoginSupported=o;
2
+ //# sourceMappingURL=webauthn.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"webauthn.js","sources":["../../../src/lib/helpers/webauthn.ts"],"sourcesContent":["/* eslint @typescript-eslint/no-use-before-define: 0 */\n\nimport { withMemCache, timeoutPromise, getChromiumVersion } from './helpers';\n\nconst CHROMIUM_VERSION_THAT_SUPPORTS_PASSKEYS = 108;\n\n// eslint-disable-next-line import/prefer-default-export\nexport const isConditionalLoginSupported = withMemCache(async () => {\n if (\n !window.PublicKeyCredential ||\n !(<any>PublicKeyCredential).isConditionalMediationAvailable ||\n !PublicKeyCredential.isUserVerifyingPlatformAuthenticatorAvailable\n ) {\n return false;\n }\n try {\n const isSupported = Promise.all([\n (<any>window.PublicKeyCredential)?.isConditionalMediationAvailable(),\n window.PublicKeyCredential?.isUserVerifyingPlatformAuthenticatorAvailable(),\n ]).then((arr) => arr.every((value) => !!value));\n\n // when using Dashlane Chrome extension, \"isConditionalMediationAvailable\" never resolved and the app hangs\n // if timeout exceeded, we are deciding if passkeys are supported based on the Chromium version\n const isChromiumSupported =\n getChromiumVersion() >= CHROMIUM_VERSION_THAT_SUPPORTS_PASSKEYS;\n\n return await timeoutPromise(100, isSupported, isChromiumSupported);\n } catch (err) {\n // eslint-disable-next-line no-console\n console.error('Conditional login check failed', err);\n return false;\n }\n});\n"],"names":["isConditionalLoginSupported","withMemCache","__awaiter","window","PublicKeyCredential","isConditionalMediationAvailable","isUserVerifyingPlatformAuthenticatorAvailable","isSupported","Promise","all","_a","_b","then","arr","every","value","isChromiumSupported","getChromiumVersion","timeoutPromise","err","console","error"],"mappings":"8DAIA,MAGaA,EAA8BC,EAAAA,cAAa,IAAWC,iBAAA,OAAA,OAAA,GAAA,oBACjE,IACGC,OAAOC,sBACDA,oBAAqBC,kCAC3BD,oBAAoBE,8CAErB,OAAO,EAET,IACE,MAAMC,EAAcC,QAAQC,IAAI,CACG,QAAjCC,EAAMP,OAAOC,2BAAoB,IAAAM,OAAA,EAAAA,EAAEL,kCACT,QAA1BM,EAAAR,OAAOC,2BAAmB,IAAAO,OAAA,EAAAA,EAAEL,kDAC3BM,MAAMC,GAAQA,EAAIC,OAAOC,KAAYA,MAIlCC,EACJC,wBApB0C,IAsB5C,aAAaC,EAAAA,eAAe,IAAKX,EAAaS,EAC/C,CAAC,MAAOG,GAGP,OADAC,QAAQC,MAAM,iCAAkCF,IACzC,CACR,CACH"}
@@ -1 +1,2 @@
1
1
  "use strict";var e=require("tslib"),t=require("@descope/sdk-helpers"),s=require("../helpers/helpers.js");require("../helpers/state.js"),require("@descope/escape-markdown"),require("../constants/content.js"),require("../constants/uiComponents.js"),require("../helpers/webauthn.js");const r=t.createSingletonMixin((t=>{var r,i,n,o;return o=class extends t{constructor(){super(...arguments),r.add(this)}connectedCallback(){var t;e.__classPrivateFieldGet(this,r,"m",i).call(this)&&e.__classPrivateFieldGet(this,r,"m",n).call(this),null===(t=super.connectedCallback)||void 0===t||t.call(this)}},r=new WeakSet,i=function(){return!this.shadowRoot.host.closest("form")&&s.isChromium()},n=function(){const e=this.shadowRoot.host,t=document.createElement("form");t.style.width="100%",t.style.height="100%",e.parentElement.appendChild(t),t.appendChild(e)},o}));exports.formMountMixin=r;
2
+ //# sourceMappingURL=formMountMixin.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"formMountMixin.js","sources":["../../../src/lib/mixins/formMountMixin.ts"],"sourcesContent":["/* eslint-disable import/prefer-default-export */\nimport { createSingletonMixin } from '@descope/sdk-helpers';\nimport { isChromium } from '../helpers';\n\nexport const formMountMixin = createSingletonMixin(\n <T extends CustomElementConstructor>(superclass: T) =>\n class FormMountMixin extends superclass {\n #shouldMountInFormEle() {\n const wc = this.shadowRoot.host;\n return !wc.closest('form') && isChromium();\n }\n\n // we want to make sure the web-component is wrapped with on outer form element\n // this is needed in order to support webauthn conditional UI (which currently supported only in Chrome when input is inside a web-component)\n // for more info see here: https://github.com/descope/etc/issues/733\n #handleOuterForm() {\n const wc = this.shadowRoot.host;\n const form = document.createElement('form');\n form.style.width = '100%';\n form.style.height = '100%';\n wc.parentElement.appendChild(form);\n form.appendChild(wc);\n }\n\n connectedCallback() {\n if (this.#shouldMountInFormEle()) {\n this.#handleOuterForm();\n }\n super.connectedCallback?.();\n }\n },\n);\n"],"names":["formMountMixin","createSingletonMixin","superclass","_FormMountMixin_instances","_FormMountMixin_shouldMountInFormEle","_FormMountMixin_handleOuterForm","_a","constructor","connectedCallback","__classPrivateFieldGet","this","call","_b","super","shadowRoot","host","closest","isChromium","wc","form","document","createElement","style","width","height","parentElement","appendChild"],"mappings":"yRAIO,MAAMA,EAAiBC,EAAAA,sBACSC,IAAiB,IAAAC,EAAAC,EAAAC,EAAAC,EAAA,OAAAA,EACpD,cAA6BJ,EAA7B,WAAAK,kCAwBC,CANC,iBAAAC,SACMC,yBAAAC,KAAIP,EAAA,IAAAC,QAAJM,OACFD,EAAAA,uBAAAC,KAAIP,EAAA,IAAAE,GAAJM,KAAAD,MAEqB,QAAvBE,EAAAC,MAAML,yBAAiB,IAAAI,GAAAA,EAAAD,KAAAD,KACxB,8BApBC,OADWA,KAAKI,WAAWC,KAChBC,QAAQ,SAAWC,EAAUA,YACzC,eAMC,MAAMC,EAAKR,KAAKI,WAAWC,KACrBI,EAAOC,SAASC,cAAc,QACpCF,EAAKG,MAAMC,MAAQ,OACnBJ,EAAKG,MAAME,OAAS,OACpBN,EAAGO,cAAcC,YAAYP,GAC7BA,EAAKO,YAAYR,EAClB,EAQFZ,CAAA"}
package/dist/cjs/types.js CHANGED
@@ -1 +1,2 @@
1
1
  "use strict";var r;exports.Direction=void 0,(r=exports.Direction||(exports.Direction={})).backward="backward",r.forward="forward";
2
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sources":["../../src/lib/types.ts"],"sourcesContent":["/* istanbul ignore file */\n\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 ComponentsConfig = Record<string, any>;\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 interface LastAuthState {\n loginId?: string;\n name?: 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 clientScripts?: unknown;\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}\n\nexport type SSOQueryParams = {\n oidcIdpStateId?: string;\n samlIdpStateId?: string;\n samlIdpUsername?: string;\n descopeIdpInitiated?: boolean;\n ssoAppId?: 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};\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 openInNewTabUrl?: string;\n redirectUrl: string;\n screenId: string;\n screenState: ScreenState;\n token: string;\n code: string;\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 locale: string;\n samlIdpResponseUrl: string;\n samlIdpResponseSamlResponse: string;\n samlIdpResponseRelayState: string;\n nativeResponseType: string;\n nativePayload: Record<string, any>;\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 openInNewTabUrl?: 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};\n\nexport type DebugState = {\n isDebug: boolean;\n};\n\nexport type NextFn = KeepArgsByIndex<SdkFlowNext, [2, 5]>;\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 | 'less-than'\n | 'empty'\n | 'not-empty'\n | 'is-true'\n | 'is-false'\n | 'in'\n | 'not-in';\n\nexport interface ClientConditionResult {\n screenId: string;\n screenName: string;\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}\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\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};\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"],"names":["Direction"],"mappings":"aA6BA,IAAYA,EAAAA,QAGXA,eAAA,GAHWA,EAAAA,QAASA,YAATA,kBAGX,CAAA,IAFC,SAAA,WACAA,EAAA,QAAA"}
@@ -1 +1,2 @@
1
1
  import{IS_LOCAL_STORAGE as t}from"./general.js";const e=t&&localStorage.getItem("base.content.url")||"",o="https://static.descope.com/pages",a="v2-beta",s="v2-alpha",c="config.json";export{a as ASSETS_FOLDER,o as BASE_CONTENT_URL,c as CONFIG_FILENAME,e as OVERRIDE_CONTENT_URL,s as PREV_VER_ASSETS_FOLDER};
2
+ //# sourceMappingURL=content.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"content.js","sources":["../../../src/lib/constants/content.ts"],"sourcesContent":["import { IS_LOCAL_STORAGE } from './general';\n\nconst BASE_CONTENT_URL_KEY = 'base.content.url';\n\n// eslint-disable-next-line import/prefer-default-export\nexport const OVERRIDE_CONTENT_URL =\n (IS_LOCAL_STORAGE && localStorage.getItem(BASE_CONTENT_URL_KEY)) || '';\nexport const BASE_CONTENT_URL = 'https://static.descope.com/pages';\n\nexport const ASSETS_FOLDER = 'v2-beta';\nexport const PREV_VER_ASSETS_FOLDER = 'v2-alpha';\n\nexport const CONFIG_FILENAME = 'config.json';\n"],"names":["OVERRIDE_CONTENT_URL","IS_LOCAL_STORAGE","localStorage","getItem","BASE_CONTENT_URL","ASSETS_FOLDER","PREV_VER_ASSETS_FOLDER","CONFIG_FILENAME"],"mappings":"gDAEA,MAGaA,EACVC,GAAoBC,aAAaC,QAJP,qBAIyC,GACzDC,EAAmB,mCAEnBC,EAAgB,UAChBC,EAAyB,WAEzBC,EAAkB"}
@@ -0,0 +1,2 @@
1
+ const r=["cssVars","componentsConfig","inputs","errorText","errorType","clientScripts"];export{r as EXCLUDED_STATE_KEYS};
2
+ //# sourceMappingURL=customScreens.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"customScreens.js","sources":["../../../src/lib/constants/customScreens.ts"],"sourcesContent":["export const EXCLUDED_STATE_KEYS = [\n 'cssVars',\n 'componentsConfig',\n 'inputs',\n 'errorText',\n 'errorType',\n 'clientScripts',\n];\n"],"names":["EXCLUDED_STATE_KEYS"],"mappings":"AAAa,MAAAA,EAAsB,CACjC,UACA,mBACA,SACA,YACA,YACA"}
@@ -1 +1,2 @@
1
1
  const e="undefined"!=typeof localStorage,o="J151000",t="J151001";export{t as FETCH_ERROR_RESPONSE_ERROR_CODE,o as FETCH_EXCEPTION_ERROR_CODE,e as IS_LOCAL_STORAGE};
2
+ //# sourceMappingURL=general.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"general.js","sources":["../../../src/lib/constants/general.ts"],"sourcesContent":["/* eslint-disable import/prefer-default-export */\nexport const IS_LOCAL_STORAGE = typeof localStorage !== 'undefined';\n\nexport const FETCH_EXCEPTION_ERROR_CODE = 'J151000';\nexport const FETCH_ERROR_RESPONSE_ERROR_CODE = 'J151001';\n"],"names":["IS_LOCAL_STORAGE","localStorage","FETCH_EXCEPTION_ERROR_CODE","FETCH_ERROR_RESPONSE_ERROR_CODE"],"mappings":"MACaA,EAA2C,oBAAjBC,aAE1BC,EAA6B,UAC7BC,EAAkC"}
@@ -1 +1,2 @@
1
1
  export{ASSETS_FOLDER,BASE_CONTENT_URL,CONFIG_FILENAME,OVERRIDE_CONTENT_URL,PREV_VER_ASSETS_FOLDER}from"./content.js";export{UI_COMPONENTS_URL_KEY}from"./uiComponents.js";const e="descope-login-flow",t="t",a="code",i="err",d="ra-challenge",o="ra-callback",_="ra-backup-callback",r="ra-initiator",p="data-descope-",l="data-exclude-field",s="data-exclude-next",c="dls_last_auth",n="state_id",u="saml_idp_state_id",E="saml_idp_username",m="descope_idp_initiated",b="sso_app_id",h="third_party_app_id",R="third_party_app_state_id",S="oidc_login_hint",x="oidc_prompt",N="oidc_error_redirect_uri",O="application_scopes",g="data-type",C="sdkScriptsResults",T={redirect:"redirect",poll:"poll",webauthnCreate:"webauthnCreate",webauthnGet:"webauthnGet",nativeBridge:"nativeBridge",loadForm:"loadForm"},F={submit:"submit",polling:"polling"},L="data-has-dynamic-attr-values",w=["descope-multi-select-combo-box","descope-text-area"];export{O as APPLICATION_SCOPES_PARAM_NAME,F as CUSTOM_INTERACTIONS,l as DESCOPE_ATTRIBUTE_EXCLUDE_FIELD,s as DESCOPE_ATTRIBUTE_EXCLUDE_NEXT_BUTTON,p as DESCOPE_ATTRIBUTE_PREFIX,m as DESCOPE_IDP_INITIATED_PARAM_NAME,c as DESCOPE_LAST_AUTH_LOCAL_STORAGE_KEY,w as ELEMENTS_TO_IGNORE_ENTER_KEY_ON,g as ELEMENT_TYPE_ATTRIBUTE,L as HAS_DYNAMIC_VALUES_ATTR_NAME,N as OIDC_ERROR_REDIRECT_URI_PARAM_NAME,n as OIDC_IDP_STATE_ID_PARAM_NAME,S as OIDC_LOGIN_HINT_PARAM_NAME,x as OIDC_PROMPT_PARAM_NAME,T as RESPONSE_ACTIONS,u as SAML_IDP_STATE_ID_PARAM_NAME,E as SAML_IDP_USERNAME_PARAM_NAME,C as SDK_SCRIPT_RESULTS_KEY,b as SSO_APP_ID_PARAM_NAME,h as THIRD_PARTY_APP_ID_PARAM_NAME,R as THIRD_PARTY_APP_STATE_ID_PARAM_NAME,a as URL_CODE_PARAM_NAME,i as URL_ERR_PARAM_NAME,_ as URL_REDIRECT_AUTH_BACKUP_CALLBACK_PARAM_NAME,o as URL_REDIRECT_AUTH_CALLBACK_PARAM_NAME,d as URL_REDIRECT_AUTH_CHALLENGE_PARAM_NAME,r as URL_REDIRECT_AUTH_INITIATOR_PARAM_NAME,e as URL_RUN_IDS_PARAM_NAME,t as URL_TOKEN_PARAM_NAME};
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":["../../../src/lib/constants/index.ts"],"sourcesContent":["export * from './general';\nexport * from './content';\nexport * from './uiComponents';\n\nexport const URL_RUN_IDS_PARAM_NAME = 'descope-login-flow';\nexport const URL_TOKEN_PARAM_NAME = 't';\nexport const URL_CODE_PARAM_NAME = 'code';\nexport const URL_ERR_PARAM_NAME = 'err';\nexport const URL_REDIRECT_AUTH_CHALLENGE_PARAM_NAME = 'ra-challenge';\nexport const URL_REDIRECT_AUTH_CALLBACK_PARAM_NAME = 'ra-callback';\nexport const URL_REDIRECT_AUTH_BACKUP_CALLBACK_PARAM_NAME =\n 'ra-backup-callback';\nexport const URL_REDIRECT_AUTH_INITIATOR_PARAM_NAME = 'ra-initiator';\nexport const DESCOPE_ATTRIBUTE_PREFIX = 'data-descope-';\nexport const DESCOPE_ATTRIBUTE_EXCLUDE_FIELD = 'data-exclude-field';\nexport const DESCOPE_ATTRIBUTE_EXCLUDE_NEXT_BUTTON = 'data-exclude-next';\nexport const DESCOPE_LAST_AUTH_LOCAL_STORAGE_KEY = 'dls_last_auth';\n\n// SSO query params\nexport const OIDC_IDP_STATE_ID_PARAM_NAME = 'state_id';\nexport const SAML_IDP_STATE_ID_PARAM_NAME = 'saml_idp_state_id';\nexport const SAML_IDP_USERNAME_PARAM_NAME = 'saml_idp_username';\nexport const DESCOPE_IDP_INITIATED_PARAM_NAME = 'descope_idp_initiated';\nexport const SSO_APP_ID_PARAM_NAME = 'sso_app_id';\nexport const THIRD_PARTY_APP_ID_PARAM_NAME = 'third_party_app_id';\nexport const THIRD_PARTY_APP_STATE_ID_PARAM_NAME = 'third_party_app_state_id';\nexport const OIDC_LOGIN_HINT_PARAM_NAME = 'oidc_login_hint';\nexport const OIDC_PROMPT_PARAM_NAME = 'oidc_prompt';\nexport const OIDC_ERROR_REDIRECT_URI_PARAM_NAME = 'oidc_error_redirect_uri';\nexport const APPLICATION_SCOPES_PARAM_NAME = 'application_scopes';\n\nexport const ELEMENT_TYPE_ATTRIBUTE = 'data-type';\n\nexport const SDK_SCRIPT_RESULTS_KEY = 'sdkScriptsResults';\n\nexport const RESPONSE_ACTIONS = {\n redirect: 'redirect',\n poll: 'poll',\n webauthnCreate: 'webauthnCreate',\n webauthnGet: 'webauthnGet',\n nativeBridge: 'nativeBridge',\n loadForm: 'loadForm',\n};\n\nexport const CUSTOM_INTERACTIONS = {\n submit: 'submit',\n polling: 'polling',\n};\n\nexport const HAS_DYNAMIC_VALUES_ATTR_NAME = 'data-has-dynamic-attr-values';\n\nexport const ELEMENTS_TO_IGNORE_ENTER_KEY_ON = [\n 'descope-multi-select-combo-box',\n 'descope-text-area',\n];\n"],"names":["URL_RUN_IDS_PARAM_NAME","URL_TOKEN_PARAM_NAME","URL_CODE_PARAM_NAME","URL_ERR_PARAM_NAME","URL_REDIRECT_AUTH_CHALLENGE_PARAM_NAME","URL_REDIRECT_AUTH_CALLBACK_PARAM_NAME","URL_REDIRECT_AUTH_BACKUP_CALLBACK_PARAM_NAME","URL_REDIRECT_AUTH_INITIATOR_PARAM_NAME","DESCOPE_ATTRIBUTE_PREFIX","DESCOPE_ATTRIBUTE_EXCLUDE_FIELD","DESCOPE_ATTRIBUTE_EXCLUDE_NEXT_BUTTON","DESCOPE_LAST_AUTH_LOCAL_STORAGE_KEY","OIDC_IDP_STATE_ID_PARAM_NAME","SAML_IDP_STATE_ID_PARAM_NAME","SAML_IDP_USERNAME_PARAM_NAME","DESCOPE_IDP_INITIATED_PARAM_NAME","SSO_APP_ID_PARAM_NAME","THIRD_PARTY_APP_ID_PARAM_NAME","THIRD_PARTY_APP_STATE_ID_PARAM_NAME","OIDC_LOGIN_HINT_PARAM_NAME","OIDC_PROMPT_PARAM_NAME","OIDC_ERROR_REDIRECT_URI_PARAM_NAME","APPLICATION_SCOPES_PARAM_NAME","ELEMENT_TYPE_ATTRIBUTE","SDK_SCRIPT_RESULTS_KEY","RESPONSE_ACTIONS","redirect","poll","webauthnCreate","webauthnGet","nativeBridge","loadForm","CUSTOM_INTERACTIONS","submit","polling","HAS_DYNAMIC_VALUES_ATTR_NAME","ELEMENTS_TO_IGNORE_ENTER_KEY_ON"],"mappings":"0KAIO,MAAMA,EAAyB,qBACzBC,EAAuB,IACvBC,EAAsB,OACtBC,EAAqB,MACrBC,EAAyC,eACzCC,EAAwC,cACxCC,EACX,qBACWC,EAAyC,eACzCC,EAA2B,gBAC3BC,EAAkC,qBAClCC,EAAwC,oBACxCC,EAAsC,gBAGtCC,EAA+B,WAC/BC,EAA+B,oBAC/BC,EAA+B,oBAC/BC,EAAmC,wBACnCC,EAAwB,aACxBC,EAAgC,qBAChCC,EAAsC,2BACtCC,EAA6B,kBAC7BC,EAAyB,cACzBC,EAAqC,0BACrCC,EAAgC,qBAEhCC,EAAyB,YAEzBC,EAAyB,oBAEzBC,EAAmB,CAC9BC,SAAU,WACVC,KAAM,OACNC,eAAgB,iBAChBC,YAAa,cACbC,aAAc,eACdC,SAAU,YAGCC,EAAsB,CACjCC,OAAQ,SACRC,QAAS,WAGEC,EAA+B,+BAE/BC,EAAkC,CAC7C,iCACA"}
@@ -1 +1,2 @@
1
1
  import{IS_LOCAL_STORAGE as e}from"./general.js";const o="base.ui.components.url";e&&localStorage.getItem(o),e&&localStorage.getItem(o);export{o as UI_COMPONENTS_URL_KEY};
2
+ //# sourceMappingURL=uiComponents.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"uiComponents.js","sources":["../../../src/lib/constants/uiComponents.ts"],"sourcesContent":["import { IS_LOCAL_STORAGE } from './general';\n\nexport const UI_COMPONENTS_URL_KEY = 'base.ui.components.url';\n\nexport const UI_COMPONENTS_URL =\n (IS_LOCAL_STORAGE && localStorage.getItem(UI_COMPONENTS_URL_KEY)) ||\n 'https://descopecdn.com/npm/@descope/web-components-ui@<version>/dist/umd/index.js';\n\nexport const UI_COMPONENTS_FALLBACK_URL =\n (IS_LOCAL_STORAGE && localStorage.getItem(UI_COMPONENTS_URL_KEY)) ||\n 'https://static.descope.com/npm/@descope/web-components-ui@<version>/dist/umd/index.js';\n\nexport const UI_COMPONENTS_URL_VERSION_PLACEHOLDER = '<version>';\n"],"names":["UI_COMPONENTS_URL_KEY","IS_LOCAL_STORAGE","localStorage","getItem"],"mappings":"gDAEO,MAAMA,EAAwB,yBAGlCC,GAAoBC,aAAaC,QAAQH,GAIzCC,GAAoBC,aAAaC,QAAQH"}
@@ -1 +1,2 @@
1
1
  import{__classPrivateFieldGet as n,__classPrivateFieldSet as e}from"tslib";import"./constants/content.js";import"./constants/uiComponents.js";import"./types.js";import t from"./helpers/state.js";import"@descope/escape-markdown";import"./helpers/webauthn.js";import{dragElement as s,addOnResize as i,limitCoordinateToScreenBoundaries as o}from"./helpers/positionHelpers.js";var l,r,a,d,p,c,h,g,m,f;const x=document.createElement("template");x.innerHTML=`\n<style>\n .debugger {\n width: 300px;\n height: 200px;\n background-color: #FAFAFA;\n position: fixed;\n font-family: "Helvetica Neue", sans-serif;\n box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 10px;\n border-radius: 8px;\n overflow: hidden;\n border: 1px solid lightgrey;\n pointer-events: initial;\n display: flex;\n flex-direction: column;\n min-width: 200px;\n max-width: 600px;\n max-height: calc(100% - 64px);\n min-height: 200px;\n resize: both;\n }\n\n .header {\n padding: 8px 16px;\n display: flex;\n align-items: center;\n background-color: #EEEEEE;\n cursor: move;\n border-bottom: 1px solid #e0e0e0;\n }\n\n .content {\n font-size: 14px;\n flex-grow: 1;\n overflow: auto;\n }\n\n .msg {\n border-bottom: 1px solid lightgrey;\n padding: 8px 16px;\n display: flex;\n gap: 5px;\n background-color: #FAFAFA;\n }\n\n .msg.collapsible {\n cursor: pointer;\n }\n\n .empty-state {\n padding: 8px 16px;\n background-color: #FAFAFA;\n }\n\n\n .msg.collapsible:not(.collapsed) {\n background-color: #F5F5F5;\n }\n\n .msg_title {\n padding-bottom: 5px;\n display: flex;\n gap: 8px;\n font-weight: 500;\n }\n\n .msg svg {\n padding: 1px;\n flex-shrink: 0;\n margin-top: -2px;\n }\n\n .msg_content {\n overflow: hidden;\n flex-grow: 1;\n margin-right:5px;\n }\n\n .msg_desc {\n color: #646464;\n cursor: initial;\n word-wrap: break-word;\n }\n\n .msg.collapsed .msg_desc {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n .msg.collapsible.collapsed .chevron {\n transform: rotate(-45deg) translateX(-2px);\n }\n\n .msg.collapsible .chevron {\n content: "";\n width:6px;\n height:6px;\n border-bottom: 2px solid grey;\n border-right: 2px solid grey;\n transform: rotate(45deg) translateX(-1px);\n margin: 5px;\n flex-shrink:0;\n }\n</style>\n\n<div style="top:32px; left:${window.innerWidth-300-32}px;" class="debugger">\n <div class="header">\n <span>Debugger messages</span>\n </div>\n <div class="content">\n <div class="empty-state">\n No errors detected 👀\n </div>\n </div>\n</div>\n`;class b extends HTMLElement{constructor(){super(),l.add(this),r.set(this,new t({messages:[]})),a.set(this,void 0),d.set(this,void 0),p.set(this,void 0),c.set(this,{resize:n(this,l,"m",f).bind(this)}),this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(x.content.cloneNode(!0)),e(this,a,this.shadowRoot.querySelector(".debugger"),"f"),e(this,d,n(this,a,"f").querySelector(".content"),"f"),e(this,p,n(this,a,"f").querySelector(".header"),"f")}updateData(e){n(this,r,"f").update((n=>({messages:n.messages.concat(e)})))}connectedCallback(){s(n(this,a,"f"),n(this,p,"f"),{top:"all",bottom:100,left:100,right:100}),window.addEventListener("resize",n(this,c,"f").resize),i(n(this,a,"f")),n(this,a,"f").onresize=n(this,l,"m",m).bind(this),n(this,r,"f").subscribe(n(this,l,"m",h).bind(this))}disconnectedCallback(){n(this,r,"f").unsubscribeAll(),window.removeEventListener("resize",n(this,c,"f").resize)}}r=new WeakMap,a=new WeakMap,d=new WeakMap,p=new WeakMap,c=new WeakMap,l=new WeakSet,h=function(e){n(this,l,"m",g).call(this,e),n(this,l,"m",m).call(this)},g=function(e){n(this,d,"f").innerHTML=e.messages.map((n=>`\n <div class="msg">\n <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M5.99984 13.167L8.99984 10.167L11.9998 13.167L13.1665 12.0003L10.1665 9.00033L13.1665 6.00033L11.9998 4.83366L8.99984 7.83366L5.99984 4.83366L4.83317 6.00033L7.83317 9.00033L4.83317 12.0003L5.99984 13.167ZM8.99984 17.3337C7.84706 17.3337 6.76373 17.1148 5.74984 16.677C4.73595 16.2398 3.854 15.6462 3.104 14.8962C2.354 14.1462 1.76039 13.2642 1.32317 12.2503C0.885393 11.2364 0.666504 10.1531 0.666504 9.00033C0.666504 7.84755 0.885393 6.76421 1.32317 5.75033C1.76039 4.73644 2.354 3.85449 3.104 3.10449C3.854 2.35449 4.73595 1.7606 5.74984 1.32283C6.76373 0.885603 7.84706 0.666992 8.99984 0.666992C10.1526 0.666992 11.2359 0.885603 12.2498 1.32283C13.2637 1.7606 14.1457 2.35449 14.8957 3.10449C15.6457 3.85449 16.2393 4.73644 16.6765 5.75033C17.1143 6.76421 17.3332 7.84755 17.3332 9.00033C17.3332 10.1531 17.1143 11.2364 16.6765 12.2503C16.2393 13.2642 15.6457 14.1462 14.8957 14.8962C14.1457 15.6462 13.2637 16.2398 12.2498 16.677C11.2359 17.1148 10.1526 17.3337 8.99984 17.3337ZM8.99984 15.667C10.8609 15.667 12.4373 15.0212 13.729 13.7295C15.0207 12.4378 15.6665 10.8614 15.6665 9.00033C15.6665 7.13921 15.0207 5.56283 13.729 4.27116C12.4373 2.97949 10.8609 2.33366 8.99984 2.33366C7.13873 2.33366 5.56234 2.97949 4.27067 4.27116C2.979 5.56283 2.33317 7.13921 2.33317 9.00033C2.33317 10.8614 2.979 12.4378 4.27067 13.7295C5.56234 15.0212 7.13873 15.667 8.99984 15.667Z" fill="#ED404A"/>\n</svg>\n\n <div class="msg_content">\n <div class="msg_title">\n ${n.title}\n </div>\n <div class="msg_desc">\n ${n.description}\n </div>\n </div>\n <div class="chevron"></div>\n </div>\n `)).join("")},m=function(){n(this,d,"f").querySelectorAll(".msg").forEach((n=>{const e=n.querySelector(".msg_desc"),t=e.scrollWidth>e.clientWidth,s=e.clientHeight>20;t||s?(n.classList.add("collapsible"),n.onclick=e=>{e.target.classList.contains("msg_desc")||n.classList.toggle("collapsed")}):(n.classList.remove("collapsible"),n.onclick=null)}))},f=function(){const[e,t]=o(n(this,a,"f"),Number.parseInt(n(this,a,"f").style.left,10),Number.parseInt(n(this,a,"f").style.top,10),{top:"all",bottom:100,left:100,right:100});n(this,a,"f").style.top=`${t}px`,n(this,a,"f").style.left=`${e}px`},customElements.get("descope-debugger")||customElements.define("descope-debugger",b);export{b as default};
2
+ //# sourceMappingURL=debugger-wc.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"debugger-wc.js","sources":["../../src/lib/debugger-wc.ts"],"sourcesContent":["/* eslint-disable no-param-reassign */\nimport {\n addOnResize,\n dragElement,\n limitCoordinateToScreenBoundaries,\n State,\n} from './helpers';\nimport { DebuggerMessage } from './types';\n\nconst INITIAL_POS_THRESHOLD = 32;\nconst INITIAL_WIDTH = 300;\nconst INITIAL_HEIGHT = 200;\nconst MIN_SIZE = 200;\n\nconst template = document.createElement('template');\ntemplate.innerHTML = `\n<style>\n .debugger {\n width: ${INITIAL_WIDTH}px;\n height: ${INITIAL_HEIGHT}px;\n background-color: #FAFAFA;\n position: fixed;\n font-family: \"Helvetica Neue\", sans-serif;\n box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 10px;\n border-radius: 8px;\n overflow: hidden;\n border: 1px solid lightgrey;\n pointer-events: initial;\n display: flex;\n flex-direction: column;\n min-width: ${MIN_SIZE}px;\n max-width: 600px;\n max-height: calc(100% - ${INITIAL_POS_THRESHOLD * 2}px);\n min-height: ${MIN_SIZE}px;\n resize: both;\n }\n\n .header {\n padding: 8px 16px;\n display: flex;\n align-items: center;\n background-color: #EEEEEE;\n cursor: move;\n border-bottom: 1px solid #e0e0e0;\n }\n\n .content {\n font-size: 14px;\n flex-grow: 1;\n overflow: auto;\n }\n\n .msg {\n border-bottom: 1px solid lightgrey;\n padding: 8px 16px;\n display: flex;\n gap: 5px;\n background-color: #FAFAFA;\n }\n\n .msg.collapsible {\n cursor: pointer;\n }\n\n .empty-state {\n padding: 8px 16px;\n background-color: #FAFAFA;\n }\n\n\n .msg.collapsible:not(.collapsed) {\n background-color: #F5F5F5;\n }\n\n .msg_title {\n padding-bottom: 5px;\n display: flex;\n gap: 8px;\n font-weight: 500;\n }\n\n .msg svg {\n padding: 1px;\n flex-shrink: 0;\n margin-top: -2px;\n }\n\n .msg_content {\n overflow: hidden;\n flex-grow: 1;\n margin-right:5px;\n }\n\n .msg_desc {\n color: #646464;\n cursor: initial;\n word-wrap: break-word;\n }\n\n .msg.collapsed .msg_desc {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n .msg.collapsible.collapsed .chevron {\n transform: rotate(-45deg) translateX(-2px);\n }\n\n .msg.collapsible .chevron {\n content: \"\";\n width:6px;\n height:6px;\n border-bottom: 2px solid grey;\n border-right: 2px solid grey;\n transform: rotate(45deg) translateX(-1px);\n margin: 5px;\n flex-shrink:0;\n }\n</style>\n\n<div style=\"top:${INITIAL_POS_THRESHOLD}px; left:${\n window.innerWidth - INITIAL_WIDTH - INITIAL_POS_THRESHOLD\n}px;\" class=\"debugger\">\n <div class=\"header\">\n <span>Debugger messages</span>\n </div>\n <div class=\"content\">\n <div class=\"empty-state\">\n No errors detected 👀\n </div>\n </div>\n</div>\n`;\n\nconst icon = `<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M5.99984 13.167L8.99984 10.167L11.9998 13.167L13.1665 12.0003L10.1665 9.00033L13.1665 6.00033L11.9998 4.83366L8.99984 7.83366L5.99984 4.83366L4.83317 6.00033L7.83317 9.00033L4.83317 12.0003L5.99984 13.167ZM8.99984 17.3337C7.84706 17.3337 6.76373 17.1148 5.74984 16.677C4.73595 16.2398 3.854 15.6462 3.104 14.8962C2.354 14.1462 1.76039 13.2642 1.32317 12.2503C0.885393 11.2364 0.666504 10.1531 0.666504 9.00033C0.666504 7.84755 0.885393 6.76421 1.32317 5.75033C1.76039 4.73644 2.354 3.85449 3.104 3.10449C3.854 2.35449 4.73595 1.7606 5.74984 1.32283C6.76373 0.885603 7.84706 0.666992 8.99984 0.666992C10.1526 0.666992 11.2359 0.885603 12.2498 1.32283C13.2637 1.7606 14.1457 2.35449 14.8957 3.10449C15.6457 3.85449 16.2393 4.73644 16.6765 5.75033C17.1143 6.76421 17.3332 7.84755 17.3332 9.00033C17.3332 10.1531 17.1143 11.2364 16.6765 12.2503C16.2393 13.2642 15.6457 14.1462 14.8957 14.8962C14.1457 15.6462 13.2637 16.2398 12.2498 16.677C11.2359 17.1148 10.1526 17.3337 8.99984 17.3337ZM8.99984 15.667C10.8609 15.667 12.4373 15.0212 13.729 13.7295C15.0207 12.4378 15.6665 10.8614 15.6665 9.00033C15.6665 7.13921 15.0207 5.56283 13.729 4.27116C12.4373 2.97949 10.8609 2.33366 8.99984 2.33366C7.13873 2.33366 5.56234 2.97949 4.27067 4.27116C2.979 5.56283 2.33317 7.13921 2.33317 9.00033C2.33317 10.8614 2.979 12.4378 4.27067 13.7295C5.56234 15.0212 7.13873 15.667 8.99984 15.667Z\" fill=\"#ED404A\"/>\n</svg>\n`;\n\ntype MessagesState = { messages: DebuggerMessage[] };\n\nclass Debugger extends HTMLElement {\n #messagesState = new State<MessagesState>({ messages: [] });\n\n #rootEle: HTMLDivElement;\n\n #contentEle: HTMLDivElement;\n\n #headerEle: HTMLDivElement;\n\n #eventsCbRefs = {\n resize: this.#onWindowResize.bind(this),\n };\n\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' });\n this.shadowRoot.appendChild(template.content.cloneNode(true));\n\n this.#rootEle = this.shadowRoot.querySelector<HTMLDivElement>('.debugger');\n this.#contentEle = this.#rootEle.querySelector<HTMLDivElement>('.content');\n this.#headerEle = this.#rootEle.querySelector<HTMLDivElement>('.header');\n }\n\n updateData(data: DebuggerMessage | DebuggerMessage[]) {\n this.#messagesState.update((state) => ({\n messages: state.messages.concat(data),\n }));\n }\n\n #onNewMessages(data: MessagesState) {\n this.#renderMessages(data);\n this.#setCollapsibleMessages();\n }\n\n #renderMessages(data: MessagesState) {\n this.#contentEle.innerHTML = data.messages\n .map(\n (message) => `\n <div class=\"msg\">\n ${icon}\n <div class=\"msg_content\">\n <div class=\"msg_title\">\n ${message.title}\n </div>\n <div class=\"msg_desc\">\n ${message.description}\n </div>\n </div>\n <div class=\"chevron\"></div>\n </div>\n `,\n )\n .join('');\n }\n\n #setCollapsibleMessages() {\n this.#contentEle.querySelectorAll('.msg').forEach((ele: HTMLElement) => {\n const descEle = ele.querySelector('.msg_desc');\n const lineHeight = 20;\n const isScroll = descEle.scrollWidth > descEle.clientWidth;\n const isMultiLine = descEle.clientHeight > lineHeight;\n const isCollapsible = isScroll || isMultiLine;\n\n if (isCollapsible) {\n ele.classList.add('collapsible');\n ele.onclick = (e: MouseEvent) => {\n // message description should not toggle collapse\n if (!(e.target as HTMLElement).classList.contains('msg_desc')) {\n ele.classList.toggle('collapsed');\n }\n };\n } else {\n ele.classList.remove('collapsible');\n ele.onclick = null;\n }\n });\n }\n\n #onWindowResize() {\n // when window is resizing we want to make sure debugger is still visible\n const [left, top] = limitCoordinateToScreenBoundaries(\n this.#rootEle,\n Number.parseInt(this.#rootEle.style.left, 10),\n Number.parseInt(this.#rootEle.style.top, 10),\n { top: 'all', bottom: 100, left: 100, right: 100 },\n );\n this.#rootEle.style.top = `${top}px`;\n this.#rootEle.style.left = `${left}px`;\n }\n\n connectedCallback() {\n dragElement(this.#rootEle, this.#headerEle, {\n top: 'all',\n bottom: 100,\n left: 100,\n right: 100,\n });\n\n window.addEventListener('resize', this.#eventsCbRefs.resize);\n\n addOnResize(this.#rootEle);\n this.#rootEle.onresize = this.#setCollapsibleMessages.bind(this);\n\n this.#messagesState.subscribe(this.#onNewMessages.bind(this));\n }\n\n disconnectedCallback() {\n this.#messagesState.unsubscribeAll();\n window.removeEventListener('resize', this.#eventsCbRefs.resize);\n }\n}\n\nif (!customElements.get('descope-debugger')) {\n customElements.define('descope-debugger', Debugger);\n}\nexport default Debugger;\n"],"names":["template","document","createElement","innerHTML","window","innerWidth","Debugger","HTMLElement","constructor","super","_Debugger_messagesState","set","this","State","messages","_Debugger_rootEle","_Debugger_contentEle","_Debugger_headerEle","_Debugger_eventsCbRefs","resize","__classPrivateFieldGet","_Debugger_instances","_Debugger_onWindowResize","bind","attachShadow","mode","shadowRoot","appendChild","content","cloneNode","__classPrivateFieldSet","querySelector","updateData","data","update","state","concat","connectedCallback","dragElement","top","bottom","left","right","addEventListener","addOnResize","onresize","_Debugger_setCollapsibleMessages","subscribe","_Debugger_onNewMessages","disconnectedCallback","unsubscribeAll","removeEventListener","_Debugger_renderMessages","call","map","message","title","description","join","querySelectorAll","forEach","ele","descEle","isScroll","scrollWidth","clientWidth","isMultiLine","clientHeight","classList","add","onclick","e","target","contains","toggle","remove","limitCoordinateToScreenBoundaries","Number","parseInt","style","customElements","get","define"],"mappings":"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"}
@@ -1 +1,2 @@
1
- import{__classPrivateFieldGet as t,__awaiter as e,__classPrivateFieldSet as i}from"tslib";import{compose as r}from"@descope/sdk-helpers";import{staticResourcesMixin as s}from"@descope/sdk-mixins/static-resources-mixin";import{themeMixin as o}from"@descope/sdk-mixins/theme-mixin";import n from"@descope/web-js-sdk";import{ELEMENTS_TO_IGNORE_ENTER_KEY_ON as u}from"../constants/index.js";import{handleUrlParams as a,clearRunIdsFromUrl as l,camelCase as d,getRunIdsFromUrl as c,getContentUrl as h,fetchContent as f}from"../helpers/helpers.js";import g from"../helpers/state.js";import"@descope/escape-markdown";import"../helpers/webauthn.js";import{transformFlowInputFormData as p,extractNestedAttribute as v}from"../helpers/flowInputs.js";import{formMountMixin as m}from"../mixins/formMountMixin.js";import b from"./initTemplate.js";import{CONFIG_FILENAME as w,PREV_VER_ASSETS_FOLDER as C}from"../constants/content.js";import{FETCH_EXCEPTION_ERROR_CODE as A}from"../constants/general.js";var k,x,y,j,I,E,L,U,M,S,O,W,D,R,P,q,F,T,B,N,V;const H=r(o,s,m)(HTMLElement);class K extends H{static get observedAttributes(){return["project-id","flow-id","base-url","tenant","locale","debug","storage-prefix","preview","redirect-url","auto-focus","store-last-authenticated-user","keep-last-authenticated-user-after-logout","validate-on-blur","style-id"]}constructor(r){super(),k.add(this),y.set(this,!1),this.flowStatus="initial",this.loggerWrapper={error:(e,i="")=>{this.logger.error(e,i,new Error),t(this,k,"m",N).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)}},j.set(this,new g),I.set(this,new g),E.set(this,{}),this.getComponentsContext=()=>t(this,E,"f"),this.nextRequestStatus=new g({isLoading:!1}),L.set(this,void 0),U.set(this,{popstate:t(this,k,"m",W).bind(this),componentsContext:t(this,k,"m",F).bind(this)}),M.set(this,void 0),this.getConfig=()=>e(this,void 0,void 0,(function*(){return(yield this.config)||{isMissingConfig:!0}})),i(this,M,r,"f"),t(this,k,"m",S).call(this)}get flowId(){return this.getAttribute("flow-id")}get client(){try{return JSON.parse(this.getAttribute("client"))||{}}catch(t){return{}}}get tenantId(){return this.getAttribute("tenant")||void 0}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 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 p(this.form)}get form(){return this.getAttribute("form")}get formConfigValues(){return v(this.formConfig,"value")}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()))}))}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,I,"f").subscribe(t(this,k,"m",B).bind(this)),t(this,I,"f").update({isDebug:this.debug}),t(this,k,"m",O).call(this),yield t(this,k,"m",P).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 s=yield this.getConfig();if("isMissingConfig"in s&&s.isMissingConfig)return void this.loggerWrapper.error("Cannot get config file","Make sure that your projectId & flowId are correct");t(this,k,"m",V).call(this);const{executionId:o,stepId:n,token:u,code:l,exchangeError:d,redirectAuthCallbackUrl:c,redirectAuthBackupCallbackUri:h,redirectAuthCodeChallenge:f,redirectAuthInitiator:g,ssoQueryParams:p}=a(this.flowId,this.loggerWrapper);window.addEventListener("popstate",t(this,U,"f").popstate),window.addEventListener("components-context",t(this,U,"f").componentsContext),t(this,j,"f").subscribe(t(this,k,"m",R).bind(this)),t(this,j,"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:o,token:u,code:l,exchangeError:d,redirectAuthCallbackUrl:c,redirectAuthBackupCallbackUri:h,redirectAuthCodeChallenge:f,redirectAuthInitiator:g},p)),i(this,y,!0,"f")}))}disconnectedCallback(){t(this,j,"f").unsubscribeAll(),t(this,I,"f").unsubscribeAll(),t(this,k,"m",T).call(this),window.removeEventListener("popstate",t(this,U,"f").popstate),window.removeEventListener("components-context",t(this,U,"f").componentsContext)}attributeChangedCallback(e,i,r){if(this.shadowRoot.isConnected&&t(this,y,"f")&&i!==r&&x.observedAttributes.includes(e)){t(this,k,"m",O).call(this);const s=null===i;t(this,j,"f").update((({stepId:t,executionId:i})=>{let o=t,n=i;return s||(n=null,o=null,l()),{[d(e)]:r,stepId:o,executionId:n}})),t(this,I,"f").update({isDebug:this.debug})}}}x=K,y=new WeakMap,j=new WeakMap,I=new WeakMap,E=new WeakMap,L=new WeakMap,U=new WeakMap,M=new WeakMap,k=new WeakSet,S=function(){this.shadowRoot.appendChild(b.content.cloneNode(!0)),this.rootElement=this.shadowRoot.querySelector("#root")},O=function(){const t=["base-url","tenant","locale","debug","redirect-url","auto-focus","store-last-authenticated-user","keep-last-authenticated-user-after-logout","preview","storage-prefix","form","client","validate-on-blur","style-id"];x.observedAttributes.forEach((e=>{if(!t.includes(e)&&!this[d(e)])throw Error(`${e} cannot be empty`)}))},W=function(){const{stepId:e,executionId:i}=c(this.flowId);t(this,j,"f").update({stepId:e,executionId:i})},D=function(t,i){this.sdk=n(Object.assign(Object.assign({persistTokens:!0,preview:this.preview,storagePrefix:this.storagePrefix,storeLastAuthenticatedUser:this.storeLastAuthenticatedUser,keepLastAuthenticatedUserAfterLogout:this.keepLastAuthenticatedUserAfterLogout},x.sdkConfigOverrides),{projectId:t,baseUrl:i})),["start","next"].forEach((t=>{const i=this.sdk.flow[t];this.sdk.flow[t]=(...t)=>e(this,void 0,void 0,(function*(){this.nextRequestStatus.update({isLoading:!0});try{return yield i(...t)}catch(t){return{error:{errorCode:A,errorDescription:t.toString()}}}finally{this.nextRequestStatus.update({isLoading:!1})}}))}))},R=function(i,r,s){return e(this,void 0,void 0,(function*(){const{projectId:e,baseUrl:r}=i;if(s("projectId")||s("baseUrl")){if(!e)return;t(this,k,"m",D).call(this,e,r)}t(this,M,"f").call(this,i)}))},P=function(){return e(this,void 0,void 0,(function*(){const e=yield this.getConfig();return"isMissingConfig"in e&&e.isMissingConfig&&(yield t(this,k,"m",q).call(this))}))},q=function(){return e(this,void 0,void 0,(function*(){const t=h({projectId:this.projectId,filename:w,assetsFolder:C,baseUrl:this.baseStaticUrl});try{return yield f(t,"json"),!0}catch(t){return!1}}))},F=function(e){i(this,E,Object.assign(Object.assign({},t(this,E,"f")),e.detail),"f")},T=function(){var e;null===(e=t(this,L,"f"))||void 0===e||e.remove(),i(this,L,null,"f")},B=function(r){return e(this,arguments,void 0,(function*({isDebug:e}){e?(i(this,L,document.createElement("descope-debugger"),"f"),Object.assign(t(this,L,"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,L,"f"))):t(this,k,"m",T).call(this)}))},N=function(e,i){var r;e&&this.debug&&(null===(r=t(this,L,"f"))||void 0===r||r.updateData({title:e,description:i}))},V=function(){this.rootElement.onkeydown=t=>{var e,i,r;const s=!!(null===(e=this.shadowRoot.activeElement)||void 0===e?void 0:e.getAttribute("href")),o=u.includes(null!==(r=null===(i=this.shadowRoot.activeElement)||void 0===i?void 0:i.localName)&&void 0!==r?r:"");if("Enter"!==t.key||s||o)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()}}},K.sdkConfigOverrides={baseHeaders:{"x-descope-sdk-name":"web-component","x-descope-sdk-version":"3.33.0"}};export{K as default};
1
+ import{__classPrivateFieldGet as t,__awaiter as e,__classPrivateFieldSet as i}from"tslib";import{compose as r}from"@descope/sdk-helpers";import{staticResourcesMixin as s}from"@descope/sdk-mixins/static-resources-mixin";import{themeMixin as o}from"@descope/sdk-mixins/theme-mixin";import n from"@descope/web-js-sdk";import{ELEMENTS_TO_IGNORE_ENTER_KEY_ON as u}from"../constants/index.js";import{handleUrlParams as a,clearRunIdsFromUrl as l,camelCase as d,getRunIdsFromUrl as c,getContentUrl as h,fetchContent as f}from"../helpers/helpers.js";import g from"../helpers/state.js";import"@descope/escape-markdown";import"../helpers/webauthn.js";import{transformFlowInputFormData as p,extractNestedAttribute as v}from"../helpers/flowInputs.js";import{formMountMixin as m}from"../mixins/formMountMixin.js";import b from"./initTemplate.js";import{CONFIG_FILENAME as w,PREV_VER_ASSETS_FOLDER as C}from"../constants/content.js";import{FETCH_EXCEPTION_ERROR_CODE as A}from"../constants/general.js";var k,x,y,j,I,E,L,U,M,S,O,W,D,R,P,F,T,q,B,N,V;const H=r(o,s,m)(HTMLElement);class K extends H{static get observedAttributes(){return["project-id","flow-id","base-url","tenant","locale","debug","storage-prefix","preview","redirect-url","auto-focus","store-last-authenticated-user","keep-last-authenticated-user-after-logout","validate-on-blur","style-id"]}constructor(r){super(),k.add(this),y.set(this,!1),this.flowStatus="initial",this.loggerWrapper={error:(e,i="")=>{this.logger.error(e,i,new Error),t(this,k,"m",N).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)}},j.set(this,new g),I.set(this,new g),E.set(this,{}),this.getComponentsContext=()=>t(this,E,"f"),this.nextRequestStatus=new g({isLoading:!1}),L.set(this,void 0),U.set(this,{popstate:t(this,k,"m",W).bind(this),componentsContext:t(this,k,"m",T).bind(this)}),M.set(this,void 0),this.getConfig=()=>e(this,void 0,void 0,(function*(){return(yield this.config)||{isMissingConfig:!0}})),i(this,M,r,"f"),t(this,k,"m",S).call(this)}get flowId(){return this.getAttribute("flow-id")}get client(){try{return JSON.parse(this.getAttribute("client"))||{}}catch(t){return{}}}get tenantId(){return this.getAttribute("tenant")||void 0}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 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 p(this.form)}get form(){return this.getAttribute("form")}get formConfigValues(){return v(this.formConfig,"value")}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()))}))}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,I,"f").subscribe(t(this,k,"m",B).bind(this)),t(this,I,"f").update({isDebug:this.debug}),t(this,k,"m",O).call(this),yield t(this,k,"m",P).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 s=yield this.getConfig();if("isMissingConfig"in s&&s.isMissingConfig)return void this.loggerWrapper.error("Cannot get config file","Make sure that your projectId & flowId are correct");t(this,k,"m",V).call(this);const{executionId:o,stepId:n,token:u,code:l,exchangeError:d,redirectAuthCallbackUrl:c,redirectAuthBackupCallbackUri:h,redirectAuthCodeChallenge:f,redirectAuthInitiator:g,ssoQueryParams:p}=a(this.flowId,this.loggerWrapper);window.addEventListener("popstate",t(this,U,"f").popstate),window.addEventListener("components-context",t(this,U,"f").componentsContext),t(this,j,"f").subscribe(t(this,k,"m",R).bind(this)),t(this,j,"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:o,token:u,code:l,exchangeError:d,redirectAuthCallbackUrl:c,redirectAuthBackupCallbackUri:h,redirectAuthCodeChallenge:f,redirectAuthInitiator:g},p)),i(this,y,!0,"f")}))}disconnectedCallback(){t(this,j,"f").unsubscribeAll(),t(this,I,"f").unsubscribeAll(),t(this,k,"m",q).call(this),window.removeEventListener("popstate",t(this,U,"f").popstate),window.removeEventListener("components-context",t(this,U,"f").componentsContext)}attributeChangedCallback(e,i,r){if(this.shadowRoot.isConnected&&t(this,y,"f")&&i!==r&&x.observedAttributes.includes(e)){t(this,k,"m",O).call(this);const s=null===i;t(this,j,"f").update((({stepId:t,executionId:i})=>{let o=t,n=i;return s||(n=null,o=null,l()),{[d(e)]:r,stepId:o,executionId:n}})),t(this,I,"f").update({isDebug:this.debug})}}}x=K,y=new WeakMap,j=new WeakMap,I=new WeakMap,E=new WeakMap,L=new WeakMap,U=new WeakMap,M=new WeakMap,k=new WeakSet,S=function(){this.shadowRoot.appendChild(b.content.cloneNode(!0)),this.slotElement=document.createElement("slot"),this.slotElement.classList.add("hidden"),this.rootElement.appendChild(this.slotElement)},O=function(){const t=["base-url","tenant","locale","debug","redirect-url","auto-focus","store-last-authenticated-user","keep-last-authenticated-user-after-logout","preview","storage-prefix","form","client","validate-on-blur","style-id"];x.observedAttributes.forEach((e=>{if(!t.includes(e)&&!this[d(e)])throw Error(`${e} cannot be empty`)}))},W=function(){const{stepId:e,executionId:i}=c(this.flowId);t(this,j,"f").update({stepId:e,executionId:i})},D=function(t,i){this.sdk=n(Object.assign(Object.assign({persistTokens:!0,preview:this.preview,storagePrefix:this.storagePrefix,storeLastAuthenticatedUser:this.storeLastAuthenticatedUser,keepLastAuthenticatedUserAfterLogout:this.keepLastAuthenticatedUserAfterLogout},x.sdkConfigOverrides),{projectId:t,baseUrl:i})),["start","next"].forEach((t=>{const i=this.sdk.flow[t];this.sdk.flow[t]=(...t)=>e(this,void 0,void 0,(function*(){this.nextRequestStatus.update({isLoading:!0});try{return yield i(...t)}catch(t){return{error:{errorCode:A,errorDescription:t.toString()}}}finally{this.nextRequestStatus.update({isLoading:!1})}}))}))},R=function(i,r,s){return e(this,void 0,void 0,(function*(){const{projectId:e,baseUrl:r}=i;if(s("projectId")||s("baseUrl")){if(!e)return;t(this,k,"m",D).call(this,e,r)}t(this,M,"f").call(this,i)}))},P=function(){return e(this,void 0,void 0,(function*(){const e=yield this.getConfig();return"isMissingConfig"in e&&e.isMissingConfig&&(yield t(this,k,"m",F).call(this))}))},F=function(){return e(this,void 0,void 0,(function*(){const t=h({projectId:this.projectId,filename:w,assetsFolder:C,baseUrl:this.baseStaticUrl});try{return yield f(t,"json"),!0}catch(t){return!1}}))},T=function(e){i(this,E,Object.assign(Object.assign({},t(this,E,"f")),e.detail),"f")},q=function(){var e;null===(e=t(this,L,"f"))||void 0===e||e.remove(),i(this,L,null,"f")},B=function(r){return e(this,arguments,void 0,(function*({isDebug:e}){e?(i(this,L,document.createElement("descope-debugger"),"f"),Object.assign(t(this,L,"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,L,"f"))):t(this,k,"m",q).call(this)}))},N=function(e,i){var r;e&&this.debug&&(null===(r=t(this,L,"f"))||void 0===r||r.updateData({title:e,description:i}))},V=function(){this.rootElement.onkeydown=t=>{var e,i,r;const s=!!(null===(e=this.shadowRoot.activeElement)||void 0===e?void 0:e.getAttribute("href")),o=u.includes(null!==(r=null===(i=this.shadowRoot.activeElement)||void 0===i?void 0:i.localName)&&void 0!==r?r:"");if("Enter"!==t.key||s||o)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()}}},K.sdkConfigOverrides={baseHeaders:{"x-descope-sdk-name":"web-component","x-descope-sdk-version":"3.34.0"}};export{K as default};
2
+ //# sourceMappingURL=BaseDescopeWc.js.map
@@ -0,0 +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';\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} from '../helpers';\nimport {\n extractNestedAttribute,\n transformFlowInputFormData,\n} from '../helpers/flowInputs';\nimport { IsChanged } from '../helpers/state';\nimport { formMountMixin } from '../mixins';\nimport {\n AutoFocusOptions,\n DebuggerMessage,\n DebugState,\n DescopeUI,\n FlowConfig,\n FlowState,\n FlowStateUpdateFn,\n FlowStatus,\n ProjectConfiguration,\n SdkConfig,\n} from '../types';\nimport initTemplate from './initTemplate';\n\n// this is replaced in build time\ndeclare const BUILD_VERSION: string;\n\nconst BaseClass = compose(\n themeMixin,\n staticResourcesMixin,\n formMountMixin,\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 '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 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 #initShadowDom() {\n this.shadowRoot.appendChild(initTemplate.content.cloneNode(true));\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 tenantId() {\n return this.getAttribute('tenant') || undefined;\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 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 #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 'keep-last-authenticated-user-after-logout',\n 'preview',\n 'storage-prefix',\n 'form',\n 'client',\n 'validate-on-blur',\n 'style-id',\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 this.sdk = createSdk({\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 ...BaseDescopeWc.sdkConfigOverrides,\n projectId,\n baseUrl,\n });\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\n this.sdk.flow[key] = async (...args: Parameters<typeof origFn>) => {\n this.nextRequestStatus.update({ isLoading: true });\n try {\n const resp = await origFn(...args);\n return resp;\n } catch (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 } finally {\n this.nextRequestStatus.update({ isLoading: false });\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 // 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 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 this.#handleKeyPress();\n\n const {\n executionId,\n stepId,\n token,\n code,\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 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","HTMLElement","BaseDescopeWc","observedAttributes","constructor","updateExecState","super","_BaseDescopeWc_init","set","this","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","tenantId","undefined","redirectUrl","locale","autoFocus","res","_b","validateOnBlur","storeLastAuthenticatedUser","keepLastAuthenticatedUserAfterLogout","storagePrefix","preview","formConfig","transformFlowInputFormData","form","formConfigValues","extractNestedAttribute","isRestartOnError","getExecutionContext","executionContext","getProjectConfig","projectConfig","getFlowConfig","flowConfig","flows","_c","version","getTargetLocales","targetLocales","map","toLowerCase","getComponentsVersion","componentsVersion","init","forEach","status","addEventListener","_super","subscribe","_BaseDescopeWc_handleDebugMode","update","isDebug","_BaseDescopeWc_validateAttrs","_BaseDescopeWc_getIsFlowsVersionMismatch","_BaseDescopeWc_handleKeyPress","executionId","stepId","token","code","exchangeError","redirectAuthCallbackUrl","redirectAuthBackupCallbackUri","redirectAuthCodeChallenge","redirectAuthInitiator","ssoQueryParams","handleUrlParams","window","_BaseDescopeWc_onFlowChange","Object","assign","projectId","baseUrl","tenant","disconnectedCallback","unsubscribeAll","_BaseDescopeWc_disableDebugger","removeEventListener","attributeChangedCallback","attrName","oldValue","newValue","shadowRoot","isConnected","_a","includes","isInitialRun","newStepId","newExecutionId","clearRunIdsFromUrl","camelCase","appendChild","initTemplate","content","cloneNode","slotElement","document","createElement","classList","add","rootElement","optionalAttributes","attr","getRunIdsFromUrl","_BaseDescopeWc_createSdk","sdk","createSdk","persistTokens","sdkConfigOverrides","key","origFn","flow","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","onkeydown","isLinkEleFocused","activeElement","isIgnoredElementFocused","ELEMENTS_TO_IGNORE_ENTER_KEY_ON","localName","_d","preventDefault","buttons","querySelectorAll","length","click","autoSubmitButtons","Array","from","filter","button","genericButtons","ssoButtons","baseHeaders"],"mappings":"ygCA4CA,MAAMA,EAAYC,EAChBC,EACAC,EACAC,EAHgBH,CAIhBI,aAGF,MAAMC,UAAsBN,EAC1B,6BAAWO,GACT,MAAO,CACL,aACA,UACA,WACA,SACA,SACA,QACA,iBACA,UACA,eACA,aACA,gCACA,4CACA,mBACA,WAEH,CA6DD,WAAAC,CAAYC,GACVC,oBApDFC,EAAAC,IAAAC,MAAQ,GAERA,KAAUC,WAAe,UAEzBD,KAAAE,cAAgB,CACdC,MAAO,CAACC,EAAiBC,EAAc,MACrCL,KAAKM,OAAOH,MAAMC,EAASC,EAAa,IAAIE,OAC5CC,EAAAR,cAAAS,KAAAT,KAA6BI,EAASC,EAAY,EAEpDK,KAAM,CAACN,EAAiBC,EAAc,MACpCL,KAAKM,OAAOI,KAAKN,EAASC,EAAY,EAExCM,KAAM,CAACP,EAAiBC,EAAc,GAAIO,EAAa,CAAA,KACrDZ,KAAKM,OAAOK,KAAKP,EAASC,EAAaO,EAAM,EAE/CC,MAAO,CAACT,EAAiBC,EAAc,MACrCL,KAAKM,OAAOO,MAAMT,EAASC,EAAY,GAI3CS,EAAaf,IAAAC,KAAA,IAAIe,GAEjBC,EAAcjB,IAAAC,KAAA,IAAIe,GAElBE,EAAAlB,IAAAC,KAAqB,CAAA,GAErBA,KAAAkB,qBAAuB,IAAMV,EAAAR,YAE7BA,KAAiBmB,kBAAG,IAAIJ,EAA8B,CAAEK,WAAW,IAQnEC,EAEEtB,IAAAC,UAAA,GAEFsB,EAAgBvB,IAAAC,KAAA,CACduB,SAAUf,EAAAR,KAAIwB,EAAA,IAAAC,GAAqBC,KAAK1B,MACxC2B,kBAAmBnB,EAAAR,KAAIwB,EAAA,IAAAI,GAA0BF,KAAK1B,QAKxD6B,EAAoC9B,IAAAC,UAAA,GA6MpCA,KAAA8B,UAAY,sCAAY,aAAO9B,KAAK+B,SAAW,CAAEC,iBAAiB,EAAM,IAvMtEC,EAAAjC,KAAI6B,EAAoBjC,EAAe,KAEvCY,EAAAR,KAAIwB,EAAA,IAAAU,GAAJzB,KAAAT,KACD,CASD,UAAImC,GACF,OAAOnC,KAAKoC,aAAa,UAC1B,CAED,UAAIC,GACF,IACE,OAAQC,KAAKC,MAAMvC,KAAKoC,aAAa,YAAc,EAIpD,CAAC,MAAOI,GACP,MAAO,EACR,CACF,CAED,YAAIC,GACF,OAAOzC,KAAKoC,aAAa,gBAAaM,CACvC,CAED,eAAIC,GACF,OAAO3C,KAAKoC,aAAa,sBAAmBM,CAC7C,CAED,SAAI7B,GACF,MAAsC,SAA/Bb,KAAKoC,aAAa,QAC1B,CAED,UAAIQ,GACF,OAAO5C,KAAKoC,aAAa,gBAAaM,CACvC,CAED,aAAIG,SACF,MAAMC,EAAyC,QAAnCC,EAAA/C,KAAKoC,aAAa,qBAAiB,IAAAW,EAAAA,EAAA,OAC/C,MAAY,oBAARD,EACKA,EAEM,SAARA,CACR,CAED,kBAAIE,GACF,MAAiD,SAA1ChD,KAAKoC,aAAa,mBAC1B,CAED,8BAAIa,SAEF,MAAe,UADmD,QAAtDF,EAAA/C,KAAKoC,aAAa,wCAAoC,IAAAW,EAAAA,EAAA,OAEnE,CAED,wCAAIG,GAEF,MAAe,SADHlD,KAAKoC,aAAa,4CAE/B,CAED,iBAAIe,GACF,OAAOnD,KAAKoC,aAAa,mBAAqB,EAC/C,CAED,WAAIgB,GACF,QAASpD,KAAKoC,aAAa,UAC5B,CAED,cAAIiB,GACF,OAAOC,EAA2BtD,KAAKuD,KACxC,CAED,QAAIA,GACF,OAAOvD,KAAKoC,aAAa,OAC1B,CAED,oBAAIoB,GACF,OAAOC,EAAuBzD,KAAKqD,WAAY,QAChD,CA0HD,oBAAIK,GACF,MAAiD,SAA1C1D,KAAKoC,aAAa,mBAC1B,CAEK,mBAAAuB,4CACJ,MAAM5B,QAAe/B,KAAK8B,YAC1B,MAAO,qBAAsBC,EAASA,EAAO6B,sBAAmBlB,IACjE,CAuCK,gBAAAmB,4CACJ,MAAM9B,QAAe/B,KAAK8B,YAC1B,MAAO,kBAAmBC,EAASA,EAAO+B,mBAAgBpB,IAC3D,CAEK,aAAAqB,oDACJ,MAAMD,QAAsB9D,KAAK6D,mBAE3BG,aACJF,aAAA,EAAAA,EAAeG,4BAAQjE,KAAKmC,UAAY,GAE1C,OADkB,QAAlB+B,EAAAF,EAAWG,eAAO,IAAAD,IAAlBF,EAAWG,QAAY,GAChBH,IACR,CAEK,gBAAAI,4CACJ,MAAMJ,QAAmBhE,KAAK+D,gBAC9B,QAAQC,eAAAA,EAAYK,gBAAiB,IAAIC,KAAK1B,GAC5CA,EAAO2B,kBAEV,CA4DK,oBAAAC,kDACJ,MAAMzC,QAAe/B,KAAK8B,YACpBqC,EACJ,kBAAmBpC,EAA+B,QAAtBgB,EAAAhB,EAAO+B,qBAAe,IAAAf,OAAA,EAAAA,EAAA0B,kBAAoB,GAExE,OAAIN,IAEJnE,KAAKM,OAAOH,MAAM,wDAEX,YACR,CAIK,IAAAuE,0GAcJ,GAbA1E,KAAKC,WAAa,UAClB,CAAC,QAAS,QAAS,WAAW0E,SAASC,GACrC5E,KAAK6E,iBAAiBD,GAAQ,KAC5B5E,KAAKC,WAAa2E,CAAM,YAIZ,QAAV7B,EAAA+B,EAAMJ,YAAI,IAAA3B,OAAA,EAAAA,EAAAtC,KAAAT,MAChBQ,EAAAR,KAAIgB,EAAA,KAAa+D,UAAUvE,EAAAR,KAAqBwB,EAAA,IAAAwD,GAACtD,KAAK1B,OACtDQ,EAAAR,KAAIgB,EAAA,KAAaiE,OAAO,CAAEC,QAASlF,KAAKa,QAExCL,EAAAR,KAAIwB,EAAA,IAAA2D,GAAJ1E,KAAAT,YAEUQ,EAAAR,KAAIwB,EAAA,IAAA4D,QAAJpF,MAMR,YALAA,KAAKE,cAAcC,MACjB,uDACA,qFAMJ,MAAM4B,QAAe/B,KAAK8B,YAC1B,GAAI,oBAAqBC,GAAUA,EAAOC,gBAMxC,YALAhC,KAAKE,cAAcC,MACjB,yBACA,sDAMJK,EAAAR,KAAIwB,EAAA,IAAA6D,GAAJ5E,KAAAT,MAEA,MAAMsF,YACJA,EAAWC,OACXA,EAAMC,MACNA,EAAKC,KACLA,EAAIC,cACJA,EAAaC,wBACbA,EAAuBC,8BACvBA,EAA6BC,0BAC7BA,EAAyBC,sBACzBA,EAAqBC,eACrBA,GACEC,EAAgBhG,KAAKmC,OAAQnC,KAAKE,eAGtC+F,OAAOpB,iBAAiB,WAAYrE,EAAAR,KAAkBsB,EAAA,KAACC,UAIvD0E,OAAOpB,iBACL,qBACArE,EAAAR,KAAkBsB,EAAA,KAACK,mBAGrBnB,EAAAR,KAAIc,EAAA,KAAYiE,UAAUvE,EAAAR,KAAkBwB,EAAA,IAAA0E,GAACxE,KAAK1B,OAElDQ,EAAAR,KAAec,EAAA,KAACmE,OACdkB,OAAAC,OAAA,CAAAC,UAAWrG,KAAKqG,UAChBlE,OAAQnC,KAAKmC,OACbmE,QAAStG,KAAKsG,QACdC,OAAQvG,KAAKyC,SACbE,YAAa3C,KAAK2C,YAClBC,OAAQ5C,KAAK4C,OACb2C,SACAD,cACAE,QACAC,OACAC,gBACAC,0BACAC,gCACAC,4BACAC,yBACGC,IAGL9D,EAAAjC,KAAIF,GAAS,EAAI,OAClB,CAED,oBAAA0G,GACEhG,EAAAR,KAAIc,EAAA,KAAY2F,iBAChBjG,EAAAR,KAAIgB,EAAA,KAAayF,iBACjBjG,EAAAR,KAAIwB,EAAA,IAAAkF,GAAJjG,KAAAT,MACAiG,OAAOU,oBAAoB,WAAYnG,EAAAR,KAAkBsB,EAAA,KAACC,UAC1D0E,OAAOU,oBACL,qBACAnG,EAAAR,KAAkBsB,EAAA,KAACK,kBAEtB,CAED,wBAAAiF,CACEC,EACAC,EACAC,GAEA,GAAK/G,KAAKgH,WAAWC,aAAgBzG,EAAAR,KAAUF,EAAA,MAG7CgH,IAAaC,GACbG,EAAcxH,mBAAmByH,SAASN,GAC1C,CACArG,EAAAR,KAAIwB,EAAA,IAAA2D,GAAJ1E,KAAAT,MAEA,MAAMoH,EAA4B,OAAbN,EAErBtG,EAAAR,KAAIc,EAAA,KAAYmE,QAAO,EAAGM,SAAQD,kBAChC,IAAI+B,EAAY9B,EACZ+B,EAAiBhC,EASrB,OANK8B,IACHE,EAAiB,KACjBD,EAAY,KACZE,KAGK,CACL,CAACC,EAAUX,IAAYE,EACvBxB,OAAQ8B,EACR/B,YAAagC,EACd,IAGH9G,EAAAR,KAAIgB,EAAA,KAAaiE,OAAO,CAAEC,QAASlF,KAAKa,OACzC,CACF,mIAldCb,KAAKgH,WAAWS,YAAYC,EAAaC,QAAQC,WAAU,IAC3D5H,KAAK6H,YAAcC,SAASC,cAAc,QAC1C/H,KAAK6H,YAAYG,UAAUC,IAAI,UAC/BjI,KAAKkI,YAAYT,YAAYzH,KAAK6H,YACpC,EAAC1C,EAAA,WA4EC,MAAMgD,EAAqB,CACzB,WACA,SACA,SACA,QACA,eACA,aACA,gCACA,4CACA,UACA,iBACA,OACA,SACA,mBACA,YAGFjB,EAAcxH,mBAAmBiF,SAASyD,IACxC,IAAKD,EAAmBhB,SAASiB,KAAUpI,KAAKwH,EAAUY,IACxD,MAAM7H,MAAM,GAAG6H,oBAAuB,GAE5C,EAAC3G,EAAA,WAGC,MAAM8D,OAAEA,EAAMD,YAAEA,GAAgB+C,EAAiBrI,KAAKmC,QACtD3B,EAAAR,KAAec,EAAA,KAACmE,OAAO,CAAEM,SAAQD,eACnC,EAACgD,EAAA,SAEUjC,EAAmBC,GAC5BtG,KAAKuI,IAAMC,EAASrC,OAAAC,OAAAD,OAAAC,OAAA,CAElBqC,eAAe,EACfrF,QAASpD,KAAKoD,QACdD,cAAenD,KAAKmD,cACpBF,2BAA4BjD,KAAKiD,2BACjCC,qCACElD,KAAKkD,sCACJgE,EAAcwB,qBACjBrC,YACAC,aAIF,CAAC,QAAS,QAAQ3B,SAASgE,IACzB,MAAMC,EAAS5I,KAAKuI,IAAIM,KAAKF,GAE7B3I,KAAKuI,IAAIM,KAAKF,GAAO,IAAUG,IAAmCC,EAAA/I,UAAA,OAAA,GAAA,YAChEA,KAAKmB,kBAAkB8D,OAAO,CAAE7D,WAAW,IAC3C,IAEE,aADmBwH,KAAUE,EAE9B,CAAC,MAAOtG,GAEP,MAAO,CACLrC,MAAO,CACL6I,UAAWC,EACXC,iBAAkB1G,EAAE2G,YAGzB,CAAS,QACRnJ,KAAKmB,kBAAkB8D,OAAO,CAAE7D,WAAW,GAC5C,CACH,GAAC,GAEL,EAGE8E,EAAA,SAAAkD,EACAC,EACAC,4CAEA,MAAMjD,UAAEA,EAASC,QAAEA,GAAY8C,EAK/B,GAFEE,EAAU,cAAgBA,EAAU,WAET,CAC3B,IAAKjD,EAAW,OAEhB7F,EAAAR,cAAAS,KAAAT,KAAgBqG,EAAWC,EAC5B,CAGD9F,EAAAR,KAAqB6B,EAAA,KAAApB,KAArBT,KAAsBoJ,6DAItB,MAAMrH,QAAe/B,KAAK8B,YAE1B,MACE,oBAAqBC,GACrBA,EAAOC,wBACAxB,EAAAR,KAAIwB,EAAA,IAAA+H,QAAJvJ,iEAOT,MAAMwJ,EAAmBC,EAAc,CACrCpD,UAAWrG,KAAKqG,UAChBqD,SAAUC,EACVC,aAAcC,EACdvD,QAAStG,KAAK8J,gBAEhB,IAEE,aADMC,EAAaP,EAAkB,SAC9B,CACR,CAAC,MAAOhH,GACP,OAAO,CACR,iBAKsBA,GACvBP,EAAAjC,KAA+BiB,EAAAkF,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAA5F,EAAAR,KAAIiB,EAAA,MAAwBuB,EAAEwH,QAAM,IACrE,EAACtD,EAAA,iBAYoB,QAAnB3D,EAAAvC,EAAAR,KAAIqB,EAAA,YAAe,IAAA0B,GAAAA,EAAAkH,SACnBhI,EAAAjC,KAAIqB,EAAgB,KAAI,IAC1B,EAAC2D,EAAA,SAAAjC,GAEsB,OAAAgG,EAAA/I,KAAAkK,eAAA,GAAA,WAAAhF,QAAEA,IACnBA,GACFjD,EAAAjC,OAAoB8H,SAASC,cAC3B,oBAGD,KAED5B,OAAOC,OAAO5F,EAAAR,KAAiBqB,EAAA,KAAC8I,MAAO,CACrCC,SAAU,QACVC,IAAK,IACLC,MAAO,IACPC,OAAQ,QACRC,MAAO,QACPC,cAAe,OACfC,OAAQ,cAIJC,OAAO,qBAEb7C,SAAS8C,KAAKnD,YAAYjH,EAAAR,KAAiBqB,EAAA,OAE3Cb,EAAAR,KAAIwB,EAAA,IAAAkF,GAAJjG,KAAAT,QAIoB,EAAA6K,EAAA,SAAAC,EAAezK,SACjCyK,GAAS9K,KAAKa,QACC,QAAjBkC,EAAAvC,EAAAR,KAAiBqB,EAAA,YAAA,IAAA0B,GAAAA,EAAEgI,WAAW,CAAED,QAAOzK,gBAC3C,EAACgF,EAAA,WAyBCrF,KAAKkI,YAAY8C,UAAaxI,cAE5B,MAAMyI,KAC6B,UAA/BjL,KAAKgH,WAAWkE,qBAAe,IAAAnI,OAAA,EAAAA,EAAAX,aAAa,SAC1C+I,EAA0BC,EAAgCjE,SAClB,UAAf,QAA7BjD,EAAAlE,KAAKgH,WAAWkE,qBAAa,IAAAhH,OAAA,EAAAA,EAAEmH,iBAAa,IAAAC,EAAAA,EAAA,IAG9C,GAAc,UAAV9I,EAAEmG,KAAmBsC,GAAoBE,EAC3C,OAEF3I,EAAE+I,iBACF,MAAMC,EACJxL,KAAKkI,YAAYuD,iBAAiB,kBAGpC,GACqB,IAAnBD,EAAQE,QACmC,UAA3CF,EAAQ,GAAGpJ,aAAa,eAGxB,YADAoJ,EAAQ,GAAGG,QAIb,MAAMC,EAAoBC,MAAMC,KAAKN,GAASO,QAC3CC,GAAkD,SAAvCA,EAAO5J,aAAa,iBAElC,GAAiC,IAA7BwJ,EAAkBF,OAEpB,YADAE,EAAkB,GAAGD,QAIvB,MAAMM,EAAiBJ,MAAMC,KAAKN,GAASO,QACxCC,GAAgD,WAArCA,EAAO5J,aAAa,eAIlC,GAA8B,IAA1B6J,EAAeP,OACqC,UAAlDO,EAAe,GAAG7J,aAAa,gBACjC6J,EAAe,GAAGN,aAEf,GAA8B,IAA1BM,EAAeP,OAAc,CACtC,MAAMQ,EAAaL,MAAMC,KAAKN,GAASO,QACpCC,GAAgD,QAArCA,EAAO5J,aAAa,eAIR,IAAtB8J,EAAWR,QACqC,UAA9CQ,EAAW,GAAG9J,aAAa,gBAC7B8J,EAAW,GAAGP,OAGnB,EAEL,EApYOlM,EAAAiJ,mBAAyC,CAC9CyD,YAAa,CACX,qBAAsB,gBACtB,wBAAyB"}
@@ -1 +1,2 @@
1
- import{__classPrivateFieldGet as e,__classPrivateFieldSet as t,__awaiter as i,__rest as o}from"tslib";import{ensureFingerprintIds as s,clearFingerprintData as n}from"@descope/web-js-sdk";import{URL_CODE_PARAM_NAME as r,URL_TOKEN_PARAM_NAME as l,URL_RUN_IDS_PARAM_NAME as a,RESPONSE_ACTIONS as d,CUSTOM_INTERACTIONS as c,ELEMENT_TYPE_ATTRIBUTE as h,DESCOPE_ATTRIBUTE_EXCLUDE_FIELD as u,DESCOPE_ATTRIBUTE_EXCLUDE_NEXT_BUTTON as p}from"../constants/index.js";import{timeoutPromise as g,withMemCache as v,leadingDebounce as m,getUserLocale as f,showFirstScreenOnExecutionInit as b,injectSamlIdpForm as w,getAnimationDirection as y,getElementDescopeAttributes as I,submitForm as C,handleAutoFocus as k,handleReportValidityOnBlur as S,getFirstNonEmptyValue as O,clearPreviousExternalInputs as R}from"../helpers/helpers.js";import j from"../helpers/state.js";import{disableWebauthnButtons as E,updateTemplateFromScreenState as A,setPhoneAutoDetectDefaultCode as x,setTOTPVariable as W,setNOTPVariable as U,setCssVars as T,updateScreenFromScreenState as L}from"../helpers/templates.js";import{isConditionalLoginSupported as $}from"../helpers/webauthn.js";import{getABTestingKey as P}from"../helpers/abTestingKey.js";import{calculateConditions as F,calculateCondition as V}from"../helpers/conditions.js";import{setLastAuth as N,getLastAuth as q}from"../helpers/lastAuth.js";import{Direction as M}from"../types.js";import D from"./BaseDescopeWc.js";import K,{getScriptResultPath as H}from"./sdkScripts/index.js";import{FETCH_EXCEPTION_ERROR_CODE as B,FETCH_ERROR_RESPONSE_ERROR_CODE as G}from"../constants/general.js";var J,_,z,Q,X,Y,Z,ee,te,ie,oe,se,ne,re,le,ae,de,ce,he,ue,pe,ge,ve;class me extends D{static set sdkConfigOverrides(e){D.sdkConfigOverrides=e}static get sdkConfigOverrides(){return D.sdkConfigOverrides}constructor(){const o=new j({deferredRedirect:!1});super(o.update.bind(o)),J.add(this),this.stepState=new j({},{updateOnlyOnChange:!1}),_.set(this,void 0),z.set(this,null),Q.set(this,{visibilitychange:e(this,J,"m",X).bind(this)}),this.bridgeVersion=1,this.nativeResume=(t,i)=>{var o;const s=JSON.parse(i);if(this.logger.info(`nativeResume received payload of type '${t}'`),"oauthWeb"===t||"sso"===t){let{exchangeCode:e}=s;if(!e){e=null===(o=new URL(s.url).searchParams)||void 0===o?void 0:o.get(r)}this.nativeComplete({exchangeCode:e,idpInitiated:!0})}else if("magicLink"===t){const t=new URL(s.url),i=t.searchParams.get(l),o=t.searchParams.get(a).split("_").pop();e(this,ee,"f").call(this),this.flowState.update({token:i,stepId:o,action:void 0})}else this.nativeComplete(s)},Z.set(this,((o,s,n,r,l=!1)=>{if(this.flowState.current.action===d.poll){this.logger.debug("polling - Scheduling polling request");const a=Date.now(),d=l?500:2e3;t(this,_,setTimeout((()=>i(this,void 0,void 0,(function*(){var t;this.logger.debug("polling - Calling next");const i=this.sdk.flow.next(o,s,c.polling,n,r,{}),h=document.hidden&&!l&&Date.now()-a>d+500;let u;h&&this.logger.debug("polling - The polling seems to be throttled");try{const e=h?1e3:6e3;u=yield g(e,i)}catch(t){return this.logger.warn(`polling - The ${h?"throttled fetch":"fetch"} call timed out or was aborted`),void e(this,Z,"f").call(this,o,s,n,r,h)}if((null===(t=null==u?void 0:u.error)||void 0===t?void 0:t.errorCode)===B)return this.logger.debug("polling - Got a generic error due to exception in fetch call"),void e(this,Z,"f").call(this,o,s,n,r);this.logger.debug("polling - Got a response"),(null==u?void 0:u.error)&&this.logger.debug("polling - Response has an error",JSON.stringify(u.error,null,4)),e(this,te,"f").call(this,u),e(this,Z,"f").call(this,o,s,n,r)}))),d),"f")}})),ee.set(this,(()=>{clearTimeout(e(this,_,"f")),t(this,_,null,"f")})),te.set(this,(t=>{var i,o,s,n,r,l,a,c,h,u,p,g;if(!(null==t?void 0:t.ok)){const a=null===(i=null==t?void 0:t.response)||void 0===i?void 0:i.url,d=`${null===(o=null==t?void 0:t.response)||void 0===o?void 0:o.status} - ${null===(s=null==t?void 0:t.response)||void 0===s?void 0:s.statusText}`;e(this,J,"m",ve).call(this,"error",(null==t?void 0:t.error)||{errorCode:G,errorDescription:d,errorMessage:a}),this.loggerWrapper.error((null===(n=null==t?void 0:t.error)||void 0===n?void 0:n.errorDescription)||a,(null===(r=null==t?void 0:t.error)||void 0===r?void 0:r.errorMessage)||d);const c=null===(l=null==t?void 0:t.error)||void 0===l?void 0:l.errorCode;return void("E102004"!==c&&"E103205"!==c||!this.isRestartOnError||e(this,J,"m",Y).call(this))}null===(c=null===(a=t.data)||void 0===a?void 0:a.runnerLogs)||void 0===c||c.forEach((e=>{const{level:t,title:i,log:o}=e;t&&this.loggerWrapper[t]?this.loggerWrapper[t](i,o):this.loggerWrapper.info(i,o)}));const v=null===(p=null===(u=null===(h=t.data)||void 0===h?void 0:h.screen)||void 0===u?void 0:u.state)||void 0===p?void 0:p.errorText;(null===(g=t.data)||void 0===g?void 0:g.error)?this.loggerWrapper.error(`[${t.data.error.code}]: ${t.data.error.description}`,`${v?`${v} - `:""}${t.data.error.message}`):v&&this.loggerWrapper.error(v);const{status:m,authInfo:f,lastAuth:b}=t.data;if("completed"===m)return this.storeLastAuthenticatedUser&&N(b),void e(this,J,"m",ve).call(this,"success",f);const{executionId:w,stepId:y,stepName:I,action:C,screen:k,redirect:S,openInNewTabUrl:O,webauthn:R,error:j,samlIdpResponse:E,nativeResponse:A}=t.data;C!==d.poll?(this.loggerWrapper.info(`Step "${I||`#${y}`}" is ${m}`,"",{screen:k,status:m,stepId:y,stepName:I,action:C,error:j}),this.flowState.update({stepId:y,executionId:w,action:C,redirectTo:null==S?void 0:S.url,openInNewTabUrl:O,screenId:null==k?void 0:k.id,screenState:null==k?void 0:k.state,webauthnTransactionId:null==R?void 0:R.transactionId,webauthnOptions:null==R?void 0:R.options,samlIdpResponseUrl:null==E?void 0:E.url,samlIdpResponseSamlResponse:null==E?void 0:E.samlResponse,samlIdpResponseRelayState:null==E?void 0:E.relayState,nativeResponseType:null==A?void 0:A.type,nativePayload:null==A?void 0:A.payload})):this.flowState.update({action:C})})),ie.set(this,v((()=>i(this,void 0,void 0,(function*(){var e;try{const t=yield this.sdk.webauthn.signIn.start("",window.location.origin);return t.ok||this.loggerWrapper.warn("Webauthn start failed",null===(e=null==t?void 0:t.error)||void 0===e?void 0:e.errorMessage),t.data}catch(e){this.loggerWrapper.warn("Webauthn start failed",e.message)}}))))),he.set(this,m(((t,o)=>i(this,void 0,void 0,(function*(){var i;if("true"===t.getAttribute("formnovalidate")||e(this,J,"m",ne).call(this)){const s=null==t?void 0:t.getAttribute("id");e(this,J,"m",le).call(this,t);const n=yield e(this,J,"m",re).call(this),r=I(t),l=this.getComponentsContext(),a=Object.assign(Object.assign(Object.assign(Object.assign({},l),r),n),{origin:(null===(i=this.nativeOptions)||void 0===i?void 0:i.origin)||window.location.origin}),d=yield this.getFlowConfig(),c=yield this.getProjectConfig(),h=yield o(s,d.version,c.componentsVersion,a);e(this,te,"f").call(this,h),e(this,J,"m",ae).call(this,n)}}))))),this.flowState=o}loadSdkScripts(){return i(this,void 0,void 0,(function*(){const e=(yield this.getFlowConfig()).sdkScripts;null==e||e.forEach((e=>i(this,void 0,void 0,(function*(){(yield K(e.id))(e.initArgs,{baseUrl:this.baseUrl},(t=>{this.dispatchEvent(new CustomEvent("components-context",{detail:{[H(e.id,e.resultKey)]:t},bubbles:!0,composed:!0}))}))}))))}))}init(){const t=Object.create(null,{init:{get:()=>super.init}});return i(this,void 0,void 0,(function*(){var i,o,s;this.shadowRoot.isConnected&&(null===(i=this.flowState)||void 0===i||i.subscribe(this.onFlowChange.bind(this)),null===(o=this.stepState)||void 0===o||o.subscribe(this.onStepChange.bind(this)),window.addEventListener("visibilitychange",e(this,Q,"f").visibilitychange)),yield null===(s=t.init)||void 0===s?void 0:s.call(this)}))}disconnectedCallback(){var i;super.disconnectedCallback(),this.flowState.unsubscribeAll(),this.stepState.unsubscribeAll(),null===(i=e(this,z,"f"))||void 0===i||i.abort(),t(this,z,null,"f"),window.removeEventListener("visibilitychange",e(this,Q,"f").visibilitychange)}getHtmlFilenameWithLocale(e,t){return i(this,void 0,void 0,(function*(){let i;const o=f(e),s=yield this.getTargetLocales();return s.includes(o.locale)?i=`${t}-${o.locale}.html`:s.includes(o.fallback)&&(i=`${t}-${o.fallback}.html`),i}))}getPageContent(e,t){return i(this,void 0,void 0,(function*(){if(t)try{const{body:e}=yield this.fetchStaticResource(t,"text");return e}catch(i){this.loggerWrapper.error(`Failed to fetch flow page from ${t}. Fallback to url ${e}`,i)}try{const{body:t}=yield this.fetchStaticResource(e,"text");return t}catch(e){this.loggerWrapper.error("Failed to fetch flow page",e.message)}return null}))}onFlowChange(r,l,a){return i(this,void 0,void 0,(function*(){var h,u;const{projectId:p,flowId:g,tenant:v,stepId:m,executionId:I,action:k,screenId:S,screenState:O,redirectTo:R,openInNewTabUrl:j,redirectUrl:E,token:A,code:x,exchangeError:W,webauthnTransactionId:U,webauthnOptions:T,redirectAuthCodeChallenge:L,redirectAuthCallbackUrl:$,redirectAuthBackupCallbackUri:N,redirectAuthInitiator:M,locale:D,samlIdpResponseUrl:K,samlIdpResponseSamlResponse:H,samlIdpResponseRelayState:B,nativeResponseType:G,nativePayload:_}=r,Q=o(r,["projectId","flowId","tenant","stepId","executionId","action","screenId","screenState","redirectTo","openInNewTabUrl","redirectUrl","token","code","exchangeError","webauthnTransactionId","webauthnOptions","redirectAuthCodeChallenge","redirectAuthCallbackUrl","redirectAuthBackupCallbackUri","redirectAuthInitiator","locale","samlIdpResponseUrl","samlIdpResponseSamlResponse","samlIdpResponseRelayState","nativeResponseType","nativePayload"]);let X,Y;const ee=P(),ie=this.sdk.getLastUserLoginId(),oe=yield this.getFlowConfig(),se=yield this.getProjectConfig(),ne=Object.entries(se.flows||{}).reduce(((e,[t,i])=>(e[t]=i.version,e)),{}),re=$&&L?{callbackUrl:$,codeChallenge:L,backupCallbackUri:N}:void 0,le=this.nativeOptions?{platform:this.nativeOptions.platform,oauthProvider:this.nativeOptions.oauthProvider,oauthRedirect:this.nativeOptions.oauthRedirect,magicLinkRedirect:this.nativeOptions.magicLinkRedirect,ssoRedirect:this.nativeOptions.ssoRedirect}:void 0;if(!I&&(this.loadSdkScripts(),oe.fingerprintEnabled&&oe.fingerprintKey?yield s(oe.fingerprintKey,this.baseUrl):n(),oe.conditions?({startScreenId:X,conditionInteractionId:Y}=F({loginId:ie,code:x,token:A,abTestingKey:ee},oe.conditions)):oe.condition?({startScreenId:X,conditionInteractionId:Y}=V(oe.condition,{loginId:ie,code:x,token:A,abTestingKey:ee})):X=oe.startScreenId,!b(X,Q))){const t=yield this.sdk.flow.start(g,Object.assign(Object.assign(Object.assign(Object.assign({tenant:v,redirectAuth:re},Q),{client:this.client}),E&&{redirectUrl:E}),{lastAuth:q(ie),abTestingKey:ee,locale:f(D).locale,nativeOptions:le}),Y,"",se.componentsVersion,ne,Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},this.formConfigValues),x?{exchangeCode:x,idpInitiated:!0}:{}),Q.descopeIdpInitiated&&{idpInitiated:!0}),A?{token:A}:{}),Q.oidcLoginHint?{externalId:Q.oidcLoginHint}:{}));return e(this,te,"f").call(this,t),void("completed"!==(null===(h=null==t?void 0:t.data)||void 0===h?void 0:h.status)&&this.flowState.update({code:void 0,token:void 0}))}if(I&&(a("token")&&A||a("code")&&x||a("exchangeError")&&W)){const t=yield this.sdk.flow.next(I,m,c.submit,oe.version,se.componentsVersion,{token:A,exchangeCode:x,exchangeError:W});return e(this,te,"f").call(this,t),void this.flowState.update({token:void 0,code:void 0,exchangeError:void 0})}if(k===d.loadForm&&["samlIdpResponseUrl","samlIdpResponseSamlResponse","samlIdpResponseRelayState"].some((e=>a(e)))){if(!K||!H)return void this.loggerWrapper.error("Did not get saml idp params data to load");w(K,H,B||"",C)}if(k===d.redirect&&(a("redirectTo")||a("deferredRedirect")))return R?"android"===M&&document.hidden?void this.flowState.update({deferredRedirect:!0}):void window.location.assign(R):void this.loggerWrapper.error("Did not get redirect url");if(k===d.webauthnCreate||k===d.webauthnGet){if(!U||!T)return void this.loggerWrapper.error("Did not get webauthn transaction id or options");let i,o;null===(u=e(this,z,"f"))||void 0===u||u.abort(),t(this,z,null,"f");try{i=k===d.webauthnCreate?yield this.sdk.webauthn.helpers.create(T):yield this.sdk.webauthn.helpers.get(T)}catch(e){"InvalidStateError"===e.name?this.loggerWrapper.warn("WebAuthn operation failed",e.message):"NotAllowedError"!==e.name&&this.loggerWrapper.error(e.message),o=e.name}const s=yield this.sdk.flow.next(I,m,c.submit,oe.version,se.componentsVersion,{transactionId:U,response:i,failure:o});e(this,te,"f").call(this,s)}if(k===d.nativeBridge)return this.nativeComplete=t=>i(this,void 0,void 0,(function*(){const i=yield this.sdk.flow.next(I,m,c.submit,oe.version,se.componentsVersion,t);e(this,te,"f").call(this,i)})),void e(this,J,"m",ve).call(this,"bridge",{type:G,payload:_});if(e(this,Z,"f").call(this,I,m,oe.version,se.componentsVersion),!S&&!X)return void this.loggerWrapper.warn("No screen was found to show");const ae=X||S,de=yield this.getHtmlFilenameWithLocale(D,ae),{oidcLoginHint:ce,oidcPrompt:he,oidcErrorRedirectUri:ue,samlIdpUsername:pe}=Q,ge={direction:y(m,l.stepId),screenState:Object.assign(Object.assign({},O),{form:Object.assign(Object.assign({},this.formConfigValues),null==O?void 0:O.form),lastAuth:{loginId:ie,name:this.sdk.getLastUserDisplayName()||ie}}),htmlFilename:`${ae}.html`,htmlLocaleFilename:de,samlIdpUsername:pe,oidcLoginHint:ce,oidcPrompt:he,oidcErrorRedirectUri:ue,openInNewTabUrl:j},me=q(ie);b(X,Q)?ge.next=(e,t,i,o)=>this.sdk.flow.start(g,Object.assign(Object.assign(Object.assign(Object.assign({tenant:v,redirectAuth:re},Q),{lastAuth:me,preview:this.preview,abTestingKey:ee,client:this.client}),E&&{redirectUrl:E}),{locale:f(D).locale,nativeOptions:le}),Y,e,i,ne,Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},this.formConfigValues),o),x&&{exchangeCode:x,idpInitiated:!0}),Q.descopeIdpInitiated&&{idpInitiated:!0}),A&&{token:A})):(a("projectId")||a("baseUrl")||a("executionId")||a("stepId"))&&(ge.next=(...e)=>this.sdk.flow.next(I,m,...e)),this.stepState.update(ge)}))}onStepChange(t,o){return i(this,void 0,void 0,(function*(){var s,n;const{htmlFilename:r,htmlLocaleFilename:l,direction:a,next:d,screenState:u,openInNewTabUrl:p}=t,g=document.createElement("template");g.innerHTML=yield this.getPageContent(r,l);const v=g.content.cloneNode(!0),m=this.loadDescopeUiComponents(g);this.sdk.webauthn.helpers.isSupported()?yield e(this,J,"m",se).call(this,v,d):E(v),!t.samlIdpUsername||(null===(s=u.form)||void 0===s?void 0:s.loginId)||(null===(n=u.form)||void 0===n?void 0:n.email)||(u.form||(u.form={}),u.form.loginId=t.samlIdpUsername,u.form.email=t.samlIdpUsername),A(v,u,u.componentsConfig,this.formConfig,this.errorTransformer,this.loggerWrapper);const{geo:f}=yield this.getExecutionContext();x(v,f);const b=()=>i(this,void 0,void 0,(function*(){var t,i;yield m;const s=this.shadowRoot.querySelector("div");W(s,null===(t=null==u?void 0:u.totp)||void 0===t?void 0:t.image),U(s,null===(i=null==u?void 0:u.notp)||void 0===i?void 0:i.image),T(s,v,u.cssVars,this.loggerWrapper),this.rootElement.replaceChildren(v);const n=!o.htmlFilename;setTimeout((()=>{e(this,J,"m",de).call(this),k(this.rootElement,this.autoFocus,n),this.validateOnBlur&&S(this.rootElement),L(this.rootElement,u)})),e(this,J,"m",pe).call(this,d),n&&e(this,J,"m",ve).call(this,"ready",{}),e(this,J,"m",ve).call(this,"page-updated",{});if(this.rootElement.querySelector(`[${h}="polling"]`)){const t=yield this.getFlowConfig(),i=yield this.getProjectConfig(),o=yield d(c.polling,t.version,i.componentsVersion,{});e(this,te,"f").call(this,o)}p&&!o.openInNewTabUrl&&window.open(p,"_blank")}));a?e(this,J,"m",ge).call(this,b,a):b()}))}}_=new WeakMap,z=new WeakMap,Q=new WeakMap,Z=new WeakMap,ee=new WeakMap,te=new WeakMap,ie=new WeakMap,he=new WeakMap,J=new WeakSet,X=function(){document.hidden||setTimeout((()=>{this.flowState.update({deferredRedirect:!1})}),300)},Y=function(){return i(this,void 0,void 0,(function*(){this.loggerWrapper.debug("Trying to restart the flow");const e=yield this.getComponentsVersion();this.reset();e===(yield this.getComponentsVersion())?(this.loggerWrapper.debug("Components version was not changed, restarting flow"),this.flowState.update({stepId:null,executionId:null})):this.loggerWrapper.error("Components version mismatch, please reload the page")}))},oe=function(e){const t=e.getAttribute("name");if(!["email"].includes(t)){const i=`user-${t}`;e.setAttribute("name",i),e.addEventListener("input",(()=>{e.setAttribute("name",e.value?t:i)}))}},se=function(o,s){return i(this,void 0,void 0,(function*(){var n;null===(n=e(this,z,"f"))||void 0===n||n.abort();const r=o.querySelector('*[autocomplete="webauthn"]');if(r&&(yield $())){const{options:o,transactionId:n}=(yield e(this,ie,"f").call(this))||{};if(o&&n){e(this,J,"m",oe).call(this,r),t(this,z,new AbortController,"f");const l=yield this.getFlowConfig(),a=yield this.getProjectConfig();this.sdk.webauthn.helpers.conditional(o,e(this,z,"f")).then((t=>i(this,void 0,void 0,(function*(){const i=yield s(r.id,l.version,a.componentsVersion,{transactionId:n,response:t});e(this,te,"f").call(this,i)})))).catch((e=>{"AbortError"!==e.name&&this.loggerWrapper.error("Conditional login failed",e.message)}))}}}))},ne=function(){let e=!0;return Array.from(this.shadowRoot.querySelectorAll("*[name]")).reverse().forEach((t=>{var i,o;"slot"!==t.localName&&(null===(i=t.reportValidity)||void 0===i||i.call(t),e&&(e=null===(o=t.checkValidity)||void 0===o?void 0:o.call(t)))})),e},re=function(){return i(this,void 0,void 0,(function*(){const e=Array.from(this.shadowRoot.querySelectorAll(`*[name]:not([${u}])`));return(yield Promise.all(e.map((e=>i(this,void 0,void 0,(function*(){return{name:e.getAttribute("name"),value:e.value}})))))).reduce(((e,t)=>Object.assign(Object.assign({},e),{[t.name]:t.value})),{})}))},le=function(e){const t=this.nextRequestStatus.subscribe((({isLoading:i})=>{i?e.setAttribute("loading","true"):(this.nextRequestStatus.unsubscribe(t),e.removeAttribute("loading"))}))},ae=function(e={}){var t,i;const o=O(e,["externalId","email","phone"]),s=O(e,["newPassword","password"]);if(o&&s)try{if(!globalThis.PasswordCredential)return;const e=new globalThis.PasswordCredential({id:o,password:s});null===(i=null===(t=null===navigator||void 0===navigator?void 0:navigator.credentials)||void 0===t?void 0:t.store)||void 0===i||i.call(t,e)}catch(e){this.loggerWrapper.error("Could not store credentials",e.message)}},de=function(){R();this.rootElement.querySelectorAll('[external-input="true"]').forEach((t=>e(this,J,"m",ce).call(this,t)))},ce=function(e){if(!e)return;e.querySelectorAll("input").forEach((t=>{const i=t.getAttribute("slot"),o=`input-${e.id}-${i}`,s=document.createElement("slot");s.setAttribute("name",o),s.setAttribute("slot",i),e.appendChild(s),t.setAttribute("slot",o),this.appendChild(t)}))},ue=function(t){this.rootElement.querySelectorAll('descope-passcode[data-auto-submit="true"]').forEach((i=>{i.addEventListener("input",(()=>{var o;(null===(o=i.checkValidity)||void 0===o?void 0:o.call(i))&&e(this,he,"f").call(this,i,t)}))}))},pe=function(t){this.rootElement.querySelectorAll(`descope-button:not([${p}])`).forEach((i=>{i.onclick=()=>{e(this,he,"f").call(this,i,t)}})),e(this,J,"m",ue).call(this,t)},ge=function(e,t){this.rootElement.addEventListener("transitionend",(()=>{this.rootElement.classList.remove("fade-out"),e()}),{once:!0});const i=t===M.forward?"slide-forward":"slide-backward";Array.from(this.rootElement.getElementsByClassName("input-container")).forEach(((e,t)=>{e.style["transition-delay"]=40*t+"ms",e.classList.add(i)})),this.rootElement.classList.add("fade-out")},ve=function(e,t){this.dispatchEvent(new CustomEvent(e,{detail:t}))};export{me as default};
1
+ import{__classPrivateFieldGet as e,__classPrivateFieldSet as t,__awaiter as i,__rest as o}from"tslib";import{ensureFingerprintIds as s,clearFingerprintData as n}from"@descope/web-js-sdk";import{URL_CODE_PARAM_NAME as r,URL_TOKEN_PARAM_NAME as a,URL_RUN_IDS_PARAM_NAME as l,RESPONSE_ACTIONS as d,CUSTOM_INTERACTIONS as c,ELEMENT_TYPE_ATTRIBUTE as h,DESCOPE_ATTRIBUTE_EXCLUDE_FIELD as u,DESCOPE_ATTRIBUTE_EXCLUDE_NEXT_BUTTON as p}from"../constants/index.js";import{timeoutPromise as g,withMemCache as m,leadingDebounce as v,getUserLocale as f,showFirstScreenOnExecutionInit as b,injectSamlIdpForm as w,getAnimationDirection as y,transformStepStateForCustomScreen as I,getElementDescopeAttributes as S,submitForm as k,handleReportValidityOnBlur as C,handleAutoFocus as R,getFirstNonEmptyValue as O,clearPreviousExternalInputs as j}from"../helpers/helpers.js";import E from"../helpers/state.js";import{disableWebauthnButtons as x,updateTemplateFromScreenState as A,setPhoneAutoDetectDefaultCode as W,setTOTPVariable as U,setNOTPVariable as T,setCssVars as L,updateScreenFromScreenState as N}from"../helpers/templates.js";import{isConditionalLoginSupported as $}from"../helpers/webauthn.js";import{getABTestingKey as F}from"../helpers/abTestingKey.js";import{calculateConditions as P,calculateCondition as V}from"../helpers/conditions.js";import{setLastAuth as M,getLastAuth as q}from"../helpers/lastAuth.js";import{Direction as D}from"../types.js";import B from"./BaseDescopeWc.js";import H,{getScriptResultPath as K}from"./sdkScripts/index.js";import{FETCH_EXCEPTION_ERROR_CODE as _,FETCH_ERROR_RESPONSE_ERROR_CODE as G}from"../constants/general.js";var J,z,Q,X,Y,Z,ee,te,ie,oe,se,ne,re,ae,le,de,ce,he,ue,pe,ge,me,ve,fe,be,we;class ye extends B{static set sdkConfigOverrides(e){B.sdkConfigOverrides=e}static get sdkConfigOverrides(){return B.sdkConfigOverrides}constructor(){const o=new E({deferredRedirect:!1});super(o.update.bind(o)),J.add(this),this.stepState=new E({},{forceUpdate:!0}),z.set(this,void 0),Q.set(this,null),X.set(this,{visibilitychange:e(this,J,"m",Y).bind(this)}),this.bridgeVersion=1,this.nativeResume=(t,i)=>{var o;const s=JSON.parse(i);if(this.logger.info(`nativeResume received payload of type '${t}'`),"oauthWeb"===t||"sso"===t){let{exchangeCode:e}=s;if(!e){e=null===(o=new URL(s.url).searchParams)||void 0===o?void 0:o.get(r)}this.nativeComplete({exchangeCode:e,idpInitiated:!0})}else if("magicLink"===t){const t=new URL(s.url),i=t.searchParams.get(a),o=t.searchParams.get(l).split("_").pop();e(this,oe,"f").call(this),this.flowState.update({token:i,stepId:o,action:void 0})}else this.nativeComplete(s)},te.set(this,(e=>{this.contentRootElement.classList.toggle("hidden",e),this.slotElement.classList.toggle("hidden",!e)})),ie.set(this,((o,s,n,r,a=!1)=>{if(this.flowState.current.action===d.poll){this.logger.debug("polling - Scheduling polling request");const l=Date.now(),d=a?500:2e3;t(this,z,setTimeout((()=>i(this,void 0,void 0,(function*(){var t;this.logger.debug("polling - Calling next");const i=this.sdk.flow.next(o,s,c.polling,n,r,{}),h=document.hidden&&!a&&Date.now()-l>d+500;let u;h&&this.logger.debug("polling - The polling seems to be throttled");try{const e=h?1e3:6e3;u=yield g(e,i)}catch(t){return this.logger.warn(`polling - The ${h?"throttled fetch":"fetch"} call timed out or was aborted`),void e(this,ie,"f").call(this,o,s,n,r,h)}if((null===(t=null==u?void 0:u.error)||void 0===t?void 0:t.errorCode)===_)return this.logger.debug("polling - Got a generic error due to exception in fetch call"),void e(this,ie,"f").call(this,o,s,n,r);this.logger.debug("polling - Got a response"),(null==u?void 0:u.error)&&this.logger.debug("polling - Response has an error",JSON.stringify(u.error,null,4)),e(this,se,"f").call(this,u),e(this,ie,"f").call(this,o,s,n,r)}))),d),"f")}})),oe.set(this,(()=>{clearTimeout(e(this,z,"f")),t(this,z,null,"f")})),se.set(this,(t=>{var i,o,s,n,r,a,l,c,h,u,p,g;if(!(null==t?void 0:t.ok)){const l=null===(i=null==t?void 0:t.response)||void 0===i?void 0:i.url,d=`${null===(o=null==t?void 0:t.response)||void 0===o?void 0:o.status} - ${null===(s=null==t?void 0:t.response)||void 0===s?void 0:s.statusText}`;e(this,J,"m",we).call(this,"error",(null==t?void 0:t.error)||{errorCode:G,errorDescription:d,errorMessage:l}),this.loggerWrapper.error((null===(n=null==t?void 0:t.error)||void 0===n?void 0:n.errorDescription)||l,(null===(r=null==t?void 0:t.error)||void 0===r?void 0:r.errorMessage)||d);const c=null===(a=null==t?void 0:t.error)||void 0===a?void 0:a.errorCode;return void("E102004"!==c&&"E103205"!==c||!this.isRestartOnError||e(this,J,"m",Z).call(this))}null===(c=null===(l=t.data)||void 0===l?void 0:l.runnerLogs)||void 0===c||c.forEach((e=>{const{level:t,title:i,log:o}=e;t&&this.loggerWrapper[t]?this.loggerWrapper[t](i,o):this.loggerWrapper.info(i,o)}));const m=null===(p=null===(u=null===(h=t.data)||void 0===h?void 0:h.screen)||void 0===u?void 0:u.state)||void 0===p?void 0:p.errorText;(null===(g=t.data)||void 0===g?void 0:g.error)?this.loggerWrapper.error(`[${t.data.error.code}]: ${t.data.error.description}`,`${m?`${m} - `:""}${t.data.error.message}`):m&&this.loggerWrapper.error(m);const{status:v,authInfo:f,lastAuth:b}=t.data;if("completed"===v)return this.storeLastAuthenticatedUser&&M(b),void e(this,J,"m",we).call(this,"success",f);const{executionId:w,stepId:y,stepName:I,action:S,screen:k,redirect:C,openInNewTabUrl:R,webauthn:O,error:j,samlIdpResponse:E,nativeResponse:x}=t.data;S!==d.poll?(this.loggerWrapper.info(`Step "${I||`#${y}`}" is ${v}`,"",{screen:k,status:v,stepId:y,stepName:I,action:S,error:j}),this.flowState.update({stepId:y,stepName:I,executionId:w,action:S,redirectTo:null==C?void 0:C.url,openInNewTabUrl:R,screenId:null==k?void 0:k.id,screenState:null==k?void 0:k.state,webauthnTransactionId:null==O?void 0:O.transactionId,webauthnOptions:null==O?void 0:O.options,samlIdpResponseUrl:null==E?void 0:E.url,samlIdpResponseSamlResponse:null==E?void 0:E.samlResponse,samlIdpResponseRelayState:null==E?void 0:E.relayState,nativeResponseType:null==x?void 0:x.type,nativePayload:null==x?void 0:x.payload})):this.flowState.update({action:S})})),ne.set(this,m((()=>i(this,void 0,void 0,(function*(){var e;try{const t=yield this.sdk.webauthn.signIn.start("",window.location.origin);return t.ok||this.loggerWrapper.warn("Webauthn start failed",null===(e=null==t?void 0:t.error)||void 0===e?void 0:e.errorMessage),t.data}catch(e){this.loggerWrapper.warn("Webauthn start failed",e.message)}}))))),me.set(this,v(((t,o)=>i(this,void 0,void 0,(function*(){var i;if("true"===t.getAttribute("formnovalidate")||e(this,J,"m",de).call(this)){const s=null==t?void 0:t.getAttribute("id");e(this,J,"m",he).call(this,t);const n=yield e(this,J,"m",ce).call(this),r=S(t),a=this.getComponentsContext(),l=Object.assign(Object.assign(Object.assign(Object.assign({},a),r),n),{origin:(null===(i=this.nativeOptions)||void 0===i?void 0:i.origin)||window.location.origin});o(s,l),e(this,J,"m",ue).call(this,n)}}))))),this.flowState=o}loadSdkScripts(){return i(this,void 0,void 0,(function*(){const e=(yield this.getFlowConfig()).sdkScripts;null==e||e.forEach((e=>i(this,void 0,void 0,(function*(){(yield H(e.id))(e.initArgs,{baseUrl:this.baseUrl},(t=>{this.dispatchEvent(new CustomEvent("components-context",{detail:{[K(e.id,e.resultKey)]:t},bubbles:!0,composed:!0}))}))}))))}))}init(){if(!window.isDescopeBridge)return this._init();this.lazyInit=this._init}_init(){const t=Object.create(null,{init:{get:()=>super.init}});return i(this,void 0,void 0,(function*(){var i,o,s;this.shadowRoot.isConnected&&(null===(i=this.flowState)||void 0===i||i.subscribe(this.onFlowChange.bind(this)),null===(o=this.stepState)||void 0===o||o.subscribe(this.onStepChange.bind(this)),window.addEventListener("visibilitychange",e(this,X,"f").visibilitychange)),yield null===(s=t.init)||void 0===s?void 0:s.call(this)}))}disconnectedCallback(){var i;super.disconnectedCallback(),this.flowState.unsubscribeAll(),this.stepState.unsubscribeAll(),null===(i=e(this,Q,"f"))||void 0===i||i.abort(),t(this,Q,null,"f"),window.removeEventListener("visibilitychange",e(this,X,"f").visibilitychange)}getHtmlFilenameWithLocale(e,t){return i(this,void 0,void 0,(function*(){let i;const o=f(e),s=yield this.getTargetLocales();return s.includes(o.locale)?i=`${t}-${o.locale}.html`:s.includes(o.fallback)&&(i=`${t}-${o.fallback}.html`),i}))}getPageContent(e,t){return i(this,void 0,void 0,(function*(){if(t)try{const{body:e}=yield this.fetchStaticResource(t,"text");return e}catch(i){this.loggerWrapper.error(`Failed to fetch flow page from ${t}. Fallback to url ${e}`,i)}try{const{body:t}=yield this.fetchStaticResource(e,"text");return t}catch(e){this.loggerWrapper.error("Failed to fetch flow page",e.message)}return null}))}onFlowChange(r,a,l){return i(this,void 0,void 0,(function*(){var h,u;const{projectId:p,flowId:g,tenant:m,stepId:v,executionId:I,action:S,screenId:C,screenState:R,redirectTo:O,openInNewTabUrl:j,redirectUrl:E,token:x,code:A,exchangeError:W,webauthnTransactionId:U,webauthnOptions:T,redirectAuthCodeChallenge:L,redirectAuthCallbackUrl:N,redirectAuthBackupCallbackUri:$,redirectAuthInitiator:M,locale:D,samlIdpResponseUrl:B,samlIdpResponseSamlResponse:H,samlIdpResponseRelayState:K,nativeResponseType:_,nativePayload:G}=r,z=o(r,["projectId","flowId","tenant","stepId","executionId","action","screenId","screenState","redirectTo","openInNewTabUrl","redirectUrl","token","code","exchangeError","webauthnTransactionId","webauthnOptions","redirectAuthCodeChallenge","redirectAuthCallbackUrl","redirectAuthBackupCallbackUri","redirectAuthInitiator","locale","samlIdpResponseUrl","samlIdpResponseSamlResponse","samlIdpResponseRelayState","nativeResponseType","nativePayload"]);let X,Y,Z;const te=F(),oe=this.sdk.getLastUserLoginId(),ne=yield this.getFlowConfig(),re=yield this.getProjectConfig(),ae=Object.entries(re.flows||{}).reduce(((e,[t,i])=>(e[t]=i.version,e)),{}),le=N&&L?{callbackUrl:N,codeChallenge:L,backupCallbackUri:$}:void 0,de=this.nativeOptions?{platform:this.nativeOptions.platform,oauthProvider:this.nativeOptions.oauthProvider,oauthRedirect:this.nativeOptions.oauthRedirect,magicLinkRedirect:this.nativeOptions.magicLinkRedirect,ssoRedirect:this.nativeOptions.ssoRedirect}:void 0;if(!I&&(this.loadSdkScripts(),ne.fingerprintEnabled&&ne.fingerprintKey?yield s(ne.fingerprintKey,this.baseUrl):n(),ne.conditions?({startScreenId:X,conditionInteractionId:Z,startScreenName:Y}=P({loginId:oe,code:A,token:x,abTestingKey:te},ne.conditions)):ne.condition?({startScreenId:X,conditionInteractionId:Z}=V(ne.condition,{loginId:oe,code:A,token:x,abTestingKey:te})):(Y=ne.startScreenName,X=ne.startScreenId),!b(X,z))){const t=yield this.sdk.flow.start(g,Object.assign(Object.assign(Object.assign(Object.assign({tenant:m,redirectAuth:le},z),{client:this.client}),E&&{redirectUrl:E}),{lastAuth:q(oe),abTestingKey:te,locale:f(D).locale,nativeOptions:de}),Z,"",re.componentsVersion,ae,Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},this.formConfigValues),A?{exchangeCode:A,idpInitiated:!0}:{}),z.descopeIdpInitiated&&{idpInitiated:!0}),x?{token:x}:{}),z.oidcLoginHint?{externalId:z.oidcLoginHint}:{}));return e(this,se,"f").call(this,t),void("completed"!==(null===(h=null==t?void 0:t.data)||void 0===h?void 0:h.status)&&this.flowState.update({code:void 0,token:void 0}))}if(I&&(l("token")&&x||l("code")&&A||l("exchangeError")&&W)){const t=yield this.sdk.flow.next(I,v,c.submit,ne.version,re.componentsVersion,{token:x,exchangeCode:A,exchangeError:W});return e(this,se,"f").call(this,t),void this.flowState.update({token:void 0,code:void 0,exchangeError:void 0})}if(S===d.loadForm&&["samlIdpResponseUrl","samlIdpResponseSamlResponse","samlIdpResponseRelayState"].some((e=>l(e)))){if(!B||!H)return void this.loggerWrapper.error("Did not get saml idp params data to load");w(B,H,K||"",k)}if(S===d.redirect&&(l("redirectTo")||l("deferredRedirect")))return O?"android"===M&&document.hidden?void this.flowState.update({deferredRedirect:!0}):void window.location.assign(O):void this.loggerWrapper.error("Did not get redirect url");if(S===d.webauthnCreate||S===d.webauthnGet){if(!U||!T)return void this.loggerWrapper.error("Did not get webauthn transaction id or options");let i,o;null===(u=e(this,Q,"f"))||void 0===u||u.abort(),t(this,Q,null,"f");try{i=S===d.webauthnCreate?yield this.sdk.webauthn.helpers.create(T):yield this.sdk.webauthn.helpers.get(T)}catch(e){"InvalidStateError"===e.name?this.loggerWrapper.warn("WebAuthn operation failed",e.message):"NotAllowedError"!==e.name&&this.loggerWrapper.error(e.message),o=e.name}const s=yield this.sdk.flow.next(I,v,c.submit,ne.version,re.componentsVersion,{transactionId:U,response:i,failure:o});e(this,se,"f").call(this,s)}if(S===d.nativeBridge)return this.nativeComplete=t=>i(this,void 0,void 0,(function*(){const i=yield this.sdk.flow.next(I,v,c.submit,ne.version,re.componentsVersion,t);e(this,se,"f").call(this,i)})),void e(this,J,"m",we).call(this,"bridge",{type:_,payload:G});if(e(this,ie,"f").call(this,I,v,ne.version,re.componentsVersion),!C&&!X)return void this.loggerWrapper.warn("No screen was found to show");const ce=X||C,he=yield this.getHtmlFilenameWithLocale(D,ce),{oidcLoginHint:ue,oidcPrompt:pe,oidcErrorRedirectUri:ge,samlIdpUsername:me}=z,ve={direction:y(v,a.stepId),screenState:Object.assign(Object.assign({},R),{form:Object.assign(Object.assign({},this.formConfigValues),null==R?void 0:R.form),lastAuth:{loginId:oe,name:this.sdk.getLastUserDisplayName()||oe}}),htmlFilename:`${ce}.html`,htmlLocaleFilename:he,screenId:ce,stepName:r.stepName||Y,samlIdpUsername:me,oidcLoginHint:ue,oidcPrompt:pe,oidcErrorRedirectUri:ge,openInNewTabUrl:j},fe=q(oe);b(X,z)?ve.next=(t,o)=>i(this,void 0,void 0,(function*(){const i=yield this.sdk.flow.start(g,Object.assign(Object.assign(Object.assign(Object.assign({tenant:m,redirectAuth:le},z),{lastAuth:fe,preview:this.preview,abTestingKey:te,client:this.client}),E&&{redirectUrl:E}),{locale:f(D).locale,nativeOptions:de}),Z,t,re.componentsVersion,ae,Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},this.formConfigValues),o),A&&{exchangeCode:A,idpInitiated:!0}),z.descopeIdpInitiated&&{idpInitiated:!0}),x&&{token:x}));return e(this,se,"f").call(this,i),i})):(l("projectId")||l("baseUrl")||l("executionId")||l("stepId"))&&(ve.next=(t,o)=>i(this,void 0,void 0,(function*(){const i=yield this.sdk.flow.next(I,v,t,ne.version,re.componentsVersion,o);return e(this,se,"f").call(this,i),i}))),this.loggerWrapper.debug("Going to render screen with id",ve.screenId),yield e(this,J,"m",ee).call(this,ve),this.stepState.update(ve)}))}onStepChange(t,o){return i(this,void 0,void 0,(function*(){var s,n;const{htmlFilename:r,htmlLocaleFilename:a,direction:l,next:d,screenState:u,openInNewTabUrl:p}=t;this.loggerWrapper.debug("Rendering a flow screen");const g=document.createElement("template");g.innerHTML=yield this.getPageContent(r,a);const m=g.content.cloneNode(!0),v=this.loadDescopeUiComponents(g);this.sdk.webauthn.helpers.isSupported()?yield e(this,J,"m",ae).call(this,m,d):x(m),!t.samlIdpUsername||(null===(s=u.form)||void 0===s?void 0:s.loginId)||(null===(n=u.form)||void 0===n?void 0:n.email)||(u.form||(u.form={}),u.form.loginId=t.samlIdpUsername,u.form.email=t.samlIdpUsername),A(m,u,u.componentsConfig,this.formConfig,this.errorTransformer,this.loggerWrapper);const{geo:f}=yield this.getExecutionContext();W(m,f);const b=()=>i(this,void 0,void 0,(function*(){var i,s;yield v;const n=this.contentRootElement;U(n,null===(i=null==u?void 0:u.totp)||void 0===i?void 0:i.image),T(n,null===(s=null==u?void 0:u.notp)||void 0===s?void 0:s.image),L(n,m,u.cssVars,this.loggerWrapper),n.replaceChildren(m);const r=!o.htmlFilename;setTimeout((()=>{e(this,J,"m",pe).call(this),this.validateOnBlur&&C(n),N(n,u),e(this,J,"m",le).call(this,{isFirstScreen:r,stepName:t.stepName}),R(n,this.autoFocus,r)})),e(this,J,"m",fe).call(this,d);n.querySelector(`[${h}="polling"]`)&&d(c.polling,{}),p&&!o.openInNewTabUrl&&window.open(p,"_blank")}));l?e(this,J,"m",be).call(this,b,l):b()}))}}z=new WeakMap,Q=new WeakMap,X=new WeakMap,te=new WeakMap,ie=new WeakMap,oe=new WeakMap,se=new WeakMap,ne=new WeakMap,me=new WeakMap,J=new WeakSet,Y=function(){document.hidden||setTimeout((()=>{this.flowState.update({deferredRedirect:!1})}),300)},Z=function(){return i(this,void 0,void 0,(function*(){this.loggerWrapper.debug("Trying to restart the flow");const e=yield this.getComponentsVersion();this.reset();e===(yield this.getComponentsVersion())?(this.loggerWrapper.debug("Components version was not changed, restarting flow"),this.flowState.update({stepId:null,executionId:null})):this.loggerWrapper.error("Components version mismatch, please reload the page")}))},ee=function(t){return i(this,void 0,void 0,(function*(){var i;const s=Object.assign(Object.assign({},this.stepState.current),t),{next:n,stepName:r}=s,a=o(s,["next","stepName"]),l=Boolean(yield null===(i=this.onScreenUpdate)||void 0===i?void 0:i.call(this,r,I(a),n,this));if(l){this.loggerWrapper.debug("Rendering a custom screen"),this.contentRootElement.innerHTML="",e(this,J,"m",le).call(this,{isFirstScreen:!this.stepState.current.htmlFilename,stepName:t.stepName}),this.stepState.unsubscribeAll();const i=this.stepState.subscribe((()=>{var e;this.stepState.unsubscribe(i),null===(e=this.stepState)||void 0===e||e.subscribe(this.onStepChange.bind(this))}))}e(this,te,"f").call(this,l),this.flowState.forceUpdate=l}))},re=function(e){const t=e.getAttribute("name");if(!["email"].includes(t)){const i=`user-${t}`;e.setAttribute("name",i),e.addEventListener("input",(()=>{e.setAttribute("name",e.value?t:i)}))}},ae=function(o,s){return i(this,void 0,void 0,(function*(){var n;null===(n=e(this,Q,"f"))||void 0===n||n.abort();const r=o.querySelector('*[autocomplete="webauthn"]');if(r&&(yield $())){const{options:o,transactionId:n}=(yield e(this,ne,"f").call(this))||{};o&&n&&(e(this,J,"m",re).call(this,r),t(this,Q,new AbortController,"f"),this.sdk.webauthn.helpers.conditional(o,e(this,Q,"f")).then((e=>i(this,void 0,void 0,(function*(){s(r.id,{transactionId:n,response:e})})))).catch((e=>{"AbortError"!==e.name&&this.loggerWrapper.error("Conditional login failed",e.message)})))}}))},le=function({isFirstScreen:t,stepName:i}){t&&e(this,J,"m",we).call(this,"ready",{}),e(this,J,"m",we).call(this,"page-updated",{screenName:i}),e(this,J,"m",we).call(this,"screen-updated",{screenName:i})},de=function(){let e=!0;return Array.from(this.shadowRoot.querySelectorAll("*[name]")).reverse().forEach((t=>{var i,o;"slot"!==t.localName&&(null===(i=t.reportValidity)||void 0===i||i.call(t),e&&(e=null===(o=t.checkValidity)||void 0===o?void 0:o.call(t)))})),e},ce=function(){return i(this,void 0,void 0,(function*(){const e=Array.from(this.shadowRoot.querySelectorAll(`*[name]:not([${u}])`));return(yield Promise.all(e.map((e=>i(this,void 0,void 0,(function*(){return{name:e.getAttribute("name"),value:e.value}})))))).reduce(((e,t)=>Object.assign(Object.assign({},e),{[t.name]:t.value})),{})}))},he=function(e){const t=this.nextRequestStatus.subscribe((({isLoading:i})=>{i?e.setAttribute("loading","true"):(this.nextRequestStatus.unsubscribe(t),e.removeAttribute("loading"))}))},ue=function(e={}){var t,i;const o=O(e,["externalId","email","phone"]),s=O(e,["newPassword","password"]);if(o&&s)try{if(!globalThis.PasswordCredential)return;const e=new globalThis.PasswordCredential({id:o,password:s});null===(i=null===(t=null===navigator||void 0===navigator?void 0:navigator.credentials)||void 0===t?void 0:t.store)||void 0===i||i.call(t,e)}catch(e){this.loggerWrapper.error("Could not store credentials",e.message)}},pe=function(){j();this.contentRootElement.querySelectorAll('[external-input="true"]').forEach((t=>e(this,J,"m",ge).call(this,t)))},ge=function(e){if(!e)return;e.querySelectorAll("input").forEach((t=>{const i=t.getAttribute("slot"),o=`input-${e.id}-${i}`,s=document.createElement("slot");s.setAttribute("name",o),s.setAttribute("slot",i),e.appendChild(s),t.setAttribute("slot",o),this.appendChild(t)}))},ve=function(t){this.contentRootElement.querySelectorAll('descope-passcode[data-auto-submit="true"]').forEach((i=>{i.addEventListener("input",(()=>{var o;(null===(o=i.checkValidity)||void 0===o?void 0:o.call(i))&&e(this,me,"f").call(this,i,t)}))}))},fe=function(t){this.contentRootElement.querySelectorAll(`descope-button:not([${p}])`).forEach((i=>{i.onclick=()=>{e(this,me,"f").call(this,i,t)}})),e(this,J,"m",ve).call(this,t)},be=function(e,t){this.contentRootElement.addEventListener("transitionend",(()=>{this.contentRootElement.classList.remove("fade-out"),e()}),{once:!0});const i=t===D.forward?"slide-forward":"slide-backward";Array.from(this.contentRootElement.getElementsByClassName("input-container")).forEach(((e,t)=>{e.style["transition-delay"]=40*t+"ms",e.classList.add(i)})),this.contentRootElement.classList.add("fade-out")},we=function(e,t){this.dispatchEvent(new CustomEvent(e,{detail:t}))};export{ye as default};
2
+ //# sourceMappingURL=DescopeWc.js.map