@heycater/qualification-funnel 1.3.22 → 1.4.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.
@@ -1,134 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="de">
3
- <head>
4
- <meta charset="UTF-8" />
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
- <title>Heycater Funnel Widget - Demo</title>
7
- <style>
8
- * {
9
- box-sizing: border-box;
10
- }
11
- body {
12
- margin: 0;
13
- padding: 20px;
14
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
15
- background-color: #f5f5f5;
16
- }
17
- .header {
18
- max-width: 800px;
19
- margin: 0 auto 20px;
20
- padding: 20px;
21
- background: #fff;
22
- border-radius: 8px;
23
- box-shadow: 0 2px 4px rgba(0,0,0,0.1);
24
- }
25
- .header h1 {
26
- margin: 0 0 10px;
27
- color: #333;
28
- }
29
- .header p {
30
- margin: 0;
31
- color: #666;
32
- }
33
- .status {
34
- margin-top: 15px;
35
- padding: 10px;
36
- border-radius: 4px;
37
- font-size: 14px;
38
- }
39
- .status.success {
40
- background: #d4edda;
41
- color: #155724;
42
- }
43
- .status.error {
44
- background: #f8d7da;
45
- color: #721c24;
46
- }
47
- .status.info {
48
- background: #cce5ff;
49
- color: #004085;
50
- }
51
- .config-info {
52
- margin-top: 15px;
53
- padding: 10px;
54
- background: #f8f9fa;
55
- border-radius: 4px;
56
- font-family: monospace;
57
- font-size: 12px;
58
- }
59
- .funnel-container {
60
- width: 100%;
61
- margin: 0 auto;
62
- background: #fff;
63
- border-radius: 8px;
64
- box-shadow: 0 2px 4px rgba(0,0,0,0.1);
65
- min-height: 500px;
66
- }
67
- </style>
68
- </head>
69
- <body>
70
- <div class="header">
71
- <h1>Heycater Qualification Funnel</h1>
72
- <p>Production build demo - testing IIFE widget bundle</p>
73
-
74
- <div id="status" class="status info">Loading widget...</div>
75
-
76
- <div class="config-info">
77
- <strong>Configuration:</strong><br>
78
- <span id="config-display"></span>
79
- </div>
80
- </div>
81
-
82
- <div class="funnel-container">
83
- <div id="heycater-funnel"></div>
84
- </div>
85
-
86
- <script>
87
- // Configuration - simulating what parent app would provide
88
- window.__HEYCATER_CONFIG__ = {
89
- graphqlEndpoint: 'https://api.heycater.com/graphql',
90
- googleMapsApiKey: 'AIzaSyCrunI86W7p8zk5yoGX9i1s0SzIJ7GTRDU',
91
- locale: 'de',
92
- isProduction: false,
93
- // bugsnagApiKey: 'your-key-here', // Uncomment to enable Bugsnag
94
- };
95
-
96
- // Display config
97
- document.getElementById('config-display').innerHTML =
98
- 'API: ' + window.__HEYCATER_CONFIG__.graphqlEndpoint + '<br>' +
99
- 'Google Maps: ' + (window.__HEYCATER_CONFIG__.googleMapsApiKey ? 'Configured' : 'Not set') + '<br>' +
100
- 'Bugsnag: ' + (window.__HEYCATER_CONFIG__.bugsnagApiKey ? 'Enabled' : 'Disabled') + '<br>' +
101
- 'Locale: ' + window.__HEYCATER_CONFIG__.locale;
102
- </script>
103
-
104
- <!-- Load the built widget CSS and JS -->
105
- <link rel="stylesheet" href="../heycater-funnel.css" />
106
- <script src="../heycater-funnel.iife.js"></script>
107
-
108
- <script>
109
- // Check if widget loaded successfully
110
- window.addEventListener('load', function() {
111
- var statusEl = document.getElementById('status');
112
-
113
- if (window.HeycaterFunnel && typeof window.HeycaterFunnel.mount === 'function') {
114
- statusEl.className = 'status success';
115
- statusEl.innerHTML = '&#10003; Widget loaded successfully! HeycaterFunnel.mount() is available.';
116
-
117
- // Mount the widget
118
- window.HeycaterFunnel.mount('#heycater-funnel');
119
- } else {
120
- statusEl.className = 'status error';
121
- statusEl.innerHTML = '&#10007; Widget failed to load. Check console for errors.';
122
- }
123
- });
124
-
125
- // Log any errors
126
- window.addEventListener('error', function(e) {
127
- console.error('Widget error:', e);
128
- var statusEl = document.getElementById('status');
129
- statusEl.className = 'status error';
130
- statusEl.innerHTML = '&#10007; Error: ' + e.message;
131
- });
132
- </script>
133
- </body>
134
- </html>