@rabbitio/ui-kit 1.0.0-beta.14 → 1.0.0-beta.16

package/dist/index.modern.js

@@ -1,7 +1,6 @@
-import React, { useState, useRef, useEffect } from 'react';
+import React, { useState, useRef, useEffect, useCallback } from 'react';
 import { BigNumber } from 'bignumber.js';
 import axios from 'axios';
-import EventBusInstance from 'eventbusjs';
 
 function createCommonjsModule(fn) {
   var module = { exports: {} };
@@ -1432,6 +1431,166 @@ AssetIcon.defaultProps = {
   small: false
 };
 
+class LogsStorage {
+  static saveLog(log) {
+    this._inMemoryStorage.push(log);
+  }
+  static getInMemoryLogs() {
+    return this._inMemoryStorage;
+  }
+  static getAllLogs() {
+    let storedLogs = "";
+    if (typeof window !== "undefined") {
+      storedLogs = localStorage.getItem(this._logsStorageId);
+    }
+    return `${storedLogs}\n${this._inMemoryStorage.join("\n")}`;
+  }
+
+  /**
+   * @param logger {Logger}
+   */
+  static saveToTheDisk(logger) {
+    try {
+      const MAX_LOCAL_STORAGE_VOLUME_BYTES = 5 * 1024 * 1024;
+      const MAX_LOGS_STORAGE_BYTES = MAX_LOCAL_STORAGE_VOLUME_BYTES * 0.65;
+      if (typeof window !== "undefined") {
+        const existingLogs = localStorage.getItem(this._logsStorageId);
+        const logsString = `${existingLogs}\n${this._inMemoryStorage.join("\n")}`;
+        const lettersCountToRemove = logsString.length - Math.round(MAX_LOGS_STORAGE_BYTES / 2);
+        if (lettersCountToRemove > 0) {
+          localStorage.setItem(this._logsStorageId, logsString.slice(lettersCountToRemove, logsString.length));
+        } else {
+          localStorage.setItem(this._logsStorageId, logsString);
+        }
+        this._inMemoryStorage = [];
+      }
+    } catch (e) {
+      logger == null || logger.logError(e, "saveToTheDisk", "Failed to save logs to disk");
+    }
+  }
+  static removeAllClientLogs() {
+    if (typeof window !== "undefined") {
+      if (localStorage.getItem("doNotRemoveClientLogsWhenSignedOut") !== "true") {
+        localStorage.removeItem(this._logsStorageId);
+      }
+    }
+    this._inMemoryStorage = [];
+  }
+  static setDoNotRemoveClientLogsWhenSignedOut(value) {
+    if (typeof window !== "undefined") {
+      localStorage.setItem("doNotRemoveClientLogsWhenSignedOut", value);
+    }
+  }
+}
+LogsStorage._inMemoryStorage = [];
+LogsStorage._logsStorageId = "clietnLogs_j203fj2D0n-d1";
+
+/**
+ * Stringify given object by use of JSON.stringify but handles circular structures and "response", "request" properties
+ * to avoid stringing redundant data when printing errors containing request/response objects.
+ *
+ * @param object - object to be stringed
+ * @param indent - custom indentation
+ * @return {string} - stringed object
+ */
+function safeStringify(object, indent = 2) {
+  let cache = [];
+  if (typeof object === "string" || typeof object === "function" || typeof object === "number" || typeof object === "undefined" || typeof object === "boolean") {
+    return String(object);
+  }
+  const retVal = JSON.stringify(object, (key, value) => {
+    if (key.toLowerCase().includes("request")) {
+      return JSON.stringify({
+        body: value == null ? void 0 : value.body,
+        query: value == null ? void 0 : value.query,
+        headers: value == null ? void 0 : value.headers
+      });
+    }
+    if (key.toLowerCase().includes("response")) {
+      return JSON.stringify({
+        statusText: value == null ? void 0 : value.statusText,
+        status: value == null ? void 0 : value.status,
+        data: value == null ? void 0 : value.data,
+        headers: value == null ? void 0 : value.headers
+      });
+    }
+    return typeof value === "object" && value !== null ? cache.includes(value) ? "duplicated reference" // Duplicated references were found, discarding this key
+    : cache.push(value) && value // Store value in our collection
+    : value;
+  }, indent);
+  cache = null;
+  return retVal;
+}
+
+class Logger {
+  /**
+   * Logs to client logs storage.
+   *
+   * WARNING! this method should ce used carefully for critical logging as we have the restriction for storing logs
+   *          on client side as we store them inside the local storage. Please see details inside storage.js
+   * @param logString {string} log string
+   * @param source {string} source of the log entry
+   */
+  static log(logString, source) {
+    const timestamp = new Date().toISOString();
+    LogsStorage.saveLog(`${timestamp}|${source}:${logString}`);
+  }
+  static logError(e, settingFunction, additionalMessage = "", onlyToConsole = false) {
+    var _e$errorDescription, _e$howToFix;
+    let message = `\nFunction call ${settingFunction != null ? settingFunction : ""} failed. Error message: ${e == null ? void 0 : e.message}. ${additionalMessage} `;
+    message += `${(_e$errorDescription = e == null ? void 0 : e.errorDescription) != null ? _e$errorDescription : ""}${(_e$howToFix = e == null ? void 0 : e.howToFix) != null ? _e$howToFix : ""}` + ((e == null ? void 0 : e.httpStatus) === 403 ? "Authentication has expired or was lost. " : "");
+    if (e != null && e.response) {
+      try {
+        const responseData = safeStringify({
+          response: e.response
+        });
+        responseData && (message += `\n${responseData}. `);
+      } catch (e) {}
+    }
+    const finalErrorText = message + ". " + safeStringify(e);
+    // eslint-disable-next-line no-console
+    console.error(finalErrorText);
+    if (!onlyToConsole) {
+      this.log(finalErrorText, "logError");
+    }
+  }
+}
+
+function useCallHandlingErrors() {
+  const [, setState] = useState();
+  return useCallback(async (functionToBeCalled, event) => {
+    try {
+      await functionToBeCalled(event);
+    } catch (error) {
+      Logger.logError(error, (functionToBeCalled == null ? void 0 : functionToBeCalled.name) || "errorBoundaryTrigger", "Caught by ErrorBoundary");
+      // Triggering ErrorBoundary
+      setState(() => {
+        throw error;
+      });
+    }
+  }, []);
+}
+
+/**
+ * Adds reference to standard state variable. It is helpful to be able to use state variable value inside
+ * event handlers and other callbacks without the need to call setState(prev => { value = prev; return prev; }).
+ *
+ * @param initialValue {any} to be passed to useState
+ * @return {[React.Ref, function]} reference to state variable and its setter
+ */
+function useReferredState(initialValue) {
+  const [state, setState] = React.useState(initialValue);
+  const reference = React.useRef(state);
+  const setReferredState = value => {
+    if (value && {}.toString.call(value) === "[object Function]") {
+      value = value(reference.current);
+    }
+    reference.current = value;
+    setState(value);
+  };
+  return [reference, setReferredState];
+}
+
 /**
  * This function improves the passed error object (its message) by adding the passed function name
  * and additional message to it.
@@ -1958,131 +2117,6 @@ class Coin {
   }
 }
 
-class LogsStorage {
-  static saveLog(log) {
-    this._inMemoryStorage.push(log);
-  }
-  static getInMemoryLogs() {
-    return this._inMemoryStorage;
-  }
-  static getAllLogs() {
-    let storedLogs = "";
-    if (typeof window !== "undefined") {
-      storedLogs = localStorage.getItem(this._logsStorageId);
-    }
-    return `${storedLogs}\n${this._inMemoryStorage.join("\n")}`;
-  }
-
-  /**
-   * @param logger {Logger}
-   */
-  static saveToTheDisk(logger) {
-    try {
-      const MAX_LOCAL_STORAGE_VOLUME_BYTES = 5 * 1024 * 1024;
-      const MAX_LOGS_STORAGE_BYTES = MAX_LOCAL_STORAGE_VOLUME_BYTES * 0.65;
-      if (typeof window !== "undefined") {
-        const existingLogs = localStorage.getItem(this._logsStorageId);
-        const logsString = `${existingLogs}\n${this._inMemoryStorage.join("\n")}`;
-        const lettersCountToRemove = logsString.length - Math.round(MAX_LOGS_STORAGE_BYTES / 2);
-        if (lettersCountToRemove > 0) {
-          localStorage.setItem(this._logsStorageId, logsString.slice(lettersCountToRemove, logsString.length));
-        } else {
-          localStorage.setItem(this._logsStorageId, logsString);
-        }
-        this._inMemoryStorage = [];
-      }
-    } catch (e) {
-      logger == null || logger.logError(e, "saveToTheDisk", "Failed to save logs to disk");
-    }
-  }
-  static removeAllClientLogs() {
-    if (typeof window !== "undefined") {
-      if (localStorage.getItem("doNotRemoveClientLogsWhenSignedOut") !== "true") {
-        localStorage.removeItem(this._logsStorageId);
-      }
-    }
-    this._inMemoryStorage = [];
-  }
-  static setDoNotRemoveClientLogsWhenSignedOut(value) {
-    if (typeof window !== "undefined") {
-      localStorage.setItem("doNotRemoveClientLogsWhenSignedOut", value);
-    }
-  }
-}
-LogsStorage._inMemoryStorage = [];
-LogsStorage._logsStorageId = "clietnLogs_j203fj2D0n-d1";
-
-/**
- * Stringify given object by use of JSON.stringify but handles circular structures and "response", "request" properties
- * to avoid stringing redundant data when printing errors containing request/response objects.
- *
- * @param object - object to be stringed
- * @param indent - custom indentation
- * @return {string} - stringed object
- */
-function safeStringify(object, indent = 2) {
-  let cache = [];
-  if (typeof object === "string" || typeof object === "function" || typeof object === "number" || typeof object === "undefined" || typeof object === "boolean") {
-    return String(object);
-  }
-  const retVal = JSON.stringify(object, (key, value) => {
-    if (key.toLowerCase().includes("request")) {
-      return JSON.stringify({
-        body: value == null ? void 0 : value.body,
-        query: value == null ? void 0 : value.query,
-        headers: value == null ? void 0 : value.headers
-      });
-    }
-    if (key.toLowerCase().includes("response")) {
-      return JSON.stringify({
-        statusText: value == null ? void 0 : value.statusText,
-        status: value == null ? void 0 : value.status,
-        data: value == null ? void 0 : value.data,
-        headers: value == null ? void 0 : value.headers
-      });
-    }
-    return typeof value === "object" && value !== null ? cache.includes(value) ? "duplicated reference" // Duplicated references were found, discarding this key
-    : cache.push(value) && value // Store value in our collection
-    : value;
-  }, indent);
-  cache = null;
-  return retVal;
-}
-
-class Logger {
-  /**
-   * Logs to client logs storage.
-   *
-   * WARNING! this method should ce used carefully for critical logging as we have the restriction for storing logs
-   *          on client side as we store them inside the local storage. Please see details inside storage.js
-   * @param logString {string} log string
-   * @param source {string} source of the log entry
-   */
-  static log(logString, source) {
-    const timestamp = new Date().toISOString();
-    LogsStorage.saveLog(`${timestamp}|${source}:${logString}`);
-  }
-  static logError(e, settingFunction, additionalMessage = "", onlyToConsole = false) {
-    var _e$errorDescription, _e$howToFix;
-    let message = `\nFunction call ${settingFunction != null ? settingFunction : ""} failed. Error message: ${e == null ? void 0 : e.message}. ${additionalMessage} `;
-    message += `${(_e$errorDescription = e == null ? void 0 : e.errorDescription) != null ? _e$errorDescription : ""}${(_e$howToFix = e == null ? void 0 : e.howToFix) != null ? _e$howToFix : ""}` + ((e == null ? void 0 : e.httpStatus) === 403 ? "Authentication has expired or was lost. " : "");
-    if (e != null && e.response) {
-      try {
-        const responseData = safeStringify({
-          response: e.response
-        });
-        responseData && (message += `\n${responseData}. `);
-      } catch (e) {}
-    }
-    const finalErrorText = message + ". " + safeStringify(e);
-    // eslint-disable-next-line no-console
-    console.error(finalErrorText);
-    if (!onlyToConsole) {
-      this.log(finalErrorText, "logError");
-    }
-  }
-}
-
 /**
  * TODO: [tests, critical] Ued by payments logic
  *
@@ -2413,7 +2447,7 @@ class ExistingSwapWithFiatData extends ExistingSwap {
   }
 }
 
-class PublicSwapCreationInfo {
+class BaseSwapCreationInfo {
   /**
    * @param fromCoin {Coin}
    * @param toCoin {Coin}
@@ -3205,10 +3239,11 @@ class SwapUtils {
   }
 }
 
-const API_KEYS_PROXY_URL = `${window.location.protocol + "//" + window.location.host}/api/v1/proxy`;
-const cache = new Cache(EventBusInstance);
 class PublicSwapService {
-  static async initialize() {
+  constructor(API_KEYS_PROXY_URL, cache) {
+    this._swapProvider = new SwapspaceSwapProvider(API_KEYS_PROXY_URL, cache, () => null, false);
+  }
+  async initialize() {
     try {
       await this._swapProvider.initialize();
       SwapUtils.safeHandleRequestsLimitExceeding();
@@ -3216,7 +3251,7 @@ class PublicSwapService {
       Logger.logError(e, "PublicSwapService.initialize");
     }
   }
-  static async getCurrenciesListForPublicSwap(currencyThatShouldNotBeFirst = null) {
+  async getCurrenciesListForPublicSwap(currencyThatShouldNotBeFirst = null) {
     const loggerSource = "getCurrenciesListForPublicSwap";
     try {
       var _result$coins;
@@ -3261,7 +3296,7 @@ class PublicSwapService {
    *             reason: string
    *         }>}
    */
