tek-wallet 0.0.84 → 0.0.87

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

@@ -1,10 +1,19 @@
 "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);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var system_1 = require("@mui/system");
-var StyledImage = (0, system_1.styled)("img")(function () { return ({
-    display: "block",
-}); });
+var StyledImage = (0, system_1.styled)("img")(function (sx) { return (__assign({ display: "block" }, sx)); });
 var Image = function (props) {
     return ((0, jsx_runtime_1.jsx)(StyledImage, { onClick: props.onClick, src: props.src, alt: props.alt, sx: props.sx }));
 };

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

@@ -20,7 +20,7 @@ var StatusDisplayType;
     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", {
+    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"), sx: { width: "1.5rem", height: "1.5rem" } }), (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,

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

@@ -107,6 +107,14 @@ var CreateWalletView = function (props) {
             gotoStep(CreateWalletViewStep.CONFIRM_PASSCODE);
         }
     };
+    var handleCreateWalletError = function () {
+        var _a;
+        (_a = childPageLayoutRef.current) === null || _a === void 0 ? void 0 : _a.showError();
+        setTimeout(function () {
+            var _a;
+            (_a = childPageLayoutRef.current) === null || _a === void 0 ? void 0 : _a.showNormal();
+        }, 1500);
+    };
     var handleConfirmOtpChange = function (value) {
         setConfirmOtp(value);
         /**
@@ -122,10 +130,7 @@ var CreateWalletView = function (props) {
             }, function () {
                 var _a;
                 (_a = childPageLayoutRef.current) === null || _a === void 0 ? void 0 : _a.showSuccess();
-            }, function () {
-                var _a;
-                (_a = childPageLayoutRef.current) === null || _a === void 0 ? void 0 : _a.showError();
-            });
+            }, handleCreateWalletError);
         }
     };
     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: {

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

@@ -1,5 +1,16 @@
 "use strict";
 "use client";
+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 __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) {
@@ -45,14 +56,13 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var DefaultPageLayout_1 = __importDefault(require("../../../components/layouts/DefaultPageLayout"));
 var SwiperControlled_1 = __importDefault(require("../../../components/ui/SwiperControlled"));
 var react_1 = require("swiper/react");
-var TheBackground_1 = __importDefault(require("../../../components/ui/TheBackground"));
 var ChildPageLayout_1 = __importDefault(require("../../../components/layouts/ChildPageLayout"));
 var PageHeader_1 = __importDefault(require("../../../components/ui/PageHeader"));
 var react_2 = require("react");
 var Text_1 = __importDefault(require("../../../components/ui/Text"));
 var Button_1 = __importDefault(require("../../ui/Button"));
-var importWalletIntenalService_1 = __importDefault(require("../../../services/axios/import-wallet-service/importWalletIntenalService"));
 var material_1 = require("@mui/material");
+var useWalletData_1 = __importDefault(require("../../../hooks/useWalletData"));
 var ImportWalletViewStep;
 (function (ImportWalletViewStep) {
     ImportWalletViewStep[ImportWalletViewStep["CREATE_PASSCODE"] = 0] = "CREATE_PASSCODE";
@@ -62,70 +72,59 @@ var ImportWalletView = function (props) {
     var _a = (0, react_2.useState)(""), seedPhrase = _a[0], setSeedPhrase = _a[1];
     var swiperControlledRef = (0, react_2.useRef)(null);
     var childPageLayoutRef = (0, react_2.useRef)(null);
+    var importWallet = (0, useWalletData_1.default)().importWallet;
     var handleChangeSeedPhrase = function (event) {
         setSeedPhrase(event.target.value);
     };
+    var handleImportWalletError = function () {
+        var _a;
+        (_a = childPageLayoutRef.current) === null || _a === void 0 ? void 0 : _a.showError();
+        setTimeout(function () {
+            var _a;
+            (_a = childPageLayoutRef.current) === null || _a === void 0 ? void 0 : _a.showNormal();
+        }, 1500);
+    };
     var handleImportWallet = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var delay, response;
         var _a;
         return __generator(this, function (_b) {
             switch (_b.label) {
                 case 0:
                     (_a = childPageLayoutRef.current) === null || _a === void 0 ? void 0 : _a.showLoading();
-                    delay = new Promise(function (resolve) { return setTimeout(resolve, 1000); });
-                    return [4 /*yield*/, (0, importWalletIntenalService_1.default)({
+                    return [4 /*yield*/, importWallet({
                             seed_pharse: seedPhrase,
                             app_slugs: [process.env.NEXT_PUBLIC_TEK_WALLET_APP_SLUG || ""],
-                        })];
+                        }, function () {
+                            var _a;
+                            (_a = childPageLayoutRef.current) === null || _a === void 0 ? void 0 : _a.showLoading();
+                        }, function () {
+                            var _a;
+                            (_a = childPageLayoutRef.current) === null || _a === void 0 ? void 0 : _a.showSuccess();
+                        }, handleImportWalletError)];
                 case 1:
