@layerswap/widget 0.1.20 → 1.0.0-alpha1.1

package/dist/components/Wallet/WalletProviders/SolanaProvider.js

@@ -1,49 +0,0 @@
-// import { clusterApiUrl } from "@solana/web3.js";
-// import { WalletAdapterNetwork } from "@solana/wallet-adapter-base";
-// import { PhantomWalletAdapter } from "@solana/wallet-adapter-phantom";
-// import { WalletConnectWalletAdapter } from "@solana/wallet-adapter-walletconnect";
-// import { SolflareWalletAdapter } from "@solana/wallet-adapter-solflare";
-// import { GlowWalletAdapter } from "@solana/wallet-adapter-glow";
-// import { NightlyWalletAdapter } from '@solana/wallet-adapter-wallets';
-// import {
-//     ConnectionProvider,
-//     WalletProvider,
-// } from "@solana/wallet-adapter-react";
-// import { ReactNode, useMemo } from "react";
-// import { CoinbaseWalletAdapter } from "@solana/wallet-adapter-coinbase";
-// import AppSettings from "../../../lib/AppSettings";
-// const WALLETCONNECT_PROJECT_CONFIG = AppSettings.WalletConnectConfig;
-// function SolanaProvider({ children }: { children: ReactNode }) {
-//     const solNetwork = WalletAdapterNetwork.Mainnet;
-//     const endpoint = useMemo(() => clusterApiUrl(solNetwork), [solNetwork]);
-//     const wallets = useMemo(
-//         () => [
-//             new PhantomWalletAdapter(),
-//             new CoinbaseWalletAdapter(),
-//             new SolflareWalletAdapter(),
-//             new GlowWalletAdapter(),
-//             new NightlyWalletAdapter(),
-//             new WalletConnectWalletAdapter({
-//                 network: solNetwork,
-//                 options: {
-//                     projectId: WALLETCONNECT_PROJECT_CONFIG.projectId,
-//                     metadata: {
-//                         name: WALLETCONNECT_PROJECT_CONFIG.name,
-//                         description: WALLETCONNECT_PROJECT_CONFIG.description,
-//                         url: WALLETCONNECT_PROJECT_CONFIG.url,
-//                         icons: WALLETCONNECT_PROJECT_CONFIG.icons,
-//                     },
-//                 },
-//             })
-//         ],
-//         [solNetwork]
-//     );
-//     return (
-//         <ConnectionProvider endpoint={endpoint}>
-//             <WalletProvider wallets={wallets} autoConnect={true}>
-//                 {children}
-//             </WalletProvider>
-//         </ConnectionProvider>
-//     );
-// }
-// export default SolanaProvider;

package/dist/components/Wallet/WalletProviders/StarknetProvider.js

