import { CalWindow } from "./embed"; const WEBAPP_URL = import.meta.env.EMBED_PUBLIC_WEBAPP_URL || `https://${import.meta.env.EMBED_PUBLIC_VERCEL_URL}`; const EMBED_LIB_URL = import.meta.env.EMBED_PUBLIC_EMBED_LIB_URL || `${WEBAPP_URL}/embed/embed.js`; (window as any).fingerprint = import.meta.env.EMBED_PUBLIC_EMBED_FINGER_PRINT as string; // Install Cal Embed Code Snippet (function (C, A, L) { const p = function (a: any, ar: any) { a.q.push(ar); }; const d = C.document; C.Cal = C.Cal || function () { const cal = C.Cal!; // eslint-disable-next-line prefer-rest-params const ar = arguments; if (!cal.loaded) { cal.ns = {}; cal.q = cal.q || []; d.head.appendChild(d.createElement("script")).src = A; cal.loaded = true; } if (ar[0] === L) { const api: { (): void; q?: any[] } = function () { // eslint-disable-next-line prefer-rest-params p(api, arguments); }; const namespace = ar[1]; api!.q = api.q || []; typeof namespace === "string" ? (cal!.ns![namespace] = api) && p(api, ar) : p(cal, ar); return; } p(cal, ar); }; })(window as CalWindow, EMBED_LIB_URL, "init"); const previewWindow: CalWindow = window; previewWindow.Cal!("init", { origin: WEBAPP_URL, }); const searchParams = new URL(document.URL).searchParams; const embedType = searchParams.get("embedType"); const calLink = searchParams.get("calLink"); if (embedType! === "inline") { previewWindow.Cal!("inline", { elementOrSelector: "#my-embed", calLink: calLink, }); } else if (embedType === "floating-popup") { previewWindow.Cal!("floatingButton", { calLink: calLink, attributes: { id: "my-floating-button", }, }); } else if (embedType === "element-click") { const button = document.createElement("button"); button.setAttribute("data-cal-link", calLink!); button.innerHTML = "I am a button that exists on your website"; document.body.appendChild(button); } previewWindow.addEventListener("message", (e) => { const data = e.data; if (data.mode !== "cal:preview") { return; } const globalCal = (window as CalWindow).Cal; if (!globalCal) { throw new Error("Cal is not defined yet"); } if (data.type == "instruction") { globalCal(data.instruction.name, data.instruction.arg); } if (data.type == "inlineEmbedDimensionUpdate") { const inlineEl = document.querySelector("#my-embed") as HTMLElement; if (inlineEl) { inlineEl.style.width = data.data.width; inlineEl.style.height = data.data.height; } } });