-                    response = _b.sent();
-                    Promise.allSettled([delay, response]).then(function (result) { return __awaiter(void 0, void 0, void 0, function () {
-                        var data;
-                        var _a;
-                        return __generator(this, function (_b) {
-                            if (result[1].status === "fulfilled") {
-                                data = result[1].value;
-                                if (!(data === null || data === void 0 ? void 0 : data.success)) {
-                                    (_a = childPageLayoutRef.current) === null || _a === void 0 ? void 0 : _a.showError();
-                                }
-                            }
-                            return [2 /*return*/];
-                        });
-                    }); });
+                    _b.sent();
                     return [2 /*return*/];
             }
         });
     }); };
-    return ((0, jsx_runtime_1.jsx)(TheBackground_1.default, { sx: {
-            height: "100%",
-            width: "100%",
-        }, children: (0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { ref: childPageLayoutRef, header: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { overrideBack: props.onBack, title: "Import wallet" }), children: (0, jsx_runtime_1.jsx)(DefaultPageLayout_1.default, { sx: {
-                    display: "flex",
-                    flexDirection: "column",
-                    gap: "1rem",
-                    height: "100%",
-                    width: "100%",
-                }, children: (0, jsx_runtime_1.jsx)(SwiperControlled_1.default, { ref: swiperControlledRef, 
-                    // className="size-full"
-                    disableSwipe: true, children: (0, jsx_runtime_1.jsx)(react_1.SwiperSlide, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
-                                display: "flex",
-                                flexDirection: "column",
-                                justifyContent: "center",
-                                hFull: "100%",
-                                gap: "1rem",
-                            }, children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                                        color: "text.white",
-                                        fontWeight: "500",
-                                        fontSize: "16px",
-                                    }, children: "Your seed phrase" }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+    return ((0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { ref: childPageLayoutRef, header: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { overrideBack: props.onBack, title: "Import wallet" }), 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.jsx)(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: {
+                            display: "flex",
+                            flexDirection: "column",
+                            alignItems: "center",
+                            height: "100%",
+                            gap: "1rem",
+                        }, children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                                    color: "text.white",
+                                    fontWeight: "500",
+                                    fontSize: "16px",
+                                }, children: "Your seed phrase" }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                                    width: "100%",
+                                    height: "fit-content",
+                                }, children: (0, jsx_runtime_1.jsx)(material_1.TextareaAutosize, { value: seedPhrase, onChange: handleChangeSeedPhrase, minRows: 8, maxRows: 8, placeholder: "Enter your seed phrase", style: {
                                         width: "100%",
-                                        height: "fit-content",
-                                    }, children: (0, jsx_runtime_1.jsx)(material_1.TextareaAutosize, { value: seedPhrase, onChange: handleChangeSeedPhrase, minRows: 8, maxRows: 8, placeholder: "Enter your seed phrase", style: {
-                                            width: "100%",
-                                            height: "100%",
-                                            backgroundColor: "ui.background.primary",
-                                            borderRadius: "lg",
-                                            padding: "4px",
-                                        } }) }), (0, jsx_runtime_1.jsx)(Text_1.default, { className: "text-ui-text-white font-400 text-13 text-center", children: "Your seed phrase is a list of words that are used to create your wallet. It is important to keep it safe and private." }), (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { className: "w-full mt-auto", onClick: handleImportWallet, children: "Import" })] }) }) }) }) }) }));
+                                        backgroundColor: "ui.background.primary",
+                                        borderRadius: "lg",
+                                        padding: "1rem",
+                                        color: "text.white",
+                                    } }) }), (0, jsx_runtime_1.jsx)(Text_1.default, { className: "text-ui-text-white font-400 text-13 text-center", children: "Your seed phrase is a list of words that are used to create your wallet. It is important to keep it safe and private." }), (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { sx: { width: "100%", marginTop: "auto" }, onClick: handleImportWallet, children: "Import" })] }) }) }) }) }));
 };
 exports.default = ImportWalletView;

