unified-video-framework 1.4.334 → 1.4.336

package/packages/web/src/paywall/EmailAuthController.ts

@@ -164,6 +164,11 @@ export class EmailAuthController {
       animation: uvfAuthSlideIn 0.3s ease-out;
     `;
 
+    // Prevent clicks inside modal from bubbling to overlay
+    modal.addEventListener('click', (e) => {
+      e.stopPropagation();
+    });
+
     // Add CSS animation keyframes
     if (!document.querySelector('#uvf-auth-styles')) {
       const style = document.createElement('style');
@@ -350,6 +355,8 @@ export class EmailAuthController {
     emailInput.type = 'email';
     emailInput.placeholder = this.config?.emailAuth?.ui?.emailPlaceholder || 'Enter your email';
     emailInput.className = 'uvf-auth-input';
+    emailInput.autocomplete = 'email';
+    emailInput.required = true;
     const placeholderColor = this.config?.emailAuth?.ui?.placeholderColor || 'rgba(255, 255, 255, 0.5)';
     emailInput.style.cssText = `
       width: 100%;
@@ -361,8 +368,9 @@ export class EmailAuthController {
       font-size: 16px;
       font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
       box-sizing: border-box;
+      outline: none;
     `;
-    
+
     // Set placeholder color using CSS custom properties
     emailInput.style.setProperty('--placeholder-color', placeholderColor);
     emailInput.value = this.currentEmail;

package/packages/web/src/react/WebPlayerView.tsx

@@ -108,6 +108,7 @@ export type WebPlayerViewProps = {
   defaultQuality?: number;
   enableAdaptiveBitrate?: boolean;
   debug?: boolean;
+  startTime?: number; // Start playback from this time in seconds (e.g., 125 for 2:05)
   freeDuration?: number;
 
   // Video Commerce configuration
@@ -949,6 +950,7 @@ export const WebPlayerView: React.FC<WebPlayerViewProps> = (props) => {
         defaultQuality: props.defaultQuality,
         enableAdaptiveBitrate: props.enableAdaptiveBitrate ?? true,
         debug: props.debug ?? false,
+        startTime: props.startTime,
         freeDuration: props.freeDuration,
         paywall: paywallCfg,
         customControls: props.customControls,