@@ -1,112 +0,0 @@
-// import { FC, ReactNode, useEffect, useState } from "react";
-// import { mainnet, sepolia } from "@starknet-react/chains"
-// import { Connector, ConnectorNotConnectedError, UserNotConnectedError, StarknetConfig, publicProvider } from '@starknet-react/core';
-// import { RpcMessage, RequestFnCall, RpcTypeToMessageMap } from "starknet-types-07";
-// class DiscoveryConnector extends Connector {
-//     #wallet;
-//     #store;
-//     constructor(wallet, store) {
-//         super();
-//         this.#wallet = wallet;
-//         this.#store = store;
-//     }
-//     get id() {
-//         return `${this.#wallet.id}-mobile`;
-//     }
-//     get icon() {
-//         return {
-//             dark: this.#wallet.icon,
-//             light: this.#wallet.icon
-//         };
-//     }
-//     get name() {
-//         return `${this.#wallet.name} (mobile)`;
-//     }
-//     available() {
-//         return true;
-//     }
-//     connect(): any {
-//         window.open(this.#wallet.downloads[this.#store], "_blank");
-//         return undefined
-//     }
-//     get wallet() {
-//         throw new ConnectorNotConnectedError()
-//     }
-//     disconnect(): any {
-//         throw new UserNotConnectedError()
-//     }
-//     account(): any {
-//         throw new ConnectorNotConnectedError()
-//     }
-//     ready(): Promise<boolean> {
-//         throw new Error("Method not implemented.");
-//     }
-//     chainId(): Promise<bigint> {
-//         throw new Error("Method not implemented.");
-//     }
-//     request<T extends RpcMessage["type"]>(call: RequestFnCall<T>): Promise<RpcTypeToMessageMap[T]["result"]> {
-//         throw new Error("Method not implemented.");
-//     }
-// }
-// const StarknetProvider: FC<{ children: ReactNode }> = ({ children }) => {
-//     const [connectors, setConnectors] = useState<any[]>([])
-//     const resolveConnectors = async () => {
-//         // const InjectedConnector = (await import('../../../node_modules/starknetkit/dist/injectedConnector')).InjectedConnector
-//         // const ArgentMobileConnector = (await import('../../../node_modules/starknetkit/dist/argentMobile')).ArgentMobileConnector
-//         // const WebWalletConnector = (await import('../../../node_modules/starknetkit/dist/webwalletConnector')).WebWalletConnector
-//         const isSafari =
-//             typeof window !== "undefined"
-//                 ? /^((?!chrome|android).)*safari/i.test(navigator.userAgent)
-//                 : false
-//         const isAndroid = navigator.userAgent.match(/Android/i);
-//         const isIOS = navigator.userAgent.match(/iPhone|iPad|iPod/i);
-//         const defaultConnectors: any[] = []
-//         if (!isSafari) {
-//             if (!(isAndroid || isIOS)) {
-//                 defaultConnectors.push(
-//                     // new InjectedConnector({ options: { id: "argentX" } }),
-//                 )
-//                 defaultConnectors.push(
-//                     // new InjectedConnector({ options: { id: "keplr" } }),
-//                 )
-//             }
-//             defaultConnectors.push(
-//                 // new InjectedConnector({ options: { id: "braavos" } }),
-//             )
-//         }
-//         if ((isAndroid || isIOS) && !defaultConnectors.some(c => c.id === "braavos")) {
-//             const starknet = (await import('get-starknet-core')).default
-//             const discoverWallets = (await starknet.getDiscoveryWallets()).filter(w => {
-//                 return (isAndroid && w.downloads["android"]) || (isIOS && w.downloads["ios"]);
-//             })
-//             if (discoverWallets.length) defaultConnectors.push(...discoverWallets.map(w => new DiscoveryConnector(w, isAndroid ? "android" : "ios")))
-//         }
-//         // defaultConnectors.push(ArgentMobileConnector.init({
-//         //     options: {
-//         //         dappName: 'Layerswap',
-//         //         projectId: WALLETCONNECT_PROJECT_ID,
-//         //         url: 'https://www.layerswap.io/app/',
-//         //         description: 'Move crypto across exchanges, blockchains, and wallets.',
-//         //     }
-//         // }))
-//         // defaultConnectors.push(new WebWalletConnector())
-//         return defaultConnectors
-//     }
-//     useEffect(() => {
-//         (async () => {
-//             const result = await resolveConnectors()
-//             setConnectors(result)
-//         })()
-//     }, [])
-//     const chains = [mainnet, sepolia]
-//     return (
-//         <StarknetConfig
-//             chains={chains}
-//             provider={publicProvider()}
-//             connectors={connectors}
-//         >
-//             {children}
-//         </StarknetConfig>
-//     )
-// }
-// export default StarknetProvider;

package/dist/components/Wallet/WalletProviders/TonConnectProvider.js

