import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Button, Col, Form, Input, Row } from "antd";
import { ContentLayout } from "../../Components/ContentLayout";
import { useActions } from "../../overmind";
import { useEffect } from "react";
import { useParams } from "react-router-dom";
// https://newlifeai.atlassian.net/wiki/spaces/~653302162/pages/edit-v2/846364673
export const OnboardingLink = ({ children }) => {
    const { link: _linkFromUrl } = useParams();
    const actions = useActions();
    const done = (hash) => {
        actions.api.user.checkLinkHash({ hash });
        // check nft - need endpoint; implement in overmind under flows/onboarding2
    };
    useEffect(() => {
        done(_linkFromUrl);
    }, [_linkFromUrl]);
    return (_jsxs(ContentLayout, { customClass: "app-content-layout", children: ["Enter your secret invite key:", _jsx("br", {}), _jsxs(Form, { onFinish: (e) => done(e.hash), children: [_jsx(Row, { className: "nl-row-vertical-space", children: _jsxs(Col, { children: [_jsx(Input, { name: "hash" }), _jsx("br", {})] }) }), _jsx(Row, { className: "nl-row-vertical-space", children: _jsx(Col, { children: _jsx(Button, { htmlType: "submit", children: "Next" }) }) })] })] }));
};
// v2.1
export const OnboardingNft = ({ children }) => {
    return (_jsxs(ContentLayout, { customClass: "app-content-layout", children: ["NFT Code", _jsx("br", {}), _jsx(Input, {})] }));
};
export const OnboardingVerifyLink = ({ children }) => {
    // get list of items in the invite by hash id
    return (_jsxs(ContentLayout, { customClass: "app-content-layout", children: ["Your nft", _jsx("br", {}), _jsx(Input, {})] }));
};
// v2.1
export const OnboardingVerifyNft = ({ children }) => {
    return (_jsxs(ContentLayout, { customClass: "app-content-layout", children: ["Your nft", _jsx("br", {}), _jsx(Input, {})] }));
};
export const OnboardingDomain = ({ children }) => {
    return (_jsxs(ContentLayout, { customClass: "app-content-layout", children: ["Your nft", _jsx("br", {}), _jsx(Input, {})] }));
};
export const OnboardingSubscribe = ({ children }) => {
    return (_jsxs(ContentLayout, { customClass: "app-content-layout", children: ["Your nft", _jsx("br", {}), _jsx(Input, {})] }));
};
export const OnboardingCreate = ({ children }) => {
    return (_jsxs(ContentLayout, { customClass: "app-content-layout", children: ["Your nft", _jsx("br", {}), _jsx(Input, {})] }));
};
export const OnboardingPowerup = ({ children }) => {
    return (_jsxs(ContentLayout, { customClass: "app-content-layout", children: ["Your nft", _jsx("br", {}), _jsx(Input, {})] }));
};
//# sourceMappingURL=index.js.map