@layerswap/widget 1.0.3 → 1.0.4

package/dist/esm/components/Input/Amount/ReceiveAmount.js

@@ -6,5 +6,5 @@ export const ReceiveAmount = ({ source_token, destination_token, fee, isFeeLoadi
     const receive_amount = fee?.quote.receive_amount;
     const receiveAmountInUsd = receive_amount && destination_token && fee.quote?.destination_token?.price_in_usd ? (receive_amount * fee.quote.destination_token.price_in_usd).toFixed(2) : undefined;
     const quote = fee?.quote;
-    return (_jsx(_Fragment, { children: _jsxs("div", { className: "flex flex-col min-w-0 font-normal border-0 text-[28px] leading-7 text-primary-text w-full relative truncate", children: [_jsx("div", { className: "flex items-center justify-start w-full relative", children: _jsx("div", { className: clsx("w-full flex items-center py-[3px] pr-3", { "animate-pulse-stronger": isFeeLoading }, { "text-secondary-text": !receive_amount }), children: _jsx(NumberFlow, { value: receive_amount || 0, trend: 0, format: { maximumFractionDigits: fee?.quote.destination_token?.decimals || 2 } }) }) }), _jsxs("div", { className: "flex items-baseline space-x-2", children: [_jsx("span", { className: "text-base leading-5 font-medium text-secondary-text h-5", children: _jsx(NumberFlow, { className: "p-0", value: Number(receiveAmountInUsd) || 0, format: { style: 'currency', currency: 'USD', maximumFractionDigits: receiveAmountInUsd ? 2 : 0 }, trend: 0 }) }), _jsx(PriceImpact, { className: "h-5 text-base leading-5", bridgeFee: quote?.blockchain_fee, destinationTokenPriceUsd: quote?.destination_token?.price_in_usd, receiveAmount: quote?.receive_amount, requestedAmount: quote?.requested_amount, serviceFee: quote?.service_fee, sourceTokenPriceUsd: quote?.source_token?.price_in_usd })] })] }) }));
+    return (_jsx(_Fragment, { children: _jsxs("div", { className: "flex flex-col min-w-0 font-normal border-0 text-[28px] leading-7 text-primary-text w-full relative truncate", children: [_jsx("div", { className: "flex items-center justify-start w-full relative", children: _jsx("div", { className: clsx("w-full flex items-center pt-2 pr-3", { "animate-pulse-stronger": isFeeLoading }, { "text-secondary-text": !receive_amount }), children: _jsx(NumberFlow, { value: receive_amount || 0, trend: 0, format: { maximumFractionDigits: fee?.quote.destination_token?.decimals || 2 } }) }) }), _jsxs("div", { className: "flex items-baseline space-x-2 h-5", children: [_jsx("span", { className: "text-base leading-5 font-medium text-secondary-text h-5", children: _jsx(NumberFlow, { className: "p-0", value: Number(receiveAmountInUsd) || 0, format: { style: 'currency', currency: 'USD', maximumFractionDigits: receiveAmountInUsd ? 2 : 0 }, trend: 0 }) }), _jsx(PriceImpact, { className: "h-5 text-base leading-5", bridgeFee: quote?.blockchain_fee, destinationTokenPriceUsd: quote?.destination_token?.price_in_usd, receiveAmount: quote?.receive_amount, requestedAmount: quote?.requested_amount, serviceFee: quote?.service_fee, sourceTokenPriceUsd: quote?.source_token?.price_in_usd })] })] }) }));
 };

package/dist/esm/components/Pages/Swap/Form/FeeDetails/index.js

@@ -43,10 +43,10 @@ export const DetailsButton = ({ quote: quoteData, isQuoteLoading, swapValues: va
     const averageCompletionTime = quote?.avg_completion_time;
     const shouldCheckNFT = reward?.campaign_type === "for_nft_holders" && !!reward?.nft_contract_address;
     const { balance: nftBalance, isLoading, error } = useSWRNftBalance(destinationAddress || '', destination, reward?.nft_contract_address || '');
-    return (_jsxs("div", { className: 'flex items-center gap-1 space-x-3', children: [gasFeeInUsd &&
+    return (_jsxs("div", { className: 'flex items-center gap-1 space-x-3', children: [gasFeeInUsd ?
                 _jsxs(_Fragment, { children: [_jsxs("div", { className: clsx("inline-flex items-center gap-1", { "animate-pulse-strong": isQuoteLoading }), children: [_jsx("div", { className: 'p-0.5', children: !values.fromExchange ?
-                                        _jsx(GasIcon, { className: 'h-4 w-4 text-secondary-text' }) : _jsx(ExchangeGasIcon, { className: 'h-5 w-5 text-secondary-text' }) }), _jsx(NumberFlow, { className: "text-primary-text text-sm leading-6", value: gasFeeInUsd < 0.01 ? '0.01' : gasFeeInUsd, format: { style: 'currency', currency: 'USD' }, prefix: gasFeeInUsd < 0.01 ? '<' : undefined })] }), _jsx("div", { className: "w-px h-3 bg-primary-text-tertiary rounded-2xl" })] }), averageCompletionTime &&
-                _jsx(_Fragment, { children: _jsxs("div", { className: clsx("text-right inline-flex items-center gap-1 text-sm", { "animate-pulse-strong": isQuoteLoading }), children: [_jsx("div", { className: 'p-0.5', children: _jsx(Clock, { className: 'h-4 w-4 text-secondary-text' }) }), _jsx(AverageCompletionTime, { className: "text-primary-text", avgCompletionTime: quote.avg_completion_time })] }) }), reward &&
-                (!shouldCheckNFT || (!isLoading && !error && nftBalance !== undefined && nftBalance > 0)) &&
-                _jsxs(_Fragment, { children: [_jsx("div", { className: "w-px h-3 bg-primary-text-tertiary rounded-2xl" }), _jsxs("div", { className: 'text-right text-primary-text inline-flex items-center gap-1', children: [_jsx(CupIcon, { alt: "Reward", width: 16, height: 16 }), _jsx(NumberFlow, { value: reward?.amount_in_usd < 0.01 ? '0.01' : reward?.amount_in_usd, format: { style: 'currency', currency: 'USD' }, prefix: reward?.amount_in_usd < 0.01 ? '<' : undefined })] })] })] }));
+                                        _jsx(GasIcon, { className: 'h-4 w-4 text-secondary-text' }) : _jsx(ExchangeGasIcon, { className: 'h-5 w-5 text-secondary-text' }) }), _jsx(NumberFlow, { className: "text-primary-text text-sm leading-6", value: gasFeeInUsd < 0.01 ? '0.01' : gasFeeInUsd, format: { style: 'currency', currency: 'USD' }, prefix: gasFeeInUsd < 0.01 ? '<' : undefined })] }), _jsx("div", { className: "w-px h-3 bg-primary-text-tertiary rounded-2xl" })] }) : null, averageCompletionTime ?
+                _jsx(_Fragment, { children: _jsxs("div", { className: clsx("text-right inline-flex items-center gap-1 text-sm", { "animate-pulse-strong": isQuoteLoading }), children: [_jsx("div", { className: 'p-0.5', children: _jsx(Clock, { className: 'h-4 w-4 text-secondary-text' }) }), _jsx(AverageCompletionTime, { className: "text-primary-text", avgCompletionTime: quote.avg_completion_time })] }) }) : null, (reward &&
+                (!shouldCheckNFT || (!isLoading && !error && nftBalance !== undefined && nftBalance > 0))) ?
+                _jsxs(_Fragment, { children: [_jsx("div", { className: "w-px h-3 bg-primary-text-tertiary rounded-2xl" }), _jsxs("div", { className: 'text-right text-primary-text inline-flex items-center gap-1', children: [_jsx(CupIcon, { alt: "Reward", width: 16, height: 16 }), _jsx(NumberFlow, { value: reward?.amount_in_usd < 0.01 ? '0.01' : reward?.amount_in_usd, format: { style: 'currency', currency: 'USD' }, prefix: reward?.amount_in_usd < 0.01 ? '<' : undefined })] })] }) : null] }));
 };

