@twreporter/react-typescript-components 0.1.0-beta.23 → 0.1.0-beta.24

package/lib/hamburger-menu/components/icon-link.mjs

@@ -2,14 +2,14 @@ import "../../internal-link-JeC0sVNF.mjs";
 import "../../constants-CBSEPx91.mjs";
 import "../../paragraph-QihuIWot.mjs";
 import "../../theme-BG6yZVj-.mjs";
-import "../../release-branch-oA59oIop.mjs";
-import "../../external-link-DrDvZqvE.mjs";
-import "../../customized-link-KNmVReo7.mjs";
-import "../../context-Bg1CbUYL.mjs";
-import "../../constants-ZlCS0t-_.mjs";
-import "../../constants-BinATQpN.mjs";
-import "../../icons-D_G_3m8-.mjs";
-import "../../theme-CjHrkZbk.mjs";
-import { icon_link_default } from "../../icon-link-wXlulu3j.mjs";
+import "../../release-branch-DDaNiKrr.mjs";
+import "../../external-link-B7TYHbGX.mjs";
+import "../../customized-link-B4xfnPSR.mjs";
+import "../../context-rWQ3FoMt.mjs";
+import "../../constants-CeaoKGr8.mjs";
+import "../../icons-CQv9VD7t.mjs";
+import "../../constants-DfLtvCn3.mjs";
+import "../../theme-CILxIDaP.mjs";
+import { icon_link_default } from "../../icon-link-rJwBrEBE.mjs";
 
 export { icon_link_default as default };

package/lib/hamburger-menu/components/light-link.js

@@ -1,13 +1,13 @@
 require('../../constants-Cndhv6qr.js');
 require('../../paragraph-Bve022HS.js');
 require('../../theme-DDBlIbeS.js');
-require('../../release-branch-DmSIuJAw.js');
-require('../../external-link-Dnw1WSM1.js');
-require('../../internal-link-CKuvpRC8.js');
-require('../../customized-link-DoNAVCRa.js');
-require('../../context-DW8qh_Q3.js');
-require('../../constants-CkmgPgze.js');
-require('../../theme-DjRdV3Iq.js');
-const require_light_link = require('../../light-link-CqP81kip.js');
+require('../../release-branch-BX28p3l9.js');
+require('../../external-link-N6pHzsZ9.js');
+require('../../internal-link-CQYfLFmN.js');
+require('../../customized-link-BQWDtLYD.js');
+require('../../context-CDuykLw5.js');
+require('../../constants-yYOy9aLl.js');
+require('../../theme-CWIKvBG4.js');
+const require_light_link = require('../../light-link-7CpN-g0K.js');
 
 module.exports = require_light_link.light_link_default;

package/lib/hamburger-menu/components/light-link.mjs

@@ -2,12 +2,12 @@ import "../../internal-link-JeC0sVNF.mjs";
 import "../../constants-CBSEPx91.mjs";
 import "../../paragraph-QihuIWot.mjs";
 import "../../theme-BG6yZVj-.mjs";
-import "../../release-branch-oA59oIop.mjs";
-import "../../external-link-DrDvZqvE.mjs";
-import "../../customized-link-KNmVReo7.mjs";
-import "../../context-Bg1CbUYL.mjs";
-import "../../constants-ZlCS0t-_.mjs";
-import "../../theme-CjHrkZbk.mjs";
-import { light_link_default } from "../../light-link-B51e63N6.mjs";
+import "../../release-branch-DDaNiKrr.mjs";
+import "../../external-link-B7TYHbGX.mjs";
+import "../../customized-link-B4xfnPSR.mjs";
+import "../../context-rWQ3FoMt.mjs";
+import "../../constants-DfLtvCn3.mjs";
+import "../../theme-CILxIDaP.mjs";
+import { light_link_default } from "../../light-link-C1fi_Qgl.mjs";
 
 export { light_link_default as default };

package/lib/hamburger-menu/components/social-media.js

@@ -12,10 +12,10 @@ require('../../pill-button-CNbShnjT.js');
 require('../../theme-B4rsurcB.js');
 require('../../icon-with-text-button-DOj_-gz0.js');
 require('../../button-BLRV4Hwe.js');
-require('../../release-branch-DmSIuJAw.js');
-require('../../context-DW8qh_Q3.js');
-require('../../constants-BE7hWIZ-.js');
-require('../../icons-OsNrxOWn.js');
-const require_social_media = require('../../social-media-BX0Ns4BR.js');
+require('../../release-branch-BX28p3l9.js');
+require('../../context-CDuykLw5.js');
+require('../../constants-D3LxY6rh.js');
+require('../../icons-UUg8_T_o.js');
+const require_social_media = require('../../social-media-Cc0bkShp.js');
 
 module.exports = require_social_media.social_media_default;

package/lib/hamburger-menu/components/social-media.mjs

@@ -12,10 +12,10 @@ import "../../pill-button-y0eh5cgT.mjs";
 import "../../theme-CKrQVNS4.mjs";
 import "../../icon-with-text-button-CTWmp6He.mjs";
 import "../../button-ubJKEMLe.mjs";
-import "../../release-branch-oA59oIop.mjs";
-import "../../context-Bg1CbUYL.mjs";
-import "../../constants-BinATQpN.mjs";
-import "../../icons-D_G_3m8-.mjs";
-import { social_media_default } from "../../social-media-HZ8Jr1iM.mjs";
+import "../../release-branch-DDaNiKrr.mjs";
+import "../../context-rWQ3FoMt.mjs";
+import "../../constants-CeaoKGr8.mjs";
+import "../../icons-CQv9VD7t.mjs";
+import { social_media_default } from "../../social-media-Br_Byxii.mjs";
 
 export { social_media_default as default };

package/lib/hamburger-menu/constants/channels.js

@@ -1,6 +1,6 @@
-require('../../external-links-CeidCP88.js');
-require('../../internal-links-B0I8FU-O.js');
-const require_channels = require('../../channels-C0h1mON8.js');
+require('../../external-links-xe0gZr3J.js');
+require('../../internal-links-D7poW27s.js');
+const require_channels = require('../../channels-DMEzu4xY.js');
 
 exports.CHANNEL_TYPE = require_channels.CHANNEL_TYPE;
 exports.Channels = require_channels.Channels;

package/lib/hamburger-menu/constants/channels.mjs

@@ -1,5 +1,5 @@
-import "../../external-links-FfndTp-X.mjs";
-import "../../internal-links-hIbZZEWd.mjs";
-import { CHANNEL_TYPE, Channels } from "../../channels-91z01E6M.mjs";
+import "../../external-links-TcghBJyz.mjs";
+import "../../internal-links-DOdRudQQ.mjs";
+import { CHANNEL_TYPE, Channels } from "../../channels-C-6MztKV.mjs";
 
 export { CHANNEL_TYPE, Channels };

package/lib/hamburger-menu/constants/social-media.js

@@ -1,5 +1,5 @@
-require('../../external-links-CeidCP88.js');
-require('../../constants-BE7hWIZ-.js');
-const require_social_media = require('../../social-media-DDNkN_DL.js');
+require('../../external-links-xe0gZr3J.js');
+require('../../constants-D3LxY6rh.js');
+const require_social_media = require('../../social-media-CHDZitsM.js');
 
 exports.SocialMedias = require_social_media.SocialMedias;

package/lib/hamburger-menu/constants/social-media.mjs

@@ -1,5 +1,5 @@
-import "../../external-links-FfndTp-X.mjs";
-import "../../constants-BinATQpN.mjs";
-import { SocialMedias } from "../../social-media-B3ZZZuYp.mjs";
+import "../../external-links-TcghBJyz.mjs";
+import "../../constants-CeaoKGr8.mjs";
+import { SocialMedias } from "../../social-media-CpxoM0xN.mjs";
 
 export { SocialMedias };

