tek-wallet 0.0.586 → 0.0.588

package/dist/components/{layouts → TekWallet/components/layouts}/ChildPageLayout/index.js

@@ -16,8 +16,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var StatusDisplay_1 = require("../../../components/ui/StatusDisplay");
-var StatusDisplay_2 = __importDefault(require("../../../components/ui/StatusDisplay"));
+var StatusDisplay_1 = require("../../ui/StatusDisplay");
+var StatusDisplay_2 = __importDefault(require("../../ui/StatusDisplay"));
 var material_1 = require("@mui/material");
 var getImage_1 = __importDefault(require("../../../utils/getImage"));
 var ChildPageLayout = (0, react_1.forwardRef)(function (props, ref) {

package/dist/components/TekWallet/components/ui/ChangePasscode/index.js

@@ -0,0 +1,77 @@
+"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 __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 react_1 = require("react");
+var RequireConnect_1 = __importDefault(require("../RequireConnect"));
+var material_1 = require("@mui/material");
+var ChangePasscodeView_1 = __importDefault(require("../../views/ChangePasscodeView"));
+function GetWalletSeedPhrase(_a) {
+    var children = _a.children, rest = __rest(_a, ["children"]);
+    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, { ref: getSeedPhraseViewRef, direction: DrawerComponent_1.DRAWER_DIRECTION.RIGHT, trigger: (0, jsx_runtime_1.jsxs)(material_1.Box, __assign({}, rest, { sx: { position: "relative" }, children: [children, (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { position: "absolute", inset: 0, zIndex: 10 } })] })), children: (0, jsx_runtime_1.jsx)(ChangePasscodeView_1.default, { onBack: backAuthView }) }) }));
+}
+exports.default = GetWalletSeedPhrase;

package/dist/components/{ui → TekWallet/components/ui}/ConfirmByPasscode/index.js

@@ -85,9 +85,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var OTP_1 = __importStar(require("../../../components/ui/OTP"));
+var OTP_1 = __importStar(require("../OTP"));
 var react_1 = require("react");
-var Text_1 = __importDefault(require("../../../components/ui/Text"));
+var Text_1 = __importDefault(require("../Text"));
 var ModalLayout_1 = __importDefault(require("../ModalLayout"));
 var material_1 = require("@mui/material");
 var LoadingLayout_1 = __importDefault(require("../LoadingLayout"));

package/dist/components/TekWallet/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, ...rest }: GetWalletSeedPhraseProps): import("react/jsx-runtime").JSX.Element;
+export default GetWalletSeedPhrase;

package/dist/components/{ui → TekWallet/components/ui}/LockToken/index.js

@@ -87,7 +87,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.LockTokenError = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
-var Button_1 = __importStar(require("../../ui/Button"));
+var Button_1 = __importStar(require("../Button"));
 var ConfirmLayout_1 = __importDefault(require("../ConfirmLayout"));
 var LineValue_1 = __importDefault(require("../LineValue"));
 var Formatter_1 = __importDefault(require("../Formatter"));

package/dist/components/{ui → TekWallet/components/ui}/QrCodeReader/index.js

