{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/3hs32dHlZUhjcLdnRng6/yWuyNkojW4uOoXswFhg2/Tk312iyH4.js", "ssg:https://framerusercontent.com/modules/7PiETN4KVhRhqgiCvM3O/sHEqnQo4fuyIadLS7d0l/WithBanner.js"],
  "sourcesContent": ["import { fontStore } from \"framer\";\nfontStore.loadWebFontsFromSelectors([\"CUSTOM;Gilroy Medium\"]);\nexport const fonts = [{\n  url: new URL(\"https://framerusercontent.com/modules/assets/g301aqaewXkuwgROXXQcZXNM1jo~JPcjtpKaBG1GMrMfwEoUqZ4y7_HgYC8fjKzIrJJ2xb0.otf\").href,\n  family: \"Gilroy Medium\",\n  moduleAsset: {\n    url: \"assets/g301aqaewXkuwgROXXQcZXNM1jo.otf\",\n    localModuleIdentifier: \"local-module:css/Tk312iyH4:default\"\n  }\n}];\nexport const css = ['.framer-HZslg .framer-styles-preset-12eqil3:not(.rich-text-wrapper), .framer-HZslg .framer-styles-preset-12eqil3.rich-text-wrapper p, .framer-HZslg .framer-styles-preset-12eqil3.rich-text-wrapper [data-preset-tag=\"p\"] { --framer-font-family: \"Gilroy Medium\", serif; --framer-font-style: normal; --framer-font-weight: 400; --framer-text-color: var(--token-1b3671a7-ddbb-4586-b516-422ef5d98b58, #1f2329); --framer-font-size: 18px; --framer-letter-spacing: 0px; --framer-text-transform: none; --framer-text-decoration: none; --framer-line-height: 1.5em; --framer-text-alignment: start; --framer-paragraph-spacing: 0px; }', '@media (max-width: 1199px) and (min-width: 810px) { .framer-HZslg .framer-styles-preset-12eqil3:not(.rich-text-wrapper), .framer-HZslg .framer-styles-preset-12eqil3.rich-text-wrapper p, .framer-HZslg .framer-styles-preset-12eqil3.rich-text-wrapper [data-preset-tag=\"p\"] { --framer-font-family: \"Gilroy Medium\", serif; --framer-font-style: normal; --framer-font-weight: 400; --framer-text-color: var(--token-1b3671a7-ddbb-4586-b516-422ef5d98b58, #1f2329); --framer-font-size: 18px; --framer-letter-spacing: 0px; --framer-text-transform: none; --framer-text-decoration: none; --framer-line-height: 1.5em; --framer-text-alignment: start; --framer-paragraph-spacing: 0px; } }', '@media (max-width: 809px) and (min-width: 0px) { .framer-HZslg .framer-styles-preset-12eqil3:not(.rich-text-wrapper), .framer-HZslg .framer-styles-preset-12eqil3.rich-text-wrapper p, .framer-HZslg .framer-styles-preset-12eqil3.rich-text-wrapper [data-preset-tag=\"p\"] { --framer-font-family: \"Gilroy Medium\", serif; --framer-font-style: normal; --framer-font-weight: 400; --framer-text-color: var(--token-1b3671a7-ddbb-4586-b516-422ef5d98b58, #1f2329); --framer-font-size: 12px; --framer-letter-spacing: 0px; --framer-text-transform: none; --framer-text-decoration: none; --framer-line-height: 1.5em; --framer-text-alignment: start; --framer-paragraph-spacing: 0px; } }'];\nexport const className = \"framer-HZslg\";\nexport const __FramerMetadata__ = {\n  \"exports\": {\n    \"className\": {\n      \"type\": \"variable\",\n      \"annotations\": {\n        \"framerContractVersion\": \"1\"\n      }\n    },\n    \"fonts\": {\n      \"type\": \"variable\",\n      \"annotations\": {\n        \"framerContractVersion\": \"1\"\n      }\n    },\n    \"css\": {\n      \"type\": \"variable\",\n      \"annotations\": {\n        \"framerContractVersion\": \"1\"\n      }\n    },\n    \"__FramerMetadata__\": {\n      \"type\": \"variable\"\n    }\n  }\n};", "import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useEffect, useState } from \"react\";\nimport { motion } from \"framer-motion\";\nconst bannerBgStyle = {\n  background: \"linear-gradient(90.04deg, #4C88FF 15.05%, #2456CF 102.84%)\",\n  mixBlendMode: \"normal\",\n  height: \"52px\",\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  color: \"#FFFFFF\",\n  fontFamily: \"Gilroy Medium, sans-serif\",\n  textAlign: \"center\",\n  transition: \"all 0.5 ease-in\"\n};\nconst getBgStyle = isMobile => ({\n  ...bannerBgStyle,\n  height: isMobile ? \"116px\" : \"52px\"\n});\nconst bannerBtnsStyle = {\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\"\n};\nconst bannerContentStyle = {\n  width: \"800px\",\n  maxWidth: \"95vw\",\n  display: \"flex\",\n  justifyContent: \"space-between\",\n  flexWrap: \"wrap\",\n  alignItems: \"center\"\n};\nconst bannerTitleStyle = {\n  fontWeight: 500,\n  fontSize: \"18px\",\n  lineHeight: \"24px\",\n  /* identical to box height, or 133% */color: \"#FFFFFF\"\n};\nconst bannerContinueStyle = {\n  padding: \" 4px 12px\",\n  borderRadius: \"6px\",\n  background: \"#70A0FF\",\n  color: \"#FFFFFF\",\n  fontSize: \"16px\",\n  lineHeight: \"24px\",\n  cursor: \"pointer\"\n};\nconst bannerCloseStyle = {\n  padding: \" 4px 12px\",\n  border: \"1px solid #70A0FF\",\n  background: \"transparent\",\n  borderRadius: \"6px\",\n  color: \"#FFFFFF\",\n  fontSize: \"16px\",\n  lineHeight: \"24px\",\n  marginLeft: \"16px\",\n  cursor: \"pointer\",\n  textDecoration: \"none\"\n};\nconst bannerContent = {\n  title: {\n    en_us: \"You're now visiting Lark. Did you mean to visit Feishu?\"\n  },\n  continue: {\n    en_us: \"Continue with Lark\"\n  },\n  close: {\n    en_us: \"Switch to Feishu\"\n  }\n};\nexport function withBannerEnUs(Component) {\n  return props => {\n    if (!window) {\n      return /*#__PURE__*/_jsx(Component, {\n        ...props\n      });\n    }\n    const isMobile = window.innerWidth <= 1040;\n    console.log(\"see if mobile\", isMobile);\n    let params = typeof document === \"object\" ? new URL(document === null || document === void 0 ? void 0 : document.location).searchParams : null;\n    let fromSite = params ? params.get(\"from_site\") : false;\n    const shouldShowBanner = fromSite === \"feishu\"; // fromSite === \"feishu\"\n    const [show, setShow] = useState(!window.closeBanner);\n    useEffect(() => {\n      if (!shouldShowBanner || !document) {\n        return;\n      }\n      const onScroll = () => {\n        if (window.scrollY >= 40) {\n          setShow(false);\n        } else {\n          setShow(true);\n        }\n      };\n      document.addEventListener(\"scroll\", onScroll);\n      return () => {\n        document.removeEventListener(\"scroll\", onScroll);\n      };\n    }, [shouldShowBanner]);\n    var _style, _style1;\n    return /*#__PURE__*/_jsxs(\"div\", {\n      className: \"test-class\",\n      style: {\n        ...((_style = props.style) !== null && _style !== void 0 ? _style : {}),\n        position: show ? \"relative\" : \"fixed\"\n      },\n      children: [show && shouldShowBanner && !window.closeBanner && /*#__PURE__*/_jsx(\"div\", {\n        style: getBgStyle(isMobile),\n        children: /*#__PURE__*/_jsxs(motion.div, {\n          style: {\n            ...bannerContentStyle,\n            justifyContent: isMobile ? \"center\" : \"space-between\"\n          },\n          children: [/*#__PURE__*/_jsx(\"div\", {\n            style: bannerTitleStyle,\n            children: bannerContent.title.en_us\n          }), /*#__PURE__*/_jsxs(\"div\", {\n            style: bannerBtnsStyle,\n            children: [/*#__PURE__*/_jsx(motion.div, {\n              className: \"\",\n              style: bannerContinueStyle,\n              onClick: () => {\n                setShow(false);\n                window.closeBanner = true;\n              },\n              whileHover: {\n                background: \"#4C88FF\"\n              },\n              children: bannerContent.continue.en_us\n            }), /*#__PURE__*/_jsx(motion.a, {\n              className: \"\",\n              style: bannerCloseStyle,\n              href: \"https://www.feishu.cn/?from_site=lark\",\n              whileHover: {\n                background: \"#245BDB\"\n              },\n              children: bannerContent.close.en_us\n            })]\n          })]\n        })\n      }), /*#__PURE__*/_jsx(Component, {\n        ...props,\n        style: {\n          ...((_style1 = props.style) !== null && _style1 !== void 0 ? _style1 : {}),\n          position: show ? \"relative\" : \"fixed\"\n        }\n      })]\n    });\n  };\n}\nexport const __FramerMetadata__ = {\n  \"exports\": {\n    \"withBannerEnUs\": {\n      \"type\": \"reactHoc\",\n      \"name\": \"withBannerEnUs\",\n      \"annotations\": {\n        \"framerContractVersion\": \"1\"\n      }\n    },\n    \"__FramerMetadata__\": {\n      \"type\": \"variable\"\n    }\n  }\n};\n//# sourceMappingURL=./WithBanner.map"],
  "mappings": "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",
  "names": ["fontStore", "fonts", "css", "className", "bannerBgStyle", "getBgStyle", "isMobile", "bannerBtnsStyle", "bannerContentStyle", "bannerTitleStyle", "bannerContinueStyle", "bannerCloseStyle", "bannerContent", "withBannerEnUs", "Component", "props", "window", "p", "params", "shouldShowBanner", "show", "setShow", "ye", "ue", "onScroll", "_style", "_style1", "u", "motion"]
}