{"version":3,"file":"RecaptchaV3-xBaU0z7X.js","sources":["../../../app/frontend/components/Common/RecaptchaV3.svelte"],"sourcesContent":["<script lang=\"ts\">\n  import {apiVerifyScore} from 'Utility/investorFlow/investorFlowAPI';\n  import {onMount, createEventDispatcher} from 'svelte';\n  import {recaptchaToken, showRecaptchaV3} from 'Store/InvestorFlowStore';\n  import Portal from 'Components/Common/PortalWrapper.svelte';\n  import {embeddedWebComponent} from 'Store/embedded/embeddedFlowStore';\n\n  type RecaptchaResponse = {\n    isValid?: boolean;\n  };\n\n  export let recaptchaSiteKey: string;\n  export let invisibleRecaptchaSiteKey: string;\n  export let handleFormValidation: boolean = false;\n  export let baseUrl: URL = undefined;\n  /** This prop will be reassigned to the element that recaptcha v2 is attached to, use it to resize as needed. */\n  export let recaptchaV2Box: HTMLElement = undefined;\n\n  /**\n   * Function to call when v3 token needs to be refreshed (i.e. when clicking a submit button)\n   * It will resolve when the fresh token has been assigned to the store.\n   *\n   * Will resolve instantly if v3 is not currently enabled.\n   */\n  export const refreshV3 = (): Promise<void> => {\n    return new Promise<void>(resolve => {\n      if (!$showRecaptchaV3) return resolve();\n\n      // Generating second token for sending it to backend\n      // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n      // @ts-ignore\n      window.grecaptcha.ready(() => {\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        window.grecaptcha\n          .execute(invisibleRecaptchaSiteKey, {action: 'submit'})\n          .then((token: string) => {\n            disableFormSubmitButton();\n            recaptchaToken.set(token);\n            resolve();\n          });\n      });\n    });\n  };\n\n  let recaptchaWrapper: HTMLElement;\n  let recaptchaResponse: RecaptchaResponse = {isValid: false};\n  let sizes = {width: 0, height: 0, yPadding: 0};\n  const yPadding = $embeddedWebComponent ? 10 : 0;\n  const dispatchEvent = createEventDispatcher();\n  const enableFormSubmitButton = (): void => {\n    if (recaptchaWrapper && handleFormValidation) {\n      const form = recaptchaWrapper.closest('form');\n      form.querySelector('[type=\"submit\"]').removeAttribute('disabled');\n    }\n  };\n\n  const disableFormSubmitButton = (): void => {\n    if (recaptchaWrapper && handleFormValidation) {\n      const form = recaptchaWrapper.closest('form');\n      form.querySelector('[type=\"submit\"]').setAttribute('disabled', '');\n    }\n  };\n\n  onMount(() => {\n    const recaptchaV3Script = document.createElement('script');\n    recaptchaV3Script.src = `https://www.google.com/recaptcha/api.js?render=${invisibleRecaptchaSiteKey}`;\n    recaptchaV3Script.async = true;\n\n    document.body.appendChild(recaptchaV3Script);\n\n    // Listening event when recaptcha v3 script is loaded\n    recaptchaV3Script.onload = () => {\n      // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n      // @ts-ignore\n      window.grecaptcha.ready(() => {\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        window.grecaptcha\n          .execute(invisibleRecaptchaSiteKey, {action: 'homepage'})\n          .then(async (token: string) => {\n            recaptchaResponse = await apiVerifyScore(baseUrl, token);\n\n            if (!recaptchaResponse.isValid) {\n              $showRecaptchaV3 = false;\n              recaptchaToken.set('');\n\n              // failed v3 render v2\n              // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n              // @ts-ignore\n              window.grecaptcha.render('recaptcha-v2', {\n                sitekey: recaptchaSiteKey,\n                callback: onloadCallback,\n                'expired-callback': handleCaptchaExpired,\n              });\n              sizes = {width: 304, height: 78, yPadding};\n            } else {\n              recaptchaToken.set(token);\n              dispatchEvent('tokenLoaded');\n            }\n          });\n      });\n    };\n  });\n\n  // Since recaptcha component does not have its own form entity but it will be\n  // part of many we need to ensure the triggering of any submit action.\n  document.addEventListener('submit', async event => {\n    if (handleFormValidation) {\n      event.preventDefault();\n      const form = event.target as HTMLFormElement;\n\n      // Generating second token for sending it to backend\n      await refreshV3();\n      new FormData(form);\n      form.submit();\n      recaptchaToken.set('');\n    }\n  });\n\n  document.addEventListener('formdata', event => {\n    const formData = event.formData;\n    formData.append('g-recaptcha-response', $recaptchaToken);\n\n    if ($showRecaptchaV3) {\n      formData.append(\n        'g-recaptcha-invisible',\n        JSON.stringify($showRecaptchaV3)\n      );\n    }\n  });\n\n  const onloadCallback = (e: string) => {\n    recaptchaToken.set(e);\n    dispatchEvent('tokenLoaded');\n  };\n\n  const handleCaptchaExpired = (): void => {\n    recaptchaToken.set('');\n  };\n\n  window.onloadCallback = onloadCallback;\n  window.recaptchaExpired = handleCaptchaExpired;\n\n  $: if ($recaptchaToken) {\n    enableFormSubmitButton();\n  } else {\n    disableFormSubmitButton();\n  }\n</script>\n\n{#if $embeddedWebComponent}\n  <Portal {sizes}>\n    <div\n      class=\"g-recaptcha-wrapper\"\n      data-testid=\"g-recaptcha-wrapper\"\n      id=\"g-recaptcha-wrapper\"\n      bind:this={recaptchaWrapper}\n    >\n      <div\n        id=\"recaptcha-v2\"\n        data-testid=\"recaptcha-v2\"\n        class=\"g-recaptcha\"\n        bind:this={recaptchaV2Box}\n      />\n    </div>\n  </Portal>\n{:else}\n  <div\n    class=\"g-recaptcha-wrapper\"\n    data-testid=\"g-recaptcha-wrapper\"\n    id=\"g-recaptcha-wrapper\"\n    bind:this={recaptchaWrapper}\n  >\n    <div\n      id=\"recaptcha-v2\"\n      data-testid=\"recaptcha-v2\"\n      class=\"g-recaptcha\"\n      bind:this={recaptchaV2Box}\n    />\n  </div>\n{/if}\n\n<style lang=\"postcss\">\n  .g-recaptcha {\n    transform-origin: 0 0;\n\n    /* Specific breakpoint for devices viewports under default recaptcha width 304px (for this page it reaches in 360)*/\n    @media screen and (max-width: 360px) {\n      width: 13.875rem;\n    }\n\n    @media screen and (min-width: 415px) and (max-width: 768px) {\n      margin: 0 auto;\n    }\n  }\n</style>\n"],"names":["insert","target","div1","anchor","append","div0","ctx","__awaiter","thisArg","_arguments","P","generator","recaptchaSiteKey","$$props","invisibleRecaptchaSiteKey","handleFormValidation","baseUrl","recaptchaV2Box","refreshV3","resolve","$showRecaptchaV3","token","disableFormSubmitButton","recaptchaToken","recaptchaWrapper","recaptchaResponse","sizes","yPadding","$embeddedWebComponent","dispatchEvent","createEventDispatcher","enableFormSubmitButton","onMount","recaptchaV3Script","apiVerifyScore","set_store_value","showRecaptchaV3","onloadCallback","handleCaptchaExpired","event","form","formData","$recaptchaToken","$$value"],"mappings":"k/BAwKEA,EAYKC,EAAAC,EAAAC,CAAA,EANHC,EAKCF,EAAAG,CAAA,mpBA1BDL,EAYKC,EAAAC,EAAAC,CAAA,EANHC,EAKCF,EAAAG,CAAA,uIAbFC,EAAqB,CAAA,EAAA,mYAvJT,IAAAC,EAAA,MAAA,KAAA,WAAA,SAAAC,EAAAC,EAAAC,EAAAC,EAAA,iSAWJ,iBAAAC,CAAwB,EAAAC,GACxB,0BAAAC,CAAiC,EAAAD,EACjC,CAAA,qBAAAE,EAAgC,EAAK,EAAAF,EACrC,CAAA,QAAAG,EAAe,MAAS,EAAAH,EAExB,CAAA,eAAAI,EAA8B,MAAS,EAAAJ,QAQrCK,EAAS,IACT,IAAA,QAAcC,GAAO,CACzB,GAAA,CAAAC,SAAyBD,EAAO,EAKrC,OAAO,WAAW,MAAK,IAAA,CAGrB,OAAO,WACJ,QAAQL,EAAyB,CAAG,OAAQ,QAAQ,CAAA,EACpD,KAAMO,GAAa,CAClBC,EAAuB,EACvBC,EAAe,IAAIF,CAAK,EACxBF,EAAO,YAMbK,EACAC,EAAiB,CAAuB,QAAS,EAAK,EACtDC,EAAK,CAAI,MAAO,EAAG,OAAQ,EAAG,SAAU,CAAC,EACvC,MAAAC,EAAWC,EAAwB,GAAK,EACxCC,EAAgBC,GAAqB,EACrCC,EAAsB,IAAA,CACtBP,GAAoBT,GACTS,EAAiB,QAAQ,MAAM,EACvC,cAAc,iBAAiB,EAAE,gBAAgB,UAAU,GAI9DF,EAAuB,IAAA,CACvBE,GAAoBT,GACTS,EAAiB,QAAQ,MAAM,EACvC,cAAc,iBAAiB,EAAE,aAAa,WAAY,EAAE,GAIrEQ,GAAO,IAAA,CACC,MAAAC,EAAoB,SAAS,cAAc,QAAQ,EACzDA,EAAkB,IAAG,kDAAqDnB,CAAyB,GACnGmB,EAAkB,MAAQ,GAE1B,SAAS,KAAK,YAAYA,CAAiB,EAG3CA,EAAkB,OAAM,IAAA,CAGtB,OAAO,WAAW,MAAK,IAAA,CAGrB,OAAO,WACJ,QAAQnB,EAAyB,CAAG,OAAQ,WAAU,EACtD,KAAYO,GAAvBd,EAAA,OAAA,OAAA,OAAA,WAAA,CACYkB,EAA0B,MAAAS,GAAelB,EAASK,CAAK,EAElDI,EAAkB,SAcrBF,EAAe,IAAIF,CAAK,EACxBQ,EAAc,aAAa,IAd3BM,EAAAC,EAAAhB,EAAmB,GAAKA,CAAA,EACxBG,EAAe,IAAI,EAAE,EAKrB,OAAO,WAAW,OAAO,eAAc,CACrC,QAASX,EACT,SAAUyB,EACV,mBAAoBC,QAEtBZ,EAAK,CAAI,MAAO,IAAK,OAAQ,GAAI,SAAAC,EAAQ,WAYrD,SAAS,iBAAiB,SAAgBY,GAA5ChC,EAAA,OAAA,OAAA,OAAA,WAAA,IACQQ,EAAoB,CACtBwB,EAAM,eAAc,QACdC,EAAOD,EAAM,aAGbrB,EAAS,EACX,IAAA,SAASsB,CAAI,EACjBA,EAAK,OAAM,EACXjB,EAAe,IAAI,EAAE,MAIzB,SAAS,iBAAiB,WAAYgB,GAAK,OACnCE,EAAWF,EAAM,SACvBE,EAAS,OAAO,uBAAwBC,CAAe,EAEnDtB,GACFqB,EAAS,OACP,wBACA,KAAK,UAAUrB,CAAgB,CAAA,IAK/B,MAAAiB,EAAkB,GAAS,CAC/Bd,EAAe,IAAI,CAAC,EACpBM,EAAc,aAAa,GAGvBS,EAAoB,IAAA,CACxBf,EAAe,IAAI,EAAE,GAGvB,OAAO,eAAiBc,EACxB,OAAO,iBAAmBC,2CAqBTrB,EAAc0B,oDANhBnB,EAAgBmB,oDAqBhB1B,EAAc0B,oDANhBnB,EAAgBmB,+TA5BtBD,EACLX,EAAsB,EAEtBT,EAAuB"}