[BUG] regeneratorRuntime is not defined

Describe the bug After updating @typeform/embed in a Gatsby project from v0.33.2 to v0.34.5 and either running develop or production mode the following error is thrown:

  WebpackError: ReferenceError: regeneratorRuntime is not defined
  
  - lib.pure.js:1 
    node_modules/@typeform/embed/build/lib.pure.js:1:41435

To Reproduce Steps to reproduce the behavior:

Install @typeform/embed @ v0.34.5in a Gatsby project, add it as described & run yarn build (or yarn develop then it’s shown in the Browser). (But probably with many a React App).

Expected behavior Typeform doesn’t throw an error ; ).

Desktop (please complete the following information):

  System:
    OS: Linux 5.4 Linux Mint 20.1 (Ulyssa)
    CPU: (8) x64 Intel(R) Core(TM) i7-9700K CPU @ 3.60GHz
    Shell: 5.8 - /usr/bin/zsh
  Binaries:
    Node: 14.15.3 - ~/.nvm/versions/node/v14.15.3/bin/node
    Yarn: 1.22.4 - /usr/bin/yarn
    npm: 7.5.2 - ~/.nvm/versions/node/v14.15.3/bin/npm
  Browsers:
    Chrome: 87.0.4280.88
    Firefox: 85.0
  npmPackages:
    gatsby: ^2.32.3 => 2.32.3

Additional context I know you state in the README that no polyfills are included, but you might perhaps add that @babel/plugin-transform-runtime is needed. But as it quite increases the bundle size, I refrain from it and stay @ v0.33.2.

[daviddelusenet]

So I managed to fix it by using the approach of Ciccio99 in issue #132. My code for if anyone ever gets here:

import { useCallback, useEffect, useRef } from 'react'
import { Popup } from '@typeform/embed'

export const useEarlyAccessForm = (): {
  openForm: () => void
} => {
  const formRef = useRef<Popup | null>(null)

  useEffect(() => {
    ;(async () => {
      const { makePopup } = await import('@typeform/embed')

      formRef.current = makePopup(
        'MY_FORM_URL,
        {
          size: 90,
        },
      )
    })()
  }, [])

  const openForm = useCallback(() => {
    formRef.current?.open()
  }, [formRef])

  return {
    openForm,
  }
}

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.