tek-wallet 0.0.101 → 0.0.104

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

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

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

@@ -0,0 +1,67 @@
+"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 DrawerComponent_1 = __importStar(require("../DrawerComponent"));
+var cn_1 = __importDefault(require("../../../utils/cn"));
+var react_1 = require("react");
+var RequireConnect_1 = __importDefault(require("../RequireConnect"));
+var GetSeedPhraseWalletView_1 = __importDefault(require("../../views/GetSeedPhraseWalletView"));
+function GetWalletSeedPhrase(_a) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    var className = props.className;
+    var getSeedPhraseViewRef = (0, react_1.useRef)(null);
+    var backAuthView = function () {
+        var _a;
+        (_a = getSeedPhraseViewRef.current) === null || _a === void 0 ? void 0 : _a.close();
+    };
+    return ((0, jsx_runtime_1.jsx)(RequireConnect_1.default, { children: (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)(GetSeedPhraseWalletView_1.default, { onBack: backAuthView }) }) }));
+}
+exports.default = GetWalletSeedPhrase;

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

@@ -53,12 +53,18 @@ var DrawerComponent_1 = __importStar(require("../DrawerComponent"));
 var AuthView_1 = __importDefault(require("../../../components/views/AuthView"));
 var cn_1 = __importDefault(require("../../../utils/cn"));
 var useWalletData_1 = __importDefault(require("../../../hooks/useWalletData"));
+var react_1 = require("react");
 function RequireConnect(_a) {
     var children = _a.children, props = __rest(_a, ["children"]);
     var className = props.className;
+    var authViewRef = (0, react_1.useRef)(null);
     var isAuthenticated = (0, useWalletData_1.default)().isAuthenticated;
+    var backAuthView = function () {
+        var _a;
+        (_a = authViewRef.current) === null || _a === void 0 ? void 0 : _a.close();
+    };
     if (!isAuthenticated) {
-        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)(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, { onBack: backAuthView }) }));
     }
     return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
 }

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

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

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

@@ -72,7 +72,7 @@ var AuthView = function (props) {
         var _a;
         (_a = importWalletDrawerRef.current) === null || _a === void 0 ? void 0 : _a.close();
     };