@@ -1,58 +0,0 @@
-// import { THEME, TonConnectUIProvider } from "@tonconnect/ui-react"
-// import { ThemeData } from "../../../Models/Theme";
-// const TonConnectProvider = ({ children, themeData }: { children: JSX.Element | JSX.Element[], themeData: ThemeData }) => {
-//     const rgbToHex = (rgb: string) => {
-//         const rgbArray = rgb.match(/\d+/g)
-//         function componentToHex(c: number) {
-//             var hex = c?.toString(16);
-//             return hex.length == 1 ? "0" + hex : hex;
-//         }
-//         if (!rgbArray) return
-//         return "#" + componentToHex(Number(rgbArray[0])) + componentToHex(Number(rgbArray[1])) + componentToHex(Number(rgbArray[2]));
-//     }
-//     return (
-//         <TonConnectUIProvider
-//             uiPreferences={
-//                 {
-//                     theme: THEME.DARK,
-//                     borderRadius: 's',
-//                     colorsSet: {
-//                         [THEME.DARK]: {
-//                             constant: {
-//                                 black: '#000000',
-//                                 white: '#f1f1f1f1',
-//                             },
-//                             connectButton: {
-//                                 background: rgbToHex(themeData.primary?.[500]),
-//                                 foreground: rgbToHex(themeData?.secondary?.[800] || ''),
-//                             },
-//                             accent: rgbToHex(themeData.primary?.[500]),
-//                             telegramButton: rgbToHex(themeData.primary?.[500]),
-//                             icon: {
-//                                 primary: rgbToHex(themeData.primary?.[500]),
-//                                 secondary: rgbToHex(themeData?.secondary?.text || ''),
-//                                 tertiary: rgbToHex(themeData.secondary?.[400] || ''),
-//                                 success: rgbToHex(themeData.primary?.[500]),
-//                             },
-//                             background: {
-//                                 primary: rgbToHex(themeData.secondary?.[900] || ''),
-//                                 secondary: rgbToHex(themeData.secondary?.[800] || ''),
-//                                 segment: rgbToHex(themeData.secondary?.[200] || ''),
-//                                 tint: rgbToHex(themeData.secondary?.[700] || ''),
-//                                 qr: '#f1f1f1f1',
-//                             },
-//                             text: {
-//                                 primary: rgbToHex(themeData.primary.text),
-//                                 secondary: rgbToHex(themeData?.secondary?.text || ''),
-//                             }
-//                         }
-//                     }
-//                 }
-//             }
-//             manifestUrl={`https://layerswap.io/app/tonconnect-manifest.json`}
-//         >
-//             {children}
-//         </TonConnectUIProvider>
-//     )
-// }
-// export default TonConnectProvider

package/dist/components/Wallet/WalletProviders/TronProvider.js

@@ -1,23 +0,0 @@
-// import { useMemo } from 'react';
-// import { WalletProvider } from '@tronweb3/tronwallet-adapter-react-hooks';
-// import {
-//     BitKeepAdapter,
-//     OkxWalletAdapter,
-//     TokenPocketAdapter,
-//     TronLinkAdapter,
-// } from '../../../lib/wallets/tron/connectors'
-// export default function TronProvider({ children }: { children: React.ReactNode }) {
-//     const adapters = useMemo(() => {
-//         return [
-//             new TronLinkAdapter(),
-//             new TokenPocketAdapter(),
-//             new OkxWalletAdapter(),
-//             new BitKeepAdapter(),
-//         ]
-//     }, [])
-//     return (
-//         <WalletProvider adapters={adapters} disableAutoConnectOnLoad={true} autoConnect={false}>
-//             {children}
-//         </WalletProvider>
-//     );
-// }

package/dist/components/Wallet/WalletProviders/Wagmi.d.ts

@@ -1,5 +0,0 @@
-type Props = {
-    children: JSX.Element | JSX.Element[];
-};
-declare function WagmiComponent({ children }: Props): import("react/jsx-runtime").JSX.Element | JSX.Element[];
-export default WagmiComponent;

package/dist/components/Wallet/WalletProviders/Wagmi.js

