@layerswap/widget 0.1.20 → 1.0.0-alpha1.1

package/dist/Models/Wizard.d.ts

@@ -1,69 +0,0 @@
-import { FC } from "react";
-export type FormSteps = "SwapForm" | "Email" | "Code" | "OffRampExchangeOAuth" | "ExchangeOAuth" | "ExchangeApiCredentials" | "SwapConfirmation";
-export type SwapSteps = "Email" | "Code" | "Overview" | "Withdrawal" | "OffRampWithdrawal" | "Processing" | "Success" | "Failed" | "ExternalPayment";
-export type LoginSteps = "Email" | "Code";
-export type BaseWizard = {
-    [key: string]: SwapCreateStep;
-};
-export type FormWizardSteps = {
-    [Property in FormSteps]: SwapCreateStep;
-};
-export type SwapWizardSteps = {
-    [Property in SwapSteps]: SwapCreateStep;
-};
-export type LoginWizardSteps = {
-    [Property in LoginSteps]: SwapCreateStep;
-};
-export declare enum SwapCreateStep {
-    MainForm = "MainForm",
-    Email = "Email",
-    Code = "Code",
-    PendingSwaps = "PendingSwaps",
-    AuthorizeCoinbaseWithdrawal = "AuthorizeCoinbaseWithdrawal",
-    OffRampOAuth = "OffRampOAuth",
-    ApiKey = "ApiKey",
-    TwoFactor = "TwoFactor",
-    ActiveSwapLimit = "ActiveSwapLimit",
-    Error = "Error"
-}
-export declare enum SwapWithdrawalStep {
-    Withdrawal = "Withdrawal",
-    CoinbaseManualWithdrawal = "CoinbaseManualWithdrawal",
-    SwapProcessing = "SwapProcessing",
-    ProcessingWalletTransaction = "ProcessingWalletTransaction",
-    Success = "Success",
-    Failed = "Failed",
-    Error = "Error",
-    Delay = "Delay",
-    OffRampWithdrawal = "OffRampWithdrawal",
-    WithdrawFromImtblx = "WithdrawFromImtblx",
-    WithdrawFromStarknet = "WithdrawFromStarknet",
-    SelectWithdrawalType = "SelectWithdrawalType",
-    CoinbaseInternalWithdrawal = "CoinbaseInternalWithdrawal"
-}
-export declare enum AuthStep {
-    Email = "Email",
-    Code = "Code",
-    PendingSwaps = "PendingSwaps"
-}
-export declare enum MenuStep {
-    Menu = "Menu",
-    Transactions = "Transactions",
-    TransactionDetails = "Transaction Details",
-    Campaigns = "Campaigns",
-    CampaignDetails = "Campaign Details"
-}
-export type Steps = AuthStep | SwapWithdrawalStep | SwapCreateStep | MenuStep;
-export declare const ExchangeAuthorizationSteps: {
-    [key: string]: SwapCreateStep;
-};
-export declare const OfframpExchangeAuthorizationSteps: {
-    [key: string]: SwapCreateStep;
-};
-export declare class WizardStep<T> {
-    Name: T;
-    Content: FC;
-    onBack?: () => void;
-    onNext?: (data?: any) => Promise<void>;
-    positionPercent?: number;
-}

package/dist/Models/Wizard.js

