@rabbitio/ui-kit 1.0.0-beta.6 → 1.0.0-beta.61

package/src/components/utils/urlQueryUtils.js

@@ -0,0 +1,87 @@
+const PARAMETER_VALUES_SEPARATOR = "|*|"; // Sting that with high probability will not be in the user's data
+
+/**
+ * Adds specified parameter with values to the URL query string
+ *
+ * @param parameterName - String - name of the parameter
+ * @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) => {}
+) {
+    let parametersAndValues = parseSearchString();
+    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("&")}`;
+    updateURLCallback(newQueryString);
+
+    return newQueryString;
+}
+
+/**
+ * Removes specified parameter with values from the URL query string
+ *
+ * @param parameterName - String - name of the parameter
+ * @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) => {}
+) {
+    let parametersAndValues = parseSearchString();
+    parametersAndValues = parametersAndValues.filter(
+        (parameterAndValues) => parameterAndValues[0] !== parameterName
+    );
+    const newQueryString = `?${parametersAndValues
+        .map((parameterAndValues) => parameterAndValues.join("="))
+        .join("&")}`;
+    updateURLCallback(newQueryString);
+
+    return newQueryString;
+}
+
+/**
+ * Retrieves parameter values from the URL query string.
+ *
+ * If there are several parameters with the same name in the URL then all their values are returned
+ *
+ * @param name {string} - parameter name
+ * @return {string[]} [] - if the parameter is not present in URL. [""] - if parameter present but has empty value
+ */
+export function getQueryParameterValues(name) {
+    return parseSearchString()
+        .filter((parameterAndValue) => parameterAndValue[0] === name)
+        .reduce((allValues, parameterAndValue) => {
+            const values = decodeURIComponent(parameterAndValue[1] || "").split(
+                PARAMETER_VALUES_SEPARATOR
+            );
+            return [...allValues, ...values];
+        }, []);
+}
+
+function parseSearchString() {
+    const trimmed = (window.location.search?.slice(1) || "").trim();
+
+    return (
+        (trimmed &&
+            trimmed
+                .split("&")
+                .map((parameterAndValue) => parameterAndValue.split("="))) ||
+        []
+    );
+}
+
+export function getQueryParameterSingleValue(name) {
+    return (getQueryParameterValues(name) || [])[0];
+}

package/src/constants/atoms/Close/close.jsx

@@ -0,0 +1,5 @@
+export const CLOSE_COLORS = {
+    WHITE: "white",
+    DARK: "dark",
+    DARK_INVERT: "dark-invert",
+};

package/src/constants/atoms/LinkButton/linkButton.jsx

@@ -0,0 +1,6 @@
+export const ICON_ROTATE_OPTIONS = {
+    rotate0: "0deg",
+    rotate90: "90deg",
+    rotate180: "180deg",
+    rotate270: "270deg",
+};

package/src/constants/atoms/Tooltip/tooltip.jsx

@@ -0,0 +1,8 @@
+export const TOOLTIP_POSITIONS = {
+    TOP: "top",
+    LEFT: "left",
+    RIGHT: "right",
+    BOTTOM: "bottom",
+    TOP_LEFT: "top-left",
+    TOP_RIGHT: "top-right",
+};

package/src/constants/globalConstants.jsx

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

package/src/constants/organisms/dialog/DialogStep/dialogStep.js

@@ -0,0 +1 @@
+export const DIALOG_STEP_CLASS = "dialog-step";

package/src/constants/organisms/dialog/dialog.js

@@ -0,0 +1,29 @@
+// If changed - update the prop configuration in the stories and related components.
+export const DIALOG_SIZES = {
+    small: {
+        width: "550px",
+        height: "650px",
+    },
+    regular: {
+        width: "600px",
+        height: "650px",
+    },
+    large: {
+        width: "700px",
+        height: "650px",
+    },
+    largePlus: {
+        width: "750px",
+        height: "650px",
+    },
+    largePlusPlus: {
+        width: "800px",
+        height: "650px",
+    },
+    extraLarge: {
+        width: "1000px",
+        height: "650px",
+    },
+};
+
+export const DIALOG_TRANSITION_STEP_DURATION = 200;

package/src/index.js

