@tapni/auth 0.0.170 → 0.0.172

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 (69) hide show
  1. package/README.md +2 -0
  2. package/dist/.vite/manifest.json +18 -10
  3. package/dist/.well-known/assetlinks.json +10 -12
  4. package/dist/.well-known/microsoft-identity-association.json +5 -5
  5. package/dist/{Account-6F9eRo1R.js → Account-BVGvxZ85.js} +31 -32
  6. package/dist/{QR-2Izy5Dj4.js → QR-DwjajyG2.js} +3 -3
  7. package/dist/TapniAuth.es.js +1 -1
  8. package/dist/TapniAuth.umd.js +9 -9
  9. package/dist/blank.html +31 -0
  10. package/dist/{install-co2F1hxN.js → install-B8fBS6C4.js} +752 -996
  11. package/dist/site.webmanifest +11 -1
  12. package/dist/style.css +1 -1
  13. package/dist/{web-NrPZl3qD.js → web-XbruGdlD.js} +2 -5
  14. package/package.json +64 -55
  15. package/src/.prettierrc.json +16 -0
  16. package/src/App.vue +249 -265
  17. package/src/components/Language.vue +66 -143
  18. package/src/components/LinkIcon.vue +174 -225
  19. package/src/components/ModalOverlay.vue +47 -50
  20. package/src/components/OTP.vue +64 -94
  21. package/src/components/SSO.vue +80 -111
  22. package/src/components/SSOPick.vue +93 -148
  23. package/src/eslint.config.js +15 -0
  24. package/src/install.js +9 -10
  25. package/src/main.js +54 -57
  26. package/src/mixins/apple.mixin.js +56 -54
  27. package/src/mixins/auth.mixin.js +21 -74
  28. package/src/mixins/facebook.mixin.js +67 -66
  29. package/src/mixins/global.mixin.js +107 -109
  30. package/src/mixins/google.mixin.js +53 -54
  31. package/src/mixins/mfa-auth.mixin.js +68 -68
  32. package/src/mixins/microsoft.mixin.js +67 -75
  33. package/src/mixins/okta.mixin.js +50 -57
  34. package/src/mixins/qr-auth.mixin.js +111 -107
  35. package/src/mixins/saml.mixin.js +97 -48
  36. package/src/router/index.js +6 -6
  37. package/src/routes.js +60 -66
  38. package/src/services/Api.js +55 -57
  39. package/src/services/AuthService.js +75 -75
  40. package/src/services/CompanyService.js +10 -10
  41. package/src/services/DeviceService.js +3 -3
  42. package/src/services/UserService.js +45 -45
  43. package/src/services/UtilService.js +256 -218
  44. package/src/store/auth.js +471 -543
  45. package/src/store/constants.js +1 -1
  46. package/src/store/event-bus.js +22 -22
  47. package/src/store/locales/cn.js +442 -458
  48. package/src/store/locales/de.js +438 -517
  49. package/src/store/locales/en.js +449 -510
  50. package/src/store/locales/es.js +442 -524
  51. package/src/store/locales/fr.js +442 -516
  52. package/src/store/locales/it.js +442 -514
  53. package/src/store/locales/kr.js +442 -491
  54. package/src/store/locales/lang.js +43 -43
  55. package/src/store/locales/sr.js +439 -492
  56. package/src/store/locales/tr.js +436 -487
  57. package/src/store/store.js +6 -6
  58. package/src/views/Account.vue +169 -207
  59. package/src/views/Callback.vue +36 -33
  60. package/src/views/Login.vue +220 -392
  61. package/src/views/MFA.vue +89 -103
  62. package/src/views/QR.vue +25 -28
  63. package/src/views/Register.vue +201 -205
  64. package/src/views/Reset.vue +132 -135
  65. package/src/views/Verify.vue +153 -151
  66. package/src/views/Welcome.vue +61 -60
  67. /package/dist/{web-L3jORB19.js → web-AXRKjAOB.js} +0 -0
  68. /package/dist/{web-5VtGcKeU.js → web-IFGkBi0t.js} +0 -0
  69. /package/dist/{web-AImUTDQQ.js → web-LIfHmYL2.js} +0 -0
@@ -8,221 +8,259 @@ import srLocale from '../store/locales/sr';
8
8
  import trLocale from '../store/locales/tr';
9
9
 
