@layerswap/widget 0.1.20 → 1.0.0-alpha1.1

package/dist/components/Modal/vaulModal.js

@@ -1,122 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { clsx } from 'clsx';
-import { useEffect, useRef, useState } from 'react';
-import useWindowDimensions from '../../hooks/useWindowDimensions';
-import IconButton from '../Buttons/iconButton';
-import { ChevronUp, X } from 'lucide-react';
-import { useMeasure } from '@uidotdev/usehooks';
-import { SnapPointsProvider, useSnapPoints } from '../../context/snapPointsContext';
-import { AnimatePresence, motion } from 'framer-motion';
-import { createPortal } from 'react-dom';
-import { Drawer } from './vaul';
-import AppSettings from '../../lib/AppSettings';
-const Comp = ({ children, show, setShow, header, description, onClose, onAnimationEnd }) => {
-    const { isMobileWithPortal: isMobile } = useWindowDimensions();
-    let [headerRef, { height }] = useMeasure();
-    const { setHeaderHeight } = useSnapPoints();
-    const expandRef = useRef(null);
-    const [loaded, setLoaded] = useState(false);
-    const [snap, setSnap] = useState(null);
-    const [snapElement, setSnapElement] = useState(null);
-    const { snapPoints } = useSnapPoints();
-    const snapPointsHeight = snapPoints.map((item) => item.height);
-    const isLastSnap = snapElement?.id === snapPoints[snapPoints.length - 1]?.id;
-    const goToNextSnap = () => {
-        if (!snapElement)
-            return;
-        setSnapElement(snapPoints.find((item) => item.id === snapElement.id + 1) || null);
-    };
-    useEffect(() => {
-        if (show && snapPoints.length > 0) {
-            setSnapElement(snapPoints.find((item) => item.id === snapElement?.id) || snapPoints[0]);
-        }
-    }, [snapPoints, show]);
-    useEffect(() => {
-        if (!snapElement || snapElement.height === snap)
-            return;
-        setSnap(snapElement.height);
-    }, [snapElement]);
-    useEffect(() => {
-        if (!snap || snap === snapElement?.height)
-            return;
-        setSnapElement(snapPoints.find((item) => item.height === snap) || null);
-    }, [snap]);
-    useEffect(() => {
-        if (!height)
-            return;
-        setHeaderHeight(height);
-    }, [height]);
-    const handleOpenChange = (open) => {
-        setSnap(open ? snapPoints[0].height : null);
-        setShow(open);
-        if (!open)
-            return onClose && onClose();
-    };
-    useEffect(() => {
-        setLoaded(true);
-    }, []);
-    if (!loaded)
-        return null;
-    return (_jsx(Drawer.Root, { open: show, onOpenChange: handleOpenChange, container: isMobile ? undefined : document.getElementById('widget'), snapPoints: snapPointsHeight, activeSnapPoint: snap, setActiveSnapPoint: setSnap, fadeFromIndex: 0, onDrag: (e) => {
-            if (e.movementY < 0 && !expandRef.current?.classList.contains('hidden'))
-                expandRef.current?.classList.add('hidden');
-        }, modal: isMobile ? true : false, repositionInputs: false, onAnimationEnd: onAnimationEnd, handleOnly: isMobile, children: _jsxs(Drawer.Portal, { children: [_jsx(Drawer.Close, { asChild: true, children: isMobile
-                        ? _jsx(Drawer.Overlay, { className: 'fixed inset-0 z-50 bg-black/50 block' })
-                        : _jsx(motion.div, { className: 'absolute inset-0 z-50 bg-black/50 block', initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 } }, "backdrop") }), _jsxs(Drawer.Content, { "data-testid": "content", className: clsx('absolute flex flex-col bg-secondary-900 rounded-t-xl bottom-0 left-0 right-0 h-full z-50 pb-6 text-primary-text !ring-0 !outline-none ', {
-                        '!border-none !rounded-none': snap === 1,
-                        '!fixed sm:!absolute': AppSettings.ThemeData?.enablePortal == true,
-                    }), children: [_jsxs("div", { ref: headerRef, className: 'w-full relative', children: [isMobile &&
-                                    _jsx("div", { className: "absolute top-2 left-[calc(50%-24px)]", children: _jsx(Drawer.Handle, { className: '!w-12 bg-primary-text-muted' }) }), _jsxs("div", { className: 'flex items-center w-full text-left justify-between px-6 pt-3 pb-2', children: [_jsx(Drawer.Title, { className: "text-lg text-secondary-text font-semibold", children: header }), _jsx(Drawer.Close, { asChild: true, children: _jsx("div", { className: '-mr-2', children: _jsx(IconButton, { icon: _jsx(X, { strokeWidth: 3 }) }) }) })] }), description &&
-                                    _jsx(Drawer.Description, { className: "text-sm mt-2 text-secondary-text px-6", children: description })] }), _jsxs("div", { className: clsx('flex flex-col w-full h-fit max-h-[90dvh] px-6 styled-scroll overflow-x-hidden relative ', {
-                                'overflow-y-auto': snap === 1,
-                                'overflow-hidden': snap !== 1,
-                            }), id: "virtualListContainer", children: [children, _jsx(AnimatePresence, { children: !isLastSnap && snapElement &&
-                                        _jsx(motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: 0.15 }, ref: expandRef, style: { top: `${Number(snapElement.height?.toString().replace('px', '')) - 88}px` }, className: 'w-full fixed left-0 z-50', children: _jsxs("button", { type: 'button', onClick: goToNextSnap, className: "w-full px-6 pt-10 pb-6 justify-center from-secondary-900 bg-gradient-to-t items-center gap-2 inline-flex text-secondary-text", children: [_jsx(ChevronUp, { className: "w-6 h-6 relative" }), _jsx("div", { className: "text-sm font-medium", children: "Expand" })] }) }) }), _jsx(VaulFooter, { snapElement: snapElement })] })] })] }) }));
-};
-const VaulFooter = ({ snapElement }) => {
-    let [ref, { height }] = useMeasure();
-    const { setFooterHeight } = useSnapPoints();
-    useEffect(() => {
-        setFooterHeight(height || 0);
-    }, [height]);
-    return (_jsx("div", { ref: ref, id: 'walletModalFooter', style: {
-            top: snapElement?.height !== 1 ? `${Number(snapElement?.height?.toString().replace('px', '')) - 50}px` : undefined,
-            bottom: snapElement?.height === 1 ? '12px' : undefined
-        }, className: 'w-full fixed left-0 z-50' }));
-};
-const VaulDrawerSnap = (props) => {
-    let [ref, { height }] = useMeasure();
-    const { setSnapElemenetsHeight } = useSnapPoints();
-    useEffect(() => {
-        if (!height)
-            return;
-        setSnapElemenetsHeight((prev) => {
-            const id = Number(props.id?.replace('item-', ''));
-            return [{ id, height: height, fullHeight: props.fullheight }, ...prev.filter((item) => item.id !== id)];
-        });
-    }, [height]);
-    return (_jsx("div", { ...props, className: props.className ?? 'pb-6', id: props.id, ref: ref, children: props.children }));
-};
-const VaulDrawer = (props) => {
-    const { isMobileWithPortal } = useWindowDimensions();
-    return (_jsx(SnapPointsProvider, { isMobile: isMobileWithPortal, children: _jsx(Comp, { ...props, children: props.children }) }));
-};
-VaulDrawer.Snap = VaulDrawerSnap;
-// type Props = {
-//     children: React.ReactNode,
-//     isWalletModalOpen?: boolean
-// }
-// export const WalletFooterPortal: FC<Props> = ({ children, isWalletModalOpen }) => {
-export const WalletFooterPortal = ({ children, isWalletModalOpen }) => {
-    const ref = useRef(null);
-    const [mounted, setMounted] = useState(false);
-    useEffect(() => {
-        let element = isWalletModalOpen && document.getElementById('walletModalFooter');
-        if (element) {
-            ref.current = element;
-            setMounted(true);
-        }
-    }, [isWalletModalOpen]);
-    return ref.current && mounted ? createPortal(children, ref.current) : null;
-};
-export default VaulDrawer;

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

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

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

