{
  "version": 3,
  "sources": ["ssg: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": "8GAAiI,IAAMA,EAAc,CAAC,WAAW,6DAA6D,aAAa,SAAS,OAAO,OAAO,QAAQ,OAAO,WAAW,SAAS,eAAe,SAAS,MAAM,UAAU,WAAW,mCAAmC,UAAU,SAAS,WAAW,iBAAiB,EAAQC,EAAWC,IAAW,CAAC,GAAGF,EAAc,OAAOE,EAAS,QAAQ,MAAM,GAASC,EAAgB,CAAC,QAAQ,OAAO,WAAW,SAAS,eAAe,QAAQ,EAAQC,EAAmB,CAAC,MAAM,SAAS,SAAS,OAAO,QAAQ,OAAO,eAAe,gBAAgB,SAAS,OAAO,WAAW,QAAQ,EAAQC,EAAiB,CAAC,WAAW,IAAI,SAAS,OAAO,WAAW,OAA6C,MAAM,SAAS,EAAQC,EAAoB,CAAC,QAAQ,YAAY,aAAa,MAAM,WAAW,UAAU,MAAM,UAAU,SAAS,OAAO,WAAW,OAAO,OAAO,SAAS,EAAQC,EAAiB,CAAC,QAAQ,YAAY,OAAO,oBAAoB,WAAW,cAAc,aAAa,MAAM,MAAM,UAAU,SAAS,OAAO,WAAW,OAAO,WAAW,OAAO,OAAO,UAAU,eAAe,MAAM,EAAQC,EAAc,CAAC,MAAM,CAAC,MAAM,yDAAyD,EAAE,SAAS,CAAC,MAAM,oBAAoB,EAAE,MAAM,CAAC,MAAM,kBAAkB,CAAC,EAAQC,EAAa,QAAcC,EAAS,OAAc,SAASC,EAAeC,EAAU,CAAC,OAAOC,GAAO,CAIl+C,IAAMX,EAAS,OAAOY,EAAS,IAAYA,EAAO,YAAY,KAAK,GAE/DC,EAAO,OAAO,SAAW,IAAY,IAAI,IAAI,UAAU,QAAQ,EAAE,aAAa,KAC5EC,GAD8FD,EAAOA,EAAO,IAAI,WAAW,EAAE,MACjG,SAC7B,CAACE,EAAKC,CAAO,EAAEC,GAAU,OAAOL,EAAS,IAAY,CAACA,GAAQ,YAAY,KAAQ,EAAK,EAAO,CAACM,EAAcC,CAAgB,EAAEF,EAAS,WAAW,EAClJG,EAAS,CAAC,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,IAAI,EAAE,OAAAC,EAAU,IAAI,CAAC,QAAQ,IAAI,mBAAmB,GAAkB,SAAS,CAAC,IAAMC,EAAK,MAAM,MAAM,0FAA0F,CAAC,OAAO,OAAO,QAAQ,CAAC,eAAe,kBAAkB,CAAC,CAAC,EAAE,KAAKA,GAAMA,EAAK,KAAK,CAAC,EAAE,MAAMC,GAAG,QAAQ,IAAIA,CAAC,CAAC,EAAE,QAAQ,IAAI,OAAOD,GAAM,MAAM,SAAS,WAAW,EAAE,IAAME,EAAYF,GAAM,MAAM,SAAS,aAAa,GAAMF,EAAS,SAASI,CAAW,IAAG,QAAQ,IAAI,wBAAwB,EAAEL,EAAiB,WAAW,EACxtB,GAAY,CAAE,EAAE,CAAC,CAAC,EAmBlBE,EAAU,IAAI,CAAC,GAAG,CAACP,GAAkB,OAAO,SAAW,IAAa,OAAQ,IAAMW,EAAS,IAAI,CAAIb,EAAO,SAAS,GAAII,EAAQ,EAAK,EAAQA,EAAQ,EAAI,CAAG,EAAE,gBAAS,iBAAiB,SAASS,CAAQ,EAAQ,IAAI,CAAC,SAAS,oBAAoB,SAASA,CAAQ,CAAE,CAAE,EAAE,CAACX,CAAgB,CAAC,EAAsBY,EAAM,MAAM,CAAC,UAAU,aAAa,MAAM,CAAC,GAAGf,EAAM,OAAO,CAAC,CAAC,EAAE,SAAS,CAACI,GAAMD,IAAmB,OAAOF,EAAS,IAAY,CAACA,GAAQ,YAAY,KAAqBe,EAAK,MAAM,CAAC,MAAM5B,EAAWC,CAAQ,EAAE,SAAsB0B,EAAME,EAAO,IAAI,CAAC,MAAM,CAAC,GAAG1B,EAAmB,eAAeF,EAAS,SAAS,eAAe,EAAE,SAAS,CAAc2B,EAAK,MAAM,CAAC,MAAMxB,EAAiB,SAASG,EAAc,MAAM,KAAK,CAAC,EAAeoB,EAAM,MAAM,CAAC,MAAMzB,EAAgB,SAAS,CAAc0B,EAAKC,EAAO,IAAI,CAAC,UAAU,GAAG,MAAMxB,EAAoB,QAAQ,IAAI,CAACY,EAAQ,EAAK,EAAK,OAAOJ,EAAS,MAAYA,EAAO,YAAY,GAAK,EAAE,WAAW,CAAC,WAAW,SAAS,EAAE,SAASN,EAAc,SAAS,KAAK,CAAC,EAAeqB,EAAKC,EAAO,EAAE,CAAC,UAAU,GAAG,MAAMvB,EAAiB,KAAK,wCAAwC,WAAW,CAAC,WAAW,SAAS,EAAE,SAASC,EAAc,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAeqB,EAAKjB,EAAU,CAAC,GAAGC,EAAM,GAAGO,EAAc,MAAM,CAAC,GAAGP,EAAM,OAAO,CAAC,EAC/vC,SAASI,EAAK,WAAW,SAAS,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,CAAE,CAAQ,SAASc,EAAenB,EAAU,CAAC,OAAOC,GAAO,CAAC,GAAG,CAACC,EAAQ,OAAoBe,EAAKjB,EAAU,CAAC,GAAGC,CAAK,CAAC,EAAG,IAAMX,EAASY,EAAO,YAAY,KAAK,QAAQ,IAAI,gBAAgBZ,CAAQ,EAAE,IAAIa,EAAO,UAAU,SAAS,IAAI,IAAI,UAAU,QAAQ,EAAE,aAAa,KAA6DC,GAA3CD,EAAOA,EAAO,IAAI,WAAW,EAAE,MAAwC,SAChZ,CAACE,EAAKC,CAAO,EAAEC,EAAS,CAACL,EAAO,WAAW,EAAE,OAAAS,EAAU,IAAI,CAAC,GAAG,CAACP,GAAkB,CAAC,SAAU,OAAQ,IAAMW,EAAS,IAAI,CAAIb,EAAO,SAAS,IAAII,EAAQ,EAAK,EAAE,SAAS,KAAK,MAAM,WAAW,GAAQA,EAAQ,EAAI,CAAG,EAAE,gBAAS,iBAAiB,SAASS,CAAQ,EAAQ,IAAI,CAAC,SAAS,oBAAoB,SAASA,CAAQ,CAAE,CAAE,EAAE,CAACX,CAAgB,CAAC,EAAKA,GAAkBC,GAAM,CAACH,EAAO,cAAa,SAAS,KAAK,MAAM,WAAWZ,EAASO,EAAaC,GAAU,QAAQ,IAAI,eAAeM,CAAgB,EAAsBY,EAAM,MAAM,CAAC,MAAM,CAAC,GAAGf,EAAM,OAAO,CAAC,CAAC,EAAE,SAAS,CAACI,GAAMD,GAAkB,CAACF,EAAO,aAA0Be,EAAK,MAAM,CAAC,MAAM5B,EAAWC,CAAQ,EAAE,SAAsB0B,EAAME,EAAO,IAAI,CAAC,MAAM,CAAC,GAAG1B,EAAmB,eAAwB,cAA6B,EAAE,SAAS,CAAcyB,EAAK,MAAM,CAAC,MAAMxB,EAAiB,SAASG,EAAc,MAAM,KAAK,CAAC,EAAeoB,EAAM,MAAM,CAAC,MAAMzB,EAAgB,SAAS,CAAc0B,EAAKC,EAAO,IAAI,CAAC,UAAU,GAAG,MAAMxB,EAAoB,QAAQ,IAAI,CAACY,EAAQ,EAAK,EAAEJ,EAAO,YAAY,GAAK,SAAS,KAAK,MAAM,WAAW,CAAE,EAAE,WAAW,CAAC,WAAW,SAAS,EAAE,SAASN,EAAc,SAAS,KAAK,CAAC,EAAeqB,EAAKC,EAAO,EAAE,CAAC,UAAU,GAAG,MAAMvB,EAAiB,KAAK,0CAA0C,WAAW,CAAC,WAAW,SAAS,EAAE,SAASC,EAAc,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAeqB,EAAKjB,EAAU,CAAC,GAAGC,CAAK,CAAC,CAAC,CAAC,CAAC,CAAE,CAAE",
  "names": ["bannerBgStyle", "getBgStyle", "isMobile", "bannerBtnsStyle", "bannerContentStyle", "bannerTitleStyle", "bannerContinueStyle", "bannerCloseStyle", "bannerContent", "mobileHeigth", "pcHeight", "withBannerEnUs", "Component", "props", "window", "params", "shouldShowBanner", "show", "setShow", "ye", "bannerVariant", "setBannerVariant", "APACList", "ue", "data", "e", "countryCode", "onScroll", "u", "p", "motion", "withBannerJaJp"]
}