@eventop/sdk 1.1.6 → 1.1.8

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 (5) hide show
  1. package/dist/core.cjs +36 -5
  2. package/dist/core.js +36 -5
  3. package/dist/react/core.cjs +36 -5
  4. package/dist/react/core.js +36 -5
  5. package/package.json +1 -1
package/dist/core.cjs CHANGED
@@ -30,10 +30,15 @@ var core$1 = {exports: {}};
30
30
  */
31
31
  (function (module) {
32
32
  (function (global, factory) {
33
+ const Eventop = factory();
33
34
  if (module.exports) {
34
- module.exports = factory();
35
- } else {
36
- global.Eventop = factory();
35
+ module.exports = Eventop;
36
+ }
37
+ // Always set on global in browser environments
38
+ if (typeof window !== 'undefined') {
39
+ window.Eventop = Eventop;
40
+ } else if (typeof global !== 'undefined') {
41
+ global.Eventop = Eventop;
37
42
  }
38
43
  })(typeof globalThis !== 'undefined' ? globalThis : commonjsGlobal, function () {
39
44
 
@@ -92,6 +97,9 @@ var core$1 = {exports: {}};
92
97
  accent: '#6366f1',
93
98
  accentSecondary: '#8b5cf6',
94
99
  radius: '20px'
100
+ },
101
+ glass: {
102
+ radius: '14px'
95
103
  }
96
104
  };
97
105
  function resolveTheme(themeConfig = {}) {
@@ -808,6 +816,25 @@ RULES:
808
816
  border-radius: 6px; color: #ef4444; font-size: 12px; line-height: 1.5;
809
817
  animation: sai-in .18s ease;
810
818
  }
819
+
820
+ /* ── Glass preset ── */
821
+ .sai-glass-preset .sai-shepherd-step {
822
+ background: rgba(255, 255, 255, 0.10) !important;
823
+ backdrop-filter: blur(18px) saturate(180%) !important;
824
+ -webkit-backdrop-filter: blur(18px) saturate(180%) !important;
825
+ border: 1px solid rgba(255, 255, 255, 0.22) !important;
826
+ box-shadow: 0 8px 36px rgba(0,0,0,.12) !important;
827
+ }
828
+ .sai-glass-preset .sai-shepherd-step .shepherd-text,
829
+ .sai-glass-preset .sai-shepherd-step .shepherd-title {
830
+ color: #ffffff !important;
831
+ text-shadow: 0 1px 3px rgba(0,0,0,.35);
832
+ }
833
+ .sai-glass-preset .sai-shepherd-step .shepherd-footer,
834
+ .sai-glass-preset .sai-shepherd-step .shepherd-header {
835
+ background: transparent !important;
836
+ border-color: rgba(255,255,255,0.15) !important;
837
+ }
811
838
  `;
812
839
  document.head.appendChild(style);
813
840
  }
@@ -817,7 +844,7 @@ RULES:
817
844
  // ═══════════════════════════════════════════════════════════════════════════
818
845
 
819
846
  function buildChat(theme, positionCSS) {
820
- var _config$suggestions, _config$theme, _config$theme2;
847
+ var _config$theme, _config$suggestions, _config$theme2, _config$theme3;
821
848
  if (document.getElementById('sai-trigger')) return;
822
849
  injectStyles(theme, positionCSS);
823
850
  const trigger = document.createElement('button');
@@ -848,6 +875,9 @@ RULES:
848
875
  </div>
849
876
  `;
850
877
  document.body.appendChild(panel);
878
+ if (((_config$theme = _config.theme) === null || _config$theme === void 0 ? void 0 : _config$theme.preset) === 'glass') {
879
+ document.body.classList.add('sai-glass-preset');
880
+ }
851
881
  if ((_config$suggestions = _config.suggestions) !== null && _config$suggestions !== void 0 && _config$suggestions.length) {
852
882
  const container = panel.querySelector('#sai-suggestions');
853
883
  _config.suggestions.forEach(s => {
@@ -874,7 +904,7 @@ RULES:
874
904
  addMsg('ai', `Hey! 👋 I can guide you through ${_config.appName}. What would you like to do?`);
875
905
 
876
906
  // Auto theme switching
877
- if (((_config$theme = _config.theme) === null || _config$theme === void 0 ? void 0 : _config$theme.mode) === 'auto' || !((_config$theme2 = _config.theme) !== null && _config$theme2 !== void 0 && _config$theme2.mode)) {
907
+ if (((_config$theme2 = _config.theme) === null || _config$theme2 === void 0 ? void 0 : _config$theme2.mode) === 'auto' || !((_config$theme3 = _config.theme) !== null && _config$theme3 !== void 0 && _config$theme3.mode)) {
878
908
  _mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
879
909
  _mediaQuery.addEventListener('change', () => {
880
910
  var _document$getElementB3;
@@ -1000,6 +1030,7 @@ RULES:
1000
1030
  _tour = null;
1001
1031
  (_document$getElementB1 = document.getElementById('sai-trigger')) === null || _document$getElementB1 === void 0 || _document$getElementB1.classList.remove('sai-paused');
1002
1032
  (_document$getElementB10 = document.getElementById('sai-resume-prompt')) === null || _document$getElementB10 === void 0 || _document$getElementB10.remove();
1033
+ document.body.classList.remove('sai-glass-preset');
1003
1034
  },
1004
1035
  resumeTour() {
1005
1036
  var _document$getElementB11, _document$getElementB12;
package/dist/core.js CHANGED
@@ -28,10 +28,15 @@ var core$1 = {exports: {}};
28
28
  */
29
29
  (function (module) {
30
30
  (function (global, factory) {
31
+ const Eventop = factory();
31
32
  if (module.exports) {
32
- module.exports = factory();
33
- } else {
34
- global.Eventop = factory();
33
+ module.exports = Eventop;
34
+ }
35
+ // Always set on global in browser environments
36
+ if (typeof window !== 'undefined') {
37
+ window.Eventop = Eventop;
38
+ } else if (typeof global !== 'undefined') {
39
+ global.Eventop = Eventop;
35
40
  }
36
41
  })(typeof globalThis !== 'undefined' ? globalThis : commonjsGlobal, function () {
37
42
 
@@ -90,6 +95,9 @@ var core$1 = {exports: {}};
90
95
  accent: '#6366f1',
91
96
  accentSecondary: '#8b5cf6',
92
97
  radius: '20px'
98
+ },
99
+ glass: {
100
+ radius: '14px'
93
101
  }
94
102
  };
95
103
  function resolveTheme(themeConfig = {}) {
@@ -806,6 +814,25 @@ RULES:
806
814
  border-radius: 6px; color: #ef4444; font-size: 12px; line-height: 1.5;
807
815
  animation: sai-in .18s ease;
808
816
  }
817
+
818
+ /* ── Glass preset ── */
819
+ .sai-glass-preset .sai-shepherd-step {
820
+ background: rgba(255, 255, 255, 0.10) !important;
821
+ backdrop-filter: blur(18px) saturate(180%) !important;
822
+ -webkit-backdrop-filter: blur(18px) saturate(180%) !important;
823
+ border: 1px solid rgba(255, 255, 255, 0.22) !important;
824
+ box-shadow: 0 8px 36px rgba(0,0,0,.12) !important;
825
+ }
826
+ .sai-glass-preset .sai-shepherd-step .shepherd-text,
827
+ .sai-glass-preset .sai-shepherd-step .shepherd-title {
828
+ color: #ffffff !important;
829
+ text-shadow: 0 1px 3px rgba(0,0,0,.35);
830
+ }
831
+ .sai-glass-preset .sai-shepherd-step .shepherd-footer,
832
+ .sai-glass-preset .sai-shepherd-step .shepherd-header {
833
+ background: transparent !important;
834
+ border-color: rgba(255,255,255,0.15) !important;
835
+ }
809
836
  `;
810
837
  document.head.appendChild(style);
811
838
  }
@@ -815,7 +842,7 @@ RULES:
815
842
  // ═══════════════════════════════════════════════════════════════════════════
816
843
 
817
844
  function buildChat(theme, positionCSS) {
818
- var _config$suggestions, _config$theme, _config$theme2;
845
+ var _config$theme, _config$suggestions, _config$theme2, _config$theme3;
819
846
  if (document.getElementById('sai-trigger')) return;
820
847
  injectStyles(theme, positionCSS);
821
848
  const trigger = document.createElement('button');
@@ -846,6 +873,9 @@ RULES:
846
873
  </div>
847
874
  `;
848
875
  document.body.appendChild(panel);
876
+ if (((_config$theme = _config.theme) === null || _config$theme === void 0 ? void 0 : _config$theme.preset) === 'glass') {
877
+ document.body.classList.add('sai-glass-preset');
878
+ }
849
879
  if ((_config$suggestions = _config.suggestions) !== null && _config$suggestions !== void 0 && _config$suggestions.length) {
850
880
  const container = panel.querySelector('#sai-suggestions');
851
881
  _config.suggestions.forEach(s => {
@@ -872,7 +902,7 @@ RULES:
872
902
  addMsg('ai', `Hey! 👋 I can guide you through ${_config.appName}. What would you like to do?`);
873
903
 
874
904
  // Auto theme switching
875
- if (((_config$theme = _config.theme) === null || _config$theme === void 0 ? void 0 : _config$theme.mode) === 'auto' || !((_config$theme2 = _config.theme) !== null && _config$theme2 !== void 0 && _config$theme2.mode)) {
905
+ if (((_config$theme2 = _config.theme) === null || _config$theme2 === void 0 ? void 0 : _config$theme2.mode) === 'auto' || !((_config$theme3 = _config.theme) !== null && _config$theme3 !== void 0 && _config$theme3.mode)) {
876
906
  _mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
877
907
  _mediaQuery.addEventListener('change', () => {
878
908
  var _document$getElementB3;
@@ -998,6 +1028,7 @@ RULES:
998
1028
  _tour = null;
999
1029
  (_document$getElementB1 = document.getElementById('sai-trigger')) === null || _document$getElementB1 === void 0 || _document$getElementB1.classList.remove('sai-paused');
1000
1030
  (_document$getElementB10 = document.getElementById('sai-resume-prompt')) === null || _document$getElementB10 === void 0 || _document$getElementB10.remove();
1031
+ document.body.classList.remove('sai-glass-preset');
1001
1032
  },
1002
1033
  resumeTour() {
1003
1034
  var _document$getElementB11, _document$getElementB12;
package/dist/react/core.cjs CHANGED
@@ -30,10 +30,15 @@ var core$1 = {exports: {}};
30
30
  */
31
31
  (function (module) {
32
32
  (function (global, factory) {
33
+ const Eventop = factory();
33
34
  if (module.exports) {
34
- module.exports = factory();
35
- } else {
36
- global.Eventop = factory();
35
+ module.exports = Eventop;
36
+ }
37
+ // Always set on global in browser environments
38
+ if (typeof window !== 'undefined') {
39
+ window.Eventop = Eventop;
40
+ } else if (typeof global !== 'undefined') {
41
+ global.Eventop = Eventop;
37
42
  }
38
43
  })(typeof globalThis !== 'undefined' ? globalThis : commonjsGlobal, function () {
39
44
 
@@ -92,6 +97,9 @@ var core$1 = {exports: {}};
92
97
  accent: '#6366f1',
93
98
  accentSecondary: '#8b5cf6',
94
99
  radius: '20px'
100
+ },
101
+ glass: {
102
+ radius: '14px'
95
103
  }
96
104
  };
97
105
  function resolveTheme(themeConfig = {}) {
@@ -808,6 +816,25 @@ RULES:
808
816
  border-radius: 6px; color: #ef4444; font-size: 12px; line-height: 1.5;
809
817
  animation: sai-in .18s ease;
810
818
  }
819
+
820
+ /* ── Glass preset ── */
821
+ .sai-glass-preset .sai-shepherd-step {
822
+ background: rgba(255, 255, 255, 0.10) !important;
823
+ backdrop-filter: blur(18px) saturate(180%) !important;
824
+ -webkit-backdrop-filter: blur(18px) saturate(180%) !important;
825
+ border: 1px solid rgba(255, 255, 255, 0.22) !important;
826
+ box-shadow: 0 8px 36px rgba(0,0,0,.12) !important;
827
+ }
828
+ .sai-glass-preset .sai-shepherd-step .shepherd-text,
829
+ .sai-glass-preset .sai-shepherd-step .shepherd-title {
830
+ color: #ffffff !important;
831
+ text-shadow: 0 1px 3px rgba(0,0,0,.35);
832
+ }
833
+ .sai-glass-preset .sai-shepherd-step .shepherd-footer,
834
+ .sai-glass-preset .sai-shepherd-step .shepherd-header {
835
+ background: transparent !important;
836
+ border-color: rgba(255,255,255,0.15) !important;
837
+ }
811
838
  `;
812
839
  document.head.appendChild(style);
813
840
  }
@@ -817,7 +844,7 @@ RULES:
817
844
  // ═══════════════════════════════════════════════════════════════════════════
818
845
 
819
846
  function buildChat(theme, positionCSS) {
820
- var _config$suggestions, _config$theme, _config$theme2;
847
+ var _config$theme, _config$suggestions, _config$theme2, _config$theme3;
821
848
  if (document.getElementById('sai-trigger')) return;
822
849
  injectStyles(theme, positionCSS);
823
850
  const trigger = document.createElement('button');
@@ -848,6 +875,9 @@ RULES:
848
875
  </div>
849
876
  `;
850
877
  document.body.appendChild(panel);
878
+ if (((_config$theme = _config.theme) === null || _config$theme === void 0 ? void 0 : _config$theme.preset) === 'glass') {
879
+ document.body.classList.add('sai-glass-preset');
880
+ }
851
881
  if ((_config$suggestions = _config.suggestions) !== null && _config$suggestions !== void 0 && _config$suggestions.length) {
852
882
  const container = panel.querySelector('#sai-suggestions');
853
883
  _config.suggestions.forEach(s => {
@@ -874,7 +904,7 @@ RULES:
874
904
  addMsg('ai', `Hey! 👋 I can guide you through ${_config.appName}. What would you like to do?`);
875
905
 
876
906
  // Auto theme switching
877
- if (((_config$theme = _config.theme) === null || _config$theme === void 0 ? void 0 : _config$theme.mode) === 'auto' || !((_config$theme2 = _config.theme) !== null && _config$theme2 !== void 0 && _config$theme2.mode)) {
907
+ if (((_config$theme2 = _config.theme) === null || _config$theme2 === void 0 ? void 0 : _config$theme2.mode) === 'auto' || !((_config$theme3 = _config.theme) !== null && _config$theme3 !== void 0 && _config$theme3.mode)) {
878
908
  _mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
879
909
  _mediaQuery.addEventListener('change', () => {
880
910
  var _document$getElementB3;
@@ -1000,6 +1030,7 @@ RULES:
1000
1030
  _tour = null;
1001
1031
  (_document$getElementB1 = document.getElementById('sai-trigger')) === null || _document$getElementB1 === void 0 || _document$getElementB1.classList.remove('sai-paused');
1002
1032
  (_document$getElementB10 = document.getElementById('sai-resume-prompt')) === null || _document$getElementB10 === void 0 || _document$getElementB10.remove();
1033
+ document.body.classList.remove('sai-glass-preset');
1003
1034
  },
1004
1035
  resumeTour() {
1005
1036
  var _document$getElementB11, _document$getElementB12;
package/dist/react/core.js CHANGED
@@ -28,10 +28,15 @@ var core$1 = {exports: {}};
28
28
  */
29
29
  (function (module) {
30
30
  (function (global, factory) {
31
+ const Eventop = factory();
31
32
  if (module.exports) {
32
- module.exports = factory();
33
- } else {
34
- global.Eventop = factory();
33
+ module.exports = Eventop;
34
+ }
35
+ // Always set on global in browser environments
36
+ if (typeof window !== 'undefined') {
37
+ window.Eventop = Eventop;
38
+ } else if (typeof global !== 'undefined') {
39
+ global.Eventop = Eventop;
35
40
  }
36
41
  })(typeof globalThis !== 'undefined' ? globalThis : commonjsGlobal, function () {
37
42
 
@@ -90,6 +95,9 @@ var core$1 = {exports: {}};
90
95
  accent: '#6366f1',
91
96
  accentSecondary: '#8b5cf6',
92
97
  radius: '20px'
98
+ },
99
+ glass: {
100
+ radius: '14px'
93
101
  }
94
102
  };
95
103
  function resolveTheme(themeConfig = {}) {
@@ -806,6 +814,25 @@ RULES:
806
814
  border-radius: 6px; color: #ef4444; font-size: 12px; line-height: 1.5;
807
815
  animation: sai-in .18s ease;
808
816
  }
817
+
818
+ /* ── Glass preset ── */
819
+ .sai-glass-preset .sai-shepherd-step {
820
+ background: rgba(255, 255, 255, 0.10) !important;
821
+ backdrop-filter: blur(18px) saturate(180%) !important;
822
+ -webkit-backdrop-filter: blur(18px) saturate(180%) !important;
823
+ border: 1px solid rgba(255, 255, 255, 0.22) !important;
824
+ box-shadow: 0 8px 36px rgba(0,0,0,.12) !important;
825
+ }
826
+ .sai-glass-preset .sai-shepherd-step .shepherd-text,
827
+ .sai-glass-preset .sai-shepherd-step .shepherd-title {
828
+ color: #ffffff !important;
829
+ text-shadow: 0 1px 3px rgba(0,0,0,.35);
830
+ }
831
+ .sai-glass-preset .sai-shepherd-step .shepherd-footer,
832
+ .sai-glass-preset .sai-shepherd-step .shepherd-header {
833
+ background: transparent !important;
834
+ border-color: rgba(255,255,255,0.15) !important;
835
+ }
809
836
  `;
810
837
  document.head.appendChild(style);
811
838
  }
@@ -815,7 +842,7 @@ RULES:
815
842
  // ═══════════════════════════════════════════════════════════════════════════
816
843
 
817
844
  function buildChat(theme, positionCSS) {
818
- var _config$suggestions, _config$theme, _config$theme2;
845
+ var _config$theme, _config$suggestions, _config$theme2, _config$theme3;
819
846
  if (document.getElementById('sai-trigger')) return;
820
847
  injectStyles(theme, positionCSS);
821
848
  const trigger = document.createElement('button');
@@ -846,6 +873,9 @@ RULES:
846
873
  </div>
847
874
  `;
848
875
  document.body.appendChild(panel);
876
+ if (((_config$theme = _config.theme) === null || _config$theme === void 0 ? void 0 : _config$theme.preset) === 'glass') {
877
+ document.body.classList.add('sai-glass-preset');
878
+ }
849
879
  if ((_config$suggestions = _config.suggestions) !== null && _config$suggestions !== void 0 && _config$suggestions.length) {
850
880
  const container = panel.querySelector('#sai-suggestions');
851
881
  _config.suggestions.forEach(s => {
@@ -872,7 +902,7 @@ RULES:
872
902
  addMsg('ai', `Hey! 👋 I can guide you through ${_config.appName}. What would you like to do?`);
873
903
 
874
904
  // Auto theme switching
875
- if (((_config$theme = _config.theme) === null || _config$theme === void 0 ? void 0 : _config$theme.mode) === 'auto' || !((_config$theme2 = _config.theme) !== null && _config$theme2 !== void 0 && _config$theme2.mode)) {
905
+ if (((_config$theme2 = _config.theme) === null || _config$theme2 === void 0 ? void 0 : _config$theme2.mode) === 'auto' || !((_config$theme3 = _config.theme) !== null && _config$theme3 !== void 0 && _config$theme3.mode)) {
876
906
  _mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
877
907
  _mediaQuery.addEventListener('change', () => {
878
908
  var _document$getElementB3;
@@ -998,6 +1028,7 @@ RULES:
998
1028
  _tour = null;
999
1029
  (_document$getElementB1 = document.getElementById('sai-trigger')) === null || _document$getElementB1 === void 0 || _document$getElementB1.classList.remove('sai-paused');
1000
1030
  (_document$getElementB10 = document.getElementById('sai-resume-prompt')) === null || _document$getElementB10 === void 0 || _document$getElementB10.remove();
1031
+ document.body.classList.remove('sai-glass-preset');
1001
1032
  },
1002
1033
  resumeTour() {
1003
1034
  var _document$getElementB11, _document$getElementB12;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@eventop/sdk",
3
- "version": "1.1.6",
3
+ "version": "1.1.8",
4
4
  "description": "AI-powered guided tours for any web app. Drop-in, themeable, provider-agnostic.",
5
5
  "keywords": [
6
6
  "onboarding",