package/lib/hamburger-menu/index.js

@@ -12,35 +12,35 @@ require('../pill-button-CNbShnjT.js');
 require('../theme-B4rsurcB.js');
 require('../icon-with-text-button-DOj_-gz0.js');
 require('../button-BLRV4Hwe.js');
-require('../constants-CwOzq2oV.js');
-require('../divider-BBJMRjAQ.js');
-require('../external-links-CeidCP88.js');
-require('../internal-links-B0I8FU-O.js');
-require('../release-branch-DmSIuJAw.js');
-require('../external-link-Dnw1WSM1.js');
-require('../internal-link-CKuvpRC8.js');
-require('../customized-link-DoNAVCRa.js');
-require('../context-DW8qh_Q3.js');
-require('../action-links-CrB9xTLX.js');
-require('../path-j90QzFqV.js');
-require('../constants-CkmgPgze.js');
-require('../logo-header-Cp7W8CR-.js');
-require('../logo-symbol-DRA5IhbT.js');
-require('../logo-footer-BHaZowQS.js');
-require('../logo-BadImFmH.js');
-require('../constants-BE7hWIZ-.js');
-require('../icons-OsNrxOWn.js');
-require('../theme-DcgOPrC2.js');
-require('../search-bar-B9iWikhM.js');
-require('../input-BdeamSBg.js');
-require('../channels-C0h1mON8.js');
-require('../social-media-DDNkN_DL.js');
-require('../theme-DjRdV3Iq.js');
-require('../dropdown-menu-item-CoMgn82j.js');
-require('../dropdown-menu-B4wI7TSC.js');
-require('../icon-link-Kzj6ZGDD.js');
-require('../light-link-CqP81kip.js');
-require('../social-media-BX0Ns4BR.js');
-const require_hamburger_menu = require('../hamburger-menu-CuCIBIip.js');
+require('../external-links-xe0gZr3J.js');
+require('../internal-links-D7poW27s.js');
+require('../release-branch-BX28p3l9.js');
+require('../external-link-N6pHzsZ9.js');
+require('../internal-link-CQYfLFmN.js');
+require('../customized-link-BQWDtLYD.js');
+require('../constants-DPKsY2bm.js');
+require('../divider-DlnnAUAf.js');
+require('../context-CDuykLw5.js');
+require('../constants-D3LxY6rh.js');
+require('../icons-UUg8_T_o.js');
+require('../constants-yYOy9aLl.js');
+require('../theme-CWIKvBG4.js');
+require('../dropdown-menu-item-Ju2VwEMe.js');
+require('../dropdown-menu-Cy7c4sIK.js');
+require('../path-Cqgq79mD.js');
+require('../logo-header-B-cabrdp.js');
+require('../logo-symbol-DUagMBN9.js');
+require('../logo-footer-A3-hcXEt.js');
+require('../logo-CCa4SIA9.js');
+require('../channels-DMEzu4xY.js');
+require('../social-media-CHDZitsM.js');
+require('../action-links-DoKEgLL1.js');
+require('../icon-link-y7Ak0aCk.js');
+require('../light-link-7CpN-g0K.js');
+require('../social-media-Cc0bkShp.js');
+require('../theme-ods4yogr.js');
+require('../search-bar-B6Ze_F-A.js');
+require('../input-CpACY-JO.js');
+const require_hamburger_menu = require('../hamburger-menu-DjK9qGJc.js');
 
 module.exports = require_hamburger_menu.hamburger_menu_default;

package/lib/hamburger-menu/index.mjs

@@ -13,34 +13,34 @@ import "../pill-button-y0eh5cgT.mjs";
 import "../theme-CKrQVNS4.mjs";
 import "../icon-with-text-button-CTWmp6He.mjs";
 import "../button-ubJKEMLe.mjs";
-import "../constants-DXHY4pUi.mjs";
-import "../divider-DX0u-V4m.mjs";
-import "../external-links-FfndTp-X.mjs";
-import "../internal-links-hIbZZEWd.mjs";
-import "../release-branch-oA59oIop.mjs";
-import "../external-link-DrDvZqvE.mjs";
-import "../customized-link-KNmVReo7.mjs";
-import "../context-Bg1CbUYL.mjs";
-import "../action-links-B-kLE-JI.mjs";
-import "../path-CsJVJyBr.mjs";
-import "../constants-ZlCS0t-_.mjs";
-import "../logo-header-Gy5Y-1lY.mjs";
-import "../logo-symbol-8s7nSU0Z.mjs";
-import "../logo-footer-C2mygzWM.mjs";
-import "../logo-BSQ347BA.mjs";
-import "../constants-BinATQpN.mjs";
-import "../icons-D_G_3m8-.mjs";
-import "../theme-DkV7kMq6.mjs";
-import "../search-bar-CU2VQdeo.mjs";
-import "../input-DJFz-dZR.mjs";
-import "../channels-91z01E6M.mjs";
-import "../social-media-B3ZZZuYp.mjs";
-import "../theme-CjHrkZbk.mjs";
-import "../dropdown-menu-item-wJLVdE6F.mjs";
-import "../dropdown-menu-D7h5TpGV.mjs";
-import "../icon-link-wXlulu3j.mjs";
-import "../light-link-B51e63N6.mjs";
-import "../social-media-HZ8Jr1iM.mjs";
-import { hamburger_menu_default } from "../hamburger-menu-COVjQWOZ.mjs";
+import "../external-links-TcghBJyz.mjs";
+import "../internal-links-DOdRudQQ.mjs";
+import "../release-branch-DDaNiKrr.mjs";
+import "../external-link-B7TYHbGX.mjs";
+import "../customized-link-B4xfnPSR.mjs";
+import "../constants-BapA_oKv.mjs";
+import "../divider-DoxG-5AA.mjs";
+import "../context-rWQ3FoMt.mjs";
+import "../constants-CeaoKGr8.mjs";
+import "../icons-CQv9VD7t.mjs";
+import "../constants-DfLtvCn3.mjs";
+import "../theme-CILxIDaP.mjs";
+import "../dropdown-menu-item-BtfM9-Yn.mjs";
+import "../dropdown-menu-C49xSGea.mjs";
+import "../path-CG9-S9re.mjs";
+import "../logo-header-ZUiyUo-f.mjs";
+import "../logo-symbol-Cs4TfBGq.mjs";
+import "../logo-footer-DVLWPonJ.mjs";
+import "../logo-CdyJH6YH.mjs";
+import "../channels-C-6MztKV.mjs";
+import "../social-media-CpxoM0xN.mjs";
+import "../action-links-D_lFzUQn.mjs";
+import "../icon-link-rJwBrEBE.mjs";
+import "../light-link-C1fi_Qgl.mjs";
+import "../social-media-Br_Byxii.mjs";
+import "../theme-uDVEiufm.mjs";
+import "../search-bar-CLs6UYMz.mjs";
+import "../input-Bcl_-gS9.mjs";
+import { hamburger_menu_default } from "../hamburger-menu-1qZB3p9I.mjs";
 
 export { hamburger_menu_default as default };

package/lib/hamburger-menu/utils/theme.js

@@ -1,6 +1,6 @@
 require('../../theme-DDBlIbeS.js');
-require('../../constants-CkmgPgze.js');
-const require_theme$1 = require('../../theme-DjRdV3Iq.js');
+require('../../constants-yYOy9aLl.js');
+const require_theme$1 = require('../../theme-CWIKvBG4.js');
 
 exports.selectHamburgerFooterTheme = require_theme$1.selectHamburgerFooterTheme;
 exports.selectHamburgerItemTheme = require_theme$1.selectHamburgerItemTheme;

package/lib/hamburger-menu/utils/theme.mjs

@@ -1,5 +1,5 @@
 import "../../theme-BG6yZVj-.mjs";
