[Breaking] Use CSS from the Trinsic's CDN (#306)

trinsic-id · Dec 13, 2024 · 0a78cfc · 0a78cfc
1 parent fd29345
commit 0a78cfc
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 222 deletions.
diff --git a/ui-web/sdk/src/iframeCss.ts b/ui-web/sdk/src/iframeCss.ts
diff --git a/ui-web/sdk/src/index.ts b/ui-web/sdk/src/index.ts
@@ -1,6 +1,5 @@
 import { detectUserAgents } from "./detectUserAgents";
 import MicroModal from "micromodal";
-import { CSSString } from "./iframeCss";
 
 export interface TrinsicSessionResult {
   success: boolean;
@@ -15,10 +14,11 @@ export async function launchIframe(
   launchUrl: string
 ): Promise<TrinsicSessionResult> {
   launchUrl += "&embed=iframe";
-  const style = document.createElement("style");
-  style.id = "trinsic-ui-style";
-  style.textContent = CSSString;
-  document.head.appendChild(style);
+  const cssLink = document.createElement("link");
+  cssLink.href = "https://content.trinsic.id/connect/assets/widget-iframe.css";
+  cssLink.rel = "stylesheet";
+
+  document.head.appendChild(cssLink);
 
   if (!launchUrl) {
     throw new Error(
@@ -73,7 +73,7 @@ export async function launchPopup(
   }
 
   const launchUrl = await getLaunchUrl();
-  if(!launchUrl) {
+  if (!launchUrl) {
     throw new Error("Invalid launch URL " + launchUrl);
   }
 

diff --git a/versions.json b/versions.json
@@ -12,5 +12,5 @@
   "flutterUIVersion": "1.0.0",
   "expoUIVersion": "1.0.0",
   "reactNativeUIVersion": "1.0.0",
-  "webUIVersion": "1.2.12"
+  "webUIVersion": "2.0.0"
 }