@@ -0,0 +1,94 @@
+// UI-KIT components
+export { Button } from "./components/atoms/buttons/Button/Button.jsx";
+export { LoadingDots } from "./components/atoms/LoadingDots/LoadingDots.jsx";
+export { SupportChat } from "./components/atoms/SupportChat/SupportChat.jsx";
+export { AssetIcon } from "./components/atoms/AssetIcon/AssetIcon.jsx";
+export { LinkButton } from "./components/atoms/buttons/LinkButton/LinkButton.jsx";
+export { DialogButtons } from "./components/organisms/Dialog/DialogButtons/DialogButtons.jsx";
+export { BackgroundTitle } from "./components/atoms/BackgroundTitle/BackgroundTitle.jsx";
+export { Close } from "./components/atoms/buttons/Close/Close.jsx";
+export { Validation } from "./components/atoms/Validation/Validation.jsx";
+export { Dialog } from "./components/organisms/Dialog/Dialog.jsx";
+export { DialogStep } from "./components/organisms/Dialog/DialogStep/DialogStep.jsx";
+export { AssetSelection } from "./components/atoms/AssetSelection/AssetSelection.jsx";
+export { Tooltip } from "./components/atoms/Tooltip/Tooltip.jsx";
+export { NoticeIcon } from "./components/atoms/NoticeIcon/NoticeIcon.jsx";
+export { TitleBox } from "./components/atoms/TitleBox/TitleBox.jsx";
+export { AmountInput } from "./components/molecules/AmountInput/AmountInput.jsx";
+export { SwapForm } from "./components/organisms/SwapForm/SwapForm.jsx";
+export { Textarea } from "./components/atoms/Textarea/Textarea.jsx";
+export { QrCode } from "./components/atoms/QrCode/QrCode.jsx";
+export { LinesOfText } from "./components/atoms/TwoLinesOfText/LinesOfText.jsx";
+export { LineWithIconLink } from "./components/molecules/LineWithIconLink/LineWithIconLink.jsx";
+export { DeterminedErrorDialogStep } from "./components/templates/DeterminedErrorDialogStep/DeterminedErrorDialogStep.jsx";
+export { TitledLineWithIconLink } from "./components/molecules/TitledLineWithIconLink/TitledLineWithIconLink.jsx";
+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 { CoinPickerDialogStep } from "./components/organisms/CoinPickerDialogStep/CoinPickerDialogStep.jsx";
+
+// UI-KIT constants
+export { DIALOG_SIZES } from "./constants/organisms/dialog/dialog.js";
+export { DIALOG_STEP_CLASS } from "./constants/organisms/dialog/DialogStep/dialogStep.js";
+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 { useCallHandlingErrors } from "./components/hooks/useCallHandlingErrors.js";
+export { useReferredState } from "./components/hooks/useReferredState.js";
+export { handleClickOutside } from "./components/utils/uiUtils.js";
+export { InputValuesProviders } from "./components/utils/inputValueProviders.js";
+export { copyBrowserTextToClipboard } from "./components/utils/textUtils.js";
+
+export { saveQueryParameterAndValues } from "./components/utils/urlQueryUtils.js";
+export { removeQueryParameterAndValues } from "./components/utils/urlQueryUtils.js";
+export { getQueryParameterSingleValue } from "./components/utils/urlQueryUtils.js";
+export { getQueryParameterValues } from "./components/utils/urlQueryUtils.js";
+
+// Common code lib (to be extracted later to dedicated lib)
+export { improveAndRethrow } from "./common/errorUtils.js";
+export { logErrorOrOutputToConsole } from "./common/errorUtils.js";
+export { FiatCurrenciesService } from "./common/fiatCurrenciesService.js";
+export { AmountUtils } from "./common/amountUtils.js";
+
+export { Blockchain } from "./common/models/blockchain.js";
+export { Protocol } from "./common/models/protocol.js";
+export { Coin } from "./common/models/coin.js";
+
+export { Cache } from "./common/utils/cache.js";
+export { safeStringify } from "./common/utils/safeStringify.js";
+export { LogsStorage } from "./common/utils/logging/logsStorage.js";
+export { Logger } from "./common/utils/logging/logger.js";
+export { postponeExecution } from "./common/utils/postponeExecution.js";
+export { AxiosAdapter } from "./common/adapters/axiosAdapter.js";
+
+export { EmailsApi } from "./common/utils/emailAPI.js";
+export { IpAddressProvider } from "./common/external-apis/ipAddressProviders.js";
+
+// Robust data retriever service and related APIs (to be extracted later to dedicated lib)
+export { CacheAndConcurrentRequestsResolver } from "./robustExteranlApiCallerService/cacheAndConcurrentRequestsResolver.js";
+export { CachedRobustExternalApiCallerService } from "./robustExteranlApiCallerService/cachedRobustExternalApiCallerService.js";
+export { CancelProcessing } from "./robustExteranlApiCallerService/cancelProcessing.js";
+export { ExternalApiProvider } from "./robustExteranlApiCallerService/externalApiProvider.js";
+export { RobustExternalAPICallerService } from "./robustExteranlApiCallerService/robustExternalAPICallerService.js";
+export { ConcurrentCalculationsMetadataHolder } from "./robustExteranlApiCallerService/concurrentCalculationsMetadataHolder.js";
+
+export { ApiGroups } from "./common/external-apis/apiGroups.js";
+export { ApiGroup } from "./common/external-apis/apiGroups.js";
+
+// Swaps lib (to be extracted later to dedicated lib)
+export { ExistingSwap } from "./swaps-lib/models/existingSwap.js";
+export { ExistingSwapWithFiatData } from "./swaps-lib/models/existingSwapWithFiatData.js";
+export { BaseSwapCreationInfo } from "./swaps-lib/models/baseSwapCreationInfo.js";
+export { SwapProvider } from "./swaps-lib/external-apis/swapProvider.js";
+export { SwapspaceSwapProvider } from "./swaps-lib/external-apis/swapspaceSwapProvider.js";
+export { SwapUtils } from "./swaps-lib/utils/swapUtils.js";
+export { PublicSwapService } from "./swaps-lib/services/publicSwapService.js";