tek-wallet 0.0.98 → 0.0.100

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

@@ -7,8 +7,5 @@ interface CustomOtpInputProps extends Omit<OTPInputProps, "renderInput"> {
     otpInputType?: OtpInputType;
     renderInput?: (inputProps: InputProps, index: number) => React.ReactNode;
 }
-export type CustomOtpInputRef = {
-    blur: () => void;
-};
-declare const CustomOtpInput: import("react").ForwardRefExoticComponent<CustomOtpInputProps & import("react").RefAttributes<CustomOtpInputRef>>;
+declare const CustomOtpInput: (props: CustomOtpInputProps) => import("react/jsx-runtime").JSX.Element;
 export default CustomOtpInput;

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

@@ -27,23 +27,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.OtpInputType = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
 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 = (0, react_1.forwardRef)(function (props, ref) {
+var CustomOtpInput = function (props) {
     var otpInputType = props.otpInputType, rest = __rest(props, ["otpInputType"]);
-    var blurButtonRef = (0, react_1.useRef)(null);
-    (0, react_1.useImperativeHandle)(ref, function () { return ({
-        blur: function () {
-            var _a;
-            (_a = blurButtonRef.current) === null || _a === void 0 ? void 0 : _a.click();
-        },
-    }); });
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("button", { ref: blurButtonRef, style: { display: "none" } }), otpInputType === OtpInputType.PASSWORD && ((0, jsx_runtime_1.jsx)(react_otp_input_1.default, __assign({}, rest, { inputType: "password", inputStyle: {
+    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",
@@ -52,7 +46,9 @@ var CustomOtpInput = (0, react_1.forwardRef)(function (props, ref) {
                     outline: "none",
                     color: "#ffffff",
                     backgroundColor: "#ffffff29",
-                }, renderInput: function (props) { return (0, jsx_runtime_1.jsx)("input", __assign({}, props, { inputMode: "decimal" })); } }))), otpInputType !== OtpInputType.PASSWORD && ((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" })); } })))] }));
-});
-CustomOtpInput.displayName = "CustomOtpInput";
+                }, renderInput: function (props) { return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("input", __assign({}, props, { inputMode: "decimal" })), (0, jsx_runtime_1.jsx)("style", { children: "input::selection {\n            background-color: transparent; \n            color: white; \n          }" })] })); } })));
+        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/views/CreateWalletView/index.js

@@ -73,7 +73,6 @@ var CreateWalletView = function (props) {
     var childPageLayoutRef = (0, react_2.useRef)(null);
     var _c = (0, react_2.useState)(CreateWalletViewStep.CREATE_PASSCODE), currentStep = _c[0], setCurrentStep = _c[1];
     var createWallet = (0, useWalletData_1.default)().createWallet;
-    var otpInputRef = (0, react_2.useRef)(null);
     var gotoStep = function (step) {
         var _a;
         setCurrentStep(step);
@@ -122,10 +121,6 @@ var CreateWalletView = function (props) {
          * validate otp here
          */
         if (value.length === passcodeLength) {
-            console.warn("🚀 ~ handleConfirmOtpChange ~ value:", otpInputRef);
-            // setTimeout(() => {
-            //   otpInputRef.current?.blur();
-            // }, 100);
             createWallet({
                 passcode: value,
                 appSlug: process.env.NEXT_PUBLIC_TEK_WALLET_APP_SLUG || "",

package/package.json

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