@layerswap/widget 0.1.20 → 1.0.0-alpha1.1

package/dist/components/Pages/Campaigns/Details/index.js

@@ -1,46 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useCallback } from "react";
-import { Gift } from "lucide-react";
-import LayerSwapApiClient from "../../../../lib/layerSwapApiClient";
-import useSWR from "swr";
-import SubmitButton from "../../../Buttons/submitButton";
-import WalletIcon from "../../../Icons/WalletIcon";
-import { Widget } from "../../../Widget/Index";
-import Leaderboard from "./Leaderboard";
-import Rewards from "./Rewards";
-import SpinIcon from "../../../Icons/spinIcon";
-import useWallet from "../../../../hooks/useWallet";
-import { LayerswapProvider } from "../../../../context/LayerswapProvider";
-export const CampaignDetailsComponent = ({ campaignName }) => {
-    const apiClient = new LayerSwapApiClient();
-    const { data: campaignsData, isLoading } = useSWR('/campaigns', apiClient.fetcher);
-    const campaign = campaignsData?.data?.find(c => c.name === campaignName);
-    const network = campaign?.network;
-    const { provider } = useWallet(network, 'autofil');
-    const handleConnect = useCallback(async () => {
-        await provider?.connectWallet();
-    }, [provider, network]);
-    const wallet = provider?.activeWallet;
-    const isConnected = !!wallet?.address;
-    if (isLoading) {
-        return _jsx(Loading, {});
-    }
-    if (!campaign) {
-        return _jsx(NotFound, {});
-    }
-    return (_jsxs(_Fragment, { children: [_jsx(Widget.Content, { children: _jsxs("div", { className: "space-y-5", children: [_jsxs("div", { className: "flex items-center gap-1", children: [_jsx("div", { className: "h-7 w-7 relative", children: (campaign.logo_url || network?.logo) && _jsx("img", { src: (campaign.logo_url || network?.logo), alt: "Project Logo", height: "40", width: "40", loading: "eager", className: "rounded-md object-contain" }) }), _jsx("p", { className: "font-bold text-xl text-left flex items-center text-primary-text", children: campaign.display_name })] }), isConnected ?
-                            _jsx(Rewards, { campaign: campaign })
-                            :
-                                _jsx(BriefInformation, { campaign: campaign }), _jsx(Leaderboard, { campaign: campaign })] }) }), _jsx(_Fragment, { children: !isConnected &&
-                    _jsx(Widget.Footer, { children: _jsx(SubmitButton, { isDisabled: false, isSubmitting: false, onClick: handleConnect, icon: _jsx(WalletIcon, { className: "stroke-2 w-6 h-6" }), children: "Connect a wallet" }) }) })] }));
-};
-const BriefInformation = ({ campaign }) => _jsx("p", { className: "text-secondary-text text-base", children: campaign.description ?
-        campaign.description
-        :
-            _jsxs(_Fragment, { children: [_jsx("span", { children: "You can earn $" }), _jsx("span", { children: campaign?.token.symbol }), _jsx("span", { children: "\u00A0tokens by transferring assets to\u00A0" }), _jsxs("span", { children: [campaign.network.display_name, "."] }), _jsx("span", { children: " For each transaction, you'll receive\u00A0" }), _jsx("span", { children: campaign?.percentage }), _jsx("span", { children: "% of paid fees back.\u00A0" })] }) });
-const Loading = () => _jsx(Widget.Content, { children: _jsx("div", { className: "absolute top-[calc(50%-5px)] left-[calc(50%-5px)]", children: _jsx(SpinIcon, { className: "animate-spin h-5 w-5" }) }) });
-const NotFound = () => _jsx(Widget.Content, { children: _jsxs("div", { className: "h-[364px] flex flex-col items-center justify-center space-y-4", children: [_jsx(Gift, { className: "h-20 w-20 text-primary" }), _jsx("p", { className: "font-bold text-center", children: "Campaign not found" }), _jsx("a", { className: "text-xs underline hover:no-underline", href: '/campaigns', children: "See all campaigns" })] }) });
-export const CampaignDetails = (props) => {
-    return (_jsx(LayerswapProvider, { ...props, children: _jsx(Widget, { children: _jsx(CampaignDetailsComponent, { campaignName: props.campaignName }) }) }));
-};

package/dist/components/Pages/Campaigns/index.d.ts

@@ -1,6 +0,0 @@
-import { FC } from "react";
-import { LayerswapContextProps } from "../../../context/LayerswapProvider";
-export declare const CampaignsComponent: () => import("react/jsx-runtime").JSX.Element;
-export declare const Campaigns: FC<LayerswapContextProps & {
-    hideMenu?: boolean;
-}>;

package/dist/components/Pages/Campaigns/index.js

