tek-wallet 0.0.90 → 0.0.92

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

@@ -117,6 +117,7 @@ var CreateWalletView = function (props) {
     };
     var handleConfirmOtpChange = function (value) {
         setConfirmOtp(value);
+        console.warn("🚀 ~ handleConfirmOtpChange ~ value:", value);
         /**
          * validate otp here
          */
@@ -125,11 +126,9 @@ var CreateWalletView = function (props) {
                 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();
+                // childPageLayoutRef.current?.showLoading();
             }, function () {
-                var _a;
-                (_a = childPageLayoutRef.current) === null || _a === void 0 ? void 0 : _a.showSuccess();
+                // childPageLayoutRef.current?.showSuccess();
             }, handleCreateWalletError);
         }
     };

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

@@ -0,0 +1,10 @@
+import { GeneralProps } from "../../../types/ui";
+interface GetSeedPhraseWalletViewProps extends GeneralProps {
+    onBack: () => void;
+}
+export declare enum GetSeedPhraseWalletViewStep {
+    ENTER_PASSCODE = 0,
+    SHOW_SEED_PHRASE = 1
+}
+declare const GetSeedPhraseWalletView: (props: GetSeedPhraseWalletViewProps) => import("react/jsx-runtime").JSX.Element;
+export default GetSeedPhraseWalletView;

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

@@ -0,0 +1,146 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": 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 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 react_2 = require("react");
+var Text_1 = __importDefault(require("../../../components/ui/Text"));
+var useWalletData_1 = __importDefault(require("../../../hooks/useWalletData"));
+var material_1 = require("@mui/material");
+var GetSeedPhraseWalletViewStep;
+(function (GetSeedPhraseWalletViewStep) {
+    GetSeedPhraseWalletViewStep[GetSeedPhraseWalletViewStep["ENTER_PASSCODE"] = 0] = "ENTER_PASSCODE";
+    GetSeedPhraseWalletViewStep[GetSeedPhraseWalletViewStep["SHOW_SEED_PHRASE"] = 1] = "SHOW_SEED_PHRASE";
+})(GetSeedPhraseWalletViewStep || (exports.GetSeedPhraseWalletViewStep = GetSeedPhraseWalletViewStep = {}));
+var passcodeLength = 6;
+var GetSeedPhraseWalletView = function (props) {
+    var _a = (0, react_2.useState)(""), otp = _a[0], setOtp = _a[1];
+    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 gotoStep = function (step) {
+        var _a;
+        setCurrentStep(step);
+        (_a = swiperControlledRef.current) === null || _a === void 0 ? void 0 : _a.slideTo(step);
+    };
+    var clearInputsValue = function () {
+        setOtp("");
+    };
+    var handleBack = function () {
+        switch (currentStep) {
+            case GetSeedPhraseWalletViewStep.SHOW_SEED_PHRASE:
+                gotoStep(GetSeedPhraseWalletViewStep.ENTER_PASSCODE);
+                break;
+            case GetSeedPhraseWalletViewStep.ENTER_PASSCODE:
+                props.onBack();
+                clearInputsValue();
+                break;
+            default:
+                break;
+        }
+    };
+    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 handleOtpChange = function (value) {
+        /**
+         * validate otp here
+         */
+        if (value.length === passcodeLength) {
+            createWallet({
+                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();
+            }, function () {
+                var _a;
+                (_a = childPageLayoutRef.current) === null || _a === void 0 ? void 0 : _a.showSuccess();
+            }, 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: {
+                                display: "flex",
+                                flexDirection: "column",
+                                justifyContent: "center",
+                                alignItems: "center",
+                                height: "100%",
+                                gap: "1rem",
+                            }, children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                                        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: {
+                                        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: {
+                                display: "flex",
+                                flexDirection: "column",
+                                alignItems: "center",
+                                justifyContent: "center",
+                                height: "100%",
+                                gap: "1rem",
+                            } }) })] }) }) }));
+};
+exports.default = GetSeedPhraseWalletView;

package/dist/providers/WalletDataProvider/index.js

@@ -177,9 +177,7 @@ function WalletDataProvider(_a) {
                     if (result[1].status === "fulfilled") {
                         data = result[1].value;
                         if (data.success) {
-                            setTimeout(function () {
-                                updateLogin();
-                            }, 1000);
+                            updateLogin();
                             onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(data);
                         }
                         else {
@@ -209,9 +207,7 @@ function WalletDataProvider(_a) {
                     if (result[1].status === "fulfilled") {
                         data = result[1].value;
                         if (data.success) {
-                            setTimeout(function () {
-                                updateLogin();
-                            }, 1000);
+                            updateLogin();
                             onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(data);
                         }
                         else {

package/package.json

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