@descope/web-component 3.40.8 → 3.41.0

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

@@ -1 +1 @@
-{"version":3,"file":"BaseDescopeWc.js","sources":["../../../src/lib/descope-wc/BaseDescopeWc.ts"],"sourcesContent":["import { compose } from '@descope/sdk-helpers';\n// eslint-disable-next-line import/no-duplicates\nimport { staticResourcesMixin } from '@descope/sdk-mixins/static-resources-mixin';\n// eslint-disable-next-line import/no-duplicates\nimport { themeMixin } from '@descope/sdk-mixins/theme-mixin';\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';\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      'refresh-cookie-name',\n      'keep-last-authenticated-user-after-logout',\n      'validate-on-blur',\n      'style-id',\n      'nonce',\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  #loadInitStyle() {\n    const sheet = new CSSStyleSheet();\n    sheet.replaceSync(`\n    :host {\n\t\t\twidth: 100%;\n      display: block;\n\t\t}\n\n\t\t#root {\n\t\t\theight: 100%;\n      display: flex;\n      flex-direction: column;\n\t\t}\n\n    #content-root {\n      all: initial;\n      transition: opacity 200ms ease-in-out;\n    }\n\n\t\t#root[data-theme] {\n\t\t\tbackground-color: transparent;\n\t\t}\n\n\t\t.fade-out {\n\t\t\topacity: 0.1!important;\n\t\t}\n\n    .hidden {\n      display: none;\n    }\n    `);\n    this.shadowRoot.adoptedStyleSheets ??= [];\n    this.shadowRoot.adoptedStyleSheets = [\n      ...this.shadowRoot.adoptedStyleSheets,\n      sheet,\n    ];\n  }\n\n  #initShadowDom() {\n    this.#loadInitStyle();\n    this.slotElement = document.createElement('slot');\n    this.slotElement.classList.add('hidden');\n    this.rootElement.appendChild(this.slotElement);\n  }\n\n  get flowId() {\n    return this.getAttribute('flow-id');\n  }\n\n  get client() {\n    try {\n      return (JSON.parse(this.getAttribute('client')) || {}) as Record<\n        string,\n        any\n      >;\n    } catch (e) {\n      return {};\n    }\n  }\n\n  get 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 refreshCookieName() {\n    return this.getAttribute('refresh-cookie-name') || '';\n  }\n\n  get keepLastAuthenticatedUserAfterLogout() {\n    const res = this.getAttribute('keep-last-authenticated-user-after-logout');\n    return res === 'true';\n  }\n\n  get storagePrefix() {\n    return this.getAttribute('storage-prefix') || '';\n  }\n\n  get preview() {\n    return !!this.getAttribute('preview');\n  }\n\n  get formConfig() {\n    return transformFlowInputFormData(this.form);\n  }\n\n  get form() {\n    return this.getAttribute('form');\n  }\n\n  get formConfigValues() {\n    return extractNestedAttribute(this.formConfig, 'value');\n  }\n\n  #validateAttrs() {\n    const optionalAttributes = [\n      'base-url',\n      'tenant',\n      'locale',\n      'debug',\n      'redirect-url',\n      'auto-focus',\n      'store-last-authenticated-user',\n      'refresh-cookie-name',\n      'keep-last-authenticated-user-after-logout',\n      'preview',\n      'storage-prefix',\n      'form',\n      'client',\n      'validate-on-blur',\n      'style-id',\n      'nonce',\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      refreshCookieName: this.refreshCookieName,\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        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        }\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  #handleNonce() {\n    if (this.getAttribute('nonce')) {\n      // the key name \"DESCOPE_NONCE\" is in use also by the web-components-ui\n      // it's used to set Vaadins style tags nonce\n      (window as any).DESCOPE_NONCE = this.getAttribute('nonce');\n    }\n  }\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    this.#handleNonce();\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      if (attrName === 'nonce') {\n        this.#handleNonce();\n      }\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","refreshCookieName","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_handleNonce","_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","sheet","CSSStyleSheet","replaceSync","adoptedStyleSheets","_BaseDescopeWc_loadInitStyle","slotElement","document","createElement","classList","add","rootElement","appendChild","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","DESCOPE_NONCE","baseHeaders"],"mappings":"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"}
+{"version":3,"file":"BaseDescopeWc.js","sources":["../../../src/lib/descope-wc/BaseDescopeWc.ts"],"sourcesContent":["import { compose } from '@descope/sdk-helpers';\n// eslint-disable-next-line import/no-duplicates\nimport { staticResourcesMixin } from '@descope/sdk-mixins/static-resources-mixin';\n// eslint-disable-next-line import/no-duplicates\nimport { themeMixin } from '@descope/sdk-mixins/theme-mixin';\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';\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      'refresh-cookie-name',\n      'keep-last-authenticated-user-after-logout',\n      'validate-on-blur',\n      'style-id',\n      'nonce',\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  #loadInitStyle() {\n    const sheet = new CSSStyleSheet();\n    sheet.replaceSync(`\n    :host {\n\t\t\twidth: 100%;\n      display: block;\n\t\t}\n\n\t\t#root {\n\t\t\theight: 100%;\n      display: flex;\n      flex-direction: column;\n\t\t}\n\n    #content-root {\n      all: initial;\n      transition: opacity 200ms ease-in-out;\n    }\n\n\t\t#root[data-theme] {\n\t\t\tbackground-color: transparent;\n\t\t}\n\n\t\t.fade-out {\n\t\t\topacity: 0.1!important;\n\t\t}\n\n    .hidden {\n      display: none;\n    }\n    `);\n    this.shadowRoot.adoptedStyleSheets ??= [];\n    this.shadowRoot.adoptedStyleSheets = [\n      ...this.shadowRoot.adoptedStyleSheets,\n      sheet,\n    ];\n  }\n\n  #initShadowDom() {\n    this.#loadInitStyle();\n    this.slotElement = document.createElement('slot');\n    this.slotElement.classList.add('hidden');\n    this.rootElement.appendChild(this.slotElement);\n  }\n\n  get flowId() {\n    return this.getAttribute('flow-id');\n  }\n\n  get client() {\n    try {\n      return (JSON.parse(this.getAttribute('client')) || {}) as Record<\n        string,\n        any\n      >;\n    } catch (e) {\n      return {};\n    }\n  }\n\n  get 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 refreshCookieName() {\n    return this.getAttribute('refresh-cookie-name') || '';\n  }\n\n  get keepLastAuthenticatedUserAfterLogout() {\n    const res = this.getAttribute('keep-last-authenticated-user-after-logout');\n    return res === 'true';\n  }\n\n  get storagePrefix() {\n    return this.getAttribute('storage-prefix') || '';\n  }\n\n  get preview() {\n    return !!this.getAttribute('preview');\n  }\n\n  get formConfig() {\n    return transformFlowInputFormData(this.form);\n  }\n\n  get form() {\n    return this.getAttribute('form');\n  }\n\n  get formConfigValues() {\n    return extractNestedAttribute(this.formConfig, 'value');\n  }\n\n  get outboundAppId() {\n    return this.getAttribute('outbound-app-id');\n  }\n\n  get outboundAppScopes() {\n    try {\n      const scopes = JSON.parse(this.getAttribute('outbound-app-scopes'));\n      if (!scopes) return null;\n      return scopes;\n    } catch (err) {\n      return null;\n    }\n  }\n\n  #validateAttrs() {\n    const optionalAttributes = [\n      'base-url',\n      'tenant',\n      'locale',\n      'debug',\n      'redirect-url',\n      'auto-focus',\n      'store-last-authenticated-user',\n      'refresh-cookie-name',\n      'keep-last-authenticated-user-after-logout',\n      'preview',\n      'storage-prefix',\n      'form',\n      'client',\n      'validate-on-blur',\n      'style-id',\n      'nonce',\n      'outbound-app-id',\n      'outbound-app-scopes',\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      refreshCookieName: this.refreshCookieName,\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        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        }\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  #handleNonce() {\n    if (this.getAttribute('nonce')) {\n      // the key name \"DESCOPE_NONCE\" is in use also by the web-components-ui\n      // it's used to set Vaadins style tags nonce\n      (window as any).DESCOPE_NONCE = this.getAttribute('nonce');\n    }\n  }\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    this.#handleNonce();\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      if (attrName === 'nonce') {\n        this.#handleNonce();\n      }\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","refreshCookieName","keepLastAuthenticatedUserAfterLogout","storagePrefix","preview","formConfig","transformFlowInputFormData","form","formConfigValues","extractNestedAttribute","outboundAppId","outboundAppScopes","scopes","err","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_handleNonce","_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","sheet","CSSStyleSheet","replaceSync","adoptedStyleSheets","_BaseDescopeWc_loadInitStyle","slotElement","document","createElement","classList","add","rootElement","appendChild","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","DESCOPE_NONCE","baseHeaders"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-import{__classPrivateFieldGet as e,__classPrivateFieldSet as t,__awaiter as i,__rest as s}from"tslib";import{ensureFingerprintIds as o,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,SDK_SCRIPTS_LOAD_TIMEOUT as h,ELEMENT_TYPE_ATTRIBUTE as p,DESCOPE_ATTRIBUTE_EXCLUDE_FIELD as u,DESCOPE_ATTRIBUTE_EXCLUDE_NEXT_BUTTON as g}from"../constants/index.js";import{timeoutPromise as m,withMemCache as v,leadingDebounce as f,getUserLocale as b,showFirstScreenOnExecutionInit as w,injectSamlIdpForm as y,getAnimationDirection as S,transformStepStateForCustomScreen as I,getElementDescopeAttributes as R,submitForm as k,handleReportValidityOnBlur as C,handleAutoFocus as O,getFirstNonEmptyValue as j,clearPreviousExternalInputs as W}from"../helpers/helpers.js";import x from"../helpers/state.js";import{disableWebauthnButtons as E,updateTemplateFromScreenState as T,setPhoneAutoDetectDefaultCode as A,setTOTPVariable as U,setNOTPVariable as L,setCssVars as N,updateScreenFromScreenState as $,replaceElementMessage as P}from"../helpers/templates.js";import{isConditionalLoginSupported as q}from"../helpers/webauthn.js";import{getABTestingKey as F}from"../helpers/abTestingKey.js";import{calculateConditions as D,calculateCondition as M}from"../helpers/conditions.js";import{setLastAuth as V,getLastAuth as K}from"../helpers/lastAuth.js";import H from"./BaseDescopeWc.js";import B,{getScriptResultPath as _}from"./sdkScripts/index.js";import{FETCH_EXCEPTION_ERROR_CODE as G,FETCH_ERROR_RESPONSE_ERROR_CODE as J}from"../constants/general.js";var z,Q,X,Y,Z,ee,te,ie,se,oe,ne,re,ae,le,de,ce,he,pe,ue,ge,me,ve,fe,be,we,ye,Se,Ie,Re;class ke extends H{static set sdkConfigOverrides(e){H.sdkConfigOverrides=e}static get sdkConfigOverrides(){return H.sdkConfigOverrides}constructor(){const s=new x({deferredRedirect:!1});super(s.update.bind(s)),z.add(this),this.stepState=new x({}),Q.set(this,void 0),X.set(this,null),Y.set(this,null),Z.set(this,{visibilitychange:e(this,z,"m",ee).bind(this)}),this.bridgeVersion=1,this.nativeResume=(t,i)=>{var s;const o=JSON.parse(i);if(this.logger.info(`nativeResume received payload of type '${t}'`),"oauthWeb"===t||"sso"===t){let{exchangeCode:e}=o;if(!e){e=null===(s=new URL(o.url).searchParams)||void 0===s?void 0:s.get(r)}this.nativeComplete({exchangeCode:e,idpInitiated:!0})}else if("magicLink"===t){const t=new URL(o.url),i=t.searchParams.get(a),s=t.searchParams.get(l).split("_").pop();e(this,le,"f").call(this),this.flowState.update({token:i,stepId:s,action:void 0})}else this.nativeComplete(o)},ne.set(this,(t=>{const i=()=>{this.contentRootElement.classList.toggle("hidden",t),this.slotElement.classList.toggle("hidden",!t),t&&(this.contentRootElement.innerHTML="")};t&&this.contentRootElement.hasChildNodes()?e(this,z,"m",re).call(this,i):i()})),ae.set(this,((s,o,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,Q,setTimeout((()=>i(this,void 0,void 0,(function*(){var t;this.logger.debug("polling - Calling next");const i=this.sdk.flow.next(s,o,c.polling,n,r,{}),h=document.hidden&&!a&&Date.now()-l>d+500;let p;h&&this.logger.debug("polling - The polling seems to be throttled");try{const e=h?1e3:6e3;p=yield m(e,i)}catch(t){return this.logger.warn(`polling - The ${h?"throttled fetch":"fetch"} call timed out or was aborted`),void e(this,ae,"f").call(this,s,o,n,r,h)}if((null===(t=null==p?void 0:p.error)||void 0===t?void 0:t.errorCode)===G)return this.logger.debug("polling - Got a generic error due to exception in fetch call"),void e(this,ae,"f").call(this,s,o,n,r);this.logger.debug("polling - Got a response"),(null==p?void 0:p.error)&&this.logger.debug("polling - Response has an error",JSON.stringify(p.error,null,4)),e(this,ae,"f").call(this,s,o,n,r),e(this,de,"f").call(this,p)}))),d),"f")}})),le.set(this,(()=>{clearTimeout(e(this,Q,"f")),t(this,Q,null,"f")})),de.set(this,(i=>{var s,o,n,r,a,l,c,h,p,u,g,m,v;if(!(null==i?void 0:i.ok)){const t=null===(s=null==i?void 0:i.response)||void 0===s?void 0:s.url,d=`${null===(o=null==i?void 0:i.response)||void 0===o?void 0:o.status} - ${null===(n=null==i?void 0:i.response)||void 0===n?void 0:n.statusText}`;e(this,z,"m",Re).call(this,"error",(null==i?void 0:i.error)||{errorCode:J,errorDescription:d,errorMessage:t}),this.loggerWrapper.error((null===(r=null==i?void 0:i.error)||void 0===r?void 0:r.errorDescription)||t,(null===(a=null==i?void 0:i.error)||void 0===a?void 0:a.errorMessage)||d);const c=null===(l=null==i?void 0:i.error)||void 0===l?void 0:l.errorCode;return void("E102004"!==c&&"E103205"!==c||!this.isRestartOnError||e(this,z,"m",se).call(this))}null===(h=null===(c=i.data)||void 0===c?void 0:c.runnerLogs)||void 0===h||h.forEach((e=>{const{level:t,title:i,log:s}=e;t&&this.loggerWrapper[t]?this.loggerWrapper[t](i,s):this.loggerWrapper.info(i,s)}));const f=null===(g=null===(u=null===(p=i.data)||void 0===p?void 0:p.screen)||void 0===u?void 0:u.state)||void 0===g?void 0:g.errorText;(null===(m=i.data)||void 0===m?void 0:m.error)?this.loggerWrapper.error(`[${i.data.error.code}]: ${i.data.error.description}`,`${f?`${f} - `:""}${i.data.error.message}`):f&&this.loggerWrapper.error(f);const{status:b,authInfo:w,lastAuth:y,action:S}=i.data;if(S!==d.poll&&e(this,le,"f").call(this),"completed"===b)return this.storeLastAuthenticatedUser&&V(y),void e(this,z,"m",Re).call(this,"success",w);const{executionId:I,stepId:R,stepName:k,screen:C,redirect:O,openInNewTabUrl:j,webauthn:W,error:x,samlIdpResponse:E,nativeResponse:T}=i.data,A=Date.now();S!==d.poll?(this.loggerWrapper.info(`Step "${k||`#${R}`}" is ${b}`,"",{screen:C,status:b,stepId:R,stepName:k,action:S,error:x}),(null===(v=C.state)||void 0===v?void 0:v.clientScripts)&&t(this,Y,this.loadSdkScripts(C.state.clientScripts),"f"),this.flowState.update({stepId:R,stepName:k,executionId:I,action:S,redirectTo:null==O?void 0:O.url,openInNewTabUrl:j,screenId:null==C?void 0:C.id,screenState:null==C?void 0:C.state,webauthnTransactionId:null==W?void 0:W.transactionId,webauthnOptions:null==W?void 0:W.options,samlIdpResponseUrl:null==E?void 0:E.url,samlIdpResponseSamlResponse:null==E?void 0:E.samlResponse,samlIdpResponseRelayState:null==E?void 0:E.relayState,nativeResponseType:null==T?void 0:T.type,nativePayload:null==T?void 0:T.payload,reqTimestamp:A})):this.flowState.update({action:S,reqTimestamp:A})})),ce.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)}}))))),ye.set(this,f(((t,s)=>i(this,void 0,void 0,(function*(){var i;if("true"===t.getAttribute("formnovalidate")||e(this,z,"m",ge).call(this)){const o=null==t?void 0:t.getAttribute("id");e(this,z,"m",ve).call(this,t);const n=yield e(this,z,"m",me).call(this),r=R(t);if(this.nextRequestStatus.update({isLoading:!0}),e(this,Y,"f")){this.loggerWrapper.debug("Waiting for sdk scripts to load");const t=Date.now();yield e(this,Y,"f"),this.loggerWrapper.debug("Sdk scripts loaded for",(Date.now()-t).toString())}const a=this.loadSdkScriptsModules();if(a.length>0){const e=a.filter((e=>"function"==typeof e.refresh)).map((e=>e.refresh()));e.length>0&&(yield m(h,Promise.all(e),null))}const l=this.getComponentsContext(),d=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});yield s(o,d),this.nextRequestStatus.update({isLoading:!1}),e(this,z,"m",fe).call(this,n)}}))))),this.flowState=s}loadSdkScriptsModules(){const e=this.shadowRoot.querySelectorAll("div[data-script-id]");return Array.from(e).map((e=>e.moduleRes)).filter((e=>!!e))}loadSdkScripts(e){if(!(null==e?void 0:e.length))return null;const t=(e,t)=>i=>{this.dispatchEvent(new CustomEvent("components-context",{detail:{[_(e.id,e.resultKey)]:i},bubbles:!0,composed:!0})),t(e.id)};this.loggerWrapper.debug(`Preparing to load scripts: ${e.map((e=>e.id)).join(", ")}`);const s=Promise.all(null==e?void 0:e.map((e=>i(this,void 0,void 0,(function*(){var i;const s=this.shadowRoot.querySelector(`[data-script-id="${e.id}"]`);if(s){this.loggerWrapper.debug("Script already loaded",e.id);const{moduleRes:t}=s;return null===(i=null==t?void 0:t.start)||void 0===i||i.call(t),t}const o=yield B(e.id);return new Promise(((i,s)=>{try{const s=o(e.initArgs,{baseUrl:this.baseUrl},t(e,i));if(s){const t=document.createElement("div");t.setAttribute("data-script-id",e.id),t.moduleRes=s,this.shadowRoot.appendChild(t),this.nextRequestStatus.subscribe((()=>{var t;this.loggerWrapper.debug("Unloading script",e.id),null===(t=s.stop)||void 0===t||t.call(s)}))}}catch(e){s(e)}}))}))))),o=new Promise((e=>{setTimeout((()=>{this.loggerWrapper.warn("SDK scripts loading timeout"),e(!0)}),h)}));return Promise.race([s,o])}get isDismissScreenErrorOnInput(){return"true"===this.getAttribute("dismiss-screen-error-on-input")}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,s;this.shadowRoot.isConnected&&(null===(i=this.flowState)||void 0===i||i.subscribe(this.onFlowChange.bind(this)),e(this,z,"m",ie).call(this),window.addEventListener("visibilitychange",e(this,Z,"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,X,"f"))||void 0===i||i.abort(),t(this,X,null,"f"),window.removeEventListener("visibilitychange",e(this,Z,"f").visibilitychange)}getHtmlFilenameWithLocale(e,t){return i(this,void 0,void 0,(function*(){let i;const s=b(e),o=yield this.getTargetLocales();return o.includes(s.locale)?i=`${t}-${s.locale}.html`:o.includes(s.fallback)&&(i=`${t}-${s.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,p;const{projectId:u,flowId:g,tenant:m,stepId:v,executionId:f,action:I,screenId:R,screenState:C,redirectTo:O,openInNewTabUrl:j,redirectUrl:W,token:x,code:E,exchangeError:T,webauthnTransactionId:A,webauthnOptions:U,redirectAuthCodeChallenge:L,redirectAuthCallbackUrl:N,redirectAuthBackupCallbackUri:$,redirectAuthInitiator:P,locale:q,samlIdpResponseUrl:V,samlIdpResponseSamlResponse:H,samlIdpResponseRelayState:B,nativeResponseType:_,nativePayload:G,reqTimestamp:J}=r,Q=s(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","reqTimestamp"]);let Z,ee,te;const ie=F(),se=this.sdk.getLastUserLoginId(),ne=yield this.getFlowConfig(),re=yield this.getProjectConfig(),le=Object.entries(re.flows||{}).reduce(((e,[t,i])=>(e[t]=i.version,e)),{}),ce=N&&L?{callbackUrl:N,codeChallenge:L,backupCallbackUri:$}:void 0,he=this.nativeOptions?{platform:this.nativeOptions.platform,oauthProvider:this.nativeOptions.oauthProvider,oauthRedirect:this.nativeOptions.oauthRedirect,magicLinkRedirect:this.nativeOptions.magicLinkRedirect,ssoRedirect:this.nativeOptions.ssoRedirect}:void 0;let pe={};if(!f){const i=[...ne.clientScripts||[],...ne.sdkScripts||[]];if(ne.conditions){let e=[];({startScreenId:Z,conditionInteractionId:te,startScreenName:ee,clientScripts:e,componentsConfig:pe}=D({loginId:se,code:E,token:x,abTestingKey:ie},ne.conditions)),i.push(...e||[])}else ne.condition?({startScreenId:Z,conditionInteractionId:te}=M(ne.condition,{loginId:se,code:E,token:x,abTestingKey:ie})):(ee=ne.startScreenName,Z=ne.startScreenId);if(t(this,Y,this.loadSdkScripts(i),"f"),ne.fingerprintEnabled&&ne.fingerprintKey?yield o(ne.fingerprintKey,this.baseUrl):n(),!w(Z,Q)){const t=yield this.sdk.flow.start(g,Object.assign(Object.assign(Object.assign(Object.assign({tenant:m,redirectAuth:ce},Q),{client:this.client}),W&&{redirectUrl:W}),{lastAuth:K(se),abTestingKey:ie,locale:b(q).locale,nativeOptions:he}),te,"",re.componentsVersion,le,Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},this.formConfigValues),E?{exchangeCode:E,idpInitiated:!0}:{}),Q.descopeIdpInitiated&&{idpInitiated:!0}),x?{token:x}:{}),Q.oidcLoginHint?{externalId:Q.oidcLoginHint}:{}));return e(this,de,"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(f&&(l("token")&&x||l("code")&&E||l("exchangeError")&&T)){const t=yield this.sdk.flow.next(f,v,c.submit,ne.version,re.componentsVersion,{token:x,exchangeCode:E,exchangeError:T});return e(this,de,"f").call(this,t),void this.flowState.update({token:void 0,code:void 0,exchangeError:void 0})}if(I===d.loadForm&&["samlIdpResponseUrl","samlIdpResponseSamlResponse","samlIdpResponseRelayState"].some((e=>l(e)))){if(!V||!H)return void this.loggerWrapper.error("Did not get saml idp params data to load");y(V,H,B||"",k)}if(I===d.redirect&&(l("redirectTo")||l("deferredRedirect")))return O?"android"===P&&document.hidden?void this.flowState.update({deferredRedirect:!0}):void window.location.assign(O):void this.loggerWrapper.error("Did not get redirect url");if(I===d.webauthnCreate||I===d.webauthnGet){if(!A||!U)return void this.loggerWrapper.error("Did not get webauthn transaction id or options");let i,s;null===(p=e(this,X,"f"))||void 0===p||p.abort(),t(this,X,null,"f");try{i=I===d.webauthnCreate?yield this.sdk.webauthn.helpers.create(U):yield this.sdk.webauthn.helpers.get(U)}catch(e){"InvalidStateError"===e.name?this.loggerWrapper.warn("WebAuthn operation failed",e.message):"NotAllowedError"!==e.name&&this.loggerWrapper.error(e.message),s=e.name}const o=yield this.sdk.flow.next(f,v,c.submit,ne.version,re.componentsVersion,{transactionId:A,response:i,failure:s});e(this,de,"f").call(this,o)}if(I===d.nativeBridge)return this.nativeComplete=t=>i(this,void 0,void 0,(function*(){const i=yield this.sdk.flow.next(f,v,c.submit,ne.version,re.componentsVersion,t);e(this,de,"f").call(this,i)})),void e(this,z,"m",Re).call(this,"bridge",{type:_,payload:G});if(l("action")&&e(this,ae,"f").call(this,f,v,ne.version,re.componentsVersion),!R&&!Z)return void this.loggerWrapper.warn("No screen was found to show");const ue=Z||R,ge=yield this.getHtmlFilenameWithLocale(q,ue),{oidcLoginHint:me,oidcPrompt:ve,oidcErrorRedirectUri:fe,samlIdpUsername:be}=Q,we={direction:S(v,a.stepId),screenState:Object.assign(Object.assign({},C),{form:Object.assign(Object.assign({},this.formConfigValues),null==C?void 0:C.form),lastAuth:{loginId:se,name:this.sdk.getLastUserDisplayName()||se},componentsConfig:Object.assign(Object.assign(Object.assign({},ne.componentsConfig),pe),null==C?void 0:C.componentsConfig)}),htmlFilename:`${ue}.html`,htmlLocaleFilename:ge,screenId:ue,stepName:r.stepName||ee,samlIdpUsername:be,oidcLoginHint:me,oidcPrompt:ve,oidcErrorRedirectUri:fe,openInNewTabUrl:j},ye=K(se);w(Z,Q)?we.next=(t,s)=>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:ce},Q),{lastAuth:ye,preview:this.preview,abTestingKey:ie,client:this.client}),W&&{redirectUrl:W}),{locale:b(q).locale,nativeOptions:he}),te,t,re.componentsVersion,le,Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},this.formConfigValues),s),E&&{exchangeCode:E,idpInitiated:!0}),Q.descopeIdpInitiated&&{idpInitiated:!0}),x&&{token:x}));return e(this,de,"f").call(this,i),i})):(l("projectId")||l("baseUrl")||l("executionId")||l("stepId"))&&(we.next=(t,s)=>i(this,void 0,void 0,(function*(){const i=yield this.sdk.flow.next(f,v,t,ne.version,re.componentsVersion,s);return e(this,de,"f").call(this,i),i}))),this.loggerWrapper.debug("Got a screen with id",we.screenId),yield e(this,z,"m",oe).call(this,we),this.stepState.update(we)}))}onStepChange(t,s){return i(this,void 0,void 0,(function*(){var o,n;const{htmlFilename:r,htmlLocaleFilename:a,direction:l,next:d,screenState:h,openInNewTabUrl:u}=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,z,"m",pe).call(this,m,d):E(m),!t.samlIdpUsername||(null===(o=h.form)||void 0===o?void 0:o.loginId)||(null===(n=h.form)||void 0===n?void 0:n.email)||(h.form||(h.form={}),h.form.loginId=t.samlIdpUsername,h.form.email=t.samlIdpUsername),T(m,h,h.componentsConfig,this.formConfig,this.loggerWrapper);const{geo:f}=yield this.getExecutionContext();A(m,f);const b=()=>i(this,void 0,void 0,(function*(){var i,o;yield v;const n=this.contentRootElement;U(n,null===(i=null==h?void 0:h.totp)||void 0===i?void 0:i.image),L(n,null===(o=null==h?void 0:h.notp)||void 0===o?void 0:o.image),N(n,m,h.cssVars,this.loggerWrapper),n.replaceChildren(m);const r=!s.htmlFilename;setTimeout((()=>{e(this,z,"m",be).call(this),this.validateOnBlur&&C(n),$(n,h),e(this,z,"m",ue).call(this,{isFirstScreen:r,stepName:t.stepName}),O(n,this.autoFocus,r)})),e(this,z,"m",Ie).call(this,d);n.querySelector(`[${p}="polling"]`)&&d(c.polling,{}),u&&!s.openInNewTabUrl&&window.open(u,"_blank")}));l?e(this,z,"m",re).call(this,b):b()}))}}Q=new WeakMap,X=new WeakMap,Y=new WeakMap,Z=new WeakMap,ne=new WeakMap,ae=new WeakMap,le=new WeakMap,de=new WeakMap,ce=new WeakMap,ye=new WeakMap,z=new WeakSet,ee=function(){document.hidden||setTimeout((()=>{this.flowState.update({deferredRedirect:!1})}),300)},te=function({errorText:e,errorType:t}){const i=()=>{var i;let s=e;try{s=(null===(i=this.errorTransformer)||void 0===i?void 0:i.call(this,{text:e,type:t}))||e}catch(e){this.loggerWrapper.error("Error transforming error message",e.message)}P(this.contentRootElement,"error-message",s)};this.addEventListener("screen-updated",i,{once:!0}),i()},ie=function(){var t,i;null===(t=this.stepState)||void 0===t||t.subscribe(this.onStepChange.bind(this),(e=>{var t=e.screenState,i=s(void 0===t?{}:t,["errorText","errorType"]),o=s(e,["screenState"]);return Object.assign(Object.assign({},o),{screenState:i})})),null===(i=this.stepState)||void 0===i||i.subscribe(e(this,z,"m",te).bind(this),(e=>{var t,i;return{errorText:null===(t=null==e?void 0:e.screenState)||void 0===t?void 0:t.errorText,errorType:null===(i=null==e?void 0:e.screenState)||void 0===i?void 0:i.errorType}}))},se=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(t){return i(this,void 0,void 0,(function*(){var i;const o=Object.assign(Object.assign({},this.stepState.current),t),{next:n,stepName:r}=o,a=s(o,["next","stepName"]),l=Boolean(yield null===(i=this.onScreenUpdate)||void 0===i?void 0:i.call(this,r,I(a),n,this)),d=!this.stepState.current.htmlFilename;if(e(this,ne,"f").call(this,l),l){this.loggerWrapper.debug("Rendering a custom screen"),e(this,z,"m",ue).call(this,{isFirstScreen:d,stepName:t.stepName}),this.stepState.unsubscribeAll();const i=this.stepState.subscribe((()=>{this.stepState.unsubscribe(i),e(this,z,"m",ie).call(this)}))}this.stepState.forceUpdate=l}))},re=function(e){this.contentRootElement.addEventListener("transitionend",(()=>{this.loggerWrapper.debug("page switch transition end"),this.contentRootElement.classList.remove("fade-out"),e()}),{once:!0}),this.loggerWrapper.debug("page switch transition start"),this.contentRootElement.classList.add("fade-out")},he=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)}))}},pe=function(s,o){return i(this,void 0,void 0,(function*(){var n;null===(n=e(this,X,"f"))||void 0===n||n.abort();const r=s.querySelector('*[autocomplete="webauthn"]');if(r&&(yield q())){const{options:s,transactionId:n}=(yield e(this,ce,"f").call(this))||{};s&&n&&(e(this,z,"m",he).call(this,r),t(this,X,new AbortController,"f"),this.sdk.webauthn.helpers.conditional(s,e(this,X,"f")).then((e=>i(this,void 0,void 0,(function*(){o(r.id,{transactionId:n,response:e})})))).catch((e=>{"AbortError"!==e.name&&this.loggerWrapper.error("Conditional login failed",e.message)})))}}))},ue=function({isFirstScreen:t,stepName:i}){t&&e(this,z,"m",Re).call(this,"ready",{}),e(this,z,"m",Re).call(this,"page-updated",{screenName:i}),e(this,z,"m",Re).call(this,"screen-updated",{screenName:i})},ge=function(){let e=!0;return Array.from(this.shadowRoot.querySelectorAll("*[name]")).reverse().forEach((t=>{var i,s;"slot"!==t.localName&&(null===(i=t.reportValidity)||void 0===i||i.call(t),e&&(e=null===(s=t.checkValidity)||void 0===s?void 0:s.call(t)))})),e},me=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})),{})}))},ve=function(e){const t=this.nextRequestStatus.subscribe((({isLoading:i})=>{i?e.setAttribute("loading","true"):(this.nextRequestStatus.unsubscribe(t),e.removeAttribute("loading"))}))},fe=function(e={}){var t,i;const s=j(e,["externalId","email","phone"]),o=j(e,["newPassword","password"]);if(s&&o)try{if(!globalThis.PasswordCredential)return;const e=new globalThis.PasswordCredential({id:s,password:o});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)}},be=function(){W();this.contentRootElement.querySelectorAll('[external-input="true"]').forEach((t=>e(this,z,"m",we).call(this,t)))},we=function(e){if(!e)return;e.querySelectorAll("input").forEach((t=>{const i=t.getAttribute("slot"),s=`input-${e.id}-${i}`,o=document.createElement("slot");o.setAttribute("name",s),o.setAttribute("slot",i),e.appendChild(o),t.setAttribute("slot",s),this.appendChild(t)}))},Se=function(t){this.contentRootElement.querySelectorAll('descope-passcode[data-auto-submit="true"]').forEach((i=>{i.addEventListener("input",(()=>{var s;(null===(s=i.checkValidity)||void 0===s?void 0:s.call(i))&&e(this,ye,"f").call(this,i,t)}))}))},Ie=function(t){this.contentRootElement.querySelectorAll(`descope-button:not([${g}]), [data-type="button"]:not([${g}]`).forEach((i=>{i.onclick=()=>{e(this,ye,"f").call(this,i,t)}})),e(this,z,"m",Se).call(this,t),this.isDismissScreenErrorOnInput&&this.contentRootElement.querySelectorAll(`*[name]:not([${u}])`).forEach((e=>{e.addEventListener("input",(()=>{this.stepState.update((e=>Object.assign(Object.assign({},e),{screenState:Object.assign(Object.assign({},e.screenState),{errorText:"",errorType:""})})))}))}))},Re=function(e,t){this.dispatchEvent(new CustomEvent(e,{detail:t}))};export{ke as default};
+import{__classPrivateFieldGet as e,__classPrivateFieldSet as t,__awaiter as i,__rest as s}from"tslib";import{ensureFingerprintIds as o,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,SDK_SCRIPTS_LOAD_TIMEOUT as h,ELEMENT_TYPE_ATTRIBUTE as p,DESCOPE_ATTRIBUTE_EXCLUDE_FIELD as u,DESCOPE_ATTRIBUTE_EXCLUDE_NEXT_BUTTON as g}from"../constants/index.js";import{timeoutPromise as m,withMemCache as v,leadingDebounce as f,getUserLocale as b,showFirstScreenOnExecutionInit as w,injectSamlIdpForm as S,getAnimationDirection as y,transformStepStateForCustomScreen as I,getElementDescopeAttributes as R,submitForm as k,handleReportValidityOnBlur as C,handleAutoFocus as O,getFirstNonEmptyValue as j,clearPreviousExternalInputs as A}from"../helpers/helpers.js";import W from"../helpers/state.js";import{disableWebauthnButtons as x,updateTemplateFromScreenState as E,setPhoneAutoDetectDefaultCode as T,setTOTPVariable as L,setNOTPVariable as U,setCssVars as $,updateScreenFromScreenState as N,replaceElementMessage as P}from"../helpers/templates.js";import{isConditionalLoginSupported as q}from"../helpers/webauthn.js";import{getABTestingKey as F}from"../helpers/abTestingKey.js";import{calculateConditions as D,calculateCondition as M}from"../helpers/conditions.js";import{setLastAuth as V,getLastAuth as K}from"../helpers/lastAuth.js";import H from"./BaseDescopeWc.js";import B,{getScriptResultPath as _}from"./sdkScripts/index.js";import{FETCH_EXCEPTION_ERROR_CODE as G,FETCH_ERROR_RESPONSE_ERROR_CODE as J}from"../constants/general.js";var z,Q,X,Y,Z,ee,te,ie,se,oe,ne,re,ae,le,de,ce,he,pe,ue,ge,me,ve,fe,be,we,Se,ye,Ie,Re;class ke extends H{static set sdkConfigOverrides(e){H.sdkConfigOverrides=e}static get sdkConfigOverrides(){return H.sdkConfigOverrides}constructor(){const s=new W({deferredRedirect:!1});super(s.update.bind(s)),z.add(this),this.stepState=new W({}),Q.set(this,void 0),X.set(this,null),Y.set(this,null),Z.set(this,{visibilitychange:e(this,z,"m",ee).bind(this)}),this.bridgeVersion=1,this.nativeResume=(t,i)=>{var s;const o=JSON.parse(i);if(this.logger.info(`nativeResume received payload of type '${t}'`),"oauthWeb"===t||"sso"===t){let{exchangeCode:e}=o;if(!e){e=null===(s=new URL(o.url).searchParams)||void 0===s?void 0:s.get(r)}this.nativeComplete({exchangeCode:e,idpInitiated:!0})}else if("magicLink"===t){const t=new URL(o.url),i=t.searchParams.get(a),s=t.searchParams.get(l).split("_").pop();e(this,le,"f").call(this),this.flowState.update({token:i,stepId:s,action:void 0})}else this.nativeComplete(o)},ne.set(this,(t=>{const i=()=>{this.contentRootElement.classList.toggle("hidden",t),this.slotElement.classList.toggle("hidden",!t),t&&(this.contentRootElement.innerHTML="")};t&&this.contentRootElement.hasChildNodes()?e(this,z,"m",re).call(this,i):i()})),ae.set(this,((s,o,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,Q,setTimeout((()=>i(this,void 0,void 0,(function*(){var t;this.logger.debug("polling - Calling next");const i=this.sdk.flow.next(s,o,c.polling,n,r,{}),h=document.hidden&&!a&&Date.now()-l>d+500;let p;h&&this.logger.debug("polling - The polling seems to be throttled");try{const e=h?1e3:6e3;p=yield m(e,i)}catch(t){return this.logger.warn(`polling - The ${h?"throttled fetch":"fetch"} call timed out or was aborted`),void e(this,ae,"f").call(this,s,o,n,r,h)}if((null===(t=null==p?void 0:p.error)||void 0===t?void 0:t.errorCode)===G)return this.logger.debug("polling - Got a generic error due to exception in fetch call"),void e(this,ae,"f").call(this,s,o,n,r);this.logger.debug("polling - Got a response"),(null==p?void 0:p.error)&&this.logger.debug("polling - Response has an error",JSON.stringify(p.error,null,4)),e(this,ae,"f").call(this,s,o,n,r),e(this,de,"f").call(this,p)}))),d),"f")}})),le.set(this,(()=>{clearTimeout(e(this,Q,"f")),t(this,Q,null,"f")})),de.set(this,(i=>{var s,o,n,r,a,l,c,h,p,u,g,m,v;if(!(null==i?void 0:i.ok)){const t=null===(s=null==i?void 0:i.response)||void 0===s?void 0:s.url,d=`${null===(o=null==i?void 0:i.response)||void 0===o?void 0:o.status} - ${null===(n=null==i?void 0:i.response)||void 0===n?void 0:n.statusText}`;e(this,z,"m",Re).call(this,"error",(null==i?void 0:i.error)||{errorCode:J,errorDescription:d,errorMessage:t}),this.loggerWrapper.error((null===(r=null==i?void 0:i.error)||void 0===r?void 0:r.errorDescription)||t,(null===(a=null==i?void 0:i.error)||void 0===a?void 0:a.errorMessage)||d);const c=null===(l=null==i?void 0:i.error)||void 0===l?void 0:l.errorCode;return void("E102004"!==c&&"E103205"!==c||!this.isRestartOnError||e(this,z,"m",se).call(this))}null===(h=null===(c=i.data)||void 0===c?void 0:c.runnerLogs)||void 0===h||h.forEach((e=>{const{level:t,title:i,log:s}=e;t&&this.loggerWrapper[t]?this.loggerWrapper[t](i,s):this.loggerWrapper.info(i,s)}));const f=null===(g=null===(u=null===(p=i.data)||void 0===p?void 0:p.screen)||void 0===u?void 0:u.state)||void 0===g?void 0:g.errorText;(null===(m=i.data)||void 0===m?void 0:m.error)?this.loggerWrapper.error(`[${i.data.error.code}]: ${i.data.error.description}`,`${f?`${f} - `:""}${i.data.error.message}`):f&&this.loggerWrapper.error(f);const{status:b,authInfo:w,lastAuth:S,action:y,openInNewTabUrl:I}=i.data;if(y!==d.poll&&e(this,le,"f").call(this),"completed"===b)return this.storeLastAuthenticatedUser&&V(S),void e(this,z,"m",Re).call(this,"success",w);I&&window.open(I,"_blank");const{executionId:R,stepId:k,stepName:C,screen:O,redirect:j,webauthn:A,error:W,samlIdpResponse:x,nativeResponse:E}=i.data,T=Date.now();y!==d.poll?(this.loggerWrapper.info(`Step "${C||`#${k}`}" is ${b}`,"",{screen:O,status:b,stepId:k,stepName:C,action:y,error:W}),(null===(v=O.state)||void 0===v?void 0:v.clientScripts)&&t(this,Y,this.loadSdkScripts(O.state.clientScripts),"f"),this.flowState.update({stepId:k,stepName:C,executionId:R,action:y,redirectTo:null==j?void 0:j.url,screenId:null==O?void 0:O.id,screenState:null==O?void 0:O.state,webauthnTransactionId:null==A?void 0:A.transactionId,webauthnOptions:null==A?void 0:A.options,samlIdpResponseUrl:null==x?void 0:x.url,samlIdpResponseSamlResponse:null==x?void 0:x.samlResponse,samlIdpResponseRelayState:null==x?void 0:x.relayState,nativeResponseType:null==E?void 0:E.type,nativePayload:null==E?void 0:E.payload,reqTimestamp:T})):this.flowState.update({action:y,reqTimestamp:T})})),ce.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)}}))))),Se.set(this,f(((t,s)=>i(this,void 0,void 0,(function*(){var i;if("true"===t.getAttribute("formnovalidate")||e(this,z,"m",ge).call(this)){const o=null==t?void 0:t.getAttribute("id");e(this,z,"m",ve).call(this,t);const n=yield e(this,z,"m",me).call(this),r=R(t);if(this.nextRequestStatus.update({isLoading:!0}),e(this,Y,"f")){this.loggerWrapper.debug("Waiting for sdk scripts to load");const t=Date.now();yield e(this,Y,"f"),this.loggerWrapper.debug("Sdk scripts loaded for",(Date.now()-t).toString())}const a=this.loadSdkScriptsModules();if(a.length>0){const e=a.filter((e=>"function"==typeof e.refresh)).map((e=>e.refresh()));e.length>0&&(yield m(h,Promise.all(e),null))}const l=this.getComponentsContext(),d=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});yield s(o,d),this.nextRequestStatus.update({isLoading:!1}),e(this,z,"m",fe).call(this,n)}}))))),this.flowState=s}loadSdkScriptsModules(){const e=this.shadowRoot.querySelectorAll("div[data-script-id]");return Array.from(e).map((e=>e.moduleRes)).filter((e=>!!e))}loadSdkScripts(e){if(!(null==e?void 0:e.length))return null;const t=(e,t)=>i=>{this.dispatchEvent(new CustomEvent("components-context",{detail:{[_(e.id,e.resultKey)]:i},bubbles:!0,composed:!0})),t(e.id)};this.loggerWrapper.debug(`Preparing to load scripts: ${e.map((e=>e.id)).join(", ")}`);const s=Promise.all(null==e?void 0:e.map((e=>i(this,void 0,void 0,(function*(){var i;const s=this.shadowRoot.querySelector(`[data-script-id="${e.id}"]`);if(s){this.loggerWrapper.debug("Script already loaded",e.id);const{moduleRes:t}=s;return null===(i=null==t?void 0:t.start)||void 0===i||i.call(t),t}const o=yield B(e.id);return new Promise(((i,s)=>{try{const s=o(e.initArgs,{baseUrl:this.baseUrl},t(e,i));if(s){const t=document.createElement("div");t.setAttribute("data-script-id",e.id),t.moduleRes=s,this.shadowRoot.appendChild(t),this.nextRequestStatus.subscribe((()=>{var t;this.loggerWrapper.debug("Unloading script",e.id),null===(t=s.stop)||void 0===t||t.call(s)}))}}catch(e){s(e)}}))}))))),o=new Promise((e=>{setTimeout((()=>{this.loggerWrapper.warn("SDK scripts loading timeout"),e(!0)}),h)}));return Promise.race([s,o])}get isDismissScreenErrorOnInput(){return"true"===this.getAttribute("dismiss-screen-error-on-input")}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,s;this.shadowRoot.isConnected&&(null===(i=this.flowState)||void 0===i||i.subscribe(this.onFlowChange.bind(this)),e(this,z,"m",ie).call(this),window.addEventListener("visibilitychange",e(this,Z,"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,X,"f"))||void 0===i||i.abort(),t(this,X,null,"f"),window.removeEventListener("visibilitychange",e(this,Z,"f").visibilitychange)}getHtmlFilenameWithLocale(e,t){return i(this,void 0,void 0,(function*(){let i;const s=b(e),o=yield this.getTargetLocales();return o.includes(s.locale)?i=`${t}-${s.locale}.html`:o.includes(s.fallback)&&(i=`${t}-${s.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,p;const{projectId:u,flowId:g,tenant:m,stepId:v,executionId:f,action:I,screenId:R,screenState:C,redirectTo:O,redirectUrl:j,token:A,code:W,exchangeError:x,webauthnTransactionId:E,webauthnOptions:T,redirectAuthCodeChallenge:L,redirectAuthCallbackUrl:U,redirectAuthBackupCallbackUri:$,redirectAuthInitiator:N,locale:P,samlIdpResponseUrl:q,samlIdpResponseSamlResponse:V,samlIdpResponseRelayState:H,nativeResponseType:B,nativePayload:_,reqTimestamp:G}=r,J=s(r,["projectId","flowId","tenant","stepId","executionId","action","screenId","screenState","redirectTo","redirectUrl","token","code","exchangeError","webauthnTransactionId","webauthnOptions","redirectAuthCodeChallenge","redirectAuthCallbackUrl","redirectAuthBackupCallbackUri","redirectAuthInitiator","locale","samlIdpResponseUrl","samlIdpResponseSamlResponse","samlIdpResponseRelayState","nativeResponseType","nativePayload","reqTimestamp"]);let Q,Z,ee;const te=F(),ie=this.outboundAppId,se=this.outboundAppScopes,ne=this.sdk.getLastUserLoginId(),re=yield this.getFlowConfig(),le=yield this.getProjectConfig(),ce=Object.entries(le.flows||{}).reduce(((e,[t,i])=>(e[t]=i.version,e)),{}),he=U&&L?{callbackUrl:U,codeChallenge:L,backupCallbackUri:$}:void 0,pe=this.nativeOptions?{platform:this.nativeOptions.platform,oauthProvider:this.nativeOptions.oauthProvider,oauthRedirect:this.nativeOptions.oauthRedirect,magicLinkRedirect:this.nativeOptions.magicLinkRedirect,ssoRedirect:this.nativeOptions.ssoRedirect}:void 0;let ue={};if(!f){const i=[...re.clientScripts||[],...re.sdkScripts||[]];if(re.conditions){let e=[];({startScreenId:Q,conditionInteractionId:ee,startScreenName:Z,clientScripts:e,componentsConfig:ue}=D({loginId:ne,code:W,token:A,abTestingKey:te},re.conditions)),i.push(...e||[])}else re.condition?({startScreenId:Q,conditionInteractionId:ee}=M(re.condition,{loginId:ne,code:W,token:A,abTestingKey:te})):(Z=re.startScreenName,Q=re.startScreenId);if(t(this,Y,this.loadSdkScripts(i),"f"),re.fingerprintEnabled&&re.fingerprintKey?yield o(re.fingerprintKey,this.baseUrl):n(),!w(Q,J)){const t=yield this.sdk.flow.start(g,Object.assign(Object.assign(Object.assign(Object.assign({tenant:m,redirectAuth:he},J),{client:this.client}),j&&{redirectUrl:j}),{lastAuth:K(ne),abTestingKey:te,locale:b(P).locale,nativeOptions:pe,outboundAppId:ie,outboundAppScopes:se}),ee,"",le.componentsVersion,ce,Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},this.formConfigValues),W?{exchangeCode:W,idpInitiated:!0}:{}),J.descopeIdpInitiated&&{idpInitiated:!0}),A?{token:A}:{}),J.oidcLoginHint?{externalId:J.oidcLoginHint}:{}));return e(this,de,"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(f&&(l("token")&&A||l("code")&&W||l("exchangeError")&&x)){const t=yield this.sdk.flow.next(f,v,c.submit,re.version,le.componentsVersion,{token:A,exchangeCode:W,exchangeError:x});return e(this,de,"f").call(this,t),void this.flowState.update({token:void 0,code:void 0,exchangeError:void 0})}if(I===d.loadForm&&["samlIdpResponseUrl","samlIdpResponseSamlResponse","samlIdpResponseRelayState"].some((e=>l(e)))){if(!q||!V)return void this.loggerWrapper.error("Did not get saml idp params data to load");S(q,V,H||"",k)}if(I===d.redirect&&(l("redirectTo")||l("deferredRedirect")))return O?"android"===N&&document.hidden?void this.flowState.update({deferredRedirect:!0}):void window.location.assign(O):void this.loggerWrapper.error("Did not get redirect url");if(I===d.webauthnCreate||I===d.webauthnGet){if(!E||!T)return void this.loggerWrapper.error("Did not get webauthn transaction id or options");let i,s;null===(p=e(this,X,"f"))||void 0===p||p.abort(),t(this,X,null,"f");try{i=I===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),s=e.name}const o=yield this.sdk.flow.next(f,v,c.submit,re.version,le.componentsVersion,{transactionId:E,response:i,failure:s});e(this,de,"f").call(this,o)}if(I===d.nativeBridge)return this.nativeComplete=t=>i(this,void 0,void 0,(function*(){const i=yield this.sdk.flow.next(f,v,c.submit,re.version,le.componentsVersion,t);e(this,de,"f").call(this,i)})),void e(this,z,"m",Re).call(this,"bridge",{type:B,payload:_});if(l("action")&&e(this,ae,"f").call(this,f,v,re.version,le.componentsVersion),!R&&!Q)return void this.loggerWrapper.warn("No screen was found to show");const ge=Q||R,me=yield this.getHtmlFilenameWithLocale(P,ge),{oidcLoginHint:ve,oidcPrompt:fe,oidcErrorRedirectUri:be,samlIdpUsername:we}=J,Se={direction:y(v,a.stepId),screenState:Object.assign(Object.assign({},C),{form:Object.assign(Object.assign({},this.formConfigValues),null==C?void 0:C.form),lastAuth:{loginId:ne,name:this.sdk.getLastUserDisplayName()||ne},componentsConfig:Object.assign(Object.assign(Object.assign({},re.componentsConfig),ue),null==C?void 0:C.componentsConfig)}),htmlFilename:`${ge}.html`,htmlLocaleFilename:me,screenId:ge,stepName:r.stepName||Z,samlIdpUsername:we,oidcLoginHint:ve,oidcPrompt:fe,oidcErrorRedirectUri:be},ye=K(ne);w(Q,J)?Se.next=(t,s)=>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:he},J),{lastAuth:ye,preview:this.preview,abTestingKey:te,client:this.client}),j&&{redirectUrl:j}),{locale:b(P).locale,nativeOptions:pe,outboundAppId:ie,outboundAppScopes:se}),ee,t,le.componentsVersion,ce,Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},this.formConfigValues),s),W&&{exchangeCode:W,idpInitiated:!0}),J.descopeIdpInitiated&&{idpInitiated:!0}),A&&{token:A}));return e(this,de,"f").call(this,i),i})):(l("projectId")||l("baseUrl")||l("executionId")||l("stepId"))&&(Se.next=(t,s)=>i(this,void 0,void 0,(function*(){const i=yield this.sdk.flow.next(f,v,t,re.version,le.componentsVersion,s);return e(this,de,"f").call(this,i),i}))),this.loggerWrapper.debug("Got a screen with id",Se.screenId),yield e(this,z,"m",oe).call(this,Se),this.stepState.update(Se)}))}onStepChange(t,s){return i(this,void 0,void 0,(function*(){var o,n;const{htmlFilename:r,htmlLocaleFilename:a,direction:l,next:d,screenState:h}=t;this.loggerWrapper.debug("Rendering a flow screen");const u=document.createElement("template");u.innerHTML=yield this.getPageContent(r,a);const g=u.content.cloneNode(!0),m=this.loadDescopeUiComponents(u);this.sdk.webauthn.helpers.isSupported()?yield e(this,z,"m",pe).call(this,g,d):x(g),!t.samlIdpUsername||(null===(o=h.form)||void 0===o?void 0:o.loginId)||(null===(n=h.form)||void 0===n?void 0:n.email)||(h.form||(h.form={}),h.form.loginId=t.samlIdpUsername,h.form.email=t.samlIdpUsername),E(g,h,h.componentsConfig,this.formConfig,this.loggerWrapper);const{geo:v}=yield this.getExecutionContext();T(g,v);const f=()=>i(this,void 0,void 0,(function*(){var i,o;yield m;const n=this.contentRootElement;L(n,null===(i=null==h?void 0:h.totp)||void 0===i?void 0:i.image),U(n,null===(o=null==h?void 0:h.notp)||void 0===o?void 0:o.image),$(n,g,h.cssVars,this.loggerWrapper),n.replaceChildren(g);const r=!s.htmlFilename;setTimeout((()=>{e(this,z,"m",be).call(this),this.validateOnBlur&&C(n),N(n,h),e(this,z,"m",ue).call(this,{isFirstScreen:r,stepName:t.stepName}),O(n,this.autoFocus,r)})),e(this,z,"m",Ie).call(this,d);n.querySelector(`[${p}="polling"]`)&&d(c.polling,{})}));l?e(this,z,"m",re).call(this,f):f()}))}}Q=new WeakMap,X=new WeakMap,Y=new WeakMap,Z=new WeakMap,ne=new WeakMap,ae=new WeakMap,le=new WeakMap,de=new WeakMap,ce=new WeakMap,Se=new WeakMap,z=new WeakSet,ee=function(){document.hidden||setTimeout((()=>{this.flowState.update({deferredRedirect:!1})}),300)},te=function({errorText:e,errorType:t}){const i=()=>{var i;let s=e;try{s=(null===(i=this.errorTransformer)||void 0===i?void 0:i.call(this,{text:e,type:t}))||e}catch(e){this.loggerWrapper.error("Error transforming error message",e.message)}P(this.contentRootElement,"error-message",s)};this.addEventListener("screen-updated",i,{once:!0}),i()},ie=function(){var t,i;null===(t=this.stepState)||void 0===t||t.subscribe(this.onStepChange.bind(this),(e=>{var t=e.screenState,i=s(void 0===t?{}:t,["errorText","errorType"]),o=s(e,["screenState"]);return Object.assign(Object.assign({},o),{screenState:i})})),null===(i=this.stepState)||void 0===i||i.subscribe(e(this,z,"m",te).bind(this),(e=>{var t,i;return{errorText:null===(t=null==e?void 0:e.screenState)||void 0===t?void 0:t.errorText,errorType:null===(i=null==e?void 0:e.screenState)||void 0===i?void 0:i.errorType}}))},se=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(t){return i(this,void 0,void 0,(function*(){var i;const o=Object.assign(Object.assign({},this.stepState.current),t),{next:n,stepName:r}=o,a=s(o,["next","stepName"]),l=Boolean(yield null===(i=this.onScreenUpdate)||void 0===i?void 0:i.call(this,r,I(a),n,this)),d=!this.stepState.current.htmlFilename;if(e(this,ne,"f").call(this,l),l){this.loggerWrapper.debug("Rendering a custom screen"),e(this,z,"m",ue).call(this,{isFirstScreen:d,stepName:t.stepName}),this.stepState.unsubscribeAll();const i=this.stepState.subscribe((()=>{this.stepState.unsubscribe(i),e(this,z,"m",ie).call(this)}))}this.stepState.forceUpdate=l}))},re=function(e){this.contentRootElement.addEventListener("transitionend",(()=>{this.loggerWrapper.debug("page switch transition end"),this.contentRootElement.classList.remove("fade-out"),e()}),{once:!0}),this.loggerWrapper.debug("page switch transition start"),this.contentRootElement.classList.add("fade-out")},he=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)}))}},pe=function(s,o){return i(this,void 0,void 0,(function*(){var n;null===(n=e(this,X,"f"))||void 0===n||n.abort();const r=s.querySelector('*[autocomplete="webauthn"]');if(r&&(yield q())){const{options:s,transactionId:n}=(yield e(this,ce,"f").call(this))||{};s&&n&&(e(this,z,"m",he).call(this,r),t(this,X,new AbortController,"f"),this.sdk.webauthn.helpers.conditional(s,e(this,X,"f")).then((e=>i(this,void 0,void 0,(function*(){o(r.id,{transactionId:n,response:e})})))).catch((e=>{"AbortError"!==e.name&&this.loggerWrapper.error("Conditional login failed",e.message)})))}}))},ue=function({isFirstScreen:t,stepName:i}){t&&e(this,z,"m",Re).call(this,"ready",{}),e(this,z,"m",Re).call(this,"page-updated",{screenName:i}),e(this,z,"m",Re).call(this,"screen-updated",{screenName:i})},ge=function(){let e=!0;return Array.from(this.shadowRoot.querySelectorAll("*[name]")).reverse().forEach((t=>{var i,s;"slot"!==t.localName&&(null===(i=t.reportValidity)||void 0===i||i.call(t),e&&(e=null===(s=t.checkValidity)||void 0===s?void 0:s.call(t)))})),e},me=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})),{})}))},ve=function(e){const t=this.nextRequestStatus.subscribe((({isLoading:i})=>{i?e.setAttribute("loading","true"):(this.nextRequestStatus.unsubscribe(t),e.removeAttribute("loading"))}))},fe=function(e={}){var t,i;const s=j(e,["externalId","email","phone"]),o=j(e,["newPassword","password"]);if(s&&o)try{if(!globalThis.PasswordCredential)return;const e=new globalThis.PasswordCredential({id:s,password:o});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)}},be=function(){A();this.contentRootElement.querySelectorAll('[external-input="true"]').forEach((t=>e(this,z,"m",we).call(this,t)))},we=function(e){if(!e)return;e.querySelectorAll("input").forEach((t=>{const i=t.getAttribute("slot"),s=`input-${e.id}-${i}`,o=document.createElement("slot");o.setAttribute("name",s),o.setAttribute("slot",i),e.appendChild(o),t.setAttribute("slot",s),this.appendChild(t)}))},ye=function(t){this.contentRootElement.querySelectorAll('descope-passcode[data-auto-submit="true"]').forEach((i=>{i.addEventListener("input",(()=>{var s;(null===(s=i.checkValidity)||void 0===s?void 0:s.call(i))&&e(this,Se,"f").call(this,i,t)}))}))},Ie=function(t){this.contentRootElement.querySelectorAll(`descope-button:not([${g}]), [data-type="button"]:not([${g}]`).forEach((i=>{i.onclick=()=>{e(this,Se,"f").call(this,i,t)}})),e(this,z,"m",ye).call(this,t),this.isDismissScreenErrorOnInput&&this.contentRootElement.querySelectorAll(`*[name]:not([${u}])`).forEach((e=>{e.addEventListener("input",(()=>{this.stepState.update((e=>Object.assign(Object.assign({},e),{screenState:Object.assign(Object.assign({},e.screenState),{errorText:"",errorType:""})})))}))}))},Re=function(e,t){this.dispatchEvent(new CustomEvent(e,{detail:t}))};export{ke as default};
 //# sourceMappingURL=DescopeWc.js.map