@@ -1,53 +0,0 @@
-export var SwapCreateStep;
-(function (SwapCreateStep) {
-    SwapCreateStep["MainForm"] = "MainForm";
-    SwapCreateStep["Email"] = "Email";
-    SwapCreateStep["Code"] = "Code";
-    SwapCreateStep["PendingSwaps"] = "PendingSwaps";
-    SwapCreateStep["AuthorizeCoinbaseWithdrawal"] = "AuthorizeCoinbaseWithdrawal";
-    SwapCreateStep["OffRampOAuth"] = "OffRampOAuth";
-    SwapCreateStep["ApiKey"] = "ApiKey";
-    SwapCreateStep["TwoFactor"] = "TwoFactor";
-    SwapCreateStep["ActiveSwapLimit"] = "ActiveSwapLimit";
-    SwapCreateStep["Error"] = "Error";
-})(SwapCreateStep || (SwapCreateStep = {}));
-export var SwapWithdrawalStep;
-(function (SwapWithdrawalStep) {
-    SwapWithdrawalStep["Withdrawal"] = "Withdrawal";
-    SwapWithdrawalStep["CoinbaseManualWithdrawal"] = "CoinbaseManualWithdrawal";
-    SwapWithdrawalStep["SwapProcessing"] = "SwapProcessing";
-    SwapWithdrawalStep["ProcessingWalletTransaction"] = "ProcessingWalletTransaction";
-    SwapWithdrawalStep["Success"] = "Success";
-    SwapWithdrawalStep["Failed"] = "Failed";
-    SwapWithdrawalStep["Error"] = "Error";
-    SwapWithdrawalStep["Delay"] = "Delay";
-    SwapWithdrawalStep["OffRampWithdrawal"] = "OffRampWithdrawal";
-    SwapWithdrawalStep["WithdrawFromImtblx"] = "WithdrawFromImtblx";
-    SwapWithdrawalStep["WithdrawFromStarknet"] = "WithdrawFromStarknet";
-    SwapWithdrawalStep["SelectWithdrawalType"] = "SelectWithdrawalType";
-    SwapWithdrawalStep["CoinbaseInternalWithdrawal"] = "CoinbaseInternalWithdrawal";
-})(SwapWithdrawalStep || (SwapWithdrawalStep = {}));
-export var AuthStep;
-(function (AuthStep) {
-    AuthStep["Email"] = "Email";
-    AuthStep["Code"] = "Code";
-    AuthStep["PendingSwaps"] = "PendingSwaps";
-})(AuthStep || (AuthStep = {}));
-export var MenuStep;
-(function (MenuStep) {
-    MenuStep["Menu"] = "Menu";
-    MenuStep["Transactions"] = "Transactions";
-    MenuStep["TransactionDetails"] = "Transaction Details";
-    MenuStep["Campaigns"] = "Campaigns";
-    MenuStep["CampaignDetails"] = "Campaign Details";
-})(MenuStep || (MenuStep = {}));
-export const ExchangeAuthorizationSteps = {
-    "api_credentials": SwapCreateStep.ApiKey,
-    "o_auth2": SwapCreateStep.AuthorizeCoinbaseWithdrawal
-};
-export const OfframpExchangeAuthorizationSteps = {
-    "api_credentials": SwapCreateStep.ApiKey,
-    "o_auth2": SwapCreateStep.OffRampOAuth
-};
-export class WizardStep {
-}

package/dist/components/Buttons/connectButton.d.ts

@@ -1,6 +0,0 @@
-import { ReactNode } from "react";
-declare const ConnectButton: ({ children, className, }: {
-    children: ReactNode;
-    className?: string;
-}) => import("react/jsx-runtime").JSX.Element;
-export default ConnectButton;

package/dist/components/Buttons/connectButton.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import useWallet from "../../hooks/useWallet";
-import { useConnectModal } from "../Wallet/WalletModal";
-const ConnectButton = ({ children, className, }) => {
-    const { providers } = useWallet();
-    const filteredProviders = providers.filter(p => !!p.autofillSupportedNetworks);
-    const { connect } = useConnectModal();
-    return (_jsx("button", { onClick: async () => { await connect(); }, type: "button", "aria-label": "Connect wallet", disabled: filteredProviders.length == 0, className: `${className} disabled:opacity-50 disabled:cursor-not-allowed `, children: children }));
-};
-export default ConnectButton;

package/dist/components/Buttons/copyButton.d.ts

@@ -1,10 +0,0 @@
-import React, { FC } from 'react';
-interface CopyButtonProps {
-    className?: string;
-    toCopy: string | number;
-    children?: React.ReactNode;
-    iconSize?: number;
-    iconClassName?: string;
-}
-declare const CopyButton: FC<CopyButtonProps>;
-export default CopyButton;

package/dist/components/Buttons/copyButton.js