10
10
  export default {
11
- getFirstBrowserLanguage() {
12
- let nav = window.navigator
13
- let browserLanguagePropertyKeys = ['language', 'browserLanguage', 'systemLanguage', 'userLanguage']
14
- let i
15
- let language
16
-
17
- // support for HTML 5.1 "navigator.languages"
18
- if (Array.isArray(nav.languages)) {
19
- for (i = 0; i < nav.languages.length; i++) {
20
- language = nav.languages[i]
21
- if (language && language.length) {
22
- return language.slice(0, 2)
23
- }
24
- }
25
- }
26
-
27
- // support for other well known properties in browsers
28
- for (i = 0; i < browserLanguagePropertyKeys.length; i++) {
29
- language = nav[browserLanguagePropertyKeys[i]]
30
- if (language && language.length) {
31
- return language.slice(0, 2)
32
- }
33
- }
34
-
35
- return null
36
- },
37
- compareLangKeys() {
38
- const en = Object.keys(enLocale.default.state);
39
- const de = Object.keys(deLocale.default.state);
40
- const es = Object.keys(esLocale.default.state);
41
- const kr = Object.keys(krLocale.default.state);
42
- const it = Object.keys(itLocale.default.state);
43
- const fr = Object.keys(frLocale.default.state);
44
- const sr = Object.keys(srLocale.default.state);
45
- const tr = Object.keys(trLocale.default.state);
46
-
47
-
48
- // Compare en and de
49
- console.log('In en but not in de', en.filter(x => !de.includes(x)));
50
- console.log('In de but not in en', de.filter(x => !en.includes(x)));
51
- console.log();
52
-
53
- // Compare en and es
54
- console.log('In en but not in es', en.filter(x => !es.includes(x)));
55
- console.log('In es but not in en', es.filter(x => !en.includes(x)));
56
- console.log();
57
-
58
- // Compare en and kr
59
- console.log('In en but not in kr', en.filter(x => !kr.includes(x)));
60
- console.log('In kr but not in en', kr.filter(x => !en.includes(x)));
61
- console.log();
62
-
63
- // Compare en and it
64
- console.log('In en but not in it', en.filter(x => !it.includes(x)));
65
- console.log('In it but not in en', it.filter(x => !en.includes(x)));
66
- console.log();
67
-
68
- // Compare en and fr
69
- console.log('In en but not in fr', en.filter(x => !fr.includes(x)));
70
- console.log('In fr but not in en', fr.filter(x => !en.includes(x)));
71
- console.log();
72
-
73
- // Compare en and sr
74
- console.log('In en but not in sr', en.filter(x => !sr.includes(x)));
75
- console.log('In sr but not in en', sr.filter(x => !en.includes(x)));
76
- console.log();
77
-
78
- // Compare en and tr
79
- console.log('In en but not in tr', en.filter(x => !tr.includes(x)));
80
- console.log('In tr but not in en', tr.filter(x => !en.includes(x)));
81
- console.log();
82
- },
83
- base64ImageToBlob(base64Image) {
84
- // Split into two parts
85
- const parts = base64Image.split(';base64,');
86
-
87
- // Hold the content type
88
- const imageType = parts[0].split(':')[1];
89
-
90
- // Decode Base64 string
91
- const decodedData = window.atob(parts[1]);
92
-
93
- // Create UNIT8ARRAY of size same as row data length
94
- const uInt8Array = new Uint8Array(decodedData.length);
95
-
96
- // Insert all character code into uInt8Array
97
- for (let i = 0; i < decodedData.length; ++i) {
98
- uInt8Array[i] = decodedData.charCodeAt(i);
99
- }
100
-
101
- // Return BLOB image after conversion
102
- return new Blob([uInt8Array], {type: imageType});
103
- },
104
- blobToBase64(blob) {
105
- const reader = new FileReader();
106
- reader.readAsDataURL(blob);
107
- return new Promise(resolve => {
108
- reader.onloadend = () => {
109
- resolve(reader.result);
110
- };
111
- });
112
- },
113
- base64toFile(base64, filename) {
114
-
115
- var arr = base64.split(','),
116
- mime = arr[0].match(/:(.*?);/)[1],
117
- bstr = atob(arr[1]),
118
- n = bstr.length,
119
- u8arr = new Uint8Array(n);
120
-
121
- while (n--) {
122
- u8arr[n] = bstr.charCodeAt(n);
123
- }
124
-
125
- return new File([u8arr], filename, {type: mime});
126
- },
127
- fileToBase64(file) {
128
- new Promise((resolve, reject) => {
129
- const reader = new FileReader();
130
- reader.readAsDataURL(file);
131
- reader.onload = () => resolve(reader.result);
132
- reader.onerror = error => reject(error);
133
- });
134
- },
135
- getUTMParams(data) {
136
- let utm = {}
137
- if (data.utm_source) utm.utm_source = data.utm_source;
138
- if (data.utm_medium) utm.utm_medium = data.utm_medium;
139
- if (data.utm_campaign) utm.utm_campaign = data.utm_campaign;
140
- if (data.utm_term) utm.utm_term = data.utm_term;
141
- if (data.utm_content) utm.utm_content = data.utm_content;
142
- return utm;
143
- },
144
-
145
- cropCardScan(base64PictureData, callback) {
146
-
147
- // image will contain ORIGINAL image
148
- const image = new window.Image();
149
-
150
- // image will contain CROPPED image
151
- const canvas = document.createElement('canvas');
152
- const ctx = canvas.getContext('2d');
153
-
154
- // Load original image into image element
155
- image.src = 'data:image/jpeg;base64,' + base64PictureData;
156
- image.onload = () => {
157
- const sw = image.width;
158
- const sh = image.width / 1.65;
159
- const sx = 0;
160
- const sy = (image.height / 2) - (sh / 2)
161
- const dw = sw;
162
- const dh = sh;
163
- canvas.width = dw;
164
- canvas.height = dh
165
- // https://i.stack.imgur.com/USDAX.png
166
- ctx.drawImage(image, sx, sy, sw, sh, 0, 0, dw, dh); // Crop interpolated rectangle
167
- const croppedBase64Image = canvas.toDataURL();
168
-
169
- callback(croppedBase64Image);
170
-
171
- return croppedBase64Image;
172
- };
173
- },
174
- generateRandomString(length) {
175
- let array = new Uint32Array(length);
176
- window.crypto.getRandomValues(array);
177
- return Array.from(array, dec => ('0' + dec.toString(16)).substr(-2)).join('');
178
- },
179
- async pkceChallengeFromVerifier(v) {
180
- const encoder = new TextEncoder();
181
- const data = encoder.encode(v);
182
- const hashed = await window.crypto.subtle.digest('SHA-256', data);
183
- // base64 url encode
184
- return btoa(String.fromCharCode.apply(null, new Uint8Array(hashed))).replace(/\+/g, '-').replace(/\//g, '_').replace(/=+$/, '');
185
- },
186
- encryptAES(key, iv, data) {
187
- let encoder = new TextEncoder();
188
- let encoded = encoder.encode(data, storage);
189
- return window.crypto.subtle.encrypt(
190
- {
191
- name: "AES-CBC",
192
- iv: iv,
193
- },
194
- key,
195
- encoded,
196
- );
197
- },
198
- async decryptAES(key, iv, data) {
199
- try {
200
- const fromBase64 = base64String => Uint8Array.from(atob(base64String), c => c.charCodeAt(0));
201
-
202
- data = data.replace(/ /g, '+');
203
-
204
- const encoder = new TextEncoder();
205
- const decoder = new TextDecoder();
206
-
207
- key = encoder.encode(key);
208
- iv = encoder.encode(iv);
209
- data = fromBase64(data, storage);
210
-
211
-
212
- const secretKey = await window.crypto.subtle.importKey('raw', key, 'AES-CBC', true, ['encrypt', 'decrypt']);
213
-
214
-
215
- let decoded = await window.crypto.subtle.decrypt({name: "AES-CBC", iv}, secretKey, data);
216
-
217
- decoded = decoder.decode(decoded);
218
- decoded = decoded.replace(/ /g, '+');
219
- decoded = atob(decoded);
220
-
221
- return decoded;
222
-
223
-
224
- } catch (err) {
225
- console.log(err)
226
- }
227
- }
228
- }
11
+ getFirstBrowserLanguage() {
12
+ let nav = window.navigator;
13
+ let browserLanguagePropertyKeys = ['language', 'browserLanguage', 'systemLanguage', 'userLanguage'];
14
+ let i;
15
+ let language;
16
+
17
+ // support for HTML 5.1 "navigator.languages"
18
+ if (Array.isArray(nav.languages)) {
19
+ for (i = 0; i < nav.languages.length; i++) {
20
+ language = nav.languages[i];
21
+ if (language && language.length) {
22
+ return language.slice(0, 2);
23
+ }
24
+ }
25
+ }
26
+
27
+ // support for other well known properties in browsers
28
+ for (i = 0; i < browserLanguagePropertyKeys.length; i++) {
29
+ language = nav[browserLanguagePropertyKeys[i]];
30
+ if (language && language.length) {
31
+ return language.slice(0, 2);
32
+ }
33
+ }
34
+
35
+ return null;
36
+ },
37
+ compareLangKeys() {
38
+ const en = Object.keys(enLocale.default.state);
39
+ const de = Object.keys(deLocale.default.state);
40
+ const es = Object.keys(esLocale.default.state);
41
+ const kr = Object.keys(krLocale.default.state);
42
+ const it = Object.keys(itLocale.default.state);
43
+ const fr = Object.keys(frLocale.default.state);
44
+ const sr = Object.keys(srLocale.default.state);
45
+ const tr = Object.keys(trLocale.default.state);
46
+
47
+ // Compare en and de
48
+ console.log(
49
+ 'In en but not in de',
50
+ en.filter((x) => !de.includes(x))
51
+ );
52
+ console.log(
53
+ 'In de but not in en',
54
+ de.filter((x) => !en.includes(x))
55
+ );
56
+ console.log();
57
+
58
+ // Compare en and es
59
+ console.log(
60
+ 'In en but not in es',
61
+ en.filter((x) => !es.includes(x))
62
+ );
63
+ console.log(
64
+ 'In es but not in en',
65
+ es.filter((x) => !en.includes(x))
66
+ );
67
+ console.log();
68
+
69
+ // Compare en and kr
70
+ console.log(
71
+ 'In en but not in kr',
72
+ en.filter((x) => !kr.includes(x))
73
+ );
74
+ console.log(
75
+ 'In kr but not in en',
76
+ kr.filter((x) => !en.includes(x))
77
+ );
78
+ console.log();
79
+
80
+ // Compare en and it
81
+ console.log(
82
+ 'In en but not in it',
83
+ en.filter((x) => !it.includes(x))
84
+ );
85
+ console.log(
86
+ 'In it but not in en',
87
+ it.filter((x) => !en.includes(x))
88
+ );
89
+ console.log();
90
+
91
+ // Compare en and fr
92
+ console.log(
93
+ 'In en but not in fr',
94
+ en.filter((x) => !fr.includes(x))
95
+ );
96
+ console.log(
97
+ 'In fr but not in en',
98
+ fr.filter((x) => !en.includes(x))
99
+ );
100
+ console.log();
101
+
102
+ // Compare en and sr
103
+ console.log(
104
+ 'In en but not in sr',
105
+ en.filter((x) => !sr.includes(x))
106
+ );
107
+ console.log(
108
+ 'In sr but not in en',
109
+ sr.filter((x) => !en.includes(x))
110
+ );
111
+ console.log();
112
+
113
+ // Compare en and tr
114
+ console.log(
115
+ 'In en but not in tr',
116
+ en.filter((x) => !tr.includes(x))
117
+ );
118
+ console.log(
119
+ 'In tr but not in en',
120
+ tr.filter((x) => !en.includes(x))
121
+ );
122
+ console.log();
123
+ },
124
+ base64ImageToBlob(base64Image) {
125
+ // Split into two parts
126
+ const parts = base64Image.split(';base64,');
127
+
128
+ // Hold the content type
129
+ const imageType = parts[0].split(':')[1];
130
+
131
+ // Decode Base64 string
132
+ const decodedData = window.atob(parts[1]);
133
+
134
+ // Create UNIT8ARRAY of size same as row data length
135
+ const uInt8Array = new Uint8Array(decodedData.length);
136
+
137
+ // Insert all character code into uInt8Array
138
+ for (let i = 0; i < decodedData.length; ++i) {
139
+ uInt8Array[i] = decodedData.charCodeAt(i);
140
+ }
141
+
142
+ // Return BLOB image after conversion
143
+ return new Blob([uInt8Array], { type: imageType });
144
+ },
145
+ blobToBase64(blob) {
146
+ const reader = new FileReader();
147
+ reader.readAsDataURL(blob);
148
+ return new Promise((resolve) => {
149
+ reader.onloadend = () => {
150
+ resolve(reader.result);
151
+ };
152
+ });
153
+ },
154
+ base64toFile(base64, filename) {
155
+ var arr = base64.split(','),
156
+ mime = arr[0].match(/:(.*?);/)[1],
157
+ bstr = atob(arr[1]),
158
+ n = bstr.length,
159
+ u8arr = new Uint8Array(n);
160
+
161
+ while (n--) {
162
+ u8arr[n] = bstr.charCodeAt(n);
163
+ }
164
+
165
+ return new File([u8arr], filename, { type: mime });
166
+ },
167
+ fileToBase64(file) {
168
+ new Promise((resolve, reject) => {
169
+ const reader = new FileReader();
170
+ reader.readAsDataURL(file);
171
+ reader.onload = () => resolve(reader.result);
172
+ reader.onerror = (error) => reject(error);
173
+ });
174
+ },
175
+ getUTMParams(data) {
176
+ let utm = {};
177
+ if (data.utm_source) utm.utm_source = data.utm_source;
178
+ if (data.utm_medium) utm.utm_medium = data.utm_medium;
179
+ if (data.utm_campaign) utm.utm_campaign = data.utm_campaign;
180
+ if (data.utm_term) utm.utm_term = data.utm_term;
181
+ if (data.utm_content) utm.utm_content = data.utm_content;
182
+ return utm;
183
+ },
184
+
185
+ cropCardScan(base64PictureData, callback) {
186
+ // image will contain ORIGINAL image
187
+ const image = new window.Image();
188
+
189
+ // image will contain CROPPED image
190
+ const canvas = document.createElement('canvas');
191
+ const ctx = canvas.getContext('2d');
192
+
193
+ // Load original image into image element
194
+ image.src = 'data:image/jpeg;base64,' + base64PictureData;
195
+ image.onload = () => {
196
+ const sw = image.width;
197
+ const sh = image.width / 1.65;
198
+ const sx = 0;
199
+ const sy = image.height / 2 - sh / 2;
200
+ const dw = sw;
201
+ const dh = sh;
202
+ canvas.width = dw;
203
+ canvas.height = dh;
204
+ // https://i.stack.imgur.com/USDAX.png
205
+ ctx.drawImage(image, sx, sy, sw, sh, 0, 0, dw, dh); // Crop interpolated rectangle
206
+ const croppedBase64Image = canvas.toDataURL();
207
+
208
+ callback(croppedBase64Image);
209
+
210
+ return croppedBase64Image;
211
+ };
212
+ },
213
+ generateRandomString(length) {
214
+ let array = new Uint32Array(length);
215
+ window.crypto.getRandomValues(array);
216
+ return Array.from(array, (dec) => ('0' + dec.toString(16)).substr(-2)).join('');
217
+ },
218
+ async pkceChallengeFromVerifier(v) {
219
+ const encoder = new TextEncoder();
220
+ const data = encoder.encode(v);
221
+ const hashed = await window.crypto.subtle.digest('SHA-256', data);
222
+ // base64 url encode
223
+ return btoa(String.fromCharCode.apply(null, new Uint8Array(hashed)))
224
+ .replace(/\+/g, '-')
225
+ .replace(/\//g, '_')
226
+ .replace(/=+$/, '');
227
+ },
228
+ encryptAES(key, iv, data) {
229
+ let encoder = new TextEncoder();
230
+ let encoded = encoder.encode(data, storage);
231
+ return window.crypto.subtle.encrypt(
232
+ {
233
+ name: 'AES-CBC',
234
+ iv: iv
235
+ },
236
+ key,
237
+ encoded
238
+ );
239
+ },
240
+ async decryptAES(key, iv, data) {
241
+ try {
242
+ const fromBase64 = (base64String) => Uint8Array.from(atob(base64String), (c) => c.charCodeAt(0));
243
+
244
+ data = data.replace(/ /g, '+');
245
+
246
+ const encoder = new TextEncoder();
247
+ const decoder = new TextDecoder();
248
+
249
+ key = encoder.encode(key);
250
+ iv = encoder.encode(iv);
251
+ data = fromBase64(data, storage);
252
+
253
+ const secretKey = await window.crypto.subtle.importKey('raw', key, 'AES-CBC', true, ['encrypt', 'decrypt']);
254
+
255
+ let decoded = await window.crypto.subtle.decrypt({ name: 'AES-CBC', iv }, secretKey, data);
256
+
257
+ decoded = decoder.decode(decoded);
258
+ decoded = decoded.replace(/ /g, '+');
259
+ decoded = atob(decoded);
260
+
261
+ return decoded;
262
+ } catch (err) {
263
+ console.log(err);
264
+ }
265
+ }
266
+ };