tek-wallet 0.0.110 → 0.0.112

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 +42 -32
  2. package/package.json +1 -1
package/dist/components/views/GetSeedPhraseWalletView/index.js CHANGED
@@ -141,41 +141,51 @@ 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",
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: {
145
+ display: "flex",
146
+ flexDirection: "column",
147
+ justifyContent: "center",
148
+ alignItems: "center",
149
+ gap: "1rem",
150
+ height: "100%",
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.jsxs)(material_1.Box, { sx: {
161
+ minHeight: "100%",
162
+ display: "flex",
163
+ flexDirection: "column",
164
+ gap: "1.5rem",
165
+ }, children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
166
+ display: "grid",
167
+ gridTemplateColumns: "1fr 1fr",
150
168
  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: {
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: {
161
181
  display: "flex",
162
182
  alignItems: "center",
163
183
  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)); }) }) })] }) }) }));
184
+ height: "fit-content",
185
+ marginTop: "auto",
186
+ width: "100%",
187
+ }, 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, sx: {
188
+ flex: 1,
189
+ }, children: "Done" })] })] }) })] }) }) }));
180
190
  };
181
191
  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.112",
4
4
  "description": "A custom React provider with TypeScript support",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",