-import "../../constants-ZlCS0t-_.mjs";
-import { selectHamburgerFooterTheme, selectHamburgerItemTheme, selectHamburgerMenuTheme, selectLogoType } from "../../theme-CjHrkZbk.mjs";
+import "../../constants-DfLtvCn3.mjs";
+import { selectHamburgerFooterTheme, selectHamburgerItemTheme, selectHamburgerMenuTheme, selectLogoType } from "../../theme-CILxIDaP.mjs";
 
 export { selectHamburgerFooterTheme, selectHamburgerItemTheme, selectHamburgerMenuTheme, selectLogoType };

package/lib/{hamburger-menu-COVjQWOZ.mjs → hamburger-menu-1qZB3p9I.mjs}

@@ -4,23 +4,23 @@ import { text_button_default } from "./text-button-DkD8OA65.mjs";
 import { icon_button_default } from "./icon-button-B-71Zncn.mjs";
 import { menu_button_default } from "./menu-button-BzXGdc8T.mjs";
 import { pill_button_default } from "./pill-button-y0eh5cgT.mjs";
-import { divider_default } from "./divider-DX0u-V4m.mjs";
-import { EXTERNAL_LINKS } from "./external-links-FfndTp-X.mjs";
-import { INTERNAL_LINKS } from "./internal-links-hIbZZEWd.mjs";
-import { external_link_default } from "./external-link-DrDvZqvE.mjs";
-import { HamburgerContext, HeaderContext } from "./context-Bg1CbUYL.mjs";
-import { HAMBURGER_MENU_ACION_LINKS } from "./action-links-B-kLE-JI.mjs";
-import { logo_header_default } from "./logo-header-Gy5Y-1lY.mjs";
-import { logo_symbol_default } from "./logo-symbol-8s7nSU0Z.mjs";
-import { Cross, Member } from "./icons-D_G_3m8-.mjs";
-import { search_bar_default } from "./search-bar-CU2VQdeo.mjs";
-import { CHANNEL_TYPE, Channels } from "./channels-91z01E6M.mjs";
-import { SocialMedias } from "./social-media-B3ZZZuYp.mjs";
-import { selectHamburgerItemTheme, selectHamburgerMenuTheme, selectLogoType } from "./theme-CjHrkZbk.mjs";
-import { DropdownMenu } from "./dropdown-menu-D7h5TpGV.mjs";
-import { icon_link_default } from "./icon-link-wXlulu3j.mjs";
-import { light_link_default } from "./light-link-B51e63N6.mjs";
-import { social_media_default } from "./social-media-HZ8Jr1iM.mjs";
+import { EXTERNAL_LINKS } from "./external-links-TcghBJyz.mjs";
+import { INTERNAL_LINKS } from "./internal-links-DOdRudQQ.mjs";
+import { external_link_default } from "./external-link-B7TYHbGX.mjs";
+import { divider_default } from "./divider-DoxG-5AA.mjs";
+import { HamburgerContext, HeaderContext } from "./context-rWQ3FoMt.mjs";
+import { Cross, Member } from "./icons-CQv9VD7t.mjs";
+import { selectHamburgerItemTheme, selectHamburgerMenuTheme, selectLogoType } from "./theme-CILxIDaP.mjs";
+import { DropdownMenu } from "./dropdown-menu-C49xSGea.mjs";
+import { logo_header_default } from "./logo-header-ZUiyUo-f.mjs";
+import { logo_symbol_default } from "./logo-symbol-Cs4TfBGq.mjs";
+import { CHANNEL_TYPE, Channels } from "./channels-C-6MztKV.mjs";
+import { SocialMedias } from "./social-media-CpxoM0xN.mjs";
+import { HAMBURGER_MENU_ACION_LINKS } from "./action-links-D_lFzUQn.mjs";
+import { icon_link_default } from "./icon-link-rJwBrEBE.mjs";
+import { light_link_default } from "./light-link-C1fi_Qgl.mjs";
+import { social_media_default } from "./social-media-Br_Byxii.mjs";
+import { search_bar_default } from "./search-bar-CLs6UYMz.mjs";
 import { useContext, useState } from "react";
 import clsx from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -178,4 +178,4 @@ var hamburger_menu_default = HamburgerMenu;
 
 //#endregion
 export { hamburger_menu_default };
-//# sourceMappingURL=hamburger-menu-COVjQWOZ.mjs.map
+//# sourceMappingURL=hamburger-menu-1qZB3p9I.mjs.map

