tek-wallet 0.0.1

package/dist/components/ui/Image/index.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var cn_1 = __importDefault(require("../../../utils/cn"));
+var Image = function (props) {
+    return (
+    // eslint-disable-next-line @next/next/no-img-element
+    (0, jsx_runtime_1.jsx)("img", { onClick: props.onClick, className: (0, cn_1.default)("block", props.className), src: props.src, alt: props.alt }));
+};
+exports.default = Image;

package/dist/components/ui/OTP/index.d.ts

@@ -0,0 +1,11 @@
+import { InputProps, OTPInputProps } from "react-otp-input";
+export declare enum OtpInputType {
+    TEXT = "text",
+    PASSWORD = "password"
+}
+interface CustomOtpInputProps extends Omit<OTPInputProps, "renderInput"> {
+    otpInputType?: OtpInputType;
+    renderInput?: (inputProps: InputProps, index: number) => React.ReactNode;
+}
+declare const CustomOtpInput: (props: CustomOtpInputProps) => import("react/jsx-runtime").JSX.Element;
+export default CustomOtpInput;

package/dist/components/ui/OTP/index.js

@@ -0,0 +1,54 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OtpInputType = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_otp_input_1 = __importDefault(require("react-otp-input"));
+var OtpInputType;
+(function (OtpInputType) {
+    OtpInputType["TEXT"] = "text";
+    OtpInputType["PASSWORD"] = "password";
+})(OtpInputType || (exports.OtpInputType = OtpInputType = {}));
+var CustomOtpInput = function (props) {
+    var otpInputType = props.otpInputType, rest = __rest(props, ["otpInputType"]);
+    switch (otpInputType) {
+        case OtpInputType.PASSWORD:
+            return ((0, jsx_runtime_1.jsx)(react_otp_input_1.default, __assign({}, rest, { inputType: "password", inputStyle: {
+                    border: "1px solid #ffffff58",
+                    borderRadius: "0.75rem",
+                    width: "2.8rem",
+                    aspectRatio: "1/1.1",
+                    margin: "0 0.25rem",
+                    outline: "none",
+                    color: "#ffffff",
+                    backgroundColor: "#ffffff29",
+                }, renderInput: function (props) { return (0, jsx_runtime_1.jsx)("input", __assign({}, props, { inputMode: "decimal" })); } })));
+        default:
+            return ((0, jsx_runtime_1.jsx)(react_otp_input_1.default, __assign({}, rest, { renderInput: function (props) { return (0, jsx_runtime_1.jsx)("input", __assign({}, props, { inputMode: "text" })); } })));
+    }
+};
+exports.default = CustomOtpInput;

package/dist/components/ui/PageHeader/index.d.ts

@@ -0,0 +1,7 @@
+import { GeneralProps } from "../../../types/ui";
+interface PageHeaderProps extends GeneralProps {
+    overrideBack?: (e: React.MouseEvent<HTMLDivElement>) => unknown;
+    title?: React.ReactNode;
+}
+declare const PageHeader: (props: PageHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export default PageHeader;

package/dist/components/ui/PageHeader/index.js

@@ -0,0 +1,14 @@
+"use strict";
+"use client";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var cn_1 = __importDefault(require("../../../utils/cn"));
+var BackHeader_1 = __importDefault(require("../BackHeader"));
+var Text_1 = __importDefault(require("../Text"));
+var PageHeader = function (props) {
+    return ((0, jsx_runtime_1.jsxs)(BackHeader_1.default, { overrideBack: props.overrideBack, className: (0, cn_1.default)("flex items-center h-full bg-ui-bg-white relative px-4", props.className), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { className: "text-white absolute left-1/2 -translate-x-1/2 top-1/2 -translate-y-1/2 text-base font-500", children: props.title }), props.children] }));
+};
+exports.default = PageHeader;

package/dist/components/ui/RequireConnect/index.d.ts

@@ -0,0 +1,6 @@
+import { GeneralProps } from "../../../types/ui";
+export interface RequireConnectProps extends GeneralProps {
+    children: React.ReactNode;
+}
+declare function RequireConnect({ children, ...props }: RequireConnectProps): import("react/jsx-runtime").JSX.Element;
+export default RequireConnect;

package/dist/components/ui/RequireConnect/index.js

