{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/rM2Qyc27xQTskig1UXbn/Gl626EmR5bVJlX1fd93X/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:\"800px\",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\"}};export function withBannerEnUs(Component){return props=>{var _document,_window,_window1;// 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=document)===null||_document===void 0?void 0:_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=window)===null||_window===void 0?void 0:_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()=>{var _data_data_ip_info,_data_data,_data_data_ip_info1,_data_data1;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===null||data===void 0?void 0:(_data_data=data.data)===null||_data_data===void 0?void 0:(_data_data_ip_info=_data_data.ip_info)===null||_data_data_ip_info===void 0?void 0:_data_data_ip_info.countryCode);const countryCode=(data===null||data===void 0?void 0:(_data_data1=data.data)===null||_data_data1===void 0?void 0:(_data_data_ip_info1=_data_data1.ip_info)===null||_data_data_ip_info1===void 0?void 0:_data_data_ip_info1.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]);var _props_style,_props_style1;return /*#__PURE__*/_jsxs(\"div\",{className:\"test-class\",style:{...(_props_style=props.style)!==null&&_props_style!==void 0?_props_style:{},position:show?\"relative\":\"fixed\"},children:[show&&shouldShowBanner&&(typeof window!==\"undefined\"?!((_window1=window)===null||_window1===void 0?void 0:_window1.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_style1=props.style)!==null&&_props_style1!==void 0?_props_style1:{},//height: \"64px\",\nposition:show?\"relative\":\"fixed\"}})]});};}\nexport const __FramerMetadata__ = {\"exports\":{\"withBannerEnUs\":{\"type\":\"reactHoc\",\"name\":\"withBannerEnUs\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./WithBanner.map"],
  "mappings": "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",
  "names": ["bannerBgStyle", "getBgStyle", "isMobile", "bannerBtnsStyle", "bannerContentStyle", "bannerTitleStyle", "bannerContinueStyle", "bannerCloseStyle", "bannerContent", "withBannerEnUs", "Component", "props", "_document", "_window", "_window1", "window", "params", "shouldShowBanner", "show", "setShow", "ye", "bannerVariant", "setBannerVariant", "APACList", "ue", "_data_data_ip_info", "_data_data", "_data_data_ip_info1", "_data_data1", "data", "e", "countryCode", "onScroll", "_props_style", "_props_style1", "u", "p", "motion"]
}