@ensofinance/checkout-widget 0.1.8 → 0.1.9

package/src/components/steps/shared/SignUserOpStep.tsx

@@ -1,117 +0,0 @@
-import { useState } from "react";
-import { Flex, Skeleton } from "@chakra-ui/react";
-import { useAccount, useSignMessage } from "wagmi";
-import { getUserOperationHash } from "viem/account-abstraction";
-
-import { BodyWrapper } from "../../ui/styled";
-import { Button, Input } from "../../ui";
-import QuoteParameters from "../../QuoteParameters";
-import { TransactionDetailRow } from "../../TransactionDetailRow";
-import { useAppDetails, useRouteData } from "@/util/enso-hooks";
-import { ENTRY_POINT_ADDRESS } from "@/util/constants";
-
-const SignUserOpStep = ({
-    setStep,
-    setUserOp,
-    nextStep,
-}: {
-    nextStep: number;
-    setStep: (step: number) => void;
-    setUserOp: (userOp: any) => void;
-}) => {
-    const { chainIdIn } = useAppDetails();
-    const { routeLoading, usdAmountIn, routeData } = useRouteData();
-    const { signMessageAsync } = useSignMessage();
-    const { address } = useAccount();
-    const [isSigning, setIsSigning] = useState(false);
-
-    const handleSignUserOp = async () => {
-        if (!routeData || (routeData as any)?.error) {
-            console.error("No valid router data available");
-            return;
-        }
-
-        try {
-            setIsSigning(true);
-
-            const userOperation = routeData?.userOp;
-            if (!userOperation) {
-                console.error("No userOperation found in routeData");
-                return;
-            }
-
-            console.log("Signing userOperation:", userOperation);
-
-            const userOpHash = getUserOperationHash({
-                // @ts-ignore
-                userOperation,
-                entryPointAddress: ENTRY_POINT_ADDRESS,
-                entryPointVersion: "0.7",
-                chainId: chainIdIn,
-            });
-
-            const signature = await signMessageAsync({
-                account: address as `0x${string}`,
-                message: { raw: userOpHash as `0x${string}` },
-            });
-
-            const signedUserOp = {
-                ...userOperation,
-                signature,
-            };
-
-            console.log("signedUserOp", JSON.stringify(signedUserOp));
-
-            setUserOp(signedUserOp);
-            setStep(nextStep);
-        } catch (error) {
-            console.error("Failed to sign userOperation:", error);
-        } finally {
-            setIsSigning(false);
-        }
-    };
-
-    return (
-        <BodyWrapper>
-            <Flex
-                flexDirection={"column"}
-                gap={"16px"}
-                alignItems={"center"}
-                width={"100%"}
-            >
-                <Skeleton
-                    loading={routeLoading}
-                    width={routeLoading ? "156px" : "auto"}
-                >
-                    <Input
-                        readOnly
-                        marginY={"8px"}
-                        variant={"text"}
-                        placeholder={"$10.00"}
-                        value={usdAmountIn}
-                    />
-                </Skeleton>
-
-                <QuoteParameters />
-            </Flex>
-
-            <TransactionDetailRow />
-
-            <Button
-                disabled={
-                    !!(routeData as any)?.message || routeLoading || isSigning
-                }
-                loading={routeLoading || isSigning}
-                onClick={handleSignUserOp}
-            >
-                {routeLoading
-                    ? "Loading quote"
-                    : isSigning
-                      ? "Signing..."
-                      : "Sign Transaction"}
-            </Button>
-        </BodyWrapper>
-    );
-};
-
-export default SignUserOpStep;