@verified-network/verified-custody 0.2.0 → 0.2.1

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 (25) hide show
  1. package/README.md +437 -0
  2. package/package.json +5 -2
  3. package/babel.config.json +0 -12
  4. package/src/components/overlays.tsx +0 -61
  5. package/src/components/search.tsx +0 -381
  6. package/src/components/slider.tsx +0 -29
  7. package/src/components/success.tsx +0 -142
  8. package/src/customTypes.d.ts +0 -37
  9. package/src/index.ts +0 -17
  10. package/src/pages/addCosigners.tsx +0 -1014
  11. package/src/pages/contact.tsx +0 -280
  12. package/src/pages/createPin.tsx +0 -693
  13. package/src/pages/enterPin.tsx +0 -821
  14. package/src/pages/ftu.tsx +0 -244
  15. package/src/pages/index.tsx +0 -170
  16. package/src/pages/otp.tsx +0 -410
  17. package/src/services/contracts.ts +0 -817
  18. package/src/services/store.tsx +0 -65
  19. package/src/style.css +0 -2030
  20. package/src/utils/config.ts +0 -103
  21. package/src/utils/constants.ts +0 -1966
  22. package/src/utils/helpers.tsx +0 -334
  23. package/src/utils/types.ts +0 -85
  24. package/tsconfig.json +0 -16
  25. package/tsup.config.ts +0 -36