@@ -43,10 +43,12 @@ var QrCodeReader = (0, react_1.forwardRef)(function (props, ref) {
         var video = (_a = qrReaderContainer.current) === null || _a === void 0 ? void 0 : _a.querySelector("video");
         console.warn("🚀 ~ useEffect ~ video: ", video);
         video === null || video === void 0 ? void 0 : video.addEventListener("canplay", handleCanPlay);
-        return function () {
-            video === null || video === void 0 ? void 0 : video.removeEventListener("canplay", handleCanPlay);
-        };
-    }, []);
+        if (!isOpen) {
+            return function () {
+                video === null || video === void 0 ? void 0 : video.removeEventListener("canplay", handleCanPlay);
+            };
+        }
+    }, [isOpen]);
     return ((0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { trigger: props.children, ref: drawerRef, onClose: onClose, onOpen: onOpen, children: (0, jsx_runtime_1.jsx)("div", { ref: qrReaderContainer, children: isOpen && ((0, jsx_runtime_1.jsxs)(react_qr_scanner_1.Scanner, { components: {
                     audio: false,
                     finder: false,

package/dist/components/{ui → TekWallet/components/ui}/RequireConnect/index.js

@@ -39,7 +39,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var DrawerComponent_1 = __importStar(require("../DrawerComponent"));
-var AuthView_1 = __importDefault(require("../../../components/views/AuthView"));
+var AuthView_1 = __importDefault(require("../../views/AuthView"));
 var useWalletData_1 = __importDefault(require("../../../hooks/useWalletData"));
 var react_1 = require("react");
 var material_1 = require("@mui/material");

package/dist/components/{ui → TekWallet/components/ui}/SendExternalToken/index.js

@@ -87,7 +87,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SendExternalTokenError = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
-var Button_1 = __importStar(require("../../ui/Button"));
+var Button_1 = __importStar(require("../Button"));
 var ConfirmLayout_1 = __importDefault(require("../ConfirmLayout"));
 var LineValue_1 = __importDefault(require("../LineValue"));
 var Formatter_1 = __importDefault(require("../Formatter"));

package/dist/components/{ui → TekWallet/components/ui}/SendInternalToken/index.js

@@ -87,7 +87,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SendInternalTokenError = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
-var Button_1 = __importStar(require("../../ui/Button"));
+var Button_1 = __importStar(require("../Button"));
 var ConfirmLayout_1 = __importDefault(require("../ConfirmLayout"));
 var LineValue_1 = __importDefault(require("../LineValue"));
 var Formatter_1 = __importDefault(require("../Formatter"));

package/dist/components/{ui → TekWallet/components/ui}/SwapToken/index.js

@@ -87,7 +87,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SwapTokenError = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
-var Button_1 = __importStar(require("../../ui/Button"));
+var Button_1 = __importStar(require("../Button"));
 var ConfirmLayout_1 = __importDefault(require("../ConfirmLayout"));
 var LineValue_1 = __importDefault(require("../LineValue"));
 var Formatter_1 = __importDefault(require("../Formatter"));

package/dist/components/{ui → TekWallet/components/ui}/TokenSelection/index.js

@@ -44,7 +44,7 @@ var TokenSelection = function (props) {
         var _a;
         return balance * +((_a = tokenData === null || tokenData === void 0 ? void 0 : tokenData.usd_rate) !== null && _a !== void 0 ? _a : 0);
     }, [balance, tokenData]);
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, __assign({ onClick: function () { return onClick === null || onClick === void 0 ? void 0 : onClick(tokenData); }, sx: __assign({ backgroundColor: active ? "background.secondary16" : "background.white16", border: "1px solid", borderColor: active ? "border.secondary" : "transparent", borderRadius: theme.mixins.customRadius.r16, padding: theme.mixins.customPadding.p12, display: "flex", alignItems: "center", cursor: "pointer" }, sx) }, rest, { children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g12 }), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { width: 20, src: tokenData === null || tokenData === void 0 ? void 0 : tokenData.icon, sx: {
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, __assign({ onClick: function () { return onClick === null || onClick === void 0 ? void 0 : onClick(tokenData); }, sx: __assign({ backgroundColor: active ? "background.secondary16" : "background.white16", border: "1px solid", borderColor: active ? "border.secondary" : "transparent", borderRadius: theme.mixins.customRadius.r16, padding: theme.mixins.customPadding.p12, display: "flex", alignItems: "center", cursor: "pointer" }, sx) }, rest, { children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g12 }), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { width: 20, src: tokenData === null || tokenData === void 0 ? void 0 : tokenData.link, sx: {
                             borderRadius: theme.mixins.customRadius.full,
                         } }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({}, theme.mixins.column), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: theme.mixins.value, children: tokenData === null || tokenData === void 0 ? void 0 : tokenData.name }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: theme.mixins.valueDescription, children: tokenData === null || tokenData === void 0 ? void 0 : tokenData.full_name })] })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { marginLeft: "auto", alignItems: "end" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: theme.mixins.value, children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: balance }) }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: theme.mixins.valueDescription, children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: balanceInUSD, start: "~ $" }) })] })] })));
 };

package/dist/components/{ui → TekWallet/components/ui}/UpdateLockToken/index.js

