tek-wallet 0.0.111 → 0.0.113

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 +35 -36
  2. package/package.json +1 -1
package/dist/components/views/GetSeedPhraseWalletView/index.js CHANGED
@@ -91,18 +91,17 @@ var GetSeedPhraseWalletView = function (props) {
91
91
  };
92
92
  var handleDone = function () {
93
93
  props.onBack();
94
+ setCurrentStep(GetSeedPhraseWalletViewStep.ENTER_PASSCODE);
94
95
  clearValues();
95
96
  };
96
97
  var handleBack = function () {
97
98
  switch (currentStep) {
98
99
  case GetSeedPhraseWalletViewStep.SHOW_SEED_PHRASE:
99
100
  // gotoStep(GetSeedPhraseWalletViewStep.ENTER_PASSCODE);
100
- props.onBack();
101
- clearValues();
101
+ handleDone();
102
102
  break;
103
103
  case GetSeedPhraseWalletViewStep.ENTER_PASSCODE:
104
- props.onBack();
105
- clearValues();
104
+ handleDone();
106
105
  break;
107
106
  default:
108
107
  break;
@@ -141,33 +140,33 @@ var GetSeedPhraseWalletView = function (props) {
141
140
  console.warn("🚀 ~ handleOtpChange ~ response:", response);
142
141
  }
143
142
  };
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: {
143
+ return ((0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { ref: childPageLayoutRef, header: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { overrideBack: handleBack, title: "Backup Wallet" }), 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: {
144
+ display: "flex",
145
+ flexDirection: "column",
146
+ justifyContent: "center",
147
+ alignItems: "center",
148
+ gap: "1rem",
149
+ height: "100%",
150
+ }, children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
151
+ color: "text.white",
152
+ fontWeight: "600",
153
+ fontSize: "16px",
154
+ }, 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: {
155
+ color: "text.white",
156
+ fontWeight: "400",
157
+ fontSize: "14px",
158
+ textAlign: "center",
159
+ }, 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
160
  minHeight: "100%",
162
161
  display: "flex",
163
162
  flexDirection: "column",
164
163
  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: {
164
+ }, children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
165
+ display: "grid",
166
+ gridTemplateColumns: "1fr 1fr",
167
+ gap: "1rem",
168
+ height: "fit-content",
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: {
171
170
  color: "text.white",
172
171
  padding: "0.5rem 0.75rem",
173
172
  backgroundColor: "rgba(255, 255, 255, 0.1)",
@@ -177,14 +176,14 @@ var GetSeedPhraseWalletView = function (props) {
177
176
  textAlign: "center",
178
177
  width: "100%",
179
178
  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" })] })] }) }) })] }) }) }));
179
+ }, children: [index + 1, ". ", isShowSeedPhrase ? word : "********"] }, index)); }) }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { marginTop: "auto" }, children: "Please do not store your seed phrase digitally (e.g., text files on your computer, email...). Write it down and keep it in a secure, confidential location that is resistant to adverse conditions like moisture, fire, or other hazards for safe storage." }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
180
+ display: "flex",
181
+ alignItems: "center",
182
+ gap: "1rem",
183
+ height: "fit-content",
184
+ width: "100%",
185
+ }, 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: {
186
+ flex: 1,
187
+ }, children: "Done" })] })] }) })] }) }) }));
189
188
  };
190
189
  exports.default = GetSeedPhraseWalletView;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tek-wallet",
3
- "version": "0.0.111",
3
+ "version": "0.0.113",
4
4
  "description": "A custom React provider with TypeScript support",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",