package/dist/providers/WalletDataProvider/index.js

@@ -82,6 +82,7 @@ var getBalanceService_1 = __importDefault(require("../../services/axios/get-bala
 var loginIntenalService_2 = __importDefault(require("../../services/axios/sign-out-internal/loginIntenalService"));
 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"));
 exports.initialWalletData = {
     isAuthenticated: false,
     session: undefined,
@@ -94,6 +95,7 @@ exports.initialWalletData = {
     updateBalance: function () { },
     disconnect: function () { },
     createWallet: function () { return Promise.resolve({}); },
+    importWallet: function () { return Promise.resolve({}); },
 };
 exports.WalletDataContext = react_1.default.createContext(exports.initialWalletData);
 function WalletDataProvider(_a) {
@@ -175,14 +177,44 @@ function WalletDataProvider(_a) {
                     if (result[1].status === "fulfilled") {
                         data = result[1].value;
                         if (data.success) {
-                            // childPageLayoutRef.current?.showSuccess();
                             setTimeout(function () {
                                 updateLogin();
                             }, 1000);
                             onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(data);
                         }
                         else {
-                            // childPageLayoutRef.current?.showError();
+                            onError === null || onError === void 0 ? void 0 : onError(new Error("Create wallet failed"));
+                        }
+                    }
+                    else {
+                        onError === null || onError === void 0 ? void 0 : onError(new Error("Create wallet failed"));
+                    }
+                    return [2 /*return*/];
+                });
+            }); });
+            return [2 /*return*/, response];
+        });
+    }); };
+    var importWallet = function (body, onStart, onSuccess, onError) { return __awaiter(_this, void 0, void 0, function () {
+        var delay, response;
+        var _this = this;
+        return __generator(this, function (_a) {
+            // childPageLayoutRef.current?.showLoading();
+            onStart === null || onStart === void 0 ? void 0 : onStart();
+            delay = new Promise(function (resolve) { return setTimeout(resolve, 1000); });
+            response = (0, importWalletIntenalService_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) {
+                            setTimeout(function () {
+                                updateLogin();
+                            }, 1000);
+                            onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(data);
+                        }
+                        else {
                             onError === null || onError === void 0 ? void 0 : onError(new Error("Create wallet failed"));
                         }
                     }
@@ -256,6 +288,7 @@ function WalletDataProvider(_a) {
             updateBalance: updateBalance,
             disconnect: disconnect,
             createWallet: createWallet,
+            importWallet: importWallet,
         }, children: children }));
 }
 exports.default = WalletDataProvider;

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

@@ -59,6 +59,7 @@ 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>;
 }
 export interface LoginInfo {
     accessToken: string;

package/package.json

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