@@ -1,53 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Gift } from "lucide-react";
-import { useState } from "react";
-import LayerSwapApiClient from "../../../lib/layerSwapApiClient";
-import SpinIcon from "../../Icons/spinIcon";
-import useSWR from 'swr';
-import { Widget } from "../../Widget/Index";
-import { LayerswapProvider } from "../../../context/LayerswapProvider";
-import VaulDrawer from "../../Modal/vaulModal";
-import { CampaignDetailsComponent } from "./Details";
-export const CampaignsComponent = () => {
-    const apiClient = new LayerSwapApiClient();
-    const { data: campaignsData, isLoading } = useSWR('/campaigns', apiClient.fetcher);
-    const campaigns = campaignsData?.data;
-    const sortedCampaigns = campaigns?.sort((a, b) => {
-        const dateA = new Date(a.end_date).getTime();
-        const dateB = new Date(b.end_date).getTime();
-        return dateA - dateB;
-    });
-    const activeCampaigns = sortedCampaigns?.filter(IsCampaignActive) || [];
-    const inactiveCampaigns = sortedCampaigns?.filter(c => !IsCampaignActive(c)) || [];
-    const [selectedCampaign, setSelectedCampaign] = useState(null);
-    const [showDrawer, setShowDrawer] = useState(false);
-    const handleCampaignSelect = (campaign) => {
-        setShowDrawer(true);
-        setSelectedCampaign(campaign);
-    };
-    const handleClose = () => {
-        setShowDrawer(false);
-    };
-    return (_jsx(_Fragment, { children: !isLoading ?
-            _jsxs("div", { className: "space-y-5 h-full text-primary-text", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("p", { className: "font-bold text-left leading-5", children: "Campaigns" }), _jsx("div", { className: "bg-secondary-700 border border-secondary-700 hover:border-secondary-500 transition duration-200 rounded-lg shadow-lg", children: _jsx("div", { className: "p-3 space-y-4", children: activeCampaigns.length > 0 ?
-                                        activeCampaigns.map(c => _jsx(CampaignItem, { onCampaignSelect: handleCampaignSelect, campaign: c }, c.id))
-                                        :
-                                            _jsxs("div", { className: "flex flex-col items-center justify-center space-y-2", children: [_jsx(Gift, { className: "h-10 w-10 text-primary" }), _jsx("p", { className: "font-bold text-center", children: "There are no active campaigns right now" })] }) }) })] }), inactiveCampaigns.length > 0 &&
-                        _jsxs("div", { className: "space-y-2", children: [_jsx("p", { className: "font-bold text-left leading-5", children: "Old campaigns" }), _jsx("div", { className: "bg-secondary-700 border border-secondary-700 hover:border-secondary-500 transition duration-200 rounded-lg shadow-lg", children: _jsx("div", { className: "p-3 dpsv flex flex-col space-y-4", children: inactiveCampaigns?.map(c => _jsx(CampaignItem, { onCampaignSelect: handleCampaignSelect, campaign: c }, c.id)) }) })] }), _jsx(VaulDrawer, { modalId: "campaign-details", show: showDrawer, setShow: setShowDrawer, onClose: handleClose, onAnimationEnd: () => !showDrawer && setSelectedCampaign(null), children: _jsx(VaulDrawer.Snap, { id: "item-1", children: selectedCampaign?.name && _jsx(CampaignDetailsComponent, { campaignName: selectedCampaign?.name }) }) })] })
-            :
-                _jsx("div", { className: "absolute top-[calc(50%-5px)] left-[calc(50%-5px)]", children: _jsx(SpinIcon, { className: "animate-spin h-5 w-5" }) }) }));
-};
-const CampaignItem = ({ campaign, onCampaignSelect }) => {
-    const campaignDaysLeft = ((new Date(campaign.end_date).getTime() - new Date().getTime()) / 86400000).toFixed();
-    const campaignIsActive = IsCampaignActive(campaign);
-    return _jsxs("button", { type: "button", onClick: () => onCampaignSelect?.(campaign), className: "flex justify-between items-center w-full", children: [_jsxs("span", { className: "flex items-center gap-1 hover:opacity-70 active:scale-90 duration-200 transition-all", children: [_jsx("span", { className: "h-5 w-5 relative", children: (campaign.logo_url || campaign.network.logo) && _jsx("img", { src: (campaign.logo_url || campaign.network.logo), alt: "Project Logo", height: "40", width: "40", loading: "eager", className: "rounded-md object-contain" }) }), _jsxs("span", { className: "font-semibold text-base text-left flex items-center", children: [campaign?.display_name, " "] })] }), campaignIsActive &&
-                _jsxs("span", { className: "text-primary-text-muted text-right text-sm", children: [campaignDaysLeft, " days left"] })] });
-};
-function IsCampaignActive(campaign) {
-    const now = new Date();
-    return (new Date(campaign?.end_date).getTime() > now.getTime());
-}
-export const Campaigns = (props) => {
-    return (_jsx(LayerswapProvider, { ...props, children: _jsx(Widget, { hideMenu: props.hideMenu, className: "min-h-[520px]", children: _jsx(Widget.Content, { children: _jsx(CampaignsComponent, {}) }) }) }));
-};

package/dist/components/Pages/Maintanance/index.d.ts

@@ -1,2 +0,0 @@
-import { FC } from "react";
-export declare const Maintanance: FC;

package/dist/components/Pages/Maintanance/index.js

@@ -1,22 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect } from "react";
-import { useIntercom } from "react-use-intercom";
-import { useAuthState } from "../../../context/authContext";
-import SubmitButton from "../../Buttons/submitButton";
-import LayerSwapLogo from "../../Icons/layerSwapLogo";
-import TwitterLogo from "../../Icons/TwitterLogo";
-export const Maintanance = (props) => {
-    const { email, userId } = useAuthState();
-    const { boot, update } = useIntercom();
-    const updateWithProps = () => update({ userId, customAttributes: { email: email, } });
-    useEffect(() => {
-        boot();
-        updateWithProps();
-    });
-    const twitterLogo = _jsx(TwitterLogo, { className: "text-primary-text h-6 w-6" });
-    return (_jsxs("div", { className: "flex items-stretch flex-col", children: [_jsx(LayerSwapLogo, { className: "h-8 mt-4 md:hidden w-auto text-primary-logoColor fill-primary-text" }), _jsx(CardContainer, { ...props, children: _jsxs("div", { className: "flex flex-col justify-center space-y-12 p-10 text-primary-text md:min-h-fit min-h-[400px]", children: [_jsxs("h1", { className: "text-xl tracking-tight text-gray-200", children: [_jsx("p", { className: "mb-4 text-secondary-text", children: "We're upgrading our systems and infrastructure to give you the best experience yet." }), _jsxs("span", { className: "block font-bold text-2xl xl:inline", children: [_jsx("span", { children: "We'll be back at" }), " ", _jsx("span", { children: new Date(1729778400000).toLocaleTimeString() })] })] }), _jsx(SubmitButton, { onClick: () => window.open('https://twitter.com/layerswap', '_blank'), icon: twitterLogo, isDisabled: false, isSubmitting: false, children: "Follow for updates" })] }) })] }));
-};
-function CardContainer(props) {
-    return (_jsx("div", { ...props, children: _jsxs("div", { className: "bg-secondary-900 shadow-card rounded-lg w-full mt-10 overflow-hidden relative", children: [_jsx("div", { className: "relative overflow-hidden h-1 flex rounded-t-lg bg-secondary-500" }), _jsx("div", { className: "p-2", children: props.children })] }) }));
-}

