{"version":3,"file":"DeviceButton.BfAwMHgt.mjs","names":["useState","_Fragment"],"sources":["https:/framerusercontent.com/modules/ADIPL62eYIGlTfioRM2E/vENIvv0fSIU3ha8RNgMR/DeviceButton.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{motion}from\"framer-motion\";import{useState,useEffect}from\"react\";import{createPortal}from\"react-dom\";/**\n * @framerSupportedLayoutWidth auto\n * @framerSupportedLayoutHeight auto\n */export default function DeviceButton(props){const{iosLink,androidLink,desktopLink,label,background,textColor,fontSize,fontWeight,fontFamily,width,height,borderRadius,paddingX,paddingY,shadow,style,modalTitle,modalSubtitle}=props;const[isMobile,setIsMobile]=useState(false);const[showModal,setShowModal]=useState(false);// Detect mobile width (client only)\nuseEffect(()=>{if(typeof window===\"undefined\")return;const update=()=>setIsMobile(window.innerWidth<768);update();window.addEventListener(\"resize\",update);return()=>window.removeEventListener(\"resize\",update);},[]);const toggleModal=value=>{setShowModal(value);if(typeof document===\"undefined\")return;document.body.style.overflow=value?\"hidden\":\"auto\";};// Click behavior\nconst handleClick=()=>{if(typeof window===\"undefined\")return;const userAgent=navigator.userAgent||navigator.vendor||window.opera;// iOS\nif(/iPad|iPhone|iPod/.test(userAgent)){window.open(iosLink,\"_blank\");return;}// Android\nif(/android/i.test(userAgent)){window.open(androidLink,\"_blank\");return;}// Desktop → show modal\nif(!isMobile){toggleModal(true);return;}// Fallback mobile → modal\ntoggleModal(true);};const handleBackdropClick=e=>{if(e.target===e.currentTarget)toggleModal(false);};return /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(motion.button,{onClick:handleClick,style:{width,height,padding:`${paddingY}px ${paddingX}px`,borderRadius,border:\"none\",backgroundColor:background,color:textColor,fontSize,fontWeight,fontFamily,cursor:\"pointer\",boxShadow:shadow,...style},whileHover:{scale:1.05},whileTap:{scale:.95},children:label}),showModal&&typeof document!==\"undefined\"&&/*#__PURE__*/createPortal(/*#__PURE__*/_jsxs(\"div\",{style:{position:\"fixed\",inset:0,background:\"#3C2479\",display:\"flex\",flexDirection:\"column\",alignItems:\"center\",justifyContent:\"center\",zIndex:999999,gap:50,width:\"100vw\",height:\"100vh\",overflow:\"hidden\",isolation:\"isolate\",transform:\"translateZ(9999px)\"},onClick:handleBackdropClick,children:[/*#__PURE__*/_jsxs(\"div\",{style:{background:\"white\",borderRadius:\"12px\",padding:isMobile?\"24px\":\"48px 64px\",textAlign:\"center\",maxWidth:\"90%\"},children:[/*#__PURE__*/_jsx(\"h2\",{style:{fontSize:isMobile?20:52,fontWeight:\"800\",color:\"#3C2479\",margin:0},children:modalTitle}),/*#__PURE__*/_jsx(\"p\",{style:{fontSize:isMobile?16:24,fontWeight:400,color:\"#000\",margin:\"24px 0px\"},children:modalSubtitle}),/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",justifyContent:\"space-around\"},children:[/*#__PURE__*/_jsx(\"div\",{children:/*#__PURE__*/_jsx(\"img\",{src:\"https://framerusercontent.com/images/VBuDHZzoOg3UZsVV0f8BpuIpgw.png?width=200&height=200\",alt:\"QR\",style:{height:isMobile?100:200,width:isMobile?100:200}})}),/*#__PURE__*/_jsx(\"div\",{children:/*#__PURE__*/_jsx(\"img\",{src:\"https://framerusercontent.com/images/i6TuCCKB9LzAy94pWouZtQaO0Zs.png?width=200&height=200\",alt:\"QR\",style:{height:isMobile?100:200,width:isMobile?100:200}})})]})]}),/*#__PURE__*/_jsx(\"button\",{onClick:()=>toggleModal(false),style:{background:\"#FFFFFF33\",border:\"none\",cursor:\"pointer\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\",padding:0,borderRadius:\"50%\",height:40,width:40},children:/*#__PURE__*/_jsxs(\"svg\",{width:\"24\",height:\"24\",viewBox:\"0 0 24 24\",fill:\"none\",stroke:\"#3C2479\",strokeWidth:\"2\",strokeLinecap:\"round\",strokeLinejoin:\"round\",children:[/*#__PURE__*/_jsx(\"line\",{x1:\"18\",y1:\"6\",x2:\"6\",y2:\"18\"}),/*#__PURE__*/_jsx(\"line\",{x1:\"6\",y1:\"6\",x2:\"18\",y2:\"18\"})]})})]}),document.body)]});}addPropertyControls(DeviceButton,{iosLink:{title:\"iOS Link\",type:ControlType.String,defaultValue:\"https://apps.apple.com/\"},androidLink:{title:\"Android Link\",type:ControlType.String,defaultValue:\"https://play.google.com/store\"},desktopLink:{title:\"Desktop Link\",type:ControlType.String,defaultValue:\"/get-app\"},label:{title:\"Label\",type:ControlType.String,defaultValue:\"Download the app\"},textColor:{title:\"Text Color\",type:ControlType.Color,defaultValue:\"#FFFFFF\"},fontSize:{title:\"Font Size\",type:ControlType.Number,defaultValue:18},fontWeight:{title:\"Font Weight\",type:ControlType.Enum,options:[\"400\",\"500\",\"600\",\"700\",\"800\",\"900\"],defaultValue:\"700\"},fontFamily:{title:\"Font Family\",type:ControlType.String,defaultValue:'\"General Sans\", sans-serif'},width:{title:\"Width\",type:ControlType.Number,defaultValue:220},height:{title:\"Height\",type:ControlType.Number,defaultValue:56},paddingX:{title:\"Padding X\",type:ControlType.Number,defaultValue:24},paddingY:{title:\"Padding Y\",type:ControlType.Number,defaultValue:12},borderRadius:{title:\"Radius\",type:ControlType.Number,defaultValue:16},background:{title:\"Background\",type:ControlType.Color,defaultValue:\"#0D002E\"},shadow:{title:\"Shadow\",type:ControlType.String,defaultValue:\"0 4px 12px rgba(0,0,0,0.15)\"},modalTitle:{title:\"Modal Title\",type:ControlType.String,defaultValue:\"Get the Linkfluencer app\"},modalSubtitle:{title:\"Modal Subtitle\",type:ControlType.String,defaultValue:\"Scan the QR code to download the app\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"DeviceButton\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"auto\",\"framerSupportedLayoutWidth\":\"auto\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./DeviceButton.map"],"mappings":"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"}