@@ -1,10 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Home } from "lucide-react";
-import Navbar from "../../Common/navbar";
-import MessageComponent from "../../Common/MessageComponent";
-import GoHomeButton from "../../utils/GoHome";
-import SubmitButton from "../../Buttons/submitButton";
-export const Custom404 = () => {
-    return (_jsx("div", { className: "styled-scroll", children: _jsx("main", { className: "styled-scroll", children: _jsxs("div", { className: "min-h-screen overflow-hidden relative font-robo", children: [_jsx(Navbar, {}), _jsx("div", { className: "mx-auto max-w-xl bg-darkblue-900 md:shadow-card rounded-lg w-full overflow-hidden relative px-6 py-6 h-[500px] min-h-[550px]", children: _jsxs(MessageComponent, { children: [_jsx(MessageComponent.Content, { icon: "red", children: _jsxs("div", { className: "text-center", children: [_jsx("p", { className: "text-base font-semibold text-primary", children: "404" }), _jsx("h1", { className: "mt-2 text-4xl font-bold tracking-tight text-primary-text sm:text-5xl", children: "Page not found." }), _jsx("p", { className: "mt-2 text-base text-secondary-text", children: "Sorry, we couldn't find the page you're looking for." })] }) }), _jsx(MessageComponent.Buttons, { children: _jsx(GoHomeButton, { children: _jsx(SubmitButton, { buttonStyle: "outline", isDisabled: false, isSubmitting: false, icon: _jsx(Home, { className: "h-5 w-5" }), children: "Go home" }) }) })] }) })] }) }) }));
-};

package/dist/components/Pages/Auth/Steps/CodeStep/VerifyEmailCode.d.ts

@@ -1,8 +0,0 @@
-import { FC } from 'react';
-import { AuthConnectResponse } from '../../../../../Models/LayerSwapAuth';
-interface VerifyEmailCodeProps {
-    onSuccessfullVerify: (authresponse: AuthConnectResponse) => Promise<void>;
-    disclosureLogin?: boolean;
-}
-declare const VerifyEmailCode: FC<VerifyEmailCodeProps>;
-export default VerifyEmailCode;

package/dist/components/Pages/Auth/Steps/CodeStep/VerifyEmailCode.js

