From 3421e4822f18a6c6071a0ecdd06447d9794e6803 Mon Sep 17 00:00:00 2001
From: Baptiste Arnaud <contact@baptiste-arnaud.fr>
Date: Tue, 11 Jul 2023 10:19:47 +0200
Subject: [PATCH] :ambulance: (bot) Share inject custom head code again

---
 packages/embeds/js/package.json               |  2 +-
 .../js/src/utils/injectCustomHeadCode.ts      | 33 -------------------
 .../embeds/js/src/utils/injectStartProps.ts   |  3 +-
 packages/embeds/react/package.json            |  2 +-
 packages/lib/utils.ts                         | 32 ++++++++++++++++++
 5 files changed, 35 insertions(+), 37 deletions(-)
 delete mode 100644 packages/embeds/js/src/utils/injectCustomHeadCode.ts

diff --git a/packages/embeds/js/package.json b/packages/embeds/js/package.json
index be84a8e4b..d7f621999 100644
--- a/packages/embeds/js/package.json
+++ b/packages/embeds/js/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@typebot.io/js",
-  "version": "0.0.71",
+  "version": "0.0.72",
   "description": "Javascript library to display typebots on your website",
   "type": "module",
   "main": "dist/index.js",
diff --git a/packages/embeds/js/src/utils/injectCustomHeadCode.ts b/packages/embeds/js/src/utils/injectCustomHeadCode.ts
deleted file mode 100644
index 56ca5f32d..000000000
--- a/packages/embeds/js/src/utils/injectCustomHeadCode.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { isNotDefined } from '@typebot.io/lib/utils'
-
-export const injectCustomHeadCode = (customHeadCode: string) => {
-  customHeadCode = customHeadCode.replace(
-    /<script>/g,
-    `<script>
-try {`
-  )
-  customHeadCode = customHeadCode.replace(
-    /<\/script>/g,
-    `} catch(e) {
-  console.warn("Error while executing custom head code", e)
-}
-</script>`
-  )
-  const headCodes = customHeadCode.split('</noscript>')
-  headCodes.forEach((headCode) => {
-    const [codeToInject, noScriptContentToInject] = headCode.split('<noscript>')
-    const fragment = document
-      .createRange()
-      .createContextualFragment(codeToInject)
-    document.head.append(fragment)
-
-    if (isNotDefined(noScriptContentToInject)) return
-
-    const noScriptElement = document.createElement('noscript')
-    const noScriptContentFragment = document
-      .createRange()
-      .createContextualFragment(noScriptContentToInject)
-    noScriptElement.append(noScriptContentFragment)
-    document.head.append(noScriptElement)
-  })
-}
diff --git a/packages/embeds/js/src/utils/injectStartProps.ts b/packages/embeds/js/src/utils/injectStartProps.ts
index a10359435..fc15b72bc 100644
--- a/packages/embeds/js/src/utils/injectStartProps.ts
+++ b/packages/embeds/js/src/utils/injectStartProps.ts
@@ -2,9 +2,8 @@
 import { initGoogleAnalytics } from '@/lib/gtag'
 import { gtmBodyElement } from '@/lib/gtm'
 import { initPixel } from '@/lib/pixel'
-import { isNotEmpty } from '@typebot.io/lib/utils'
+import { injectCustomHeadCode, isNotEmpty } from '@typebot.io/lib/utils'
 import { StartPropsToInject } from '@typebot.io/schemas'
-import { injectCustomHeadCode } from './injectCustomHeadCode'
 
 export const injectStartProps = async (
   startPropsToInject: StartPropsToInject
diff --git a/packages/embeds/react/package.json b/packages/embeds/react/package.json
index ed3cbc0a8..fe3f72b96 100644
--- a/packages/embeds/react/package.json
+++ b/packages/embeds/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@typebot.io/react",
-  "version": "0.0.71",
+  "version": "0.0.72",
   "description": "React library to display typebots on your website",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
diff --git a/packages/lib/utils.ts b/packages/lib/utils.ts
index 15ea17ab5..9e5bc0669 100644
--- a/packages/lib/utils.ts
+++ b/packages/lib/utils.ts
@@ -286,6 +286,38 @@ export const getViewerUrl = (props?: {
 export const parseNumberWithCommas = (num: number) =>
   num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',')
 
+export const injectCustomHeadCode = (customHeadCode: string) => {
+  customHeadCode = customHeadCode.replace(
+    /<script>/g,
+    `<script>
+try {`
+  )
+  customHeadCode = customHeadCode.replace(
+    /<\/script>/g,
+    `} catch(e) {
+  console.warn("Error while executing custom head code", e)
+}
+</script>`
+  )
+  const headCodes = customHeadCode.split('</noscript>')
+  headCodes.forEach((headCode) => {
+    const [codeToInject, noScriptContentToInject] = headCode.split('<noscript>')
+    const fragment = document
+      .createRange()
+      .createContextualFragment(codeToInject)
+    document.head.append(fragment)
+
+    if (isNotDefined(noScriptContentToInject)) return
+
+    const noScriptElement = document.createElement('noscript')
+    const noScriptContentFragment = document
+      .createRange()
+      .createContextualFragment(noScriptContentToInject)
+    noScriptElement.append(noScriptContentFragment)
+    document.head.append(noScriptElement)
+  })
+}
+
 export const getAtPath = <T>(obj: T, path: string): unknown => {
   if (isNotDefined(obj)) return undefined
   const pathParts = path.split('.')