{"version":3,"file":"WithBanner.Buu-PU58.mjs","names":["useState","data"],"sources":["https:/framerusercontent.com/modules/ScZhj5iEjbB3fsAKAPRh/75njBIYCOwwiePDLQekZ/WithBanner.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useEffect,useState}from\"react\";import{motion}from\"framer-motion\";const bannerBgStyle={background:\"linear-gradient(90.04deg, #4C88FF 15.05%, #2456CF 102.84%)\",mixBlendMode:\"normal\",height:\"52px\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\",color:\"#FFFFFF\",fontFamily:\"Lark Circular Medium, sans-serif\",textAlign:\"center\",transition:\"all 0.5 ease-in\"};const getBgStyle=isMobile=>({...bannerBgStyle,height:isMobile?\"116px\":\"52px\"});const bannerBtnsStyle={display:\"flex\",alignItems:\"center\",justifyContent:\"center\"};const bannerContentStyle={width:\"1200px\",maxWidth:\"95vw\",display:\"flex\",justifyContent:\"space-between\",flexWrap:\"wrap\",alignItems:\"center\"};const bannerTitleStyle={fontWeight:500,fontSize:\"18px\",lineHeight:\"24px\",/* identical to box height, or 133% */color:\"#FFFFFF\"};const bannerContinueStyle={padding:\" 4px 12px\",borderRadius:\"6px\",background:\"#70A0FF\",color:\"#FFFFFF\",fontSize:\"16px\",lineHeight:\"24px\",cursor:\"pointer\"};const bannerCloseStyle={padding:\" 4px 12px\",border:\"1px solid #70A0FF\",background:\"transparent\",borderRadius:\"6px\",color:\"#FFFFFF\",fontSize:\"16px\",lineHeight:\"24px\",marginLeft:\"16px\",cursor:\"pointer\",textDecoration:\"none\"};const bannerContent={title:{en_us:\"You're now visiting Lark. Did you mean to visit Feishu?\"},continue:{en_us:\"Continue with Lark\"},close:{en_us:\"Switch to Feishu\"}};const mobileHeigth=\"116px\";const pcHeight=\"52px\";export function withBannerEnUs(Component){return props=>{// const firstRender = useFirstRender()\n// if (typeof window === \"undefined\") {\n//     return <Component {...props} />\n// }\nconst isMobile=typeof window!==\"undefined\"?window.innerWidth<=1040:false;// useState(props.variant !== \"HZrkCpjpY\")\n// console.log(\"see if mobile\", props.variant === \"HZrkCpjpY\")\nlet params=typeof document!==\"undefined\"?new URL(document?.location).searchParams:null;let fromSite=params?params.get(\"from_site\"):false;// const [shouldShowBanner, setShouldShowBanner] = useState(false)\nconst shouldShowBanner=fromSite===\"feishu\";// fromSite === \"feishu\"\nconst[show,setShow]=useState((typeof window!==\"undefined\"?!window?.closeBanner:false)||false);const[bannerVariant,setBannerVariant]=useState(\"XFlto7N9H\");//const [IpData, setIpData] = useState(\"No IP yet\")\nconst APACList=[\"SG\",\"KH\",\"ID\",\"LA\",\"MY\",\"MM\",\"PH\",\"TH\",\"VN\",\"BN\",\"TL\",\"AF\",\"AM\",\"AZ\",\"BH\",\"CY\",\"GE\",\"JO\",\"IR\",\"IQ\",\"IL\",\"KZ\",\"KW\",\"LB\",\"OM\",\"PK\",\"PS\",\"QA\",\"SA\",\"SY\",\"TR\",\"AE\",\"UZ\",\"KG\",\"YE\",\"TJ\",\"TM\",\"HK\",\"MO\",\"TW\",\"IN\"];useEffect(()=>{console.log(\"start checking ip\");const fetchData=async()=>{const data=await fetch(\"https://internal-api-security.larksuite.com/lark/scs/compliance/cookie_governor/ip_info\",{method:\"POST\",headers:{\"Content-Type\":\"application/json\"}}).then(data=>data.json()).catch(e=>console.log(e));console.log(\"what\",data?.data?.ip_info?.countryCode);const countryCode=data?.data?.ip_info?.countryCode||\"\";if(APACList.includes(countryCode)){console.log(\"set variant to be APAC\");setBannerVariant(\"ToZIfBKNH\");}// setIpData({ ipCountry: \"VI\" })\n};fetchData();},[]);// fromSite === \"feishu\"\n// fromSite === \"feishu\"\n// const [show, setShow] = useState(false)\n// useEffect(() => {\n//     if (window && window.innerWidth <= 1040) {\n//         setIsMobile(true)\n//     }\n//     let params =\n//         typeof document !== \"undefined\"\n//             ? new URL(document?.location).searchParams\n//             : null\n//     let fromSite = params ? params.get(\"from_site\") : false\n//     setShouldShowBanner(fromSite === \"feishu\")\n//     setShow(\n//         (typeof window !== \"undefined\"\n//             ? !window?.closeBanner\n//             : false) || false\n//     )\n// }, [])\nuseEffect(()=>{if(!shouldShowBanner||typeof document===\"undefined\"){return;}const onScroll=()=>{if(window.scrollY>=40){setShow(false);}else{setShow(true);}};document.addEventListener(\"scroll\",onScroll);return()=>{document.removeEventListener(\"scroll\",onScroll);};},[shouldShowBanner]);return /*#__PURE__*/_jsxs(\"div\",{className:\"test-class\",style:{...props.style??{}},children:[show&&shouldShowBanner&&(typeof window!==\"undefined\"?!window?.closeBanner:false)&&/*#__PURE__*/_jsx(\"div\",{style:getBgStyle(isMobile),children:/*#__PURE__*/_jsxs(motion.div,{style:{...bannerContentStyle,justifyContent:isMobile?\"center\":\"space-between\"},children:[/*#__PURE__*/_jsx(\"div\",{style:bannerTitleStyle,children:bannerContent.title.en_us}),/*#__PURE__*/_jsxs(\"div\",{style:bannerBtnsStyle,children:[/*#__PURE__*/_jsx(motion.div,{className:\"\",style:bannerContinueStyle,onClick:()=>{setShow(false);if(typeof window!==\"undefined\")window.closeBanner=true;},whileHover:{background:\"#4C88FF\"},children:bannerContent.continue.en_us}),/*#__PURE__*/_jsx(motion.a,{className:\"\",style:bannerCloseStyle,href:\"https://www.feishu.cn/?from_site=lark\",whileHover:{background:\"#245BDB\"},children:bannerContent.close.en_us})]})]})}),/*#__PURE__*/_jsx(Component,{...props,ip:bannerVariant,style:{...props.style??{},//height: \"64px\",\nposition:show?\"relative\":\"static\",top:\"0\"}})]});};}export function withBannerJaJp(Component){return props=>{if(!window){return /*#__PURE__*/_jsx(Component,{...props});}const isMobile=window.innerWidth<=1040;console.log(\"see if mobile\",isMobile);let params=document?.location?new URL(document?.location).searchParams:null;let fromSite=params?params.get(\"from_site\"):false;const shouldShowBanner=fromSite===\"feishu\";// fromSite === \"feishu\"\nconst[show,setShow]=useState(!window.closeBanner);useEffect(()=>{if(!shouldShowBanner||!document){return;}const onScroll=()=>{if(window.scrollY>=40){setShow(false);document.body.style.paddingTop=0;}else{setShow(true);}};document.addEventListener(\"scroll\",onScroll);return()=>{document.removeEventListener(\"scroll\",onScroll);};},[shouldShowBanner]);if(shouldShowBanner&&show&&!window.closeBanner){document.body.style.paddingTop=isMobile?mobileHeigth:pcHeight;}console.log(\"mobileHeigth\",shouldShowBanner);return /*#__PURE__*/_jsxs(\"div\",{style:{...props.style??{}},children:[show&&shouldShowBanner&&!window.closeBanner&&/*#__PURE__*/_jsx(\"div\",{style:getBgStyle(isMobile),children:/*#__PURE__*/_jsxs(motion.div,{style:{...bannerContentStyle,justifyContent:isMobile?\"space-around\":\"space-around\"},children:[/*#__PURE__*/_jsx(\"div\",{style:bannerTitleStyle,children:bannerContent.title.ja_jp}),/*#__PURE__*/_jsxs(\"div\",{style:bannerBtnsStyle,children:[/*#__PURE__*/_jsx(motion.div,{className:\"\",style:bannerContinueStyle,onClick:()=>{setShow(false);window.closeBanner=true;document.body.style.paddingTop=0;},whileHover:{background:\"#4C88FF\"},children:bannerContent.continue.ja_jp}),/*#__PURE__*/_jsx(motion.a,{className:\"\",style:bannerCloseStyle,href:\"https://www.feishu.cn/en?from_site=lark\",whileHover:{background:\"#245BDB\"},children:bannerContent.close.ja_jp})]})]})}),/*#__PURE__*/_jsx(Component,{...props})]});};}\nexport const __FramerMetadata__ = {\"exports\":{\"withBannerEnUs\":{\"type\":\"reactHoc\",\"name\":\"withBannerEnUs\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withBannerJaJp\":{\"type\":\"reactHoc\",\"name\":\"withBannerJaJp\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./WithBanner.map"],"mappings":"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"}