@@ -1,97 +0,0 @@
-'use client';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { MailOpen } from 'lucide-react';
-import { Form, Formik } from 'formik';
-import { useCallback, useState } from 'react';
-import toast from 'react-hot-toast';
-import { useAuthDataUpdate, useAuthState, UserType } from '../../../../../context/authContext';
-import { useTimerState } from '../../../../../context/timerContext';
-import LayerSwapApiClient from '../../../../../lib/layerSwapApiClient';
-import LayerSwapAuthApiClient from '../../../../../lib/userAuthApiClient';
-import SubmitButton from '../../../../Buttons/submitButton';
-import { DocIframe } from '../../../../Common/docInIframe';
-import NumericInput from '../../../../Input/NumericInput';
-import Modal from '../../../../Modal/modal';
-import TimerWithContext from '../../../../Common/TimerComponent';
-import { classNames } from '../../../../utils/classNames';
-import { Widget } from '../../../../Widget/Index';
-const VerifyEmailCode = ({ onSuccessfullVerify, disclosureLogin }) => {
-    const initialValues = { Code: '' };
-    const { start: startTimer, started } = useTimerState();
-    const { tempEmail, userLockedOut, guestAuthData, userType } = useAuthState();
-    const { updateAuthData, setUserLockedOut } = useAuthDataUpdate();
-    const [modalUrl, setModalUrl] = useState(null);
-    const [showDocModal, setShowDocModal] = useState(false);
-    const handleResendCode = useCallback(async () => {
-        try {
-            const apiClient = new LayerSwapAuthApiClient();
-            const res = await apiClient.getCodeAsync(tempEmail);
-            const next = new Date(res?.data?.next);
-            const now = new Date();
-            const miliseconds = next.getTime() - now.getTime();
-            startTimer(Math.round((res?.data?.already_sent ? 60000 : miliseconds) / 1000));
-        }
-        catch (error) {
-            if (error.response?.data?.errors?.length > 0) {
-                const message = error.response.data.errors.map(e => e.message).join(", ");
-                toast.error(message);
-            }
-            else {
-                toast.error(error.message);
-            }
-        }
-    }, [tempEmail]);
-    const openDoc = (url) => {
-        setModalUrl(url);
-        setShowDocModal(true);
-    };
-    const handleOpenTerms = () => openDoc('https://docs.layerswap.io/user-docs/information/terms-of-services/');
-    const handleOpenPrivacyPolicy = () => openDoc('https://docs.layerswap.io/user-docs/information/privacy-policy/');
-    const timerCountdown = userLockedOut ? 600 : 60;
-    return (_jsxs(_Fragment, { children: [_jsx(Modal, { height: 'full', show: showDocModal, setShow: setShowDocModal, modalId: 'verifyEmail', children: modalUrl ? _jsx(DocIframe, { onConfirm: () => close(), URl: modalUrl }) : _jsx(_Fragment, {}) }), _jsx(Formik, { initialValues: initialValues, validateOnMount: true, validate: (values) => {
-                    const errors = {};
-                    if (!/^[0-9]*$/.test(values.Code)) {
-                        errors.Code = "Value should be numeric";
-                    }
-                    else if (values.Code.length != 6) {
-                        errors.Code = `The length should be 6 instead of ${values.Code.length}`;
-                    }
-                    return errors;
-                }, onSubmit: async (values) => {
-                    try {
-                        if (!tempEmail) {
-                            //TODO show validation error
-                            return;
-                        }
-                        var apiAuthClient = new LayerSwapAuthApiClient();
-                        var apiClient = new LayerSwapApiClient();
-                        const res = await apiAuthClient.connectAsync(tempEmail, values.Code);
-                        updateAuthData(res);
-                        await onSuccessfullVerify(res);
-                        if (userType == UserType.GuestUser && guestAuthData?.access_token)
-                            await apiClient.SwapsMigration(guestAuthData?.access_token);
-                    }
-                    catch (error) {
-                        const message = error.response.data.error_description;
-                        if (error.response?.data?.error === 'USER_LOCKED_OUT_ERROR') {
-                            toast.error(message);
-                            setUserLockedOut(true);
-                            startTimer(600);
-                        }
-                        else if (error.response?.data?.error_description) {
-                            toast.error(message);
-                        }
-                        else {
-                            toast.error(error.message);
-                        }
-                    }
-                }, children: ({ isValid, isSubmitting, errors, handleChange }) => (_jsx(Form, { className: 'h-full w-full text-secondary-text', children: disclosureLogin ?
-                        _jsxs("div", { className: 'mt-2', children: [_jsxs("div", { className: "w-full text-left text-base font-light", children: [_jsx("div", { className: 'flex items-center justify-start', children: _jsx("p", { className: 'text-xl text-primary-text', children: "Sign in with email" }) }), _jsxs("p", { className: 'mt-2 text-left', children: [_jsx("span", { children: "Please enter the 6 digit code sent to " }), _jsx("span", { className: 'font-medium text-primary-text', children: tempEmail })] })] }), _jsxs("div", { className: "text-sm text-secondary-text font-normal mt-5", children: [_jsxs("div", { className: 'grid gap-4 grid-cols-5  items-center', children: [_jsx("div", { className: "relative rounded-md shadow-sm col-span-3", children: _jsx(NumericInput, { pattern: '^[0-9]*$', placeholder: "XXXXXX", maxLength: 6, name: 'Code', onChange: e => {
-                                                            /^[0-9]*$/.test(e.target.value) && handleChange(e);
-                                                        }, className: "leading-none h-12 text-2xl pl-5 text-primary-text  focus:ring-primary text-center focus:border-primary border-secondary-500 block\n                                    placeholder:text-2xl placeholder:text-center tracking-widest placeholder:font-normal placeholder:opacity-50 bg-secondary-700  w-full font-semibold rounded-md placeholder-primary-text" }) }), _jsx("div", { className: 'col-start-4 col-span-2', children: _jsx(TimerWithContext, { isStarted: started, seconds: timerCountdown, waitingComponent: () => (_jsx(SubmitButton, { type: "submit", isDisabled: (!isValid || !!userLockedOut), isSubmitting: isSubmitting, children: userLockedOut ? 'User is locked out' : 'Confirm' })), children: _jsx(SubmitButton, { type: "submit", isDisabled: !isValid, isSubmitting: isSubmitting, children: "Confirm" }) }) })] }), _jsx("span", { className: "flex text-sm leading-6 items-center mt-0.5", children: _jsx(TimerWithContext, { isStarted: started, seconds: timerCountdown, waitingComponent: (remainingTime) => (_jsxs("span", { className: classNames(userLockedOut && 'text-xl leading-6'), children: [_jsx("span", { children: "Resend in" }), _jsx("span", { className: 'ml-1', children: remainingTime })] })), children: _jsx("span", { onClick: handleResendCode, className: "decoration underline-offset-1 underline hover:no-underline decoration-primary-text hover:cursor-pointer", children: "Resend code" }) }) })] })] })
-                        :
-                            _jsxs("div", { className: 'h-full flex flex-col justify-between', children: [_jsxs(Widget.Content, { center: true, children: [_jsx(MailOpen, { className: 'w-16 h-16 text-primary self-center mt-5  sm:mt-auto' }), _jsx("div", { className: 'text-center mt-5', children: _jsxs("p", { className: 'text-lg', children: [_jsx("span", { children: "Please enter the 6 digit code sent to\u00A0" }), _jsx("span", { className: 'font-medium text-primary-text', children: tempEmail })] }) }), _jsxs("div", { className: "relative rounded-md shadow-sm mt-5", children: [_jsx(NumericInput, { pattern: '^[0-9]*$', placeholder: "XXXXXX", maxLength: 6, name: 'Code', onChange: e => {
-                                                            /^[0-9]*$/.test(e.target.value) && handleChange(e);
-                                                        }, className: "leading-none h-12 text-2xl pl-5 text-primary-text  focus:ring-primary text-center focus:border-primary border-secondary-500 block\n                                    placeholder:text-2xl placeholder:text-center tracking-widest placeholder:font-normal placeholder:opacity-50 bg-secondary-700  w-full font-semibold rounded-md placeholder-primary-text" }), _jsx("span", { className: "flex text-sm leading-6 items-center mt-1.5", children: _jsx(TimerWithContext, { isStarted: started, seconds: timerCountdown, waitingComponent: (remainingTime) => (_jsxs("span", { className: classNames(userLockedOut && 'text-xl leading-6'), children: [_jsx("span", { children: "Resend in" }), _jsx("span", { className: 'ml-1', children: remainingTime })] })), children: _jsx("span", { onClick: handleResendCode, className: "decoration underline-offset-1 underline hover:no-underline decoration-primary hover:cursor-pointer", children: "Resend code" }) }) })] })] }), _jsxs(Widget.Footer, { children: [_jsxs("p", { className: 'text-secondary-text text-xs sm:text-sm mb-3 md:mb-5', children: [_jsx("span", { children: "By clicking Confirm you agree to Layerswap's\u00A0" }), _jsx("span", { onClick: handleOpenTerms, className: 'decoration decoration-primary underline-offset-1 underline hover:no-underline cursor-pointer', children: " Terms of Service" }), _jsx("span", { children: "\u00A0and\u00A0" }), _jsx("span", { onClick: handleOpenPrivacyPolicy, className: 'decoration decoration-primary underline-offset-1 underline hover:no-underline cursor-pointer', children: "Privacy Policy" })] }), _jsx(TimerWithContext, { isStarted: started, seconds: timerCountdown, waitingComponent: () => (_jsx(SubmitButton, { type: "submit", isDisabled: (!isValid || !!userLockedOut), isSubmitting: isSubmitting, children: userLockedOut ? 'User is locked out' : 'Confirm' })), children: _jsx(SubmitButton, { type: "submit", isDisabled: !isValid, isSubmitting: isSubmitting, children: "Confirm" }) })] })] }) })) })] }));
-};
-export default VerifyEmailCode;