@@ -1,17 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Check, Copy } from 'lucide-react';
-import { classNames } from '../utils/classNames';
-import { useState } from 'react';
-import { Tooltip, TooltipContent, TooltipTrigger } from '../shadcn/tooltip';
-import { useCopyToClipboard } from '@uidotdev/usehooks';
-const CopyButton = ({ className, toCopy, children, iconSize, iconClassName }) => {
-    const [isCopied, setCopied] = useCopyToClipboard();
-    const [isTooltipOpen, setTooltipOpen] = useState(false);
-    const handleCopyClick = () => {
-        setCopied(toCopy.toString());
-        setTooltipOpen(true);
-    };
-    return (_jsxs(Tooltip, { open: isTooltipOpen, onOpenChange: setTooltipOpen, children: [_jsx(TooltipTrigger, { children: _jsx("div", { className: classNames(className), onClick: handleCopyClick, children: isCopied ? (_jsxs("div", { className: "flex items-center gap-1 cursor-pointer", children: [_jsx(Check, { className: iconClassName, width: iconSize ? iconSize : 16, height: iconSize ? iconSize : 16 }), children] })) : (_jsxs("div", { className: "flex items-center gap-1 cursor-pointer", children: [_jsx(Copy, { className: iconClassName, width: iconSize ? iconSize : 16, height: iconSize ? iconSize : 16 }), children] })) }) }), _jsx(TooltipContent, { children: _jsx("p", { children: isCopied ? "Copied" : "Copy" }) })] }));
-};
-export default CopyButton;

package/dist/components/Buttons/exploreButton.d.ts

@@ -1,9 +0,0 @@
-import React, { AnchorHTMLAttributes, FC } from 'react';
-interface ExploreButtonProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
-    className?: string;
-    children?: React.ReactNode;
-    iconSize?: number;
-    iconClassName?: string;
-}
-declare const ExploreButton: FC<ExploreButtonProps>;
-export default ExploreButton;

package/dist/components/Buttons/iconButton.d.ts

@@ -1,6 +0,0 @@
-import React, { ComponentProps } from 'react';
-interface IconButtonProps extends Omit<ComponentProps<'button'>, 'color' | 'ref'> {
-    icon?: React.ReactNode;
-}
-declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
-export default IconButton;

package/dist/components/Buttons/iconButton.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import { classNames } from '../utils/classNames';
-const IconButton = forwardRef(function IconButton({ className, icon, ...props }, ref) {
-    const theirProps = props;
-    return (_jsxs("button", { ...theirProps, type: "button", className: classNames("py-1.5 justify-self-start text-secondary-text hover:bg-secondary-500 hover:text-primary-text focus:outline-none inline-flex rounded-lg items-center", className), children: [_jsx("div", { className: 'mx-2', children: _jsx("div", { children: icon }) }), _jsx("span", { className: "sr-only", children: "Icon description" })] }));
-});
-export default IconButton;

package/dist/components/Buttons/secondaryButton.d.ts

@@ -1,8 +0,0 @@
-import { ButtonHTMLAttributes, FC } from "react";
-type buttonSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-type SecondaryButtonProps = {
-    size?: buttonSize;
-    children: React.ReactNode;
-};
-declare const SecondaryButton: FC<ButtonHTMLAttributes<HTMLButtonElement> & SecondaryButtonProps>;
-export default SecondaryButton;

package/dist/components/Buttons/secondaryButton.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const SecondaryButton = (props) => {
-    const size = props.size || 'md';
-    let defaultStyle = `rounded-md duration-200 break-keep transition bg-secondary-500 hover:bg-secondary-400 border border-secondary-400 hover:border-secondary-200 font-semibold text-primary-buttonTextColor shadow-sm cursor-pointer ${props.className} `;
-    switch (size) {
-        case 'xs':
-            defaultStyle += " px-2 py-1 text-xs";
-            break;
-        case 'sm':
-            defaultStyle += " px-2 py-1 text-sm";
-            break;
-        case 'md':
-            defaultStyle += " px-2.5 py-1.5 text-sm";
-            break;
-        case 'lg':
-            defaultStyle += " px-3 py-2 text-sm";
-            break;
-        case 'xl':
-            defaultStyle += " px-3.5 py-2.5 text-sm";
-            break;
-    }
-    return (_jsx("button", { ...props, type: "button", className: defaultStyle, children: props.children }));
-};
-export default SecondaryButton;

package/dist/components/Buttons/submitButton.d.ts