@@ -87,7 +87,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.UpdateLockTokenError = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
-var Button_1 = __importStar(require("../../ui/Button"));
+var Button_1 = __importStar(require("../Button"));
 var ConfirmLayout_1 = __importDefault(require("../ConfirmLayout"));
 var LineValue_1 = __importDefault(require("../LineValue"));
 var Formatter_1 = __importDefault(require("../Formatter"));

package/dist/components/{views → TekWallet/components/views}/AuthView/index.js

@@ -49,11 +49,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-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 DefaultPageLayout_1 = __importDefault(require("../../layouts/DefaultPageLayout"));
+var Image_1 = __importDefault(require("../../ui/Image"));
+var Button_1 = __importDefault(require("../../ui/Button"));
+var Text_1 = __importDefault(require("../../ui/Text"));
+var DrawerComponent_1 = __importStar(require("../../ui/DrawerComponent"));
 var CreateWalletView_1 = __importDefault(require("../CreateWalletView"));
 var react_1 = require("react");
 var ImportWalletView_1 = __importDefault(require("../ImportWalletView"));

package/dist/components/TekWallet/components/views/ChangePasscodeView/index.d.ts

@@ -0,0 +1,15 @@
+import { GeneralProps } from "../../../types/ui";
+interface ChangePasscodeViewProps extends GeneralProps {
+    onBack: () => void;
+}
+export declare enum ChangePasscodeViewStep {
+    ENTER_OLD_PASSCODE = 0,
+    ENTER_NEW_PASSCODE = 1,
+    CONFIRM_NEW_PASSCODE = 2
+}
+export declare enum ChangePasscodeError {
+    OLD_PASSCODE_INCORRECT = "Old passcode is incorrect",
+    PASSCODE_NOT_MATCH = "The confirmation passcode does not match"
+}
+declare const ChangePasscodeView: (props: ChangePasscodeViewProps) => import("react/jsx-runtime").JSX.Element;
+export default ChangePasscodeView;

package/dist/components/TekWallet/components/views/ChangePasscodeView/index.js