package/dist/components/Pages/Auth/Steps/CodeStep/index.d.ts

@@ -1,8 +0,0 @@
-import { FC } from 'react';
-import { AuthConnectResponse } from '../../../../../Models/LayerSwapAuth';
-type Props = {
-    OnNext: (res: AuthConnectResponse) => Promise<void>;
-    disclosureLogin?: boolean;
-};
-declare const CodeStep: FC<Props>;
-export default CodeStep;

package/dist/components/Pages/Auth/Steps/CodeStep/index.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useCallback } from 'react';
-import VerifyEmailCode from './VerifyEmailCode';
-const CodeStep = ({ OnNext, disclosureLogin }) => {
-    const onSuccessfullVerifyHandler = useCallback(async (res) => {
-        await OnNext(res);
-    }, [OnNext]);
-    return (_jsx(VerifyEmailCode, { onSuccessfullVerify: onSuccessfullVerifyHandler, disclosureLogin: disclosureLogin }));
-};
-export default CodeStep;

package/dist/components/Pages/Auth/Steps/EmailStep/SendEmail.d.ts

@@ -1,7 +0,0 @@
-import { FC } from 'react';
-type Props = {
-    onSend: (email: string) => void;
-    compactLogin?: boolean;
-};
-declare const SendEmail: FC<Props>;
-export default SendEmail;

package/dist/components/Pages/Auth/Steps/EmailStep/SendEmail.js

@@ -1,60 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Album, Mail, ScrollText, User } from 'lucide-react';
-import { Field, Form, Formik } from 'formik';
-import { useCallback } from 'react';
-import toast from 'react-hot-toast';
-import { useAuthDataUpdate, useAuthState } from '../../../../../context/authContext';
-import { useTimerState } from '../../../../../context/timerContext';
-import TokenService from '../../../../../lib/TokenService';
-import LayerSwapAuthApiClient from '../../../../../lib/userAuthApiClient';
-import SubmitButton from '../../../../Buttons/submitButton';
-import { Widget } from '../../../../Widget/Index';
-const SendEmail = ({ onSend, compactLogin }) => {
-    const { codeRequested, tempEmail } = useAuthState();
-    const { setCodeRequested, updateTempEmail } = useAuthDataUpdate();
-    const initialValues = { email: tempEmail ?? "" };
-    const { start: startTimer } = useTimerState();
-    const sendEmail = useCallback(async (values) => {
-        try {
-            const inputEmail = values.email;
-            if (inputEmail != tempEmail || !codeRequested) {
-                const apiClient = new LayerSwapAuthApiClient();
-                const res = await apiClient.getCodeAsync(inputEmail);
-                if (res.error)
-                    throw new Error(res.error);
-                TokenService.setCodeNextTime(res?.data?.next);
-                setCodeRequested(true);
-                updateTempEmail(inputEmail);
-                const next = new Date(res?.data?.next);
-                const now = new Date();
-                const miliseconds = next.getTime() - now.getTime();
-                startTimer(Math.round((res?.data?.already_sent ? 60000 : miliseconds) / 1000));
-            }
-            onSend(inputEmail);
-        }
-        catch (error) {
-            if (error.response?.data?.errors?.length > 0) {
-                const message = error.response.data.errors.map(e => e.message).join(", ");
-                toast.error(message);
-            }
-            else {
-                toast.error(error.message);
-            }
-        }
-    }, [tempEmail]);
-    function validateEmail(values) {
-        let error = {};
-        if (!values.email) {
-            error.email = 'Required';
-        }
-        else if (!/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i.test(values.email)) {
-            error.email = 'Invalid email address';
-        }
-        return error;
-    }
-    return (_jsx(_Fragment, { children: _jsx(Formik, { initialValues: initialValues, onSubmit: sendEmail, validateOnMount: true, validate: validateEmail, children: ({ isValid, isSubmitting }) => (_jsx(Form, { autoComplete: 'true', className: 'w-full h-full', children: compactLogin ?
-                    _jsxs("div", { children: [_jsxs("div", { className: "w-full text-left text-base font-light", children: [_jsx("div", { className: 'flex items-center justify-between', children: _jsx("p", { className: 'text-xl text-primary-text', children: "Sign in with email" }) }), _jsx("p", { className: 'mt-2 text-left text-secondary-text', children: "Securely store your exchange accounts, access your full transfer history and more." })] }), _jsx("div", { className: "text-sm text-secondary-text font-normal mt-4", children: _jsxs("div", { className: 'grid gap-4 grid-cols-5  items-center', children: [_jsx("div", { className: "relative rounded-md shadow-sm col-span-3", children: _jsx(Field, { name: "email", children: ({ field }) => (_jsx("input", { ...field, id: 'email', placeholder: "john@example.com", autoComplete: "email", type: "email", className: "h-12 pb-1 pt-0 text-primary-text  focus:ring-primary focus:border-primary border-secondary-500 pr-42 block\n                                                   placeholder:text-secondary-text placeholder:text-sm placeholder:font-normal placeholder:opacity-50 bg-secondary-700 w-full font-semibold rounded-md" })) }) }), _jsx("div", { className: 'col-start-4 col-span-2', children: _jsx(SubmitButton, { isDisabled: !isValid, isSubmitting: isSubmitting, children: "Continue" }) })] }) })] })
-                    :
-                        _jsxs("div", { className: 'h-full flex flex-col justify-between', children: [_jsxs(Widget.Content, { center: true, children: [_jsx(User, { className: 'w-16 h-16 text-primary self-center mt-5 sm:mt-auto' }), _jsx("div", { children: _jsx("p", { className: 'mb-6 mt-2 pt-2 text-2xl font-bold text-primary-text leading-6 text-center font-roboto', children: "What's your email?" }) }), _jsx("div", { className: "relative rounded-md shadow-sm", children: _jsx(Field, { name: "email", children: ({ field }) => (_jsx("input", { ...field, id: 'email', placeholder: "john@example.com", autoComplete: "email", type: "email", className: "h-12 pb-1 pt-0 text-primary-text  focus:ring-primary focus:border-primary border-secondary-500 pr-42 block\n                                                   placeholder:text-secondary-text placeholder:text-sm placeholder:font-normal placeholder:opacity-50 bg-secondary-700 w-full font-semibold rounded-md" })) }) }), _jsxs("div", { className: 'px-3 text-primary-text mt-6', children: [_jsx("p", { className: 'text-left text-sm mb-3 text-secondary-text font-semibold', children: "By signing in you get" }), _jsxs("ul", { className: 'space-y-3', children: [_jsxs("li", { className: 'flex gap-3', children: [_jsx("div", { children: _jsx(ScrollText, { className: 'h-5 w-5 mt-0.5 text-primary' }) }), _jsxs("div", { children: [_jsx("p", { className: 'font-semibold', children: "History" }), _jsx("p", { className: 'text-secondary-text text-sm', children: "Access your entire transaction history" })] })] }), _jsxs("li", { className: 'flex gap-3', children: [_jsx("div", { children: _jsx(Mail, { className: 'h-5 w-5 mt-0.5 text-primary' }) }), _jsxs("div", { children: [_jsx("p", { className: 'font-semibold', children: "Email updates" }), _jsx("p", { className: 'text-secondary-text text-sm', children: "Get a notification upon transfer completion" })] })] }), _jsxs("li", { className: 'flex gap-3', children: [_jsx("div", { children: _jsx(Album, { className: 'h-5 w-5 mt-0.5 text-primary' }) }), _jsxs("div", { children: [_jsx("p", { className: 'font-semibold', children: "Dedicated deposit address" }), _jsx("p", { className: 'text-secondary-text text-sm', children: "Get deposit addresses that stay the same and can be whitelisted in CEXes" })] })] })] })] })] }), _jsx(Widget.Footer, { children: _jsx(SubmitButton, { isDisabled: !isValid, isSubmitting: isSubmitting, children: "Continue" }) })] }) })) }) }));
-};
-export default SendEmail;