@@ -0,0 +1,66 @@
+"use strict";
+"use client";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_redux_1 = require("react-redux");
+var DrawerComponent_1 = __importStar(require("../DrawerComponent"));
+var AuthView_1 = __importDefault(require("../../../components/views/AuthView"));
+var cn_1 = __importDefault(require("../../../utils/cn"));
+function RequireConnect(_a) {
+    var _b;
+    var children = _a.children, props = __rest(_a, ["children"]);
+    var accessToken = ((_b = (0, react_redux_1.useSelector)(function (state) { return state.auth; })) !== null && _b !== void 0 ? _b : {}).accessToken;
+    var className = props.className;
+    if (!accessToken) {
+        return ((0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { direction: DrawerComponent_1.DRAWER_DIRECTION.RIGHT, trigger: (0, jsx_runtime_1.jsxs)("button", { className: (0, cn_1.default)("relative", className), children: [children, " ", (0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0 z-10" })] }), children: (0, jsx_runtime_1.jsx)(AuthView_1.default, {}) }));
+    }
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
+}
+exports.default = RequireConnect;

package/dist/components/ui/StatusDisplay/index.d.ts

@@ -0,0 +1,14 @@
+interface StatusDisplayProps {
+    className?: string;
+    status: StatusDisplayType;
+}
+export declare enum StatusDisplayType {
+    Success = "success",
+    Error = "error",
+    Warning = "warning",
+    Info = "info",
+    Loading = "loading",
+    Normal = "normal"
+}
+declare const StatusDisplay: (props: StatusDisplayProps) => import("react/jsx-runtime").JSX.Element;
+export default StatusDisplay;

package/dist/components/ui/StatusDisplay/index.js

@@ -0,0 +1,30 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StatusDisplayType = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var cn_1 = __importDefault(require("../../../utils/cn"));
+var getIcon_1 = __importDefault(require("../../../utils/getIcon"));
+var Image_1 = __importDefault(require("../Image"));
+var Text_1 = __importDefault(require("../Text"));
+var clsx_1 = __importDefault(require("clsx"));
+var StatusDisplayType;
+(function (StatusDisplayType) {
+    StatusDisplayType["Success"] = "success";
+    StatusDisplayType["Error"] = "error";
+    StatusDisplayType["Warning"] = "warning";
+    StatusDisplayType["Info"] = "info";
+    StatusDisplayType["Loading"] = "loading";
+    StatusDisplayType["Normal"] = "normal";
+})(StatusDisplayType || (exports.StatusDisplayType = StatusDisplayType = {}));
+var StatusDisplay = function (props) {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, cn_1.default)("flex items-center gap-1", props.className), children: [(0, jsx_runtime_1.jsx)(Image_1.default, { src: (0, getIcon_1.default)("status_".concat(props.status), "gif"), className: "size-6" }), (0, jsx_runtime_1.jsx)(Text_1.default, { className: (0, clsx_1.default)("text-13", {
+                    "text-ui-text-error": props.status === StatusDisplayType.Error,
+                    "text-ui-text-warning": props.status === StatusDisplayType.Warning,
+                    "text-ui-text-success": props.status === StatusDisplayType.Success,
+                    "text-ui-text-loading": props.status === StatusDisplayType.Loading,
+                }), children: props.status })] }));
+};
+exports.default = StatusDisplay;

package/dist/components/ui/SwiperControlled/index.d.ts

@@ -0,0 +1,18 @@
+import "swiper/css";
+import { SwiperProps } from "swiper/react";
+import { GeneralProps } from "../../../types/ui";
+interface SwiperControlledProps extends GeneralProps {
+    className?: string;
+    tabs?: React.ReactNode[];
+    initialActiveTab?: number;
+    tabsClassName?: string;
+    swiperProps?: SwiperProps;
+    disableSwipe?: boolean;
+}
+export interface SwiperControlledRef {
+    slideTo: (index: number) => void;
+    next: () => void;
+    prev: () => void;
+}
+declare const SwiperControlled: import("react").ForwardRefExoticComponent<SwiperControlledProps & import("react").RefAttributes<SwiperControlledRef>>;
+export default SwiperControlled;

package/dist/components/ui/SwiperControlled/index.js

@@ -0,0 +1,64 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var cn_1 = __importDefault(require("../../../utils/cn"));
+require("swiper/css");
+var react_1 = require("swiper/react");
+var react_2 = require("react");
+var material_1 = require("@mui/material");
+var SwiperControlled = (0, react_2.forwardRef)(function (props, ref) {
+    var _a = (0, react_2.useState)(props.initialActiveTab || 0), activeTab = _a[0], setActiveTab = _a[1];
+    var swiperRef = (0, react_2.useRef)(null);
+    var slideTo = function (index) {
+        var _a, _b;
+        setActiveTab(index);
+        (_b = (_a = swiperRef.current) === null || _a === void 0 ? void 0 : _a.swiper) === null || _b === void 0 ? void 0 : _b.slideTo(index);
+    };
+    var next = function () {
+        var _a, _b;
+        (_b = (_a = swiperRef.current) === null || _a === void 0 ? void 0 : _a.swiper) === null || _b === void 0 ? void 0 : _b.slideNext();
+    };
+    var prev = function () {
+        var _a, _b;
+        (_b = (_a = swiperRef.current) === null || _a === void 0 ? void 0 : _a.swiper) === null || _b === void 0 ? void 0 : _b.slidePrev();
+    };
+    (0, react_2.useImperativeHandle)(ref, function () { return ({
+        slideTo: slideTo,
+        next: next,
+        prev: prev,
+    }); });
+    var handleSlideChange = function (swiper) {
+        setActiveTab(swiper.activeIndex);
+    };
+    var handleTabChange = function (event, value) {
+        var _a, _b;
+        setActiveTab(value);
+        (_b = (_a = swiperRef.current) === null || _a === void 0 ? void 0 : _a.swiper) === null || _b === void 0 ? void 0 : _b.slideTo(value);
+    };
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [props.tabs && ((0, jsx_runtime_1.jsxs)(material_1.Tabs, { className: (0, cn_1.default)(props.tabsClassName), value: activeTab, onChange: handleTabChange, children: __spreadArray([], props.tabs, true) })), (0, jsx_runtime_1.jsx)(react_1.Swiper, __assign({}, props.swiperProps, { onSlideChange: handleSlideChange, ref: swiperRef, initialSlide: activeTab, className: (0, cn_1.default)(props.className), allowTouchMove: !props.disableSwipe, children: props.children }))] }));
+});
+SwiperControlled.displayName = "SwiperControlled";
+exports.default = SwiperControlled;

