{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/Hd7s0hB5zMml6mLDzuT4/pH43vprQBKto68v81j55/WistiaHelper.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useEffect,useRef,useState}from\"react\";import{addPropertyControls,ControlType}from\"framer\";/**\n * WistiaAuto \u2014 responsive\u2011height Wistia player\n *   \u2022 overlay play button (size, bg, border, corner\u2011radius)\n *   \u2022 rounded \u25B6 icon with adjustable corner\u2011radius **and size**\n *\n * Designers: control Width / Max\u2011width via Framer's Layout panel.\n * Editors: paste one Wistia URL/ID in the CMS field.\n *//* \u25BC helper \u2014 equilateral triangle with outward rounded corners.\n   Using quadratic curves for smooth corners */function buildRoundedTriangle(rUnits){const MAX_R=25// increased max for larger triangles\n;const r=Math.max(0,Math.min(MAX_R,rUnits));// Equilateral triangle centered by its bounding box\nconst size=35// triangle size\n;// For an equilateral triangle pointing right:\n// - Width = 1.5 * size (from leftmost to rightmost point)\n// - We want to center this width in the viewBox\nconst triangleWidth=size*1.5;const leftOffset=(100-triangleWidth)/1.5;// Calculate vertices\nconst A=[leftOffset,50-size*.866]// top-left\n;const B=[leftOffset+triangleWidth,50]// right point\n;const C=[leftOffset,50+size*.866]// bottom-left\n;const move=(p,q,d)=>{const vx=q[0]-p[0];const vy=q[1]-p[1];const len=Math.hypot(vx,vy);return[p[0]+vx*d/len,p[1]+vy*d/len];};// Calculate the tangent points\nconst A1=move(A,B,r);const A2=move(A,C,r);const B1=move(B,C,r);const B2=move(B,A,r);const C1=move(C,A,r);const C2=move(C,B,r);const fmt=pt=>pt.map(v=>v.toFixed(2)).join(\",\");// Use quadratic curves for smoother corners\nreturn`M ${fmt(A1)} \n            Q ${fmt(A)} ${fmt(A2)}\n            L ${fmt(C1)} \n            Q ${fmt(C)} ${fmt(C2)}\n            L ${fmt(B1)} \n            Q ${fmt(B)} ${fmt(B2)} Z`;}export default function WistiaAuto({urlOrId=\"\",playBtnSize=80,playBtnBg=\"#ffffffd9\",playBtnRadius=8,playBtnBorder=0,playBtnBorderColor=\"#000000\",iconCornerRadius=4,iconScale=45,autoplay=false}){const[id,setId]=useState(\"\");const[pad,setPad]=useState(56.25)// fallback 16:9\n;const[playing,setPlaying]=useState(false);const iframeRef=useRef(null);/* 1\uFE0F\u20E3 Extract hashed ID + fetch native width\u2194height via oEmbed */useEffect(()=>{if(!urlOrId)return;const m=urlOrId.match(/([a-z0-9]{10})/i);if(m)setId(m[1]);fetch(`https://fast.wistia.com/oembed?url=${encodeURIComponent(urlOrId.startsWith(\"http\")?urlOrId:`https://home.wistia.com/medias/${m?.[1]}`)}`).then(r=>r.json()).then(d=>{if(d.width&&d.height)setPad(d.height/d.width*100);}).catch(()=>{});},[urlOrId]);/* 2\uFE0F\u20E3 Wait for Wistia API and bind play event */useEffect(()=>{if(!id||playing)return;const checkApi=setInterval(()=>{const api=iframeRef.current?.wistiaApi;if(api){clearInterval(checkApi);const onPlay=()=>setPlaying(true);api.bind(\"play\",onPlay);}},100);return()=>clearInterval(checkApi);},[id,playing]);// clamp scale 10\u201190 % to prevent overflow / underflow\nconst clampedScale=Math.max(10,Math.min(90,iconScale));const renderedIconPx=playBtnSize*clampedScale/100;// convert iconCornerRadius (px) into 0\u2011100 SVG units\nconst rUnits=iconCornerRadius/renderedIconPx*100;const iconPath=buildRoundedTriangle(rUnits);return /*#__PURE__*/_jsxs(\"div\",{style:{width:\"100%\",position:\"relative\",paddingBottom:`${pad}%`,height:0},children:[id&&/*#__PURE__*/_jsx(\"iframe\",{ref:iframeRef,src:`https://fast.wistia.net/embed/iframe/${id}?videoFoam=true&seo=true&playButton=false${autoplay?\"&autoPlay=true\":\"\"}`,allow:\"autoplay; fullscreen\",style:{position:\"absolute\",inset:0,width:\"100%\",height:\"100%\",border:0}}),!playing&&!autoplay&&/*#__PURE__*/_jsx(\"button\",{onClick:()=>{const api=iframeRef.current?.wistiaApi;if(api){api.play();}else{// If API isn't ready, click the iframe to trigger native play\niframeRef.current?.contentWindow?.postMessage('{\"method\":\"play\"}',\"https://fast.wistia.net\");}// Hide the button immediately on click\nsetPlaying(true);},style:{position:\"absolute\",top:\"50%\",left:\"50%\",transform:\"translate(-50%, -50%)\",width:playBtnSize,height:playBtnSize,background:playBtnBg,borderRadius:playBtnRadius,border:`${playBtnBorder}px solid ${playBtnBorderColor}`,padding:0,display:\"grid\",placeItems:\"center\",cursor:\"pointer\"},children:/*#__PURE__*/_jsx(\"svg\",{width:renderedIconPx,height:renderedIconPx,viewBox:\"0 0 100 100\",fill:playBtnBorderColor,\"aria-hidden\":\"true\",style:{},children:/*#__PURE__*/_jsx(\"path\",{d:iconPath})})})]});}/* \u2500\u2500\u2500 Inspector controls \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */addPropertyControls(WistiaAuto,{urlOrId:{type:ControlType.String,title:\"Wistia URL / ID\"},autoplay:{type:ControlType.Boolean,title:\"Autoplay\",defaultValue:false},playBtnSize:{type:ControlType.Number,title:\"Button size\",defaultValue:80,min:32,unit:\"px\"},playBtnRadius:{type:ControlType.Number,title:\"Button radius\",defaultValue:8,min:0,unit:\"px\"},playBtnBg:{type:ControlType.Color,title:\"Button BG\",defaultValue:\"#ffffffd9\"},playBtnBorder:{type:ControlType.Number,title:\"Border width\",defaultValue:0,min:0,unit:\"px\"},playBtnBorderColor:{type:ControlType.Color,title:\"Border colour\",defaultValue:\"#000000\"},iconScale:{type:ControlType.Number,title:\"Triangle size %\",defaultValue:45,min:10,max:90,unit:\"%\"},iconCornerRadius:{type:ControlType.Number,title:\"Triangle radius\",defaultValue:4,min:0,max:30,unit:\"px\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"WistiaAuto\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./WistiaHelper.map"],
  "mappings": "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",
  "names": ["buildRoundedTriangle", "rUnits", "r", "size", "triangleWidth", "leftOffset", "A", "B", "C", "move", "p", "q", "d", "vx", "vy", "len", "A1", "A2", "B1", "B2", "C1", "C2", "fmt", "pt", "v", "WistiaAuto", "urlOrId", "playBtnSize", "playBtnBg", "playBtnRadius", "playBtnBorder", "playBtnBorderColor", "iconCornerRadius", "iconScale", "autoplay", "id", "setId", "ye", "pad", "setPad", "playing", "setPlaying", "iframeRef", "pe", "ue", "m", "checkApi", "api", "onPlay", "clampedScale", "renderedIconPx", "iconPath", "u", "addPropertyControls", "ControlType"]
}