@@ -0,0 +1,274 @@
+"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 __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 __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.ChangePasscodeError = exports.ChangePasscodeViewStep = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var DefaultPageLayout_1 = __importDefault(require("../../layouts/DefaultPageLayout"));
+var SwiperControlled_1 = __importDefault(require("../../ui/SwiperControlled"));
+var react_1 = require("swiper/react");
+var ChildPageLayout_1 = __importDefault(require("../../layouts/ChildPageLayout"));
+var PageHeader_1 = __importDefault(require("../../ui/PageHeader"));
+var OTP_1 = __importStar(require("../../ui/OTP"));
+var react_2 = require("react");
+var Text_1 = __importDefault(require("../../ui/Text"));
+var useWalletData_1 = __importDefault(require("../../../hooks/useWalletData"));
+var material_1 = require("@mui/material");
+var authentication_by_passcode_service_1 = __importDefault(require("../../../services/axios/authentication-by-passcode-service"));
+var update_passcode_service_1 = __importDefault(require("../../../services/axios/update-passcode-service"));
+var ChangePasscodeViewStep;
+(function (ChangePasscodeViewStep) {
+    ChangePasscodeViewStep[ChangePasscodeViewStep["ENTER_OLD_PASSCODE"] = 0] = "ENTER_OLD_PASSCODE";
+    ChangePasscodeViewStep[ChangePasscodeViewStep["ENTER_NEW_PASSCODE"] = 1] = "ENTER_NEW_PASSCODE";
+    ChangePasscodeViewStep[ChangePasscodeViewStep["CONFIRM_NEW_PASSCODE"] = 2] = "CONFIRM_NEW_PASSCODE";
+})(ChangePasscodeViewStep || (exports.ChangePasscodeViewStep = ChangePasscodeViewStep = {}));
+var ChangePasscodeError;
+(function (ChangePasscodeError) {
+    ChangePasscodeError["OLD_PASSCODE_INCORRECT"] = "Old passcode is incorrect";
+    ChangePasscodeError["PASSCODE_NOT_MATCH"] = "The confirmation passcode does not match";
+})(ChangePasscodeError || (exports.ChangePasscodeError = ChangePasscodeError = {}));
+var passcodeLength = 6;
+var ChangePasscodeView = function (props) {
+    var theme = (0, material_1.useTheme)();
+    var _a = (0, react_2.useState)(""), oldPasscode = _a[0], setOldPasscode = _a[1];
+    var _b = (0, react_2.useState)(""), newPasscode = _b[0], setNewPasscode = _b[1];
+    var _c = (0, react_2.useState)(""), confirmPasscode = _c[0], setConfirmPasscode = _c[1];
+    var swiperControlledRef = (0, react_2.useRef)(null);
+    var childPageLayoutRef = (0, react_2.useRef)(null);
+    var _d = (0, react_2.useState)(ChangePasscodeViewStep.ENTER_OLD_PASSCODE), currentStep = _d[0], setCurrentStep = _d[1];
+    var _e = (0, react_2.useState)(null), error = _e[0], setError = _e[1];
+    var masterWallet = (0, useWalletData_1.default)().masterWallet;
+    var resetValue = function () {
+        var _a;
+        setError(null);
+        setOldPasscode("");
+        setNewPasscode("");
+        setConfirmPasscode("");
+        (_a = childPageLayoutRef.current) === null || _a === void 0 ? void 0 : _a.showNormal();
+    };
+    var gotoStep = function (step) {
+        var _a;
+        if (step === ChangePasscodeViewStep.ENTER_OLD_PASSCODE) {
+            resetValue();
+        }
+        setCurrentStep(step);
+        (_a = swiperControlledRef.current) === null || _a === void 0 ? void 0 : _a.slideTo(step);
+    };
+    var handleDone = function () {
+        gotoStep(ChangePasscodeViewStep.ENTER_OLD_PASSCODE);
+        props.onBack();
+    };
+    var handleBack = function () {
+        switch (currentStep) {
+            case ChangePasscodeViewStep.ENTER_NEW_PASSCODE:
+                handleDone();
+                break;
+            case ChangePasscodeViewStep.CONFIRM_NEW_PASSCODE:
+                gotoStep(ChangePasscodeViewStep.ENTER_NEW_PASSCODE);
+                break;
+            default:
+                break;
+        }
+    };
+    var handleCreateWalletError = function () {
+        var _a;
+        (_a = childPageLayoutRef.current) === null || _a === void 0 ? void 0 : _a.showError();
+        setTimeout(function () {
+            var _a;
+            setOldPasscode("");
+            (_a = childPageLayoutRef.current) === null || _a === void 0 ? void 0 : _a.showNormal();
+        }, 1000);
+    };
+    var handleOtpChange = function (value) { return __awaiter(void 0, void 0, void 0, function () {
+        var res;
+        var _a, _b;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    setOldPasscode(value);
+                    if (!(value.length === passcodeLength)) return [3 /*break*/, 2];
+                    (_a = childPageLayoutRef.current) === null || _a === void 0 ? void 0 : _a.showLoading();
+                    return [4 /*yield*/, (0, authentication_by_passcode_service_1.default)({
+                            passcode: value,
+                            wallet_address: masterWallet || "",
+                        })];
+                case 1:
+                    res = _c.sent();
+                    (_b = childPageLayoutRef.current) === null || _b === void 0 ? void 0 : _b.showNormal();
+                    if (res.success) {
+                        gotoStep(ChangePasscodeViewStep.ENTER_NEW_PASSCODE);
+                    }
+                    else {
+                        handleCreateWalletError();
+                    }
+                    _c.label = 2;
+                case 2: return [2 /*return*/];
+            }
+        });
+    }); };
+    var handleNewPasscodeChange = function (value) { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            setNewPasscode(value);
+            /**
+             * validate otp here
+             */
+            if (value.length === passcodeLength) {
+                gotoStep(ChangePasscodeViewStep.CONFIRM_NEW_PASSCODE);
+            }
+            return [2 /*return*/];
+        });
+    }); };
+    var handleUpdatePasscode = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var res;
+        var _a, _b, _c;
+        return __generator(this, function (_d) {
+            switch (_d.label) {
+                case 0:
+                    (_a = childPageLayoutRef.current) === null || _a === void 0 ? void 0 : _a.showLoading();
+                    return [4 /*yield*/, (0, update_passcode_service_1.default)({
+                            current_passcode: oldPasscode,
+                            new_passcode: newPasscode,
+                        })];
+                case 1:
+                    res = _d.sent();
+                    (_b = childPageLayoutRef.current) === null || _b === void 0 ? void 0 : _b.showNormal();
+                    if (res.success) {
+                        (_c = childPageLayoutRef.current) === null || _c === void 0 ? void 0 : _c.showSuccess();
+                        setTimeout(function () {
+                            handleDone();
+                        }, 1000);
+                    }
+                    else {
+                        handleCreateWalletError();
+                    }
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    var handleConfirmPasscodeChange = function (value) { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            setConfirmPasscode(value);
+            /**
+             * validate otp here
+             */
+            if (value.length === passcodeLength) {
+                if (newPasscode === value) {
+                    handleUpdatePasscode();
+                    setError(null);
+                }
+                else {
+                    setError(ChangePasscodeError.PASSCODE_NOT_MATCH);
+                    setConfirmPasscode("");
+                }
+            }
+            return [2 /*return*/];
+        });
+    }); };
+    return ((0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { ref: childPageLayoutRef, header: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { overrideBack: handleBack, title: "Change 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%" }, swiperStyle: {
+                    flex: 1,
+                }, 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",
+                                alignItems: "center",
+                                gap: "1rem",
+                                height: "100%",
+                            }, children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.sessionTitle), children: "Enter Old Passcode" }), (0, jsx_runtime_1.jsx)(OTP_1.default, { value: oldPasscode, onChange: handleOtpChange, numInputs: passcodeLength, otpInputType: OTP_1.OtpInputType.PASSWORD }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.sessionDescription), children: "Enter your old passcode to reset it" })] }) }), (0, jsx_runtime_1.jsx)(react_1.SwiperSlide, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+                                display: "flex",
+                                flexDirection: "column",
+                                justifyContent: "center",
+                                alignItems: "center",
+                                height: "100%",
+                                gap: "1rem",
+                            }, children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.sessionTitle), children: "Enter New Passcode" }), (0, jsx_runtime_1.jsx)(OTP_1.default, { value: newPasscode, onChange: handleNewPasscodeChange, numInputs: passcodeLength, otpInputType: OTP_1.OtpInputType.PASSWORD }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.sessionDescription), 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.jsxs)(material_1.Box, { sx: {
+                                display: "flex",
+                                flexDirection: "column",
+                                alignItems: "center",
+                                justifyContent: "center",
+                                height: "100%",
+                                gap: "1rem",
+                            }, children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.sessionTitle), children: "Confirm New Passcode" }), (0, jsx_runtime_1.jsx)(OTP_1.default, { value: confirmPasscode, onChange: handleConfirmPasscodeChange, numInputs: passcodeLength, otpInputType: OTP_1.OtpInputType.PASSWORD }), error && !confirmPasscode && (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.validationError), children: error }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.sessionDescription), children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Necessitatibus, eos! Dolore quae vero in ducimus doloribus" })] }) })] }) }) }));
+};
+exports.default = ChangePasscodeView;