@@ -1,27 +0,0 @@
-import { FC, MouseEventHandler } from "react";
-type buttonStyle = 'outline' | 'filled';
-type buttonSize = 'small' | 'medium' | 'large';
-type text_align = 'center' | 'left';
-type button_align = 'left' | 'right';
-export declare class SubmitButtonProps {
-    isDisabled?: boolean;
-    isSubmitting?: boolean;
-    type?: 'submit' | 'reset' | 'button' | undefined;
-    onClick?: MouseEventHandler<HTMLButtonElement> | undefined;
-    icon?: React.ReactNode;
-    buttonStyle?: buttonStyle;
-    size?: buttonSize;
-    text_align?: text_align;
-    button_align?: button_align;
-    className?: string;
-    children?: React.ReactNode;
-}
-declare const SubmitButton: FC<SubmitButtonProps>;
-type DoubleLineTextProps = {
-    primaryText: string;
-    secondarytext: string;
-    colorStyle: 'mltln-text-light' | 'mltln-text-dark';
-    reversed?: boolean;
-};
-export declare const DoubleLineText: ({ primaryText, secondarytext, colorStyle, reversed }: DoubleLineTextProps) => import("react/jsx-runtime").JSX.Element;
-export default SubmitButton;

package/dist/components/Buttons/submitButton.js

@@ -1,45 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import SpinIcon from "../Icons/spinIcon";
-export class SubmitButtonProps {
-    constructor() {
-        this.buttonStyle = 'filled';
-        this.size = 'medium';
-        this.text_align = 'center';
-        this.button_align = 'left';
-    }
-}
-function constructClassNames(size, buttonStyle) {
-    let defaultStyle = ' border border-primary disabled:border-primary-900 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 transform hover:brightness-125 transition duration-200 ease-in-out';
-    defaultStyle += buttonStyle == 'filled' ? " bg-primary text-primary-actionButtonText" : " text-primary";
-    switch (size) {
-        case 'large':
-            defaultStyle += " py-4 px-4";
-            break;
-        case 'medium':
-            defaultStyle += " py-3 px-2 md:px-3";
-            break;
-        case 'small':
-            defaultStyle += " py-1.5 px-1.5";
-            break;
-    }
-    return defaultStyle;
-}
-const SubmitButton = ({ isDisabled, isSubmitting, icon, children, type, onClick, buttonStyle = 'filled', size = 'medium', text_align = 'center', button_align = 'left', className }) => {
-    return (_jsxs("button", { disabled: isDisabled || isSubmitting, type: type, onClick: onClick, className: `${constructClassNames(size, buttonStyle)} ${className}`, children: [_jsxs("span", { className: `${button_align === "right" ? 'order-last' : 'order-first'} ${text_align === 'center' ? "absolute left-0 inset-y-0 flex items-center pl-3" : "relative"}`, children: [(!isDisabled && !isSubmitting) && icon, isSubmitting ?
-                        _jsx(SpinIcon, { className: "animate-spin h-5 w-5" })
-                        : null] }), _jsx("span", { className: `grow ${text_align === 'left' ? 'text-left' : 'text-center'}`, children: children })] }));
-};
-const text_styles = {
-    'mltln-text-light': {
-        primary: 'text-primary-actionButtonText',
-        secondary: 'text-primary-100'
-    },
-    'mltln-text-dark': {
-        primary: 'text-primary',
-        secondary: 'text-primary-600'
-    }
-};
-export const DoubleLineText = ({ primaryText, secondarytext, colorStyle, reversed }) => {
-    return _jsxs("div", { className: `leading-3 flex ${reversed ? 'flex-col-reverse' : 'flex-col'}`, children: [_jsx("div", { className: `text-xs ${text_styles[colorStyle].secondary}`, children: secondarytext }), _jsx("div", { className: `${text_styles[colorStyle].primary}`, children: primaryText })] });
-};
-export default SubmitButton;

package/dist/components/Buttons/swapButton.d.ts

@@ -1,11 +0,0 @@
-import { FC, MouseEventHandler } from "react";
-export interface SwapButtonProps {
-    isDisabled: boolean;
-    isSubmitting: boolean;
-    type?: 'submit' | 'reset' | 'button' | undefined;
-    onClick?: MouseEventHandler<HTMLButtonElement> | undefined;
-    className?: string;
-    children?: React.ReactNode;
-}
-declare const SwapButton: FC<SwapButtonProps>;
-export default SwapButton;

