@eventop/sdk 1.1.7 → 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.
package/dist/core.cjs CHANGED
@@ -97,6 +97,9 @@ var core$1 = {exports: {}};
97
97
  accent: '#6366f1',
98
98
  accentSecondary: '#8b5cf6',
99
99
  radius: '20px'
100
+ },
101
+ glass: {
102
+ radius: '14px'
100
103
  }
101
104
  };
102
105
  function resolveTheme(themeConfig = {}) {
@@ -813,6 +816,25 @@ RULES:
813
816
  border-radius: 6px; color: #ef4444; font-size: 12px; line-height: 1.5;
814
817
  animation: sai-in .18s ease;
815
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
+ }
816
838
  `;
817
839
  document.head.appendChild(style);
818
840
  }
@@ -822,7 +844,7 @@ RULES:
822
844
  // ═══════════════════════════════════════════════════════════════════════════
823
845
 
824
846
  function buildChat(theme, positionCSS) {
825
- var _config$suggestions, _config$theme, _config$theme2;
847
+ var _config$theme, _config$suggestions, _config$theme2, _config$theme3;
826
848
  if (document.getElementById('sai-trigger')) return;
827
849
  injectStyles(theme, positionCSS);
828
850
  const trigger = document.createElement('button');
@@ -853,6 +875,9 @@ RULES:
853
875
  </div>
854
876
  `;