package/dist/components/Pages/NoCookies/index.d.ts

@@ -1,2 +0,0 @@
-import { FC } from "react";
-export declare const NoCookies: FC;

package/dist/components/Pages/NoCookies/index.js

@@ -1,13 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
-import MessageComponent from "../../Common/MessageComponent";
-import inIframe from "../../utils/inIframe";
-export const NoCookies = () => {
-    const [embedded, setEmbedded] = useState();
-    useEffect(() => {
-        setEmbedded(inIframe());
-    }, []);
-    return (_jsx("div", { className: `flex flex-col items-center min-h-screen overflow-hidden relative font-robo`, children: _jsx("div", { className: "w-full z-[1]", children: _jsx("div", { className: "flex content-center items-center justify-center space-y-5 flex-col container mx-auto", children: _jsx("div", { className: "flex flex-col w-full text-primary-text", children: _jsx("div", { className: "styled-scroll", children: _jsx("div", { className: "min-h-screen overflow-hidden relative font-robo", children: _jsx("div", { className: "mx-auto max-w-xl bg-secondary-900 shadow-card rounded-lg w-full overflow-hidden relative px-0 md:px-8 py-6 h-[500px] min-h-[550px]", children: _jsx(MessageComponent, { children: _jsxs(MessageComponent.Content, { icon: "red", children: [_jsx(MessageComponent.Header, { children: "Sorry" }), _jsxs(MessageComponent.Description, { children: [_jsxs("div", { className: "text-secondary-text space-y-5 text-left", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("p", { className: "text-primary-text", children: "It seems like you\u2019ve either:" }), _jsxs("ul", { className: "text-secondary-text list-disc ml-4 mt-0 ", children: [_jsx("li", { children: "Disabled cookies" }), _jsx("li", { children: "Or using Layerswap in a partner\u2019s page in Incognito mode" })] })] }), _jsx("p", { className: "text-secondary-text", children: "Unforunately, we can\u2019t run in those conditions \uD83D\uDE41" })] }), embedded &&
-                                                        _jsx("a", { target: "_blank", href: window?.location?.href, className: "bg-primary text-primary-actionButtonText py-3 px-3 border border-primary disabled:border-primary-900 shadowed-button items-center space-x-1 disabled:text-opacity-40 disabled:bg-primary-900 disabled:cursor-not-allowed relative w-full flex justify-center font-semibold rounded-md shadow-md hover:shadow-xl transform hover:-translate-y-0.5 transition duration-200 ease-in-out", children: "Try on Layerswap" })] })] }) }) }) }) }) }) }) }) }));
-};

package/dist/components/Pages/SwapHistory/Guest.d.ts

@@ -1,5 +0,0 @@
-type Props = {
-    onLogin?: () => void;
-};
-declare function GuestCard({ onLogin }: Props): import("react/jsx-runtime").JSX.Element;
-export default GuestCard;

package/dist/components/Pages/SwapHistory/Guest.js

@@ -1,22 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ArrowLeft } from 'lucide-react';
-import { toast } from 'react-hot-toast';
-import { useFormWizardaUpdate, useFormWizardState } from '../../../context/formWizardProvider';
-import { AuthStep } from '../../../Models/Wizard';
-import CodeStep from '../Auth/Steps/CodeStep';
-import EmailStep from '../Auth/Steps/EmailStep';
-import Wizard from '../../Wizard/Wizard';
-import WizardItem from '../../Wizard/WizardItem';
-function GuestCard({ onLogin }) {
-    const { goToStep } = useFormWizardaUpdate();
-    const { goBack, noToolBar } = useFormWizardState();
-    const CodeOnNext = async () => {
-        toast.success("You are successfully logged in.");
-        onLogin && onLogin();
-    };
-    const GoBackToEmailStep = () => goToStep(AuthStep.Email, "back");
-    const GoToCodeStep = () => goToStep(AuthStep.Code);
-    return (_jsx("div", { children: _jsxs(Wizard, { wizardId: 'guestCard', children: [_jsx(WizardItem, { StepName: AuthStep.Email, fitHeight: true, children: _jsx("div", { className: noToolBar ? `p-6 border border-secondary-500 rounded-md` : "pt-6", children: _jsx(EmailStep, { OnNext: GoToCodeStep, disclosureLogin: true }) }) }), _jsx(WizardItem, { StepName: AuthStep.Code, GoBack: GoBackToEmailStep, fitHeight: true, children: _jsxs("div", { className: noToolBar ? `p-6 border border-secondary-500 rounded-md` : "pt-6", children: [goBack &&
-                                _jsxs("button", { type: 'button', onClick: goBack, className: "justify-self-start text-xs text-secondary-text flex items-center hover:text-secondary-text/70 cursor-pointer space-x-1", style: { visibility: false ? 'hidden' : 'visible' }, children: [_jsx(ArrowLeft, { className: 'h-3' }), _jsx("span", { children: "Edit email" })] }), _jsx(CodeStep, { OnNext: CodeOnNext, disclosureLogin: true })] }) })] }) }));
-}
-export default GuestCard;

package/dist/components/Pages/SwapHistory/Header.d.ts

@@ -1,2 +0,0 @@
-declare const Header: () => import("react/jsx-runtime").JSX.Element;
-export default Header;

package/dist/components/Pages/SwapHistory/Header.js

