@prosopo/client-bundle-example 2.7.0 → 2.8.0

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 (56) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/dist/assets/{ProcaptchaWidget-3gKvjeiH.js → ProcaptchaWidget-DrBDhP6X.js} +7 -7
  3. package/dist/assets/{ProcaptchaWidget-D6-M7iAv.js → ProcaptchaWidget-rAM-9Rap.js} +4 -4
  4. package/dist/assets/{asU8a-DCECA0Qe.js → asU8a-CJdNkNEq.js} +1 -1
  5. package/dist/assets/{bip39-BQoZog_M.js → bip39-Du2cANEV.js} +2 -2
  6. package/dist/assets/captcha-BhkVCEXM.css +1 -0
  7. package/dist/assets/{captchaComponentProvider-BW2eXmc3.js → captchaComponentProvider-DmV1WTrT.js} +4 -4
  8. package/dist/assets/{captchaRenderer-B_MgGzr9.js → captchaRenderer-RIsSZXCC.js} +2 -2
  9. package/dist/assets/{emotion-element-5486c51c.browser.esm-CCAJ8JId.js → emotion-element-5486c51c.browser.esm-C3u8NMUC.js} +127 -125
  10. package/dist/assets/frictionless-explicit-Dq_sNGRK.js +1 -0
  11. package/dist/assets/frictionless-implicit-Dq_sNGRK.js +1 -0
  12. package/dist/assets/{hash-BR0YLxPF.js → hash-_rWungeW.js} +1 -1
  13. package/dist/assets/image-explicit-DQvfVB7-.js +4 -0
  14. package/dist/assets/image-implicit-Bwa9QJO5.js +1 -0
  15. package/dist/assets/{index-WqEmiYQ_.js → index-BVr9fC_3.js} +4 -4
  16. package/dist/assets/{index-BYUYvvuq.js → index-Cu5oL_7b.js} +4 -4
  17. package/dist/assets/index-Dpt_5E72.js +1 -0
  18. package/dist/assets/{index-BCjHZ8o6.js → index-DxIFpl6U.js} +1 -1
  19. package/dist/assets/{index-2or4-1WF.js → index-Wgw2GQWq.js} +2 -2
  20. package/dist/assets/invisible-frictionless-explicit-DugBtRe4.js +4 -0
  21. package/dist/assets/invisible-frictionless-implicit-DYYos8W9.js +1 -0
  22. package/dist/assets/invisible-image-explicit-C5Z4gSb1.js +4 -0
  23. package/dist/assets/invisible-image-implicit-DfNFNlFj.js +1 -0
  24. package/dist/assets/invisible-pow-explicit-DjqGWFUb.js +4 -0
  25. package/dist/assets/invisible-pow-implicit-BRXL14FH.js +4 -0
  26. package/dist/assets/pow-explicit-BexxbnHM.js +4 -0
  27. package/dist/assets/pow-implicit-Dpt_5E72.js +1 -0
  28. package/dist/assets/procaptcha.bundle.js +1 -1
  29. package/dist/assets/{useTranslation-BPbGzrhj.js → useTranslation-CJplXtqb.js} +1 -1
  30. package/dist/frictionless-explicit.html +881 -0
  31. package/dist/frictionless-implicit.html +874 -0
  32. package/dist/image-explicit.html +877 -0
  33. package/dist/index.html +575 -74
  34. package/dist/invisible-frictionless-explicit.html +626 -283
  35. package/dist/invisible-frictionless-implicit.html +631 -173
  36. package/dist/invisible-image-explicit.html +627 -284
  37. package/dist/invisible-image-implicit.html +631 -173
  38. package/dist/invisible-pow-explicit.html +627 -284
  39. package/dist/invisible-pow-implicit.html +629 -177
  40. package/dist/plugins/explanation-injector.ts +250 -0
  41. package/dist/plugins/form-filler-injector.ts +233 -0
  42. package/dist/plugins/navigation-injector.ts +237 -89
  43. package/dist/plugins/status-log-injector.ts +199 -0
  44. package/dist/pow-explicit.html +877 -0
  45. package/dist/pow-implicit.html +881 -0
  46. package/package.json +1 -1
  47. package/vite.config.ts +32 -3
  48. package/dist/assets/frictionless-ZgzyuneX.js +0 -1
  49. package/dist/assets/index-BWsu-rGU.js +0 -1
  50. package/dist/assets/invisible-frictionless-explicit-DgCaJtPg.js +0 -1
  51. package/dist/assets/invisible-image-explicit-DgCaJtPg.js +0 -1
  52. package/dist/assets/invisible-pow-explicit-DgCaJtPg.js +0 -1
  53. package/dist/assets/pow-BW3QYcgP.js +0 -1
  54. package/dist/frictionless.html +0 -343
  55. package/dist/pow.html +0 -323
  56. /package/dist/assets/{modulepreload-polyfill-B5Qt9EMX.js → captcha-ByKnSsbG.js} +0 -0
