feat(lib): ⚡️ Pass host URL params

packages/typebot-js/package.json

@@ -1,6 +1,6 @@
 {
   "name": "typebot-js",
-  "version": "2.2.3",
+  "version": "2.2.4",
   "main": "dist/index.js",
   "unpkg": "dist/index.umd.min.js",
   "license": "AGPL-3.0-or-later",

packages/typebot-js/src/iframe/index.ts

@@ -7,7 +7,15 @@ export const createIframe = ({
   ...iframeParams
 }: IframeParams): HTMLIFrameElement => {
   const { loadWhenVisible, hiddenVariables } = iframeParams
-  const iframeUrl = `${url}${parseQueryParams(hiddenVariables)}`
+  const hostUrlParams = new URLSearchParams(document.location.search)
+  const hostQueryObj: { [key: string]: string } = {}
+  hostUrlParams.forEach((value, key) => {
+    hostQueryObj[key] = value
+  })
+  const iframeUrl = `${url}${parseQueryParams({
+    ...hiddenVariables,
+    ...hostQueryObj,
+  })}`
   const iframe = document.createElement('iframe')
   iframe.setAttribute(loadWhenVisible ? 'data-src' : 'src', iframeUrl)
   iframe.setAttribute('data-id', url)
@@ -25,11 +33,7 @@ export const createIframe = ({
 const parseQueryParams = (starterVariables?: {
   [key: string]: string | undefined
 }): string => {
-  return parseHostnameQueryParam() + parseStarterVariables(starterVariables)
+  return parseStarterVariables(starterVariables)
-}
-
-const parseHostnameQueryParam = () => {
-  return `?hn=${window.location.hostname}`
 }
 
 const parseStarterVariables = (starterVariables?: {