@@ -1,60 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useRef, useState } from "react";
-import HeaderWithMenu from "../../HeaderWithMenu";
-import { motion } from "framer-motion";
-const Header = () => {
-    // const router = useAppRouter();
-    const goBack = useCallback(() => {
-        // window?.['navigation']?.['canGoBack'] ?
-        //     router.back()
-        //     : router.push({
-        //         pathname: "/",
-        //         query: resolvePersistantQueryParams(router.query)
-        //     })
-    }, []);
-    const [height, setHeight] = useState(0);
-    const ref = useRef(null);
-    useEffect(() => {
-        setHeight(Number(ref?.current?.clientHeight));
-    }, []);
-    const handleAnimationEnd = (variant) => {
-        if (variant == "center") {
-            setHeight(Number(ref?.current?.clientHeight));
-        }
-    };
-    return _jsxs(_Fragment, { children: [_jsx(motion.div, { onAnimationComplete: handleAnimationEnd, ref: ref, transition: {
-                    duration: 0.15,
-                }, custom: { direction: -1, width: 100 }, variants: variants, className: `text-primary-text text-base        
-        max-sm:fixed
-        max-sm:inset-x-0
-        max-sm:top-0 
-        max-sm:z-30
-        max-sm:bg-secondary-900 
-        max-sm:shadow-widget-footer 
-        max-sm:w-full`, children: _jsx(HeaderWithMenu, { goBack: goBack }) }), _jsx("div", { style: { height: `${height}px` }, className: `text-primary-text text-base        
-          max-sm:inset-x-0
-          max-sm:bottom-0 
-          max-sm:p-4 max-sm:w-full invisible sm:hidden` })] });
-};
-const variants = {
-    enter: () => {
-        return ({
-            opacity: 0,
-            y: '-100%',
-        });
-    },
-    center: () => {
-        return ({
-            opacity: 1,
-            y: 0,
-        });
-    },
-    exit: () => {
-        return ({
-            y: '-100%',
-            zIndex: 0,
-            opacity: 0,
-        });
-    },
-};
-export default Header;

package/dist/components/Pages/SwapHistory/History.d.ts

@@ -1,8 +0,0 @@
-import { FC } from "react";
-type ListProps = {
-    statuses?: string | number;
-    refreshing?: boolean;
-    onNewTransferClick?: () => void;
-};
-declare const HistoryList: FC<ListProps>;
-export default HistoryList;

package/dist/components/Pages/SwapHistory/History.js