package/dist/components/{views → TekWallet/components/views}/CreateWalletView/index.js

@@ -50,14 +50,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CreateWalletViewStep = void 0;
 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 DefaultPageLayout_1 = __importDefault(require("../../layouts/DefaultPageLayout"));
+var SwiperControlled_1 = __importDefault(require("../../ui/SwiperControlled"));
 var react_1 = require("swiper/react");
-var ChildPageLayout_1 = __importDefault(require("../../../components/layouts/ChildPageLayout"));
-var PageHeader_1 = __importDefault(require("../../../components/ui/PageHeader"));
-var OTP_1 = __importStar(require("../../../components/ui/OTP"));
+var ChildPageLayout_1 = __importDefault(require("../../layouts/ChildPageLayout"));
+var PageHeader_1 = __importDefault(require("../../ui/PageHeader"));
+var OTP_1 = __importStar(require("../../ui/OTP"));
 var react_2 = require("react");
-var Text_1 = __importDefault(require("../../../components/ui/Text"));
+var Text_1 = __importDefault(require("../../ui/Text"));
 var useWalletData_1 = __importDefault(require("../../../hooks/useWalletData"));
 var material_1 = require("@mui/material");
 var CreateWalletViewStep;

package/dist/components/{views → TekWallet/components/views}/GetSeedPhraseWalletView/index.js