package/dist/components/Buttons/swapButton.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { ArrowLeftRight } from "lucide-react";
-import SubmitButton from "./submitButton";
-const SwapButton = (props) => {
-    const swapIcon = _jsx(ArrowLeftRight, { className: "h-5 w-5", "aria-hidden": "true" });
-    return (_jsx(SubmitButton, { icon: swapIcon, ...props }));
-};
-export default SwapButton;

package/dist/components/Buttons/toggleButton.d.ts

@@ -1,8 +0,0 @@
-import { FC } from 'react';
-export declare class ToggleButtonProps {
-    value: boolean;
-    onChange: (isChecked: boolean) => void;
-    disabled?: boolean;
-}
-declare const ToggleButton: FC<ToggleButtonProps>;
-export default ToggleButton;

package/dist/components/Buttons/toggleButton.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Switch } from '@headlessui/react';
-import { classNames } from '../utils/classNames';
-export class ToggleButtonProps {
-}
-const ToggleButton = ({ onChange, value, disabled = false }) => {
-    return (_jsxs(Switch, { checked: value, onChange: onChange, disabled: disabled, className: classNames(value ? 'bg-primary' : 'bg-secondary-500', 'relative inline-flex flex-shrink-0 h-6 w-11 border-2 border-transparent rounded-full cursor-pointer transition-colors ease-in-out duration-200 focus:outline-none'), children: [_jsx("span", { className: "sr-only", children: "Use setting" }), _jsxs("span", { className: classNames(value ? 'translate-x-5 bg-primary-text' : 'bg-secondary-200 translate-x-0', 'pointer-events-none relative inline-block h-5 w-5 rounded-full shadow transform ring-0 transition ease-in-out duration-200'), children: [_jsx("span", { className: classNames(value ? 'opacity-0 ease-out duration-100' : 'opacity-100 ease-in duration-200', 'absolute inset-0 h-full w-full flex items-center justify-center transition-opacity'), "aria-hidden": "true", children: _jsx("svg", { className: "h-3 w-3 text-primary-text", fill: "none", viewBox: "0 0 12 12", children: _jsx("path", { d: "M4 8l2-2m0 0l2-2M6 6L4 4m2 2l2 2", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }) }) }), _jsx("span", { className: classNames(value ? 'opacity-100 ease-in duration-200' : 'opacity-0 ease-out duration-100', 'absolute inset-0 h-full w-full flex items-center justify-center transition-opacity'), "aria-hidden": "true", children: _jsx("svg", { className: "h-3 w-3 text-primary-800", fill: "currentColor", viewBox: "0 0 12 12", children: _jsx("path", { d: "M3.707 5.293a1 1 0 00-1.414 1.414l1.414-1.414zM5 8l-.707.707a1 1 0 001.414 0L5 8zm4.707-3.293a1 1 0 00-1.414-1.414l1.414 1.414zm-7.414 2l2 2 1.414-1.414-2-2-1.414 1.414zm3.414 2l4-4-1.414-1.414-4 4 1.414 1.414z" }) }) })] })] }));
-};
-export default ToggleButton;

package/dist/components/ColorSchema.d.ts

@@ -1,7 +0,0 @@
-import { FC } from "react";
-import { ThemeData } from "../Models/Theme";
-type Props = {
-    themeData?: ThemeData | null;
-};
-declare const ColorSchema: FC<Props>;
-export default ColorSchema;

package/dist/components/ColorSchema.js