-    return ((0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { header: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { title: "Connect Wallet" }), children: (0, jsx_runtime_1.jsxs)(DefaultPageLayout_1.default, { sx: __assign({ display: "flex", flexDirection: "column", gap: "1rem", paddingBottom: "2.25rem" }, props.sx), children: [(0, jsx_runtime_1.jsx)(Image_1.default, { src: (0, getIcon_1.default)("eth"), sx: {
+    return ((0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { header: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { title: "Connect Wallet", overrideBack: props.onBack }), children: (0, jsx_runtime_1.jsxs)(DefaultPageLayout_1.default, { sx: __assign({ display: "flex", flexDirection: "column", gap: "1rem", paddingBottom: "2.25rem" }, props.sx), children: [(0, jsx_runtime_1.jsx)(Image_1.default, { src: (0, getIcon_1.default)("eth"), sx: {
                         width: "80%",
                         aspectRatio: "1",
                         position: "fixed",

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

@@ -121,11 +121,13 @@ var CreateWalletView = function (props) {
          * validate otp here
          */
         if (value.length === passcodeLength) {
+            console.warn("start create");
             createWallet({
                 passcode: value,
                 appSlug: process.env.NEXT_PUBLIC_TEK_WALLET_APP_SLUG || "",
             }, function () {
                 var _a;
+                console.warn("start loading");
                 (_a = childPageLayoutRef.current) === null || _a === void 0 ? void 0 : _a.showLoading();
             }, function () {
                 var _a;

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

@@ -71,7 +71,7 @@ var GetSeedPhraseWalletView = function (props) {
     var swiperControlledRef = (0, react_2.useRef)(null);
     var childPageLayoutRef = (0, react_2.useRef)(null);
     var _b = (0, react_2.useState)(GetSeedPhraseWalletViewStep.ENTER_PASSCODE), currentStep = _b[0], setCurrentStep = _b[1];
-    var createWallet = (0, useWalletData_1.default)().createWallet;
+    var getSeedPhrase = (0, useWalletData_1.default)().getSeedPhrase;
     var gotoStep = function (step) {
         var _a;
         setCurrentStep(step);
@@ -106,9 +106,8 @@ var GetSeedPhraseWalletView = function (props) {
          * validate otp here
          */
         if (value.length === passcodeLength) {
-            createWallet({
+            var response = getSeedPhrase({
                 passcode: value,
-                appSlug: process.env.NEXT_PUBLIC_TEK_WALLET_APP_SLUG || "",
             }, function () {
                 var _a;
                 (_a = childPageLayoutRef.current) === null || _a === void 0 ? void 0 : _a.showLoading();
@@ -116,6 +115,7 @@ var GetSeedPhraseWalletView = function (props) {
                 var _a;
                 (_a = childPageLayoutRef.current) === null || _a === void 0 ? void 0 : _a.showSuccess();
             }, handleCreateWalletError);
+            console.warn("🚀 ~ handleOtpChange ~ response:", response);
         }
     };
     return ((0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { ref: childPageLayoutRef, header: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { overrideBack: handleBack, title: "Passcode" }), children: (0, jsx_runtime_1.jsx)(DefaultPageLayout_1.default, { sx: __assign({ display: "flex", flexDirection: "column", gap: "1rem", height: "100%" }, props.sx), children: (0, jsx_runtime_1.jsxs)(SwiperControlled_1.default, { ref: swiperControlledRef, disableSwipe: true, sx: { height: "100%" }, children: [(0, jsx_runtime_1.jsx)(react_1.SwiperSlide, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
@@ -129,12 +129,12 @@ var GetSeedPhraseWalletView = function (props) {
                                         color: "text.white",
                                         fontWeight: "600",
                                         fontSize: "16px",
-                                    }, children: "Create Passcode" }), (0, jsx_runtime_1.jsx)(OTP_1.default, { value: otp, onChange: handleOtpChange, numInputs: passcodeLength, otpInputType: OTP_1.OtpInputType.PASSWORD }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                                    }, children: "Enter Passcode" }), (0, jsx_runtime_1.jsx)(OTP_1.default, { value: otp, onChange: handleOtpChange, numInputs: passcodeLength, otpInputType: OTP_1.OtpInputType.PASSWORD }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                                         color: "text.white",
                                         fontWeight: "400",
                                         fontSize: "14px",
                                         textAlign: "center",
-                                    }, children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Necessitatibus, eos! Dolore quae vero in ducimus doloribus" })] }) }), (0, jsx_runtime_1.jsx)(react_1.SwiperSlide, { children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                                    }, children: "Enter your passcode to get your wallet seed phrase" })] }) }), (0, jsx_runtime_1.jsx)(react_1.SwiperSlide, { children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
                                 display: "flex",
                                 flexDirection: "column",
                                 alignItems: "center",

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 import TekWalletProvider from "./providers/TekWalletProvider";
 import RequireConnect from "./components/ui/RequireConnect";
+import GetWalletSeedPhrase from "./components/ui/GetWalletSeedPhrase";
 import useWalletData from "./hooks/useWalletData";
 import tekWalletHandler from "./handlers";
 export * from "./types/expose-type";
-export { TekWalletProvider, RequireConnect, useWalletData, tekWalletHandler };
+export { TekWalletProvider, RequireConnect, useWalletData, tekWalletHandler, GetWalletSeedPhrase, };

package/dist/index.js

@@ -17,11 +17,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.tekWalletHandler = exports.useWalletData = exports.RequireConnect = exports.TekWalletProvider = void 0;
+exports.GetWalletSeedPhrase = exports.tekWalletHandler = exports.useWalletData = exports.RequireConnect = exports.TekWalletProvider = void 0;
 var TekWalletProvider_1 = __importDefault(require("./providers/TekWalletProvider"));
 exports.TekWalletProvider = TekWalletProvider_1.default;
 var RequireConnect_1 = __importDefault(require("./components/ui/RequireConnect"));
 exports.RequireConnect = RequireConnect_1.default;
+var GetWalletSeedPhrase_1 = __importDefault(require("./components/ui/GetWalletSeedPhrase"));
+exports.GetWalletSeedPhrase = GetWalletSeedPhrase_1.default;
 var useWalletData_1 = __importDefault(require("./hooks/useWalletData"));
 exports.useWalletData = useWalletData_1.default;
 var handlers_1 = __importDefault(require("./handlers"));

package/dist/providers/WalletDataProvider/index.js

@@ -83,6 +83,7 @@ var loginIntenalService_2 = __importDefault(require("../../services/axios/sign-o
 var const_1 = require("../../handlers/const");
 var createWalletInternalService_1 = __importDefault(require("../../services/axios/create-wallet-service/createWalletInternalService"));
 var importWalletIntenalService_1 = __importDefault(require("../../services/axios/import-wallet-service/importWalletIntenalService"));
+var getSeedPhraseService_1 = __importDefault(require("../../services/axios/get-seed-phrase-service/getSeedPhraseService"));
 exports.initialWalletData = {
     isAuthenticated: false,
     session: undefined,
@@ -96,6 +97,7 @@ exports.initialWalletData = {
     disconnect: function () { },
     createWallet: function () { return Promise.resolve({}); },
     importWallet: function () { return Promise.resolve({}); },
+    getSeedPhrase: function () { return Promise.resolve({}); },
 };
 exports.WalletDataContext = react_1.default.createContext(exports.initialWalletData);
 function WalletDataProvider(_a) {
@@ -223,6 +225,34 @@ function WalletDataProvider(_a) {
             return [2 /*return*/, response];
         });
     }); };
+    var getSeedPhrase = function (body, onStart, onSuccess, onError) { return __awaiter(_this, void 0, void 0, function () {
+        var delay, response;
+        var _this = this;
+        return __generator(this, function (_a) {
+            onStart === null || onStart === void 0 ? void 0 : onStart();
+            delay = new Promise(function (resolve) { return setTimeout(resolve, 1000); });
+            response = (0, getSeedPhraseService_1.default)(body);
+            Promise.allSettled([delay, response]).then(function (result) { return __awaiter(_this, void 0, void 0, function () {
+                var data;
+                return __generator(this, function (_a) {
+                    if (result[1].status === "fulfilled") {
+                        data = result[1].value;
+                        if (data.success) {
+                            onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(data);
+                        }
+                        else {
+                            onError === null || onError === void 0 ? void 0 : onError(new Error("Get seed phrase failed"));
+                        }
+                    }
+                    else {
+                        onError === null || onError === void 0 ? void 0 : onError(new Error("Get seed phrase failed"));
+                    }
+                    return [2 /*return*/];
+                });
+            }); });
+            return [2 /*return*/, response];
+        });
+    }); };
     var disconnect = (0, react_1.useCallback)(function () { return __awaiter(_this, void 0, void 0, function () {
         var response, error_3;
         return __generator(this, function (_a) {
@@ -285,6 +315,7 @@ function WalletDataProvider(_a) {
             disconnect: disconnect,
             createWallet: createWallet,
             importWallet: importWallet,
+            getSeedPhrase: getSeedPhrase,
         }, children: children }));
 }
 exports.default = WalletDataProvider;

package/dist/services/axios/get-seed-phrase-service/getSeedPhraseService.d.ts

@@ -0,0 +1,2 @@
+import { GetSeedPhraseServiceBody, GetSeedPhraseServiceResponse } from "../../../types/expose-type";
+export default function getSeedPhraseService(body: GetSeedPhraseServiceBody): Promise<GetSeedPhraseServiceResponse>;

package/dist/services/axios/get-seed-phrase-service/getSeedPhraseService.js

@@ -0,0 +1,65 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = getSeedPhraseService;
+var userClientRequest_1 = __importDefault(require("../clients/userClientRequest"));
+function getSeedPhraseService(body) {
+    return __awaiter(this, void 0, void 0, function () {
+        var response;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, userClientRequest_1.default.post("/get-seed-phrase", body)];
+                case 1:
+                    response = _a.sent();
+                    console.warn("🚀 ~ response:", response);
+                    //   return response.data;
+                    return [2 /*return*/, new Promise(function (resolve) {
+                            setTimeout(function () {
+                                resolve({
+                                    success: true,
+                                    seedPhrase: "bạn có thể dễ dàng tùy chỉnh hiệu ứng văn bản được tô đen khi người dùng chọn trong",
+                                });
+                            }, 1000);
+                        })];
+            }
+        });
+    });
+}

package/dist/services/axios/import-wallet-service/importWalletExternalService.d.ts

@@ -1,3 +1,3 @@
-import { importWalletServiceBody, ImportWalletServiceResponse } from "../../../types/expose-type";
-declare const importWalletExternalService: (body: importWalletServiceBody) => Promise<ImportWalletServiceResponse>;
+import { ImportWalletServiceBody, ImportWalletServiceResponse } from "../../../types/expose-type";
+declare const importWalletExternalService: (body: ImportWalletServiceBody) => Promise<ImportWalletServiceResponse>;
 export default importWalletExternalService;

package/dist/services/axios/import-wallet-service/importWalletIntenalService.d.ts

@@ -1,3 +1,3 @@
-import { importWalletServiceBody, ImportWalletServiceResponse } from "../../../types/expose-type";
-declare const importWalletInternalService: (body: importWalletServiceBody) => Promise<ImportWalletServiceResponse>;
+import { ImportWalletServiceBody, ImportWalletServiceResponse } from "../../../types/expose-type";
+declare const importWalletInternalService: (body: ImportWalletServiceBody) => Promise<ImportWalletServiceResponse>;
 export default importWalletInternalService;

package/dist/types/expose-type.d.ts

@@ -59,7 +59,8 @@ export interface WalletProviderDataType {
     updateBalance: () => void;
     disconnect: () => void;
     createWallet: (body: CreateWalletServiceBody, onStart?: () => void, onSuccess?: (data?: CreateWalletServiceResponse) => void, onError?: (error?: Error) => void) => Promise<CreateWalletServiceResponse>;
-    importWallet: (body: importWalletServiceBody, onStart?: () => void, onSuccess?: (data?: ImportWalletServiceResponse) => void, onError?: (error?: Error) => void) => Promise<ImportWalletServiceResponse>;
+    importWallet: (body: ImportWalletServiceBody, onStart?: () => void, onSuccess?: (data?: ImportWalletServiceResponse) => void, onError?: (error?: Error) => void) => Promise<ImportWalletServiceResponse>;
+    getSeedPhrase: (body: GetSeedPhraseServiceBody, onStart?: () => void, onSuccess?: (data?: GetSeedPhraseServiceResponse) => void, onError?: (error?: Error) => void) => Promise<GetSeedPhraseServiceResponse>;
 }
 export interface LoginInfo {
     accessToken: string;
@@ -136,7 +137,16 @@ export interface ImportWalletData {
     blockchain_wallets: null[][];
     tokens: Tokens;
 }
-export interface importWalletServiceBody {
+export interface GetSeedPhraseServiceBody {
+    passcode: string;
+}
+export interface GetSeedPhraseServiceResponse {
+    success: boolean;
+    message: string;
+    data: string;
+    timestamp: string;
+}
+export interface ImportWalletServiceBody {
     seed_pharse: string;
     app_slugs: string[];
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tek-wallet",
-  "version": "0.0.101",
+  "version": "0.0.104",
   "description": "A custom React provider with TypeScript support",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",