package/lib/{hamburger-menu-COVjQWOZ.mjs.map → hamburger-menu-1qZB3p9I.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"hamburger-menu-COVjQWOZ.mjs","names":["HamburgerMenu: FC","ExternalLink","InternalLink","IconButton","LogoSymbol","LogoHeader","PillButton","TextButton","SearchBar","MenuButton","Divider","IconLink","LightLink","SocialMedia"],"sources":["../src/hamburger-menu/index.tsx"],"sourcesContent":["import { useContext, useState, type FC } from 'react'\nimport clsx from 'clsx'\n// context\nimport { HeaderContext, HamburgerContext } from '../header/context'\n// constants\nimport { THEME } from '../constants/theme'\nimport { Channels, CHANNEL_TYPE } from './constants/channels'\nimport { SocialMedias } from './constants/social-media'\nimport { HAMBURGER_MENU_ACION_LINKS } from '../header/constants/action-links'\nimport { INTERNAL_LINKS } from '../constants/internal-links'\nimport { EXTERNAL_LINKS } from '../constants/external-links'\n// utils\nimport {\n  selectHamburgerMenuTheme,\n  selectHamburgerItemTheme,\n} from './utils/theme'\n// buttons\nimport { IconButton, MenuButton, PillButton, TextButton } from '../button'\n// icons\nimport { Cross, Member } from '../icons'\n// logo\nimport { LogoSymbol, LogoHeader } from '../logo'\n// utils\nimport { selectLogoType } from './utils/theme'\n// divider\nimport Divider from '../divider'\n// components\nimport { DropdownMenu } from '../dropdown-menu'\nimport IconLink from './components/icon-link'\nimport LightLink from './components/light-link'\nimport SocialMedia from './components/social-media'\n// link\nimport { ExternalLink, InternalLink } from '../customized-link'\n// search bar\nimport { SearchBar } from '../input'\n\nconst HamburgerMenu: FC = () => {\n  const { theme, releaseBranch, isLinkExternal, isAuthed } =\n    useContext(HeaderContext)\n  const { closeHamburgerMenu } = useContext(HamburgerContext)\n\n  const menuTheme = theme === THEME.photography ? theme : THEME.normal\n  const { bgColor, scrollBarColor } = selectHamburgerMenuTheme(menuTheme)\n  const logoType = selectLogoType(menuTheme)\n  const [activeKey, setActiveKey] = useState('')\n  const LinkComponent = isLinkExternal ? ExternalLink : InternalLink\n\n  const onSearch = (keywords: string) => {\n    if (typeof window === 'undefined') {\n      return\n    }\n    window.location.href = `${INTERNAL_LINKS.search}?q=${encodeURIComponent(keywords)}`\n  }\n\n  return (\n    <div\n      className={clsx(\n        'w-screen h-screen overflow-y-scroll overscroll-contain',\n        bgColor,\n        // reserveHeightForIos15 is 48px\n        `pb-[calc(48px+48px)]`,\n        'tablet:w-[320px] tablet:max-h-screen tablet:pb-0',\n        'desktop:w-[280px]',\n        '[&::-webkit-scrollbar]:w-[4px]',\n        '[&::-webkit-scrollbar]:bg-transparent',\n        '[&::-webkit-scrollbar-thumb]:rounded-[2px]',\n        scrollBarColor\n      )}\n    >\n      {/* close icon */}\n      <div\n        className={clsx(\n          'hidden items-center justify-end pt-[24px] pr-[32px] pb-[16px]',\n          'tablet:flex'\n        )}\n      >\n        <IconButton\n          iconComponent={Cross(releaseBranch)}\n          theme={menuTheme}\n          onClick={closeHamburgerMenu}\n        />\n      </div>\n      {/* logo */}\n      <LinkComponent to={INTERNAL_LINKS.home}>\n        <div\n          className={clsx(\n            'hidden justify-center [&>img]:h-[24px] [&>img]:w-[24px]',\n            'tablet:flex'\n          )}\n        >\n          <LogoSymbol type={logoType} releaseBranch={releaseBranch} />\n        </div>\n      </LinkComponent>\n      {/* mobile hamburger header */}\n      <div\n        className={clsx(\n          'flex items-center justify-between px-[24px] py-[16px]',\n          'tablet:hidden'\n        )}\n      >\n        <LinkComponent to={INTERNAL_LINKS.home}>\n          <LogoHeader\n            type={logoType}\n            releaseBranch={releaseBranch}\n            className=\"h-[21px]\"\n          />\n        </LinkComponent>\n        <div className=\"flex items-center gap-[16px]\">\n          <LinkComponent to={EXTERNAL_LINKS.monthlyDonation}>\n            <PillButton\n              text=\"贊助\"\n              theme={PillButton.Theme.normal}\n              type={PillButton.Type.primary}\n              style={PillButton.Style.brand}\n            />\n          </LinkComponent>\n          <LinkComponent to={INTERNAL_LINKS.account.index}>\n            {isAuthed ? (\n              <IconButton iconComponent={Member(releaseBranch)} />\n            ) : (\n              <TextButton\n                text=\"登入\"\n                theme={TextButton.Theme.normal}\n                style={TextButton.Style.dark}\n                size={TextButton.Size.s}\n              />\n            )}\n          </LinkComponent>\n        </div>\n      </div>\n      {/* search bar (visible on mobile and tablet) */}\n      <div className=\"px-[32px] pt-[24px] pb-[8px] desktop:hidden\">\n        <SearchBar\n          onSearch={onSearch}\n          autoFocus={false}\n          placeholder=\"關鍵字搜尋\"\n          theme={menuTheme}\n          releaseBranch={releaseBranch}\n          searchBarWidth=\"w-full\"\n        />\n      </div>\n      {/* menu buttons */}\n      <div className=\"flex flex-col pt-[16px]\">\n        {Channels.map((channel, idx) => {\n          if (channel.type === CHANNEL_TYPE.link) {\n            const { color, hoverBgColor, activeBgColor } =\n              selectHamburgerItemTheme(theme)\n            return (\n              <LinkComponent\n                to={channel.to}\n                target={channel.target}\n                key={channel.label}\n              >\n                <MenuButton\n                  key={channel.label}\n                  text={channel.label}\n                  fontWeight={MenuButton.FontWeight.bold}\n                  color={color}\n                  p1ClassName={`${hoverBgColor} ${activeBgColor} pl-[32px] pr-[32px]`}\n                />\n              </LinkComponent>\n            )\n          }\n          if (channel.type === CHANNEL_TYPE.divider) {\n            return (\n              <div className=\"py-[16px] px-[32px]\" key={`divider-${idx}`}>\n                <Divider direction={Divider.Direction.horizontal} />\n              </div>\n            )\n          }\n          if (channel.type === CHANNEL_TYPE.dropdown) {\n            const isActive = activeKey === channel.label\n            const toggleFunc = (key: string) => {\n              const nextActiveKey = activeKey === key ? '' : key\n              setActiveKey(nextActiveKey)\n            }\n            return (\n              <button\n                onClick={() => toggleFunc(channel.label)}\n                key={channel.label}\n                type=\"button\"\n              >\n                <DropdownMenu\n                  text={channel.label}\n                  isActive={isActive}\n                  dropdownItems={channel.dropdownItems}\n                />\n              </button>\n            )\n          }\n          if (channel.type === CHANNEL_TYPE.iconLink) {\n            return (\n              <IconLink\n                label={channel.label}\n                to={channel.to}\n                target={channel.target}\n                icon={channel.icon}\n                key={channel.label}\n              />\n            )\n          }\n          if (channel.type === CHANNEL_TYPE.lightLink) {\n            return (\n              <LightLink\n                label={channel.label}\n                to={channel.to}\n                target={channel.target}\n                key={channel.label}\n              />\n            )\n          }\n        })}\n      </div>\n      {/* social media */}\n      <div className=\"flex flex-row gap-[16px] justify-center\">\n        {SocialMedias.map((socialMedia) => (\n          <LinkComponent\n            to={socialMedia.link}\n            target={socialMedia.target}\n            key={socialMedia.icon}\n          >\n            <SocialMedia mediaType={socialMedia.icon} />\n          </LinkComponent>\n        ))}\n      </div>\n      {/* action butoons */}\n      <div\n        className={clsx(\n          'flex flex-row gap-[16px] px-[32px] pt-[40px] pb-[32px]',\n          'tablet:flex-col'\n        )}\n      >\n        {HAMBURGER_MENU_ACION_LINKS.map((link) => (\n          <LinkComponent\n            to={link.to}\n            target={link.target}\n            key={link.label}\n            className=\"flex-1\"\n          >\n            <PillButton\n              text={link.label}\n              theme={theme}\n              type={link.type}\n              className=\"w-full justify-center\"\n              size={PillButton.Size.l}\n            />\n          </LinkComponent>\n        ))}\n      </div>\n    </div>\n  )\n}\n\nexport default HamburgerMenu\n"],"mappings":"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"}
+{"version":3,"file":"hamburger-menu-1qZB3p9I.mjs","names":["HamburgerMenu: FC","ExternalLink","InternalLink","IconButton","LogoSymbol","LogoHeader","PillButton","TextButton","SearchBar","MenuButton","Divider","IconLink","LightLink","SocialMedia"],"sources":["../src/hamburger-menu/index.tsx"],"sourcesContent":["import { useContext, useState, type FC } from 'react'\nimport clsx from 'clsx'\n// context\nimport { HeaderContext, HamburgerContext } from '../header/context'\n// constants\nimport { THEME } from '../constants/theme'\nimport { Channels, CHANNEL_TYPE } from './constants/channels'\nimport { SocialMedias } from './constants/social-media'\nimport { HAMBURGER_MENU_ACION_LINKS } from '../header/constants/action-links'\nimport { INTERNAL_LINKS } from '../constants/internal-links'\nimport { EXTERNAL_LINKS } from '../constants/external-links'\n// utils\nimport {\n  selectHamburgerMenuTheme,\n  selectHamburgerItemTheme,\n} from './utils/theme'\n// buttons\nimport { IconButton, MenuButton, PillButton, TextButton } from '../button'\n// icons\nimport { Cross, Member } from '../icons'\n// logo\nimport { LogoSymbol, LogoHeader } from '../logo'\n// utils\nimport { selectLogoType } from './utils/theme'\n// divider\nimport Divider from '../divider'\n// components\nimport { DropdownMenu } from '../dropdown-menu'\nimport IconLink from './components/icon-link'\nimport LightLink from './components/light-link'\nimport SocialMedia from './components/social-media'\n// link\nimport { ExternalLink, InternalLink } from '../customized-link'\n// search bar\nimport { SearchBar } from '../input'\n\nconst HamburgerMenu: FC = () => {\n  const { theme, releaseBranch, isLinkExternal, isAuthed } =\n    useContext(HeaderContext)\n  const { closeHamburgerMenu } = useContext(HamburgerContext)\n\n  const menuTheme = theme === THEME.photography ? theme : THEME.normal\n  const { bgColor, scrollBarColor } = selectHamburgerMenuTheme(menuTheme)\n  const logoType = selectLogoType(menuTheme)\n  const [activeKey, setActiveKey] = useState('')\n  const LinkComponent = isLinkExternal ? ExternalLink : InternalLink\n\n  const onSearch = (keywords: string) => {\n    if (typeof window === 'undefined') {\n      return\n    }\n    window.location.href = `${INTERNAL_LINKS.search}?q=${encodeURIComponent(keywords)}`\n  }\n\n  return (\n    <div\n      className={clsx(\n        'w-screen h-screen overflow-y-scroll overscroll-contain',\n        bgColor,\n        // reserveHeightForIos15 is 48px\n        `pb-[calc(48px+48px)]`,\n        'tablet:w-[320px] tablet:max-h-screen tablet:pb-0',\n        'desktop:w-[280px]',\n        '[&::-webkit-scrollbar]:w-[4px]',\n        '[&::-webkit-scrollbar]:bg-transparent',\n        '[&::-webkit-scrollbar-thumb]:rounded-[2px]',\n        scrollBarColor\n      )}\n    >\n      {/* close icon */}\n      <div\n        className={clsx(\n          'hidden items-center justify-end pt-[24px] pr-[32px] pb-[16px]',\n          'tablet:flex'\n        )}\n      >\n        <IconButton\n          iconComponent={Cross(releaseBranch)}\n          theme={menuTheme}\n          onClick={closeHamburgerMenu}\n        />\n      </div>\n      {/* logo */}\n      <LinkComponent to={INTERNAL_LINKS.home}>\n        <div\n          className={clsx(\n            'hidden justify-center [&>img]:h-[24px] [&>img]:w-[24px]',\n            'tablet:flex'\n          )}\n        >\n          <LogoSymbol type={logoType} releaseBranch={releaseBranch} />\n        </div>\n      </LinkComponent>\n      {/* mobile hamburger header */}\n      <div\n        className={clsx(\n          'flex items-center justify-between px-[24px] py-[16px]',\n          'tablet:hidden'\n        )}\n      >\n        <LinkComponent to={INTERNAL_LINKS.home}>\n          <LogoHeader\n            type={logoType}\n            releaseBranch={releaseBranch}\n            className=\"h-[21px]\"\n          />\n        </LinkComponent>\n        <div className=\"flex items-center gap-[16px]\">\n          <LinkComponent to={EXTERNAL_LINKS.monthlyDonation}>\n            <PillButton\n              text=\"贊助\"\n              theme={PillButton.Theme.normal}\n              type={PillButton.Type.primary}\n              style={PillButton.Style.brand}\n            />\n          </LinkComponent>\n          <LinkComponent to={INTERNAL_LINKS.account.index}>\n            {isAuthed ? (\n              <IconButton iconComponent={Member(releaseBranch)} />\n            ) : (\n              <TextButton\n                text=\"登入\"\n                theme={TextButton.Theme.normal}\n                style={TextButton.Style.dark}\n                size={TextButton.Size.s}\n              />\n            )}\n          </LinkComponent>\n        </div>\n      </div>\n      {/* search bar (visible on mobile and tablet) */}\n      <div className=\"px-[32px] pt-[24px] pb-[8px] desktop:hidden\">\n        <SearchBar\n          onSearch={onSearch}\n          autoFocus={false}\n          placeholder=\"關鍵字搜尋\"\n          theme={menuTheme}\n          releaseBranch={releaseBranch}\n          searchBarWidth=\"w-full\"\n        />\n      </div>\n      {/* menu buttons */}\n      <div className=\"flex flex-col pt-[16px]\">\n        {Channels.map((channel, idx) => {\n          if (channel.type === CHANNEL_TYPE.link) {\n            const { color, hoverBgColor, activeBgColor } =\n              selectHamburgerItemTheme(theme)\n            return (\n              <LinkComponent\n                to={channel.to}\n                target={channel.target}\n                key={channel.label}\n              >\n                <MenuButton\n                  key={channel.label}\n                  text={channel.label}\n                  fontWeight={MenuButton.FontWeight.bold}\n                  color={color}\n                  p1ClassName={`${hoverBgColor} ${activeBgColor} pl-[32px] pr-[32px]`}\n                />\n              </LinkComponent>\n            )\n          }\n          if (channel.type === CHANNEL_TYPE.divider) {\n            return (\n              <div className=\"py-[16px] px-[32px]\" key={`divider-${idx}`}>\n                <Divider direction={Divider.Direction.horizontal} />\n              </div>\n            )\n          }\n          if (channel.type === CHANNEL_TYPE.dropdown) {\n            const isActive = activeKey === channel.label\n            const toggleFunc = (key: string) => {\n              const nextActiveKey = activeKey === key ? '' : key\n              setActiveKey(nextActiveKey)\n            }\n            return (\n              <button\n                onClick={() => toggleFunc(channel.label)}\n                key={channel.label}\n                type=\"button\"\n              >\n                <DropdownMenu\n                  text={channel.label}\n                  isActive={isActive}\n                  dropdownItems={channel.dropdownItems}\n                />\n              </button>\n            )\n          }\n          if (channel.type === CHANNEL_TYPE.iconLink) {\n            return (\n              <IconLink\n                label={channel.label}\n                to={channel.to}\n                target={channel.target}\n                icon={channel.icon}\n                key={channel.label}\n              />\n            )\n          }\n          if (channel.type === CHANNEL_TYPE.lightLink) {\n            return (\n              <LightLink\n                label={channel.label}\n                to={channel.to}\n                target={channel.target}\n                key={channel.label}\n              />\n            )\n          }\n        })}\n      </div>\n      {/* social media */}\n      <div className=\"flex flex-row gap-[16px] justify-center\">\n        {SocialMedias.map((socialMedia) => (\n          <LinkComponent\n            to={socialMedia.link}\n            target={socialMedia.target}\n            key={socialMedia.icon}\n          >\n            <SocialMedia mediaType={socialMedia.icon} />\n          </LinkComponent>\n        ))}\n      </div>\n      {/* action butoons */}\n      <div\n        className={clsx(\n          'flex flex-row gap-[16px] px-[32px] pt-[40px] pb-[32px]',\n          'tablet:flex-col'\n        )}\n      >\n        {HAMBURGER_MENU_ACION_LINKS.map((link) => (\n          <LinkComponent\n            to={link.to}\n            target={link.target}\n            key={link.label}\n            className=\"flex-1\"\n          >\n            <PillButton\n              text={link.label}\n              theme={theme}\n              type={link.type}\n              className=\"w-full justify-center\"\n              size={PillButton.Size.l}\n            />\n          </LinkComponent>\n        ))}\n      </div>\n    </div>\n  )\n}\n\nexport default HamburgerMenu\n"],"mappings":"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"}

