{"version":3,"file":"VideoPreview.CUtDist6.mjs","names":["React.useState","React.useMemo"],"sources":["https:/framerusercontent.com/modules/HVdOIJtkP7enZdFoRyoN/IEOq0PTj4oWJGeYvW4ZW/VideoPreview.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType}from\"framer\";/**\n * @framerSupported\n * @framerDisableUnusedStyles\n */export default function SmartVideoBubble(props){const{previewType,youtubeLink,pageLink,linkType,imageFile,autoplay,showMessage,message,position,textPosition,textAlign,sizePreset,borderRadius,padding,delay,showDismiss,fontSize,triggerId,aspect}=props;const[isVisible,setIsVisible]=React.useState(true);const[hasAppeared,setHasAppeared]=React.useState(false);const[isDismissing,setIsDismissing]=React.useState(false);const[isHovered,setIsHovered]=React.useState(false);// Configuration constants\nconst SIZE_MAP={small:100,medium:150,large:220};const currentSize=SIZE_MAP[sizePreset]||150;const height=aspect===\"square\"?currentSize:currentSize*9/16;// Logic: Handle Entrance Trigger\nReact.useEffect(()=>{let timer;let observer;const activate=()=>{timer=setTimeout(()=>setHasAppeared(true),delay*1e3);};if(triggerId&&typeof document!==\"undefined\"){const target=document.getElementById(triggerId);if(target){observer=new IntersectionObserver(([entry])=>{if(entry.isIntersecting){activate();observer.disconnect();}},{threshold:.1});observer.observe(target);}else{activate();}}else{activate();}return()=>{if(timer)clearTimeout(timer);if(observer)observer.disconnect();};},[triggerId,delay]);// Memoize YouTube Logic\nconst videoData=React.useMemo(()=>{const regExp=/^.*(youtu.be\\/|v\\/|u\\/\\w\\/|embed\\/|watch\\?v=|\\&v=)([^#\\&\\?]*).*/;const match=youtubeLink.match(regExp);const id=match&&match[2].length===11?match[2]:null;if(!id)return{id:null,url:\"\"};const params=new URLSearchParams({mute:\"1\",loop:\"1\",playlist:id,controls:\"0\",modestbranding:\"1\",rel:\"0\",playsinline:\"1\",iv_load_policy:\"3\",autoplay:autoplay?\"1\":\"0\"});return{id,url:`https://www.youtube.com/embed/${id}?${params.toString()}`};},[youtubeLink,autoplay]);const handleDismiss=e=>{e.preventDefault();e.stopPropagation();setIsDismissing(true);setTimeout(()=>setIsVisible(false),500);};if(!isVisible||previewType===\"video\"&&!videoData.id)return null;const layoutStyle=(()=>{const isRightAligned=position===\"right\";const config={top:{flexDirection:\"column-reverse\",alignItems:isRightAligned?\"flex-end\":\"flex-start\"},bottom:{flexDirection:\"column\",alignItems:isRightAligned?\"flex-end\":\"flex-start\"},left:{flexDirection:\"row-reverse\",alignItems:\"flex-end\"},right:{flexDirection:\"row\",alignItems:\"flex-end\"}};return config[textPosition]||config.top;})();// Determine target URL based on Link Type\nconst finalHref=linkType===\"external\"?youtubeLink:pageLink;return /*#__PURE__*/_jsxs(\"div\",{style:{position:\"fixed\",bottom:padding,[position===\"center\"?\"left\":position]:position===\"center\"?\"50%\":padding,transform:position===\"center\"?`translateX(-50%) ${hasAppeared&&!isDismissing?\"translateY(0) scale(1)\":\"translateY(40px) scale(0.8)\"}`:hasAppeared&&!isDismissing?\"translateY(0) scale(1)\":\"translateY(40px) scale(0.8)\",display:\"flex\",...layoutStyle,gap:12,zIndex:99999,pointerEvents:\"none\",opacity:hasAppeared&&!isDismissing?1:0,transition:\"opacity 1s cubic-bezier(0.22, 1, 0.36, 1), transform 1s cubic-bezier(0.22, 1, 0.36, 1)\"},children:[showMessage&&message&&/*#__PURE__*/_jsx(\"div\",{style:{background:\"white\",padding:\"10px 16px\",borderRadius:\"14px\",fontSize:fontSize,fontWeight:500,textAlign:textAlign,lineHeight:\"1.4em\",fontFamily:'\"Inter\", sans-serif',color:\"#111\",boxShadow:\"0 4px 12px rgba(0,0,0,0.12)\",pointerEvents:\"auto\",whiteSpace:\"normal\",wordWrap:\"break-word\",width:\"fit-content\",maxWidth:currentSize*2,boxSizing:\"border-box\"},children:message}),/*#__PURE__*/_jsxs(\"div\",{onMouseEnter:()=>setIsHovered(true),onMouseLeave:()=>setIsHovered(false),style:{width:currentSize,height:height,borderRadius:borderRadius,backgroundColor:\"#000\",cursor:\"pointer\",position:\"relative\",pointerEvents:\"auto\",boxShadow:isHovered?\"0 15px 35px rgba(0,0,0,0.3)\":\"0 8px 20px rgba(0,0,0,0.2)\",transform:isHovered?\"scale(1.05)\":\"scale(1)\",transition:\"all 0.3s ease-in-out\",flexShrink:0},children:[showDismiss&&/*#__PURE__*/_jsx(\"button\",{onClick:handleDismiss,style:{position:\"absolute\",top:-10,right:-10,width:26,height:26,borderRadius:\"50%\",background:\"white\",border:\"1px solid rgba(0,0,0,0.1)\",cursor:\"pointer\",zIndex:20,fontSize:\"16px\",fontWeight:\"bold\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\",boxShadow:\"0 4px 8px rgba(0,0,0,0.15)\",color:\"#000\"},children:\"\\xd7\"}),/*#__PURE__*/_jsxs(\"div\",{style:{width:\"100%\",height:\"100%\",borderRadius:borderRadius,overflow:\"hidden\",position:\"relative\"},children:[/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",top:\"50%\",left:\"50%\",transform:\"translate(-50%, -50%)\",width:32,height:32,borderRadius:\"50%\",backgroundColor:\"rgba(255, 255, 255, 0.25)\",backdropFilter:\"blur(6px)\",border:\"1px solid rgba(255,255,255,0.4)\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\",zIndex:2,pointerEvents:\"none\",opacity:isHovered&&autoplay?0:1,transition:\"opacity 0.3s ease\"},children:/*#__PURE__*/_jsx(\"svg\",{viewBox:\"0 0 24 24\",fill:\"white\",style:{width:16,height:16,marginLeft:2},children:/*#__PURE__*/_jsx(\"path\",{d:\"M8 5v14l11-7z\"})})}),/*#__PURE__*/_jsx(\"a\",{href:finalHref,target:linkType===\"external\"?\"_blank\":\"_self\",rel:\"noopener noreferrer\",style:{display:\"block\",width:\"100%\",height:\"100%\"},children:previewType===\"video\"?/*#__PURE__*/_jsx(\"iframe\",{src:videoData.url,style:{width:\"180%\",height:\"180%\",position:\"absolute\",top:\"-40%\",left:\"-40%\",border:\"none\",pointerEvents:\"none\"},allow:\"autoplay\"}):/*#__PURE__*/_jsx(\"img\",{src:imageFile,style:{width:\"100%\",height:\"100%\",objectFit:\"cover\"},alt:\"Preview\"})})]})]})]});}SmartVideoBubble.defaultProps={previewType:\"video\",linkType:\"external\",youtubeLink:\"https://www.youtube.com/watch?v=dQw4w9WgXcQ\",pageLink:\"\",imageFile:\"\",autoplay:true,showMessage:true,message:\"Watch Now!\",position:\"left\",textPosition:\"top\",textAlign:\"left\",aspect:\"square\",sizePreset:\"medium\",borderRadius:22,padding:24,delay:1,showDismiss:true,fontSize:12};addPropertyControls(SmartVideoBubble,{previewType:{type:ControlType.Enum,title:\"Preview\",options:[\"video\",\"image\"],optionTitles:[\"YouTube\",\"Image\"],displayControls:\"segmented-control\"},linkType:{type:ControlType.Enum,title:\"Link To\",options:[\"external\",\"page\"],optionTitles:[\"URL\",\"Page\"],displayControls:\"segmented-control\"},youtubeLink:{type:ControlType.String,title:\"URL\",hidden:props=>props.linkType!==\"external\"},pageLink:{type:ControlType.Link,title:\"Framer Page\",hidden:props=>props.linkType!==\"page\"},autoplay:{type:ControlType.Boolean,title:\"Autoplay Video\",hidden:props=>props.previewType!==\"video\"},imageFile:{type:ControlType.Image,title:\"Upload Image\",hidden:props=>props.previewType!==\"image\"},aspect:{type:ControlType.Enum,title:\"Aspect Ratio\",options:[\"square\",\"rectangle\"],optionTitles:[\"1:1\",\"16:9\"],displayControls:\"segmented-control\"},sizePreset:{type:ControlType.Enum,title:\"Size\",options:[\"small\",\"medium\",\"large\"],optionTitles:[\"S\",\"M\",\"L\"],displayControls:\"segmented-control\"},triggerId:{type:ControlType.String,title:\"Trigger ID\",description:\"Animation triggers when this ID scrolls into view.\"},showMessage:{type:ControlType.Boolean,title:\"Enable Message\"},message:{type:ControlType.String,title:\"Message Text\",displayControls:\"element\",hidden:props=>!props.showMessage},fontSize:{type:ControlType.Number,title:\"Font Size\",min:8,max:24,hidden:props=>!props.showMessage},textAlign:{type:ControlType.Enum,title:\"Text Alignment\",options:[\"left\",\"center\",\"right\"],displayControls:\"segmented-control\",hidden:props=>!props.showMessage},position:{type:ControlType.Enum,title:\"Widget Placement\",options:[\"left\",\"right\",\"center\"],displayControls:\"segmented-control\"},textPosition:{type:ControlType.Enum,title:\"Text Placement\",options:[\"top\",\"bottom\",\"left\",\"right\"],hidden:props=>!props.showMessage},borderRadius:{type:ControlType.Number,title:\"Corner Radius\",min:0,max:100},padding:{type:ControlType.Number,title:\"Screen Offset\",min:0,max:100},delay:{type:ControlType.Number,title:\"Delay (seconds)\",min:0,max:10},showDismiss:{type:ControlType.Boolean,title:\"Dismiss Button\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"SmartVideoBubble\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupported\":\"* @framerDisableUnusedStyles\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./VideoPreview.map"],"mappings":"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"}