@@ -1,162 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import LayerSwapApiClient from "../../../lib/layerSwapApiClient";
-import { EmptyApiResponse } from "../../../Models/ApiResponse";
-import { ChevronDown, Plus, RefreshCw } from 'lucide-react';
-import { useCallback, useMemo, useState } from "react";
-import HistorySummary from "./HistorySummary";
-import useSWRInfinite from 'swr/infinite';
-import useWallet from "../../../hooks/useWallet";
-import Snippet, { HistoryItemSceleton } from "./Snippet";
-import { groupBy } from "../../utils/groupBy";
-import { useAuthState, UserType } from "../../../context/authContext";
-import { FormWizardProvider } from "../../../context/formWizardProvider";
-import { TimerProvider } from "../../../context/timerContext";
-import GuestCard from "./Guest";
-import { AuthStep } from "../../../Models/Wizard";
-import React from "react";
-import { useVirtualizer } from '@tanstack/react-virtual';
-import SwapDetails from "./SwapDetailsComponent";
-import { addressFormat } from "../../../lib/address/formatter";
-import { useSettingsState } from "../../../context/settings";
-import VaulDrawer from "../../Modal/vaulModal";
-const PAGE_SIZE = 20;
-const getSwapsKey = () => (index, statuses, addresses) => {
-    const addressesParams = addresses?.map(a => `&addresses=${a}`).join('') || '';
-    const statusesParams = statuses.map(s => `&statuses=${s}`).join('') || '';
-    return `/internal/swaps?page=${index + 1}${statusesParams}${addressesParams}`;
-};
-const HistoryList = ({ onNewTransferClick }) => {
-    const { networks } = useSettingsState();
-    const [openSwapDetailsModal, setOpenSwapDetailsModal] = useState(false);
-    const [showAll, setShowAll] = useState(false);
-    const { wallets } = useWallet();
-    const { userId } = useAuthState();
-    const [selectedSwap, setSelectedSwap] = useState(null);
-    const addresses = wallets.map(w => {
-        const network = networks.find(n => n.chain_id == w.chainId);
-        return addressFormat(w.address, network || null);
-    });
-    const handleopenSwapDetails = (swap) => {
-        setSelectedSwap(swap);
-        setOpenSwapDetailsModal(true);
-    };
-    const getKey = useMemo(() => getSwapsKey(), []);
-    const apiClient = new LayerSwapApiClient();
-    const { data: pendingSwapPages, size: pendingSwapsSize, setSize: setPendingSwapsSize, isLoading: pendingSwapsLoading, isValidating: pendingSwapsValidating, mutate: mutatePendingSwaps } = useSWRInfinite((index) => getKey(index, ["PendingDeposit"], addresses), apiClient.fetcher, { revalidateAll: false });
-    const getCompletedSSwapsKey = useCallback((index) => getKey(index, ["Completed", "PendingWithdrawal"], addresses), [addresses]);
-    const { data: userSwapPages, size, setSize, isLoading: userSwapsLoading, isValidating, mutate } = useSWRInfinite(getCompletedSSwapsKey, apiClient.fetcher, { revalidateAll: false, revalidateFirstPage: false, dedupingInterval: 3000 });
-    const handleSWapDetailsShow = (show) => {
-        setOpenSwapDetailsModal(show);
-    };
-    const userSwaps = (!(userSwapPages?.[0] instanceof EmptyApiResponse) && userSwapPages?.map(p => {
-        p.data?.forEach(s => {
-            s.type = 'user';
-        });
-        return p?.data;
-    }).flat(1)) || [];
-    const userSwapsisEmpty = !userSwapsLoading && userSwaps.length === 0;
-    const isReachingEnd = userSwapsisEmpty || (userSwapPages && Number(userSwapPages[userSwapPages.length - 1]?.data?.length) < PAGE_SIZE);
-    const handleLoadMore = async () => {
-        await setSize(size + 1);
-    };
-    const handleLoadMorePendingSwaps = async () => {
-        await setPendingSwapsSize(pendingSwapsSize + 1);
-    };
-    const parentRef = React.useRef(null);
-    const grouppedSwaps = Object
-        .entries(groupBy(userSwaps, ({ swap }) => new Date(swap.created_date).toLocaleDateString()))
-        .map(([key, values]) => ({ key, values }));
-    const pendingSwaps = pendingSwapPages?.map(p => p?.data).flat(1) || [];
-    const pendingSwapsisEmpty = !pendingSwapsLoading && pendingSwaps.length === 0;
-    const pendingHaveMorepages = (pendingSwapPages && Number(pendingSwapPages[pendingSwapPages.length - 1]?.data?.length) == PAGE_SIZE);
-    const flattenedSwaps = grouppedSwaps?.flatMap(g => {
-        return [g.key, ...g.values];
-    });
-    const list = [...(showAll ? pendingSwaps : (pendingSwaps.slice(0, 1))), ...flattenedSwaps];
-    const rowVirtualizer = useVirtualizer({
-        count: (list?.length || 0),
-        getScrollElement: () => window.document.getElementById('virtualListContainer'),
-        estimateSize: () => 35,
-    });
-    const items = rowVirtualizer.getVirtualItems();
-    if ((userSwapsLoading && !(Number(userSwaps?.length) > 0)))
-        return _jsx(Snippet, {});
-    if (!wallets.length && !userId)
-        return _jsx(ConnectOrSignIn, { onLogin: () => { mutate(); mutatePendingSwaps(); } });
-    if (!list.length)
-        return _jsx(BlankHistory, { onNewTransferClick: onNewTransferClick, onLogin: () => { mutate(); mutatePendingSwaps(); } });
-    return (_jsxs("div", { className: "relative", children: [_jsx("div", { ref: parentRef, children: _jsx("div", { style: {
-                        height: rowVirtualizer.getTotalSize(),
-                        width: '100%',
-                        position: 'relative',
-                    }, children: _jsx("div", { style: {
-                            position: 'absolute',
-                            top: 0,
-                            left: 0,
-                            width: '100%',
-                            transform: `translateY(${items[0]?.start ? (items[0]?.start - 0) : 0}px)`,
-                        }, children: items.map((virtualRow) => {
-                            const data = list?.[virtualRow.index];
-                            if (typeof data === 'string') {
-                                return (_jsx("div", { "data-index": virtualRow.index, ref: rowVirtualizer.measureElement, children: _jsx("div", { className: "w-full pb-1", children: data !== 'Pending' &&
-                                            _jsx("p", { className: "text-sm text-secondary-text font-normal pl-2", children: resolveDate(data) }) }) }, virtualRow.key));
-                            }
-                            const swap = data;
-                            if (!swap)
-                                return _jsx(_Fragment, {});
-                            const collapsablePendingSwap = pendingSwaps.length > 1 && virtualRow.index === 0;
-                            const collapsedPendingSwap = !showAll && collapsablePendingSwap;
-                            return (_jsxs("div", { "data-index": virtualRow.index, ref: rowVirtualizer.measureElement, children: [collapsablePendingSwap &&
-                                        _jsx("div", { className: "w-full flex justify-end pb-2", children: _jsxs("button", { type: "button", onClick: () => setShowAll(!showAll), className: 'flex items-center gap-1 text-xs font-normal text-secondary-text hover:text-primary-text pr-2 ', children: [_jsx("p", { className: "select-none", children: "See all incomplete swaps" }), _jsx(ChevronDown, { className: `${showAll && 'rotate-180'} transition-transform duation-200 w-4 h-4` })] }) }), _jsx("div", { onClick: () => handleopenSwapDetails(swap), children: _jsxs("div", { className: "pb-3", children: [_jsx(HistorySummary, { swapResponse: swap, wallets: wallets }), collapsedPendingSwap &&
-                                                    _jsx("div", { className: "z-0 h-6 -top-4 opacity-65 shadow-lg relative bg-secondary-700 p-3 w-[95%] mx-auto font-normal space-y-3 hover:bg-secondary-600 rounded-xl overflow-hidden cursor-pointer" })] }) }), pendingHaveMorepages && virtualRow.index === pendingSwaps.length - 1 &&
-                                        _jsxs("button", { disabled: pendingSwapsLoading || pendingSwapsValidating, type: "button", onClick: handleLoadMorePendingSwaps, className: "text-primary inline-flex gap-1 items-center justify-center disabled:opacity-80 m-auto w-full", children: [_jsx(RefreshCw, { className: `w-4 h-4 ${(pendingSwapsLoading || pendingSwapsValidating) && 'animate-spin'}` }), _jsx("span", { children: "Load more pending swaps" })] }), virtualRow.index === list.length - 1 && !isReachingEnd &&
-                                        _jsxs("button", { disabled: isReachingEnd || userSwapsLoading || isValidating, type: "button", onClick: handleLoadMore, className: "text-primary inline-flex gap-1 items-center justify-center disabled:opacity-80 m-auto w-full", children: [_jsx(RefreshCw, { className: `w-4 h-4 ${(userSwapsLoading || isValidating) && 'animate-spin'}` }), _jsx("span", { children: "Load more" })] })] }, virtualRow.key));
-                        }) }) }) }), _jsx(VaulDrawer, { show: openSwapDetailsModal, setShow: handleSWapDetailsShow, header: 'Swap details', modalId: "swapDetails", children: selectedSwap &&
-                    _jsx(SwapDetails, { swapResponse: selectedSwap }) })] }));
-};
-const BlankHistory = ({ onNewTransferClick, onLogin }) => {
-    return _jsxs("div", { className: "w-full h-full min-h-[inherit] flex flex-col justify-between items-center space-y-10", children: [_jsx("div", {}), _jsxs("div", { className: "w-full h-full flex flex-col justify-center items-center ", children: [_jsx(HistoryItemSceleton, { className: "scale-[.63] w-full shadow-lg mr-7" }), _jsx(HistoryItemSceleton, { className: "scale-[.63] -mt-12 shadow-card ml-7 w-full" }), _jsxs("div", { className: "mt-2 text-center space-y-2", children: [_jsx("h1", { className: "text-secondary-text text-[28px] font-bold tracking-wide", children: "No Transfer History" }), _jsx("p", { className: "max-w-xs text-center text-primary-text-muted text-base font-normal mx-auto", children: "Transfers you make with this wallet/account will appear here after excution." })] }), _jsxs("a", { onClick: onNewTransferClick, href: "/", className: "mt-10 flex items-center gap-2 text-base text-secondary-text font-normal bg-secondary-500 hover:bg-secondary-600 py-2 px-3 rounded-lg", children: [_jsx(Plus, { className: "w-4 h-4" }), _jsx("p", { children: "New Transfer" })] })] }), _jsx("div", { className: "w-full", children: _jsx(SignIn, { onLogin: onLogin }) })] });
-};
-const ConnectOrSignIn = ({ onLogin }) => {
-    return _jsx("div", { className: "w-full h-full flex flex-col justify-between items-center space-y-10", children: _jsxs("div", { className: "flex flex-col items-center justify-center text-center w-full h-full", children: [_jsx(HistoryItemSceleton, { className: "scale-[.63] w-full shadow-lg mr-7" }), _jsx(HistoryItemSceleton, { className: "scale-[.63] -mt-12 shadow-card ml-7 w-full" }), _jsxs("div", { className: "mt-4 text-center space-y-3", children: [_jsx("h1", { className: "text-secondary-text text-[28px] font-bold tracking-wide", children: "No transactions" }), _jsx("p", { className: "max-w-xs text-center text-primary-text-muted text-base font-normal mx-auto", children: "You do not have any transactions." })] })] }) });
-};
-const SignIn = ({ onLogin }) => {
-    const { userType } = useAuthState();
-    const [showGuestCard, setShowGuestCard] = useState(false);
-    if (!(userType && userType != UserType.AuthenticatedUser))
-        return null;
-    return _jsx(FormWizardProvider, { initialStep: AuthStep.Email, initialLoading: false, hideMenu: true, noToolBar: true, children: _jsx(TimerProvider, { children: showGuestCard ?
-                _jsx("div", { className: "animate-fade-in", children: _jsx(GuestCard, { onLogin: onLogin }) })
-                :
-                    _jsx("button", { type: "button", onClick: () => setShowGuestCard(true), className: "text-secondary-text w-fit mx-auto flex justify-center mt-2 underline hover:no-underline", children: _jsx("span", { children: "Sign in with your email" }) }) }) });
-};
-function resolveDate(dateInput) {
-    // Get the current date
-    const today = new Date();
-    // Calculate the difference in time between the input date and today
-    const inputDate = new Date(dateInput);
-    const timeDiff = today.getTime() - inputDate.getTime();
-    // Convert the time difference from milliseconds to days
-    const dayDiff = Math.floor(timeDiff / (1000 * 3600 * 24));
-    // Resolve the output based on the difference in days
-    switch (dayDiff) {
-        case 0:
-            return "Today";
-        case 1:
-            return "Yesterday";
-        case 2:
-            return "2 days ago";
-        case 3:
-            return "3 days ago";
-        case 4:
-            return "4 days ago";
-        case 5:
-            return "5 days ago";
-        case 6:
-            return "6 days ago";
-        default:
-            // If the date is more than 6 days ago, return it in DD/MM/YYYY format
-            return dateInput;
-    }
-}
-export default HistoryList;

