@tapni/auth 0.0.168 → 1.0.2

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 (41) hide show
  1. package/dist/.vite/manifest.json +48 -10
  2. package/dist/Account-IR-XgmiM.js +153 -0
  3. package/dist/Apps-CQXLKu2F.js +112 -0
  4. package/dist/CustomApp-FxfYHVid.js +112 -0
  5. package/dist/General-BVjTsECb.js +477 -0
  6. package/dist/{QR-UQySwgoT.js → QR-B60f-H2Q.js} +11 -11
  7. package/dist/TapniAuth.es.js +1 -1
  8. package/dist/TapniAuth.umd.js +17 -17
  9. package/dist/index.css +193 -0
  10. package/dist/{install-KFv1Z6O7.js → install-BOPYSGGa.js} +3487 -3504
  11. package/dist/style.css +1 -1
  12. package/dist/{web-NrPZl3qD.js → web-XbruGdlD.js} +2 -5
  13. package/package.json +3 -3
  14. package/src/App.vue +6 -19
  15. package/src/components/{Language.vue → DELETE_Language.vue} +26 -16
  16. package/src/components/{LinkIcon.vue → DELETE_LinkIcon.vue} +1 -1
  17. package/src/components/{ModalOverlay.vue → DELETE_ModalOverlay.vue} +2 -2
  18. package/src/components/{OTP.vue → DELETE_OTP.vue} +3 -3
  19. package/src/main.js +1 -0
  20. package/src/mixins/DELETE_mfa-auth.mixin.js +53 -0
  21. package/src/mixins/auth.mixin.js +7 -1
  22. package/src/mixins/global.mixin.js +7 -0
  23. package/src/routes.js +27 -15
  24. package/src/store/auth.js +1 -1
  25. package/src/store/constants.js +2 -6
  26. package/src/store/locales/cn.js +1 -1
  27. package/src/store/locales/en.js +28 -3
  28. package/src/views/Account.vue +72 -110
  29. package/src/views/Apps.vue +106 -0
  30. package/src/views/CustomApp.vue +106 -0
  31. package/src/views/General.vue +192 -0
  32. package/src/views/Login.vue +27 -10
  33. package/src/views/QR.vue +1 -1
  34. package/src/views/Security.vue +322 -0
  35. package/src/views/Welcome.vue +10 -4
  36. package/dist/Account-uZVmDKkt.js +0 -113
  37. package/src/mixins/mfa-auth.mixin.js +0 -76
  38. package/src/views/MFA.vue +0 -117
  39. /package/dist/{web-L3jORB19.js → web-AXRKjAOB.js} +0 -0
  40. /package/dist/{web-5VtGcKeU.js → web-IFGkBi0t.js} +0 -0
  41. /package/dist/{web-AImUTDQQ.js → web-LIfHmYL2.js} +0 -0