package/lib/{hamburger-menu-CuCIBIip.js → hamburger-menu-DjK9qGJc.js}

@@ -4,24 +4,24 @@ const require_text_button = require('./text-button-DlMVqsvV.js');
 const require_icon_button = require('./icon-button-Vqwyow05.js');
 const require_menu_button = require('./menu-button-DP302FyB.js');
 const require_pill_button = require('./pill-button-CNbShnjT.js');
-const require_divider = require('./divider-BBJMRjAQ.js');
-const require_external_links = require('./external-links-CeidCP88.js');
-const require_internal_links = require('./internal-links-B0I8FU-O.js');
-const require_external_link = require('./external-link-Dnw1WSM1.js');
-const require_internal_link = require('./internal-link-CKuvpRC8.js');
-const require_context = require('./context-DW8qh_Q3.js');
-const require_action_links = require('./action-links-CrB9xTLX.js');
-const require_logo_header = require('./logo-header-Cp7W8CR-.js');
-const require_logo_symbol = require('./logo-symbol-DRA5IhbT.js');
-const require_icons = require('./icons-OsNrxOWn.js');
-const require_search_bar = require('./search-bar-B9iWikhM.js');
-const require_channels = require('./channels-C0h1mON8.js');
-const require_social_media = require('./social-media-DDNkN_DL.js');
-const require_theme$1 = require('./theme-DjRdV3Iq.js');
-const require_dropdown_menu = require('./dropdown-menu-B4wI7TSC.js');
-const require_icon_link = require('./icon-link-Kzj6ZGDD.js');
-const require_light_link = require('./light-link-CqP81kip.js');
-const require_social_media$1 = require('./social-media-BX0Ns4BR.js');
+const require_external_links = require('./external-links-xe0gZr3J.js');
+const require_internal_links = require('./internal-links-D7poW27s.js');
+const require_external_link = require('./external-link-N6pHzsZ9.js');
+const require_internal_link = require('./internal-link-CQYfLFmN.js');
+const require_divider = require('./divider-DlnnAUAf.js');
+const require_context = require('./context-CDuykLw5.js');
+const require_icons = require('./icons-UUg8_T_o.js');
+const require_theme$1 = require('./theme-CWIKvBG4.js');
+const require_dropdown_menu = require('./dropdown-menu-Cy7c4sIK.js');
+const require_logo_header = require('./logo-header-B-cabrdp.js');
+const require_logo_symbol = require('./logo-symbol-DUagMBN9.js');
+const require_channels = require('./channels-DMEzu4xY.js');
+const require_social_media = require('./social-media-CHDZitsM.js');
+const require_action_links = require('./action-links-DoKEgLL1.js');
+const require_icon_link = require('./icon-link-y7Ak0aCk.js');
+const require_light_link = require('./light-link-7CpN-g0K.js');
+const require_social_media$1 = require('./social-media-Cc0bkShp.js');
+const require_search_bar = require('./search-bar-B6Ze_F-A.js');
 let react = require("react");
 react = require_chunk.__toESM(react);
 let clsx = require("clsx");