@@ -1,87 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { THEME_COLORS } from "../Models/Theme";
-const BORDER_RADIUS_VALUES = {
-    small: 6,
-    medium: 8,
-    large: 12,
-    extraLarge: 16
-};
-const adjustBorderRadius = (key, borderRadiusType) => {
-    if (borderRadiusType === 'none')
-        return '0';
-    const values = {
-        small: { small: 4, medium: 6, large: 8, extraLarge: 10 },
-        medium: { small: 6, medium: 8, large: 10, extraLarge: 12 },
-        large: { small: 8, medium: 10, large: 12, extraLarge: 14 },
-        extraLarge: { small: 10, medium: 12, large: 14, extraLarge: 16 },
-    };
-    const selected = values[borderRadiusType];
-    if (!selected) {
-        return `${BORDER_RADIUS_VALUES[key]}px`;
-    }
-    return `${selected[key]}px`;
-};
-const ColorSchema = ({ themeData }) => {
-    const fallbackTheme = THEME_COLORS.default;
-    const backdrop = themeData?.backdrop || fallbackTheme.backdrop;
-    const logo = themeData?.logo || fallbackTheme.logo;
-    const actionButtonText = themeData?.actionButtonText || fallbackTheme.actionButtonText;
-    const buttonTextColor = themeData?.buttonTextColor || fallbackTheme.buttonTextColor;
-    const placeholderText = themeData?.placeholderText || fallbackTheme.placeholderText;
-    const headerLogo = themeData?.headerLogo || fallbackTheme.headerLogo;
-    const borderRadius = themeData?.borderRadius || fallbackTheme.borderRadius;
-    const primary = themeData?.primary || fallbackTheme.primary;
-    const secondary = themeData?.secondary || fallbackTheme.secondary;
-    return (_jsx(_Fragment, { children: _jsx("style", { children: `
-                :root {
-                    --ls-border-radius-none: 0px;
-                    --ls-border-radius-sm: ${adjustBorderRadius('small', borderRadius)};
-                    --ls-border-radius-md: ${adjustBorderRadius('medium', borderRadius)};
-                    --ls-border-radius-lg: ${adjustBorderRadius('large', borderRadius)};
-                    --ls-border-radius-xl: ${adjustBorderRadius('extraLarge', borderRadius)};
-                    --ls-border-radius-full: 9999px;
-                    --ls-border-radius-default: ${adjustBorderRadius('small', borderRadius)};
-
-                    --ls-colors-backdrop: ${backdrop};
-                    --ls-colors-logo: ${logo};
-                    
-                    --ls-colors-primary: ${primary?.DEFAULT};
-                    --ls-colors-primary-50: ${primary?.[50]};
-                    --ls-colors-primary-100: ${primary?.[100]};
-                    --ls-colors-primary-200: ${primary?.[200]};
-                    --ls-colors-primary-300: ${primary?.[300]};
-                    --ls-colors-primary-400: ${primary?.[400]};
-                    --ls-colors-primary-500: ${primary?.[500]};
-                    --ls-colors-primary-600: ${primary?.[600]};
-                    --ls-colors-primary-700: ${primary?.[700]};
-                    --ls-colors-primary-800: ${primary?.[800]};
-                    --ls-colors-primary-900: ${primary?.[900]};
-
-                    --ls-colors-actionButtonText: ${actionButtonText};
-                    --ls-colors-buttonTextColor: ${buttonTextColor};
-                    --ls-colors-text-placeholder: ${placeholderText};
-                    --ls-colors-primary-text: ${primary?.text};
-                    --ls-colors-primary-text-muted: ${primary?.textMuted};
-                    --ls-colors-primary-logoColor: ${logo};
-
-                    --ls-colors-secondary: ${secondary?.DEFAULT};
-                    --ls-colors-secondary-50: ${secondary?.[50]};
-                    --ls-colors-secondary-100: ${secondary?.[100]};
-                    --ls-colors-secondary-200: ${secondary?.[200]};
-                    --ls-colors-secondary-300: ${secondary?.[300]};
-                    --ls-colors-secondary-400: ${secondary?.[400]};
-                    --ls-colors-secondary-500: ${secondary?.[500]};
-                    --ls-colors-secondary-600: ${secondary?.[600]};
-                    --ls-colors-secondary-700: ${secondary?.[700]};
-                    --ls-colors-secondary-800: ${secondary?.[800]};
-                    --ls-colors-secondary-900: ${secondary?.[900]};
-                    --ls-colors-secondary-950: ${secondary?.[950]};
-                    --ls-colors-secondary-text: ${secondary?.text};
-                }
-
-                .headerLogo {
-                    display: ${headerLogo};
-                }
-            ` }) }));
-};
-export default ColorSchema;

package/dist/components/Common/AddressIcon/index.d.ts

@@ -1,8 +0,0 @@
-import { FC } from "react";
-type Props = {
-    address: string;
-    size: number;
-    className?: string;
-};
-declare const AddressIcon: FC<Props>;
-export default AddressIcon;

package/dist/components/Common/AddressIcon/index.js