@@ -50,14 +50,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.GetSeedPhraseWalletViewStep = void 0;
 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 DefaultPageLayout_1 = __importDefault(require("../../layouts/DefaultPageLayout"));
+var SwiperControlled_1 = __importDefault(require("../../ui/SwiperControlled"));
 var react_1 = require("swiper/react");
-var ChildPageLayout_1 = __importDefault(require("../../../components/layouts/ChildPageLayout"));
-var PageHeader_1 = __importDefault(require("../../../components/ui/PageHeader"));
-var OTP_1 = __importStar(require("../../../components/ui/OTP"));
+var ChildPageLayout_1 = __importDefault(require("../../layouts/ChildPageLayout"));
+var PageHeader_1 = __importDefault(require("../../ui/PageHeader"));
+var OTP_1 = __importStar(require("../../ui/OTP"));
 var react_2 = require("react");
-var Text_1 = __importDefault(require("../../../components/ui/Text"));
+var Text_1 = __importDefault(require("../../ui/Text"));
 var useWalletData_1 = __importDefault(require("../../../hooks/useWalletData"));
 var material_1 = require("@mui/material");
 var Button_1 = __importDefault(require("../../ui/Button"));

package/dist/components/{views → TekWallet/components/views}/ImportWalletView/index.js

@@ -53,13 +53,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ImportWalletViewStep = void 0;
 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 DefaultPageLayout_1 = __importDefault(require("../../layouts/DefaultPageLayout"));
+var SwiperControlled_1 = __importDefault(require("../../ui/SwiperControlled"));
 var react_1 = require("swiper/react");
-var ChildPageLayout_1 = __importDefault(require("../../../components/layouts/ChildPageLayout"));
-var PageHeader_1 = __importDefault(require("../../../components/ui/PageHeader"));
+var ChildPageLayout_1 = __importDefault(require("../../layouts/ChildPageLayout"));
+var PageHeader_1 = __importDefault(require("../../ui/PageHeader"));
 var react_2 = require("react");
-var Text_1 = __importDefault(require("../../../components/ui/Text"));
+var Text_1 = __importDefault(require("../../ui/Text"));
 var Button_1 = __importDefault(require("../../ui/Button"));
 var material_1 = require("@mui/material");
 var useWalletData_1 = __importDefault(require("../../../hooks/useWalletData"));

package/dist/{handlers → components/TekWallet/handlers}/auth/functions/clearLoginInfo.js

@@ -1,4 +1,5 @@
 "use strict";
+"use server";
 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) {

package/dist/{handlers → components/TekWallet/handlers}/auth/functions/getLoginInfoFromCookies.js

@@ -1,4 +1,5 @@
 "use strict";
+"use server";
 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) {

package/dist/{handlers → components/TekWallet/handlers}/auth/functions/setLoginInfoToCookies.js

@@ -1,4 +1,5 @@
 "use strict";
+"use server";
 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) {

package/dist/components/TekWallet/index.d.ts

@@ -0,0 +1,15 @@
+import TekWalletProviderNoImport from "./providers/TekWalletProviderNoImport";
+import tekWalletHandler from "./handlers";
+import RequireConnect from "./components/ui/RequireConnect";
+import GetWalletSeedPhrase from "./components/ui/GetWalletSeedPhrase";
+import ReceiveFunction from "./components/ui/ReceiveFunction";
+import LockToken from "./components/ui/LockToken";
+import AssetView from "./components/views/AssetView";
+import useWallet from "./hooks/useWallet";
+import Activities from "./components/ui/Activities";
+import SwapToken from "./components/ui/SwapToken";
+import MuiThemeProvider from "./theme/mui";
+import TekWalletProvider from "./providers/TekWalletProvider";
+import UpdateLockToken from "./components/ui/UpdateLockToken";
+export * from "./types/expose-type";
+export { MuiThemeProvider, TekWalletProviderNoImport, TekWalletProvider, UpdateLockToken, tekWalletHandler, RequireConnect, GetWalletSeedPhrase, ReceiveFunction, useWallet, LockToken, AssetView, Activities, SwapToken, };