package/dist/esm/components/Pages/Swap/Withdraw/Wallet/index.js

@@ -147,7 +147,7 @@ const TransactionMessage = ({ error, isLoading }) => {
         //     where: 'swapWithdrawalError',
         //     severity: 'error',
         // });
-        return _jsx(TransactionMessages.UexpectedErrorMessage, { message: error.message });
+        return _jsx(TransactionMessages.UnexpectedErrorMessage, { message: error.message });
     }
     else
         return _jsx(_Fragment, {});

package/dist/esm/components/Pages/Swap/Withdraw/messages/TransactionMessages.js

@@ -25,7 +25,7 @@ const WaletMismatchMessage = ({ address }) => {
 const SwapErrorMessage = ({ message }) => {
     return _jsx(WalletMessage, { status: "error", header: 'API error', details: message });
 };
-const UexpectedErrorMessage = ({ message }) => {
+const UnexpectedErrorMessage = ({ message }) => {
     return _jsx(WalletMessage, { status: "error", header: 'Unexpected error', details: message, showInModal: true });
 };
 const ActionMessages = {
@@ -36,7 +36,7 @@ const ActionMessages = {
     WaletMismatchMessage,
     TransactionFailedMessage,
     SwapErrorMessage,
-    UexpectedErrorMessage,
+    UnexpectedErrorMessage,
     DifferentAccountsNotAllowedError
 };
 export var TransactionMessageType;
@@ -47,7 +47,7 @@ export var TransactionMessageType;
     TransactionMessageType["TransactionRejected"] = "TransactionRejected";
     TransactionMessageType["WaletMismatch"] = "WaletMismatch";
     TransactionMessageType["TransactionFailed"] = "TransactionFailed";
-    TransactionMessageType["UexpectedErrorMessage"] = "UexpectedErrorMessage";
+    TransactionMessageType["UnexpectedErrorMessage"] = "UnexpectedErrorMessage";
     TransactionMessageType["DifferentAccountsNotAllowedError"] = "DifferentAccountsNotAllowedError";
 })(TransactionMessageType || (TransactionMessageType = {}));
 export default ActionMessages;

package/dist/esm/context/LayerswapProvider.js

@@ -25,6 +25,7 @@ const LayerswapProviderComponent = ({ children, callbacks, config, walletProvide
     themeData = { ...THEME_COLORS['default'], ...config?.theme };
     AppSettings.ApiVersion = version || AppSettings.ApiVersion;
     AppSettings.ImtblPassportConfig = imtblPassport;
+    AppSettings.TonClientConfig = config?.tonConfigs || AppSettings.TonClientConfig;
     AppSettings.WalletConnectConfig = config?.walletConnect || AppSettings.WalletConnectConfig;
     AppSettings.ThemeData = themeData;
     if (apiKey)

package/dist/esm/helpers/{getSettings.js → getSettings/getSettings.js}

@@ -1,5 +1,4 @@
-import { useEffect, useState } from "react";
-import LayerSwapApiClient from "../lib/apiClients/layerSwapApiClient";
+import LayerSwapApiClient from "../../lib/apiClients/layerSwapApiClient";
 export async function getSettings(apiKey) {
     const apiClient = new LayerSwapApiClient();
     LayerSwapApiClient.apiKey = apiKey;
@@ -17,17 +16,3 @@ export async function getSettings(apiKey) {
     };
     return settings;
 }
-export function useSettings(apiKey) {
-    const [loading, setLoading] = useState(true);
-    const [settings, setSettings] = useState(null);
-    useEffect(() => {
-        (async () => {
-            const settings = await getSettings(apiKey);
-            if (!settings)
-                throw new Error('Failed to fetch settings');
-            setSettings(settings);
-            setLoading(false);
-        })();
-    }, []);
-    return { settings, loading };
-}

package/dist/esm/helpers/getSettings/index.js

@@ -0,0 +1,2 @@
+export * from './getSettings';
+export * from './useSettings';

package/dist/esm/helpers/getSettings/useSettings.js

@@ -0,0 +1,17 @@
+'use client';
+import { useEffect, useState } from "react";
+import { getSettings } from "./getSettings";
+export function useSettings(apiKey) {
+    const [loading, setLoading] = useState(true);
+    const [settings, setSettings] = useState(null);
+    useEffect(() => {
+        (async () => {
+            const settings = await getSettings(apiKey);
+            if (!settings)
+                throw new Error('Failed to fetch settings');
+            setSettings(settings);
+            setLoading(false);
+        })();
+    }, []);
+    return { settings, loading };
+}

package/dist/esm/lib/AppSettings.js

@@ -19,6 +19,7 @@ AppSettings.WalletConnectConfig = {
 };
 AppSettings.TonClientConfig = {
     tonApiKey: 'ac793ea74c19105d617dfbeedb827f1b267b4e91f1b15b2420d003ec49722c82',
+    manifestUrl: `https://layerswap.io/app/tonconnect-manifest.json`
 };
 AppSettings.ImtblPassportConfig = {
     publishableKey: "",

package/dist/esm/lib/apiClients/index.js

@@ -1,2 +1,3 @@
 export * from './jsonRpcClient';
-export * from './layerSwapApiClient';
+import LayerswapApiClient from './layerSwapApiClient';
+export { LayerswapApiClient };