package/dist/components/ui/Text/index.d.ts

@@ -0,0 +1,8 @@
+import { GeneralProps } from "../../../types/ui";
+import { ElementType } from "react";
+interface TextProps extends Omit<GeneralProps, "onClick">, React.HTMLAttributes<HTMLElement> {
+    tag?: ElementType;
+    onClick?: GeneralProps["onClick"] | React.HTMLAttributes<HTMLElement>["onClick"];
+}
+declare const Text: import("react").ForwardRefExoticComponent<TextProps & import("react").RefAttributes<HTMLElement>>;
+export default Text;

package/dist/components/ui/Text/index.js

@@ -0,0 +1,37 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var cn_1 = __importDefault(require("../../../utils/cn"));
+var react_1 = require("react");
+var Text = (0, react_1.forwardRef)(function (_a, ref) {
+    var tag = _a.tag, children = _a.children, className = _a.className, rest = __rest(_a, ["tag", "children", "className"]);
+    var Tag = tag || "span";
+    return ((0, jsx_runtime_1.jsx)(Tag, __assign({ ref: ref, className: (0, cn_1.default)("", className) }, rest, { children: children })));
+});
+Text.displayName = "Text";
+exports.default = Text;

package/dist/components/ui/TheBackground/index.d.ts

@@ -0,0 +1,6 @@
+import { GeneralProps } from "../../../types/ui";
+interface TheBackgroundProps extends GeneralProps {
+    className?: string;
+}
+declare const TheBackground: (props: TheBackgroundProps) => import("react/jsx-runtime").JSX.Element;
+export default TheBackground;

package/dist/components/ui/TheBackground/index.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var cn_1 = __importDefault(require("../../../utils/cn"));
+var getImage_1 = __importDefault(require("../../../utils/getImage"));
+var TheBackground = function (props) {
+    return ((0, jsx_runtime_1.jsx)("div", { className: (0, cn_1.default)("bg-cover bg-center bg-no-repeat", props.className), style: {
+            backgroundImage: "url(".concat((0, getImage_1.default)("main_bg", "jpg"), ")"),
+        }, children: props.children }));
+};
+exports.default = TheBackground;

