@rabbitio/ui-kit 1.0.0-beta.64 → 1.0.0-beta.66

package/src/components/tests/utils/inputValueProviders/provideFormatOfFloatValueByInputString.test.js

@@ -18,16 +18,14 @@ describe("InputValueProviders", function () {
                 maxSuffix: 2,
                 test: "1989401950928592501985.3243",
                 expected: "92501985.32",
-                message:
-                    "Should left no more than max digits count for prefix - some prefix case",
+                message: "Should left no more than max digits count for prefix - some prefix case",
             },
             {
                 max: 3,
                 maxSuffix: 2,
                 test: "1989401950928592501985.3243",
                 expected: "5.32",
-                message:
-                    "Should left no more than max digits count for prefix - min prefix case",
+                message: "Should left no more than max digits count for prefix - min prefix case",
             },
             {
                 max: 21000000,
@@ -110,7 +108,7 @@ describe("InputValueProviders", function () {
                 expected: "32.219",
                 message: "Should replace the series of commas with the only",
             },
-        ].forEach((testData) => {
+        ].forEach(testData => {
             it(testData.message, function () {
                 InputValuesProviders.provideFormatOfFloatValueByInputString(
                     testData.test,
@@ -123,17 +121,12 @@ describe("InputValueProviders", function () {
         it("Should throw an error if passed suffix length less than 0", function () {
             let error = null;
             try {
-                InputValuesProviders.provideFormatOfFloatValueByInputString(
-                    "23232",
-                    -1
-                );
+                InputValuesProviders.provideFormatOfFloatValueByInputString("23232", -1);
             } catch (e) {
                 error = e;
             }
 
-            (error?.message ?? "").should.startWith(
-                "Min suffix length is 0, got"
-            );
+            (error?.message ?? "").should.startWith("Min suffix length is 0, got");
         });
     });
 });

package/src/components/tests/utils/urlQueryUtils/getQueryParameterValues.test.js

@@ -21,14 +21,10 @@ describe("urlQueryUtils", function () {
 
         it("Should unescape parameter values", function () {
             const parameterValuesWithSpecialSymbols = "#a@se /wer|*|##eee$";
-            setCustomQueryString(
-                `?a=${encodeURIComponent(parameterValuesWithSpecialSymbols)}`
-            );
+            setCustomQueryString(`?a=${encodeURIComponent(parameterValuesWithSpecialSymbols)}`);
             const result = getQueryParameterValues("a");
 
-            result.should.be.deepEqual([
-                ...parameterValuesWithSpecialSymbols.split("|*|"),
-            ]);
+            result.should.be.deepEqual([...parameterValuesWithSpecialSymbols.split("|*|")]);
         });
 
         it("Should return empty array if there is no such parameter in the query", function () {
@@ -60,9 +56,7 @@ describe("urlQueryUtils", function () {
         });
 
         it("Should return array of all values if parameter is defined several times in the query", function () {
-            setCustomQueryString(
-                `?a=${encodeURIComponent("val1|*|val2")}&a=val3`
-            );
+            setCustomQueryString(`?a=${encodeURIComponent("val1|*|val2")}&a=val3`);
             const result = getQueryParameterValues("a");
 
             result.should.be.deepEqual(["val1", "val2", "val3"]);

package/src/components/tests/utils/urlQueryUtils/saveQueryParameterAndValues.test.js

@@ -25,11 +25,7 @@ describe("urlQueryUtils", function () {
 
         it("Should escape parameter values", function () {
             setCustomQueryString("");
-            const result = saveQueryParameterAndValues(
-                "a",
-                ["e #e"],
-                callbackStub
-            );
+            const result = saveQueryParameterAndValues("a", ["e #e"], callbackStub);
             result.should.be.equal(`?a=${encodeURIComponent("e #e")}`);
         });
 
@@ -59,85 +55,49 @@ describe("urlQueryUtils", function () {
 
         it("Should add parameter with one value - Case query is empty", function () {
             setCustomQueryString("");
-            const result = saveQueryParameterAndValues(
-                "a",
-                ["1"],
-                callbackStub
-            );
+            const result = saveQueryParameterAndValues("a", ["1"], callbackStub);
             result.should.be.equal("?a=1");
         });
 
         it("Should add parameter with one value - Case query contains one parameter", function () {
             setCustomQueryString("?one=val");
-            const result = saveQueryParameterAndValues(
-                "a",
-                ["1"],
-                callbackStub
-            );
+            const result = saveQueryParameterAndValues("a", ["1"], callbackStub);
             result.should.be.equal("?one=val&a=1");
         });
 
         it("Should add parameter with one value - Case query contains several parameters", function () {
             setCustomQueryString("?one=val&err=week");
-            const result = saveQueryParameterAndValues(
-                "a",
-                ["1"],
-                callbackStub
-            );
+            const result = saveQueryParameterAndValues("a", ["1"], callbackStub);
             result.should.be.equal("?one=val&err=week&a=1");
         });
 
         it("Should add parameter with several values using separator - Case query is empty", function () {
             setCustomQueryString("");
-            const result = saveQueryParameterAndValues(
-                "a",
-                ["1", "aa", "err"],
-                callbackStub
-            );
+            const result = saveQueryParameterAndValues("a", ["1", "aa", "err"], callbackStub);
             result.should.be.equal(`?a=${encodeURIComponent("1|*|aa|*|err")}`);
         });
 
         it("Should add parameter with several values using separator - Case query contains one parameter", function () {
             setCustomQueryString("?one=val");
-            const result = saveQueryParameterAndValues(
-                "a",
-                ["1", "aa", "err"],
-                callbackStub
-            );
-            result.should.be.equal(
-                `?one=val&a=${encodeURIComponent("1|*|aa|*|err")}`
-            );
+            const result = saveQueryParameterAndValues("a", ["1", "aa", "err"], callbackStub);
+            result.should.be.equal(`?one=val&a=${encodeURIComponent("1|*|aa|*|err")}`);
         });
 
         it("Should add parameter with several values using separator - Case query contains several parameters", function () {
             setCustomQueryString("?one=val&err=week");
-            const result = saveQueryParameterAndValues(
-                "a",
-                ["1", "aa", "err"],
-                callbackStub
-            );
-            result.should.be.equal(
-                `?one=val&err=week&a=${encodeURIComponent("1|*|aa|*|err")}`
-            );
+            const result = saveQueryParameterAndValues("a", ["1", "aa", "err"], callbackStub);
+            result.should.be.equal(`?one=val&err=week&a=${encodeURIComponent("1|*|aa|*|err")}`);
         });
 
         it("Should replace existing parameter value - Case query contains one parameter", function () {
             setCustomQueryString("?a=val");
-            const result = saveQueryParameterAndValues(
-                "a",
-                ["1"],
-                callbackStub
-            );
+            const result = saveQueryParameterAndValues("a", ["1"], callbackStub);
             result.should.be.equal("?a=1");
         });
 
         it("Should replace existing parameter value - Case query contains several parameters", function () {
             setCustomQueryString("?one=val&a=week");
-            const result = saveQueryParameterAndValues(
-                "a",
-                ["1"],
-                callbackStub
-            );
+            const result = saveQueryParameterAndValues("a", ["1"], callbackStub);
             result.should.be.equal("?one=val&a=1");
         });
     });

package/src/components/utils/inputValueProviders.js

@@ -11,11 +11,7 @@ export class InputValuesProviders {
      * @param digitsAfterDot {number} count of digits after the dot that this method should provide, min 0
      * @return {string} corrected float value string
      */
-    static provideFormatOfFloatValueByInputString(
-        inputString,
-        digitsAfterDot = 2,
-        maxValue = null
-    ) {
+    static provideFormatOfFloatValueByInputString(inputString, digitsAfterDot = 2, maxValue = null) {
         let value = inputString;
         if (!value) {
             return "";
@@ -37,14 +33,10 @@ export class InputValuesProviders {
         }
 
         if (maxValue != null) {
-            const maxDigitsCountBeforeTheDot =
-                BigNumber(maxValue).toFixed(0).length;
+            const maxDigitsCountBeforeTheDot = BigNumber(maxValue).toFixed(0).length;
             if (parts[0]?.length > maxDigitsCountBeforeTheDot) {
                 // removes redundant prefix digits
-                parts[0] = parts[0].substring(
-                    parts[0].length - maxDigitsCountBeforeTheDot,
-                    parts[0].length
-                );
+                parts[0] = parts[0].substring(parts[0].length - maxDigitsCountBeforeTheDot, parts[0].length);
             }
         }
 

package/src/components/utils/uiUtils.js

@@ -1,8 +1,6 @@
 export const handleClickOutside = (exceptionsRefs, callback) => {
     function handleClick(event) {
-        const isExceptionClicked = exceptionsRefs.find(
-            (ref) => ref?.current && ref.current.contains(event.target)
-        );
+        const isExceptionClicked = exceptionsRefs.find(ref => ref?.current && ref.current.contains(event.target));
         if (!isExceptionClicked) {
             callback();
         }

package/src/components/utils/urlQueryUtils.js

@@ -7,22 +7,12 @@ const PARAMETER_VALUES_SEPARATOR = "|*|"; // Sting that with high probability wi
  * @param values - Array of String values
  * @param updateURLCallback - callback that will be called with the updated query string. Can be used to save it to URL
  */
-export function saveQueryParameterAndValues(
-    parameterName,
-    values,
-    updateURLCallback = (newQueryString) => {}
-) {
+export function saveQueryParameterAndValues(parameterName, values, updateURLCallback = newQueryString => {}) {
     let parametersAndValues = parseSearchString();
-    parametersAndValues = parametersAndValues.filter(
-        (parameterAndValues) => parameterAndValues[0] !== parameterName
-    );
-    const parameterValuesForURL = encodeURIComponent(
-        values.join(PARAMETER_VALUES_SEPARATOR)
-    );
+    parametersAndValues = parametersAndValues.filter(parameterAndValues => parameterAndValues[0] !== parameterName);
+    const parameterValuesForURL = encodeURIComponent(values.join(PARAMETER_VALUES_SEPARATOR));
     parametersAndValues.push([parameterName, parameterValuesForURL]);
-    const newQueryString = `?${parametersAndValues
-        .map((parameterAndValues) => parameterAndValues.join("="))
-        .join("&")}`;
+    const newQueryString = `?${parametersAndValues.map(parameterAndValues => parameterAndValues.join("=")).join("&")}`;
     updateURLCallback(newQueryString);
 
     return newQueryString;
@@ -35,17 +25,10 @@ export function saveQueryParameterAndValues(
  * @param updateURLCallback - callback that will be called with the updated query string. Can be used to save it to URL
  */
 // TODO: [tests, moderate] units required the same as or other functions in this module
-export function removeQueryParameterAndValues(
-    parameterName,
-    updateURLCallback = (newQueryString) => {}
-) {
+export function removeQueryParameterAndValues(parameterName, updateURLCallback = newQueryString => {}) {
     let parametersAndValues = parseSearchString();
-    parametersAndValues = parametersAndValues.filter(
-        (parameterAndValues) => parameterAndValues[0] !== parameterName
-    );
-    const newQueryString = `?${parametersAndValues
-        .map((parameterAndValues) => parameterAndValues.join("="))
-        .join("&")}`;
+    parametersAndValues = parametersAndValues.filter(parameterAndValues => parameterAndValues[0] !== parameterName);
+    const newQueryString = `?${parametersAndValues.map(parameterAndValues => parameterAndValues.join("=")).join("&")}`;
     updateURLCallback(newQueryString);
 
     return newQueryString;
@@ -61,11 +44,9 @@ export function removeQueryParameterAndValues(
  */
 export function getQueryParameterValues(name) {
     return parseSearchString()
-        .filter((parameterAndValue) => parameterAndValue[0] === name)
+        .filter(parameterAndValue => parameterAndValue[0] === name)
         .reduce((allValues, parameterAndValue) => {
-            const values = decodeURIComponent(parameterAndValue[1] || "").split(
-                PARAMETER_VALUES_SEPARATOR
-            );
+            const values = decodeURIComponent(parameterAndValue[1] || "").split(PARAMETER_VALUES_SEPARATOR);
             return [...allValues, ...values];
         }, []);
 }
@@ -73,13 +54,7 @@ export function getQueryParameterValues(name) {
 function parseSearchString() {
     const trimmed = (window.location.search?.slice(1) || "").trim();
 
-    return (
-        (trimmed &&
-            trimmed
-                .split("&")
-                .map((parameterAndValue) => parameterAndValue.split("="))) ||
-        []
-    );
+    return (trimmed && trimmed.split("&").map(parameterAndValue => parameterAndValue.split("="))) || [];
 }
 
 export function getQueryParameterSingleValue(name) {

package/src/constants/globalConstants.jsx

@@ -1,4 +1,3 @@
-export const FALLBACK_ASSET_ICON_URL =
-    "https://rabbit.io/asset-icons/fallback.svg";
+export const FALLBACK_ASSET_ICON_URL = "https://rabbit.io/asset-icons/fallback.svg";
 
 export const DEFAULT_CRYPTO_DECIMAL_COUNT = 8;

package/src/index.js

@@ -25,10 +25,7 @@ export { TitledLineWithIconLink } from "./components/molecules/TitledLineWithIco
 export { RadioButtonWithText } from "./components/atoms/buttons/RadioButtonWithText/RadioButtonWithText.jsx";
 export { InformationMessage } from "./components/atoms/InformationMessage/InformationMessage.jsx";
 export { Input } from "./components/atoms/Input/Input.jsx";
-export {
-    COIN_PICKER_MODES,
-    CoinPicker,
-} from "./components/molecules/CoinPicker/CoinPicker.jsx";
+export { COIN_PICKER_MODES, CoinPicker } from "./components/molecules/CoinPicker/CoinPicker.jsx";
 export { CoinPickerDialogStep } from "./components/organisms/CoinPickerDialogStep/CoinPickerDialogStep.jsx";
 
 // UI-KIT constants
@@ -37,10 +34,7 @@ export { DIALOG_STEP_CLASS } from "./constants/organisms/dialog/DialogStep/dialo
 export { ICON_ROTATE_OPTIONS } from "./constants/atoms/LinkButton/linkButton.jsx";
 export { TOOLTIP_POSITIONS } from "./constants/atoms/Tooltip/tooltip.jsx";
 export { CLOSE_COLORS } from "./constants/atoms/Close/close.jsx";
-export {
-    FALLBACK_ASSET_ICON_URL,
-    DEFAULT_CRYPTO_DECIMAL_COUNT,
-} from "./constants/globalConstants.jsx";
+export { FALLBACK_ASSET_ICON_URL, DEFAULT_CRYPTO_DECIMAL_COUNT } from "./constants/globalConstants.jsx";
 
 export { useCallHandlingErrors } from "./components/hooks/useCallHandlingErrors.js";
 export { useReferredState } from "./components/hooks/useReferredState.js";

package/src/robustExteranlApiCallerService/cacheAndConcurrentRequestsResolver.js

@@ -50,12 +50,7 @@ export class CacheAndConcurrentRequestsResolver {
         maxCallAttemptsToWaitForAlreadyRunningRequest = 100,
         timeoutBetweenAttemptsToCheckWhetherAlreadyRunningRequestFinished = 1000
     ) {
-        if (
-            cacheTtl != null &&
-            cacheTtl <
-                timeoutBetweenAttemptsToCheckWhetherAlreadyRunningRequestFinished *
-                    2
-        ) {
+        if (cacheTtl != null && cacheTtl < timeoutBetweenAttemptsToCheckWhetherAlreadyRunningRequestFinished * 2) {
             /*
              * During the lifetime of this service e.g. if the data is being retrieved slowly we can get
              * RACE CONDITION when we constantly retrieve data and during retrieval it is expired, so we are trying
@@ -110,12 +105,8 @@ export class CacheAndConcurrentRequestsResolver {
             let cached = this._cache.get(cacheId);
             let cachedDataBackupIsPresentButExpired = null;
             if (cached != null && !this._removeExpiredCacheAutomatically) {
-                const lastUpdateTimestamp =
-                    this._cache.getLastUpdateTimestamp(cacheId);
-                if (
-                    (lastUpdateTimestamp ?? 0) + this._cacheTtlMs <
-                    Date.now()
-                ) {
+                const lastUpdateTimestamp = this._cache.getLastUpdateTimestamp(cacheId);
+                if ((lastUpdateTimestamp ?? 0) + this._cacheTtlMs < Date.now()) {
                     /*
                      * Here we are manually clearing 'cached' value retrieved from cache to force the data loading.
                      * But we save its value first to the backup variable to be able to return this value if ongoing
@@ -135,18 +126,12 @@ export class CacheAndConcurrentRequestsResolver {
                 isRetrievedCacheExpired &&
                 weStillHaveSomeTimeToProceedExecution
             ) {
-                const result =
-                    await this._requestsManager.startCalculationOrWaitForActiveToFinish(
-                        cacheId
-                    );
+                const result = await this._requestsManager.startCalculationOrWaitForActiveToFinish(cacheId);
                 calculationId = typeof result === "string" ? result : null;
-                isWaitingForActiveCalculationSucceeded =
-                    typeof result === "boolean" ? result : null;
+                isWaitingForActiveCalculationSucceeded = typeof result === "boolean" ? result : null;
                 cached = this._cache.get(cacheId);
-                isRetrievedCacheExpired =
-                    isWaitingForActiveCalculationSucceeded && cached == null;
-                weStillHaveSomeTimeToProceedExecution =
-                    Date.now() - startedAtTimestamp < this._maxExecutionTimeMs;
+                isRetrievedCacheExpired = isWaitingForActiveCalculationSucceeded && cached == null;
+                weStillHaveSomeTimeToProceedExecution = Date.now() - startedAtTimestamp < this._maxExecutionTimeMs;
             }
             if (calculationId) {
                 return {
@@ -161,10 +146,7 @@ export class CacheAndConcurrentRequestsResolver {
                 cachedData: cached ?? cachedDataBackupIsPresentButExpired,
             };
         } catch (e) {
-            improveAndRethrow(
-                e,
-                `${this._bio}.getCachedOrWaitForCachedOrAcquireLock`
-            );
+            improveAndRethrow(e, `${this._bio}.getCachedOrWaitForCachedOrAcquireLock`);
         }
     }
 
@@ -242,11 +224,7 @@ export class CacheAndConcurrentRequestsResolver {
                  * till the end).
                  */
                 if (sessionDependentData) {
-                    this._cache.putSessionDependentData(
-                        cacheId,
-                        data,
-                        this._getTtl()
-                    );
+                    this._cache.putSessionDependentData(cacheId, data, this._getTtl());
                 } else {
                     this._cache.put(cacheId, data, this._getTtl());
                 }
@@ -285,21 +263,13 @@ export class CacheAndConcurrentRequestsResolver {
      *        the flag signals whether data was changed during the processing or not
      * @param [sessionDependent=true] {boolean} whether to mark the cache entry as session-dependent
      */
-    actualizeCachedData(
-        cacheId,
-        synchronousCurrentCacheProcessor,
-        sessionDependent = true
-    ) {
+    actualizeCachedData(cacheId, synchronousCurrentCacheProcessor, sessionDependent = true) {
         try {
             const cached = this._cache.get(cacheId);
             const result = synchronousCurrentCacheProcessor(cached);
             if (result?.isModified && result?.data != null) {
                 if (sessionDependent) {
-                    this._cache.putSessionDependentData(
-                        cacheId,
-                        result?.data,
-                        this._getTtl()
-                    );
+                    this._cache.putSessionDependentData(cacheId, result?.data, this._getTtl());
                 } else {
                     this._cache.put(cacheId, result?.data, this._getTtl());
                 }
@@ -336,15 +306,9 @@ export class CacheAndConcurrentRequestsResolver {
 
     markAsExpiredButDontRemove(key) {
         if (this._removeExpiredCacheAutomatically) {
-            this._cache.markCacheItemAsExpiredButDontRemove(
-                key,
-                this._cacheTtlMs
-            );
+            this._cache.markCacheItemAsExpiredButDontRemove(key, this._cacheTtlMs);
         } else {
-            this._cache.setLastUpdateTimestamp(
-                key,
-                Date.now() - this._cacheTtlMs - 1
-            );
+            this._cache.setLastUpdateTimestamp(key, Date.now() - this._cacheTtlMs - 1);
         }
         this._requestsManager.finishAllActiveCalculations(key);
     }
@@ -378,24 +342,16 @@ class ManagerOfRequestsToTheSameResource {
      */
     async startCalculationOrWaitForActiveToFinish(requestHash) {
         try {
-            const activeCalculationIdForHash =
-                this._activeCalculationsIds.get(requestHash);
+            const activeCalculationIdForHash = this._activeCalculationsIds.get(requestHash);
             if (activeCalculationIdForHash == null) {
                 const id = v4();
                 this._activeCalculationsIds.set(requestHash, id);
                 return id;
             }
 
-            return await this._waitForCalculationIdToFinish(
-                requestHash,
-                activeCalculationIdForHash,
-                0
-            );
+            return await this._waitForCalculationIdToFinish(requestHash, activeCalculationIdForHash, 0);
         } catch (e) {
-            Logger.logError(
-                e,
-                `startCalculationOrWaitForActiveToFinish_${this.bio}`
-            );
+            Logger.logError(e, `startCalculationOrWaitForActiveToFinish_${this.bio}`);
         }
 
         return null;
@@ -422,12 +378,7 @@ class ManagerOfRequestsToTheSameResource {
             currentNext.push(nextId);
             this._nextCalculationIds.set(requestHash, currentNext);
 
-            const waitingResult = await this._waitForCalculationIdToFinish(
-                requestHash,
-                activeId,
-                0,
-                nextId
-            );
+            const waitingResult = await this._waitForCalculationIdToFinish(requestHash, activeId, 0, nextId);
             return {
                 result: waitingResult,
                 lockId: waitingResult ? nextId : undefined,
@@ -458,11 +409,8 @@ class ManagerOfRequestsToTheSameResource {
 
     finishAllActiveCalculations(keyPart = "") {
         try {
-            Array.from(this._activeCalculationsIds.keys()).forEach((hash) => {
-                if (
-                    typeof hash === "string" &&
-                    new RegExp(keyPart).test(hash)
-                ) {
+            Array.from(this._activeCalculationsIds.keys()).forEach(hash => {
+                if (typeof hash === "string" && new RegExp(keyPart).test(hash)) {
                     this.finishActiveCalculation(hash);
                 }
             });
@@ -509,11 +457,7 @@ class ManagerOfRequestsToTheSameResource {
             }
 
             const currentId = this._activeCalculationsIds.get(requestHash);
-            if (
-                waitForCalculationId == null
-                    ? currentId !== activeCalculationId
-                    : currentId === waitForCalculationId
-            ) {
+            if (waitForCalculationId == null ? currentId !== activeCalculationId : currentId === waitForCalculationId) {
                 /* We return true depending on the usage of this function:
                  * 1. if there is calculation id that we should wait for to become an active then we return true only
                  *    if this id becomes the active one.
@@ -535,11 +479,7 @@ class ManagerOfRequestsToTheSameResource {
                     setTimeout(function () {
                         try {
                             resolve(
-                                it._waitForCalculationIdToFinish(
-                                    requestHash,
-                                    activeCalculationId,
-                                    attemptIndex + 1
-                                )
+                                it._waitForCalculationIdToFinish(requestHash, activeCalculationId, attemptIndex + 1)
                             );
                         } catch (e) {
                             reject(e);
@@ -548,11 +488,7 @@ class ManagerOfRequestsToTheSameResource {
                 });
             }
         } catch (e) {
-            Logger.logError(
-                e,
-                "_waitForCalculationIdToFinish",
-                "Failed to wait for active calculation id change."
-            );
+            Logger.logError(e, "_waitForCalculationIdToFinish", "Failed to wait for active calculation id change.");
             return false;
         }
     }