package/dist/components/Pages/SwapHistory/HistorySummary.d.ts

@@ -1,10 +0,0 @@
-import { SwapResponse } from "../../../lib/layerSwapApiClient";
-import { FC } from "react";
-import { Wallet } from "../../../Models/WalletProvider";
-type SwapInfoProps = {
-    className?: string;
-    swapResponse: SwapResponse;
-    wallets: Wallet[];
-};
-declare const HistorySummary: FC<SwapInfoProps>;
-export default HistorySummary;

package/dist/components/Pages/SwapHistory/HistorySummary.js

@@ -1,74 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import useSWR from "swr";
-import LayerSwapApiClient, { TransactionType } from "../../../lib/layerSwapApiClient";
-import { useQueryState } from "../../../context/query";
-import { addressEnding, shortenEmail } from "../../utils/ShortenAddress";
-import KnownInternalNames from "../../../lib/knownIds";
-import { ChevronRightIcon } from 'lucide-react';
-import StatusIcon from "./StatusIcons";
-import { findIndexOfFirstNonZeroAfterComma, truncateDecimalsToFloor } from "../../utils/RoundDecimals";
-import AddressIcon from "../../Common/AddressIcon";
-import { addressFormat } from "../../../lib/address/formatter";
-import { SwapStatus } from "../../../Models/SwapStatus";
-const HistorySummary = ({ swapResponse, wallets, className }) => {
-    const { hideFrom, hideTo, account, appName, hideAddress } = useQueryState();
-    const layerswapApiClient = new LayerSwapApiClient();
-    const { data: partnerData } = useSWR(appName && `/internal/apps?name=${appName}`, layerswapApiClient.fetcher);
-    const partner = partnerData?.data;
-    const { swap, quote } = swapResponse;
-    const { source_network, destination_network, source_token, destination_token, source_exchange, destination_exchange, destination_address, exchange_account_connected, exchange_account_name, requested_amount } = swap || {};
-    const source = hideFrom ? partner : (source_exchange || source_network);
-    const destination = hideTo ? partner : (destination_exchange || destination_network);
-    const sourceTransaction = swap.transactions?.find(t => t.type === TransactionType.Input);
-    const destinationTransaction = swap.transactions?.find(t => t.type === TransactionType.Output);
-    const sourceAddressFromInput = sourceTransaction?.from;
-    const calculatedReceiveAmount = destinationTransaction?.amount ?? quote?.receive_amount;
-    let sourceAccountAddress = undefined;
-    if (source_exchange) {
-        sourceAccountAddress = "Exchange";
-    }
-    else if (sourceAddressFromInput) {
-        sourceAccountAddress = addressEnding(sourceAddressFromInput);
-    }
-    else if (source_network?.name === KnownInternalNames.Exchanges.Coinbase && exchange_account_connected) {
-        sourceAccountAddress = shortenEmail(exchange_account_name, 10);
-    }
-    const destAddress = (hideAddress && hideTo && account) ? account : destination_address;
-    const source_wallet = sourceAddressFromInput ? wallets.find(w => (addressFormat(w.address, source_network) === addressFormat(sourceAddressFromInput, source_network))) : null;
-    const destination_wallet = wallets.find(w => addressFormat(w.address, destination_network) === addressFormat(destAddress, destination_network));
-    return (source_token && _jsx(_Fragment, { children: _jsxs("div", { className: `${className || ''} bg-secondary-700 z-10 p-3 w-full relative font-normal space-y-3 hover:bg-secondary-600 rounded-xl overflow-hidden cursor-pointer`, children: [_jsxs("div", { className: "grid grid-cols-6 sm:grid-cols-8 gap-3 w-full items-center", children: [source?.display_name !== destination?.display_name ?
-                            _jsxs("div", { className: "col-span-1 h-11 w-11 relative min-w-11", children: [source &&
-                                        _jsx("img", { src: source.logo, alt: source.display_name, width: 28, height: 28, className: "rounded" }), destination &&
-                                        _jsx("img", { src: destination.logo, alt: destination.display_name, width: 28, height: 28, className: "rounded absolute left-4 top-4" })] })
-                            :
-                                _jsx("div", { className: "w-11 h-11 col-span-1", children: source &&
-                                        _jsx("img", { src: source.logo, alt: source.display_name, width: 44, height: 44, className: "rounded-md" }) }), _jsxs("div", { className: "col-span-5 sm:col-span-7 flex flex-col gap-0.5 w-full", children: [_jsxs("div", { className: "flex items-baseline justify-between w-full overflow-hidden", children: [_jsx("p", { className: "text-secondary-text text-sm sm:text-base truncate max-w-[55%]", children: source?.display_name === destination?.display_name ?
-                                                _jsxs(_Fragment, { children: [_jsx("span", { children: "Swap in" }), " ", _jsx("span", { children: source?.display_name })] })
-                                                :
-                                                    _jsxs(_Fragment, { children: [_jsxs("span", { children: [source?.display_name, " "] }), " ", _jsx("span", { children: "to" }), " ", _jsx("span", { children: destination?.display_name })] }) }), _jsxs("p", { className: "font-light text-secondary-text text-xs sm:text-sm ", children: [smartDecimalTruncate(sourceTransaction?.amount || swap.requested_amount, source_token?.price_in_usd), " ", source_token.symbol] })] }), _jsxs("div", { className: "flex w-full justify-between items-start text-end", children: [_jsxs("div", { className: "flex items-center gap-0.5", children: [sourceAccountAddress &&
-                                                    _jsxs("div", { className: "inline-flex items-center gap-0.5 px-1 py-0.5 bg-secondary-950 rounded-md", children: [source_wallet?.icon ?
-                                                                _jsx(source_wallet.icon, { className: "h-3.5 w-3.5" })
-                                                                :
-                                                                    (sourceAddressFromInput && !source_exchange ?
-                                                                        _jsx("div", { className: 'flex bg-secondary-400 text-primary-text  items-center justify-center rounded h-3.5 overflow-hidden w-3.5', children: _jsx(AddressIcon, { className: "scale-150 h-3.5 w-3.5", address: sourceAddressFromInput, size: 14 }) })
-                                                                        :
-                                                                            null), _jsx("p", { className: "text-secondary-text text-xs", children: sourceAccountAddress })] }), addressFormat(destAddress, destination_network) !== (sourceAddressFromInput ? addressFormat(sourceAddressFromInput, source_network) : null) &&
-                                                    _jsxs(_Fragment, { children: [_jsx(ChevronRightIcon, { className: "h-3 w-3" }), _jsxs("div", { className: "inline-flex items-center gap-0.5 px-1 py-0.5 bg-secondary-950 rounded-md", children: [destination_wallet?.icon ?
-                                                                        _jsx(destination_wallet.icon, { className: "h-3.5 w-3.5" })
-                                                                        :
-                                                                            !destination_exchange &&
-                                                                                _jsx("div", { className: 'flex bg-secondary-400 text-primary-text  items-center justify-center rounded h-3.5 overflow-hidden w-3.5', children: _jsx(AddressIcon, { className: "scale-150 h-3.5 w-3.5", address: destAddress, size: 14 }) }), _jsx("p", { className: "text-secondary-text text-xs", children: destination_exchange ? 'Exchange' : addressEnding(destAddress) })] })] })] }), _jsxs("p", { className: "font-medium text-primary-text text-sm sm:text-lg leading-5 sm:leading-5", children: [smartDecimalTruncate(calculatedReceiveAmount, destination_token?.price_in_usd), " ", destination_token.symbol] })] })] })] }), swap.status !== SwapStatus.Completed &&
-                    _jsx(StatusIcon, { swap: swap, withBg: true })] }) }));
-};
-const smartDecimalTruncate = (value, price_in_usd) => {
-    let decimals = findIndexOfFirstNonZeroAfterComma((0.01 / Number(price_in_usd.toFixed()))) || 0;
-    let truncatedAmount = truncateDecimalsToFloor(value, decimals);
-    if (truncatedAmount === 0) {
-        while (truncatedAmount === 0) {
-            decimals += 1;
-            truncatedAmount = truncateDecimalsToFloor(value, decimals);
-        }
-    }
-    return truncateDecimalsToFloor(value, decimals);
-};
-export default HistorySummary;