package/dist/components/views/AuthView/index.d.ts

@@ -0,0 +1,5 @@
+import { GeneralProps } from "../../../types/ui";
+interface AuthViewProps extends GeneralProps {
+}
+declare const AuthView: (props: AuthViewProps) => import("react/jsx-runtime").JSX.Element;
+export default AuthView;

package/dist/components/views/AuthView/index.js

@@ -0,0 +1,65 @@
+"use strict";
+"use client";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var cn_1 = __importDefault(require("../../../utils/cn"));
+var DefaultPageLayout_1 = __importDefault(require("../../../components/layouts/DefaultPageLayout"));
+var Image_1 = __importDefault(require("../../../components/ui/Image"));
+var Button_1 = __importDefault(require("../../../components/ui/Button"));
+var Text_1 = __importDefault(require("../../../components/ui/Text"));
+var DrawerComponent_1 = __importStar(require("../../../components/ui/DrawerComponent"));
+var CreateWalletView_1 = __importDefault(require("../CreateWalletView"));
+var react_1 = require("react");
+var getIcon_1 = __importDefault(require("../../../utils/getIcon"));
+var TheBackground_1 = __importDefault(require("../../ui/TheBackground"));
+var ImportWalletView_1 = __importDefault(require("../ImportWalletView"));
+var AuthView = function (props) {
+    var createWalletDrawerRef = (0, react_1.useRef)(null);
+    var importWalletDrawerRef = (0, react_1.useRef)(null);
+    var onBackCreateWallet = function () {
+        var _a;
+        (_a = createWalletDrawerRef.current) === null || _a === void 0 ? void 0 : _a.close();
+    };
+    var onBackImportWallet = function () {
+        var _a;
+        (_a = importWalletDrawerRef.current) === null || _a === void 0 ? void 0 : _a.close();
+    };
+    return ((0, jsx_runtime_1.jsx)(TheBackground_1.default, { children: (0, jsx_runtime_1.jsxs)(DefaultPageLayout_1.default, { className: (0, cn_1.default)("flex flex-col gap-4 pb-bottom-page min-h-[100dvh]", props.className), children: [(0, jsx_runtime_1.jsx)(Image_1.default, { src: (0, getIcon_1.default)("eth"), className: "w-[80%] aspect-square fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2" }), (0, jsx_runtime_1.jsxs)("div", { className: "info_group flex flex-col gap-3 mt-auto", children: [(0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: createWalletDrawerRef, trigger: (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { className: "!w-full", children: "Create a new wallet" }), direction: DrawerComponent_1.DRAWER_DIRECTION.RIGHT, children: (0, jsx_runtime_1.jsx)(CreateWalletView_1.default, { onBack: onBackCreateWallet }) }), (0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: importWalletDrawerRef, trigger: (0, jsx_runtime_1.jsx)(Button_1.default.Secondary, { className: "!w-full", children: "I have a wallet" }), direction: DrawerComponent_1.DRAWER_DIRECTION.RIGHT, children: (0, jsx_runtime_1.jsx)(ImportWalletView_1.default, { onBack: onBackImportWallet }) }), (0, jsx_runtime_1.jsx)(Text_1.default, { className: "text-center text-12 text-ui-text-white", children: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Adipisci, eos odio. Accusamus ea praesentium unde deserunt delectus, nihil corporis, mollitia ipsum impedit cupiditate eveniet vero esse facilis, incidunt in sequi?" })] })] }) }));
+};
+exports.default = AuthView;

package/dist/components/views/CreateWalletView/index.d.ts

@@ -0,0 +1,10 @@
+import { GeneralProps } from "../../../types/ui";
+interface ImportWalletViewProps extends GeneralProps {
+    onBack: () => void;
+}
+export declare enum ImportWalletViewStep {
+    CREATE_PASSCODE = 0,
+    CONFIRM_PASSCODE = 1
+}
+declare const ImportWalletView: (props: ImportWalletViewProps) => import("react/jsx-runtime").JSX.Element;
+export default ImportWalletView;