@meshconnect/web-link-sdk 3.4.1 → 3.5.0

package/Link.js

@@ -49,6 +49,7 @@ import { addPopup, iframeId, removePopup } from './utils/popup';
 import { isLinkEventTypeKey } from './utils/event-types';
 import { sdkSpecs } from './utils/sdk-specs';
 import { BridgeParent } from '@meshconnect/uwc-bridge-parent';
+import { createPrewarmIframe, removePrewarmIframe } from './utils/prewarm';
 var currentOptions;
 var targetOrigin;
 var linkTokenOrigin;
@@ -172,6 +173,7 @@ function eventsListener(event) {
 export var createLink = function (options) {
     var openLink = function (linkToken, customIframeId) {
         var _a, _b;
+        removePrewarmIframe();
         if (!linkToken) {
             (_a = options === null || options === void 0 ? void 0 : options.onExit) === null || _a === void 0 ? void 0 : _a.call(options, 'Invalid link token!');
             return;
@@ -185,6 +187,7 @@ export var createLink = function (options) {
         }
         linkUrl = addLanguage(linkUrl, currentOptions === null || currentOptions === void 0 ? void 0 : currentOptions.language);
         linkUrl = addDisplayFiatCurrency(linkUrl, currentOptions === null || currentOptions === void 0 ? void 0 : currentOptions.displayFiatCurrency);
+        linkUrl = addTheme(linkUrl, currentOptions === null || currentOptions === void 0 ? void 0 : currentOptions.theme);
         linkTokenOrigin = new URL(linkUrl).origin;
         window.removeEventListener('message', eventsListener);
         if (customIframeId) {
@@ -232,7 +235,17 @@ function addLanguage(linkUrl, language) {
 }
 function addDisplayFiatCurrency(linkUrl, displayFiatCurrency) {
     if (displayFiatCurrency) {
-        return "".concat(linkUrl).concat(linkUrl.includes('?') ? '&' : '?', "fiatCur=").concat(displayFiatCurrency);
+        var queryString = linkUrl.includes('?') ? '&' : '?';
+        return "".concat(linkUrl).concat(queryString, "fiatCur=").concat(displayFiatCurrency);
     }
     return linkUrl;
 }
+function addTheme(linkUrl, theme) {
+    if (theme) {
+        return "".concat(linkUrl).concat(linkUrl.includes('?') ? '&' : '?', "th=").concat(theme);
+    }
+    return linkUrl;
+}
+if (!window.meshLinkShouldSkipPrewarm) {
+    createPrewarmIframe();
+}

package/README.md

@@ -105,6 +105,7 @@ After successfull authentication on the Link session, the popup will be closed a
 | `accessTokens`           | `IntegrationAccessToken[]`                             | An array of integration access tokens                                                |
 | `language`               | `'en' \| undefined`                                    | Link UI language                                                                     |
 | `displayFiatCurrency`    | `'USD' \| undefined`                                   | A fiat currency to display fiat equivalent of a crypto amount                        |
+| `theme`                  | `'dark' \| 'light' \| 'system' \| undefined`           | Color theme of Link UI interface                                                     |
 
 #### `createLink` return value
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meshconnect/web-link-sdk",
-  "version": "3.4.1",
+  "version": "3.5.0",
   "description": "A client-side JS library for integrating with Mesh Connect",
   "exports": "./index.js",
   "license": "MIT",

package/utils/prewarm.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Creates a hidden iframe for pre-warming the catalog.
+ * The iframe loads in the background and will be reused when openLink is called.
+ */
+export declare function createPrewarmIframe(): void;
+export declare function removePrewarmIframe(): void;

package/utils/prewarm.js

@@ -0,0 +1,33 @@
+var prewarmContainerId = 'mesh-link-prewarm-container';
+var prewarmIframeId = 'mesh-link-prewarm-iframe';
+/**
+ * Creates a hidden iframe for pre-warming the catalog.
+ * The iframe loads in the background and will be reused when openLink is called.
+ */
+export function createPrewarmIframe() {
+    // Check if prewarm container already exists
+    if (document.getElementById(prewarmContainerId)) {
+        return;
+    }
+    var url = 'https://web.meshconnect.com/prewarm';
+    // Create hidden container
+    var container = document.createElement('div');
+    container.id = prewarmContainerId;
+    container.style.cssText =
+        'display: none; position: fixed; top: 0; left: 0; width: 0; height: 0; pointer-events: none; visibility: hidden;';
+    // Create iframe and immediately load the catalog to pre-load assets
+    var iframe = document.createElement('iframe');
+    iframe.id = prewarmIframeId;
+    iframe.style.cssText = 'width: 100%; height: 100%; border: none;';
+    iframe.loading = 'eager';
+    // Load the base catalog URL to pre-load JS, CSS, and other static assets
+    iframe.src = url;
+    container.appendChild(iframe);
+    document.body.appendChild(container);
+}
+export function removePrewarmIframe() {
+    var container = document.getElementById(prewarmContainerId);
+    if (container) {
+        container.remove();
+    }
+}

package/utils/types.d.ts

@@ -139,8 +139,17 @@ export interface LinkOptions {
      * Default: 'USD'
      */
     displayFiatCurrency?: string;
+    /**
+     * Link UI theme. Possible values: 'dark', 'light' and 'system'.
+     */
+    theme?: 'dark' | 'light' | 'system';
 }
 export interface LinkStyle {
     ir: number;
     io: number;
 }
+declare global {
+    interface Window {
+        meshLinkShouldSkipPrewarm?: boolean;
+    }
+}

package/utils/version.d.ts

@@ -1 +1 @@
-export declare const sdkVersion = "3.4.1";
+export declare const sdkVersion = "3.5.0";

package/utils/version.js

@@ -1 +1 @@
-export var sdkVersion = '3.4.1';
+export var sdkVersion = '3.5.0';