@@ -1,21 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import Jazzicon from "./jazzicon";
-import { useEffect, useRef } from "react";
-const AddressIcon = ({ address, size, className }) => {
-    const ref = useRef(null);
-    useEffect(() => {
-        if (address && ref.current) {
-            ref.current.innerHTML = "";
-            const iconElement = Jazzicon(size, parseInt(address.slice(2, 10), 16));
-            if (iconElement) {
-                iconElement.style.display = 'block';
-                iconElement.style.width = "100%";
-                iconElement.style.height = "100%";
-                ref.current.appendChild(iconElement);
-            }
-        }
-    }, [address, size]);
-    return _jsx("div", { className: className, ref: ref });
-};
-export default AddressIcon;

package/dist/components/Common/AddressIcon/jazzicon/colors.d.ts

@@ -1,2 +0,0 @@
-declare const _exports: string[];
-export = _exports;

package/dist/components/Common/AddressIcon/jazzicon/index.d.ts

@@ -1,2 +0,0 @@
-export = generateIdenticon;
-declare function generateIdenticon(diameter: any, seed: any): HTMLDivElement;

package/dist/components/Common/AddressIcon/jazzicon/mersenne-twister.d.ts

@@ -1,28 +0,0 @@
-export = MersenneTwister;
-/**
- * @constructor
- * @param {number|Array<number>} [seed] - Optional seed for the random number generator
- */
-declare function MersenneTwister(seed?: number | Array<number>): void;
-declare class MersenneTwister {
-    /**
-     * @constructor
-     * @param {number|Array<number>} [seed] - Optional seed for the random number generator
-     */
-    constructor(seed?: number | Array<number>);
-    N: number;
-    M: number;
-    MATRIX_A: number;
-    UPPER_MASK: number;
-    LOWER_MASK: number;
-    mt: any[];
-    mti: number;
-    init_seed(s: any): void;
-    init_by_array(init_key: any, key_length: any): void;
-    random_int(): number;
-    random_int31(): number;
-    random_incl(): number;
-    random(): number;
-    random_excl(): number;
-    random_long(): number;
-}

package/dist/components/Common/AddressIcon/jazzicon/paper.d.ts

@@ -1,4 +0,0 @@
-export = newPaper;
-declare function newPaper(diameter: any, color: any): {
-    container: HTMLDivElement;
-};

package/dist/components/Common/AverageCompletionTime.d.ts

@@ -1,6 +0,0 @@
-import { FC } from "react";
-type AverageCompletionTimeProps = {
-    avgCompletionTime: string | undefined;
-};
-declare const AverageCompletionTime: FC<AverageCompletionTimeProps>;
-export default AverageCompletionTime;

package/dist/components/Common/AverageCompletionTime.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const AverageCompletionTime = ({ avgCompletionTime }) => {
-    if (!avgCompletionTime)
-        return null;
-    const time = avgCompletionTime?.split(':');
-    const hours = Number(time[0]);
-    const minutes = Number(time[1]);
-    const seconds = Number(time[2]);
-    return _jsxs("p", { children: [_jsx("span", { children: hours > 0 ? `${hours.toFixed()} ${(hours > 1 ? 'hours' : 'hour')}` : '' }), " ", _jsx("span", { children: minutes > 0 ? `${minutes.toFixed()} ${(minutes > 1 ? 'minutes' : 'minute')}` : '' }), " ", _jsx("span", { children: (seconds > 0 && minutes == 0 && hours == 0) ? `${seconds.toFixed()} seconds` : '' })] });
-};
-export default AverageCompletionTime;

package/dist/components/Common/ClickTooltip.d.ts

@@ -1,8 +0,0 @@
-import { FC } from "react";
-type Props = {
-    text: string | JSX.Element | JSX.Element[];
-    moreClassNames?: string;
-    side?: 'left' | 'right' | 'top' | 'bottom';
-};
-declare const ClickTooltip: FC<Props>;
-export default ClickTooltip;

package/dist/components/Common/CountDownTimer.d.ts

@@ -1,7 +0,0 @@
-import { FC } from "react";
-import { SwapItem } from "../../lib/layerSwapApiClient";
-declare const CountdownTimer: FC<{
-    initialTime: string;
-    swap: SwapItem;
-}>;
-export default CountdownTimer;

package/dist/components/Common/CountDownTimer.js