package/dist/components/Pages/Auth/Steps/EmailStep/index.d.ts

@@ -1,7 +0,0 @@
-import { FC } from 'react';
-type Props = {
-    OnNext: () => void;
-    disclosureLogin?: boolean;
-};
-declare const EmailStep: FC<Props>;
-export default EmailStep;

package/dist/components/Pages/Auth/Steps/EmailStep/index.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import SendEmail from './SendEmail';
-const EmailStep = ({ OnNext, disclosureLogin }) => {
-    return (_jsx(_Fragment, { children: _jsx(SendEmail, { compactLogin: disclosureLogin, onSend: OnNext }) }));
-};
-export default EmailStep;

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

@@ -1,3 +0,0 @@
-import { FC } from "react";
-import { LayerswapContextProps } from "../../../context/LayerswapProvider";
-export declare const Auth: FC<LayerswapContextProps>;

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

@@ -1,32 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback } from "react";
-import { FormWizardProvider, useFormWizardaUpdate } from "../../../context/formWizardProvider";
-import { TimerProvider } from "../../../context/timerContext";
-import { AuthStep, SwapCreateStep } from "../../../Models/Wizard";
-import CodeStep from "./Steps/CodeStep";
-import EmailStep from "./Steps/EmailStep";
-import Wizard from "../../Wizard/Wizard";
-import WizardItem from "../../Wizard/WizardItem";
-import { SwapDataProvider } from "../../../context/swap";
-import { LayerswapProvider } from "../../../context/LayerswapProvider";
-const Comp = () => {
-    const { goToStep } = useFormWizardaUpdate();
-    // const router = useAppRouter();
-    const CodeOnNext = useCallback(async () => {
-        // await router.push({
-        //     pathname: "/",
-        //     query: router.query
-        // })
-        // plausible(TrackEvent.SignedIn)
-    }, []);
-    const GoBackToEmailStep = useCallback(() => goToStep(AuthStep.Email, "back"), []);
-    const GoToCodeStep = useCallback(() => goToStep(AuthStep.Code), []);
-    const handleGoBack = useCallback(() => {
-        // router.back()
-    }, []);
-    return (_jsx(TimerProvider, { children: _jsxs(Wizard, { wizardId: "auth", children: [_jsx(WizardItem, { StepName: SwapCreateStep.Email, GoBack: handleGoBack, className: "pb-6", children: _jsx(EmailStep, { OnNext: GoToCodeStep }) }), _jsx(WizardItem, { StepName: SwapCreateStep.Code, GoBack: GoBackToEmailStep, className: "pb-6", children: _jsx(CodeStep, { OnNext: CodeOnNext }) })] }) }));
-};
-export const Auth = (props) => {
-    return (_jsx(LayerswapProvider, { ...props, children: _jsx(SwapDataProvider, { children: _jsx(FormWizardProvider, { initialStep: AuthStep.Email, initialLoading: false, children: _jsx(Comp, {}) }) }) }));
-};

package/dist/components/Pages/Campaigns/Details/Leaderboard.d.ts

@@ -1,7 +0,0 @@
-import { FC } from "react";
-import { Campaign } from "../../../../lib/layerSwapApiClient";
-type Props = {
-    campaign: Campaign;
-};
-declare const Component: FC<Props>;
-export default Component;

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