package/dist/index.css ADDED
@@ -0,0 +1,193 @@
1
+ .container {
2
+ padding: 10px 0!important;
3
+ display: flex;
4
+ flex-direction: column;
5
+ gap: 10px;
6
+ padding-bottom: 100px !important;
7
+ }
8
+ .settingsCard {
9
+ background-color: white;
10
+ padding: 20px;
11
+ border-radius: 26px;
12
+ align-items: center;
13
+ }
14
+
15
+ .device {
16
+ display: flex;
17
+ align-items: center;
18
+ }
19
+
20
+ h4 {
21
+ margin-left: 20px;
22
+ font-weight: bold;
23
+ }
24
+
25
+ .middle {
26
+ flex: 1;
27
+ }
28
+
29
+ .left img {
30
+ background-color: #f7f8f9;
31
+ border-radius: 20px;
32
+ padding: 10px;
33
+ }
34
+
35
+ .divider {
36
+ height: 1px;
37
+ background-color: #f0f0f0;
38
+ margin: 20px 0;
39
+ }
40
+
41
+ .moreFooter {
42
+ display: flex;
43
+ align-items: center;
44
+ justify-content: space-between;
45
+ padding: 0 10px;
46
+ }
47
+
48
+ .settingRow{
49
+ background-color: #F4F4F4;
50
+ padding: 10px 9px;
51
+ border-radius: 15px;
52
+ cursor: pointer;
53
+ }
54
+
55
+ .settingRow .firstRow,
56
+ .settingRow .secondRow {
57
+ display: flex;
58
+ align-items: center;
59
+ min-height: 35px;
60
+ }
61
+
62
+ .settingRow .firstRow h4 {
63
+ text-align: left;
64
+ flex: 1;
65
+ margin-left: 20px;
66
+ font-weight: 600;
67
+ margin-bottom: 0;
68
+ }
69
+
70
+ .settingRow .secondRow {
71
+ font-size: 8px;
72
+ margin-top: 20px;
73
+ }
74
+
75
+ .settingRow .secondRow p {
76
+ flex: 1;
77
+ color: #999999;
78
+ }
79
+
80
+ .withBackground {
81
+ background-color: #ffffff;
82
+ border-radius: 10px;
83
+ padding: 10px;
84
+ width: 50px;
85
+ }
86
+
87
+
88
+ .ios-switch {
89
+ position: relative;
90
+ width: 60px;
91
+ padding-top: 4px;
92
+ padding-right: 4px;
93
+ margin-left: 4px;
94
+ -webkit-user-select: none;
95
+ -moz-user-select: none;
96
+ -ms-user-select: none;
97
+ }
98
+ .ios-switch-checkbox {
99
+ display: none;
100
+ }
101
+ .ios-switch-label {
102
+ background-color: #e3e3e3;
103
+ display: block;
104
+ overflow: initial;
105
+ cursor: pointer;
106
+ height: 30px;
107
+ padding: 0;
108
+ line-height: 20px;
109
+ border: 1px solid #e3e3e3;
110
+ border-radius: 25px;
111
+ transition: all 250ms ease;
112
+ }
113
+ .ios-switch-label:before {
114
+ content: "";
115
+ display: block;
116
+ width: 30px;
117
+ margin: 0px;
118
+ position: absolute;
119
+ top: 0;
120
+ bottom: 0;
121
+ right: 24px;
122
+ background-size: 15px;
123
+ background-repeat: no-repeat;
124
+ background-position: center;
125
+ border: 2px solid #e3e3e3;
126
+ border-radius: 25px;
127
+ transition: all 250ms ease;
128
+ }
129
+
130
+ .ios-switch-checkbox:checked + .ios-switch-label {
131
+ background-color: #151515;
132
+ }
133
+ .ios-switch-checkbox:checked + .ios-switch-label,
134
+ .ios-switch-checkbox:checked + .ios-switch-label:before {
135
+ border-color: #151515;
136
+ }
137
+ .ios-switch-checkbox:checked + .ios-switch-label:before {
138
+ right: -1px;
139
+ }
140
+
141
+
142
+ .subheaderContainer {
143
+ display: flex;
144
+ align-items: center;
145
+ position: relative;
146
+ padding: 15px 25px;
147
+ }
148
+
149
+ .subheaderContainer .left-button {
150
+ width: 40px!important;
151
+ height: 40px!important;
152
+ margin: 0;
153
+ border-radius: 50%;
154
+ background: #f4f4f4;
155
+ display: flex;
156
+ align-items: center;
157
+ justify-content: center;
158
+ position: absolute;
159
+ left: 20px;
160
+ }
161
+
162
+ .subheaderContainer .button {
163
+ width: 40px!important;
164
+ height: 40px!important;
165
+ margin: 0;
166
+ border-radius: 50%;
167
+ background: #f4f4f4;
168
+ display: flex;
169
+ align-items: center;
170
+ justify-content: center;
171
+ position: absolute;
172
+ }
173
+
174
+ .subheaderContainer .button img {
175
+ top: 0!important;
176
+ margin-right: 3px!important;
177
+ }
178
+
179
+ .subheaderContainer .left-button {
180
+ left: 20px;
181
+ }
182
+
183
+ .subheaderContainer .right-button {
184
+ right: 20px;
185
+ }
186
+
187
+ .transition-icon {
188
+ transition: 0.5s;
189
+ }
190
+
191
+ .rotate-icon {
192
+ transform: translate(-50%, -50%) rotate(180deg)!important;
193
+ }