@@ -1,61 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useState } from "react";
-import { SwapStatus } from "../../Models/SwapStatus";
-import { useIntercom } from "react-use-intercom";
-import { useAuthState } from "../../context/authContext";
-import { TransactionType } from "../../lib/layerSwapApiClient";
-// import { datadogRum } from "@datadog/browser-rum";
-const CountdownTimer = ({ initialTime, swap }) => {
-    const { email, userId } = useAuthState();
-    const { boot, show, update } = useIntercom();
-    const [countdown, setCountdown] = useState();
-    const [thresholdElapsed, setThresholdElapsed] = useState(false);
-    const swapInputTransaction = swap?.transactions?.find(t => t.type === TransactionType.Input);
-    useEffect(() => {
-        const timer = setInterval(() => {
-            const currentTime = new Date();
-            const elapsedTime = currentTime.getTime() - new Date(swapInputTransaction?.timestamp).getTime();
-            const remainingTime = Math.max(timeStringToMilliseconds(initialTime) - Math.abs(elapsedTime), 0);
-            setCountdown(remainingTime);
-            if (elapsedTime > 2 * timeStringToMilliseconds(initialTime)) {
-                setThresholdElapsed(true);
-            }
-            else {
-                setThresholdElapsed(false);
-            }
-        }, 1000);
-        return () => clearInterval(timer);
-    }, [initialTime, swap.status, swapInputTransaction, thresholdElapsed]);
-    const updateWithProps = () => update({ userId, customAttributes: { email: email, swapId: swap.id } });
-    const startIntercom = useCallback(() => {
-        boot();
-        show();
-        updateWithProps();
-    }, [boot, show, updateWithProps]);
-    const formatTime = (milliseconds) => {
-        const totalSeconds = Math.floor(milliseconds / 1000);
-        const hours = Math.floor(totalSeconds / 3600);
-        const minutes = Math.floor((totalSeconds % 3600) / 60);
-        const seconds = totalSeconds % 60;
-        const formattedHours = hours > 0 ? String(hours).padStart(2, '0') + ":" : '';
-        const formattedMinutes = String(minutes).padStart(2, '0');
-        const formattedSeconds = String(seconds).padStart(2, '0');
-        return `${formattedHours}${formattedMinutes}:${formattedSeconds}`;
-    };
-    const formatted = countdown && formatTime(countdown);
-    if (thresholdElapsed && swap.status !== SwapStatus.Completed) {
-        const renderingError = new Error("Transaction is taking longer than expected");
-        renderingError.name = `LongTransactionError`;
-        renderingError.cause = renderingError;
-        // datadogRum.addError(renderingError);
-    }
-    return (_jsx("div", { className: 'flex items-center space-x-1', children: thresholdElapsed && swap.status !== SwapStatus.UserTransferPending ? (_jsxs("div", { children: [_jsx("span", { children: "Transaction is taking longer than expected " }), _jsx("a", { className: 'underline hover:cursor-pointer', onClick: () => startIntercom(), children: "please contact our support." })] })) : countdown === 0 && swap.status !== SwapStatus.Completed ? (_jsx("div", { children: _jsx("span", { children: "Taking a bit longer than expected" }) })) : swap.status === SwapStatus.Completed && (!countdown || countdown === 0) ? ("") : (_jsxs("div", { className: 'text-secondary-text flex items-center', children: [_jsx("span", { children: "Estimated time:" }), _jsx("span", { className: 'text-primary-text ml-0.5', children: countdown ? formatted : _jsx("div", { className: "h-[10px] mt-1 w-16 ml-1 animate-pulse rounded bg-gray-500" }) })] })) }));
-};
-export default CountdownTimer;
-function timeStringToMilliseconds(timeString) {
-    const parts = timeString.split('.');
-    const time = parts[0];
-    const [hours, minutes, seconds] = time.split(':').map(parseFloat);
-    const milliseconds = ((hours * 3600) + (minutes * 60) + seconds) * 1000;
-    return milliseconds;
-}

package/dist/components/Common/FormattedAverageCompletionTime.d.ts

@@ -1,6 +0,0 @@
-import { FC } from "react";
-type AverageCompletionTimeProps = {
-    avgCompletionTime: string | undefined;
-};
-declare const FormattedAverageCompletionTime: FC<AverageCompletionTimeProps>;
-export default FormattedAverageCompletionTime;