@@ -187,4 +187,4 @@ Object.defineProperty(exports, 'hamburger_menu_default', {
     return hamburger_menu_default;
   }
 });
-//# sourceMappingURL=hamburger-menu-CuCIBIip.js.map
+//# sourceMappingURL=hamburger-menu-DjK9qGJc.js.map

package/lib/{hamburger-menu-CuCIBIip.js.map → hamburger-menu-DjK9qGJc.js.map}

@@ -1 +1 @@
-{"version":3,"file":"hamburger-menu-CuCIBIip.js","names":["HamburgerMenu: FC","HeaderContext","HamburgerContext","THEME","selectHamburgerMenuTheme","selectLogoType","ExternalLink","InternalLink","INTERNAL_LINKS","IconButton","Cross","LogoSymbol","LogoHeader","EXTERNAL_LINKS","PillButton","Member","TextButton","SearchBar","Channels","CHANNEL_TYPE","selectHamburgerItemTheme","MenuButton","Divider","DropdownMenu","IconLink","LightLink","SocialMedias","SocialMedia","HAMBURGER_MENU_ACION_LINKS"],"sources":["../src/hamburger-menu/index.tsx"],"sourcesContent":["import { useContext, useState, type FC } from 'react'\nimport clsx from 'clsx'\n// context\nimport { HeaderContext, HamburgerContext } from '../header/context'\n// constants\nimport { THEME } from '../constants/theme'\nimport { Channels, CHANNEL_TYPE } from './constants/channels'\nimport { SocialMedias } from './constants/social-media'\nimport { HAMBURGER_MENU_ACION_LINKS } from '../header/constants/action-links'\nimport { INTERNAL_LINKS } from '../constants/internal-links'\nimport { EXTERNAL_LINKS } from '../constants/external-links'\n// utils\nimport {\n  selectHamburgerMenuTheme,\n  selectHamburgerItemTheme,\n} from './utils/theme'\n// buttons\nimport { IconButton, MenuButton, PillButton, TextButton } from '../button'\n// icons\nimport { Cross, Member } from '../icons'\n// logo\nimport { LogoSymbol, LogoHeader } from '../logo'\n// utils\nimport { selectLogoType } from './utils/theme'\n// divider\nimport Divider from '../divider'\n// components\nimport { DropdownMenu } from '../dropdown-menu'\nimport IconLink from './components/icon-link'\nimport LightLink from './components/light-link'\nimport SocialMedia from './components/social-media'\n// link\nimport { ExternalLink, InternalLink } from '../customized-link'\n// search bar\nimport { SearchBar } from '../input'\n\nconst HamburgerMenu: FC = () => {\n  const { theme, releaseBranch, isLinkExternal, isAuthed } =\n    useContext(HeaderContext)\n  const { closeHamburgerMenu } = useContext(HamburgerContext)\n\n  const menuTheme = theme === THEME.photography ? theme : THEME.normal\n  const { bgColor, scrollBarColor } = selectHamburgerMenuTheme(menuTheme)\n  const logoType = selectLogoType(menuTheme)\n  const [activeKey, setActiveKey] = useState('')\n  const LinkComponent = isLinkExternal ? ExternalLink : InternalLink\n\n  const onSearch = (keywords: string) => {\n    if (typeof window === 'undefined') {\n      return\n    }\n    window.location.href = `${INTERNAL_LINKS.search}?q=${encodeURIComponent(keywords)}`\n  }\n\n  return (\n    <div\n      className={clsx(\n        'w-screen h-screen overflow-y-scroll overscroll-contain',\n        bgColor,\n        // reserveHeightForIos15 is 48px\n        `pb-[calc(48px+48px)]`,\n        'tablet:w-[320px] tablet:max-h-screen tablet:pb-0',\n        'desktop:w-[280px]',\n        '[&::-webkit-scrollbar]:w-[4px]',\n        '[&::-webkit-scrollbar]:bg-transparent',\n        '[&::-webkit-scrollbar-thumb]:rounded-[2px]',\n        scrollBarColor\n      )}\n    >\n      {/* close icon */}\n      <div\n        className={clsx(\n          'hidden items-center justify-end pt-[24px] pr-[32px] pb-[16px]',\n          'tablet:flex'\n        )}\n      >\n        <IconButton\n          iconComponent={Cross(releaseBranch)}\n          theme={menuTheme}\n          onClick={closeHamburgerMenu}\n        />\n      </div>\n      {/* logo */}\n      <LinkComponent to={INTERNAL_LINKS.home}>\n        <div\n          className={clsx(\n            'hidden justify-center [&>img]:h-[24px] [&>img]:w-[24px]',\n            'tablet:flex'\n          )}\n        >\n          <LogoSymbol type={logoType} releaseBranch={releaseBranch} />\n        </div>\n      </LinkComponent>\n      {/* mobile hamburger header */}\n      <div\n        className={clsx(\n          'flex items-center justify-between px-[24px] py-[16px]',\n          'tablet:hidden'\n        )}\n      >\n        <LinkComponent to={INTERNAL_LINKS.home}>\n          <LogoHeader\n            type={logoType}\n            releaseBranch={releaseBranch}\n            className=\"h-[21px]\"\n          />\n        </LinkComponent>\n        <div className=\"flex items-center gap-[16px]\">\n          <LinkComponent to={EXTERNAL_LINKS.monthlyDonation}>\n            <PillButton\n              text=\"贊助\"\n              theme={PillButton.Theme.normal}\n              type={PillButton.Type.primary}\n              style={PillButton.Style.brand}\n            />\n          </LinkComponent>\n          <LinkComponent to={INTERNAL_LINKS.account.index}>\n            {isAuthed ? (\n              <IconButton iconComponent={Member(releaseBranch)} />\n            ) : (\n              <TextButton\n                text=\"登入\"\n                theme={TextButton.Theme.normal}\n                style={TextButton.Style.dark}\n                size={TextButton.Size.s}\n              />\n            )}\n          </LinkComponent>\n        </div>\n      </div>\n      {/* search bar (visible on mobile and tablet) */}\n      <div className=\"px-[32px] pt-[24px] pb-[8px] desktop:hidden\">\n        <SearchBar\n          onSearch={onSearch}\n          autoFocus={false}\n          placeholder=\"關鍵字搜尋\"\n          theme={menuTheme}\n          releaseBranch={releaseBranch}\n          searchBarWidth=\"w-full\"\n        />\n      </div>\n      {/* menu buttons */}\n      <div className=\"flex flex-col pt-[16px]\">\n        {Channels.map((channel, idx) => {\n          if (channel.type === CHANNEL_TYPE.link) {\n            const { color, hoverBgColor, activeBgColor } =\n              selectHamburgerItemTheme(theme)\n            return (\n              <LinkComponent\n                to={channel.to}\n                target={channel.target}\n                key={channel.label}\n              >\n                <MenuButton\n                  key={channel.label}\n                  text={channel.label}\n                  fontWeight={MenuButton.FontWeight.bold}\n                  color={color}\n                  p1ClassName={`${hoverBgColor} ${activeBgColor} pl-[32px] pr-[32px]`}\n                />\n              </LinkComponent>\n            )\n          }\n          if (channel.type === CHANNEL_TYPE.divider) {\n            return (\n              <div className=\"py-[16px] px-[32px]\" key={`divider-${idx}`}>\n                <Divider direction={Divider.Direction.horizontal} />\n              </div>\n            )\n          }\n          if (channel.type === CHANNEL_TYPE.dropdown) {\n            const isActive = activeKey === channel.label\n            const toggleFunc = (key: string) => {\n              const nextActiveKey = activeKey === key ? '' : key\n              setActiveKey(nextActiveKey)\n            }\n            return (\n              <button\n                onClick={() => toggleFunc(channel.label)}\n                key={channel.label}\n                type=\"button\"\n              >\n                <DropdownMenu\n                  text={channel.label}\n                  isActive={isActive}\n                  dropdownItems={channel.dropdownItems}\n                />\n              </button>\n            )\n          }\n          if (channel.type === CHANNEL_TYPE.iconLink) {\n            return (\n              <IconLink\n                label={channel.label}\n                to={channel.to}\n                target={channel.target}\n                icon={channel.icon}\n                key={channel.label}\n              />\n            )\n          }\n          if (channel.type === CHANNEL_TYPE.lightLink) {\n            return (\n              <LightLink\n                label={channel.label}\n                to={channel.to}\n                target={channel.target}\n                key={channel.label}\n              />\n            )\n          }\n        })}\n      </div>\n      {/* social media */}\n      <div className=\"flex flex-row gap-[16px] justify-center\">\n        {SocialMedias.map((socialMedia) => (\n          <LinkComponent\n            to={socialMedia.link}\n            target={socialMedia.target}\n            key={socialMedia.icon}\n          >\n            <SocialMedia mediaType={socialMedia.icon} />\n          </LinkComponent>\n        ))}\n      </div>\n      {/* action butoons */}\n      <div\n        className={clsx(\n          'flex flex-row gap-[16px] px-[32px] pt-[40px] pb-[32px]',\n          'tablet:flex-col'\n        )}\n      >\n        {HAMBURGER_MENU_ACION_LINKS.map((link) => (\n          <LinkComponent\n            to={link.to}\n            target={link.target}\n            key={link.label}\n            className=\"flex-1\"\n          >\n            <PillButton\n              text={link.label}\n              theme={theme}\n              type={link.type}\n              className=\"w-full justify-center\"\n              size={PillButton.Size.l}\n            />\n          </LinkComponent>\n        ))}\n      </div>\n    </div>\n  )\n}\n\nexport default HamburgerMenu\n"],"mappings":"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"}
+{"version":3,"file":"hamburger-menu-DjK9qGJc.js","names":["HamburgerMenu: FC","HeaderContext","HamburgerContext","THEME","selectHamburgerMenuTheme","selectLogoType","ExternalLink","InternalLink","INTERNAL_LINKS","IconButton","Cross","LogoSymbol","LogoHeader","EXTERNAL_LINKS","PillButton","Member","TextButton","SearchBar","Channels","CHANNEL_TYPE","selectHamburgerItemTheme","MenuButton","Divider","DropdownMenu","IconLink","LightLink","SocialMedias","SocialMedia","HAMBURGER_MENU_ACION_LINKS"],"sources":["../src/hamburger-menu/index.tsx"],"sourcesContent":["import { useContext, useState, type FC } from 'react'\nimport clsx from 'clsx'\n// context\nimport { HeaderContext, HamburgerContext } from '../header/context'\n// constants\nimport { THEME } from '../constants/theme'\nimport { Channels, CHANNEL_TYPE } from './constants/channels'\nimport { SocialMedias } from './constants/social-media'\nimport { HAMBURGER_MENU_ACION_LINKS } from '../header/constants/action-links'\nimport { INTERNAL_LINKS } from '../constants/internal-links'\nimport { EXTERNAL_LINKS } from '../constants/external-links'\n// utils\nimport {\n  selectHamburgerMenuTheme,\n  selectHamburgerItemTheme,\n} from './utils/theme'\n// buttons\nimport { IconButton, MenuButton, PillButton, TextButton } from '../button'\n// icons\nimport { Cross, Member } from '../icons'\n// logo\nimport { LogoSymbol, LogoHeader } from '../logo'\n// utils\nimport { selectLogoType } from './utils/theme'\n// divider\nimport Divider from '../divider'\n// components\nimport { DropdownMenu } from '../dropdown-menu'\nimport IconLink from './components/icon-link'\nimport LightLink from './components/light-link'\nimport SocialMedia from './components/social-media'\n// link\nimport { ExternalLink, InternalLink } from '../customized-link'\n// search bar\nimport { SearchBar } from '../input'\n\nconst HamburgerMenu: FC = () => {\n  const { theme, releaseBranch, isLinkExternal, isAuthed } =\n    useContext(HeaderContext)\n  const { closeHamburgerMenu } = useContext(HamburgerContext)\n\n  const menuTheme = theme === THEME.photography ? theme : THEME.normal\n  const { bgColor, scrollBarColor } = selectHamburgerMenuTheme(menuTheme)\n  const logoType = selectLogoType(menuTheme)\n  const [activeKey, setActiveKey] = useState('')\n  const LinkComponent = isLinkExternal ? ExternalLink : InternalLink\n\n  const onSearch = (keywords: string) => {\n    if (typeof window === 'undefined') {\n      return\n    }\n    window.location.href = `${INTERNAL_LINKS.search}?q=${encodeURIComponent(keywords)}`\n  }\n\n  return (\n    <div\n      className={clsx(\n        'w-screen h-screen overflow-y-scroll overscroll-contain',\n        bgColor,\n        // reserveHeightForIos15 is 48px\n        `pb-[calc(48px+48px)]`,\n        'tablet:w-[320px] tablet:max-h-screen tablet:pb-0',\n        'desktop:w-[280px]',\n        '[&::-webkit-scrollbar]:w-[4px]',\n        '[&::-webkit-scrollbar]:bg-transparent',\n        '[&::-webkit-scrollbar-thumb]:rounded-[2px]',\n        scrollBarColor\n      )}\n    >\n      {/* close icon */}\n      <div\n        className={clsx(\n          'hidden items-center justify-end pt-[24px] pr-[32px] pb-[16px]',\n          'tablet:flex'\n        )}\n      >\n        <IconButton\n          iconComponent={Cross(releaseBranch)}\n          theme={menuTheme}\n          onClick={closeHamburgerMenu}\n        />\n      </div>\n      {/* logo */}\n      <LinkComponent to={INTERNAL_LINKS.home}>\n        <div\n          className={clsx(\n            'hidden justify-center [&>img]:h-[24px] [&>img]:w-[24px]',\n            'tablet:flex'\n          )}\n        >\n          <LogoSymbol type={logoType} releaseBranch={releaseBranch} />\n        </div>\n      </LinkComponent>\n      {/* mobile hamburger header */}\n      <div\n        className={clsx(\n          'flex items-center justify-between px-[24px] py-[16px]',\n          'tablet:hidden'\n        )}\n      >\n        <LinkComponent to={INTERNAL_LINKS.home}>\n          <LogoHeader\n            type={logoType}\n            releaseBranch={releaseBranch}\n            className=\"h-[21px]\"\n          />\n        </LinkComponent>\n        <div className=\"flex items-center gap-[16px]\">\n          <LinkComponent to={EXTERNAL_LINKS.monthlyDonation}>\n            <PillButton\n              text=\"贊助\"\n              theme={PillButton.Theme.normal}\n              type={PillButton.Type.primary}\n              style={PillButton.Style.brand}\n            />\n          </LinkComponent>\n          <LinkComponent to={INTERNAL_LINKS.account.index}>\n            {isAuthed ? (\n              <IconButton iconComponent={Member(releaseBranch)} />\n            ) : (\n              <TextButton\n                text=\"登入\"\n                theme={TextButton.Theme.normal}\n                style={TextButton.Style.dark}\n                size={TextButton.Size.s}\n              />\n            )}\n          </LinkComponent>\n        </div>\n      </div>\n      {/* search bar (visible on mobile and tablet) */}\n      <div className=\"px-[32px] pt-[24px] pb-[8px] desktop:hidden\">\n        <SearchBar\n          onSearch={onSearch}\n          autoFocus={false}\n          placeholder=\"關鍵字搜尋\"\n          theme={menuTheme}\n          releaseBranch={releaseBranch}\n          searchBarWidth=\"w-full\"\n        />\n      </div>\n      {/* menu buttons */}\n      <div className=\"flex flex-col pt-[16px]\">\n        {Channels.map((channel, idx) => {\n          if (channel.type === CHANNEL_TYPE.link) {\n            const { color, hoverBgColor, activeBgColor } =\n              selectHamburgerItemTheme(theme)\n            return (\n              <LinkComponent\n                to={channel.to}\n                target={channel.target}\n                key={channel.label}\n              >\n                <MenuButton\n                  key={channel.label}\n                  text={channel.label}\n                  fontWeight={MenuButton.FontWeight.bold}\n                  color={color}\n                  p1ClassName={`${hoverBgColor} ${activeBgColor} pl-[32px] pr-[32px]`}\n                />\n              </LinkComponent>\n            )\n          }\n          if (channel.type === CHANNEL_TYPE.divider) {\n            return (\n              <div className=\"py-[16px] px-[32px]\" key={`divider-${idx}`}>\n                <Divider direction={Divider.Direction.horizontal} />\n              </div>\n            )\n          }\n          if (channel.type === CHANNEL_TYPE.dropdown) {\n            const isActive = activeKey === channel.label\n            const toggleFunc = (key: string) => {\n              const nextActiveKey = activeKey === key ? '' : key\n              setActiveKey(nextActiveKey)\n            }\n            return (\n              <button\n                onClick={() => toggleFunc(channel.label)}\n                key={channel.label}\n                type=\"button\"\n              >\n                <DropdownMenu\n                  text={channel.label}\n                  isActive={isActive}\n                  dropdownItems={channel.dropdownItems}\n                />\n              </button>\n            )\n          }\n          if (channel.type === CHANNEL_TYPE.iconLink) {\n            return (\n              <IconLink\n                label={channel.label}\n                to={channel.to}\n                target={channel.target}\n                icon={channel.icon}\n                key={channel.label}\n              />\n            )\n          }\n          if (channel.type === CHANNEL_TYPE.lightLink) {\n            return (\n              <LightLink\n                label={channel.label}\n                to={channel.to}\n                target={channel.target}\n                key={channel.label}\n              />\n            )\n          }\n        })}\n      </div>\n      {/* social media */}\n      <div className=\"flex flex-row gap-[16px] justify-center\">\n        {SocialMedias.map((socialMedia) => (\n          <LinkComponent\n            to={socialMedia.link}\n            target={socialMedia.target}\n            key={socialMedia.icon}\n          >\n            <SocialMedia mediaType={socialMedia.icon} />\n          </LinkComponent>\n        ))}\n      </div>\n      {/* action butoons */}\n      <div\n        className={clsx(\n          'flex flex-row gap-[16px] px-[32px] pt-[40px] pb-[32px]',\n          'tablet:flex-col'\n        )}\n      >\n        {HAMBURGER_MENU_ACION_LINKS.map((link) => (\n          <LinkComponent\n            to={link.to}\n            target={link.target}\n            key={link.label}\n            className=\"flex-1\"\n          >\n            <PillButton\n              text={link.label}\n              theme={theme}\n              type={link.type}\n              className=\"w-full justify-center\"\n              size={PillButton.Size.l}\n            />\n          </LinkComponent>\n        ))}\n      </div>\n    </div>\n  )\n}\n\nexport default HamburgerMenu\n"],"mappings":"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"}