package/dist/pow.html DELETED
@@ -1,323 +0,0 @@
1
- <!doctype html>
2
- <html lang="en">
3
- <head>
4
- <title>Procaptcha demo: Live Test</title>
5
- <script
6
- id="procaptchaScript"
7
- type="module"
8
- src="https://staging-js.prosopo.io/js/procaptcha.bundle.js?onload=captchaLoaded&render=explicit"
9
- async
10
- defer
11
- ></script>
12
-
13
- <style>
14
- .nav-topbar {
15
- background-color: #2196F3;
16
- padding: 0;
17
- margin-bottom: 20px;
18
- transition: all 0.3s ease;
19
- overflow: hidden;
20
- max-height: 500px; /* Initial state - visible */
21
- box-shadow: 0 2px 5px rgba(0,0,0,0.2);
22
- }
23
- .nav-topbar.collapsed {
24
- max-height: 50px; /* Collapsed state - only show toggle button and title */
25
- }
26
- .nav-container {
27
- max-width: 1200px;
28
- margin: 0 auto;
29
- padding: 0 15px;
30
- position: relative;
31
- }
32
- .nav-header {
33
- display: flex;
34
- justify-content: space-between;
35
- align-items: center;
36
- padding: 10px 0;
37
- position: relative;
38
- z-index: 20;
39
- }
40
- .nav-title {
41
- color: white;
42
- font-size: 18px;
43
- font-weight: bold;
44
- margin: 0;
45
- display: flex;
46
- align-items: center;
47
- }
48
- .nav-title-text {
49
- margin-right: 10px;
50
- }
51
- .nav-title-hint {
52
- font-size: 14px;
53
- font-weight: normal;
54
- opacity: 0;
55
- transition: opacity 0.3s ease;
56
- }
57
- .collapsed .nav-title-hint {
58
- opacity: 0.8;
59
- }
60
- .nav-toggle {
61
- background-color: rgba(0,0,0,0.1);
62
- color: white;
63
- border: none;
64
- padding: 5px 10px;
65
- cursor: pointer;
66
- border-radius: 4px;
67
- z-index: 10;
68
- display: flex;
69
- align-items: center;
70
- justify-content: center;
71
- }
72
- .nav-toggle:hover {
73
- background-color: rgba(0,0,0,0.2);
74
- }
75
- .nav-toggle-icon {
76
- width: 24px;
77
- height: 24px;
78
- display: inline-block;
79
- position: relative;
80
- }
81
- .nav-toggle-icon svg {
82
- position: absolute;
83
- top: 0;
84
- left: 0;
85
- transition: opacity 0.3s ease;
86
- }
87
- .nav-toggle-icon .icon-collapse {
88
- opacity: 1;
89
- }
90
- .nav-toggle-icon .icon-expand {
91
- opacity: 0;
92
- }
93
- .collapsed .nav-toggle-icon .icon-collapse {
94
- opacity: 0;
95
- }
96
- .collapsed .nav-toggle-icon .icon-expand {
97
- opacity: 1;
98
- }
99
- .nav-content {
100
- padding: 0 0 15px 0;
101
- transition: opacity 0.3s ease;
102
- }
103
- .collapsed .nav-content {
104
- opacity: 0;
105
- }
106
- .nav-row {
107
- display: flex;
108
- flex-wrap: wrap;
109
- margin-bottom: 15px;
110
- }
111
- .nav-group {
112
- flex: 1;
113
- min-width: 250px;
114
- margin-bottom: 10px;
115
- margin-right: 20px;
116
- }
117
- .nav-group-title {
118
- color: rgba(255,255,255,0.8);
119
- font-size: 0.9em;
120
- margin: 0 0 5px 0;
121
- text-transform: uppercase;
122
- font-weight: 500;
123
- }
124
- .nav-group-links {
125
- list-style: none;
126
- margin: 0;
127
- padding: 0;
128
- }
129
- .nav-group-links li {
130
- margin: 5px 0;
131
- }
132
- .nav-group-links a {
133
- color: white;
134
- text-decoration: none;
135
- font-weight: bold;
136
- padding: 5px 0;
137
- display: inline-block;
138
- }
139
- .nav-group-links a:hover {
140
- text-decoration: underline;
141
- }
142
- .nav-group-links .active {
143
- border-bottom: 2px solid white;
144
- }
145
- .nav-group-links .disabled {
146
- color: rgba(255,255,255,0.5);
147
- cursor: not-allowed;
148
- }
149
-
150
- @media (max-width: 768px) {
151
- .nav-row {
152
- flex-direction: column;
153
- }
154
- .nav-title-hint {
155
- display: none;
156
- }
157
- }
158
- </style>
159
- <script type="module" crossorigin src="/assets/pow-BW3QYcgP.js"></script>
160
- <link rel="modulepreload" crossorigin href="/assets/modulepreload-polyfill-B5Qt9EMX.js">
161
- </head>
162
- <body>
163
-
164
- <div id="nav-topbar" class="nav-topbar">
165
- <div class="nav-container">
166
- <div id="nav-header" class="nav-header">
167
- <h1 class="nav-title">
168
- <span class="nav-title-text">Procaptcha Demo Playground</span>
169
- <span class="nav-title-hint">(Click anywhere to see more examples)</span>
170
- </h1>
171
- <button id="nav-toggle" class="nav-toggle" aria-label="Toggle navigation">
172
- <span class="nav-toggle-icon">
173
- <svg class="icon-collapse" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
174
- <polyline points="18 15 12 9 6 15"></polyline>
175
- </svg>
176
- <svg class="icon-expand" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
177
- <polyline points="6 9 12 15 18 9"></polyline>
178
- </svg>
179
- </span>
180
- </button>
181
- </div>
182
- <div class="nav-content">
183
- <div class="nav-row">
184
-
185
- <div class="nav-section">
186
- <h3 style="color: white; margin: 0 0 10px 0;">Standard Captchas</h3>
187
- <div class="nav-row">
188
-
189
- <div class="nav-group">
190
- <div class="nav-group-title">Image</div>
191
- <ul class="nav-group-links">
192
- <li><a href="index.html">Implicit</a></li>
193
- <li><span class="disabled" title="Coming Soon">Explicit</span></li>
194
- </ul>
195
- </div>
196
-
197
-
198
- <div class="nav-group">
199
- <div class="nav-group-title">Pow</div>
200
- <ul class="nav-group-links">
201
- <li><span class="disabled" title="Coming Soon">Implicit</span></li>
202
- <li><span class="disabled" title="Coming Soon">Explicit</span></li>
203
- </ul>
204
- </div>
205
-
206
-
207
- <div class="nav-group">
208
- <div class="nav-group-title">Frictionless</div>
209
- <ul class="nav-group-links">
210
- <li><span class="disabled" title="Coming Soon">Implicit</span></li>
211
- <li><a href="frictionless-explicit.html">Explicit</a></li>
212
- </ul>
213
- </div>
214
-
215
- </div>
216
- </div>
217
-
218
-
219
- <div class="nav-section">
220
- <h3 style="color: white; margin: 0 0 10px 0;">Invisible Captchas</h3>
221
- <div class="nav-row">
222
-
223
- <div class="nav-group">
224
- <div class="nav-group-title">Image</div>
225
- <ul class="nav-group-links">
226
- <li><a href="invisible-image-implicit.html">Implicit</a></li>
227
- <li><a href="invisible-image-explicit.html">Explicit</a></li>
228
- </ul>
229
- </div>
230
-
231
-
232
- <div class="nav-group">
233
- <div class="nav-group-title">Pow</div>
234
- <ul class="nav-group-links">
235
- <li><a href="invisible-pow-implicit.html">Implicit</a></li>
236
- <li><a href="invisible-pow-explicit.html">Explicit</a></li>
237
- </ul>
238
- </div>
239
-
240
-
241
- <div class="nav-group">
242
- <div class="nav-group-title">Frictionless</div>
243
- <ul class="nav-group-links">
244
- <li><a href="invisible-frictionless-implicit.html">Implicit</a></li>
245
- <li><a href="invisible-frictionless-explicit.html">Explicit</a></li>
246
- </ul>
247
- </div>
248
-
249
- </div>
250
- </div>
251
-
252
- </div>
253
- </div>
254
- </div>
255
- </div>
256
-
257
- <form>
258
- <div id="procaptcha-container"></div>
259
- </form>
260
-
261
- <script>
262
- document.addEventListener('DOMContentLoaded', function() {
263
- const toggleBtn = document.getElementById('nav-toggle');
264
- const navBar = document.getElementById('nav-topbar');
265
- const navHeader = document.getElementById('nav-header');
266
-
267
- // Check if navigation was previously collapsed
268
- const navCollapsed = localStorage.getItem('navCollapsed') === 'true';
269
- if (navCollapsed) {
270
- navBar.classList.add('collapsed');
271
- }
272
-
273
- // Function to expand the navigation
274
- function expandNav() {
275
- if (navBar.classList.contains('collapsed')) {
276
- navBar.classList.remove('collapsed');
277
- localStorage.setItem('navCollapsed', 'false');
278
- }
279
- }
280
-
281
- // Function to collapse the navigation
282
- function collapseNav() {
283
- if (!navBar.classList.contains('collapsed')) {
284
- navBar.classList.add('collapsed');
285
- localStorage.setItem('navCollapsed', 'true');
286
- }
287
- }
288
-
289
- // Function to toggle the navigation
290
- function toggleNav() {
291
- navBar.classList.toggle('collapsed');
292
- localStorage.setItem('navCollapsed', navBar.classList.contains('collapsed'));
293
- }
294
-
295
- // Toggle on button click
296
- toggleBtn.addEventListener('click', function(e) {
297
- e.stopPropagation(); // Prevent header click from firing
298
- toggleNav();
299
- });
300
-
301
- // Expand on toggle button hover when collapsed
302
- toggleBtn.addEventListener('mouseenter', function() {
303
- if (navBar.classList.contains('collapsed')) {
304
- expandNav();
305
- }
306
- });
307
-
308
- // Toggle on header click
309
- navHeader.addEventListener('click', function(e) {
310
- // Don't toggle if a link within the header was clicked
311
- if (e.target.tagName === 'A') {
312
- return;
313
- }
314
- toggleNav();
315
- });
316
-
317
- // Make the header appear clickable with cursor style
318
- navHeader.style.cursor = 'pointer';
319
- });
320
- </script>
321
-
322
- </body>
323
- </html>