855
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
+ }
856
881
  if ((_config$suggestions = _config.suggestions) !== null && _config$suggestions !== void 0 && _config$suggestions.length) {
857
882
  const container = panel.querySelector('#sai-suggestions');
858
883
  _config.suggestions.forEach(s => {
@@ -879,7 +904,7 @@ RULES:
879
904
  addMsg('ai', `Hey! 👋 I can guide you through ${_config.appName}. What would you like to do?`);
880
905
 
881
906
  // Auto theme switching
882
- 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)) {
883
908
  _mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
884
909
  _mediaQuery.addEventListener('change', () => {
885
910
  var _document$getElementB3;
@@ -1005,6 +1030,7 @@ RULES:
1005
1030
  _tour = null;
1006
1031
  (_document$getElementB1 = document.getElementById('sai-trigger')) === null || _document$getElementB1 === void 0 || _document$getElementB1.classList.remove('sai-paused');
1007
1032
  (_document$getElementB10 = document.getElementById('sai-resume-prompt')) === null || _document$getElementB10 === void 0 || _document$getElementB10.remove();
1033
+ document.body.classList.remove('sai-glass-preset');
1008
1034
  },
1009
1035
  resumeTour() {
1010
1036
  var _document$getElementB11, _document$getElementB12;
package/dist/core.js CHANGED
@@ -95,6 +95,9 @@ var core$1 = {exports: {}};
95
95
  accent: '#6366f1',
96
96
  accentSecondary: '#8b5cf6',
97
97
  radius: '20px'
98
+ },
99
+ glass: {
100
+ radius: '14px'
98
101
  }
99
102
  };
100
103
  function resolveTheme(themeConfig = {}) {
@@ -811,6 +814,25 @@ RULES:
811
814
  border-radius: 6px; color: #ef4444; font-size: 12px; line-height: 1.5;
812
815
  animation: sai-in .18s ease;
813
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
+ }
814
836
  `;
815
837
  document.head.appendChild(style);
816
838
  }
@@ -820,7 +842,7 @@ RULES:
820
842
  // ═══════════════════════════════════════════════════════════════════════════
821
843
 
822
844
  function buildChat(theme, positionCSS) {
823
- var _config$suggestions, _config$theme, _config$theme2;
845
+ var _config$theme, _config$suggestions, _config$theme2, _config$theme3;
824
846
  if (document.getElementById('sai-trigger')) return;
825
847
  injectStyles(theme, positionCSS);
826
848
  const trigger = document.createElement('button');
@@ -851,6 +873,9 @@ RULES:
851
873
  </div>
852
874
  `;
853
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
+ }
854
879
  if ((_config$suggestions = _config.suggestions) !== null && _config$suggestions !== void 0 && _config$suggestions.length) {
855
880
  const container = panel.querySelector('#sai-suggestions');
856
881
  _config.suggestions.forEach(s => {
@@ -877,7 +902,7 @@ RULES:
877
902
  addMsg('ai', `Hey! 👋 I can guide you through ${_config.appName}. What would you like to do?`);
878
903
 
879
904
  // Auto theme switching
880
- 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)) {
881
906
  _mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
882
907
  _mediaQuery.addEventListener('change', () => {
883
908
  var _document$getElementB3;
@@ -1003,6 +1028,7 @@ RULES:
1003
1028
  _tour = null;
1004
1029
  (_document$getElementB1 = document.getElementById('sai-trigger')) === null || _document$getElementB1 === void 0 || _document$getElementB1.classList.remove('sai-paused');
1005
1030
  (_document$getElementB10 = document.getElementById('sai-resume-prompt')) === null || _document$getElementB10 === void 0 || _document$getElementB10.remove();
1031
+ document.body.classList.remove('sai-glass-preset');
1006
1032
  },
1007
1033
  resumeTour() {
1008
1034
  var _document$getElementB11, _document$getElementB12;
@@ -97,6 +97,9 @@ var core$1 = {exports: {}};
97
97
  accent: '#6366f1',
98
98
  accentSecondary: '#8b5cf6',
99
99
  radius: '20px'
100
+ },
101
+ glass: {
102
+ radius: '14px'
100
103
  }
101
104
  };
102
105
  function resolveTheme(themeConfig = {}) {
@@ -813,6 +816,25 @@ RULES:
813
816
  border-radius: 6px; color: #ef4444; font-size: 12px; line-height: 1.5;
814
817
  animation: sai-in .18s ease;
815
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
+ }
816
838
  `;
817
839
  document.head.appendChild(style);
818
840
  }
@@ -822,7 +844,7 @@ RULES:
822
844
  // ═══════════════════════════════════════════════════════════════════════════
823
845
 
824
846
  function buildChat(theme, positionCSS) {
825
- var _config$suggestions, _config$theme, _config$theme2;
847
+ var _config$theme, _config$suggestions, _config$theme2, _config$theme3;
826
848
  if (document.getElementById('sai-trigger')) return;
827
849
  injectStyles(theme, positionCSS);
828
850
  const trigger = document.createElement('button');
@@ -853,6 +875,9 @@ RULES:
853
875
  </div>
854
876
  `;
855
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
+ }
856
881
  if ((_config$suggestions = _config.suggestions) !== null && _config$suggestions !== void 0 && _config$suggestions.length) {
857
882
  const container = panel.querySelector('#sai-suggestions');
858
883
  _config.suggestions.forEach(s => {
@@ -879,7 +904,7 @@ RULES:
879
904
  addMsg('ai', `Hey! 👋 I can guide you through ${_config.appName}. What would you like to do?`);
880
905
 
881
906
  // Auto theme switching
882
- 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)) {
883
908
  _mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
884
909
  _mediaQuery.addEventListener('change', () => {
885
910
  var _document$getElementB3;
@@ -1005,6 +1030,7 @@ RULES:
1005
1030
  _tour = null;
1006
1031
  (_document$getElementB1 = document.getElementById('sai-trigger')) === null || _document$getElementB1 === void 0 || _document$getElementB1.classList.remove('sai-paused');
1007
1032
  (_document$getElementB10 = document.getElementById('sai-resume-prompt')) === null || _document$getElementB10 === void 0 || _document$getElementB10.remove();
1033
+ document.body.classList.remove('sai-glass-preset');
1008
1034
  },
1009
1035
  resumeTour() {
1010
1036
  var _document$getElementB11, _document$getElementB12;
@@ -95,6 +95,9 @@ var core$1 = {exports: {}};
95
95
  accent: '#6366f1',
96
96
  accentSecondary: '#8b5cf6',
97
97
  radius: '20px'
98
+ },
99
+ glass: {
100
+ radius: '14px'
98
101
  }
99
102
  };
100
103
  function resolveTheme(themeConfig = {}) {
@@ -811,6 +814,25 @@ RULES:
811
814
  border-radius: 6px; color: #ef4444; font-size: 12px; line-height: 1.5;
812
815
  animation: sai-in .18s ease;
813
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
+ }
814
836
  `;
815
837
  document.head.appendChild(style);
816
838
  }
@@ -820,7 +842,7 @@ RULES:
820
842
  // ═══════════════════════════════════════════════════════════════════════════
821
843
 
822
844
  function buildChat(theme, positionCSS) {
823
- var _config$suggestions, _config$theme, _config$theme2;
845
+ var _config$theme, _config$suggestions, _config$theme2, _config$theme3;
824
846
  if (document.getElementById('sai-trigger')) return;
825
847
  injectStyles(theme, positionCSS);
826
848
  const trigger = document.createElement('button');
@@ -851,6 +873,9 @@ RULES:
851
873
  </div>
852
874
  `;
853
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
+ }
854
879
  if ((_config$suggestions = _config.suggestions) !== null && _config$suggestions !== void 0 && _config$suggestions.length) {
855
880
  const container = panel.querySelector('#sai-suggestions');
856
881
  _config.suggestions.forEach(s => {
@@ -877,7 +902,7 @@ RULES:
877
902
  addMsg('ai', `Hey! 👋 I can guide you through ${_config.appName}. What would you like to do?`);
878
903
 
879
904
  // Auto theme switching
880
- 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)) {
881
906
  _mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
882
907
  _mediaQuery.addEventListener('change', () => {
883
908
  var _document$getElementB3;
@@ -1003,6 +1028,7 @@ RULES:
1003
1028
  _tour = null;
1004
1029
  (_document$getElementB1 = document.getElementById('sai-trigger')) === null || _document$getElementB1 === void 0 || _document$getElementB1.classList.remove('sai-paused');
1005
1030
  (_document$getElementB10 = document.getElementById('sai-resume-prompt')) === null || _document$getElementB10 === void 0 || _document$getElementB10.remove();
1031
+ document.body.classList.remove('sai-glass-preset');
1006
1032
  },
1007
1033
  resumeTour() {
1008
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.7",
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",