package/lib/header/components/channels/constants/index.js

@@ -1,4 +1,4 @@
-require('../../../../internal-links-B0I8FU-O.js');
-const require_constants = require('../../../../constants-BYQoStw1.js');
+require('../../../../internal-links-D7poW27s.js');
+const require_constants = require('../../../../constants-Bx32cjdN.js');
 
 exports.CHANNELS = require_constants.CHANNELS;

package/lib/header/components/channels/constants/index.mjs

@@ -1,4 +1,4 @@
-import "../../../../internal-links-hIbZZEWd.mjs";
-import { CHANNELS } from "../../../../constants-BotsR-TR.mjs";
+import "../../../../internal-links-DOdRudQQ.mjs";
+import { CHANNELS } from "../../../../constants-CuIg3dyv.mjs";
 
 export { CHANNELS };

package/lib/header/components/channels/index.d.mts

@@ -1,7 +1,7 @@
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime11 from "react/jsx-runtime";
 
 //#region src/header/components/channels/index.d.ts
-declare const Channel: () => react_jsx_runtime2.JSX.Element;
+declare const Channel: () => react_jsx_runtime11.JSX.Element;
 //#endregion
 export { Channel as default };
 //# sourceMappingURL=index.d.mts.map

package/lib/header/components/channels/index.js

