@meshconnect/web-link-sdk 3.1.3 → 3.1.5

package/Link.js

@@ -386,7 +386,7 @@ export var createLink = function (options) {
                 possibleOrigins.add(iframeUrlObject.origin);
             }
             window.removeEventListener('message', eventsListener);
-            addPopup(linkUrl);
+            addPopup(linkUrl, currentOptions === null || currentOptions === void 0 ? void 0 : currentOptions.language);
             window.addEventListener('message', eventsListener);
             return [2 /*return*/];
         });

package/README.md

@@ -2,7 +2,7 @@
 
 A client-side JS library for integrating with Mesh Connect
 
-### Install
+## Install
 
 With `npm`:
 
@@ -16,7 +16,7 @@ With `yarn`
 yarn add @meshconnect/web-link-sdk
 ```
 
-### Getting Link token
+## Getting Link token
 
 Link token should be obtained from the GET `/api/v1/linktoken` endpoint. Api reference for this request is available [here](https://docs.meshconnect.com/api-reference/managed-account-authentication/get-link-token-with-parameters). Request must be preformed from the server side because it requires the client secret. You will get the response in the following format:
 
@@ -32,7 +32,7 @@ Link token should be obtained from the GET `/api/v1/linktoken` endpoint. Api ref
 
 You can use `linkToken` value from this response to open the popup window with `openLink` method.
 
-### Generating connection method
+## Generating connection method
 
 ```tsx
 import { createLink } from '@meshconnect/web-link-sdk';
@@ -54,7 +54,7 @@ const linkConnection = createLink({
 
 ```
 
-### Using connection to open auth link
+## Using connection to open auth link
 
 To open authentication link provided by Front Finance Integration API you need to call `openLink` method:
 
@@ -84,7 +84,7 @@ useEffect(() => {
 return <></>
 ```
 
-### Getting tokens
+## Getting tokens
 
 After successfull authentication on the Link session, the popup will be closed and the broker tokens will be passed to the `onIntegrationConnected` function.
 `Link` instance will check if URL contains query parameters, load broker tokens and fire the events.
@@ -103,6 +103,7 @@ After successfull authentication on the Link session, the popup will be closed a
 | `onTransferFinished`     | `(payload: TransferFinishedPayload) => void`           | Callback called when a crypto transfer is executed                                   |
 | `onEvent`                | `(payload: LinkEventType) => void`                     | A callback function that is called when various events occur within the Front iframe |
 | `accessTokens`           | `IntegrationAccessToken[]`                             | An array of integration access tokens                                                |
+| `language`               | `'en' \| undefined`                                    | Link UI language                                                                     |
 
 #### `createLink` return value
 

package/package.json

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

package/utils/popup.d.ts

@@ -1,3 +1,3 @@
 export declare const iframeId = "mesh-link-popup__iframe";
 export declare function removePopup(): void;
-export declare function addPopup(iframeLink: string): void;
+export declare function addPopup(iframeLink: string, language: string | undefined): void;

package/utils/popup.js

@@ -12,13 +12,16 @@ export function removePopup() {
     var existingStyles = window.document.getElementById(stylesId);
     (_b = existingStyles === null || existingStyles === void 0 ? void 0 : existingStyles.parentElement) === null || _b === void 0 ? void 0 : _b.removeChild(existingStyles);
 }
-export function addPopup(iframeLink) {
+export function addPopup(iframeLink, language) {
     removePopup();
     var styleElement = document.createElement('style');
     styleElement.id = stylesId;
     var style = getLinkStyle(iframeLink);
     styleElement.textContent = getStylesContent(style);
     window.document.head.appendChild(styleElement);
+    if (language) {
+        iframeLink = "".concat(iframeLink).concat(iframeLink.includes('?') ? '&' : '?', "lng=").concat(language);
+    }
     var popupRootElement = document.createElement('div');
     popupRootElement.id = popupId;
     var popupBackdropElement = document.createElement('div');

package/utils/types.d.ts

@@ -26,6 +26,7 @@ export interface Account {
 }
 export interface BrandInfo {
     brokerLogo: string;
+    brokerLogoUrl?: string;
     brokerPrimaryColor?: string;
 }
 export interface LinkPayload {
@@ -141,6 +142,10 @@ export interface LinkOptions {
      * Can be used to initialize the crypto transfers flow as an alternative to the target addresses.
      */
     transferDestinationTokens?: IntegrationAccessToken[];
+    /**
+     * Link UI language. Right now only 'en' is supported.
+     */
+    language?: 'en';
 }
 export interface LinkStyle {
     ir: number;

package/utils/version.d.ts

@@ -1 +1 @@
-export declare const sdkVersion = "3.1.3";
+export declare const sdkVersion = "3.1.5";

package/utils/version.js

@@ -1 +1 @@
-export var sdkVersion = '3.1.3';
+export var sdkVersion = '3.1.5';