@ensofinance/checkout-widget 0.0.2 → 0.0.4

package/dist/index.d.ts

@@ -1,20 +1,18 @@
-import { CheckoutConfig } from '../../../../../../src/types';
-import { CheckoutConfig as CheckoutConfig_2 } from '../../../../../../../src/types';
-import { CheckoutModalProps } from '../../../../../../src/types';
-import { CheckoutModalProps as CheckoutModalProps_2 } from '../../../../../../../src/types';
+import { CheckoutConfig } from '../../../../../../../src/types';
+import { CheckoutModalProps } from '../../../../../../../src/types';
 import { ComponentType } from 'react';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { SystemConfig as WidgetTheme } from '@chakra-ui/react';
 
 export declare const Checkout: ({ config: { apiKey, tokenOut, chainIdOut, theme, enableExchange }, onClose, wrapper, }: {
-    config: CheckoutConfig_2;
+    config: CheckoutConfig;
     wrapper?: ComponentType;
     onClose?: () => void;
 }) => JSX_2.Element;
 
 export { CheckoutConfig }
 
-export declare const CheckoutModal: ({ config, setIsActive, isActive, onClose, }: CheckoutModalProps_2) => JSX_2.Element;
+export declare const CheckoutModal: ({ config, setIsActive, isActive, onClose, }: CheckoutModalProps) => JSX_2.Element;
 
 export { CheckoutModalProps }
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ensofinance/checkout-widget",
-    "version": "0.0.2",
+    "version": "0.0.4",
     "type": "module",
     "homepage": "https://www.enso.build/",
     "repository": {
@@ -28,7 +28,6 @@
         "@chakra-ui/react": "^3.19.1",
         "@emotion/cache": "^11.14.0",
         "@emotion/react": "^11.14.0",
-        "@ensofinance/checkout-ui-library": "^0.0.2",
         "@ensofinance/sdk": "^1.0.18",
         "@meshconnect/web-link-sdk": "^3.2.14",
         "@uidotdev/usehooks": "^2.4.1",

package/src/components/Checkout.tsx

@@ -16,7 +16,7 @@ import ExchangeFlow from "./steps/ExchangeFlow";
 import { useAppStore } from "@/store";
 import { TxTracker } from "@/util/tx-tracker";
 import ChakraProvider from "./ChakraProvider";
-import { CheckoutConfig, SupportedExchanges } from "@/types";
+import { type CheckoutConfig, type SupportedExchanges } from "@/types";
 
 type ICheckoutContext = {
     step: string;
@@ -51,11 +51,9 @@ const FLOWS: Record<
     },
 };
 
-export const CheckoutContext = createContext<ICheckoutContext>(
-    {} as ICheckoutContext,
-);
+const CheckoutContext = createContext<ICheckoutContext>({} as ICheckoutContext);
 
-export const Checkout = ({
+const Checkout = ({
     config: { apiKey, tokenOut, chainIdOut, theme, enableExchange },
     onClose,
     wrapper,
@@ -125,3 +123,5 @@ export const Checkout = ({
         </CheckoutContext.Provider>
     );
 };
+
+export { CheckoutConfig, Checkout, CheckoutContext };

package/src/components/CheckoutModal.tsx

@@ -1,7 +1,7 @@
 import { useCallback } from "react";
 import { Checkout } from "./Checkout";
 import Modal from "./modal";
-import { CheckoutModalProps } from "@/types";
+import { type CheckoutModalProps } from "@/types";
 
 export const CheckoutModal = ({
     config,
@@ -20,3 +20,5 @@ export const CheckoutModal = ({
 
     return <Checkout wrapper={Modal} config={config} onClose={handleClose} />;
 };
+
+export { CheckoutModalProps };

package/src/components/ui/index.tsx

@@ -1,4 +1,3 @@
-// Theme-aware UI components to replace @ensofinance/checkout-ui-library imports
 import React, { forwardRef, useMemo } from "react";
 import {
     Button as ChakraButton,

package/src/index.ts

@@ -1,6 +1,8 @@
-import { CheckoutModal } from "./components/CheckoutModal";
-import { Checkout } from "./components/Checkout";
-import { type CheckoutModalProps, type CheckoutConfig } from "@/types";
+import {
+    CheckoutModal,
+    type CheckoutModalProps,
+} from "./components/CheckoutModal";
+import { Checkout, type CheckoutConfig } from "./components/Checkout";
 
 // Export two versions for different integration needs
 export {

package/src/util/enso-hooks.tsx

@@ -1,9 +1,5 @@
-import {
-    useAccount,
-    useCapabilities,
-    useSendCalls,
-    useWalletClient,
-} from "wagmi";
+import { useAccount, useWalletClient } from "wagmi";
+import { useCapabilities, useSendCalls } from "wagmi/experimental";
 import { Address } from "viem";
 import { useCallback, useMemo } from "react";
 import { useEnsoToken, useEnsoPrice, useEnsoData } from "@/enso-api/api";