@@ -1,74 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useSettingsState } from "../../../context/settings";
-import { NetworkType } from "../../../Models/Network";
-import resolveChain from "../../../lib/resolveChain";
-import NetworkSettings from "../../../lib/NetworkSettings";
-import { WagmiContext, WagmiProvider } from 'wagmi';
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import { createConfig } from 'wagmi';
-import { http } from 'viem';
-import { argent } from '../../../lib/wallets/connectors/argent';
-import { rainbow } from '../../../lib/wallets/connectors/rainbow';
-import { metaMask } from '../../../lib/wallets/connectors/metamask';
-import { coinbaseWallet, walletConnect } from '@wagmi/connectors';
-import { hasInjectedProvider } from '../../../lib/wallets/connectors/getInjectedConnector';
-import { bitget } from '../../../lib/wallets/connectors/bitget';
-import { isMobile } from '../../../lib/isMobile';
-import { browserInjected } from "../../../lib/wallets/connectors/browserInjected";
-import { useSyncProviders } from "../../../lib/wallets/connectors/useSyncProviders";
-import { okxWallet } from "../../../lib/wallets/connectors/okxWallet";
-import AppSettings from "../../../lib/AppSettings";
-import { useContext } from "react";
-const WALLETCONNECT_PROJECT_CONFIGS = AppSettings.WalletConnectConfig;
-const queryClient = new QueryClient();
-const wltcnnct_inited = walletConnect({ projectId: WALLETCONNECT_PROJECT_CONFIGS.projectId, showQrModal: isMobile(), customStoragePrefix: 'walletConnect' });
-const argent_inited = argent({ projectId: WALLETCONNECT_PROJECT_CONFIGS.projectId, showQrModal: false, customStoragePrefix: 'argent' });
-const metaMask_inited = metaMask({ projectId: WALLETCONNECT_PROJECT_CONFIGS.projectId, showQrModal: false, customStoragePrefix: 'metamask' });
-const rnbw_inited = rainbow({ projectId: WALLETCONNECT_PROJECT_CONFIGS.projectId, showQrModal: false, customStoragePrefix: 'rainbow' });
-const btgt_inited = bitget({ projectId: WALLETCONNECT_PROJECT_CONFIGS.projectId, showQrModal: false, customStoragePrefix: 'bitget' });
-const okx_inited = okxWallet({ projectId: WALLETCONNECT_PROJECT_CONFIGS.projectId, showQrModal: false, customStoragePrefix: 'okxWallet' });
-function WagmiComponent({ children }) {
-    const providers = useSyncProviders();
-    const settings = useSettingsState();
-    const ctx = useContext(WagmiContext);
-    if (ctx) {
-        return children;
-    }
-    const isChain = (c) => c != undefined;
-    const settingsChains = settings?.networks
-        .sort((a, b) => (NetworkSettings.KnownSettings[a.name]?.ChainOrder || Number(a.chain_id)) - (NetworkSettings.KnownSettings[b.name]?.ChainOrder || Number(b.chain_id)))
-        .filter(net => net.type === NetworkType.EVM
-        && net.node_url
-        && net.token)
-        .map(resolveChain).filter(isChain);
-    const transports = {};
-    settingsChains.forEach(chain => {
-        transports[chain.id] = chain.rpcUrls.default.http[0] ? http(chain.rpcUrls.default.http[0]) : http();
-    });
-    const isMetaMaskInjected = providers?.some(provider => provider.info.name.toLowerCase() === 'metamask');
-    const isOkxInjected = providers?.some(provider => provider.info.name.toLowerCase() === 'okx wallet');
-    const isRainbowInjected = hasInjectedProvider({ flag: 'isRainbow' });
-    const isBitKeepInjected = hasInjectedProvider({
-        namespace: 'bitkeep.ethereum',
-        flag: 'isBitKeep',
-    });
-    const config = createConfig({
-        connectors: [
-            coinbaseWallet({
-                appName: WALLETCONNECT_PROJECT_CONFIGS.name,
-                appLogoUrl: WALLETCONNECT_PROJECT_CONFIGS.icons[0],
-            }),
-            wltcnnct_inited,
-            argent_inited,
-            ...(!isMetaMaskInjected ? [metaMask_inited] : []),
-            ...(!isRainbowInjected ? [rnbw_inited] : []),
-            ...(!isBitKeepInjected ? [btgt_inited] : []),
-            ...(!isOkxInjected ? [okx_inited] : []),
-            browserInjected()
-        ],
-        chains: settingsChains,
-        transports: transports,
-    });
-    return (_jsx(WagmiProvider, { config: config, children: _jsx(QueryClientProvider, { client: queryClient, children: children }) }));
-}
-export default WagmiComponent;