@@ -1,46 +0,0 @@
-'use client';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import LayerSwapApiClient from "../../../../lib/layerSwapApiClient";
-import useSWR from "swr";
-import ClickTooltip from "../../../Common/ClickTooltip";
-import shortenAddress from "../../../utils/ShortenAddress";
-import { useAccount } from "wagmi";
-import { truncateDecimals } from "../../../utils/RoundDecimals";
-import AddressIcon from "../../../Common/AddressIcon";
-import Modal from "../../../Modal/modal";
-import { RewardsComponentLeaderboardSceleton } from "../../../Common/Sceletons";
-const Component = ({ campaign }) => {
-    const [openTopModal, setOpenTopModal] = useState(false);
-    const { address } = useAccount();
-    const handleOpenTopModal = () => {
-        setOpenTopModal(true);
-    };
-    const apiClient = new LayerSwapApiClient();
-    const { data: leaderboardData, isLoading } = useSWR(`/campaigns/${campaign?.id}/leaderboard`, apiClient.fetcher, { dedupingInterval: 60000 });
-    const { data: rewardsData, isLoading: rewardsIsLoading } = useSWR(`/campaigns/${campaign.id}/rewards/${address}`, apiClient.fetcher, { dedupingInterval: 60000 });
-    const leaderboard = leaderboardData?.data;
-    if (isLoading) {
-        return _jsx(RewardsComponentLeaderboardSceleton, {});
-    }
-    if (!leaderboard) {
-        //TODO handle
-        return _jsx(_Fragment, {});
-    }
-    const rewards = rewardsData?.data;
-    const network = campaign.network;
-    const position = rewards?.user_reward.position || NaN;
-    const token = campaign.token;
-    const leaderboardRewards = [
-        leaderboard.leaderboard_budget * 0.6,
-        leaderboard.leaderboard_budget * 0.3,
-        leaderboard.leaderboard_budget * 0.1
-    ];
-    return _jsxs("div", { className: "space-y-2", children: [leaderboard?.leaderboard?.length > 0 &&
-                _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("p", { className: "font-bold text-left leading-5 text-primary-text", children: "Leaderboard" }), _jsx("button", { onClick: handleOpenTopModal, type: "button", className: " leading-4 text-base text-primary underline hover:no-underline hover:text-primary/80", children: "Top 10" })] }), _jsx("p", { className: "text-sm text-secondary-text", children: "Users who earn the most throughout the program will be featured here." }), _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", children: leaderboard?.leaderboard?.length > 0 ? _jsxs("div", { className: "space-y-6", children: [leaderboard?.leaderboard?.filter(u => u.position < 4).map(user => (_jsxs("div", { className: "items-center flex justify-between", children: [_jsxs("div", { className: "flex items-center", children: [_jsxs("p", { className: "text-xl font-medium text-primary-text w-fit mr-1", children: [user.position, "."] }), _jsxs("div", { className: "cols-start-2 flex items-center space-x-2", children: [_jsx(AddressIcon, { address: user.address, size: 25 }), _jsxs("div", { children: [_jsx("div", { className: "text-sm font-bold text-primary-text leading-3", children: user?.address && network?.account_explorer_template && _jsx("a", { target: "_blank", className: "hover:opacity-80", href: network?.account_explorer_template?.replace("{0}", user?.address), children: user?.position === rewards?.user_reward?.position ? _jsx("span", { className: "text-primary", children: "You" }) : shortenAddress(user?.address) }) }), _jsxs("p", { className: "mt-1 text-sm font-medium text-secondary-text leading-3", children: [truncateDecimals(user.amount, token?.precision), " ", token.symbol] })] })] })] }), leaderboard.leaderboard_budget > 0 && _jsx("div", { className: "text-right flex items-center space-x-2", children: _jsx(ClickTooltip, { text: _jsxs("div", { className: "flex items-center space-x-1", children: [_jsx("span", { children: "+" }), _jsx("div", { className: "h-3.5 w-3.5 relative", children: _jsx("img", { src: network?.logo || '', alt: "Project Logo", height: "40", width: "40", loading: "eager", className: "rounded-full object-contain" }) }), _jsx("p", { children: _jsxs("span", { children: [leaderboardRewards[user.position - 1], " ", token?.symbol] }) })] }) }) })] }, user.position))), position >= 4 && address && rewards?.user_reward &&
-                                _jsxs("div", { className: position > 4 ? "!mt-0 !pt-0" : "", children: [position > 4 && _jsx("div", { className: "text-2xl text-center leading-3 text-secondary-text my-3", children: "..." }), _jsx("div", { className: "items-center flex justify-between", children: _jsxs("div", { className: "flex items-center", children: [_jsxs("p", { className: "text-xl font-medium text-primary-text w-fit mr-1", children: [position, "."] }), _jsxs("div", { className: "cols-start-2 flex items-center space-x-2", children: [_jsx(AddressIcon, { address: address, size: 25 }), _jsxs("div", { children: [_jsx("div", { className: "text-sm font-bold text-primary-text leading-3", children: network?.account_explorer_template && _jsx("a", { target: "_blank", className: "hover:opacity-80", href: network?.account_explorer_template?.replace("{0}", address), children: _jsx("span", { className: "text-primary", children: "You" }) }) }), _jsxs("p", { className: "mt-1 text-sm font-medium text-secondary-text leading-3", children: [truncateDecimals(rewards.user_reward.total_amount, token?.precision), " ", token?.symbol] })] })] })] }) }, position)] })] })
-                        :
-                            _jsx("div", { className: "h-8 flex flex-col justify-center items-center text-sm", children: "Here will be leaderboard." }) }) }), _jsx(Modal, { height: "full", header: 'Leaderboard', show: openTopModal, setShow: setOpenTopModal, modalId: "leaderBoard", children: _jsx("div", { className: "bg-secondary-700 border border-secondary-700 mt-2 hover:border-secondary-500 transition duration-200 rounded-lg shadow-lg text-secondary-text", children: _jsx("div", { className: "p-3", children: _jsx("div", { className: "space-y-6", children: leaderboard?.leaderboard?.map(user => (_jsxs("div", { className: "items-center flex justify-between", children: [_jsxs("div", { className: "flex items-center", children: [_jsxs("p", { className: "text-xl font-medium text-primary-text w-fit mr-1", children: [user.position, "."] }), _jsxs("div", { className: "cols-start-2 flex items-center space-x-2", children: [_jsx(AddressIcon, { address: user.address, size: 25 }), _jsxs("div", { children: [_jsx("div", { className: "text-sm font-bold text-primary-text leading-3", children: user?.address && network?.account_explorer_template && _jsx("a", { target: "_blank", className: "hover:opacity-80", href: network?.account_explorer_template?.replace("{0}", user?.address), children: user.position === rewards?.user_reward?.position ? _jsx("span", { className: "text-primary", children: "You" }) : shortenAddress(user.address) }) }), _jsxs("p", { className: "mt-1 text-sm font-medium text-secondary-text leading-3", children: [truncateDecimals(user.amount, token?.precision), " ", token?.symbol] })] })] })] }), user.position < 4 && leaderboard.leaderboard_budget > 0 &&
-                                        _jsx("div", { className: "text-right flex items-center space-x-2", children: _jsx(ClickTooltip, { text: _jsxs("div", { className: "flex items-center space-x-1", children: [_jsx("span", { children: "+" }), _jsx("div", { className: "h-3.5 w-3.5 relative", children: _jsx("img", { src: network?.logo || '', alt: "Address Logo", height: "40", width: "40", loading: "eager", className: "rounded-full object-contain" }) }), _jsx("p", { children: _jsxs("span", { children: [leaderboardRewards[user.position - 1], " ", token?.symbol] }) })] }) }) })] }, user.position))) }) }) }) })] });
-};
-export default Component;

