scribe-widget 1.0.3 → 1.0.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "scribe-widget",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "description": "Floating panel widget for medical transcription using eka.scribe",
   "main": "dist/scribe-widget.umd.js",
   "module": "dist/scribe-widget.es.js",

package/src/components/ConfigState.tsx

@@ -7,7 +7,11 @@ interface ConfigStateProps {
   initialBaseUrl?: string;
 }
 
-export function ConfigState({ onSubmit, initialApiKey = '', initialBaseUrl = '' }: ConfigStateProps) {
+export function ConfigState({
+  onSubmit,
+  initialApiKey = '',
+  initialBaseUrl = '',
+}: ConfigStateProps) {
   const [apiKey, setApiKey] = useState(initialApiKey);
   const [baseUrl, setBaseUrl] = useState(initialBaseUrl);
   const [error, setError] = useState('');
@@ -25,7 +29,12 @@ export function ConfigState({ onSubmit, initialApiKey = '', initialBaseUrl = ''
   };
 
   return (
-    <div className="config-state">
+    <div
+      className="config-state"
+      style={{
+        zIndex: 9999,
+      }}
+    >
       <div className="logo">
         <div className="logo-icon">
           <LogoIcon />

package/src/index.tsx

@@ -44,18 +44,12 @@ class ScribeWidget {
   private render(): void {
     if (!this.root || !this.visible) return;
 
-    this.root.render(
-      <App
-        config={this.config}
-        onClose={() => this.hide()}
-      />
-    );
+    this.root.render(<App config={this.config} onClose={() => this.hide()} />);
   }
 
   public mount(target?: HTMLElement | string): void {
-    const targetEl = typeof target === 'string'
-      ? document.querySelector(target)
-      : target || document.body;
+    const targetEl =
+      typeof target === 'string' ? document.querySelector(target) : target || document.body;
 
     if (targetEl) {
       targetEl.appendChild(this.container);
@@ -94,6 +88,8 @@ function init(config: ScribeWidgetConfig = {} as ScribeWidgetConfig): ScribeWidg
   if (widgetInstance) {
     widgetInstance.unmount();
   }
+
+  console.log(config, 'config - WIDGET');
   widgetInstance = new ScribeWidget(config);
   widgetInstance.mount();
   return widgetInstance;
@@ -120,11 +116,13 @@ export default EkaScribe;
 if (typeof window !== 'undefined' && typeof document !== 'undefined') {
   const autoInit = () => {
     // Don't auto-init if already initialized or if data-no-auto-init attribute is present
-    const scriptTag = document.currentScript || document.querySelector('script[src*="scribe-widget"]');
+    const scriptTag =
+      document.currentScript || document.querySelector('script[src*="scribe-widget"]');
     if (scriptTag?.hasAttribute('data-no-auto-init')) {
       return;
     }
 
+    console.log(widgetInstance, 'widget instance');
     if (!widgetInstance) {
       init({});
     }
@@ -132,9 +130,11 @@ if (typeof window !== 'undefined' && typeof document !== 'undefined') {
 
   // Run after DOM is ready
   if (document.readyState === 'loading') {
-    document.addEventListener('DOMContentLoaded', autoInit);
+    document.addEventListener('DOMContentLoaded - WIDGET', autoInit);
   } else {
     // DOM already loaded, init immediately
+
+    console.log('load document - WIDGET');
     autoInit();
   }
 }