@meshconnect/web-link-sdk 3.9.3 → 3.9.4

package/Link.js

@@ -48,6 +48,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 import { addPopup, iframeId, removePopup } from './utils/popup';
 import { isLinkEventTypeKey } from './utils/event-types';
 import { sdkSpecs } from './utils/sdk-specs';
+import { appendQueryParam } from './utils/url';
 import { BridgeParent } from '@meshconnect/uwc-bridge-parent';
 import { createPrewarmIframe, removePrewarmIframe } from './utils/prewarm';
 var currentOptions;
@@ -166,22 +167,29 @@ function eventsListener(event) {
 }
 export var createLink = function (options) {
     var openLink = function (linkToken, customIframeId) {
-        var _a, _b;
+        var _a, _b, _c;
         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;
         }
+        if ((options === null || options === void 0 ? void 0 : options.renderType) === 'embedded' && !customIframeId) {
+            var msg = 'Mesh SDK: Failed to open link - renderType "embedded" requires a customIframeId';
+            console.error(msg);
+            (_b = options === null || options === void 0 ? void 0 : options.onExit) === null || _b === void 0 ? void 0 : _b.call(options, msg);
+            return;
+        }
         currentOptions = options;
         var linkUrl = window.atob(linkToken);
         var isProtocolValid = linkUrl.startsWith('http://') || linkUrl.startsWith('https://');
         if (!isProtocolValid) {
-            (_b = options === null || options === void 0 ? void 0 : options.onExit) === null || _b === void 0 ? void 0 : _b.call(options, 'Invalid link token!');
+            (_c = options === null || options === void 0 ? void 0 : options.onExit) === null || _c === void 0 ? void 0 : _c.call(options, 'Invalid link token!');
             return;
         }
         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);
+        linkUrl = addRenderType(linkUrl, currentOptions === null || currentOptions === void 0 ? void 0 : currentOptions.renderType);
         linkTokenOrigin = new URL(linkUrl).origin;
         window.removeEventListener('message', eventsListener);
         if (customIframeId) {
@@ -225,18 +233,23 @@ function addLanguage(linkUrl, language) {
                 ? encodeURIComponent(navigator.language)
                 : undefined;
     }
-    return "".concat(linkUrl).concat(linkUrl.includes('?') ? '&' : '?', "lng=").concat(language || 'en');
+    return appendQueryParam(linkUrl, 'lng', language || 'en');
 }
 function addDisplayFiatCurrency(linkUrl, displayFiatCurrency) {
     if (displayFiatCurrency) {
-        var queryString = linkUrl.includes('?') ? '&' : '?';
-        return "".concat(linkUrl).concat(queryString, "fiatCur=").concat(displayFiatCurrency);
+        return appendQueryParam(linkUrl, 'fiatCur', displayFiatCurrency);
     }
     return linkUrl;
 }
 function addTheme(linkUrl, theme) {
     if (theme) {
-        return "".concat(linkUrl).concat(linkUrl.includes('?') ? '&' : '?', "th=").concat(theme);
+        return appendQueryParam(linkUrl, 'th', theme);
+    }
+    return linkUrl;
+}
+function addRenderType(linkUrl, renderType) {
+    if (renderType === 'embedded') {
+        return appendQueryParam(linkUrl, 'rt', 'embedded');
     }
     return linkUrl;
 }

package/package.json

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

package/utils/types.d.ts

@@ -138,6 +138,12 @@ export interface LinkOptions {
      * Link UI theme. Possible values: 'dark', 'light' and 'system'.
      */
     theme?: 'dark' | 'light' | 'system';
+    /**
+     * Controls how the Link UI is rendered.
+     * - 'overlay' (default): renders as a full-screen popup managed by the SDK.
+     * - 'embedded': renders inside a client-supplied iframe for a more native UI experience. Requires `customIframeId` in `openLink`.
+     */
+    renderType?: 'overlay' | 'embedded';
 }
 export interface LinkStyle {
     ir: number;

package/utils/url.d.ts

@@ -0,0 +1 @@
+export declare function appendQueryParam(url: string, key: string, value: string): string;

package/utils/url.js

@@ -0,0 +1,3 @@
+export function appendQueryParam(url, key, value) {
+    return "".concat(url).concat(url.includes('?') ? '&' : '?').concat(key, "=").concat(value);
+}

package/utils/version.d.ts

@@ -1 +1 @@
-export declare const sdkVersion = "3.9.3";
+export declare const sdkVersion = "3.9.4";

package/utils/version.js

@@ -1 +1 @@
-export var sdkVersion = '3.9.3';
+export var sdkVersion = '3.9.4';