package/dist/components/Pages/Campaigns/Details/ProgressBar.d.ts

@@ -1,4 +0,0 @@
-import * as React from "react";
-import * as ProgressPrimitive from "@radix-ui/react-progress";
-declare const Progress: React.ForwardRefExoticComponent<Omit<ProgressPrimitive.ProgressProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { Progress };

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

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import * as ProgressPrimitive from "@radix-ui/react-progress";
-import { classNames } from "../../../utils/classNames";
-const Progress = React.forwardRef(({ className, value, ...props }, ref) => (_jsx(ProgressPrimitive.Root, { ref: ref, className: classNames("relative h-4 w-full overflow-hidden rounded-full bg-primary/20", className), ...props, children: _jsx(ProgressPrimitive.Indicator, { className: "h-full w-full flex-1 transition-all bg-primary", style: { transform: `translateX(-${100 - (value || 0)}%)` } }) })));
-Progress.displayName = ProgressPrimitive.Root.displayName;
-export { Progress };

package/dist/components/Pages/Campaigns/Details/Rewards.d.ts

@@ -1,7 +0,0 @@
-import { FC } from "react";
-import { Campaign } from "../../../../lib/layerSwapApiClient";
-type Props = {
-    campaign: Campaign;
-};
-declare const Rewards: FC<Props>;
-export default Rewards;

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