package/src/components/search.tsx DELETED
@@ -1,381 +0,0 @@
1
- import React, { useState } from "react";
2
- import { imageAssets } from "../utils/constants";
3
-
4
- const SearchBox = (props: any) => {
5
- const [newSearchContent, setNewSearchContent] = useState<null | [Object]>(
6
- null
7
- );
8
-
9
- return (
10
- <div className="verified-custd-mdl-startup-language-content-container">
11
- <div className="verified-custd-mdl-st-language-content">
12
- {props.headerText && (
13
- <p className="verified-custd-mdl-st-language-text">
14
- {props.headerText}
15
- </p>
16
- )}
17
- <div className="verified-custd-mdl-mobille-startup-search-box-container">
18
- <div className="verified-custd-mdl-mobile-startup-search-box">
19
- <img
20
- style={{ paddingLeft: "6px" }}
21
- src={imageAssets.search}
22
- alt="Search Icon"
23
- className="verified-custd-mdl-mobile-search-icon"
24
- />
25
- <input
26
- onInputCapture={() => {
27
- if (props.type === "language") {
28
- props.setSelected("");
29
- }
30
- }}
31
- onInput={(e: any) => {
32
- if (e.target.value === "") {
33
- setNewSearchContent(null);
34
- } else {
35
- if (props.type === "language") {
36
- setNewSearchContent(
37
- // eslint-disable-next-line array-callback-return
38
- props.searchContent.filter((src: any) => {
39
- if (
40
- src.name
41
- .toLowerCase()
42
- .includes(e.target.value.toLowerCase())
43
- ) {
44
- src.searched = e.target.value.toLowerCase();
45
- src.nameArray = src.name.split("");
46
- return src;
47
- }
48
- })
49
- );
50
- } else if (props.type === "area-code") {
51
- setNewSearchContent(
52
- // eslint-disable-next-line array-callback-return
53
-
54
- props.searchContent.filter((src: any) => {
55
- if (
56
- src?.name
57
- ?.toLowerCase()
58
- .includes(e.target.value.toLowerCase())
59
- ) {
60
- src.searched = e.target.value.toLowerCase();
61
- src.nameArray = src?.name?.split("");
62
- return src;
63
- }
64
- })
65
- );
66
- }
67
- }
68
-
69
- props.handleButtonDisplay();
70
- }}
71
- type="text"
72
- className="verified-custd-mdl-ms-search-box-content"
73
- placeholder="Search"
74
- />
75
- </div>
76
- <div className="verified-custd-mdl-mobile-startup-search-content">
77
- <div
78
- style={
79
- props.contentMaxHeight
80
- ? { maxHeight: `${props.contentMaxHeight}px` }
81
- : {}
82
- }
83
- className="verified-custd-mdl-ms-search-content-container"
84
- >
85
- {!newSearchContent &&
86
- props?.searchContent?.length > 0 &&
87
- props.searchContent.map((src: any, idx: number) => (
88
- <React.Fragment key={idx}>
89
- {props.type === "area-code" && (
90
- <div
91
- key={idx}
92
- onClickCapture={() => {
93
- props.setSelected({
94
- area: src.phone_code,
95
- flag: src.flag,
96
- name: src.name,
97
- });
98
- }}
99
- onClick={() => {
100
- if (props.setSearchActive) {
101
- props.setSearchActive(!props.setSearchActive);
102
- }
103
- props.handleButtonDisplay();
104
- }}
105
- className="verified-custd-mdl-ms-search-content"
106
- >
107
- <img
108
- src={src.flag}
109
- alt="Search Result Icon"
110
- className="verified-custd-mdl-ms-search-content-icon"
111
- />
112
- <p className="verified-custd-mdl-ms-search-content-text">
113
- {src.name}
114
- </p>
115
- </div>
116
- )}
117
- {props.type === "language" && (
118
- <React.Fragment>
119
- {window.location.search !== `?${idx}` && (
120
- <div
121
- key={idx}
122
- onClickCapture={() => {
123
- props.setSelected(src.name);
124
- }}
125
- onClick={() => {
126
- props.setSelected(src.name);
127
- if (props.setSearchActive) {
128
- props.setSearchActive(!props.setSearchActive);
129
- }
130
- props.handleButtonDisplay();
131
- }}
132
- className="verified-custd-mdl-ms-search-content"
133
- >
134
- <img
135
- src={src.icon}
136
- alt="Search Result Icon"
137
- className="verified-custd-mdl-ms-search-content-icon"
138
- />
139
- {src.label && (
140
- <p className="verified-custd-mdl-ms-search-content-text">
141
- {src.name} {`(${src.label})`}
142
- </p>
143
- )}
144
- {!src.label && (
145
- <p className="verified-custd-mdl-ms-search-content-text">
146
- {src.name}
147
- </p>
148
- )}
149
- </div>
150
- )}
151
- {window.location.search === `?${idx}` && (
152
- <div
153
- key={idx}
154
- onClickCapture={() => {
155
- props.setSelected(src.name);
156
- }}
157
- onClick={() => {
158
- props.setSelected(src.name);
159
- if (props.setSearchActive) {
160
- props.setSearchActive(!props.setSearchActive);
161
- }
162
- props.handleButtonDisplay();
163
- }}
164
- className="verified-custd-mdl-ms-search-content-active"
165
- >
166
- <div className="verified-custd-mdl-ms-search-content-text-container">
167
- <img
168
- src={src.icon}
169
- alt="Search Result Icon"
170
- className="verified-custd-mdl-ms-search-content-icon"
171
- />
172
- {src.label && (
173
- <p className="verified-custd-mdl-ms-search-content-text">
174
- {src.name} {`(${src.label})`}
175
- </p>
176
- )}
177
- {!src.label && (
178
- <p className="verified-custd-mdl-ms-search-content-text">
179
- {src.name}
180
- </p>
181
- )}
182
- </div>
183
- {props.selected && props.selected.length > 0 && (
184
- <img
185
- src={imageAssets.circleClicked}
186
- alt="Clicked Icon"
187
- />
188
- )}
189
- </div>
190
- )}
191
- </React.Fragment>
192
- )}
193
- </React.Fragment>
194
- ))}
195
-
196
- {newSearchContent &&
197
- newSearchContent.length > 0 &&
198
- newSearchContent.map((src: any, idx: number) => (
199
- <React.Fragment key={idx}>
200
- {props.type === "area-code" && (
201
- <div
202
- key={idx}
203
- onClickCapture={() => {
204
- props.setSelected({
205
- area: src?.phone_code,
206
- flag: src?.flag,
207
- name: src?.name,
208
- });
209
- }}
210
- onClick={() => {
211
- if (props.setSearchActive) {
212
- props.setSearchActive(!props.setSearchActive);
213
- }
214
- props.handleButtonDisplay();
215
- }}
216
- className="verified-custd-mdl-ms-search-content"
217
- >
218
- <img
219
- src={src?.flag}
220
- alt="Search Result Icon"
221
- className="verified-custd-mdl-ms-search-content-icon"
222
- />
223
- <p className="verified-custd-mdl-ms-search-content-text">
224
- {src?.nameArray?.length > 0 &&
225
- src?.nameArray.map((nm: any, idx: number) => (
226
- <React.Fragment key={idx}>
227
- {!src.searched.includes(nm.toLowerCase()) && (
228
- <span
229
- key={idx}
230
- style={{
231
- color: "#B6B7C3",
232
- }}
233
- >
234
- {nm}
235
- </span>
236
- )}
237
- {src.searched.includes(nm.toLowerCase()) && (
238
- <span key={idx}>{nm}</span>
239
- )}
240
- </React.Fragment>
241
- ))}
242
- </p>
243
- </div>
244
- )}
245
- {props.type === "language" && (
246
- <React.Fragment key={idx}>
247
- {window.location.search !== `?${idx}` && (
248
- <div
249
- onClickCapture={() => {
250
- props.setSelected(src.name);
251
- }}
252
- onClick={() => {
253
- props.setSelected(src.name);
254
- if (props.setSearchActive) {
255
- props.setSearchActive(!props.setSearchActive);
256
- }
257
- props.handleButtonDisplay();
258
- }}
259
- className="verified-custd-mdl-ms-search-content"
260
- >
261
- <img
262
- src={src.icon}
263
- alt="Search Result Icon"
264
- className="verified-custd-mdl-ms-search-content-icon"
265
- />
266
- {!src.label && (
267
- <p className="verified-custd-mdl-ms-search-content-text">
268
- {src.nameArray?.length > 0 &&
269
- src.nameArray.map((nm: any, idx: number) => (
270
- <React.Fragment key={idx}>
271
- {!src.searched.includes(
272
- nm.toLowerCase()
273
- ) && (
274
- <span
275
- key={idx}
276
- style={{
277
- color: "#B6B7C3",
278
- }}
279
- >
280
- {nm}
281
- </span>
282
- )}
283
- {src.searched.includes(
284
- nm.toLowerCase()
285
- ) && <span key={idx}>{nm}</span>}
286
- </React.Fragment>
287
- ))}
288
- </p>
289
- )}
290
- {src.label && (
291
- <p className="verified-custd-mdl-ms-search-content-text">
292
- {src.nameArray?.length > 0 &&
293
- src.nameArray.map((nm: any, idx: number) => (
294
- <React.Fragment key={idx}>
295
- {!src.searched.includes(
296
- nm.toLowerCase()
297
- ) && (
298
- <span
299
- key={idx}
300
- style={{
301
- color: "#B6B7C3",
302
- }}
303
- >
304
- {nm}
305
- </span>
306
- )}
307
- {src.searched.includes(
308
- nm.toLowerCase()
309
- ) && <span key={idx}>{nm}</span>}
310
- </React.Fragment>
311
- ))}
312
- {!src.searched.includes(
313
- src.label.toLowerCase()
314
- ) && (
315
- <span
316
- style={{
317
- color: "#B6B7C3",
318
- }}
319
- >{` (${src.label})`}</span>
320
- )}
321
- {src.searched.includes(
322
- src.label.toLowerCase()
323
- ) && <span>{` (${src.label})`}</span>}
324
- </p>
325
- )}
326
- </div>
327
- )}
328
- {window.location.search === `?${idx}` && (
329
- <div
330
- key={idx}
331
- onClickCapture={() => {
332
- props.setSelected(src.name);
333
- }}
334
- onClick={() => {
335
- props.setSelected(src.name);
336
- if (props.setSearchActive) {
337
- props.setSearchActive(!props.setSearchActive);
338
- }
339
- props.handleButtonDisplay();
340
- }}
341
- className="verified-custd-mdl-ms-search-content-active"
342
- >
343
- <div className="verified-custd-mdl-ms-search-content-text-container">
344
- <img
345
- src={src.icon}
346
- alt="Search Result Icon"
347
- className="verified-custd-mdl-ms-search-content-icon"
348
- />
349
- {src.label && (
350
- <p className="verified-custd-mdl-ms-search-content-text">
351
- {src.name} {`(${src.label})`}
352
- </p>
353
- )}
354
- {!src.label && (
355
- <p className="verified-custd-mdl-ms-search-content-text">
356
- {src.name}
357
- </p>
358
- )}
359
- </div>
360
-
361
- {props.selected && props.selected.length > 0 && (
362
- <img
363
- src={imageAssets.circleClicked}
364
- alt="Clicked Icon"
365
- />
366
- )}
367
- </div>
368
- )}
369
- </React.Fragment>
370
- )}
371
- </React.Fragment>
372
- ))}
373
- </div>
374
- </div>
375
- </div>
376
- </div>
377
- </div>
378
- );
379
- };
380
-
381
- export default SearchBox;
package/src/components/slider.tsx DELETED
@@ -1,29 +0,0 @@
1
- import React from "react";
2
-
3
- const PageSlider = (props: any) => {
4
- return (
5
- <div className="verified-custd-mdl-startup-slider">
6
- {props.sliderCount?.length > 0 &&
7
- props.sliderCount.map((_: any, idx: number) => (
8
- <React.Fragment key={idx}>
9
- {idx <= Number(props.currentSlider) && (
10
- <div
11
- key={`active-${idx}`}
12
- style={{ width: `${100 / props.sliderCount.length}%` }}
13
- className="verified-custd-mdl-startup-slider-line-active"
14
- ></div>
15
- )}
16
- {idx > Number(props.currentSlider) && (
17
- <div
18
- key={`inactive-${idx}`}
19
- style={{ width: `${100 / props.sliderCount.length}%` }}
20
- className="verified-custd-mdl-startup-slider-line"
21
- ></div>
22
- )}
23
- </React.Fragment>
24
- ))}
25
- </div>
26
- );
27
- };
28
-
29
- export default PageSlider;
package/src/components/success.tsx DELETED
@@ -1,142 +0,0 @@
1
- import React from "react";
2
- import { errorToast } from "../utils/helpers";
3
- import { defaultVerifiedUrl, imageAssets } from "../utils/constants";
4
-
5
- const Success = (props: {
6
- setStep?: (step: string) => void;
7
- stepToSet?: string;
8
- messageTosend?: { type: string; key?: string; value?: any };
9
- customTextHeader: string;
10
- customTextFooter: string;
11
- showButton?: boolean;
12
- buttonText?: string;
13
- buttonNeutText?: string;
14
- buttonFunc?: any;
15
- buttonNeutFunc?: any;
16
- action?: string;
17
- actionHeaderText?: string;
18
- actionFooterText?: string;
19
- timeoutTime?: number;
20
- }) => {
21
- const timeoutId = !props.showButton
22
- ? setTimeout(
23
- () => {
24
- if (props.messageTosend) {
25
- try {
26
- if (chrome?.runtime?.sendMessage) {
27
- chrome.runtime.sendMessage(props.messageTosend, (res) => {
28
- if (res && props.action !== "signRecovery") {
29
- window.close();
30
- }
31
- });
32
- } else {
33
- window.location.href = defaultVerifiedUrl;
34
- }
35
- } catch (err) {
36
- if (process.env.REACT_APP_NODE_ENV !== "production") {
37
- console.error("error sending message: ", err);
38
- }
39
-
40
- errorToast(
41
- "Oops something went wrong",
42
- "Unexpected error. Try again later"
43
- );
44
- }
45
- }
46
-
47
- if (props.setStep && props.stepToSet) {
48
- props.setStep(props.stepToSet);
49
- }
50
- },
51
- props.timeoutTime ? props.timeoutTime : 3000
52
- )
53
- : null;
54
-
55
- const handleContinue = () => {
56
- props.setStep("6");
57
- };
58
-
59
- const handleClosePopup = () => {
60
- // if (chrome.runtime) {
61
- // chrome.runtime.sendMessage({
62
- // type: "VW_REQ",
63
- // params: { method: "closePopup" },
64
- // });
65
- // }
66
- if (chrome.tabs) {
67
- chrome.tabs.update({
68
- url: "https://wallet.verified.network",
69
- });
70
- } else {
71
- window.location.href = "https://wallet.verified.network";
72
- }
73
- };
74
-
75
- return (
76
- <div
77
- style={{
78
- alignContent: "center",
79
- justifyContent: "center",
80
- position: "relative",
81
- height: "100%",
82
- width: "90%",
83
- }}
84
- className="verified-custd-mdl-success-popup-content-container"
85
- >
86
- <div className="verified-custd-mdl-success-popup-content">
87
- <img
88
- style={{ width: "90%" }}
89
- src={imageAssets.successIcon}
90
- alt="Success Icon"
91
- />
92
- <div className="verified-custd-mdl-success-popup-content-text">
93
- <p className="verified-custd-mdl-success-popup-content-text-header">
94
- {!props?.showButton
95
- ? props.customTextHeader
96
- : props.actionHeaderText}
97
- </p>
98
- <p className="verified-custd-mdl-success-popup-content-text-footer">
99
- {!props?.showButton
100
- ? props.customTextFooter
101
- : props.actionFooterText}
102
- </p>
103
- </div>
104
- </div>
105
-
106
- {props.showButton && props.buttonText?.length > 0 && (
107
- <button
108
- style={{ marginTop: "10px", fontSize: "14px" }}
109
- onClick={() => {
110
- if (timeoutId) {
111
- clearTimeout(timeoutId);
112
- }
113
- if (props.action === "invitation") {
114
- handleContinue();
115
- }
116
- }}
117
- className="verified-custd-mdl-startup-button-active"
118
- >
119
- {props.buttonText}
120
- </button>
121
- )}
122
- {props.showButton && props.buttonNeutText?.length > 0 && (
123
- <button
124
- style={{ marginTop: "10px", fontSize: "14px" }}
125
- onClick={() => {
126
- if (timeoutId) {
127
- clearTimeout(timeoutId);
128
- }
129
- if (props.action === "invitation") {
130
- handleClosePopup();
131
- }
132
- }}
133
- className="verified-custd-mdl-startup-button-click"
134
- >
135
- {props.buttonNeutText}
136
- </button>
137
- )}
138
- </div>
139
- );
140
- };
141
-
142
- export default Success;
package/src/customTypes.d.ts DELETED
@@ -1,37 +0,0 @@
1
- declare module "react-dom/client" {
2
- import { ReactElement } from "react";
3
-
4
- interface Root {
5
- render(children: ReactElement): void;
6
- unmount(): void;
7
- }
8
-
9
- function createRoot(container: Element | DocumentFragment): Root;
10
-
11
- export { createRoot };
12
- }
13
-
14
- declare module "*.png" {
15
- const value: string;
16
- export default value;
17
- }
18
-
19
- declare module "*.jpg" {
20
- const value: string;
21
- export default value;
22
- }
23
-
24
- declare module "*.jpeg" {
25
- const value: string;
26
- export default value;
27
- }
28
-
29
- declare module "*.gif" {
30
- const value: string;
31
- export default value;
32
- }
33
-
34
- declare module "*.svg" {
35
- const value: string;
36
- export default value;
37
- }
package/src/index.ts DELETED
@@ -1,17 +0,0 @@
1
- import "./style.css";
2
-
3
- export { default as VerifiedCustody } from "./pages";
4
-
5
- export { default as FTUPage } from "./pages/ftu";
6
-
7
- export { default as EnterPinPage } from "./pages/enterPin";
8
-
9
- export { default as CreatePinPage } from "./pages/createPin";
10
-
11
- export { default as ContactPage } from "./pages/contact";
12
-
13
- export { default as OTPPage } from "./pages/otp";
14
-
15
- export { default as AddCoSignersPage } from "./pages/addCosigners";
16
-
17
- export { hashTheString, encryptString, decryptString } from "./utils/helpers";