package/dist/components/Pages/SwapHistory/Snippet.d.ts

@@ -1,4 +0,0 @@
-import { DetailedHTMLProps, HTMLAttributes } from "react";
-declare const Snippet: () => import("react/jsx-runtime").JSX.Element;
-export declare const HistoryItemSceleton: (props: DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
-export default Snippet;

package/dist/components/Pages/SwapHistory/Snippet.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const Snippet = () => {
-    return _jsxs("div", { className: "text-sm py-3 space-y-4 font-medium focus:outline-none overflow-hidden", children: [[...Array(5)]?.map((item, index) => (_jsx(HistoryItemSceleton, { className: "animate-pulse" }, index))), _jsx("div", { className: "relative", "aria-hidden": "true", children: _jsx("div", { className: "absolute -inset-x-20 bottom-0 bg-gradient-to-t from-10% from-secondary-900 pt-[90%] sm:pt-[30%] lg:pt-[80%]" }) })] });
-};
-export const HistoryItemSceleton = (props) => {
-    return _jsx("div", { ...props, className: `w-full rounded-xl bg-secondary-700 ${props.className}`, children: _jsx("div", { className: "rounded-lg px-3 py-4 w-full relative z-10 space-y-4", children: _jsx("div", { className: "font-normal flex flex-col w-full relative z-10 space-y-4", children: _jsxs("div", { className: "flex items-center justify-between w-full", children: [_jsxs("div", { className: "flex col-span-5 items-center gap-3 grow ", children: [_jsx("div", { className: "w-11 h-11 rounded-md border border-secondary-400 bg-secondary-500" }), _jsxs("div", { className: "flex flex-col items-start gap-2", children: [_jsx("p", { className: "w-32 sm:w-40 h-3 border border-secondary-400 bg-secondary-500 rounded" }), _jsx("p", { className: "w-28 sm:w-32 h-3 border border-secondary-400 bg-secondary-500 rounded" })] })] }), _jsxs("div", { className: "flex flex-col items-end gap-2", children: [_jsx("p", { className: "w-14 h-3 border border-secondary-400 bg-secondary-500 rounded" }), _jsx("p", { className: "w-20 sm:w-28 h-3 border border-secondary-400 bg-secondary-500 rounded" })] })] }) }) }) });
-};
-export default Snippet;

package/dist/components/Pages/SwapHistory/StatusIcons.d.ts

@@ -1,6 +0,0 @@
-import { SwapItem } from "../../../lib/layerSwapApiClient";
-export default function StatusIcon({ swap, withBg, short }: {
-    swap: SwapItem;
-    withBg?: boolean;
-    short?: boolean;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/components/Pages/SwapHistory/StatusIcons.js

@@ -1,54 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { SwapStatus } from "../../../Models/SwapStatus";
-import { TransactionType } from "../../../lib/layerSwapApiClient";
-export default function StatusIcon({ swap, withBg, short }) {
-    const status = swap.status;
-    switch (status) {
-        case SwapStatus.Failed:
-            return _jsx(RedComponenet, { text: "Failed", withBg: withBg, short: short });
-        case SwapStatus.Completed:
-            return _jsx(GreenComponent, { text: "Completed", withBg: withBg, short: short });
-        case SwapStatus.Cancelled:
-            return _jsx(SecondaryComponent, { text: "Cancelled", withBg: withBg, short: short });
-        case SwapStatus.Expired:
-            return _jsx(SecondaryComponent, { text: "Expired", withBg: withBg, short: short });
-        case SwapStatus.UserTransferPending:
-            const data = JSON.parse(localStorage.getItem('swapTransactions') || "{}");
-            const txForSwap = data?.state?.swapTransactions?.[swap.id];
-            if (txForSwap || swap.transactions.find(t => t.type === TransactionType.Input)) {
-                return _jsx(PrimaryComponent, { text: "In Progress", withBg: withBg, short: short });
-            }
-            else {
-                return _jsx(YellowComponent, { text: "Incomplete", withBg: withBg, short: short });
-            }
-        case SwapStatus.LsTransferPending:
-            return _jsx(PrimaryComponent, { text: "In Progress", withBg: withBg, short: short });
-        case SwapStatus.UserTransferDelayed:
-            return _jsx(YellowComponent, { text: "Delayed", withBg: withBg, short: short });
-        case SwapStatus.Created:
-            return _jsx(YellowComponent, { text: "Incomplete", withBg: withBg, short: short });
-        default:
-            return _jsx(_Fragment, {});
-    }
-}
-const IconComponentWrapper = ({ children, withBg, classNames }) => {
-    return (_jsx("div", { className: `inline-flex items-center gap-2 font-bold ${classNames} ${withBg ? 'py-1 w-full justify-center rounded-lg' : '!bg-transparent'}`, children: children }));
-};
-const GreenComponent = ({ text, withBg, short }) => {
-    return (_jsxs(IconComponentWrapper, { withBg: withBg, classNames: "bg-[#54b487]/20 text-[#54b487]", children: [_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 60 60", fill: "none", children: _jsx("circle", { cx: "30", cy: "30", r: "30", fill: "#54b487" }) }), !short && _jsx("p", { children: text })] }));
-};
-const PrimaryComponent = ({ text, withBg, short }) => {
-    return (_jsxs(IconComponentWrapper, { withBg: withBg, classNames: "bg-primary-900/30 text-primary-500", children: [_jsxs("div", { className: 'relative', children: [_jsx("div", { className: 'absolute top-0.5 left-0.5 w-3 h-3 opacity-40 bg bg-primary rounded-full animate-ping' }), _jsx("div", { className: 'relative top-0 left-0 w-4 h-4 scale-75 bg bg-primary rounded-full' })] }), !short && _jsx("p", { children: text })] }));
-};
-const SecondaryComponent = ({ text, withBg, short }) => {
-    return (_jsx(IconComponentWrapper, { withBg: withBg, classNames: "text-primary-text-muted bg-secondary-900", children: short ?
-            _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 60 60", fill: "currentColor", className: "text-primary-text-muted", children: _jsx("circle", { cx: "30", cy: "30", r: "30", fill: "currentColor" }) })
-            :
-                _jsx("p", { children: text }) }));
-};
-const YellowComponent = ({ text, withBg, short }) => {
-    return (_jsxs(IconComponentWrapper, { withBg: withBg, classNames: "bg-yellow-950/40 text-yellow-600", children: [_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 60 60", fill: "none", children: _jsx("circle", { cx: "30", cy: "30", r: "30", fill: "#DF8B16" }) }), !short && _jsx("p", { children: text })] }));
-};
-const RedComponenet = ({ text, withBg, short }) => {
-    return (_jsxs(IconComponentWrapper, { withBg: withBg, classNames: "bg-red-950/40 text-red-600", children: [_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 60 60", fill: "none", children: _jsx("circle", { cx: "30", cy: "30", r: "30", fill: "#E43636" }) }), !short && _jsx("p", { children: text })] }));
-};