@@ -1,49 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import BackgroundField from "../../../Common/backgroundField";
-import { Clock } from "lucide-react";
-import LayerSwapApiClient from "../../../../lib/layerSwapApiClient";
-import useSWR from "swr";
-import ClickTooltip from "../../../Common/ClickTooltip";
-import shortenAddress from "../../../utils/ShortenAddress";
-import useWallet from "../../../../hooks/useWallet";
-import { Progress } from "./ProgressBar";
-import { RewardsComponentSceleton } from "../../../Common/Sceletons";
-const Rewards = ({ campaign }) => {
-    const network = campaign?.network;
-    const { provider } = useWallet(network, 'autofil');
-    const wallet = provider?.activeWallet;
-    const address = wallet?.address;
-    const apiClient = new LayerSwapApiClient();
-    const { data: rewardsData, isLoading: rewardsIsLoading } = useSWR(`/campaigns/${campaign.id}/rewards/${address}`, apiClient.fetcher, { dedupingInterval: 60000 });
-    const { data: payoutsData, isLoading: payoutsIsLoading } = useSWR(`/campaigns/${campaign.id}/payouts/${address}`, apiClient.fetcher, { dedupingInterval: 60000 });
-    if (rewardsIsLoading || payoutsIsLoading) {
-        return _jsx(RewardsComponentSceleton, {});
-    }
-    const payouts = payoutsData?.data || [];
-    const rewards = rewardsData?.data;
-    const campaignEndDate = new Date(campaign.end_date);
-    const now = new Date();
-    const next = rewards?.next_airdrop_date ? new Date(rewards?.next_airdrop_date) : null;
-    const difference_in_days = next ?
-        Math.floor(Math.abs(((next.getTime() - now.getTime())) / (1000 * 3600 * 24))) : null;
-    const difference_in_hours = (next && difference_in_days) ?
-        Math.round(Math.abs(((next.getTime() - now.getTime())) / (1000 * 3600) - (difference_in_days * 24)))
-        : null;
-    const campaignIsEnded = (campaignEndDate.getTime() - now.getTime()) < 0;
-    return _jsxs(_Fragment, { children: [_jsxs("div", { className: "space-y-4", children: [_jsx("div", { className: "text-secondary-text", children: _jsx("span", { children: campaign.description ?
-                                _jsx("span", { children: campaign.description })
-                                :
-                                    _jsxs(_Fragment, { children: [_jsx("span", { children: "Onboarding incentives that are earned by transferring to\u00A0" }), network?.display_name, _jsx("span", { children: ".\u00A0" })] }) }) }), _jsxs("div", { className: "bg-secondary-700 divide-y divide-secondary-500 rounded-lg shadow-lg border border-secondary-700 hover:border-secondary-500 transition duration-200", children: [!campaignIsEnded &&
-                                _jsx(BackgroundField, { header: _jsxs("span", { className: "flex justify-between", children: [_jsxs("span", { className: "flex items-center", children: [_jsx("span", { children: "Pending Earnings\u00A0" }), _jsx(ClickTooltip, { text: `${campaign.token.symbol} tokens that will be airdropped periodically.` }), " "] }), _jsx("span", { children: "Next Airdrop" })] }), withoutBorder: true, children: _jsxs("div", { className: "flex justify-between w-full text-2xl", children: [_jsxs("div", { className: "flex items-center space-x-1", children: [_jsx("div", { className: "h-5 w-5 relative", children: _jsx("img", { src: campaign.token?.logo || '', alt: "Project Logo", height: "40", width: "40", loading: "eager", className: "rounded-full object-contain" }) }), _jsxs("p", { children: [rewards?.user_reward.total_pending_amount, " ", _jsx("span", { className: "text-base sm:text-2xl", children: campaign.token.symbol })] })] }), _jsxs("div", { className: "flex items-center space-x-1", children: [_jsx(Clock, { className: "h-5" }), _jsxs("p", { children: [difference_in_days, "d ", difference_in_hours, "h"] })] })] }) }), _jsx(BackgroundField, { header: _jsxs("span", { className: "flex justify-between", children: [_jsxs("span", { className: "flex items-center", children: [_jsx("span", { children: "Total Earnings\u00A0" }), _jsx(ClickTooltip, { text: `${campaign.token.symbol} tokens that you've earned so far (including Pending Earnings).` })] }), _jsx("span", { children: "Current Value" })] }), withoutBorder: true, children: _jsxs("div", { className: "flex justify-between w-full text-slate-300 text-2xl", children: [_jsxs("div", { className: "flex items-center space-x-1", children: [_jsx("div", { className: "h-5 w-5 relative", children: _jsx("img", { src: campaign.token?.logo || '', alt: "Project Logo", height: "40", width: "40", loading: "eager", className: "rounded-full object-contain" }) }), _jsxs("p", { children: [rewards?.user_reward.total_amount, " ", _jsx("span", { className: "text-base sm:text-2xl", children: campaign.token.symbol })] })] }), _jsxs("p", { children: [_jsx("span", { children: "$" }), _jsx("span", { children: rewards?.user_reward?.total_amount_in_usd.toFixed(rewards?.user_reward?.total_amount_in_usd > 0 ? 2 : 0) || 0 })] })] }) })] })] }), _jsx(ProgressComponent, { campaign: campaign, rewardsData: rewardsData?.data }), payouts.length > 0 &&
-                _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "font-bold text-lg text-left", children: "Payouts" }), _jsx("div", { className: " bg-secondary-700 divide-y divide-secondary-300 rounded-lg shadow-lg border border-secondary-700 hover:border-secondary-500 transition duration-200", children: _jsx("div", { className: "inline-block min-w-full align-middle", children: _jsx("div", { className: "overflow-hidden shadow ring-1 ring-black ring-opacity-5 sm:rounded-lg", children: _jsxs("table", { className: "min-w-full divide-y divide-secondary-500", children: [_jsx("thead", { className: "bg-secondary-800/70", children: _jsxs("tr", { children: [_jsx("th", { scope: "col", className: "py-3.5 pl-4 text-left text-sm font-semibold  sm:pl-6", children: "Tx Id" }), _jsx("th", { scope: "col", className: "px-3 py-3.5 text-left text-sm font-semibold ", children: "Amount" }), _jsx("th", { scope: "col", className: "px-3 py-3.5 text-left text-sm font-semibold ", children: "Date" })] }) }), _jsx("tbody", { className: "divide-y divide-secondary-600", children: payouts.map((payout) => (_jsxs("tr", { children: [_jsx("td", { className: "whitespace-nowrap py-4 pl-4 pr-3 text-sm font-medium text-primary-text sm:pl-6 underline hover:no-underline", children: _jsx("a", { target: "_blank", href: network?.transaction_explorer_template?.replace("{0}", payout.transaction_id), children: shortenAddress(payout.transaction_id) }) }), _jsx("td", { className: "whitespace-nowrap px-3 py-4 text-sm text-gray-100", children: payout.amount }), _jsx("td", { className: "px-3 py-4 text-sm text-gray-100", children: new Date(payout.date).toLocaleString() })] }, payout.transaction_id))) })] }) }) }) })] })] });
-};
-const ProgressComponent = ({ campaign, rewardsData }) => {
-    if (campaign.max_payout_amount) {
-        const weeklyEarned = rewardsData?.user_reward.period_pending_amount || 0;
-        return _jsx("div", { className: "bg-secondary-700 rounded-lg shadow-lg border border-secondary-700 hover:border-secondary-500 transition duration-200", children: _jsx(BackgroundField, { header: _jsx("p", { children: "Weekly reward earned" }), withoutBorder: true, children: _jsxs("div", { className: "flex flex-col w-full gap-2", children: [_jsx(Progress, { value: weeklyEarned === Infinity ? 0 : weeklyEarned }), _jsxs("div", { className: "flex justify-between w-full font-semibold text-sm ", children: [_jsxs("div", { className: "text-primary", children: [_jsx("span", { className: "text-primary-text", children: weeklyEarned.toFixed(0) }), " ", _jsx("span", { children: "/" }), " ", campaign.max_payout_amount, " ", campaign.token.symbol] }), _jsx("div", { children: "Refreshes every 7 days" })] })] }) }) });
-    }
-    const DistributedAmount = ((campaign.distributed_amount / campaign.total_budget) * 100);
-    const totalBudget = campaign.total_budget;
-    return (_jsx("div", { className: "bg-secondary-700 rounded-lg shadow-lg border border-secondary-700 hover:border-secondary-500 transition duration-200", children: _jsx(BackgroundField, { header: _jsx(_Fragment, { children: _jsxs("div", { className: "flex items-center", children: [_jsxs("span", { children: [campaign.token.symbol, " pool"] }), _jsx(ClickTooltip, { text: `The amount of ${campaign.token.symbol} to be distributed during this round of the campaign.` })] }) }), withoutBorder: true, children: _jsxs("div", { className: "flex flex-col w-full gap-2", children: [_jsx(Progress, { value: DistributedAmount === Infinity ? 0 : DistributedAmount }), _jsx("div", { className: "flex justify-between w-full font-semibold text-sm ", children: _jsxs("div", { className: "text-primary", children: [_jsx("span", { className: "text-primary-text", children: campaign?.distributed_amount.toFixed(0) }), " ", _jsx("span", { children: "/" }), " ", totalBudget, " ", campaign.token.symbol] }) })] }) }) }));
-};
-export default Rewards;

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

@@ -1,8 +0,0 @@
-import { FC } from "react";
-import { LayerswapContextProps } from "../../../../context/LayerswapProvider";
-export declare const CampaignDetailsComponent: FC<{
-    campaignName: string;
-}>;
-export declare const CampaignDetails: FC<LayerswapContextProps & {
-    campaignName: string;
-}>;