tek-wallet 0.0.110 → 0.0.111

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/components/views/GetSeedPhraseWalletView/index.js +45 -36
  2. package/package.json +1 -1
package/dist/components/views/GetSeedPhraseWalletView/index.js CHANGED
@@ -141,41 +141,50 @@ var GetSeedPhraseWalletView = function (props) {
141
141
  console.warn("🚀 ~ handleOtpChange ~ response:", response);
142
142
  }
143
143
  };
144
- 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: { height: "100%" }, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
145
- display: "flex",
146
- flexDirection: "column",
147
- justifyContent: "center",
148
- alignItems: "center",
149
- height: "fit-content",
150
- gap: "1rem",
151
- }, children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
152
- color: "text.white",
153
- fontWeight: "600",
154
- fontSize: "16px",
155
- }, 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: {
156
- color: "text.white",
157
- fontWeight: "400",
158
- fontSize: "14px",
159
- textAlign: "center",
160
- }, children: "Enter your passcode to get your wallet seed phrase" })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
161
- display: "flex",
162
- alignItems: "center",
163
- gap: "1rem",
164
- }, children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)(isShowSeedPhrase ? "show_seed_phrase" : "hide_seed_phrase", "svg"), onClick: toggleShowSeedPhrase }), (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { onClick: handleDone, children: "Done" })] })] }) }), (0, jsx_runtime_1.jsx)(react_1.SwiperSlide, { children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
165
- display: "grid",
166
- gridTemplateColumns: "1fr 1fr",
167
- gap: "1rem",
168
- height: "100%",
169
- }, children: seedPhrase === null || seedPhrase === void 0 ? void 0 : seedPhrase.split(" ").map(function (word, index) { return ((0, jsx_runtime_1.jsxs)(Text_1.default, { sx: {
170
- color: "text.white",
171
- padding: "0.5rem 0.75rem",
172
- backgroundColor: "rgba(255, 255, 255, 0.1)",
173
- borderRadius: "0.5rem",
174
- fontSize: "14px",
175
- fontWeight: "400",
176
- textAlign: "center",
177
- width: "100%",
178
- border: "1px solid rgba(255, 255, 255, 0.2)",
179
- }, children: [index + 1, ". ", isShowSeedPhrase ? word : "********"] }, index)); }) }) })] }) }) }));
144
+ 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.jsx)(material_1.Box, { sx: { height: "100%" }, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
145
+ display: "flex",
146
+ flexDirection: "column",
147
+ justifyContent: "center",
148
+ alignItems: "center",
149
+ height: "fit-content",
150
+ gap: "1rem",
151
+ }, children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
152
+ color: "text.white",
153
+ fontWeight: "600",
154
+ fontSize: "16px",
155
+ }, 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: {
156
+ color: "text.white",
157
+ fontWeight: "400",
158
+ fontSize: "14px",
159
+ textAlign: "center",
160
+ }, 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: {
161
+ minHeight: "100%",
162
+ display: "flex",
163
+ flexDirection: "column",
164
+ gap: "1.5rem",
165
+ }, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
166
+ display: "grid",
167
+ gridTemplateColumns: "1fr 1fr",
168
+ gap: "1rem",
169
+ height: "fit-content",
170
+ }, children: [seedPhrase === null || seedPhrase === void 0 ? void 0 : seedPhrase.split(" ").map(function (word, index) { return ((0, jsx_runtime_1.jsxs)(Text_1.default, { sx: {
171
+ color: "text.white",
172
+ padding: "0.5rem 0.75rem",
173
+ backgroundColor: "rgba(255, 255, 255, 0.1)",
174
+ borderRadius: "0.5rem",
175
+ fontSize: "14px",
176
+ fontWeight: "400",
177
+ textAlign: "center",
178
+ width: "100%",
179
+ border: "1px solid rgba(255, 255, 255, 0.2)",
180
+ }, children: [index + 1, ". ", isShowSeedPhrase ? word : "********"] }, index)); }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
181
+ display: "flex",
182
+ alignItems: "center",
183
+ gap: "1rem",
184
+ height: "fit-content",
185
+ marginTop: "auto",
186
+ }, children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)(isShowSeedPhrase
187
+ ? "show_seed_phrase"
188
+ : "hide_seed_phrase", "svg"), onClick: toggleShowSeedPhrase }), (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { onClick: handleDone, children: "Done" })] })] }) }) })] }) }) }));
180
189
  };
181
190
  exports.default = GetSeedPhraseWalletView;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tek-wallet",
3
- "version": "0.0.110",
3
+ "version": "0.0.111",
4
4
  "description": "A custom React provider with TypeScript support",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",