@@ -12,17 +12,17 @@ require('../../../pill-button-CNbShnjT.js');
 require('../../../theme-B4rsurcB.js');
 require('../../../icon-with-text-button-DOj_-gz0.js');
 require('../../../button-BLRV4Hwe.js');
-require('../../../constants-CwOzq2oV.js');
-require('../../../divider-BBJMRjAQ.js');
-require('../../../internal-links-B0I8FU-O.js');
-require('../../../release-branch-DmSIuJAw.js');
-require('../../../external-link-Dnw1WSM1.js');
-require('../../../internal-link-CKuvpRC8.js');
-require('../../../customized-link-DoNAVCRa.js');
-require('../../../context-DW8qh_Q3.js');
-require('../../../constants-BE7hWIZ-.js');
-require('../../../icons-OsNrxOWn.js');
-require('../../../constants-BYQoStw1.js');
-const require_channels = require('../../../channels-BpBCfeF7.js');
+require('../../../internal-links-D7poW27s.js');
+require('../../../release-branch-BX28p3l9.js');
+require('../../../external-link-N6pHzsZ9.js');
+require('../../../internal-link-CQYfLFmN.js');
+require('../../../customized-link-BQWDtLYD.js');
+require('../../../constants-DPKsY2bm.js');
+require('../../../divider-DlnnAUAf.js');
+require('../../../context-CDuykLw5.js');
+require('../../../constants-D3LxY6rh.js');
+require('../../../icons-UUg8_T_o.js');
+require('../../../constants-Bx32cjdN.js');
+const require_channels = require('../../../channels-DIQKIHpB.js');
 
 module.exports = require_channels.channels_default;