package/dist/components/Wallet/WalletProviders/index.d.ts

@@ -1,7 +0,0 @@
-import { FC } from "react";
-import { ThemeData } from "../../../Models/Theme";
-declare const WalletsProviders: FC<{
-    children: JSX.Element | JSX.Element[];
-    themeData: ThemeData;
-}>;
-export default WalletsProviders;

package/dist/components/Wallet/WalletProviders/index.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-// import TonConnectProvider from "./TonConnectProvider"
-// import SolanaProvider from "./SolanaProvider"
-import Wagmi from "./Wagmi";
-const WalletsProviders = ({ children, themeData }) => {
-    return (
-    // <TonConnectProvider themeData={themeData}>
-    // <SolanaProvider>
-    // <TronProvider>
-    // <StarknetProvider>
-    _jsx(Wagmi, { children: children })
-    // </StarknetProvider>
-    // </TronProvider>
-    // </SolanaProvider>
-    // </TonConnectProvider>
-    );
-};
-export default WalletsProviders;

package/dist/components/Widget/Content.d.ts

@@ -1,6 +0,0 @@
-type ContetProps = {
-    center?: boolean;
-    children?: JSX.Element | JSX.Element[];
-};
-declare const Content: ({ children, center }: ContetProps) => import("react/jsx-runtime").JSX.Element;
-export default Content;

package/dist/components/Widget/Content.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const Content = ({ children, center }) => {
-    return center ?
-        _jsx("div", { className: 'flex flex-col self-center grow w-full', children: _jsx("div", { className: 'flex self-center grow w-full', children: _jsx("div", { className: 'flex flex-col self-center w-full', children: children }) }) })
-        : _jsx("div", { className: 'space-y-4 py-3', children: children });
-};
-export default Content;

package/dist/components/Widget/Footer.d.ts

@@ -1,8 +0,0 @@
-import { ReactNode } from "react";
-type FooterProps = {
-    hidden?: boolean;
-    children?: ReactNode;
-    sticky?: boolean;
-};
-declare const Footer: ({ children, hidden, sticky }: FooterProps) => import("react/jsx-runtime").JSX.Element;
-export default Footer;

package/dist/components/Widget/Footer.js