-  static async getInitialPublicSwapData(fromCoin, toCoin) {
+  async getInitialPublicSwapData(fromCoin, toCoin) {
     try {
       const result = await SwapUtils.getInitialSwapData(this._swapProvider, fromCoin, toCoin);
       if (!result.result) {
@@ -3301,10 +3336,10 @@ class PublicSwapService {
    *             fiatMax: (number|null)
    *         }|{
    *             result: true,
-   *             swapCreationInfo: PublicSwapCreationInfo
+   *             swapCreationInfo: BaseSwapCreationInfo
    *         }>}
    */
-  static async getPublicSwapDetails(fromCoin, toCoin, fromAmountCoins) {
+  async getPublicSwapDetails(fromCoin, toCoin, fromAmountCoins) {
     const loggerSource = "getPublicSwapDetails";
     try {
       var _await$this$_swapProv, _await$this$_swapProv2, _result$swapCreationI, _result$swapCreationI2;
@@ -3349,7 +3384,7 @@ class PublicSwapService {
       const toAmountCoins = AmountUtils.trim(fromAmountBigNumber.times(details.rate), fromCoin.digits);
       const result = {
         result: true,
-        swapCreationInfo: new PublicSwapCreationInfo(fromCoin, toCoin, fromAmountCoins, toAmountCoins, details.rate, details.rawSwapData, min, fiatMin, max, fiatMax, details.durationMinutesRange)
+        swapCreationInfo: new BaseSwapCreationInfo(fromCoin, toCoin, fromAmountCoins, toAmountCoins, details.rate, details.rawSwapData, min, fiatMin, max, fiatMax, details.durationMinutesRange)
       };
       Logger.log(`Result: ${safeStringify({
         result: result.result,
@@ -3370,7 +3405,7 @@ class PublicSwapService {
    * @param fromCoin {Coin}
    * @param toCoin {Coin}
    * @param fromAmount {string}
-   * @param swapCreationInfo {PublicSwapCreationInfo}
+   * @param swapCreationInfo {BaseSwapCreationInfo}
    * @param toAddress {string}
    * @param refundAddress {string}
    * @return {Promise<{
@@ -3392,11 +3427,11 @@ class PublicSwapService {
    *             reason: string
    *         }>}
    */
-  static async createPublicSwap(fromCoin, toCoin, fromAmount, swapCreationInfo, toAddress, refundAddress, clientIp) {
+  async createPublicSwap(fromCoin, toCoin, fromAmount, swapCreationInfo, toAddress, refundAddress, clientIp) {
     const loggerSource = "createPublicSwap";
     try {
       var _swapCreationInfo$fro, _swapCreationInfo$toC;
-      if (!(fromCoin instanceof Coin) || !(toCoin instanceof Coin) || typeof fromAmount !== "string" || typeof toAddress !== "string" || typeof refundAddress !== "string" || !(swapCreationInfo instanceof PublicSwapCreationInfo)) {
+      if (!(fromCoin instanceof Coin) || !(toCoin instanceof Coin) || typeof fromAmount !== "string" || typeof toAddress !== "string" || typeof refundAddress !== "string" || !(swapCreationInfo instanceof BaseSwapCreationInfo)) {
         throw new Error(`Wrong input: ${fromCoin.ticker} ${toCoin.ticker} ${fromAmount} ${swapCreationInfo}`);
       }
       Logger.log(`Start: ${fromAmount} ${fromCoin.ticker} -> ${toCoin.ticker}. Details: ${safeStringify(_extends({}, swapCreationInfo, {
@@ -3482,7 +3517,7 @@ class PublicSwapService {
    *         }>}
    *         error reason is one of PUBLIC_SWAPS_COMMON_ERRORS
    */
-  static async getPublicExistingSwapDetailsAndStatus(swapIds) {
+  async getPublicExistingSwapDetailsAndStatus(swapIds) {
     const loggerSource = "getPublicExistingSwapDetailsAndStatus";
     try {
       const result = await SwapUtils.getExistingSwapsDetailsWithFiatAmounts(this._swapProvider, swapIds);
@@ -3513,7 +3548,7 @@ class PublicSwapService {
    *             reason: string
    *         }>}
    */
-  static async getPublicSwapsHistory() {
+  async getPublicSwapsHistory() {
     try {
       const swapIds = this._getPublicSwapIdsSavedLocally();
       if (swapIds.length) {
@@ -3532,7 +3567,7 @@ class PublicSwapService {
    * @param swapId {string}
    * @private
    */
-  static _savePublicSwapIdLocally(swapId) {
+  _savePublicSwapIdLocally(swapId) {
     if (typeof window !== "undefined") {
       try {
         const saved = localStorage.getItem("publicSwapIds");
@@ -3549,7 +3584,7 @@ class PublicSwapService {
    * @private
    * @return {string[]}
    */
-  static _getPublicSwapIdsSavedLocally() {
+  _getPublicSwapIdsSavedLocally() {
     if (typeof window !== "undefined") {
       try {
         const saved = localStorage.getItem("publicSwapIds");
@@ -3564,7 +3599,7 @@ class PublicSwapService {
    * @param coinOrTicker {Coin|string}
    * @return {string} icon URL (ready to use)
    */
-  static getAssetIconUrl(coinOrTicker) {
+  getAssetIconUrl(coinOrTicker) {
     return this._swapProvider.getIconUrl(coinOrTicker);
   }
 
@@ -3572,7 +3607,7 @@ class PublicSwapService {
    * @param ticker {string}
    * @return {Coin|null}
    */
-  static getCoinByTickerIfPresent(ticker) {
+  getCoinByTickerIfPresent(ticker) {
     return this._swapProvider.getCoinByTickerIfPresent(ticker);
   }
 
@@ -3581,7 +3616,7 @@ class PublicSwapService {
    * @param asset {Coin}
    * @return {Promise<string|null>}
    */
-  static async getAssetToUsdtRate(asset) {
+  async getAssetToUsdtRate(asset) {
     try {
       var _result$rate;
       const result = await this._swapProvider.getCoinToUSDTRate(asset);
@@ -3596,54 +3631,15 @@ class PublicSwapService {
    * @param address {string}
    * @return {boolean}
    */
-  static isAddressValidForAsset(asset, address) {
+  isAddressValidForAsset(asset, address) {
     try {
       return this._swapProvider.isAddressValidForAsset(asset, address);
     } catch (e) {
       improveAndRethrow(e, "isAddressValidForAsset");
     }
   }
-
-  // TODO: [dev] Remove if we don't need this inside the public swap steps
-  // /**
-  //  * TODO: [feature, moderate] add other fiat currencies support. task_id=5490e21b8b9c4f89a2247b28db3c9e0a
-  //  * @param asset {Coin}
-  //  * @param amount {string}
-  //  * @return {Promise<string|null>}
-  //  */
-  // static async convertSingleCoinAmountToUsdtOrNull(asset, amount) {
-  //     try {
-  //         const result = await this._swapProvider.getCoinToUSDTRate(asset);
-  //         if (result?.rate != null) {
-  //             const decimals = FiatCurrenciesService.getCurrencyDecimalCountByCode("USD");
-  //             return BigNumber(amount).div(result?.rate).toFixed(decimals);
-  //         }
-  //         return null;
-  //     } catch (e) {
-  //         improveAndRethrow(e, "convertSingleCoinAmountToUsdtOrNull");
-  //     }
-  // }
-  //
-  // /**
-  //  * TODO: [feature, moderate] add other fiat currencies support. task_id=5490e21b8b9c4f89a2247b28db3c9e0a
-  //  * @param asset {Coin}
-  //  * @param amount {string}
-  //  * @return {Promise<string|null>}
-  //  */
-  // static async convertSingleUsdtAmountToCoinOrNull(asset, amount) {
-  //     try {
-  //         const result = await this._swapProvider.getCoinToUSDTRate(asset);
-  //         if (result?.rate != null) {
-  //             return BigNumber(amount).times(result?.rate).toFixed(asset.digits);
-  //         }
-  //         return null;
-  //     } catch (e) {
-  //         improveAndRethrow(e, "convertSingleUsdtAmountToCoinOrNull");
-  //     }
-  // }
 }
 PublicSwapService.PUBLIC_SWAP_CREATED_EVENT = "publicSwapCreatedEvent";
-PublicSwapService._swapProvider = new SwapspaceSwapProvider(API_KEYS_PROXY_URL, cache, () => null, false);
 PublicSwapService.PUBLIC_SWAPS_COMMON_ERRORS = {
   REQUESTS_LIMIT_EXCEEDED: "requestsLimitExceeded"
 };
@@ -3654,5 +3650,5 @@ PublicSwapService.PUBLIC_SWAP_DETAILS_FAIL_REASONS = {
 };
 PublicSwapService._fiatDecimalsCount = FiatCurrenciesService.getCurrencyDecimalCountByCode("USD");
 
-export { AmountUtils, AssetIcon, Blockchain, Button, Cache, Coin, EmailsApi, ExistingSwap, ExistingSwapWithFiatData, FiatCurrenciesService, LoadingDots, Logger, LogsStorage, Protocol, PublicSwapCreationInfo, PublicSwapService, SupportChat, SwapProvider, SwapUtils, SwapspaceSwapProvider, improveAndRethrow, safeStringify };
+export { AmountUtils, AssetIcon, BaseSwapCreationInfo, Blockchain, Button, Cache, Coin, EmailsApi, ExistingSwap, ExistingSwapWithFiatData, FiatCurrenciesService, LoadingDots, Logger, LogsStorage, Protocol, PublicSwapService, SupportChat, SwapProvider, SwapUtils, SwapspaceSwapProvider, improveAndRethrow, safeStringify, useCallHandlingErrors, useReferredState };
 //# sourceMappingURL=index.modern.js.map