fix: get the script by id instead of depending on document.currentScr…

frontend/public/widget.js

@@ -5,10 +5,14 @@
     const loadWidget = () => {
         window.hiEventWidgetLoaded = true;
 
-        let scriptOrigin;
+       let scriptOrigin;
         try {
-            const scriptURL = document.currentScript.src;
-            scriptOrigin = new URL(scriptURL).origin;
+let script = document.currentScript;
+if (!script) {
+   script = document.getElementById('hievents-widget-script');
+}```
+            if (!script || !script.src) throw new Error('HiEvent widget error: Invalid script URL');
+            scriptOrigin = new URL(script.src).origin;
         } catch (e) {
             console.error('HiEvent widget error: Invalid script URL');
             return;

frontend/src/components/common/WidgetEditor/index.tsx

@@ -1,18 +1,18 @@
-import classes from './WidgetEditor.module.scss';
+import { t, Trans } from "@lingui/macro";
+import { ColorInput, Group, NumberInput, Switch, Tabs, Textarea, TextInput } from "@mantine/core";
+import { matches, useForm } from "@mantine/form";
+import { IconInfoCircle } from "@tabler/icons-react";
+import { useEffect, useState } from "react";
+import { useParams } from "react-router";
+import { useGetEvent } from "../../../queries/useGetEvent.ts";
+import { useGetEventSettings } from "../../../queries/useGetEventSettings.ts";
+import { Event } from '../../../types.ts';
 import SelectProducts from "../../routes/product-widget/SelectProducts";
-import {ColorInput, Group, NumberInput, Switch, Tabs, Textarea, TextInput} from "@mantine/core";
-import {t, Trans} from "@lingui/macro";
-import {matches, useForm} from "@mantine/form";
-import {useEffect, useState} from "react";
-import {CopyButton} from "../CopyButton";
-import {useParams} from "react-router";
-import {IconInfoCircle} from "@tabler/icons-react";
-import {useGetEventSettings} from "../../../queries/useGetEventSettings.ts";
-import {Popover} from "../Popover";
-import {LoadingMask} from '../LoadingMask';
-import {Event} from '../../../types.ts';
-import {useGetEvent} from "../../../queries/useGetEvent.ts";
-import {Card} from "../Card";
+import { Card } from "../Card";
+import { CopyButton } from "../CopyButton";
+import { LoadingMask } from '../LoadingMask';
+import { Popover } from "../Popover";
+import classes from './WidgetEditor.module.scss';
 
 export const WidgetEditor = () => {
     const {eventId} = useParams();
@@ -46,7 +46,7 @@ export const WidgetEditor = () => {
     const [reactUsageCode, setReactUsageCode] = useState<string>("");
     const currentLocation = typeof window !== "undefined" ? window?.location : undefined;
     const embedUrl = `${currentLocation?.protocol}//${currentLocation?.host}/widget.js`;
-    const embedScript = `<script async src="${embedUrl}"></script>`;
+    const embedScript = `<script id="hievents-widget-script" async src="${embedUrl}"></script>`;
 
     useEffect(() => {
         setHtmlEmbedCode(

frontend/src/embed/widget.js

@@ -5,10 +5,11 @@
     const loadWidget = () => {
         window.hiEventWidgetLoaded = true;
 
-        let scriptOrigin;
+       let scriptOrigin;
         try {
-            const scriptURL = scriptElement.src;
-            scriptOrigin = new URL(scriptURL).origin;
+            const script = document.getElementById('hievent-widget-script');
+            if (!script || !script.src) throw new Error('HiEvent widget error: Invalid script URL');
+            scriptOrigin = new URL(script.src).origin;
         } catch (e) {
             console.error('HiEvent widget error: Invalid script URL');
             return;