@@ -1,56 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { motion } from "framer-motion";
-import GoHomeButton from "../utils/GoHome";
-import { useMeasure } from "@uidotdev/usehooks";
-import LayerSwapApiClient from "../../lib/layerSwapApiClient";
-import AppSettings from "../../lib/AppSettings";
-const variants = {
-    enter: () => {
-        return ({
-            opacity: 0,
-            y: '100%',
-        });
-    },
-    center: () => {
-        return ({
-            opacity: 1,
-            y: 0,
-        });
-    },
-    exit: () => {
-        return ({
-            y: '100%',
-            zIndex: 0,
-            opacity: 0,
-        });
-    },
-};
-const Comp = ({ children, hidden, sticky = true }) => {
-    let [footerRef, { height }] = useMeasure();
-    return (sticky ?
-        _jsxs(_Fragment, { children: [_jsx(motion.div, { ref: footerRef, 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:bottom-0 
-                        max-sm:z-30
-                        max-sm:bg-secondary-900 
-                        max-sm:shadow-widget-footer 
-                        max-sm:p-4 
-                        max-sm:px-6 
-                        max-sm:w-full ${hidden ? 'animation-slide-out' : ''}`, children: children }), _jsx("div", { style: { height: `${height}px` }, className: `text-primary-text text-base mt-3        
-                             max-sm:inset-x-0
-                             max-sm:bottom-0 
-                             max-sm:p-4 max-sm:w-full invisible sm:hidden` })] })
-        :
-            _jsx(_Fragment, { children: children }));
-};
-const Footer = ({ children, hidden, sticky }) => {
-    const isFooterVisible = LayerSwapApiClient.apiKey !== AppSettings.LayerswapApiKeys['mainnet'] &&
-        LayerSwapApiClient.apiKey !== AppSettings.LayerswapApiKeys['testnet'];
-    const isFooterSticky = (AppSettings.ThemeData?.enablePortal && AppSettings.ThemeData?.enablePortal == true) ?? false;
-    return (_jsxs(Comp, { hidden: hidden, sticky: isFooterSticky ? sticky : false, children: [children, isFooterVisible &&
-                _jsxs("a", { target: "_blank", href: 'https://layerswap.io/', className: "flex justify-center text-primary-text-placeholder mt-3 -mb-1.5 sm:-mb-3", children: [_jsx("span", { className: "text-xs content-center", children: "Powered by" }), " ", _jsx(GoHomeButton, { className: 'ml-1 fill-primary-text-placeholder h-5 w-auto cursor-pointer' })] })] }));
-};
-export default Footer;

package/dist/components/Widget/Index.d.ts

@@ -1,18 +0,0 @@
-type Props = {
-    children: JSX.Element | JSX.Element[];
-    className?: string;
-    hideMenu?: boolean;
-};
-declare const Widget: {
-    ({ children, className, hideMenu }: Props): import("react/jsx-runtime").JSX.Element;
-    Content: ({ children, center }: {
-        center?: boolean;
-        children?: JSX.Element | JSX.Element[];
-    }) => import("react/jsx-runtime").JSX.Element;
-    Footer: ({ children, hidden, sticky }: {
-        hidden?: boolean;
-        children?: import("react").ReactNode;
-        sticky?: boolean;
-    }) => import("react/jsx-runtime").JSX.Element;
-};
-export { Widget };

package/dist/components/Widget/Index.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import HeaderWithMenu from "../HeaderWithMenu";
-import { default as Content } from './Content';
-import { default as Footer } from './Footer';
-import { useRef } from "react";
-import AppSettings from "../../lib/AppSettings";
-import { WalletModalProvider } from "../Wallet/WalletModal";
-const Widget = ({ children, className, hideMenu }) => {
-    const wrapper = useRef(null);
-    const handleBack = null;
-    return _jsx(WalletModalProvider, { children: _jsxs("div", { id: "widget", className: "bg-secondary-900 rounded-lg w-full sm:overflow-hidden relative text-left", children: [_jsx("div", { className: "relative z-20", children: AppSettings.ApiVersion === 'sandbox' &&
-                        _jsxs("div", { children: [_jsx("div", { className: "h-0.5 bg-[#D95E1B]" }), _jsx("div", { className: "absolute -top-0.5 right-[calc(50%-68px)] bg-[#D95E1B] py-0.5 px-10 rounded-b-md text-xs scale-75", children: "TESTNET" })] }) }), !hideMenu &&
-                    _jsx(HeaderWithMenu, { goBack: handleBack }), _jsx("div", { className: 'text-center text-xl text-secondary-100' }), _jsx("div", { className: "relative px-6", children: _jsx("div", { className: "flex items-start", ref: wrapper, children: _jsx("div", { className: `flex flex-nowrap grow`, children: _jsx("div", { className: `w-full pb-6 flex flex-col justify-between space-y-5 text-secondary-text h-full ${className}`, children: children }) }) }) }), _jsx("div", { id: "widget_root" })] }) });
-};
-Widget.Content = Content;
-Widget.Footer = Footer;
-export { Widget };

package/dist/components/WidgetLoading.d.ts

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

package/dist/components/WidgetLoading.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { MenuIcon } from "lucide-react";
-import ColorSchema from "./ColorSchema";
-import AppSettings from "../lib/AppSettings";
-export const WidgetLoading = () => {
-    return (_jsxs(_Fragment, { children: [_jsx(ColorSchema, { themeData: AppSettings.ThemeData }), _jsx("div", { className: "layerswap-styles w-full h-full z-[1] sm:mb-6 mx-auto", children: _jsx("div", { className: "flex h-full content-center items-center justify-center flex-col container mx-auto", children: _jsx("div", { className: "flex h-full flex-col w-full", children: _jsx("div", { className: "bg-secondary-900 rounded-lg w-full sm:overflow-hidden relative text-left", children: _jsx("div", { className: "relative", children: _jsx("div", { className: "flex items-start", children: _jsx("div", { className: "flex flex-nowrap grow w-full", children: _jsx("div", { className: "w-full pb-6 flex flex-col justify-between text-secondary-500 sm:min-h-[500px] h-full", children: _jsxs("div", { className: "flex flex-col", children: [_jsx("div", { className: "w-full grid grid-cols-5 px-6 mt-3 pb-1", children: _jsx("div", { className: "col-start-5 justify-self-end self-center flex items-center gap-x-1 -mr-2", children: _jsx("div", { className: "mx-2 space-y-1 py-1.5", children: _jsx(MenuIcon, { strokeWidth: "2" }) }) }) }), _jsxs("div", { className: "px-6", children: [_jsxs("div", { className: "bg-secondary-700 pt-8 grid grid-cols-6 gap-2 space-y-1 items-end p-3 rounded-xl my-4 mb-12", children: [_jsx("div", { className: "col-span-4 h-12 bg-secondary-600 rounded-lg animate-pulse mt-6", children: "\u00A0" }), _jsx("div", { className: "col-span-2 h-12 bg-secondary-600 rounded-lg animate-pulse mt-6", children: "\u00A0" }), _jsx("div", { className: "col-start-4 col-span-1 flex justify-start items-center py-2", children: _jsx("div", { className: "w-8 h-8 bg-secondary-600 rounded-lg animate-pulse" }) }), _jsx("div", { className: "col-span-4 h-12 bg-secondary-600 rounded-lg animate-pulse", children: "\u00A0" }), _jsx("div", { className: "col-span-2 h-12 bg-secondary-600 rounded-lg animate-pulse", children: "\u00A0" })] }), _jsx("div", { className: "w-full h-12 bg-secondary-600 rounded-lg animate-pulse mt-2", children: "\u00A0" }), _jsx("div", { className: "mt-10", children: _jsx("div", { className: "w-full h-[50px] bg-primary animate-pulse rounded-lg" }) })] })] }) }) }) }) }) }) }) }) })] }));
-};

package/dist/components/Wizard/Wizard.d.ts

@@ -1,7 +0,0 @@
-import { FC } from 'react';
-type Props = {
-    children: JSX.Element | JSX.Element[];
-    wizardId: string;
-};
-declare const Wizard: FC<Props>;
-export default Wizard;

package/dist/components/Wizard/Wizard.js

@@ -1,23 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useEffect, useRef } from 'react';
-import { useFormWizardaUpdate, useFormWizardState } from '../../context/formWizardProvider';
-import { AnimatePresence } from 'framer-motion';
-import HeaderWithMenu from '../HeaderWithMenu';
-const Wizard = ({ children, wizardId }) => {
-    const wrapper = useRef(null);
-    const { setWrapperWidth } = useFormWizardaUpdate();
-    const { wrapperWidth, positionPercent, moving, goBack, noToolBar, hideMenu } = useFormWizardState();
-    useEffect(() => {
-        function handleResize() {
-            if (wrapper.current !== null) {
-                setWrapperWidth(wrapper.current.offsetWidth);
-            }
-        }
-        window.addEventListener("resize", handleResize);
-        handleResize();
-        return () => window.removeEventListener("resize", handleResize);
-    }, []);
-    const width = positionPercent || 0;
-    return _jsx(_Fragment, { children: _jsxs("div", { id: 'widget', className: `text-left ${noToolBar ? `w-full h-full` : ` bg-secondary-900 rounded-lg w-full sm:overflow-hidden relative`}`, children: [_jsx("div", { className: "relative", children: !noToolBar && _jsx("div", { className: "overflow-hidden h-1 flex rounded-t-lg bg-secondary-500", children: _jsx("div", { style: { width: `${width}%`, transition: 'width 1s' }, className: "shadow-none flex flex-col whitespace-nowrap justify-center bg-primary" }) }) }), !hideMenu && _jsx(HeaderWithMenu, { goBack: goBack }), _jsx("div", { className: noToolBar ? 'relative w-full h-full' : `relative px-6 `, children: _jsx("div", { className: "flex items-start w-full h-full", ref: wrapper, children: _jsx(AnimatePresence, { initial: false, custom: { direction: moving === "forward" ? 1 : -1, width: wrapperWidth }, children: _jsx("div", { className: `flex flex-nowrap h-full`, children: children }, wizardId) }) }) }), _jsx("div", { id: "widget_root" })] }) });
-};
-export default Wizard;

package/dist/components/Wizard/WizardItem.d.ts

@@ -1,13 +0,0 @@
-import { FC } from 'react';
-import { Steps } from '../../Models/Wizard';
-type Props = {
-    StepName: Steps;
-    PositionPercent?: number;
-    GoBack?: () => void;
-    children: JSX.Element | JSX.Element[];
-    fitHeight?: boolean;
-    className?: string;
-    inModal?: boolean;
-};
-declare const WizardItem: FC<Props>;
-export default WizardItem;

package/dist/components/shadcn/accordion.d.ts

@@ -1,7 +0,0 @@
-import * as React from "react";
-import * as AccordionPrimitive from "@radix-ui/react-accordion";
-declare const Accordion: React.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React.RefAttributes<HTMLDivElement>>;
-declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };

package/dist/components/shadcn/accordion.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import * as AccordionPrimitive from "@radix-ui/react-accordion";
-import { ChevronDown } from "lucide-react";
-import { classNames } from "../utils/classNames";
-const Accordion = AccordionPrimitive.Root;
-const AccordionItem = React.forwardRef(({ className, ...props }, ref) => (_jsx(AccordionPrimitive.Item, { ref: ref, className: classNames(className), ...props })));
-AccordionItem.displayName = "AccordionItem";
-const AccordionTrigger = React.forwardRef(({ className, children, ...props }, ref) => (_jsx(AccordionPrimitive.Header, { className: "flex", children: _jsxs(AccordionPrimitive.Trigger, { ref: ref, className: classNames("flex items-center font-medium transition-all [&[data-state=open]>svg]:rotate-180", className), ...props, children: [children, _jsx(ChevronDown, { className: "h-4 w-4 transition-transform duration-200" })] }) })));
-AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
-const AccordionContent = React.forwardRef(({ className, children, ...props }, ref) => (_jsx(AccordionPrimitive.Content, { ref: ref, className: classNames("data-[state=open]:animate-accordion-down data-[state=closed]:animate-accordion-up overflow-hidden text-sm transition-all", className), ...props, children: _jsx("div", { className: "pt-0", children: children }) })));
-AccordionContent.displayName = AccordionPrimitive.Content.displayName;
-export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };

package/dist/components/shadcn/checkbox.d.ts

@@ -1,4 +0,0 @@
-import * as React from "react";
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export { Checkbox };