@ably/ui 15.6.0-dev.1a416b3 → 15.6.0-dev.bdcefb0

package/core/{Meganav.js.map → LegacyMeganav.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../src/core/Meganav.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useState } from \"react\";\n\nimport { connectState } from \"./remote-data-store.js\";\nimport { selectSessionData } from \"./remote-session-data.js\";\n\nimport Logo from \"./Logo\";\nimport MeganavData from \"./Meganav/component.json\";\nimport MeganavScripts from \"./Meganav/component.js\";\nimport MeganavItemsDesktop from \"./MeganavItemsDesktop\";\nimport MeganavItemsSignedIn from \"./MeganavItemsSignedIn\";\nimport MeganavItemsMobile from \"./MeganavItemsMobile\";\nimport Notice from \"./Notice\";\nimport _absUrl from \"./url-base.js\";\nimport MeganavContentProducts from \"./MeganavContentProducts\";\nimport MeganavContentUseCases from \"./MeganavContentUseCases\";\nimport MeganavContentCompany from \"./MeganavContentCompany\";\nimport MeganavContentDevelopers from \"./MeganavContentDevelopers\";\nimport MeganavSearch from \"./MeganavSearch\";\nimport { ColorClass } from \"./styles/colors/types\";\n\nexport type MeganavTheme = {\n  backgroundColor?: ColorClass;\n  textColor?: ColorClass;\n  buttonBackgroundColor?: ColorClass;\n  buttonTextColor?: ColorClass;\n  mobileMenuColor: ColorClass;\n  logoTextColor?: ColorClass;\n  barShadow?: string;\n};\n\nexport type AbsUrl = (path: string) => string;\n\nexport type MeganavPaths = {\n  logo?: string;\n  iconSprites: string;\n  ablyStack: string;\n  blogThumb1: string;\n  blogThumb2: string;\n  blogThumb3: string;\n  awsLogo?: string;\n};\n\nexport type MeganavPanels = {\n  [index: string]: ({\n    paths,\n    absUrl,\n    statusUrl,\n  }: {\n    paths?: MeganavPaths;\n    absUrl: (path: string) => string;\n    statusUrl: string;\n  }) => ReactNode;\n};\n\nexport type MeganavSessionState = {\n  signedIn: boolean;\n  logOut: {\n    token: string;\n    href: string;\n    text: string;\n  };\n  accountName: string;\n  preferredEmail: string;\n  account: {\n    links: {\n      dashboard: {\n        href: string;\n      };\n    };\n  };\n  mySettings: {\n    text: string;\n    href: string;\n  };\n  myAccessTokens: {\n    text: string;\n    href: string;\n  };\n};\n\ntype SignInProps = {\n  sessionState: MeganavSessionState;\n  theme: MeganavTheme;\n  loginLink: string;\n  absUrl: AbsUrl;\n  searchDataId?: string;\n};\n\ntype MeganavProps = {\n  paths?: MeganavPaths;\n  themeName: \"white\" | \"black\" | \"transparentToWhite\";\n  notice?: {\n    props: {\n      title: string;\n      bodyText: string;\n      buttonLink: string;\n      buttonLabel: string;\n      closeBtn: boolean;\n    };\n    config: {\n      cookieId: string;\n      noticeId: string;\n      collapse: boolean;\n    };\n  };\n  loginLink?: string;\n  urlBase?: string;\n  addSearchApiKey: string;\n  statusUrl: string;\n  searchDataId?: string;\n};\n\nconst SignIn = ({\n  sessionState,\n  theme,\n  loginLink,\n  absUrl,\n  searchDataId,\n}: SignInProps) => {\n  return sessionState.signedIn ? (\n    <MeganavItemsSignedIn\n      absUrl={absUrl}\n      sessionState={sessionState}\n      theme={theme}\n      searchDataId={searchDataId}\n    />\n  ) : (\n    <ul className=\"hidden md:flex items-center\">\n      <li className=\"ui-meganav-item\">\n        <a\n          href={absUrl(\"/contact\")}\n          className={`ui-meganav-link ${theme.textColor}`}\n          data-id=\"meganav-link\"\n        >\n          Contact us\n        </a>\n      </li>\n      <li className=\"ui-meganav-item\">\n        <a\n          href={absUrl(loginLink)}\n          className={`ui-meganav-link mr-0 ${theme.textColor}`}\n          data-id=\"meganav-link\"\n        >\n          Login\n        </a>\n      </li>\n      <li className=\"ui-meganav-item\">\n        <MeganavSearch absUrl={absUrl} dataId={searchDataId} />\n      </li>\n      <li className=\"ui-meganav-item\">\n        <a\n          href={absUrl(\"/sign-up\")}\n          data-id=\"meganav-sign-up-btn\"\n          className={`ui-btn p-btn-small ${theme.buttonBackgroundColor} ${theme.buttonTextColor}`}\n        >\n          Sign up free\n        </a>\n      </li>\n    </ul>\n  );\n};\n\nconst SignInPlaceholder = () => <div />;\n\nconst panels = {\n  MeganavContentProducts,\n  MeganavContentUseCases,\n  MeganavContentCompany,\n  MeganavContentDevelopers,\n};\n\nconst Meganav = ({\n  paths,\n  themeName = \"white\",\n  notice,\n  loginLink = \"/login\",\n  urlBase,\n  addSearchApiKey,\n  statusUrl,\n  searchDataId,\n}: MeganavProps) => {\n  const [sessionState, setSessionState] = useState<MeganavSessionState>();\n\n  useEffect(() => {\n    // Note if state is never updated, sessionState stays null and never removes the placeholder.\n    // This makes SSR consistent (ie. we always show the placeholder)\n    connectState(selectSessionData, setSessionState);\n  }, []);\n\n  useEffect(() => {\n    const teardown = MeganavScripts({ themeName, addSearchApiKey });\n    return () => teardown();\n  }, [sessionState]);\n\n  const theme = MeganavData.themes[themeName] as MeganavTheme;\n  const absUrl = (path: string) => _absUrl(path, urlBase);\n\n  return (\n    <nav\n      className={`ui-meganav-wrapper ${theme.backgroundColor} ${theme.barShadow}`}\n      data-id=\"meganav\"\n      aria-label=\"Main\"\n    >\n      {notice && <Notice {...notice.props} config={notice.config} />}\n      <div className=\"ui-meganav ui-grid-px\">\n        <div className=\"mr-24\">\n          <Logo dataId=\"meganav-logo\" href={urlBase} logoUrl={paths?.logo} />\n        </div>\n\n        <MeganavItemsDesktop\n          panels={panels}\n          paths={paths}\n          theme={theme}\n          absUrl={absUrl}\n          statusUrl={statusUrl}\n        />\n\n        {/* Because we load the session state through fetch, we display a placeholder until fetch returns */}\n        {sessionState ? (\n          <SignIn\n            sessionState={sessionState}\n            theme={theme}\n            loginLink={loginLink}\n            absUrl={absUrl}\n            searchDataId={searchDataId}\n          />\n        ) : (\n          <SignInPlaceholder />\n        )}\n\n        <MeganavItemsMobile\n          panels={panels}\n          sessionState={sessionState}\n          paths={paths}\n          theme={theme}\n          loginLink={loginLink}\n          absUrl={absUrl}\n          statusUrl={statusUrl}\n          searchDataId={searchDataId}\n        />\n      </div>\n    </nav>\n  );\n};\n\nexport default Meganav;\n"],"names":["React","useEffect","useState","connectState","selectSessionData","Logo","MeganavData","MeganavScripts","MeganavItemsDesktop","MeganavItemsSignedIn","MeganavItemsMobile","Notice","_absUrl","MeganavContentProducts","MeganavContentUseCases","MeganavContentCompany","MeganavContentDevelopers","MeganavSearch","SignIn","sessionState","theme","loginLink","absUrl","searchDataId","signedIn","ul","className","li","a","href","textColor","data-id","dataId","buttonBackgroundColor","buttonTextColor","SignInPlaceholder","div","panels","Meganav","paths","themeName","notice","urlBase","addSearchApiKey","statusUrl","setSessionState","teardown","themes","path","nav","backgroundColor","barShadow","aria-label","props","config","logoUrl","logo"],"mappings":"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"}
+{"version":3,"sources":["../../src/core/LegacyMeganav.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useState } from \"react\";\n\nimport { connectState } from \"./remote-data-store.js\";\nimport { selectSessionData } from \"./remote-session-data.js\";\n\nimport Logo from \"./Logo\";\nimport MeganavData from \"./LegacyMeganav/component.json\";\nimport MeganavScripts from \"./LegacyMeganav/component.js\";\nimport MeganavItemsDesktop from \"./MeganavItemsDesktop\";\nimport MeganavItemsSignedIn from \"./MeganavItemsSignedIn\";\nimport MeganavItemsMobile from \"./MeganavItemsMobile\";\nimport Notice from \"./Notice\";\nimport _absUrl from \"./url-base.js\";\nimport MeganavContentProducts from \"./MeganavContentProducts\";\nimport MeganavContentUseCases from \"./MeganavContentUseCases\";\nimport MeganavContentCompany from \"./MeganavContentCompany\";\nimport MeganavContentDevelopers from \"./MeganavContentDevelopers\";\nimport MeganavSearch from \"./MeganavSearch\";\nimport { ColorClass } from \"./styles/colors/types\";\n\nexport type MeganavTheme = {\n  backgroundColor?: ColorClass;\n  textColor?: ColorClass;\n  buttonBackgroundColor?: ColorClass;\n  buttonTextColor?: ColorClass;\n  mobileMenuColor: ColorClass;\n  logoTextColor?: ColorClass;\n  barShadow?: string;\n};\n\nexport type AbsUrl = (path: string) => string;\n\nexport type MeganavPaths = {\n  logo?: string;\n  iconSprites: string;\n  ablyStack: string;\n  blogThumb1: string;\n  blogThumb2: string;\n  blogThumb3: string;\n  awsLogo?: string;\n};\n\nexport type MeganavPanels = {\n  [index: string]: ({\n    paths,\n    absUrl,\n    statusUrl,\n  }: {\n    paths?: MeganavPaths;\n    absUrl: (path: string) => string;\n    statusUrl: string;\n  }) => ReactNode;\n};\n\nexport type MeganavSessionState = {\n  signedIn: boolean;\n  logOut: {\n    token: string;\n    href: string;\n    text: string;\n  };\n  accountName: string;\n  preferredEmail: string;\n  account: {\n    links: {\n      dashboard: {\n        href: string;\n      };\n    };\n  };\n  mySettings: {\n    text: string;\n    href: string;\n  };\n  myAccessTokens: {\n    text: string;\n    href: string;\n  };\n};\n\ntype SignInProps = {\n  sessionState: MeganavSessionState;\n  theme: MeganavTheme;\n  loginLink: string;\n  absUrl: AbsUrl;\n  searchDataId?: string;\n};\n\n// This type is based on the API response from the notice API and the data\n// passed into the Meganav component, which then turns it into something\n// the Notice component can use. The type is exported for the benefit of\n// Voltaire\nexport type MeganavNoticeProps = {\n  props: {\n    title: string;\n    bodyText: string;\n    buttonLink: string;\n    buttonLabel: string;\n    closeBtn: boolean;\n  };\n  config: {\n    cookieId: string;\n    noticeId: string | number;\n    options: {\n      collapse: boolean;\n    };\n  };\n};\n\ntype MeganavProps = {\n  paths?: MeganavPaths;\n  themeName: \"white\" | \"black\" | \"transparentToWhite\";\n  notice?: MeganavNoticeProps;\n  loginLink?: string;\n  urlBase?: string;\n  addSearchApiKey: string;\n  statusUrl: string;\n  searchDataId?: string;\n};\n\nconst SignIn = ({\n  sessionState,\n  theme,\n  loginLink,\n  absUrl,\n  searchDataId,\n}: SignInProps) => {\n  return sessionState.signedIn ? (\n    <MeganavItemsSignedIn\n      absUrl={absUrl}\n      sessionState={sessionState}\n      theme={theme}\n      searchDataId={searchDataId}\n    />\n  ) : (\n    <ul className=\"hidden md:flex items-center\">\n      <li className=\"ui-meganav-item\">\n        <a\n          href={absUrl(\"/contact\")}\n          className={`ui-meganav-link ${theme.textColor}`}\n          data-id=\"meganav-link\"\n        >\n          Contact us\n        </a>\n      </li>\n      <li className=\"ui-meganav-item\">\n        <a\n          href={absUrl(loginLink)}\n          className={`ui-meganav-link mr-0 ${theme.textColor}`}\n          data-id=\"meganav-link\"\n        >\n          Login\n        </a>\n      </li>\n      <li className=\"ui-meganav-item\">\n        <MeganavSearch absUrl={absUrl} dataId={searchDataId} />\n      </li>\n      <li className=\"ui-meganav-item\">\n        <a\n          href={absUrl(\"/sign-up\")}\n          data-id=\"meganav-sign-up-btn\"\n          className={`ui-btn p-btn-small ${theme.buttonBackgroundColor} ${theme.buttonTextColor}`}\n        >\n          Sign up free\n        </a>\n      </li>\n    </ul>\n  );\n};\n\nconst SignInPlaceholder = () => <div />;\n\nconst panels = {\n  MeganavContentProducts,\n  MeganavContentUseCases,\n  MeganavContentCompany,\n  MeganavContentDevelopers,\n};\n\nconst Meganav = ({\n  paths,\n  themeName = \"white\",\n  notice,\n  loginLink = \"/login\",\n  urlBase,\n  addSearchApiKey,\n  statusUrl,\n  searchDataId,\n}: MeganavProps) => {\n  const [sessionState, setSessionState] = useState<MeganavSessionState>();\n\n  useEffect(() => {\n    // Note if state is never updated, sessionState stays null and never removes the placeholder.\n    // This makes SSR consistent (ie. we always show the placeholder)\n    connectState(selectSessionData, setSessionState);\n  }, []);\n\n  useEffect(() => {\n    const teardown = MeganavScripts({ themeName, addSearchApiKey });\n    return () => teardown();\n  }, [sessionState]);\n\n  const theme = MeganavData.themes[themeName] as MeganavTheme;\n  const absUrl = (path: string) => _absUrl(path, urlBase);\n\n  return (\n    <nav\n      className={`ui-meganav-wrapper ${theme.backgroundColor} ${theme.barShadow}`}\n      data-id=\"meganav\"\n      aria-label=\"Main\"\n    >\n      {notice && <Notice {...notice.props} config={notice.config} />}\n      <div className=\"ui-meganav ui-grid-px\">\n        <div className=\"mr-24\">\n          <Logo dataId=\"meganav-logo\" href={urlBase} logoUrl={paths?.logo} />\n        </div>\n\n        <MeganavItemsDesktop\n          panels={panels}\n          paths={paths}\n          theme={theme}\n          absUrl={absUrl}\n          statusUrl={statusUrl}\n        />\n\n        {/* Because we load the session state through fetch, we display a placeholder until fetch returns */}\n        {sessionState ? (\n          <SignIn\n            sessionState={sessionState}\n            theme={theme}\n            loginLink={loginLink}\n            absUrl={absUrl}\n            searchDataId={searchDataId}\n          />\n        ) : (\n          <SignInPlaceholder />\n        )}\n\n        <MeganavItemsMobile\n          panels={panels}\n          sessionState={sessionState}\n          paths={paths}\n          theme={theme}\n          loginLink={loginLink}\n          absUrl={absUrl}\n          statusUrl={statusUrl}\n          searchDataId={searchDataId}\n        />\n      </div>\n    </nav>\n  );\n};\n\nexport default Meganav;\n"],"names":["React","useEffect","useState","connectState","selectSessionData","Logo","MeganavData","MeganavScripts","MeganavItemsDesktop","MeganavItemsSignedIn","MeganavItemsMobile","Notice","_absUrl","MeganavContentProducts","MeganavContentUseCases","MeganavContentCompany","MeganavContentDevelopers","MeganavSearch","SignIn","sessionState","theme","loginLink","absUrl","searchDataId","signedIn","ul","className","li","a","href","textColor","data-id","dataId","buttonBackgroundColor","buttonTextColor","SignInPlaceholder","div","panels","Meganav","paths","themeName","notice","urlBase","addSearchApiKey","statusUrl","setSessionState","teardown","themes","path","nav","backgroundColor","barShadow","aria-label","props","config","logoUrl","logo"],"mappings":"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"}

package/core/Meganav/Meganav.js

@@ -0,0 +1,2 @@
+import React from"react";import Header from"../Header";import Icon from"../Icon";import Flyout from"../Flyout";import{menuItemsForHeader}from"./data";import{MeganavMobile}from"./MeganavMobile";const Meganav=({sessionState,searchDataId})=>{const mobileNavItems=menuItemsForHeader.filter(item=>!item.isHiddenMobile).map(({name,link,content})=>({name,link,content}));return React.createElement(Header,{nav:React.createElement(Flyout,{menuItems:menuItemsForHeader,className:"justify-left z-40",flyOutClassName:"flex justify-left",viewPortClassName:"ui-shadow-lg-medium border border-neutral-000 dark:border-neutral-1300 rounded-2xl mt-8 ml-64 bg-neutral-000 dark:bg-neutral-1300",hasAnimation:true}),mobileNav:React.createElement(MeganavMobile,{mobileNavItems:mobileNavItems}),searchButton:React.createElement("button",{type:"button","data-control":"search","data-id":searchDataId,className:"cursor-pointer h-24 w-24 group focus:outline-none","aria-expanded":"false","aria-controls":"panel-search","aria-label":"Ask AI"},React.createElement(Icon,{name:"icon-gui-magnifying-glass-outline",color:"text-neutral-1300",size:"24px"})),headerLinks:[{href:"/contact",label:"Help"}],sessionState:sessionState})};export default Meganav;
+//# sourceMappingURL=Meganav.js.map

package/core/Meganav/Meganav.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/core/Meganav/Meganav.tsx"],"sourcesContent":["import React from \"react\";\nimport Header, { HeaderSessionState } from \"../Header\";\nimport Icon from \"../Icon\";\nimport Flyout from \"../Flyout\";\nimport { menuItemsForHeader } from \"./data\";\nimport { MeganavMobile } from \"./MeganavMobile\";\n\nexport type MeganavProps = {\n  sessionState: HeaderSessionState;\n  searchDataId: string;\n};\n\nconst Meganav = ({ sessionState, searchDataId }: MeganavProps) => {\n  const mobileNavItems = menuItemsForHeader\n    .filter((item) => !item.isHiddenMobile)\n    .map(({ name, link, content }) => ({ name, link, content }));\n\n  return (\n    <Header\n      nav={\n        <Flyout\n          menuItems={menuItemsForHeader}\n          className=\"justify-left z-40\"\n          flyOutClassName=\"flex justify-left\"\n          viewPortClassName=\"ui-shadow-lg-medium border border-neutral-000 dark:border-neutral-1300 rounded-2xl mt-8 ml-64 bg-neutral-000 dark:bg-neutral-1300\"\n          hasAnimation={true}\n        />\n      }\n      mobileNav={<MeganavMobile mobileNavItems={mobileNavItems} />}\n      searchButton={\n        <button\n          type=\"button\"\n          data-control=\"search\"\n          data-id={searchDataId}\n          className=\"cursor-pointer h-24 w-24 group focus:outline-none\"\n          aria-expanded=\"false\"\n          aria-controls=\"panel-search\"\n          aria-label=\"Ask AI\"\n        >\n          <Icon\n            name=\"icon-gui-magnifying-glass-outline\"\n            color=\"text-neutral-1300\"\n            size=\"24px\"\n          />\n        </button>\n      }\n      headerLinks={[{ href: \"/contact\", label: \"Help\" }]}\n      sessionState={sessionState}\n    />\n  );\n};\n\nexport default Meganav;\n"],"names":["React","Header","Icon","Flyout","menuItemsForHeader","MeganavMobile","Meganav","sessionState","searchDataId","mobileNavItems","filter","item","isHiddenMobile","map","name","link","content","nav","menuItems","className","flyOutClassName","viewPortClassName","hasAnimation","mobileNav","searchButton","button","type","data-control","data-id","aria-expanded","aria-controls","aria-label","color","size","headerLinks","href","label"],"mappings":"AAAA,OAAOA,UAAW,OAAQ,AAC1B,QAAOC,WAAoC,WAAY,AACvD,QAAOC,SAAU,SAAU,AAC3B,QAAOC,WAAY,WAAY,AAC/B,QAASC,kBAAkB,KAAQ,QAAS,AAC5C,QAASC,aAAa,KAAQ,iBAAkB,CAOhD,MAAMC,QAAU,CAAC,CAAEC,YAAY,CAAEC,YAAY,CAAgB,IAC3D,MAAMC,eAAiBL,mBACpBM,MAAM,CAAC,AAACC,MAAS,CAACA,KAAKC,cAAc,EACrCC,GAAG,CAAC,CAAC,CAAEC,IAAI,CAAEC,IAAI,CAAEC,OAAO,CAAE,GAAM,CAAA,CAAEF,KAAMC,KAAMC,OAAQ,CAAA,GAE3D,OACE,oBAACf,QACCgB,IACE,oBAACd,QACCe,UAAWd,mBACXe,UAAU,oBACVC,gBAAgB,oBAChBC,kBAAkB,oIAClBC,aAAc,OAGlBC,UAAW,oBAAClB,eAAcI,eAAgBA,iBAC1Ce,aACE,oBAACC,UACCC,KAAK,SACLC,eAAa,SACbC,UAASpB,aACTW,UAAU,oDACVU,gBAAc,QACdC,gBAAc,eACdC,aAAW,UAEX,oBAAC7B,MACCY,KAAK,oCACLkB,MAAM,oBACNC,KAAK,UAIXC,YAAa,CAAC,CAAEC,KAAM,WAAYC,MAAO,MAAO,EAAE,CAClD7B,aAAcA,cAGpB,CAEA,gBAAeD,OAAQ"}

package/core/Meganav/MeganavMobile.js

@@ -0,0 +1,2 @@
+import React from"react";import Accordion from"../Accordion";import{menuItemLinks}from"./data";import cn from"../utils/cn";export const MeganavMobile=({mobileNavItems})=>{const menuItemClassname="text-[18px] py-12 font-bold text-neutral-1000 dark:text-neutral-000";return React.createElement(React.Fragment,null,React.createElement(Accordion,{theme:"transparent",className:"overflow-y-auto px-16 pt-16",data:mobileNavItems,icons:{closed:{name:"icon-gui-chevron-down-solid"},open:{name:"icon-gui-chevron-up-solid"}},options:{autoClose:true,hideBorders:true,headerCSS:`px-0 ${menuItemClassname}`,contentCSS:"px-0",selectedHeaderCSS:"text-neutral-1300 dark:text-neutral-000",rowIconSize:"24px"}}),menuItemLinks&&React.createElement("div",{className:"mb-12"},menuItemLinks.map(link=>React.createElement("a",{href:link.link,key:link.name,className:cn("px-16 w-full block ui-text-p1",menuItemClassname)},link.name))))};
+//# sourceMappingURL=MeganavMobile.js.map

package/core/Meganav/MeganavMobile.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/core/Meganav/MeganavMobile.tsx"],"sourcesContent":["import React from \"react\";\nimport Accordion from \"../Accordion\";\nimport { AccordionData } from \"../Accordion/types\";\nimport { menuItemLinks } from \"./data\";\nimport cn from \"../utils/cn\";\n\nexport const MeganavMobile = ({\n  mobileNavItems,\n}: {\n  mobileNavItems: AccordionData[];\n}) => {\n  const menuItemClassname =\n    \"text-[18px] py-12 font-bold text-neutral-1000 dark:text-neutral-000\";\n  return (\n    <>\n      <Accordion\n        theme=\"transparent\"\n        className=\"overflow-y-auto px-16 pt-16\"\n        data={mobileNavItems}\n        icons={{\n          closed: { name: \"icon-gui-chevron-down-solid\" },\n          open: { name: \"icon-gui-chevron-up-solid\" },\n        }}\n        options={{\n          autoClose: true,\n          hideBorders: true,\n          headerCSS: `px-0 ${menuItemClassname}`,\n          contentCSS: \"px-0\",\n          selectedHeaderCSS: \"text-neutral-1300 dark:text-neutral-000\",\n          rowIconSize: \"24px\",\n        }}\n      />\n      {menuItemLinks && (\n        <div className=\"mb-12\">\n          {menuItemLinks.map((link) => (\n            <a\n              href={link.link}\n              key={link.name}\n              className={cn(\"px-16 w-full block ui-text-p1\", menuItemClassname)}\n            >\n              {link.name}\n            </a>\n          ))}\n        </div>\n      )}\n    </>\n  );\n};\n"],"names":["React","Accordion","menuItemLinks","cn","MeganavMobile","mobileNavItems","menuItemClassname","theme","className","data","icons","closed","name","open","options","autoClose","hideBorders","headerCSS","contentCSS","selectedHeaderCSS","rowIconSize","div","map","link","a","href","key"],"mappings":"AAAA,OAAOA,UAAW,OAAQ,AAC1B,QAAOC,cAAe,cAAe,AAErC,QAASC,aAAa,KAAQ,QAAS,AACvC,QAAOC,OAAQ,aAAc,AAE7B,QAAO,MAAMC,cAAgB,CAAC,CAC5BC,cAAc,CAGf,IACC,MAAMC,kBACJ,sEACF,OACE,wCACE,oBAACL,WACCM,MAAM,cACNC,UAAU,8BACVC,KAAMJ,eACNK,MAAO,CACLC,OAAQ,CAAEC,KAAM,6BAA8B,EAC9CC,KAAM,CAAED,KAAM,2BAA4B,CAC5C,EACAE,QAAS,CACPC,UAAW,KACXC,YAAa,KACbC,UAAW,CAAC,KAAK,EAAEX,kBAAkB,CAAC,CACtCY,WAAY,OACZC,kBAAmB,0CACnBC,YAAa,MACf,IAEDlB,eACC,oBAACmB,OAAIb,UAAU,SACZN,cAAcoB,GAAG,CAAC,AAACC,MAClB,oBAACC,KACCC,KAAMF,KAAKA,IAAI,CACfG,IAAKH,KAAKX,IAAI,CACdJ,UAAWL,GAAG,gCAAiCG,oBAE9CiB,KAAKX,IAAI,IAOxB,CAAE"}

package/core/Meganav/MeganavPanel.js

@@ -0,0 +1,2 @@
+import React from"react";import cn from"../utils/cn";import Icon from"../Icon";import FeaturedLink from"../FeaturedLink";import{products}from"../ProductTile/data";import ProductTile from"../ProductTile";export const MeganavPanel=({displayProductTile,panelLeft,panelLeftClassName,panelRightHeading,panelRightItems,panelRightBottom})=>{return React.createElement("div",{className:"flex flex-col md:flex-row gap-x-24 bg-neutral-000 dark:bg-neutral-1300"},React.createElement("div",{className:cn("flex-[7] flex-shrink-0 grid-cols-1 xs:grid-cols-2",panelLeftClassName)},displayProductTile?Object.keys(products).map(product=>React.createElement(ProductTile,{name:product,key:product,selected:false,onClick:()=>window.location.href=products[product]?.link,animateIcons:true})):panelLeft&&React.createElement(React.Fragment,null,React.createElement("div",{className:"w-full p-24"},React.createElement("h4",{className:"ui-text-h4 text-neutral-1300 dark:text-neutral-000"},panelLeft.heading),React.createElement("p",{className:"ui-text-p3 text-neutral-800 dark:text-neutral-500 mt-8"},panelLeft.content),React.createElement(FeaturedLink,{url:panelLeft.url,additionalCSS:"text-neutral-1300 dark:text-neutral-000 mt-16 ui-text-p3",iconColor:"text-orange-600"},panelLeft.labelLink)),React.createElement("div",{className:"flex justify-end"},React.createElement("img",{src:panelLeft.image,alt:panelLeft.heading,className:"w-full z-10 rounded-lg"})))),React.createElement("div",{className:"mt-12 md:mt-0 flex-[3] flex-shrink-0 flex flex-col justify-between"},React.createElement("ul",null,panelRightHeading&&React.createElement("p",{className:"ui-text-overline2 text-neutral-700 dark:text-neutral-600 my-12"},"platform"),panelRightItems&&panelRightItems.map(item=>React.createElement("li",{className:cn("list-none py-[10px] md:py-8 my-0 flex gap-x-[10px] hover:bg-neutral-100 dark:hover:bg-neutral-1200 active:bg-neutral-200 dark:active:bg-neutral-1100",item.isMobile?"md:hidden":"md:flex"),key:item.label},React.createElement(Icon,{name:item.icon,size:"1.25rem",additionalCSS:"text-neutral-1000 dark:text-neutral-300"}),React.createElement("a",{className:"ui-text-menu2 md:ui-text-menu3 font-semibold text-neutral-1000 dark:text-neutral-300",href:item.link},item.label)))),panelRightBottom&&React.createElement("div",{className:"items-end mt-16 md:mt-0"},panelRightBottom)))};
+//# sourceMappingURL=MeganavPanel.js.map

package/core/Meganav/MeganavPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/core/Meganav/MeganavPanel.tsx"],"sourcesContent":["import React from \"react\";\nimport cn from \"../utils/cn\";\nimport Icon from \"../Icon\";\nimport { FlyoutPanelHighlight, FlyoutPanelList } from \"./data\";\nimport FeaturedLink from \"../FeaturedLink\";\nimport { ProductName, products } from \"../ProductTile/data\";\nimport ProductTile from \"../ProductTile\";\n\nexport const MeganavPanel = ({\n  displayProductTile,\n  panelLeft,\n  panelLeftClassName,\n  panelRightHeading,\n  panelRightItems,\n  panelRightBottom,\n}: {\n  displayProductTile?: boolean;\n  panelLeft?: FlyoutPanelHighlight;\n  panelLeftClassName?: string;\n  panelRightHeading?: string;\n  panelRightItems: FlyoutPanelList[];\n  panelRightBottom?: React.ReactNode;\n}) => {\n  return (\n    <div className=\"flex flex-col md:flex-row gap-x-24 bg-neutral-000 dark:bg-neutral-1300\">\n      <div\n        className={cn(\n          \"flex-[7] flex-shrink-0 grid-cols-1 xs:grid-cols-2\",\n          panelLeftClassName,\n        )}\n      >\n        {displayProductTile\n          ? Object.keys(products).map((product) => (\n              <ProductTile\n                name={product as ProductName}\n                key={product}\n                selected={false}\n                onClick={() =>\n                  (window.location.href = products[product as ProductName]\n                    ?.link as string)\n                }\n                animateIcons={true}\n              />\n            ))\n          : panelLeft && (\n              <>\n                <div className=\"w-full p-24\">\n                  <h4 className=\"ui-text-h4 text-neutral-1300 dark:text-neutral-000\">\n                    {panelLeft.heading}\n                  </h4>\n                  <p className=\"ui-text-p3 text-neutral-800 dark:text-neutral-500 mt-8\">\n                    {panelLeft.content}\n                  </p>\n                  <FeaturedLink\n                    url={panelLeft.url}\n                    additionalCSS=\"text-neutral-1300 dark:text-neutral-000 mt-16 ui-text-p3\"\n                    iconColor=\"text-orange-600\"\n                  >\n                    {panelLeft.labelLink}\n                  </FeaturedLink>\n                </div>\n                <div className=\"flex justify-end\">\n                  <img\n                    src={panelLeft.image}\n                    alt={panelLeft.heading}\n                    className=\"w-full z-10 rounded-lg\"\n                  />\n                </div>\n              </>\n            )}\n      </div>\n      <div className=\"mt-12 md:mt-0 flex-[3] flex-shrink-0 flex flex-col justify-between\">\n        <ul>\n          {panelRightHeading && (\n            <p className=\"ui-text-overline2 text-neutral-700 dark:text-neutral-600 my-12\">\n              platform\n            </p>\n          )}\n\n          {panelRightItems &&\n            panelRightItems.map((item) => (\n              <li\n                className={cn(\n                  \"list-none py-[10px] md:py-8 my-0 flex gap-x-[10px] hover:bg-neutral-100 dark:hover:bg-neutral-1200 active:bg-neutral-200 dark:active:bg-neutral-1100\",\n                  item.isMobile ? \"md:hidden\" : \"md:flex\",\n                )}\n                key={item.label}\n              >\n                <Icon\n                  name={item.icon}\n                  size=\"1.25rem\"\n                  additionalCSS=\"text-neutral-1000 dark:text-neutral-300\"\n                />\n                <a\n                  className=\"ui-text-menu2 md:ui-text-menu3 font-semibold text-neutral-1000 dark:text-neutral-300\"\n                  href={item.link}\n                >\n                  {item.label}\n                </a>\n              </li>\n            ))}\n        </ul>\n        {panelRightBottom && (\n          <div className=\"items-end mt-16 md:mt-0\">{panelRightBottom}</div>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":["React","cn","Icon","FeaturedLink","products","ProductTile","MeganavPanel","displayProductTile","panelLeft","panelLeftClassName","panelRightHeading","panelRightItems","panelRightBottom","div","className","Object","keys","map","product","name","key","selected","onClick","window","location","href","link","animateIcons","h4","heading","p","content","url","additionalCSS","iconColor","labelLink","img","src","image","alt","ul","item","li","isMobile","label","icon","size","a"],"mappings":"AAAA,OAAOA,UAAW,OAAQ,AAC1B,QAAOC,OAAQ,aAAc,AAC7B,QAAOC,SAAU,SAAU,AAE3B,QAAOC,iBAAkB,iBAAkB,AAC3C,QAAsBC,QAAQ,KAAQ,qBAAsB,AAC5D,QAAOC,gBAAiB,gBAAiB,AAEzC,QAAO,MAAMC,aAAe,CAAC,CAC3BC,kBAAkB,CAClBC,SAAS,CACTC,kBAAkB,CAClBC,iBAAiB,CACjBC,eAAe,CACfC,gBAAgB,CAQjB,IACC,OACE,oBAACC,OAAIC,UAAU,0EACb,oBAACD,OACCC,UAAWb,GACT,oDACAQ,qBAGDF,mBACGQ,OAAOC,IAAI,CAACZ,UAAUa,GAAG,CAAC,AAACC,SACzB,oBAACb,aACCc,KAAMD,QACNE,IAAKF,QACLG,SAAU,MACVC,QAAS,IACNC,OAAOC,QAAQ,CAACC,IAAI,CAAGrB,QAAQ,CAACc,QAAuB,EACpDQ,KAENC,aAAc,QAGlBnB,WACE,wCACE,oBAACK,OAAIC,UAAU,eACb,oBAACc,MAAGd,UAAU,sDACXN,UAAUqB,OAAO,EAEpB,oBAACC,KAAEhB,UAAU,0DACVN,UAAUuB,OAAO,EAEpB,oBAAC5B,cACC6B,IAAKxB,UAAUwB,GAAG,CAClBC,cAAc,2DACdC,UAAU,mBAET1B,UAAU2B,SAAS,GAGxB,oBAACtB,OAAIC,UAAU,oBACb,oBAACsB,OACCC,IAAK7B,UAAU8B,KAAK,CACpBC,IAAK/B,UAAUqB,OAAO,CACtBf,UAAU,8BAMxB,oBAACD,OAAIC,UAAU,sEACb,oBAAC0B,UACE9B,mBACC,oBAACoB,KAAEhB,UAAU,kEAAiE,YAK/EH,iBACCA,gBAAgBM,GAAG,CAAC,AAACwB,MACnB,oBAACC,MACC5B,UAAWb,GACT,uJACAwC,KAAKE,QAAQ,CAAG,YAAc,WAEhCvB,IAAKqB,KAAKG,KAAK,EAEf,oBAAC1C,MACCiB,KAAMsB,KAAKI,IAAI,CACfC,KAAK,UACLb,cAAc,4CAEhB,oBAACc,KACCjC,UAAU,uFACVW,KAAMgB,KAAKf,IAAI,EAEde,KAAKG,KAAK,KAKpBhC,kBACC,oBAACC,OAAIC,UAAU,2BAA2BF,mBAKpD,CAAE"}

package/core/Meganav/data.js

@@ -0,0 +1,2 @@
+import React from"react";import{MeganavPanel}from"./MeganavPanel";import Status,{StatusUrl}from"../Status";import FanEngagementNavImage from"./images/fan-engagement-nav-image.png";import CompanyNavImage from"./images/founders-nav-image.png";import BestRequirementsWinter2025 from"../images/award/g2-best-meets-requirements-2025.png";import BestSupportWinter2025 from"../images/award/g2-best-support-2025.png";import HighPerformerWinter2025 from"../images/award/g2-high-performer-2025.png";const panelClassName="w-full sm:w-[815px]";const productsMenu=[{label:"Infrastructure",icon:"icon-gui-globe-alt-outline",link:"/infrastructure"},{label:"Integrations",icon:"icon-gui-puzzle-piece-outline",link:"/integrations"},{label:"SDKs",icon:"icon-gui-cube-transparent-outline",link:"/docs/sdks"},{label:"Security & Compliance",icon:"icon-gui-shield-check-outline",link:"/security-and-compliance"}];const solutionsHighlight={heading:"Fan Engagement",content:"Capture the attention of millions of fans during live events.",labelLink:"Learn more",url:"/fan-engagement",image:FanEngagementNavImage};const solutionsMenu=[{label:"Fan Engagement",icon:"icon-gui-hand-thumb-up-outline",link:"/fan-engagement",isMobile:true},{label:"Biztech",icon:"icon-gui-building-office-outline",link:"/solutions/ecommerce-and-retail"},{label:"Fintech",icon:"icon-gui-currency-dollar-outline",link:"/solutions/fintech"},{label:"Healthcare",icon:"icon-gui-heart-outline",link:"/solutions/healthcare"},{label:"EdTech",icon:"icon-gui-academic-cap-outline",link:"/solutions/edtech"}];const companyHighlight={heading:"Leading the realtime revolution",content:"Hear from our founders about Ably’s ambitious plans to become the world’s definitive realtime platform.",labelLink:"About Ably",url:"/about",image:CompanyNavImage};const companyMenu=[{label:"About Ably",icon:"icon-gui-ably-badge",link:"/about",isMobile:true},{label:"Customer stories",icon:"icon-gui-star-outline",link:"/"},{label:"Careers",icon:"icon-gui-briefcase-outline",link:"/case-studies"},{label:"Blog",icon:"icon-gui-light-bulb-outline",link:"/blog"},{label:"Contact us",icon:"icon-gui-chat-bubble-bottom-center-text-outline",link:"/contact"}];const ablyAwards=[{image:BestRequirementsWinter2025,desc:"G2 Best Reqiurements Winter 2025"},{image:BestSupportWinter2025,desc:"G2 Best Support Winter 2025"},{image:HighPerformerWinter2025,desc:"G2 High Performer Winter 2025"}];export const menuItemLinks=[{name:"Pricing",link:"/pricing",isHiddenMobile:true},{name:"Docs",link:"/docs",isHiddenMobile:true}];export const menuItemsForHeader=[{name:"Home",link:"/",isHiddenMobile:true},{name:"Products",content:React.createElement(MeganavPanel,{displayProductTile:true,panelLeftClassName:"grid",panelRightItems:productsMenu,panelRightHeading:"platform",panelRightBottom:React.createElement(Status,{statusUrl:StatusUrl,showDescription:true})}),panelClassName},{name:"Solutions",content:React.createElement(MeganavPanel,{panelLeft:solutionsHighlight,panelLeftClassName:"bg-neutral-100 dark:bg-neutral-1200 hidden md:grid rounded-lg border-neutral-300 dark:border-neutral-1000",panelRightItems:solutionsMenu}),panelClassName},{name:"Company",content:React.createElement(MeganavPanel,{panelLeft:companyHighlight,panelLeftClassName:"bg-neutral-100 dark:bg-neutral-1200 hidden md:grid rounded-lg border-neutral-300 dark:border-neutral-1000",panelRightItems:companyMenu,panelRightBottom:React.createElement("div",{className:"flex-1 gap-x-8 hidden md:flex"},ablyAwards&&ablyAwards.map(award=>React.createElement("img",{key:award.desc,src:award.image,alt:award.desc,width:"57",height:"64"})))}),panelClassName},...menuItemLinks];
+//# sourceMappingURL=data.js.map

package/core/Meganav/data.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/core/Meganav/data.tsx"],"sourcesContent":["import React from \"react\";\nimport { IconName } from \"../Icon/types\";\nimport { MeganavPanel } from \"./MeganavPanel\";\nimport Status, { StatusUrl } from \"../Status\";\nimport FanEngagementNavImage from \"./images/fan-engagement-nav-image.png\";\nimport CompanyNavImage from \"./images/founders-nav-image.png\";\nimport BestRequirementsWinter2025 from \"../images/award/g2-best-meets-requirements-2025.png\";\nimport BestSupportWinter2025 from \"../images/award/g2-best-support-2025.png\";\nimport HighPerformerWinter2025 from \"../images/award/g2-high-performer-2025.png\";\n\nexport type FlyoutPanelList = {\n  label: string;\n  icon: IconName;\n  link: string;\n  isMobile?: boolean;\n};\n\nexport type FlyoutPanelHighlight = {\n  heading: string;\n  content: string;\n  labelLink: string;\n  url: string;\n  image: string;\n};\n\nexport type MenuItem = {\n  name: string;\n  link?: string;\n  isHiddenMobile?: boolean;\n  content?: React.ReactNode;\n  panelClassName?: string;\n};\n\nconst panelClassName = \"w-full sm:w-[815px]\";\n\nconst productsMenu: FlyoutPanelList[] = [\n  {\n    label: \"Infrastructure\",\n    icon: \"icon-gui-globe-alt-outline\",\n    link: \"/infrastructure\",\n  },\n  {\n    label: \"Integrations\",\n    icon: \"icon-gui-puzzle-piece-outline\",\n    link: \"/integrations\",\n  },\n  {\n    label: \"SDKs\",\n    icon: \"icon-gui-cube-transparent-outline\",\n    link: \"/docs/sdks\",\n  },\n  {\n    label: \"Security & Compliance\",\n    icon: \"icon-gui-shield-check-outline\",\n    link: \"/security-and-compliance\",\n  },\n];\n\nconst solutionsHighlight: FlyoutPanelHighlight = {\n  heading: \"Fan Engagement\",\n  content: \"Capture the attention of millions of fans during live events.\",\n  labelLink: \"Learn more\",\n  url: \"/fan-engagement\",\n  image: FanEngagementNavImage,\n};\n\nconst solutionsMenu: FlyoutPanelList[] = [\n  {\n    label: \"Fan Engagement\",\n    icon: \"icon-gui-hand-thumb-up-outline\",\n    link: \"/fan-engagement\",\n    isMobile: true,\n  },\n  {\n    label: \"Biztech\",\n    icon: \"icon-gui-building-office-outline\",\n    link: \"/solutions/ecommerce-and-retail\",\n  },\n  {\n    label: \"Fintech\",\n    icon: \"icon-gui-currency-dollar-outline\",\n    link: \"/solutions/fintech\",\n  },\n  {\n    label: \"Healthcare\",\n    icon: \"icon-gui-heart-outline\",\n    link: \"/solutions/healthcare\",\n  },\n  {\n    label: \"EdTech\",\n    icon: \"icon-gui-academic-cap-outline\",\n    link: \"/solutions/edtech\",\n  },\n];\n\nconst companyHighlight: FlyoutPanelHighlight = {\n  heading: \"Leading the realtime revolution\",\n  content:\n    \"Hear from our founders about Ably’s ambitious plans to become the world’s definitive realtime platform.\",\n  labelLink: \"About Ably\",\n  url: \"/about\",\n  image: CompanyNavImage,\n};\n\nconst companyMenu: FlyoutPanelList[] = [\n  {\n    label: \"About Ably\",\n    icon: \"icon-gui-ably-badge\",\n    link: \"/about\",\n    isMobile: true,\n  },\n  {\n    label: \"Customer stories\",\n    icon: \"icon-gui-star-outline\",\n    link: \"/\",\n  },\n  {\n    label: \"Careers\",\n    icon: \"icon-gui-briefcase-outline\",\n    link: \"/case-studies\",\n  },\n  {\n    label: \"Blog\",\n    icon: \"icon-gui-light-bulb-outline\",\n    link: \"/blog\",\n  },\n  {\n    label: \"Contact us\",\n    icon: \"icon-gui-chat-bubble-bottom-center-text-outline\",\n    link: \"/contact\",\n  },\n];\n\nconst ablyAwards = [\n  {\n    image: BestRequirementsWinter2025,\n    desc: \"G2 Best Reqiurements Winter 2025\",\n  },\n  {\n    image: BestSupportWinter2025,\n    desc: \"G2 Best Support Winter 2025\",\n  },\n  {\n    image: HighPerformerWinter2025,\n    desc: \"G2 High Performer Winter 2025\",\n  },\n];\n\nexport const menuItemLinks = [\n  { name: \"Pricing\", link: \"/pricing\", isHiddenMobile: true },\n  { name: \"Docs\", link: \"/docs\", isHiddenMobile: true },\n];\n\nexport const menuItemsForHeader: MenuItem[] = [\n  { name: \"Home\", link: \"/\", isHiddenMobile: true },\n  {\n    name: \"Products\",\n    content: (\n      <MeganavPanel\n        displayProductTile={true}\n        panelLeftClassName=\"grid\"\n        panelRightItems={productsMenu}\n        panelRightHeading=\"platform\"\n        panelRightBottom={<Status statusUrl={StatusUrl} showDescription />}\n      />\n    ),\n    panelClassName,\n  },\n  {\n    name: \"Solutions\",\n    content: (\n      <MeganavPanel\n        panelLeft={solutionsHighlight}\n        panelLeftClassName=\"bg-neutral-100 dark:bg-neutral-1200 hidden md:grid rounded-lg border-neutral-300 dark:border-neutral-1000\"\n        panelRightItems={solutionsMenu}\n      />\n    ),\n    panelClassName,\n  },\n  {\n    name: \"Company\",\n    content: (\n      <MeganavPanel\n        panelLeft={companyHighlight}\n        panelLeftClassName=\"bg-neutral-100 dark:bg-neutral-1200 hidden md:grid rounded-lg border-neutral-300 dark:border-neutral-1000\"\n        panelRightItems={companyMenu}\n        panelRightBottom={\n          <div className=\"flex-1 gap-x-8 hidden md:flex\">\n            {ablyAwards &&\n              ablyAwards.map((award) => (\n                <img\n                  key={award.desc}\n                  src={award.image}\n                  alt={award.desc}\n                  width=\"57\"\n                  height=\"64\"\n                />\n              ))}\n          </div>\n        }\n      />\n    ),\n    panelClassName,\n  },\n  ...menuItemLinks,\n];\n"],"names":["React","MeganavPanel","Status","StatusUrl","FanEngagementNavImage","CompanyNavImage","BestRequirementsWinter2025","BestSupportWinter2025","HighPerformerWinter2025","panelClassName","productsMenu","label","icon","link","solutionsHighlight","heading","content","labelLink","url","image","solutionsMenu","isMobile","companyHighlight","companyMenu","ablyAwards","desc","menuItemLinks","name","isHiddenMobile","menuItemsForHeader","displayProductTile","panelLeftClassName","panelRightItems","panelRightHeading","panelRightBottom","statusUrl","showDescription","panelLeft","div","className","map","award","img","key","src","alt","width","height"],"mappings":"AAAA,OAAOA,UAAW,OAAQ,AAE1B,QAASC,YAAY,KAAQ,gBAAiB,AAC9C,QAAOC,QAAUC,SAAS,KAAQ,WAAY,AAC9C,QAAOC,0BAA2B,uCAAwC,AAC1E,QAAOC,oBAAqB,iCAAkC,AAC9D,QAAOC,+BAAgC,qDAAsD,AAC7F,QAAOC,0BAA2B,0CAA2C,AAC7E,QAAOC,4BAA6B,4CAA6C,CAyBjF,MAAMC,eAAiB,sBAEvB,MAAMC,aAAkC,CACtC,CACEC,MAAO,iBACPC,KAAM,6BACNC,KAAM,iBACR,EACA,CACEF,MAAO,eACPC,KAAM,gCACNC,KAAM,eACR,EACA,CACEF,MAAO,OACPC,KAAM,oCACNC,KAAM,YACR,EACA,CACEF,MAAO,wBACPC,KAAM,gCACNC,KAAM,0BACR,EACD,CAED,MAAMC,mBAA2C,CAC/CC,QAAS,iBACTC,QAAS,gEACTC,UAAW,aACXC,IAAK,kBACLC,MAAOf,qBACT,EAEA,MAAMgB,cAAmC,CACvC,CACET,MAAO,iBACPC,KAAM,iCACNC,KAAM,kBACNQ,SAAU,IACZ,EACA,CACEV,MAAO,UACPC,KAAM,mCACNC,KAAM,iCACR,EACA,CACEF,MAAO,UACPC,KAAM,mCACNC,KAAM,oBACR,EACA,CACEF,MAAO,aACPC,KAAM,yBACNC,KAAM,uBACR,EACA,CACEF,MAAO,SACPC,KAAM,gCACNC,KAAM,mBACR,EACD,CAED,MAAMS,iBAAyC,CAC7CP,QAAS,kCACTC,QACE,0GACFC,UAAW,aACXC,IAAK,SACLC,MAAOd,eACT,EAEA,MAAMkB,YAAiC,CACrC,CACEZ,MAAO,aACPC,KAAM,sBACNC,KAAM,SACNQ,SAAU,IACZ,EACA,CACEV,MAAO,mBACPC,KAAM,wBACNC,KAAM,GACR,EACA,CACEF,MAAO,UACPC,KAAM,6BACNC,KAAM,eACR,EACA,CACEF,MAAO,OACPC,KAAM,8BACNC,KAAM,OACR,EACA,CACEF,MAAO,aACPC,KAAM,kDACNC,KAAM,UACR,EACD,CAED,MAAMW,WAAa,CACjB,CACEL,MAAOb,2BACPmB,KAAM,kCACR,EACA,CACEN,MAAOZ,sBACPkB,KAAM,6BACR,EACA,CACEN,MAAOX,wBACPiB,KAAM,+BACR,EACD,AAED,QAAO,MAAMC,cAAgB,CAC3B,CAAEC,KAAM,UAAWd,KAAM,WAAYe,eAAgB,IAAK,EAC1D,CAAED,KAAM,OAAQd,KAAM,QAASe,eAAgB,IAAK,EACrD,AAAC,AAEF,QAAO,MAAMC,mBAAiC,CAC5C,CAAEF,KAAM,OAAQd,KAAM,IAAKe,eAAgB,IAAK,EAChD,CACED,KAAM,WACNX,QACE,oBAACf,cACC6B,mBAAoB,KACpBC,mBAAmB,OACnBC,gBAAiBtB,aACjBuB,kBAAkB,WAClBC,iBAAkB,oBAAChC,QAAOiC,UAAWhC,UAAWiC,gBAAAA,SAGpD3B,cACF,EACA,CACEkB,KAAM,YACNX,QACE,oBAACf,cACCoC,UAAWvB,mBACXiB,mBAAmB,4GACnBC,gBAAiBZ,gBAGrBX,cACF,EACA,CACEkB,KAAM,UACNX,QACE,oBAACf,cACCoC,UAAWf,iBACXS,mBAAmB,4GACnBC,gBAAiBT,YACjBW,iBACE,oBAACI,OAAIC,UAAU,iCACZf,YACCA,WAAWgB,GAAG,CAAC,AAACC,OACd,oBAACC,OACCC,IAAKF,MAAMhB,IAAI,CACfmB,IAAKH,MAAMtB,KAAK,CAChB0B,IAAKJ,MAAMhB,IAAI,CACfqB,MAAM,KACNC,OAAO,WAOrBtC,cACF,KACGiB,cACJ,AAAC"}

package/core/MeganavBlogPostsList.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/core/MeganavBlogPostsList.tsx"],"sourcesContent":["import React from \"react\";\n\nimport FeaturedLink from \"./FeaturedLink\";\nimport { AbsUrl } from \"./Meganav\";\n\ntype MeganavBlogPostsListProps = {\n  recentBlogPosts: {\n    link: string;\n    title: string;\n    pubDate: string;\n  }[];\n  absUrl: AbsUrl;\n};\n\nconst MeganavBlogPostsList = ({\n  recentBlogPosts,\n  absUrl,\n}: MeganavBlogPostsListProps) =>\n  recentBlogPosts ? (\n    <div className=\"col-span-full md:col-span-4 pt-8 pb-24 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0\">\n      <h3 className=\"ui-meganav-overline\" id=\"meganav-company-panel-list-blog\">\n        Blog\n      </h3>\n      <ul className=\"mb-8\" aria-labelledby=\"meganav-company-panel-list-blog\">\n        {recentBlogPosts.map((post) => (\n          <li key={post.link}>\n            <a href={post.link} className=\"ui-meganav-media group\">\n              <p className=\"ui-meganav-media-heading\">{post.title}</p>\n              <p className=\"ui-meganav-media-copy\">{post.pubDate}</p>\n            </a>\n          </li>\n        ))}\n      </ul>\n\n      <FeaturedLink url={absUrl(\"/blog\")} textSize=\"text-p3\">\n        More from our Blog\n      </FeaturedLink>\n    </div>\n  ) : null;\n\nexport default MeganavBlogPostsList;\n"],"names":["React","FeaturedLink","MeganavBlogPostsList","recentBlogPosts","absUrl","div","className","h3","id","ul","aria-labelledby","map","post","li","key","link","a","href","p","title","pubDate","url","textSize"],"mappings":"AAAA,OAAOA,UAAW,OAAQ,AAE1B,QAAOC,iBAAkB,gBAAiB,CAY1C,MAAMC,qBAAuB,CAAC,CAC5BC,eAAe,CACfC,MAAM,CACoB,GAC1BD,gBACE,oBAACE,OAAIC,UAAU,mFACb,oBAACC,MAAGD,UAAU,sBAAsBE,GAAG,mCAAkC,QAGzE,oBAACC,MAAGH,UAAU,OAAOI,kBAAgB,mCAClCP,gBAAgBQ,GAAG,CAAC,AAACC,MACpB,oBAACC,MAAGC,IAAKF,KAAKG,IAAI,EAChB,oBAACC,KAAEC,KAAML,KAAKG,IAAI,CAAET,UAAU,0BAC5B,oBAACY,KAAEZ,UAAU,4BAA4BM,KAAKO,KAAK,EACnD,oBAACD,KAAEZ,UAAU,yBAAyBM,KAAKQ,OAAO,MAM1D,oBAACnB,cAAaoB,IAAKjB,OAAO,SAAUkB,SAAS,WAAU,uBAIvD,IAEN,gBAAepB,oBAAqB"}
+{"version":3,"sources":["../../src/core/MeganavBlogPostsList.tsx"],"sourcesContent":["import React from \"react\";\n\nimport FeaturedLink from \"./FeaturedLink\";\nimport { AbsUrl } from \"./LegacyMeganav\";\n\ntype MeganavBlogPostsListProps = {\n  recentBlogPosts: {\n    link: string;\n    title: string;\n    pubDate: string;\n  }[];\n  absUrl: AbsUrl;\n};\n\nconst MeganavBlogPostsList = ({\n  recentBlogPosts,\n  absUrl,\n}: MeganavBlogPostsListProps) =>\n  recentBlogPosts ? (\n    <div className=\"col-span-full md:col-span-4 pt-8 pb-24 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0\">\n      <h3 className=\"ui-meganav-overline\" id=\"meganav-company-panel-list-blog\">\n        Blog\n      </h3>\n      <ul className=\"mb-8\" aria-labelledby=\"meganav-company-panel-list-blog\">\n        {recentBlogPosts.map((post) => (\n          <li key={post.link}>\n            <a href={post.link} className=\"ui-meganav-media group\">\n              <p className=\"ui-meganav-media-heading\">{post.title}</p>\n              <p className=\"ui-meganav-media-copy\">{post.pubDate}</p>\n            </a>\n          </li>\n        ))}\n      </ul>\n\n      <FeaturedLink url={absUrl(\"/blog\")} textSize=\"text-p3\">\n        More from our Blog\n      </FeaturedLink>\n    </div>\n  ) : null;\n\nexport default MeganavBlogPostsList;\n"],"names":["React","FeaturedLink","MeganavBlogPostsList","recentBlogPosts","absUrl","div","className","h3","id","ul","aria-labelledby","map","post","li","key","link","a","href","p","title","pubDate","url","textSize"],"mappings":"AAAA,OAAOA,UAAW,OAAQ,AAE1B,QAAOC,iBAAkB,gBAAiB,CAY1C,MAAMC,qBAAuB,CAAC,CAC5BC,eAAe,CACfC,MAAM,CACoB,GAC1BD,gBACE,oBAACE,OAAIC,UAAU,mFACb,oBAACC,MAAGD,UAAU,sBAAsBE,GAAG,mCAAkC,QAGzE,oBAACC,MAAGH,UAAU,OAAOI,kBAAgB,mCAClCP,gBAAgBQ,GAAG,CAAC,AAACC,MACpB,oBAACC,MAAGC,IAAKF,KAAKG,IAAI,EAChB,oBAACC,KAAEC,KAAML,KAAKG,IAAI,CAAET,UAAU,0BAC5B,oBAACY,KAAEZ,UAAU,4BAA4BM,KAAKO,KAAK,EACnD,oBAACD,KAAEZ,UAAU,yBAAyBM,KAAKQ,OAAO,MAM1D,oBAACnB,cAAaoB,IAAKjB,OAAO,SAAUkB,SAAS,WAAU,uBAIvD,IAEN,gBAAepB,oBAAqB"}

package/core/MeganavContentCompany.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/core/MeganavContentCompany.tsx"],"sourcesContent":["import React from \"react\";\n\nimport MeganavBlogPostsList from \"./MeganavBlogPostsList\";\nimport ConnectStateWrapper from \"./ConnectStateWrapper\";\nimport { selectRecentBlogPosts } from \"./remote-blogs-posts.js\";\nimport Icon from \"./Icon\";\nimport { AbsUrl, MeganavPaths } from \"./Meganav\";\n\ntype MeganavContentCompanyProps = {\n  absUrl: AbsUrl;\n  paths?: MeganavPaths;\n};\n\nconst MeganavContentCompany = ({\n  paths,\n  absUrl,\n}: MeganavContentCompanyProps) => {\n  const BlogPostsList = ConnectStateWrapper(MeganavBlogPostsList, {\n    recentBlogPosts: selectRecentBlogPosts,\n  });\n\n  return (\n    <div className=\"flex max-w-screen-xl mx-auto\">\n      <div className=\"ui-meganav-content-spacer\"></div>\n      <section className=\"grid grid-cols-12 ui-grid-gap-x w-full\">\n        <div className=\"col-span-full md:col-span-4 pt-24 md:py-24 lg:py-32 px-24 sm:px-32 md:pl-0 md:pr-24\">\n          <h3\n            className=\"ui-meganav-overline\"\n            id=\"meganav-company-panel-list-why-companies\"\n          >\n            Why companies choose Ably\n          </h3>\n          <ul aria-labelledby=\"meganav-company-panel-list-why-companies\">\n            <li>\n              <a\n                href={absUrl(\"/customers\")}\n                className=\"ui-meganav-media-with-image group\"\n              >\n                <Icon name=\"icon-display-customers-col\" size=\"2.5rem\" />\n                <div className=\"flex flex-col justify-center\">\n                  <p className=\"ui-meganav-media-heading\">Customers</p>\n                  <p className=\"ui-meganav-media-copy\">\n                    Ably supports customers across multiple industries.\n                  </p>\n                </div>\n              </a>\n            </li>\n            <li>\n              <a\n                href={absUrl(\"/case-studies\")}\n                className=\"ui-meganav-media-with-image group\"\n              >\n                <Icon name=\"icon-display-case-studies-col\" size=\"2.5rem\" />\n                <div className=\"flex flex-col justify-center\">\n                  <p className=\"ui-meganav-media-heading\">Case studies</p>\n                  <p className=\"ui-meganav-media-copy\">\n                    Discover how customers are benefiting from Ably.\n                  </p>\n                </div>\n              </a>\n            </li>\n            <li>\n              <a\n                href={absUrl(\"/compare\")}\n                className=\"ui-meganav-media-with-image group\"\n              >\n                <Icon name=\"icon-display-compare-tech-col\" size=\"2.5rem\" />\n                <div className=\"flex flex-col justify-center\">\n                  <p className=\"ui-meganav-media-heading\">Compare our tech</p>\n                  <p className=\"ui-meganav-media-copy\">\n                    Choose the right realtime service.\n                  </p>\n                </div>\n              </a>\n            </li>\n            <li>\n              <a\n                href={absUrl(\"/aws\")}\n                className=\"ui-meganav-media-with-image group\"\n              >\n                {paths && <img src={paths.awsLogo} alt=\"AWS logo\" />}\n                <div className=\"flex flex-col justify-center\">\n                  <p className=\"ui-meganav-media-heading\">Partners</p>\n                  <p className=\"ui-meganav-media-copy\">\n                    Ably collaborates and integrates with AWS.\n                  </p>\n                </div>\n              </a>\n            </li>\n          </ul>\n        </div>\n\n        <div className=\"col-span-full md:col-span-4 pb-8 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0\">\n          <ul\n            className=\"md:mt-40\"\n            aria-labelledby=\"meganav-company-panel-list-why-companies\"\n          >\n            <li>\n              <a\n                href={absUrl(\"/resources\")}\n                className=\"ui-meganav-media-with-image group\"\n              >\n                <Icon name=\"icon-display-resources-col\" size=\"2.5rem\" />\n                <div className=\"flex flex-col justify-center\">\n                  <p className=\"ui-meganav-media-heading\">Resources</p>\n                  <p className=\"ui-meganav-media-copy\">\n                    Learn more about realtime with our handy resources.\n                  </p>\n                </div>\n              </a>\n            </li>\n            <li>\n              <a\n                href={absUrl(\"/about\")}\n                className=\"ui-meganav-media-with-image group\"\n              >\n                <Icon name=\"icon-display-about-ably-col\" size=\"2.5rem\" />\n                <div className=\"flex flex-col justify-center\">\n                  <p className=\"ui-meganav-media-heading\">About Ably</p>\n                  <p className=\"ui-meganav-media-copy\">\n                    Find out more about Ably’s mission.\n                  </p>\n                </div>\n              </a>\n            </li>\n            <li>\n              <a\n                href={absUrl(\"/careers\")}\n                className=\"ui-meganav-media-with-image group\"\n              >\n                <Icon name=\"icon-display-careers-col\" size=\"2.5rem\" />\n                <div className=\"flex flex-col justify-center\">\n                  <p className=\"ui-meganav-media-heading\">Careers</p>\n                  <p className=\"ui-meganav-media-copy\">\n                    Discover our open roles and core Ably values.\n                  </p>\n                </div>\n              </a>\n            </li>\n            <li>\n              <a\n                href={absUrl(\"/events\")}\n                className=\"ui-meganav-media-with-image group\"\n              >\n                <Icon name=\"icon-display-events-col\" size=\"2.5rem\" />\n                <div className=\"flex flex-col justify-center\">\n                  <p className=\"ui-meganav-media-heading\">Events</p>\n                  <p className=\"ui-meganav-media-copy\">\n                    Join Ably at upcoming events.\n                  </p>\n                </div>\n              </a>\n            </li>\n          </ul>\n        </div>\n\n        <BlogPostsList absUrl={absUrl} />\n      </section>\n      <div className=\"ui-meganav-content-spacer\"></div>\n    </div>\n  );\n};\n\nexport default MeganavContentCompany;\n"],"names":["React","MeganavBlogPostsList","ConnectStateWrapper","selectRecentBlogPosts","Icon","MeganavContentCompany","paths","absUrl","BlogPostsList","recentBlogPosts","div","className","section","h3","id","ul","aria-labelledby","li","a","href","name","size","p","img","src","awsLogo","alt"],"mappings":"AAAA,OAAOA,UAAW,OAAQ,AAE1B,QAAOC,yBAA0B,wBAAyB,AAC1D,QAAOC,wBAAyB,uBAAwB,AACxD,QAASC,qBAAqB,KAAQ,yBAA0B,AAChE,QAAOC,SAAU,QAAS,CAQ1B,MAAMC,sBAAwB,CAAC,CAC7BC,KAAK,CACLC,MAAM,CACqB,IAC3B,MAAMC,cAAgBN,oBAAoBD,qBAAsB,CAC9DQ,gBAAiBN,qBACnB,GAEA,OACE,oBAACO,OAAIC,UAAU,gCACb,oBAACD,OAAIC,UAAU,8BACf,oBAACC,WAAQD,UAAU,0CACjB,oBAACD,OAAIC,UAAU,uFACb,oBAACE,MACCF,UAAU,sBACVG,GAAG,4CACJ,6BAGD,oBAACC,MAAGC,kBAAgB,4CAClB,oBAACC,UACC,oBAACC,KACCC,KAAMZ,OAAO,cACbI,UAAU,qCAEV,oBAACP,MAAKgB,KAAK,6BAA6BC,KAAK,WAC7C,oBAACX,OAAIC,UAAU,gCACb,oBAACW,KAAEX,UAAU,4BAA2B,aACxC,oBAACW,KAAEX,UAAU,yBAAwB,0DAM3C,oBAACM,UACC,oBAACC,KACCC,KAAMZ,OAAO,iBACbI,UAAU,qCAEV,oBAACP,MAAKgB,KAAK,gCAAgCC,KAAK,WAChD,oBAACX,OAAIC,UAAU,gCACb,oBAACW,KAAEX,UAAU,4BAA2B,gBACxC,oBAACW,KAAEX,UAAU,yBAAwB,uDAM3C,oBAACM,UACC,oBAACC,KACCC,KAAMZ,OAAO,YACbI,UAAU,qCAEV,oBAACP,MAAKgB,KAAK,gCAAgCC,KAAK,WAChD,oBAACX,OAAIC,UAAU,gCACb,oBAACW,KAAEX,UAAU,4BAA2B,oBACxC,oBAACW,KAAEX,UAAU,yBAAwB,yCAM3C,oBAACM,UACC,oBAACC,KACCC,KAAMZ,OAAO,QACbI,UAAU,qCAETL,OAAS,oBAACiB,OAAIC,IAAKlB,MAAMmB,OAAO,CAAEC,IAAI,aACvC,oBAAChB,OAAIC,UAAU,gCACb,oBAACW,KAAEX,UAAU,4BAA2B,YACxC,oBAACW,KAAEX,UAAU,yBAAwB,mDAS/C,oBAACD,OAAIC,UAAU,6EACb,oBAACI,MACCJ,UAAU,WACVK,kBAAgB,4CAEhB,oBAACC,UACC,oBAACC,KACCC,KAAMZ,OAAO,cACbI,UAAU,qCAEV,oBAACP,MAAKgB,KAAK,6BAA6BC,KAAK,WAC7C,oBAACX,OAAIC,UAAU,gCACb,oBAACW,KAAEX,UAAU,4BAA2B,aACxC,oBAACW,KAAEX,UAAU,yBAAwB,0DAM3C,oBAACM,UACC,oBAACC,KACCC,KAAMZ,OAAO,UACbI,UAAU,qCAEV,oBAACP,MAAKgB,KAAK,8BAA8BC,KAAK,WAC9C,oBAACX,OAAIC,UAAU,gCACb,oBAACW,KAAEX,UAAU,4BAA2B,cACxC,oBAACW,KAAEX,UAAU,yBAAwB,0CAM3C,oBAACM,UACC,oBAACC,KACCC,KAAMZ,OAAO,YACbI,UAAU,qCAEV,oBAACP,MAAKgB,KAAK,2BAA2BC,KAAK,WAC3C,oBAACX,OAAIC,UAAU,gCACb,oBAACW,KAAEX,UAAU,4BAA2B,WACxC,oBAACW,KAAEX,UAAU,yBAAwB,oDAM3C,oBAACM,UACC,oBAACC,KACCC,KAAMZ,OAAO,WACbI,UAAU,qCAEV,oBAACP,MAAKgB,KAAK,0BAA0BC,KAAK,WAC1C,oBAACX,OAAIC,UAAU,gCACb,oBAACW,KAAEX,UAAU,4BAA2B,UACxC,oBAACW,KAAEX,UAAU,yBAAwB,sCAS/C,oBAACH,eAAcD,OAAQA,UAEzB,oBAACG,OAAIC,UAAU,8BAGrB,CAEA,gBAAeN,qBAAsB"}
+{"version":3,"sources":["../../src/core/MeganavContentCompany.tsx"],"sourcesContent":["import React from \"react\";\n\nimport MeganavBlogPostsList from \"./MeganavBlogPostsList\";\nimport ConnectStateWrapper from \"./ConnectStateWrapper\";\nimport { selectRecentBlogPosts } from \"./remote-blogs-posts.js\";\nimport Icon from \"./Icon\";\nimport { AbsUrl, MeganavPaths } from \"./LegacyMeganav\";\n\ntype MeganavContentCompanyProps = {\n  absUrl: AbsUrl;\n  paths?: MeganavPaths;\n};\n\nconst MeganavContentCompany = ({\n  paths,\n  absUrl,\n}: MeganavContentCompanyProps) => {\n  const BlogPostsList = ConnectStateWrapper(MeganavBlogPostsList, {\n    recentBlogPosts: selectRecentBlogPosts,\n  });\n\n  return (\n    <div className=\"flex max-w-screen-xl mx-auto\">\n      <div className=\"ui-meganav-content-spacer\"></div>\n      <section className=\"grid grid-cols-12 ui-grid-gap-x w-full\">\n        <div className=\"col-span-full md:col-span-4 pt-24 md:py-24 lg:py-32 px-24 sm:px-32 md:pl-0 md:pr-24\">\n          <h3\n            className=\"ui-meganav-overline\"\n            id=\"meganav-company-panel-list-why-companies\"\n          >\n            Why companies choose Ably\n          </h3>\n          <ul aria-labelledby=\"meganav-company-panel-list-why-companies\">\n            <li>\n              <a\n                href={absUrl(\"/customers\")}\n                className=\"ui-meganav-media-with-image group\"\n              >\n                <Icon name=\"icon-display-customers-col\" size=\"2.5rem\" />\n                <div className=\"flex flex-col justify-center\">\n                  <p className=\"ui-meganav-media-heading\">Customers</p>\n                  <p className=\"ui-meganav-media-copy\">\n                    Ably supports customers across multiple industries.\n                  </p>\n                </div>\n              </a>\n            </li>\n            <li>\n              <a\n                href={absUrl(\"/case-studies\")}\n                className=\"ui-meganav-media-with-image group\"\n              >\n                <Icon name=\"icon-display-case-studies-col\" size=\"2.5rem\" />\n                <div className=\"flex flex-col justify-center\">\n                  <p className=\"ui-meganav-media-heading\">Case studies</p>\n                  <p className=\"ui-meganav-media-copy\">\n                    Discover how customers are benefiting from Ably.\n                  </p>\n                </div>\n              </a>\n            </li>\n            <li>\n              <a\n                href={absUrl(\"/compare\")}\n                className=\"ui-meganav-media-with-image group\"\n              >\n                <Icon name=\"icon-display-compare-tech-col\" size=\"2.5rem\" />\n                <div className=\"flex flex-col justify-center\">\n                  <p className=\"ui-meganav-media-heading\">Compare our tech</p>\n                  <p className=\"ui-meganav-media-copy\">\n                    Choose the right realtime service.\n                  </p>\n                </div>\n              </a>\n            </li>\n            <li>\n              <a\n                href={absUrl(\"/aws\")}\n                className=\"ui-meganav-media-with-image group\"\n              >\n                {paths && <img src={paths.awsLogo} alt=\"AWS logo\" />}\n                <div className=\"flex flex-col justify-center\">\n                  <p className=\"ui-meganav-media-heading\">Partners</p>\n                  <p className=\"ui-meganav-media-copy\">\n                    Ably collaborates and integrates with AWS.\n                  </p>\n                </div>\n              </a>\n            </li>\n          </ul>\n        </div>\n\n        <div className=\"col-span-full md:col-span-4 pb-8 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0\">\n          <ul\n            className=\"md:mt-40\"\n            aria-labelledby=\"meganav-company-panel-list-why-companies\"\n          >\n            <li>\n              <a\n                href={absUrl(\"/resources\")}\n                className=\"ui-meganav-media-with-image group\"\n              >\n                <Icon name=\"icon-display-resources-col\" size=\"2.5rem\" />\n                <div className=\"flex flex-col justify-center\">\n                  <p className=\"ui-meganav-media-heading\">Resources</p>\n                  <p className=\"ui-meganav-media-copy\">\n                    Learn more about realtime with our handy resources.\n                  </p>\n                </div>\n              </a>\n            </li>\n            <li>\n              <a\n                href={absUrl(\"/about\")}\n                className=\"ui-meganav-media-with-image group\"\n              >\n                <Icon name=\"icon-display-about-ably-col\" size=\"2.5rem\" />\n                <div className=\"flex flex-col justify-center\">\n                  <p className=\"ui-meganav-media-heading\">About Ably</p>\n                  <p className=\"ui-meganav-media-copy\">\n                    Find out more about Ably’s mission.\n                  </p>\n                </div>\n              </a>\n            </li>\n            <li>\n              <a\n                href={absUrl(\"/careers\")}\n                className=\"ui-meganav-media-with-image group\"\n              >\n                <Icon name=\"icon-display-careers-col\" size=\"2.5rem\" />\n                <div className=\"flex flex-col justify-center\">\n                  <p className=\"ui-meganav-media-heading\">Careers</p>\n                  <p className=\"ui-meganav-media-copy\">\n                    Discover our open roles and core Ably values.\n                  </p>\n                </div>\n              </a>\n            </li>\n            <li>\n              <a\n                href={absUrl(\"/events\")}\n                className=\"ui-meganav-media-with-image group\"\n              >\n                <Icon name=\"icon-display-events-col\" size=\"2.5rem\" />\n                <div className=\"flex flex-col justify-center\">\n                  <p className=\"ui-meganav-media-heading\">Events</p>\n                  <p className=\"ui-meganav-media-copy\">\n                    Join Ably at upcoming events.\n                  </p>\n                </div>\n              </a>\n            </li>\n          </ul>\n        </div>\n\n        <BlogPostsList absUrl={absUrl} />\n      </section>\n      <div className=\"ui-meganav-content-spacer\"></div>\n    </div>\n  );\n};\n\nexport default MeganavContentCompany;\n"],"names":["React","MeganavBlogPostsList","ConnectStateWrapper","selectRecentBlogPosts","Icon","MeganavContentCompany","paths","absUrl","BlogPostsList","recentBlogPosts","div","className","section","h3","id","ul","aria-labelledby","li","a","href","name","size","p","img","src","awsLogo","alt"],"mappings":"AAAA,OAAOA,UAAW,OAAQ,AAE1B,QAAOC,yBAA0B,wBAAyB,AAC1D,QAAOC,wBAAyB,uBAAwB,AACxD,QAASC,qBAAqB,KAAQ,yBAA0B,AAChE,QAAOC,SAAU,QAAS,CAQ1B,MAAMC,sBAAwB,CAAC,CAC7BC,KAAK,CACLC,MAAM,CACqB,IAC3B,MAAMC,cAAgBN,oBAAoBD,qBAAsB,CAC9DQ,gBAAiBN,qBACnB,GAEA,OACE,oBAACO,OAAIC,UAAU,gCACb,oBAACD,OAAIC,UAAU,8BACf,oBAACC,WAAQD,UAAU,0CACjB,oBAACD,OAAIC,UAAU,uFACb,oBAACE,MACCF,UAAU,sBACVG,GAAG,4CACJ,6BAGD,oBAACC,MAAGC,kBAAgB,4CAClB,oBAACC,UACC,oBAACC,KACCC,KAAMZ,OAAO,cACbI,UAAU,qCAEV,oBAACP,MAAKgB,KAAK,6BAA6BC,KAAK,WAC7C,oBAACX,OAAIC,UAAU,gCACb,oBAACW,KAAEX,UAAU,4BAA2B,aACxC,oBAACW,KAAEX,UAAU,yBAAwB,0DAM3C,oBAACM,UACC,oBAACC,KACCC,KAAMZ,OAAO,iBACbI,UAAU,qCAEV,oBAACP,MAAKgB,KAAK,gCAAgCC,KAAK,WAChD,oBAACX,OAAIC,UAAU,gCACb,oBAACW,KAAEX,UAAU,4BAA2B,gBACxC,oBAACW,KAAEX,UAAU,yBAAwB,uDAM3C,oBAACM,UACC,oBAACC,KACCC,KAAMZ,OAAO,YACbI,UAAU,qCAEV,oBAACP,MAAKgB,KAAK,gCAAgCC,KAAK,WAChD,oBAACX,OAAIC,UAAU,gCACb,oBAACW,KAAEX,UAAU,4BAA2B,oBACxC,oBAACW,KAAEX,UAAU,yBAAwB,yCAM3C,oBAACM,UACC,oBAACC,KACCC,KAAMZ,OAAO,QACbI,UAAU,qCAETL,OAAS,oBAACiB,OAAIC,IAAKlB,MAAMmB,OAAO,CAAEC,IAAI,aACvC,oBAAChB,OAAIC,UAAU,gCACb,oBAACW,KAAEX,UAAU,4BAA2B,YACxC,oBAACW,KAAEX,UAAU,yBAAwB,mDAS/C,oBAACD,OAAIC,UAAU,6EACb,oBAACI,MACCJ,UAAU,WACVK,kBAAgB,4CAEhB,oBAACC,UACC,oBAACC,KACCC,KAAMZ,OAAO,cACbI,UAAU,qCAEV,oBAACP,MAAKgB,KAAK,6BAA6BC,KAAK,WAC7C,oBAACX,OAAIC,UAAU,gCACb,oBAACW,KAAEX,UAAU,4BAA2B,aACxC,oBAACW,KAAEX,UAAU,yBAAwB,0DAM3C,oBAACM,UACC,oBAACC,KACCC,KAAMZ,OAAO,UACbI,UAAU,qCAEV,oBAACP,MAAKgB,KAAK,8BAA8BC,KAAK,WAC9C,oBAACX,OAAIC,UAAU,gCACb,oBAACW,KAAEX,UAAU,4BAA2B,cACxC,oBAACW,KAAEX,UAAU,yBAAwB,0CAM3C,oBAACM,UACC,oBAACC,KACCC,KAAMZ,OAAO,YACbI,UAAU,qCAEV,oBAACP,MAAKgB,KAAK,2BAA2BC,KAAK,WAC3C,oBAACX,OAAIC,UAAU,gCACb,oBAACW,KAAEX,UAAU,4BAA2B,WACxC,oBAACW,KAAEX,UAAU,yBAAwB,oDAM3C,oBAACM,UACC,oBAACC,KACCC,KAAMZ,OAAO,WACbI,UAAU,qCAEV,oBAACP,MAAKgB,KAAK,0BAA0BC,KAAK,WAC1C,oBAACX,OAAIC,UAAU,gCACb,oBAACW,KAAEX,UAAU,4BAA2B,UACxC,oBAACW,KAAEX,UAAU,yBAAwB,sCAS/C,oBAACH,eAAcD,OAAQA,UAEzB,oBAACG,OAAIC,UAAU,8BAGrB,CAEA,gBAAeN,qBAAsB"}

package/core/MeganavContentDevelopers.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/core/MeganavContentDevelopers.tsx"],"sourcesContent":["import React from \"react\";\n\nimport Icon from \"./Icon\";\nimport { AbsUrl } from \"./Meganav\";\nimport { StatusIcon } from \"./Status\";\n\nconst MeganavContentDevelopers = ({\n  absUrl,\n  statusUrl,\n}: {\n  absUrl: AbsUrl;\n  statusUrl: string;\n}) => (\n  <div className=\"flex max-w-screen-xl mx-auto\">\n    <div className=\"ui-meganav-content-spacer\"></div>\n    <section className=\"grid grid-cols-12 ui-grid-gap-x w-full\">\n      <div className=\"col-span-full md:col-span-4 pt-24 md:py-24 lg:py-32 px-24 sm:px-32 md:pl-0 md:pr-24\">\n        <h3\n          className=\"ui-meganav-overline uppercase\"\n          id=\"meganav-developers-panel-explore\"\n        >\n          Explore\n        </h3>\n        <ul aria-labelledby=\"meganav-developers-panel-explore\">\n          <li>\n            <a\n              href={absUrl(\"/docs\")}\n              className=\"ui-meganav-media-with-image group\"\n            >\n              <Icon name=\"icon-display-docs-col\" size=\"2.5rem\" />\n              <div className=\"flex flex-col justify-center\">\n                <p className=\"ui-meganav-media-heading\">Documentation</p>\n                <p className=\"ui-meganav-media-copy\">\n                  Technical guides to help you build with Ably.\n                </p>\n              </div>\n            </a>\n          </li>\n          <li>\n            <a\n              href={absUrl(\"/docs/quick-start-guide\")}\n              className=\"ui-meganav-media-with-image group\"\n            >\n              <Icon name=\"icon-display-quickstart-guides-col\" size=\"2.5rem\" />\n              <div className=\"flex flex-col justify-center\">\n                <p className=\"ui-meganav-media-heading\">Quickstart guides</p>\n                <p className=\"ui-meganav-media-copy\">\n                  Documentation to help you get started quickly.\n                </p>\n              </div>\n            </a>\n          </li>\n          <li>\n            <a\n              href={absUrl(\"/integrations\")}\n              className=\"ui-meganav-media-with-image group\"\n            >\n              <Icon name=\"icon-display-integrations-col\" size=\"2.5rem\" />\n              <div className=\"flex flex-col justify-center\">\n                <p className=\"ui-meganav-media-heading\">Integrations</p>\n                <p className=\"ui-meganav-media-copy\">\n                  Find out more about Ably integrations.{\" \"}\n                </p>\n              </div>\n            </a>\n          </li>\n          <li>\n            <a\n              href={absUrl(\"/examples\")}\n              className=\"ui-meganav-media-with-image group\"\n            >\n              <Icon name=\"icon-display-examples-col\" size=\"2.5rem\" />\n              <div className=\"flex flex-col justify-center\">\n                <p className=\"ui-meganav-media-heading\">Live examples</p>\n                <p className=\"ui-meganav-media-copy\">\n                  Discover our features and their use cases.\n                </p>\n              </div>\n            </a>\n          </li>\n        </ul>\n      </div>\n\n      <div className=\"col-span-full md:col-span-4 pb-8 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0\">\n        <ul\n          className=\"md:mt-40\"\n          aria-labelledby=\"meganav-developers-panel-explore\"\n        >\n          <li>\n            <a\n              href={absUrl(\"/docs/sdks\")}\n              className=\"ui-meganav-media-with-image group\"\n            >\n              <Icon name=\"icon-display-sdks-col\" size=\"2.5rem\" />\n              <div className=\"flex flex-col justify-center\">\n                <p className=\"ui-meganav-media-heading\">SDKs</p>\n                <p className=\"ui-meganav-media-copy\">\n                  Download an SDK to help you build realtime apps faster.\n                </p>\n              </div>\n            </a>\n          </li>\n          <li>\n            <a\n              href={absUrl(\"/tutorials\")}\n              className=\"ui-meganav-media-with-image group\"\n            >\n              <Icon name=\"icon-display-tutorials-demos-col\" size=\"2.5rem\" />\n              <div className=\"flex flex-col justify-center\">\n                <p className=\"ui-meganav-media-heading\">Tutorials & Demos</p>\n                <p className=\"ui-meganav-media-copy\">\n                  Get stuck in with our hands-on resources.\n                </p>\n              </div>\n            </a>\n          </li>\n          <li>\n            <a\n              href={absUrl(\"/reference-guide-chat\")}\n              className=\"ui-meganav-media-with-image group\"\n            >\n              <Icon name=\"icon-display-chat-col\" size=\"2.5rem\" />\n              <div className=\"flex flex-col justify-center\">\n                <p className=\"ui-meganav-media-heading\">\n                  Chat apps reference guide\n                </p>\n                <p className=\"ui-meganav-media-copy\">\n                  Learn how to build chat apps with Ably.\n                </p>\n              </div>\n            </a>\n          </li>\n          <li>\n            <a\n              href={absUrl(\"/reference-guide-multiplayer\")}\n              className=\"ui-meganav-media-with-image group\"\n            >\n              <Icon name=\"icon-display-multi-user-spaces-col\" size=\"2.5rem\" />\n              <div className=\"flex flex-col justify-center\">\n                <p className=\"ui-meganav-media-heading\">\n                  Multiplayer reference guide\n                </p>\n                <p className=\"ui-meganav-media-copy\">\n                  Learn how to build collaborative features with Ably.\n                </p>\n              </div>\n            </a>\n          </li>\n        </ul>\n      </div>\n\n      <div className=\"col-span-full md:col-span-4 pt-8 pb-24 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0\">\n        <h3\n          className=\"ui-meganav-overline uppercase\"\n          id=\"meganav-developers-panel-quick-links\"\n        >\n          Quick links\n        </h3>\n        <ul aria-labelledby=\"meganav-developers-panel-quick-links\">\n          <li>\n            <a\n              href=\"https://discord.gg/jwBPhEZ9g5\"\n              className=\"group ui-meganav-media py-12\"\n            >\n              <p className=\"ui-meganav-media-heading\">Discord</p>\n            </a>\n          </li>\n          <li>\n            <a\n              href=\"https://github.com/ably\"\n              className=\"group ui-meganav-media py-12\"\n            >\n              <p className=\"ui-meganav-media-heading\">GitHub</p>\n            </a>\n          </li>\n          <li>\n            <a\n              href=\"https://changelog.ably.com/\"\n              className=\"group ui-meganav-media py-12\"\n            >\n              <p className=\"ui-meganav-media-heading\">Changelog</p>\n            </a>\n          </li>\n          <li>\n            <a\n              href=\"https://status.ably.com/\"\n              className=\"group ui-meganav-media py-12\"\n            >\n              <p className=\"ui-meganav-media-heading flex items-center gap-4\">\n                Status\n                <StatusIcon statusUrl={statusUrl} />\n              </p>\n            </a>\n          </li>\n          <li>\n            <a\n              href={absUrl(\"/support\")}\n              className=\"group ui-meganav-media py-12\"\n            >\n              <p className=\"ui-meganav-media-heading\">Support & FAQs</p>\n            </a>\n          </li>\n        </ul>\n      </div>\n    </section>\n    <div className=\"ui-meganav-content-spacer\"></div>\n  </div>\n);\n\nexport default MeganavContentDevelopers;\n"],"names":["React","Icon","StatusIcon","MeganavContentDevelopers","absUrl","statusUrl","div","className","section","h3","id","ul","aria-labelledby","li","a","href","name","size","p"],"mappings":"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"}
+{"version":3,"sources":["../../src/core/MeganavContentDevelopers.tsx"],"sourcesContent":["import React from \"react\";\n\nimport Icon from \"./Icon\";\nimport { AbsUrl } from \"./LegacyMeganav\";\nimport { StatusIcon } from \"./Status\";\n\nconst MeganavContentDevelopers = ({\n  absUrl,\n  statusUrl,\n}: {\n  absUrl: AbsUrl;\n  statusUrl: string;\n}) => (\n  <div className=\"flex max-w-screen-xl mx-auto\">\n    <div className=\"ui-meganav-content-spacer\"></div>\n    <section className=\"grid grid-cols-12 ui-grid-gap-x w-full\">\n      <div className=\"col-span-full md:col-span-4 pt-24 md:py-24 lg:py-32 px-24 sm:px-32 md:pl-0 md:pr-24\">\n        <h3\n          className=\"ui-meganav-overline uppercase\"\n          id=\"meganav-developers-panel-explore\"\n        >\n          Explore\n        </h3>\n        <ul aria-labelledby=\"meganav-developers-panel-explore\">\n          <li>\n            <a\n              href={absUrl(\"/docs\")}\n              className=\"ui-meganav-media-with-image group\"\n            >\n              <Icon name=\"icon-display-docs-col\" size=\"2.5rem\" />\n              <div className=\"flex flex-col justify-center\">\n                <p className=\"ui-meganav-media-heading\">Documentation</p>\n                <p className=\"ui-meganav-media-copy\">\n                  Technical guides to help you build with Ably.\n                </p>\n              </div>\n            </a>\n          </li>\n          <li>\n            <a\n              href={absUrl(\"/docs/quick-start-guide\")}\n              className=\"ui-meganav-media-with-image group\"\n            >\n              <Icon name=\"icon-display-quickstart-guides-col\" size=\"2.5rem\" />\n              <div className=\"flex flex-col justify-center\">\n                <p className=\"ui-meganav-media-heading\">Quickstart guides</p>\n                <p className=\"ui-meganav-media-copy\">\n                  Documentation to help you get started quickly.\n                </p>\n              </div>\n            </a>\n          </li>\n          <li>\n            <a\n              href={absUrl(\"/integrations\")}\n              className=\"ui-meganav-media-with-image group\"\n            >\n              <Icon name=\"icon-display-integrations-col\" size=\"2.5rem\" />\n              <div className=\"flex flex-col justify-center\">\n                <p className=\"ui-meganav-media-heading\">Integrations</p>\n                <p className=\"ui-meganav-media-copy\">\n                  Find out more about Ably integrations.{\" \"}\n                </p>\n              </div>\n            </a>\n          </li>\n          <li>\n            <a\n              href={absUrl(\"/examples\")}\n              className=\"ui-meganav-media-with-image group\"\n            >\n              <Icon name=\"icon-display-examples-col\" size=\"2.5rem\" />\n              <div className=\"flex flex-col justify-center\">\n                <p className=\"ui-meganav-media-heading\">Live examples</p>\n                <p className=\"ui-meganav-media-copy\">\n                  Discover our features and their use cases.\n                </p>\n              </div>\n            </a>\n          </li>\n        </ul>\n      </div>\n\n      <div className=\"col-span-full md:col-span-4 pb-8 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0\">\n        <ul\n          className=\"md:mt-40\"\n          aria-labelledby=\"meganav-developers-panel-explore\"\n        >\n          <li>\n            <a\n              href={absUrl(\"/docs/sdks\")}\n              className=\"ui-meganav-media-with-image group\"\n            >\n              <Icon name=\"icon-display-sdks-col\" size=\"2.5rem\" />\n              <div className=\"flex flex-col justify-center\">\n                <p className=\"ui-meganav-media-heading\">SDKs</p>\n                <p className=\"ui-meganav-media-copy\">\n                  Download an SDK to help you build realtime apps faster.\n                </p>\n              </div>\n            </a>\n          </li>\n          <li>\n            <a\n              href={absUrl(\"/tutorials\")}\n              className=\"ui-meganav-media-with-image group\"\n            >\n              <Icon name=\"icon-display-tutorials-demos-col\" size=\"2.5rem\" />\n              <div className=\"flex flex-col justify-center\">\n                <p className=\"ui-meganav-media-heading\">Tutorials & Demos</p>\n                <p className=\"ui-meganav-media-copy\">\n                  Get stuck in with our hands-on resources.\n                </p>\n              </div>\n            </a>\n          </li>\n          <li>\n            <a\n              href={absUrl(\"/reference-guide-chat\")}\n              className=\"ui-meganav-media-with-image group\"\n            >\n              <Icon name=\"icon-display-chat-col\" size=\"2.5rem\" />\n              <div className=\"flex flex-col justify-center\">\n                <p className=\"ui-meganav-media-heading\">\n                  Chat apps reference guide\n                </p>\n                <p className=\"ui-meganav-media-copy\">\n                  Learn how to build chat apps with Ably.\n                </p>\n              </div>\n            </a>\n          </li>\n          <li>\n            <a\n              href={absUrl(\"/reference-guide-multiplayer\")}\n              className=\"ui-meganav-media-with-image group\"\n            >\n              <Icon name=\"icon-display-multi-user-spaces-col\" size=\"2.5rem\" />\n              <div className=\"flex flex-col justify-center\">\n                <p className=\"ui-meganav-media-heading\">\n                  Multiplayer reference guide\n                </p>\n                <p className=\"ui-meganav-media-copy\">\n                  Learn how to build collaborative features with Ably.\n                </p>\n              </div>\n            </a>\n          </li>\n        </ul>\n      </div>\n\n      <div className=\"col-span-full md:col-span-4 pt-8 pb-24 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0\">\n        <h3\n          className=\"ui-meganav-overline uppercase\"\n          id=\"meganav-developers-panel-quick-links\"\n        >\n          Quick links\n        </h3>\n        <ul aria-labelledby=\"meganav-developers-panel-quick-links\">\n          <li>\n            <a\n              href=\"https://discord.gg/jwBPhEZ9g5\"\n              className=\"group ui-meganav-media py-12\"\n            >\n              <p className=\"ui-meganav-media-heading\">Discord</p>\n            </a>\n          </li>\n          <li>\n            <a\n              href=\"https://github.com/ably\"\n              className=\"group ui-meganav-media py-12\"\n            >\n              <p className=\"ui-meganav-media-heading\">GitHub</p>\n            </a>\n          </li>\n          <li>\n            <a\n              href=\"https://changelog.ably.com/\"\n              className=\"group ui-meganav-media py-12\"\n            >\n              <p className=\"ui-meganav-media-heading\">Changelog</p>\n            </a>\n          </li>\n          <li>\n            <a\n              href=\"https://status.ably.com/\"\n              className=\"group ui-meganav-media py-12\"\n            >\n              <p className=\"ui-meganav-media-heading flex items-center gap-4\">\n                Status\n                <StatusIcon statusUrl={statusUrl} />\n              </p>\n            </a>\n          </li>\n          <li>\n            <a\n              href={absUrl(\"/support\")}\n              className=\"group ui-meganav-media py-12\"\n            >\n              <p className=\"ui-meganav-media-heading\">Support & FAQs</p>\n            </a>\n          </li>\n        </ul>\n      </div>\n    </section>\n    <div className=\"ui-meganav-content-spacer\"></div>\n  </div>\n);\n\nexport default MeganavContentDevelopers;\n"],"names":["React","Icon","StatusIcon","MeganavContentDevelopers","absUrl","statusUrl","div","className","section","h3","id","ul","aria-labelledby","li","a","href","name","size","p"],"mappings":"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"}

package/core/MeganavContentProducts.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/core/MeganavContentProducts.tsx"],"sourcesContent":["import React from \"react\";\n\nimport FeaturedLink from \"./FeaturedLink\";\nimport { AbsUrl, MeganavPaths } from \"./Meganav\";\n\ntype MeganavContentProductsProps = {\n  paths?: MeganavPaths;\n  absUrl: AbsUrl;\n};\n\nconst MeganavContentProducts = ({\n  paths,\n  absUrl,\n}: MeganavContentProductsProps) => (\n  <div className=\"flex max-w-screen-xl mx-auto\">\n    <div className=\"ui-meganav-content-spacer bg-extra-light-grey\"></div>\n    <section className=\"grid grid-cols-12 ui-grid-gap-x w-full\">\n      <div className=\"col-span-full md:col-span-4 py-24 lg:py-32 px-24 sm:px-32 md:pl-0 md:pr-24 bg-extra-light-grey\">\n        <div className=\"flex mb-20\">\n          {paths && <img src={paths?.ablyStack} alt=\"Ably homepage\" />}\n          <h3 className=\"ui-meganav-overline ml-24\">The Ably Platform</h3>\n        </div>\n        <p className=\"ui-text-p2 font-bold mb-24\" style={{ maxWidth: \"330px\" }}>\n          Easily power any realtime experience in your application. No complex\n          infrastructure to manage or provision. Just a simple API that handles\n          everything realtime, and lets you focus on your code.\n        </p>\n\n        <FeaturedLink url={absUrl(\"/platform\")} textSize=\"text-p2\">\n          Explore how it works\n        </FeaturedLink>\n      </div>\n\n      <div className=\"col-span-full md:col-span-4 pt-24 pb-8 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0 bg-white\">\n        <h3\n          className=\"ui-meganav-overline\"\n          id=\"meganav-products-panel-list-examples\"\n        >\n          Products\n        </h3>\n        <ul\n          className=\"mb-16\"\n          aria-labelledby=\"meganav-products-panel-list-examples\"\n        >\n          <li>\n            <a href={absUrl(\"/pubsub\")} className=\"group ui-meganav-media\">\n              <p className=\"ui-meganav-media-heading\">Pub/Sub</p>\n              <p className=\"ui-meganav-media-copy\">\n                Build infinitely scalable realtime applications.\n              </p>\n            </a>\n          </li>\n          <li>\n            <a href={absUrl(\"/spaces\")} className=\"group ui-meganav-media\">\n              <p className=\"ui-meganav-media-heading\">Spaces</p>\n              <p className=\"ui-meganav-media-copy\">\n                Create multi-user collaborative environments.\n              </p>\n            </a>\n          </li>\n          <li>\n            <a href={absUrl(\"/livesync\")} className=\"group ui-meganav-media\">\n              <p className=\"ui-meganav-media-heading\">LiveSync</p>\n              <p className=\"ui-meganav-media-copy\">\n                Seamlessly sync database changes with frontend clients at scale.\n              </p>\n            </a>\n          </li>\n          <li>\n            <a href={absUrl(\"/chat\")} className=\"group ui-meganav-media\">\n              <p className=\"ui-meganav-media-heading\">Chat</p>\n              <p className=\"ui-meganav-media-copy\">\n                Deliver highly reliable chat experiences at scale.\n              </p>\n            </a>\n          </li>\n        </ul>\n      </div>\n\n      <div className=\"col-span-full md:col-span-4 pt-8 pb-24 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0 bg-white\">\n        <h3\n          className=\"ui-meganav-overline\"\n          id=\"meganav-products-panel-list-our-technology\"\n        >\n          Technology\n        </h3>\n        <ul\n          className=\"mb-16\"\n          aria-labelledby=\"meganav-products-panel-list-our-technology\"\n        >\n          <li>\n            <a\n              href={absUrl(\"/four-pillars-of-dependability#performance\")}\n              className=\"ui-meganav-media group\"\n            >\n              <p className=\"ui-meganav-media-heading\">\n                Predictable performance\n              </p>\n              <p className=\"ui-meganav-media-copy\">\n                A low-latency and high-throughput global network.\n              </p>\n            </a>\n          </li>\n          <li>\n            <a\n              href={absUrl(\"/four-pillars-of-dependability#integrity\")}\n              className=\"ui-meganav-media group\"\n            >\n              <p className=\"ui-meganav-media-heading\">\n                Guaranteed ordering & delivery\n              </p>\n              <p className=\"ui-meganav-media-copy\">\n                Data is delivered - in order - even after disconnections.\n              </p>\n            </a>\n          </li>\n          <li>\n            <a\n              href={absUrl(\"/four-pillars-of-dependability#reliability\")}\n              className=\"ui-meganav-media group\"\n            >\n              <p className=\"ui-meganav-media-heading\">\n                Fault tolerant infrastructure\n              </p>\n              <p className=\"ui-meganav-media-copy\">\n                Redundancy is built in at global and regional levels.\n              </p>\n            </a>\n          </li>\n          <li>\n            <a\n              href={absUrl(\"/four-pillars-of-dependability#availability\")}\n              className=\"ui-meganav-media group\"\n            >\n              <p className=\"ui-meganav-media-heading\">\n                High scalability & availability\n              </p>\n              <p className=\"ui-meganav-media-copy\">\n                Built for scale with legitimate 99.999% uptime SLAs.\n              </p>\n            </a>\n          </li>\n          <li>\n            <a href={absUrl(\"/network\")} className=\"ui-meganav-media group\">\n              <p className=\"ui-meganav-media-heading\">Global edge network</p>\n              <p className=\"ui-meganav-media-copy\">\n                An edge network of 15 core routing datacenters and 205+ PoPs.\n              </p>\n            </a>\n          </li>\n        </ul>\n\n        <FeaturedLink\n          url={absUrl(\"/four-pillars-of-dependability\")}\n          textSize=\"text-p3\"\n        >\n          Explore Four Pillars of Dependability\n        </FeaturedLink>\n      </div>\n    </section>\n    <div className=\"ui-meganav-content-spacer\"></div>\n  </div>\n);\n\nexport default MeganavContentProducts;\n"],"names":["React","FeaturedLink","MeganavContentProducts","paths","absUrl","div","className","section","img","src","ablyStack","alt","h3","p","style","maxWidth","url","textSize","id","ul","aria-labelledby","li","a","href"],"mappings":"AAAA,OAAOA,UAAW,OAAQ,AAE1B,QAAOC,iBAAkB,gBAAiB,CAQ1C,MAAMC,uBAAyB,CAAC,CAC9BC,KAAK,CACLC,MAAM,CACsB,GAC5B,oBAACC,OAAIC,UAAU,gCACb,oBAACD,OAAIC,UAAU,kDACf,oBAACC,WAAQD,UAAU,0CACjB,oBAACD,OAAIC,UAAU,kGACb,oBAACD,OAAIC,UAAU,cACZH,OAAS,oBAACK,OAAIC,IAAKN,OAAOO,UAAWC,IAAI,kBAC1C,oBAACC,MAAGN,UAAU,6BAA4B,sBAE5C,oBAACO,KAAEP,UAAU,6BAA6BQ,MAAO,CAAEC,SAAU,OAAQ,GAAG,oMAMxE,oBAACd,cAAae,IAAKZ,OAAO,aAAca,SAAS,WAAU,yBAK7D,oBAACZ,OAAIC,UAAU,4FACb,oBAACM,MACCN,UAAU,sBACVY,GAAG,wCACJ,YAGD,oBAACC,MACCb,UAAU,QACVc,kBAAgB,wCAEhB,oBAACC,UACC,oBAACC,KAAEC,KAAMnB,OAAO,WAAYE,UAAU,0BACpC,oBAACO,KAAEP,UAAU,4BAA2B,WACxC,oBAACO,KAAEP,UAAU,yBAAwB,sDAKzC,oBAACe,UACC,oBAACC,KAAEC,KAAMnB,OAAO,WAAYE,UAAU,0BACpC,oBAACO,KAAEP,UAAU,4BAA2B,UACxC,oBAACO,KAAEP,UAAU,yBAAwB,mDAKzC,oBAACe,UACC,oBAACC,KAAEC,KAAMnB,OAAO,aAAcE,UAAU,0BACtC,oBAACO,KAAEP,UAAU,4BAA2B,YACxC,oBAACO,KAAEP,UAAU,yBAAwB,sEAKzC,oBAACe,UACC,oBAACC,KAAEC,KAAMnB,OAAO,SAAUE,UAAU,0BAClC,oBAACO,KAAEP,UAAU,4BAA2B,QACxC,oBAACO,KAAEP,UAAU,yBAAwB,0DAQ7C,oBAACD,OAAIC,UAAU,4FACb,oBAACM,MACCN,UAAU,sBACVY,GAAG,8CACJ,cAGD,oBAACC,MACCb,UAAU,QACVc,kBAAgB,8CAEhB,oBAACC,UACC,oBAACC,KACCC,KAAMnB,OAAO,8CACbE,UAAU,0BAEV,oBAACO,KAAEP,UAAU,4BAA2B,2BAGxC,oBAACO,KAAEP,UAAU,yBAAwB,uDAKzC,oBAACe,UACC,oBAACC,KACCC,KAAMnB,OAAO,4CACbE,UAAU,0BAEV,oBAACO,KAAEP,UAAU,4BAA2B,kCAGxC,oBAACO,KAAEP,UAAU,yBAAwB,+DAKzC,oBAACe,UACC,oBAACC,KACCC,KAAMnB,OAAO,8CACbE,UAAU,0BAEV,oBAACO,KAAEP,UAAU,4BAA2B,iCAGxC,oBAACO,KAAEP,UAAU,yBAAwB,2DAKzC,oBAACe,UACC,oBAACC,KACCC,KAAMnB,OAAO,+CACbE,UAAU,0BAEV,oBAACO,KAAEP,UAAU,4BAA2B,mCAGxC,oBAACO,KAAEP,UAAU,yBAAwB,0DAKzC,oBAACe,UACC,oBAACC,KAAEC,KAAMnB,OAAO,YAAaE,UAAU,0BACrC,oBAACO,KAAEP,UAAU,4BAA2B,uBACxC,oBAACO,KAAEP,UAAU,yBAAwB,oEAO3C,oBAACL,cACCe,IAAKZ,OAAO,kCACZa,SAAS,WACV,2CAKL,oBAACZ,OAAIC,UAAU,8BAInB,gBAAeJ,sBAAuB"}
+{"version":3,"sources":["../../src/core/MeganavContentProducts.tsx"],"sourcesContent":["import React from \"react\";\n\nimport FeaturedLink from \"./FeaturedLink\";\nimport { AbsUrl, MeganavPaths } from \"./LegacyMeganav\";\n\ntype MeganavContentProductsProps = {\n  paths?: MeganavPaths;\n  absUrl: AbsUrl;\n};\n\nconst MeganavContentProducts = ({\n  paths,\n  absUrl,\n}: MeganavContentProductsProps) => (\n  <div className=\"flex max-w-screen-xl mx-auto\">\n    <div className=\"ui-meganav-content-spacer bg-extra-light-grey\"></div>\n    <section className=\"grid grid-cols-12 ui-grid-gap-x w-full\">\n      <div className=\"col-span-full md:col-span-4 py-24 lg:py-32 px-24 sm:px-32 md:pl-0 md:pr-24 bg-extra-light-grey\">\n        <div className=\"flex mb-20\">\n          {paths && <img src={paths?.ablyStack} alt=\"Ably homepage\" />}\n          <h3 className=\"ui-meganav-overline ml-24\">The Ably Platform</h3>\n        </div>\n        <p className=\"ui-text-p2 font-bold mb-24\" style={{ maxWidth: \"330px\" }}>\n          Easily power any realtime experience in your application. No complex\n          infrastructure to manage or provision. Just a simple API that handles\n          everything realtime, and lets you focus on your code.\n        </p>\n\n        <FeaturedLink url={absUrl(\"/platform\")} textSize=\"text-p2\">\n          Explore how it works\n        </FeaturedLink>\n      </div>\n\n      <div className=\"col-span-full md:col-span-4 pt-24 pb-8 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0 bg-white\">\n        <h3\n          className=\"ui-meganav-overline\"\n          id=\"meganav-products-panel-list-examples\"\n        >\n          Products\n        </h3>\n        <ul\n          className=\"mb-16\"\n          aria-labelledby=\"meganav-products-panel-list-examples\"\n        >\n          <li>\n            <a href={absUrl(\"/pubsub\")} className=\"group ui-meganav-media\">\n              <p className=\"ui-meganav-media-heading\">Pub/Sub</p>\n              <p className=\"ui-meganav-media-copy\">\n                Build infinitely scalable realtime applications.\n              </p>\n            </a>\n          </li>\n          <li>\n            <a href={absUrl(\"/spaces\")} className=\"group ui-meganav-media\">\n              <p className=\"ui-meganav-media-heading\">Spaces</p>\n              <p className=\"ui-meganav-media-copy\">\n                Create multi-user collaborative environments.\n              </p>\n            </a>\n          </li>\n          <li>\n            <a href={absUrl(\"/livesync\")} className=\"group ui-meganav-media\">\n              <p className=\"ui-meganav-media-heading\">LiveSync</p>\n              <p className=\"ui-meganav-media-copy\">\n                Seamlessly sync database changes with frontend clients at scale.\n              </p>\n            </a>\n          </li>\n          <li>\n            <a href={absUrl(\"/chat\")} className=\"group ui-meganav-media\">\n              <p className=\"ui-meganav-media-heading\">Chat</p>\n              <p className=\"ui-meganav-media-copy\">\n                Deliver highly reliable chat experiences at scale.\n              </p>\n            </a>\n          </li>\n        </ul>\n      </div>\n\n      <div className=\"col-span-full md:col-span-4 pt-8 pb-24 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0 bg-white\">\n        <h3\n          className=\"ui-meganav-overline\"\n          id=\"meganav-products-panel-list-our-technology\"\n        >\n          Technology\n        </h3>\n        <ul\n          className=\"mb-16\"\n          aria-labelledby=\"meganav-products-panel-list-our-technology\"\n        >\n          <li>\n            <a\n              href={absUrl(\"/four-pillars-of-dependability#performance\")}\n              className=\"ui-meganav-media group\"\n            >\n              <p className=\"ui-meganav-media-heading\">\n                Predictable performance\n              </p>\n              <p className=\"ui-meganav-media-copy\">\n                A low-latency and high-throughput global network.\n              </p>\n            </a>\n          </li>\n          <li>\n            <a\n              href={absUrl(\"/four-pillars-of-dependability#integrity\")}\n              className=\"ui-meganav-media group\"\n            >\n              <p className=\"ui-meganav-media-heading\">\n                Guaranteed ordering & delivery\n              </p>\n              <p className=\"ui-meganav-media-copy\">\n                Data is delivered - in order - even after disconnections.\n              </p>\n            </a>\n          </li>\n          <li>\n            <a\n              href={absUrl(\"/four-pillars-of-dependability#reliability\")}\n              className=\"ui-meganav-media group\"\n            >\n              <p className=\"ui-meganav-media-heading\">\n                Fault tolerant infrastructure\n              </p>\n              <p className=\"ui-meganav-media-copy\">\n                Redundancy is built in at global and regional levels.\n              </p>\n            </a>\n          </li>\n          <li>\n            <a\n              href={absUrl(\"/four-pillars-of-dependability#availability\")}\n              className=\"ui-meganav-media group\"\n            >\n              <p className=\"ui-meganav-media-heading\">\n                High scalability & availability\n              </p>\n              <p className=\"ui-meganav-media-copy\">\n                Built for scale with legitimate 99.999% uptime SLAs.\n              </p>\n            </a>\n          </li>\n          <li>\n            <a href={absUrl(\"/network\")} className=\"ui-meganav-media group\">\n              <p className=\"ui-meganav-media-heading\">Global edge network</p>\n              <p className=\"ui-meganav-media-copy\">\n                An edge network of 15 core routing datacenters and 205+ PoPs.\n              </p>\n            </a>\n          </li>\n        </ul>\n\n        <FeaturedLink\n          url={absUrl(\"/four-pillars-of-dependability\")}\n          textSize=\"text-p3\"\n        >\n          Explore Four Pillars of Dependability\n        </FeaturedLink>\n      </div>\n    </section>\n    <div className=\"ui-meganav-content-spacer\"></div>\n  </div>\n);\n\nexport default MeganavContentProducts;\n"],"names":["React","FeaturedLink","MeganavContentProducts","paths","absUrl","div","className","section","img","src","ablyStack","alt","h3","p","style","maxWidth","url","textSize","id","ul","aria-labelledby","li","a","href"],"mappings":"AAAA,OAAOA,UAAW,OAAQ,AAE1B,QAAOC,iBAAkB,gBAAiB,CAQ1C,MAAMC,uBAAyB,CAAC,CAC9BC,KAAK,CACLC,MAAM,CACsB,GAC5B,oBAACC,OAAIC,UAAU,gCACb,oBAACD,OAAIC,UAAU,kDACf,oBAACC,WAAQD,UAAU,0CACjB,oBAACD,OAAIC,UAAU,kGACb,oBAACD,OAAIC,UAAU,cACZH,OAAS,oBAACK,OAAIC,IAAKN,OAAOO,UAAWC,IAAI,kBAC1C,oBAACC,MAAGN,UAAU,6BAA4B,sBAE5C,oBAACO,KAAEP,UAAU,6BAA6BQ,MAAO,CAAEC,SAAU,OAAQ,GAAG,oMAMxE,oBAACd,cAAae,IAAKZ,OAAO,aAAca,SAAS,WAAU,yBAK7D,oBAACZ,OAAIC,UAAU,4FACb,oBAACM,MACCN,UAAU,sBACVY,GAAG,wCACJ,YAGD,oBAACC,MACCb,UAAU,QACVc,kBAAgB,wCAEhB,oBAACC,UACC,oBAACC,KAAEC,KAAMnB,OAAO,WAAYE,UAAU,0BACpC,oBAACO,KAAEP,UAAU,4BAA2B,WACxC,oBAACO,KAAEP,UAAU,yBAAwB,sDAKzC,oBAACe,UACC,oBAACC,KAAEC,KAAMnB,OAAO,WAAYE,UAAU,0BACpC,oBAACO,KAAEP,UAAU,4BAA2B,UACxC,oBAACO,KAAEP,UAAU,yBAAwB,mDAKzC,oBAACe,UACC,oBAACC,KAAEC,KAAMnB,OAAO,aAAcE,UAAU,0BACtC,oBAACO,KAAEP,UAAU,4BAA2B,YACxC,oBAACO,KAAEP,UAAU,yBAAwB,sEAKzC,oBAACe,UACC,oBAACC,KAAEC,KAAMnB,OAAO,SAAUE,UAAU,0BAClC,oBAACO,KAAEP,UAAU,4BAA2B,QACxC,oBAACO,KAAEP,UAAU,yBAAwB,0DAQ7C,oBAACD,OAAIC,UAAU,4FACb,oBAACM,MACCN,UAAU,sBACVY,GAAG,8CACJ,cAGD,oBAACC,MACCb,UAAU,QACVc,kBAAgB,8CAEhB,oBAACC,UACC,oBAACC,KACCC,KAAMnB,OAAO,8CACbE,UAAU,0BAEV,oBAACO,KAAEP,UAAU,4BAA2B,2BAGxC,oBAACO,KAAEP,UAAU,yBAAwB,uDAKzC,oBAACe,UACC,oBAACC,KACCC,KAAMnB,OAAO,4CACbE,UAAU,0BAEV,oBAACO,KAAEP,UAAU,4BAA2B,kCAGxC,oBAACO,KAAEP,UAAU,yBAAwB,+DAKzC,oBAACe,UACC,oBAACC,KACCC,KAAMnB,OAAO,8CACbE,UAAU,0BAEV,oBAACO,KAAEP,UAAU,4BAA2B,iCAGxC,oBAACO,KAAEP,UAAU,yBAAwB,2DAKzC,oBAACe,UACC,oBAACC,KACCC,KAAMnB,OAAO,+CACbE,UAAU,0BAEV,oBAACO,KAAEP,UAAU,4BAA2B,mCAGxC,oBAACO,KAAEP,UAAU,yBAAwB,0DAKzC,oBAACe,UACC,oBAACC,KAAEC,KAAMnB,OAAO,YAAaE,UAAU,0BACrC,oBAACO,KAAEP,UAAU,4BAA2B,uBACxC,oBAACO,KAAEP,UAAU,yBAAwB,oEAO3C,oBAACL,cACCe,IAAKZ,OAAO,kCACZa,SAAS,WACV,2CAKL,oBAACZ,OAAIC,UAAU,8BAInB,gBAAeJ,sBAAuB"}

package/core/MeganavContentUseCases.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/core/MeganavContentUseCases.tsx"],"sourcesContent":["import React from \"react\";\n\nimport Icon from \"./Icon\";\nimport { AbsUrl } from \"./Meganav\";\n\nconst MeganavContentUseCases = ({ absUrl }: { absUrl: AbsUrl }) => (\n  <div className=\"flex max-w-screen-xl mx-auto\">\n    <div className=\"ui-meganav-content-spacer bg-extra-light-grey\"></div>\n    <section className=\"grid grid-cols-12 ui-grid-gap-x w-full\">\n      <div className=\"col-span-full md:col-span-4 py-24 lg:py-32 px-24 sm:px-32 md:pl-0 md:pr-24 bg-extra-light-grey\">\n        <h3\n          className=\"ui-meganav-overline\"\n          id=\"meganav-use-cases-panel-use-cases\"\n        >\n          Solutions\n        </h3>\n        <ul aria-labelledby=\"meganav-use-cases-panel-industry-use-cases\">\n          <li>\n            <a\n              href={absUrl(\"/chat\")}\n              className=\"ui-meganav-media-with-image group\"\n            >\n              <Icon name=\"icon-display-chat-stack-col\" size=\"2.5rem\" />\n              <div className=\"flex flex-col justify-center\">\n                <p className=\"ui-meganav-media-heading\">Live Chat</p>\n                <p className=\"ui-meganav-media-copy\">\n                  Deliver highly reliable chat experiences at scale.\n                </p>\n              </div>\n            </a>\n          </li>\n          <li>\n            <a\n              href={absUrl(\"/solutions/multiplayer-collaboration\")}\n              className=\"ui-meganav-media-with-image group\"\n            >\n              <Icon name=\"icon-display-multi-user-spaces-col\" size=\"2.5rem\" />\n              <div className=\"flex flex-col justify-center\">\n                <p className=\"ui-meganav-media-heading\">\n                  Multiplayer Collaboration\n                </p>\n                <p className=\"ui-meganav-media-copy\">\n                  Bring collaborative multiplayer experiences to your users.\n                </p>\n              </div>\n            </a>\n          </li>\n          <li>\n            <a\n              href={absUrl(\"/solutions/data-broadcast\")}\n              className=\"ui-meganav-media-with-image group\"\n            >\n              <Icon name=\"icon-display-data-broadcast-col\" size=\"2.5rem\" />\n              <div className=\"flex flex-col justify-center\">\n                <p className=\"ui-meganav-media-heading\">Data Broadcast</p>\n                <p className=\"ui-meganav-media-copy\">\n                  Broadcast realtime event data to millions of devices around\n                  the globe.\n                </p>\n              </div>\n            </a>\n          </li>\n          <li>\n            <a\n              href={absUrl(\"/solutions/data-synchronization\")}\n              className=\"ui-meganav-media-with-image group\"\n            >\n              <Icon\n                name=\"icon-display-data-synchronization-col\"\n                size=\"2.5rem\"\n              />\n              <div className=\"flex flex-col justify-center\">\n                <p className=\"ui-meganav-media-heading\">Data Synchronization</p>\n                <p className=\"ui-meganav-media-copy\">\n                  Keep your frontend and backend in realtime sync, at global\n                  scale.\n                </p>\n              </div>\n            </a>\n          </li>\n          <li>\n            <a\n              href={absUrl(\"/push-notifications\")}\n              className=\"ui-meganav-media-with-image group\"\n            >\n              <Icon name=\"icon-display-push-notifications-col\" size=\"2.5rem\" />\n              <div className=\"flex flex-col justify-center\">\n                <p className=\"ui-meganav-media-heading\">Notifications</p>\n                <p className=\"ui-meganav-media-copy\">\n                  Deliver cross-platform push notifications with a simple\n                  unified API.\n                </p>\n              </div>\n            </a>\n          </li>\n          <li>\n            <a\n              href={absUrl(\"/solutions/asset-tracking\")}\n              className=\"ui-meganav-media-with-image group\"\n            >\n              <Icon name=\"icon-display-asset-tracking-col\" size=\"2.5rem\" />\n              <div className=\"flex flex-col justify-center\">\n                <p className=\"ui-meganav-media-heading\">Asset Tracking</p>\n                <p className=\"ui-meganav-media-copy\">\n                  Track assets in realtime with a solution optimised for last\n                  mile logistics.\n                </p>\n              </div>\n            </a>\n          </li>\n        </ul>\n      </div>\n\n      <div className=\"col-span-full md:col-span-4 pt-24 pb-0 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0 bg-white\">\n        <h3\n          className=\"ui-meganav-overline\"\n          id=\"meganav-use-cases-panel-industry\"\n        >\n          Industry\n        </h3>\n        <ul aria-labelledby=\"meganav-use-cases-panel-industry\">\n          <li>\n            <a\n              href={absUrl(\"/solutions/sports-and-media\")}\n              className=\"ui-meganav-media group\"\n            >\n              <p className=\"ui-meganav-media-heading\">\n                Sports, Media & Fan Engagement\n              </p>\n              <p className=\"ui-meganav-media-copy\">\n                Deliver engaging global realtime experiences.\n              </p>\n            </a>\n          </li>\n          <li>\n            <a\n              href={absUrl(\"/solutions/b2b-platforms\")}\n              className=\"ui-meganav-media group\"\n            >\n              <p className=\"ui-meganav-media-heading\">B2B Platforms</p>\n              <p className=\"ui-meganav-media-copy\">\n                Empower your customers with realtime solutions.\n              </p>\n            </a>\n          </li>\n          <li>\n            <a\n              href={absUrl(\"/solutions/fintech\")}\n              className=\"ui-meganav-media group\"\n            >\n              <p className=\"ui-meganav-media-heading\">FinTech</p>\n              <p className=\"ui-meganav-media-copy\">\n                Deliver personalised financial data in realtime.\n              </p>\n            </a>\n          </li>\n          <li>\n            <a\n              href={absUrl(\"/solutions/edtech\")}\n              className=\"ui-meganav-media group\"\n            >\n              <p className=\"ui-meganav-media-heading\">EdTech</p>\n              <p className=\"ui-meganav-media-copy\">\n                Deliver interactive learning experiences.\n              </p>\n            </a>\n          </li>\n          <li>\n            <a\n              href={absUrl(\"/solutions/healthcare\")}\n              className=\"ui-meganav-media group\"\n            >\n              <p className=\"ui-meganav-media-heading\">Healthcare (HIPAA)</p>\n              <p className=\"ui-meganav-media-copy\">\n                Provide trustworthy, HIPAA-compliant realtime apps.\n              </p>\n            </a>\n          </li>\n        </ul>\n      </div>\n\n      <div className=\"col-span-full md:col-span-4 pt-0 pb-24 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0 bg-white\">\n        <ul\n          aria-labelledby=\"meganav-use-cases-panel-solutions\"\n          className=\"mt-0 md:mt-40\"\n        >\n          <li>\n            <a\n              href={absUrl(\"/solutions/gaming\")}\n              className=\"ui-meganav-media group\"\n            >\n              <p className=\"ui-meganav-media-heading\">Gaming</p>\n              <p className=\"ui-meganav-media-copy\">\n                Power ultra fast and reliable gaming experiences.\n              </p>\n            </a>\n          </li>\n          <li>\n            <a\n              href={absUrl(\"/solutions/automotive-logistics-and-mobility\")}\n              className=\"ui-meganav-media group\"\n            >\n              <p className=\"ui-meganav-media-heading\">\n                Automotive, Logistics, & Mobility\n              </p>\n              <p className=\"ui-meganav-media-copy\">\n                Power diagnostics, order tracking and more.\n              </p>\n            </a>\n          </li>\n          <li>\n            <a\n              href={absUrl(\"/solutions/ecommerce-and-retail\")}\n              className=\"ui-meganav-media group\"\n            >\n              <p className=\"ui-meganav-media-heading\">eCommerce & Retail</p>\n              <p className=\"ui-meganav-media-copy\">\n                Enrich customer experiences with realtime updates.\n              </p>\n            </a>\n          </li>\n          <li>\n            <a\n              href={absUrl(\"/solutions/iot-and-connected-devices\")}\n              className=\"ui-meganav-media group\"\n            >\n              <p className=\"ui-meganav-media-heading\">\n                IoT & Connected Devices\n              </p>\n              <p className=\"ui-meganav-media-copy\">\n                Monitor and control global IoT deployments in realtime.\n              </p>\n            </a>\n          </li>\n        </ul>\n      </div>\n    </section>\n    <div className=\"ui-meganav-content-spacer\"></div>\n  </div>\n);\n\nexport default MeganavContentUseCases;\n"],"names":["React","Icon","MeganavContentUseCases","absUrl","div","className","section","h3","id","ul","aria-labelledby","li","a","href","name","size","p"],"mappings":"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"}
+{"version":3,"sources":["../../src/core/MeganavContentUseCases.tsx"],"sourcesContent":["import React from \"react\";\n\nimport Icon from \"./Icon\";\nimport { AbsUrl } from \"./LegacyMeganav\";\n\nconst MeganavContentUseCases = ({ absUrl }: { absUrl: AbsUrl }) => (\n  <div className=\"flex max-w-screen-xl mx-auto\">\n    <div className=\"ui-meganav-content-spacer bg-extra-light-grey\"></div>\n    <section className=\"grid grid-cols-12 ui-grid-gap-x w-full\">\n      <div className=\"col-span-full md:col-span-4 py-24 lg:py-32 px-24 sm:px-32 md:pl-0 md:pr-24 bg-extra-light-grey\">\n        <h3\n          className=\"ui-meganav-overline\"\n          id=\"meganav-use-cases-panel-use-cases\"\n        >\n          Solutions\n        </h3>\n        <ul aria-labelledby=\"meganav-use-cases-panel-industry-use-cases\">\n          <li>\n            <a\n              href={absUrl(\"/chat\")}\n              className=\"ui-meganav-media-with-image group\"\n            >\n              <Icon name=\"icon-display-chat-stack-col\" size=\"2.5rem\" />\n              <div className=\"flex flex-col justify-center\">\n                <p className=\"ui-meganav-media-heading\">Live Chat</p>\n                <p className=\"ui-meganav-media-copy\">\n                  Deliver highly reliable chat experiences at scale.\n                </p>\n              </div>\n            </a>\n          </li>\n          <li>\n            <a\n              href={absUrl(\"/solutions/multiplayer-collaboration\")}\n              className=\"ui-meganav-media-with-image group\"\n            >\n              <Icon name=\"icon-display-multi-user-spaces-col\" size=\"2.5rem\" />\n              <div className=\"flex flex-col justify-center\">\n                <p className=\"ui-meganav-media-heading\">\n                  Multiplayer Collaboration\n                </p>\n                <p className=\"ui-meganav-media-copy\">\n                  Bring collaborative multiplayer experiences to your users.\n                </p>\n              </div>\n            </a>\n          </li>\n          <li>\n            <a\n              href={absUrl(\"/solutions/data-broadcast\")}\n              className=\"ui-meganav-media-with-image group\"\n            >\n              <Icon name=\"icon-display-data-broadcast-col\" size=\"2.5rem\" />\n              <div className=\"flex flex-col justify-center\">\n                <p className=\"ui-meganav-media-heading\">Data Broadcast</p>\n                <p className=\"ui-meganav-media-copy\">\n                  Broadcast realtime event data to millions of devices around\n                  the globe.\n                </p>\n              </div>\n            </a>\n          </li>\n          <li>\n            <a\n              href={absUrl(\"/solutions/data-synchronization\")}\n              className=\"ui-meganav-media-with-image group\"\n            >\n              <Icon\n                name=\"icon-display-data-synchronization-col\"\n                size=\"2.5rem\"\n              />\n              <div className=\"flex flex-col justify-center\">\n                <p className=\"ui-meganav-media-heading\">Data Synchronization</p>\n                <p className=\"ui-meganav-media-copy\">\n                  Keep your frontend and backend in realtime sync, at global\n                  scale.\n                </p>\n              </div>\n            </a>\n          </li>\n          <li>\n            <a\n              href={absUrl(\"/push-notifications\")}\n              className=\"ui-meganav-media-with-image group\"\n            >\n              <Icon name=\"icon-display-push-notifications-col\" size=\"2.5rem\" />\n              <div className=\"flex flex-col justify-center\">\n                <p className=\"ui-meganav-media-heading\">Notifications</p>\n                <p className=\"ui-meganav-media-copy\">\n                  Deliver cross-platform push notifications with a simple\n                  unified API.\n                </p>\n              </div>\n            </a>\n          </li>\n          <li>\n            <a\n              href={absUrl(\"/solutions/asset-tracking\")}\n              className=\"ui-meganav-media-with-image group\"\n            >\n              <Icon name=\"icon-display-asset-tracking-col\" size=\"2.5rem\" />\n              <div className=\"flex flex-col justify-center\">\n                <p className=\"ui-meganav-media-heading\">Asset Tracking</p>\n                <p className=\"ui-meganav-media-copy\">\n                  Track assets in realtime with a solution optimised for last\n                  mile logistics.\n                </p>\n              </div>\n            </a>\n          </li>\n        </ul>\n      </div>\n\n      <div className=\"col-span-full md:col-span-4 pt-24 pb-0 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0 bg-white\">\n        <h3\n          className=\"ui-meganav-overline\"\n          id=\"meganav-use-cases-panel-industry\"\n        >\n          Industry\n        </h3>\n        <ul aria-labelledby=\"meganav-use-cases-panel-industry\">\n          <li>\n            <a\n              href={absUrl(\"/solutions/sports-and-media\")}\n              className=\"ui-meganav-media group\"\n            >\n              <p className=\"ui-meganav-media-heading\">\n                Sports, Media & Fan Engagement\n              </p>\n              <p className=\"ui-meganav-media-copy\">\n                Deliver engaging global realtime experiences.\n              </p>\n            </a>\n          </li>\n          <li>\n            <a\n              href={absUrl(\"/solutions/b2b-platforms\")}\n              className=\"ui-meganav-media group\"\n            >\n              <p className=\"ui-meganav-media-heading\">B2B Platforms</p>\n              <p className=\"ui-meganav-media-copy\">\n                Empower your customers with realtime solutions.\n              </p>\n            </a>\n          </li>\n          <li>\n            <a\n              href={absUrl(\"/solutions/fintech\")}\n              className=\"ui-meganav-media group\"\n            >\n              <p className=\"ui-meganav-media-heading\">FinTech</p>\n              <p className=\"ui-meganav-media-copy\">\n                Deliver personalised financial data in realtime.\n              </p>\n            </a>\n          </li>\n          <li>\n            <a\n              href={absUrl(\"/solutions/edtech\")}\n              className=\"ui-meganav-media group\"\n            >\n              <p className=\"ui-meganav-media-heading\">EdTech</p>\n              <p className=\"ui-meganav-media-copy\">\n                Deliver interactive learning experiences.\n              </p>\n            </a>\n          </li>\n          <li>\n            <a\n              href={absUrl(\"/solutions/healthcare\")}\n              className=\"ui-meganav-media group\"\n            >\n              <p className=\"ui-meganav-media-heading\">Healthcare (HIPAA)</p>\n              <p className=\"ui-meganav-media-copy\">\n                Provide trustworthy, HIPAA-compliant realtime apps.\n              </p>\n            </a>\n          </li>\n        </ul>\n      </div>\n\n      <div className=\"col-span-full md:col-span-4 pt-0 pb-24 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0 bg-white\">\n        <ul\n          aria-labelledby=\"meganav-use-cases-panel-solutions\"\n          className=\"mt-0 md:mt-40\"\n        >\n          <li>\n            <a\n              href={absUrl(\"/solutions/gaming\")}\n              className=\"ui-meganav-media group\"\n            >\n              <p className=\"ui-meganav-media-heading\">Gaming</p>\n              <p className=\"ui-meganav-media-copy\">\n                Power ultra fast and reliable gaming experiences.\n              </p>\n            </a>\n          </li>\n          <li>\n            <a\n              href={absUrl(\"/solutions/automotive-logistics-and-mobility\")}\n              className=\"ui-meganav-media group\"\n            >\n              <p className=\"ui-meganav-media-heading\">\n                Automotive, Logistics, & Mobility\n              </p>\n              <p className=\"ui-meganav-media-copy\">\n                Power diagnostics, order tracking and more.\n              </p>\n            </a>\n          </li>\n          <li>\n            <a\n              href={absUrl(\"/solutions/ecommerce-and-retail\")}\n              className=\"ui-meganav-media group\"\n            >\n              <p className=\"ui-meganav-media-heading\">eCommerce & Retail</p>\n              <p className=\"ui-meganav-media-copy\">\n                Enrich customer experiences with realtime updates.\n              </p>\n            </a>\n          </li>\n          <li>\n            <a\n              href={absUrl(\"/solutions/iot-and-connected-devices\")}\n              className=\"ui-meganav-media group\"\n            >\n              <p className=\"ui-meganav-media-heading\">\n                IoT & Connected Devices\n              </p>\n              <p className=\"ui-meganav-media-copy\">\n                Monitor and control global IoT deployments in realtime.\n              </p>\n            </a>\n          </li>\n        </ul>\n      </div>\n    </section>\n    <div className=\"ui-meganav-content-spacer\"></div>\n  </div>\n);\n\nexport default MeganavContentUseCases;\n"],"names":["React","Icon","MeganavContentUseCases","absUrl","div","className","section","h3","id","ul","aria-labelledby","li","a","href","name","size","p"],"mappings":"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"}

package/core/MeganavControl.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/core/MeganavControl.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\";\n\nimport Icon from \"./Icon\";\nimport { MeganavTheme } from \"./Meganav\";\n\ntype MeganavControlProps = {\n  ariaControls: string;\n  ariaLabel: string;\n  children: ReactNode;\n  theme: MeganavTheme;\n  additionalCSS?: string;\n};\n\nconst MeganavControl = ({\n  ariaControls,\n  ariaLabel,\n  children,\n  theme,\n  additionalCSS,\n}: MeganavControlProps) => (\n  <button\n    type=\"button\"\n    data-id=\"meganav-control\"\n    className={`ui-meganav-link h-64 flex items-center group ${additionalCSS} ${theme.textColor}`}\n    aria-expanded=\"false\"\n    aria-controls={ariaControls}\n    aria-label={`Show ${ariaLabel} panel`}\n  >\n    {children}\n    <Icon\n      name=\"icon-gui-chevron-down-micro\"\n      color=\"text-cool-black\"\n      size=\"1.5rem\"\n      additionalCSS=\"group-hover:text-gui-hover group-focus:text-gui-focus\"\n    />\n  </button>\n);\n\nexport default MeganavControl;\n"],"names":["React","Icon","MeganavControl","ariaControls","ariaLabel","children","theme","additionalCSS","button","type","data-id","className","textColor","aria-expanded","aria-controls","aria-label","name","color","size"],"mappings":"AAAA,OAAOA,UAA0B,OAAQ,AAEzC,QAAOC,SAAU,QAAS,CAW1B,MAAMC,eAAiB,CAAC,CACtBC,YAAY,CACZC,SAAS,CACTC,QAAQ,CACRC,KAAK,CACLC,aAAa,CACO,GACpB,oBAACC,UACCC,KAAK,SACLC,UAAQ,kBACRC,UAAW,CAAC,6CAA6C,EAAEJ,cAAc,CAAC,EAAED,MAAMM,SAAS,CAAC,CAAC,CAC7FC,gBAAc,QACdC,gBAAeX,aACfY,aAAY,CAAC,KAAK,EAAEX,UAAU,MAAM,CAAC,EAEpCC,SACD,oBAACJ,MACCe,KAAK,8BACLC,MAAM,kBACNC,KAAK,SACLX,cAAc,0DAKpB,gBAAeL,cAAe"}
+{"version":3,"sources":["../../src/core/MeganavControl.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\";\n\nimport Icon from \"./Icon\";\nimport { MeganavTheme } from \"./LegacyMeganav\";\n\ntype MeganavControlProps = {\n  ariaControls: string;\n  ariaLabel: string;\n  children: ReactNode;\n  theme: MeganavTheme;\n  additionalCSS?: string;\n};\n\nconst MeganavControl = ({\n  ariaControls,\n  ariaLabel,\n  children,\n  theme,\n  additionalCSS,\n}: MeganavControlProps) => (\n  <button\n    type=\"button\"\n    data-id=\"meganav-control\"\n    className={`ui-meganav-link h-64 flex items-center group ${additionalCSS} ${theme.textColor}`}\n    aria-expanded=\"false\"\n    aria-controls={ariaControls}\n    aria-label={`Show ${ariaLabel} panel`}\n  >\n    {children}\n    <Icon\n      name=\"icon-gui-chevron-down-micro\"\n      color=\"text-cool-black\"\n      size=\"1.5rem\"\n      additionalCSS=\"group-hover:text-gui-hover group-focus:text-gui-focus\"\n    />\n  </button>\n);\n\nexport default MeganavControl;\n"],"names":["React","Icon","MeganavControl","ariaControls","ariaLabel","children","theme","additionalCSS","button","type","data-id","className","textColor","aria-expanded","aria-controls","aria-label","name","color","size"],"mappings":"AAAA,OAAOA,UAA0B,OAAQ,AAEzC,QAAOC,SAAU,QAAS,CAW1B,MAAMC,eAAiB,CAAC,CACtBC,YAAY,CACZC,SAAS,CACTC,QAAQ,CACRC,KAAK,CACLC,aAAa,CACO,GACpB,oBAACC,UACCC,KAAK,SACLC,UAAQ,kBACRC,UAAW,CAAC,6CAA6C,EAAEJ,cAAc,CAAC,EAAED,MAAMM,SAAS,CAAC,CAAC,CAC7FC,gBAAc,QACdC,gBAAeX,aACfY,aAAY,CAAC,KAAK,EAAEX,UAAU,MAAM,CAAC,EAEpCC,SACD,oBAACJ,MACCe,KAAK,8BACLC,MAAM,kBACNC,KAAK,SACLX,cAAc,0DAKpB,gBAAeL,cAAe"}

package/core/MeganavControlMobileDropdown.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/core/MeganavControlMobileDropdown.tsx"],"sourcesContent":["import React from \"react\";\n\nimport Icon from \"./Icon\";\nimport { MeganavTheme } from \"./Meganav\";\n\nconst MeganavControlMobileDropdown = ({ theme }: { theme: MeganavTheme }) => (\n  <button\n    type=\"button\"\n    className=\"block ml-24 mr-0 px-0 py-16 hover:text-gui-hover focus:text-gui-focus focus:outline-none\"\n    data-id=\"meganav-control-mobile-dropdown\"\n    aria-expanded=\"false\"\n    aria-controls=\"meganav-mobile-dropdown\"\n  >\n    <Icon\n      name=\"icon-gui-bars-3-outline\"\n      size=\"1.5rem\"\n      color={theme.mobileMenuColor}\n      additionalCSS=\"transition-colors\"\n      data-id=\"meganav-control-mobile-dropdown-menu\"\n    />\n    <Icon\n      name=\"icon-gui-x-mark-outline\"\n      size=\"1.5rem\"\n      color={theme.mobileMenuColor}\n      additionalCSS=\"transition-colors hidden\"\n      data-id=\"meganav-control-mobile-dropdown-close\"\n    />\n  </button>\n);\n\nexport default MeganavControlMobileDropdown;\n"],"names":["React","Icon","MeganavControlMobileDropdown","theme","button","type","className","data-id","aria-expanded","aria-controls","name","size","color","mobileMenuColor","additionalCSS"],"mappings":"AAAA,OAAOA,UAAW,OAAQ,AAE1B,QAAOC,SAAU,QAAS,CAG1B,MAAMC,6BAA+B,CAAC,CAAEC,KAAK,CAA2B,GACtE,oBAACC,UACCC,KAAK,SACLC,UAAU,2FACVC,UAAQ,kCACRC,gBAAc,QACdC,gBAAc,2BAEd,oBAACR,MACCS,KAAK,0BACLC,KAAK,SACLC,MAAOT,MAAMU,eAAe,CAC5BC,cAAc,oBACdP,UAAQ,yCAEV,oBAACN,MACCS,KAAK,0BACLC,KAAK,SACLC,MAAOT,MAAMU,eAAe,CAC5BC,cAAc,2BACdP,UAAQ,0CAKd,gBAAeL,4BAA6B"}
+{"version":3,"sources":["../../src/core/MeganavControlMobileDropdown.tsx"],"sourcesContent":["import React from \"react\";\n\nimport Icon from \"./Icon\";\nimport { MeganavTheme } from \"./LegacyMeganav\";\n\nconst MeganavControlMobileDropdown = ({ theme }: { theme: MeganavTheme }) => (\n  <button\n    type=\"button\"\n    className=\"block ml-24 mr-0 px-0 py-16 hover:text-gui-hover focus:text-gui-focus focus:outline-none\"\n    data-id=\"meganav-control-mobile-dropdown\"\n    aria-expanded=\"false\"\n    aria-controls=\"meganav-mobile-dropdown\"\n  >\n    <Icon\n      name=\"icon-gui-bars-3-outline\"\n      size=\"1.5rem\"\n      color={theme.mobileMenuColor}\n      additionalCSS=\"transition-colors\"\n      data-id=\"meganav-control-mobile-dropdown-menu\"\n    />\n    <Icon\n      name=\"icon-gui-x-mark-outline\"\n      size=\"1.5rem\"\n      color={theme.mobileMenuColor}\n      additionalCSS=\"transition-colors hidden\"\n      data-id=\"meganav-control-mobile-dropdown-close\"\n    />\n  </button>\n);\n\nexport default MeganavControlMobileDropdown;\n"],"names":["React","Icon","MeganavControlMobileDropdown","theme","button","type","className","data-id","aria-expanded","aria-controls","name","size","color","mobileMenuColor","additionalCSS"],"mappings":"AAAA,OAAOA,UAAW,OAAQ,AAE1B,QAAOC,SAAU,QAAS,CAG1B,MAAMC,6BAA+B,CAAC,CAAEC,KAAK,CAA2B,GACtE,oBAACC,UACCC,KAAK,SACLC,UAAU,2FACVC,UAAQ,kCACRC,gBAAc,QACdC,gBAAc,2BAEd,oBAACR,MACCS,KAAK,0BACLC,KAAK,SACLC,MAAOT,MAAMU,eAAe,CAC5BC,cAAc,oBACdP,UAAQ,yCAEV,oBAACN,MACCS,KAAK,0BACLC,KAAK,SACLC,MAAOT,MAAMU,eAAe,CAC5BC,cAAc,2BACdP,UAAQ,0CAKd,gBAAeL,4BAA6B"}

package/core/MeganavItemsDesktop.js

@@ -1,2 +1,2 @@
-import React from"react";import MeganavData from"./Meganav/component.json";import MeganavControl from"./MeganavControl";const MeganavDesktopItems=({panels,paths,theme,absUrl,statusUrl})=>React.createElement("ul",{className:"hidden md:flex","data-id":"meganav-items-desktop"},MeganavData.panels.map(panel=>{const PanelComponent=panels[panel.component];const bgCSS=["products-panel","use-cases-panel"].includes(panel.id)?"ui-meganav-panel-split-bg":"";return React.createElement("li",{className:"ui-meganav-item",key:panel.id},React.createElement(MeganavControl,{theme:theme,ariaControls:panel.id,ariaLabel:panel.label},React.createElement("span",{className:"hidden lg:inline"},panel.label),React.createElement("span",{className:"lg:hidden"},panel.shortLabel)),React.createElement("div",{className:`ui-meganav-panel invisible ${bgCSS}`,id:panel.id,"data-id":"meganav-panel"},React.createElement(PanelComponent,{paths:paths,absUrl:absUrl,statusUrl:statusUrl})))}),React.createElement("li",{className:"ui-meganav-item"},React.createElement("a",{href:absUrl("/pricing"),"data-id":"meganav-link",className:`ui-meganav-link h-64 items-center flex ${theme.textColor}`},"Pricing")));export default React.memo(MeganavDesktopItems);
+import React from"react";import MeganavData from"./LegacyMeganav/component.json";import MeganavControl from"./MeganavControl";const MeganavDesktopItems=({panels,paths,theme,absUrl,statusUrl})=>React.createElement("ul",{className:"hidden md:flex","data-id":"meganav-items-desktop"},MeganavData.panels.map(panel=>{const PanelComponent=panels[panel.component];const bgCSS=["products-panel","use-cases-panel"].includes(panel.id)?"ui-meganav-panel-split-bg":"";return React.createElement("li",{className:"ui-meganav-item",key:panel.id},React.createElement(MeganavControl,{theme:theme,ariaControls:panel.id,ariaLabel:panel.label},React.createElement("span",{className:"hidden lg:inline"},panel.label),React.createElement("span",{className:"lg:hidden"},panel.shortLabel)),React.createElement("div",{className:`ui-meganav-panel invisible ${bgCSS}`,id:panel.id,"data-id":"meganav-panel"},React.createElement(PanelComponent,{paths:paths,absUrl:absUrl,statusUrl:statusUrl})))}),React.createElement("li",{className:"ui-meganav-item"},React.createElement("a",{href:absUrl("/pricing"),"data-id":"meganav-link",className:`ui-meganav-link h-64 items-center flex ${theme.textColor}`},"Pricing")));export default React.memo(MeganavDesktopItems);
 //# sourceMappingURL=MeganavItemsDesktop.js.map

package/core/MeganavItemsDesktop.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/core/MeganavItemsDesktop.tsx"],"sourcesContent":["import React from \"react\";\n\nimport MeganavData from \"./Meganav/component.json\";\nimport MeganavControl from \"./MeganavControl\";\nimport { AbsUrl, MeganavPanels, MeganavPaths, MeganavTheme } from \"./Meganav\";\n\ntype MeganavDesktopItems = {\n  panels: MeganavPanels;\n  paths?: MeganavPaths;\n  theme: MeganavTheme;\n  absUrl: AbsUrl;\n  statusUrl: string;\n};\n\nconst MeganavDesktopItems = ({\n  panels,\n  paths,\n  theme,\n  absUrl,\n  statusUrl,\n}: MeganavDesktopItems) => (\n  <ul className=\"hidden md:flex\" data-id=\"meganav-items-desktop\">\n    {MeganavData.panels.map((panel) => {\n      const PanelComponent = panels[panel.component];\n      const bgCSS = [\"products-panel\", \"use-cases-panel\"].includes(panel.id)\n        ? \"ui-meganav-panel-split-bg\"\n        : \"\";\n\n      return (\n        <li className=\"ui-meganav-item\" key={panel.id}>\n          <MeganavControl\n            theme={theme}\n            ariaControls={panel.id}\n            ariaLabel={panel.label}\n          >\n            <span className=\"hidden lg:inline\">{panel.label}</span>\n            <span className=\"lg:hidden\">{panel.shortLabel}</span>\n          </MeganavControl>\n\n          <div\n            className={`ui-meganav-panel invisible ${bgCSS}`}\n            id={panel.id}\n            data-id=\"meganav-panel\"\n          >\n            <PanelComponent\n              paths={paths}\n              absUrl={absUrl}\n              statusUrl={statusUrl}\n            />\n          </div>\n        </li>\n      );\n    })}\n\n    <li className=\"ui-meganav-item\">\n      <a\n        href={absUrl(\"/pricing\")}\n        data-id=\"meganav-link\"\n        className={`ui-meganav-link h-64 items-center flex ${theme.textColor}`}\n      >\n        Pricing\n      </a>\n    </li>\n  </ul>\n);\n\nexport default React.memo(MeganavDesktopItems);\n"],"names":["React","MeganavData","MeganavControl","MeganavDesktopItems","panels","paths","theme","absUrl","statusUrl","ul","className","data-id","map","panel","PanelComponent","component","bgCSS","includes","id","li","key","ariaControls","ariaLabel","label","span","shortLabel","div","a","href","textColor","memo"],"mappings":"AAAA,OAAOA,UAAW,OAAQ,AAE1B,QAAOC,gBAAiB,0BAA2B,AACnD,QAAOC,mBAAoB,kBAAmB,CAW9C,MAAMC,oBAAsB,CAAC,CAC3BC,MAAM,CACNC,KAAK,CACLC,KAAK,CACLC,MAAM,CACNC,SAAS,CACW,GACpB,oBAACC,MAAGC,UAAU,iBAAiBC,UAAQ,yBACpCV,YAAYG,MAAM,CAACQ,GAAG,CAAC,AAACC,QACvB,MAAMC,eAAiBV,MAAM,CAACS,MAAME,SAAS,CAAC,CAC9C,MAAMC,MAAQ,CAAC,iBAAkB,kBAAkB,CAACC,QAAQ,CAACJ,MAAMK,EAAE,EACjE,4BACA,GAEJ,OACE,oBAACC,MAAGT,UAAU,kBAAkBU,IAAKP,MAAMK,EAAE,EAC3C,oBAAChB,gBACCI,MAAOA,MACPe,aAAcR,MAAMK,EAAE,CACtBI,UAAWT,MAAMU,KAAK,EAEtB,oBAACC,QAAKd,UAAU,oBAAoBG,MAAMU,KAAK,EAC/C,oBAACC,QAAKd,UAAU,aAAaG,MAAMY,UAAU,GAG/C,oBAACC,OACChB,UAAW,CAAC,2BAA2B,EAAEM,MAAM,CAAC,CAChDE,GAAIL,MAAMK,EAAE,CACZP,UAAQ,iBAER,oBAACG,gBACCT,MAAOA,MACPE,OAAQA,OACRC,UAAWA,aAKrB,GAEA,oBAACW,MAAGT,UAAU,mBACZ,oBAACiB,KACCC,KAAMrB,OAAO,YACbI,UAAQ,eACRD,UAAW,CAAC,uCAAuC,EAAEJ,MAAMuB,SAAS,CAAC,CAAC,EACvE,YAOP,gBAAe7B,MAAM8B,IAAI,CAAC3B,oBAAqB"}
+{"version":3,"sources":["../../src/core/MeganavItemsDesktop.tsx"],"sourcesContent":["import React from \"react\";\n\nimport MeganavData from \"./LegacyMeganav/component.json\";\nimport MeganavControl from \"./MeganavControl\";\nimport {\n  AbsUrl,\n  MeganavPanels,\n  MeganavPaths,\n  MeganavTheme,\n} from \"./LegacyMeganav\";\n\ntype MeganavDesktopItems = {\n  panels: MeganavPanels;\n  paths?: MeganavPaths;\n  theme: MeganavTheme;\n  absUrl: AbsUrl;\n  statusUrl: string;\n};\n\nconst MeganavDesktopItems = ({\n  panels,\n  paths,\n  theme,\n  absUrl,\n  statusUrl,\n}: MeganavDesktopItems) => (\n  <ul className=\"hidden md:flex\" data-id=\"meganav-items-desktop\">\n    {MeganavData.panels.map((panel) => {\n      const PanelComponent = panels[panel.component];\n      const bgCSS = [\"products-panel\", \"use-cases-panel\"].includes(panel.id)\n        ? \"ui-meganav-panel-split-bg\"\n        : \"\";\n\n      return (\n        <li className=\"ui-meganav-item\" key={panel.id}>\n          <MeganavControl\n            theme={theme}\n            ariaControls={panel.id}\n            ariaLabel={panel.label}\n          >\n            <span className=\"hidden lg:inline\">{panel.label}</span>\n            <span className=\"lg:hidden\">{panel.shortLabel}</span>\n          </MeganavControl>\n\n          <div\n            className={`ui-meganav-panel invisible ${bgCSS}`}\n            id={panel.id}\n            data-id=\"meganav-panel\"\n          >\n            <PanelComponent\n              paths={paths}\n              absUrl={absUrl}\n              statusUrl={statusUrl}\n            />\n          </div>\n        </li>\n      );\n    })}\n\n    <li className=\"ui-meganav-item\">\n      <a\n        href={absUrl(\"/pricing\")}\n        data-id=\"meganav-link\"\n        className={`ui-meganav-link h-64 items-center flex ${theme.textColor}`}\n      >\n        Pricing\n      </a>\n    </li>\n  </ul>\n);\n\nexport default React.memo(MeganavDesktopItems);\n"],"names":["React","MeganavData","MeganavControl","MeganavDesktopItems","panels","paths","theme","absUrl","statusUrl","ul","className","data-id","map","panel","PanelComponent","component","bgCSS","includes","id","li","key","ariaControls","ariaLabel","label","span","shortLabel","div","a","href","textColor","memo"],"mappings":"AAAA,OAAOA,UAAW,OAAQ,AAE1B,QAAOC,gBAAiB,gCAAiC,AACzD,QAAOC,mBAAoB,kBAAmB,CAgB9C,MAAMC,oBAAsB,CAAC,CAC3BC,MAAM,CACNC,KAAK,CACLC,KAAK,CACLC,MAAM,CACNC,SAAS,CACW,GACpB,oBAACC,MAAGC,UAAU,iBAAiBC,UAAQ,yBACpCV,YAAYG,MAAM,CAACQ,GAAG,CAAC,AAACC,QACvB,MAAMC,eAAiBV,MAAM,CAACS,MAAME,SAAS,CAAC,CAC9C,MAAMC,MAAQ,CAAC,iBAAkB,kBAAkB,CAACC,QAAQ,CAACJ,MAAMK,EAAE,EACjE,4BACA,GAEJ,OACE,oBAACC,MAAGT,UAAU,kBAAkBU,IAAKP,MAAMK,EAAE,EAC3C,oBAAChB,gBACCI,MAAOA,MACPe,aAAcR,MAAMK,EAAE,CACtBI,UAAWT,MAAMU,KAAK,EAEtB,oBAACC,QAAKd,UAAU,oBAAoBG,MAAMU,KAAK,EAC/C,oBAACC,QAAKd,UAAU,aAAaG,MAAMY,UAAU,GAG/C,oBAACC,OACChB,UAAW,CAAC,2BAA2B,EAAEM,MAAM,CAAC,CAChDE,GAAIL,MAAMK,EAAE,CACZP,UAAQ,iBAER,oBAACG,gBACCT,MAAOA,MACPE,OAAQA,OACRC,UAAWA,aAKrB,GAEA,oBAACW,MAAGT,UAAU,mBACZ,oBAACiB,KACCC,KAAMrB,OAAO,YACbI,UAAQ,eACRD,UAAW,CAAC,uCAAuC,EAAEJ,MAAMuB,SAAS,CAAC,CAAC,EACvE,YAOP,gBAAe7B,MAAM8B,IAAI,CAAC3B,oBAAqB"}

package/core/MeganavItemsMobile.js

@@ -1,2 +1,2 @@
-import React from"react";import SignOutLink from"./SignOutLink";import MeganavSearchSuggestions from"./MeganavSearchSuggestions";import Icon from"./Icon";import MeganavData from"./Meganav/component.json";import MeganavControlMobileDropdown from"./MeganavControlMobileDropdown";import MeganavControlMobilePanelClose from"./MeganavControlMobilePanelClose";import MeganavControlMobilePanelOpen from"./MeganavControlMobilePanelOpen";import MeganavSearchAutocomplete from"./MeganavSearchAutocomplete";const MeganavItemsMobile=({panels,paths,sessionState,theme,loginLink,absUrl,statusUrl,searchDataId})=>{const classNames=`ui-meganav-link ${theme.textColor}`;return React.createElement("ul",{className:"flex md:hidden items-center","data-id":"meganav-items-mobile"},React.createElement("li",null,sessionState?.signedIn&&sessionState?.logOut?React.createElement(SignOutLink,{absUrl:absUrl,...sessionState.logOut},({text,href,onClick})=>React.createElement("a",{onClick:onClick,href:absUrl(href),className:classNames,"data-id":"meganav-link"},text)):React.createElement("a",{href:absUrl(loginLink),className:classNames,"data-id":"meganav-link"},"Login")),React.createElement("li",{className:"ui-meganav-item"},React.createElement(MeganavControlMobileDropdown,{theme:theme}),React.createElement("div",{className:"ui-meganav-mobile-dropdown invisible",id:"meganav-mobile-dropdown","data-id":"meganav-mobile-dropdown"},React.createElement("div",{className:"pt-24 pb-16 ui-grid-px bg-white"},React.createElement("form",{className:"mb-16",action:absUrl("/search"),method:"get"},React.createElement("div",{className:"relative w-full"},React.createElement(Icon,{name:"icon-gui-magnifying-glass-outline",color:"text-cool-black",size:"1.5rem",additionalCSS:"absolute top-12 left-16 hover:text-gui-hover"}),React.createElement("button",{type:"button",className:"absolute top-12 right-16 p-0 focus:outline-none focus-visible:outline-gui-focus m-0 md:hidden invisible","data-id":"meganav-search-input-clear"},React.createElement(Icon,{name:"icon-gui-x-circle-solid",color:"text-dark-grey",size:"1.5rem",additionalCSS:""})),React.createElement("input",{type:"search",name:"q",className:"ui-input px-48 h-48",style:{maxWidth:"none"},placeholder:"Search",autoComplete:"off","data-id":searchDataId??"meganav-mobile-search-input"}),React.createElement(MeganavSearchAutocomplete,null))),React.createElement("div",{className:"max-h-0 overflow-hidden transition-all","data-id":"meganav-mobile-search-suggestions"},React.createElement(MeganavSearchSuggestions,{absUrl:absUrl,displaySupportLink:false})),React.createElement("ul",{className:"mb-16","data-id":"meganav-mobile-panel-controls"},MeganavData.panels.map(panel=>{const PanelComponent=panels[panel.component];const displayHr=["company-panel","developers-panel"].includes(panel.id);return React.createElement("li",{className:"ui-meganav-mobile-item",key:`${panel.id}-mobile`},React.createElement(MeganavControlMobilePanelOpen,{ariaControls:`${panel.id}-mobile`},panel.label),React.createElement("div",{className:"ui-meganav-panel-mobile hidden",id:`${panel.id}-mobile`,"data-scroll-lock-scrollable":true},React.createElement(MeganavControlMobilePanelClose,{ariaControls:`${panel.id}-mobile`,displayHr:displayHr}),React.createElement(PanelComponent,{paths:paths,absUrl:absUrl,statusUrl:statusUrl})))}),React.createElement("li",null,React.createElement("a",{href:absUrl("/pricing"),className:"ui-meganav-mobile-link"},"Pricing"))),React.createElement("hr",{className:"ui-meganav-hr mb-20"}),React.createElement("div",{className:"flex justify-between items-center mb-16"},React.createElement("a",{href:absUrl("/contact"),className:"text-menu2 font-medium block ml-0 mr-8 lg:mx-12 p-0 hover:text-gui-hover focus:text-gui-focus focus:outline-none"},"Contact us"),sessionState?.signedIn&&sessionState?.account?React.createElement("a",{href:absUrl(sessionState.account.links.dashboard.href),className:"ui-btn-secondary"},"Dashboard"):React.createElement("a",{href:absUrl("/sign-up"),className:"ui-btn"},"Sign up free"))))))};export default React.memo(MeganavItemsMobile,(oldState,newState)=>{const{paths:pathsOld,theme:themeOld}=oldState;const{paths:pathsNew,theme:themeNew}=newState;return pathsOld===pathsNew&&themeOld===themeNew&&Object.keys(newState.sessionState||{}).length===0});
+import React from"react";import SignOutLink from"./SignOutLink";import MeganavSearchSuggestions from"./MeganavSearchSuggestions";import Icon from"./Icon";import MeganavData from"./LegacyMeganav/component.json";import MeganavControlMobileDropdown from"./MeganavControlMobileDropdown";import MeganavControlMobilePanelClose from"./MeganavControlMobilePanelClose";import MeganavControlMobilePanelOpen from"./MeganavControlMobilePanelOpen";import MeganavSearchAutocomplete from"./MeganavSearchAutocomplete";const MeganavItemsMobile=({panels,paths,sessionState,theme,loginLink,absUrl,statusUrl,searchDataId})=>{const classNames=`ui-meganav-link ${theme.textColor}`;return React.createElement("ul",{className:"flex md:hidden items-center","data-id":"meganav-items-mobile"},React.createElement("li",null,sessionState?.signedIn&&sessionState?.logOut?React.createElement(SignOutLink,{absUrl:absUrl,...sessionState.logOut},({text,href,onClick})=>React.createElement("a",{onClick:onClick,href:absUrl(href),className:classNames,"data-id":"meganav-link"},text)):React.createElement("a",{href:absUrl(loginLink),className:classNames,"data-id":"meganav-link"},"Login")),React.createElement("li",{className:"ui-meganav-item"},React.createElement(MeganavControlMobileDropdown,{theme:theme}),React.createElement("div",{className:"ui-meganav-mobile-dropdown invisible",id:"meganav-mobile-dropdown","data-id":"meganav-mobile-dropdown"},React.createElement("div",{className:"pt-24 pb-16 ui-grid-px bg-white"},React.createElement("form",{className:"mb-16",action:absUrl("/search"),method:"get"},React.createElement("div",{className:"relative w-full"},React.createElement(Icon,{name:"icon-gui-magnifying-glass-outline",color:"text-cool-black",size:"1.5rem",additionalCSS:"absolute top-12 left-16 hover:text-gui-hover"}),React.createElement("button",{type:"button",className:"absolute top-12 right-16 p-0 focus:outline-none focus-visible:outline-gui-focus m-0 md:hidden invisible","data-id":"meganav-search-input-clear"},React.createElement(Icon,{name:"icon-gui-x-circle-solid",color:"text-dark-grey",size:"1.5rem",additionalCSS:""})),React.createElement("input",{type:"search",name:"q",className:"ui-input px-48 h-48",style:{maxWidth:"none"},placeholder:"Search",autoComplete:"off","data-id":searchDataId??"meganav-mobile-search-input"}),React.createElement(MeganavSearchAutocomplete,null))),React.createElement("div",{className:"max-h-0 overflow-hidden transition-all","data-id":"meganav-mobile-search-suggestions"},React.createElement(MeganavSearchSuggestions,{absUrl:absUrl,displaySupportLink:false})),React.createElement("ul",{className:"mb-16","data-id":"meganav-mobile-panel-controls"},MeganavData.panels.map(panel=>{const PanelComponent=panels[panel.component];const displayHr=["company-panel","developers-panel"].includes(panel.id);return React.createElement("li",{className:"ui-meganav-mobile-item",key:`${panel.id}-mobile`},React.createElement(MeganavControlMobilePanelOpen,{ariaControls:`${panel.id}-mobile`},panel.label),React.createElement("div",{className:"ui-meganav-panel-mobile hidden",id:`${panel.id}-mobile`,"data-scroll-lock-scrollable":true},React.createElement(MeganavControlMobilePanelClose,{ariaControls:`${panel.id}-mobile`,displayHr:displayHr}),React.createElement(PanelComponent,{paths:paths,absUrl:absUrl,statusUrl:statusUrl})))}),React.createElement("li",null,React.createElement("a",{href:absUrl("/pricing"),className:"ui-meganav-mobile-link"},"Pricing"))),React.createElement("hr",{className:"ui-meganav-hr mb-20"}),React.createElement("div",{className:"flex justify-between items-center mb-16"},React.createElement("a",{href:absUrl("/contact"),className:"text-menu2 font-medium block ml-0 mr-8 lg:mx-12 p-0 hover:text-gui-hover focus:text-gui-focus focus:outline-none"},"Contact us"),sessionState?.signedIn&&sessionState?.account?React.createElement("a",{href:absUrl(sessionState.account.links.dashboard.href),className:"ui-btn-secondary"},"Dashboard"):React.createElement("a",{href:absUrl("/sign-up"),className:"ui-btn"},"Sign up free"))))))};export default React.memo(MeganavItemsMobile,(oldState,newState)=>{const{paths:pathsOld,theme:themeOld}=oldState;const{paths:pathsNew,theme:themeNew}=newState;return pathsOld===pathsNew&&themeOld===themeNew&&Object.keys(newState.sessionState||{}).length===0});
 //# sourceMappingURL=MeganavItemsMobile.js.map

package/core/MeganavItemsMobile.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/core/MeganavItemsMobile.tsx"],"sourcesContent":["import React from \"react\";\n\nimport SignOutLink from \"./SignOutLink\";\nimport MeganavSearchSuggestions from \"./MeganavSearchSuggestions\";\nimport Icon from \"./Icon\";\nimport MeganavData from \"./Meganav/component.json\";\nimport MeganavControlMobileDropdown from \"./MeganavControlMobileDropdown\";\nimport MeganavControlMobilePanelClose from \"./MeganavControlMobilePanelClose\";\nimport MeganavControlMobilePanelOpen from \"./MeganavControlMobilePanelOpen\";\nimport MeganavSearchAutocomplete from \"./MeganavSearchAutocomplete\";\nimport {\n  AbsUrl,\n  MeganavPanels,\n  MeganavPaths,\n  MeganavSessionState,\n  MeganavTheme,\n} from \"./Meganav\";\n\ntype MeganavItemsMobileProps = {\n  panels: MeganavPanels;\n  paths?: MeganavPaths;\n  sessionState?: MeganavSessionState;\n  theme: MeganavTheme;\n  loginLink: string;\n  absUrl: AbsUrl;\n  statusUrl: string;\n  searchDataId?: string;\n};\n\nconst MeganavItemsMobile = ({\n  panels,\n  paths,\n  sessionState,\n  theme,\n  loginLink,\n  absUrl,\n  statusUrl,\n  searchDataId,\n}: MeganavItemsMobileProps) => {\n  const classNames = `ui-meganav-link ${theme.textColor}`;\n\n  return (\n    <ul className=\"flex md:hidden items-center\" data-id=\"meganav-items-mobile\">\n      <li>\n        {sessionState?.signedIn && sessionState?.logOut ? (\n          <SignOutLink absUrl={absUrl} {...sessionState.logOut}>\n            {({ text, href, onClick }) => (\n              <a\n                onClick={onClick}\n                href={absUrl(href)}\n                className={classNames}\n                data-id=\"meganav-link\"\n              >\n                {text}\n              </a>\n            )}\n          </SignOutLink>\n        ) : (\n          <a\n            href={absUrl(loginLink)}\n            className={classNames}\n            data-id=\"meganav-link\"\n          >\n            Login\n          </a>\n        )}\n      </li>\n\n      <li className=\"ui-meganav-item\">\n        <MeganavControlMobileDropdown theme={theme} />\n\n        <div\n          className=\"ui-meganav-mobile-dropdown invisible\"\n          id=\"meganav-mobile-dropdown\"\n          data-id=\"meganav-mobile-dropdown\"\n        >\n          <div className=\"pt-24 pb-16 ui-grid-px bg-white\">\n            <form className=\"mb-16\" action={absUrl(\"/search\")} method=\"get\">\n              <div className=\"relative w-full\">\n                <Icon\n                  name=\"icon-gui-magnifying-glass-outline\"\n                  color=\"text-cool-black\"\n                  size=\"1.5rem\"\n                  additionalCSS=\"absolute top-12 left-16 hover:text-gui-hover\"\n                />\n                <button\n                  type=\"button\"\n                  className=\"absolute top-12 right-16 p-0 focus:outline-none focus-visible:outline-gui-focus m-0 md:hidden invisible\"\n                  data-id=\"meganav-search-input-clear\"\n                >\n                  <Icon\n                    name=\"icon-gui-x-circle-solid\"\n                    color=\"text-dark-grey\"\n                    size=\"1.5rem\"\n                    additionalCSS=\"\"\n                  />\n                </button>\n                <input\n                  type=\"search\"\n                  name=\"q\"\n                  className=\"ui-input px-48 h-48\"\n                  style={{ maxWidth: \"none\" }}\n                  placeholder=\"Search\"\n                  autoComplete=\"off\"\n                  data-id={searchDataId ?? \"meganav-mobile-search-input\"}\n                />\n\n                <MeganavSearchAutocomplete />\n              </div>\n            </form>\n\n            <div\n              className=\"max-h-0 overflow-hidden transition-all\"\n              data-id=\"meganav-mobile-search-suggestions\"\n            >\n              <MeganavSearchSuggestions\n                absUrl={absUrl}\n                displaySupportLink={false}\n              />\n            </div>\n\n            <ul className=\"mb-16\" data-id=\"meganav-mobile-panel-controls\">\n              {MeganavData.panels.map((panel) => {\n                const PanelComponent = panels[panel.component];\n                const displayHr = [\n                  \"company-panel\",\n                  \"developers-panel\",\n                ].includes(panel.id);\n\n                return (\n                  <li\n                    className=\"ui-meganav-mobile-item\"\n                    key={`${panel.id}-mobile`}\n                  >\n                    <MeganavControlMobilePanelOpen\n                      ariaControls={`${panel.id}-mobile`}\n                    >\n                      {panel.label}\n                    </MeganavControlMobilePanelOpen>\n\n                    <div\n                      className=\"ui-meganav-panel-mobile hidden\"\n                      id={`${panel.id}-mobile`}\n                      data-scroll-lock-scrollable\n                    >\n                      <MeganavControlMobilePanelClose\n                        ariaControls={`${panel.id}-mobile`}\n                        displayHr={displayHr}\n                      />\n                      <PanelComponent\n                        paths={paths}\n                        absUrl={absUrl}\n                        statusUrl={statusUrl}\n                      />\n                    </div>\n                  </li>\n                );\n              })}\n              <li>\n                <a href={absUrl(\"/pricing\")} className=\"ui-meganav-mobile-link\">\n                  Pricing\n                </a>\n              </li>\n            </ul>\n\n            <hr className=\"ui-meganav-hr mb-20\" />\n\n            <div className=\"flex justify-between items-center mb-16\">\n              <a\n                href={absUrl(\"/contact\")}\n                className=\"text-menu2 font-medium block ml-0 mr-8 lg:mx-12 p-0 hover:text-gui-hover focus:text-gui-focus focus:outline-none\"\n              >\n                Contact us\n              </a>\n              {sessionState?.signedIn && sessionState?.account ? (\n                <a\n                  href={absUrl(sessionState.account.links.dashboard.href)}\n                  className=\"ui-btn-secondary\"\n                >\n                  Dashboard\n                </a>\n              ) : (\n                <a href={absUrl(\"/sign-up\")} className=\"ui-btn\">\n                  Sign up free\n                </a>\n              )}\n            </div>\n          </div>\n        </div>\n      </li>\n    </ul>\n  );\n};\n\nexport default React.memo(MeganavItemsMobile, (oldState, newState) => {\n  const { paths: pathsOld, theme: themeOld } = oldState;\n  const { paths: pathsNew, theme: themeNew } = newState;\n\n  return (\n    pathsOld === pathsNew &&\n    themeOld === themeNew &&\n    Object.keys(newState.sessionState || {}).length === 0\n  );\n});\n"],"names":["React","SignOutLink","MeganavSearchSuggestions","Icon","MeganavData","MeganavControlMobileDropdown","MeganavControlMobilePanelClose","MeganavControlMobilePanelOpen","MeganavSearchAutocomplete","MeganavItemsMobile","panels","paths","sessionState","theme","loginLink","absUrl","statusUrl","searchDataId","classNames","textColor","ul","className","data-id","li","signedIn","logOut","text","href","onClick","a","div","id","form","action","method","name","color","size","additionalCSS","button","type","input","style","maxWidth","placeholder","autoComplete","displaySupportLink","map","panel","PanelComponent","component","displayHr","includes","key","ariaControls","label","data-scroll-lock-scrollable","hr","account","links","dashboard","memo","oldState","newState","pathsOld","themeOld","pathsNew","themeNew","Object","keys","length"],"mappings":"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"}
+{"version":3,"sources":["../../src/core/MeganavItemsMobile.tsx"],"sourcesContent":["import React from \"react\";\n\nimport SignOutLink from \"./SignOutLink\";\nimport MeganavSearchSuggestions from \"./MeganavSearchSuggestions\";\nimport Icon from \"./Icon\";\nimport MeganavData from \"./LegacyMeganav/component.json\";\nimport MeganavControlMobileDropdown from \"./MeganavControlMobileDropdown\";\nimport MeganavControlMobilePanelClose from \"./MeganavControlMobilePanelClose\";\nimport MeganavControlMobilePanelOpen from \"./MeganavControlMobilePanelOpen\";\nimport MeganavSearchAutocomplete from \"./MeganavSearchAutocomplete\";\nimport {\n  AbsUrl,\n  MeganavPanels,\n  MeganavPaths,\n  MeganavSessionState,\n  MeganavTheme,\n} from \"./LegacyMeganav\";\n\ntype MeganavItemsMobileProps = {\n  panels: MeganavPanels;\n  paths?: MeganavPaths;\n  sessionState?: MeganavSessionState;\n  theme: MeganavTheme;\n  loginLink: string;\n  absUrl: AbsUrl;\n  statusUrl: string;\n  searchDataId?: string;\n};\n\nconst MeganavItemsMobile = ({\n  panels,\n  paths,\n  sessionState,\n  theme,\n  loginLink,\n  absUrl,\n  statusUrl,\n  searchDataId,\n}: MeganavItemsMobileProps) => {\n  const classNames = `ui-meganav-link ${theme.textColor}`;\n\n  return (\n    <ul className=\"flex md:hidden items-center\" data-id=\"meganav-items-mobile\">\n      <li>\n        {sessionState?.signedIn && sessionState?.logOut ? (\n          <SignOutLink absUrl={absUrl} {...sessionState.logOut}>\n            {({ text, href, onClick }) => (\n              <a\n                onClick={onClick}\n                href={absUrl(href)}\n                className={classNames}\n                data-id=\"meganav-link\"\n              >\n                {text}\n              </a>\n            )}\n          </SignOutLink>\n        ) : (\n          <a\n            href={absUrl(loginLink)}\n            className={classNames}\n            data-id=\"meganav-link\"\n          >\n            Login\n          </a>\n        )}\n      </li>\n\n      <li className=\"ui-meganav-item\">\n        <MeganavControlMobileDropdown theme={theme} />\n\n        <div\n          className=\"ui-meganav-mobile-dropdown invisible\"\n          id=\"meganav-mobile-dropdown\"\n          data-id=\"meganav-mobile-dropdown\"\n        >\n          <div className=\"pt-24 pb-16 ui-grid-px bg-white\">\n            <form className=\"mb-16\" action={absUrl(\"/search\")} method=\"get\">\n              <div className=\"relative w-full\">\n                <Icon\n                  name=\"icon-gui-magnifying-glass-outline\"\n                  color=\"text-cool-black\"\n                  size=\"1.5rem\"\n                  additionalCSS=\"absolute top-12 left-16 hover:text-gui-hover\"\n                />\n                <button\n                  type=\"button\"\n                  className=\"absolute top-12 right-16 p-0 focus:outline-none focus-visible:outline-gui-focus m-0 md:hidden invisible\"\n                  data-id=\"meganav-search-input-clear\"\n                >\n                  <Icon\n                    name=\"icon-gui-x-circle-solid\"\n                    color=\"text-dark-grey\"\n                    size=\"1.5rem\"\n                    additionalCSS=\"\"\n                  />\n                </button>\n                <input\n                  type=\"search\"\n                  name=\"q\"\n                  className=\"ui-input px-48 h-48\"\n                  style={{ maxWidth: \"none\" }}\n                  placeholder=\"Search\"\n                  autoComplete=\"off\"\n                  data-id={searchDataId ?? \"meganav-mobile-search-input\"}\n                />\n\n                <MeganavSearchAutocomplete />\n              </div>\n            </form>\n\n            <div\n              className=\"max-h-0 overflow-hidden transition-all\"\n              data-id=\"meganav-mobile-search-suggestions\"\n            >\n              <MeganavSearchSuggestions\n                absUrl={absUrl}\n                displaySupportLink={false}\n              />\n            </div>\n\n            <ul className=\"mb-16\" data-id=\"meganav-mobile-panel-controls\">\n              {MeganavData.panels.map((panel) => {\n                const PanelComponent = panels[panel.component];\n                const displayHr = [\n                  \"company-panel\",\n                  \"developers-panel\",\n                ].includes(panel.id);\n\n                return (\n                  <li\n                    className=\"ui-meganav-mobile-item\"\n                    key={`${panel.id}-mobile`}\n                  >\n                    <MeganavControlMobilePanelOpen\n                      ariaControls={`${panel.id}-mobile`}\n                    >\n                      {panel.label}\n                    </MeganavControlMobilePanelOpen>\n\n                    <div\n                      className=\"ui-meganav-panel-mobile hidden\"\n                      id={`${panel.id}-mobile`}\n                      data-scroll-lock-scrollable\n                    >\n                      <MeganavControlMobilePanelClose\n                        ariaControls={`${panel.id}-mobile`}\n                        displayHr={displayHr}\n                      />\n                      <PanelComponent\n                        paths={paths}\n                        absUrl={absUrl}\n                        statusUrl={statusUrl}\n                      />\n                    </div>\n                  </li>\n                );\n              })}\n              <li>\n                <a href={absUrl(\"/pricing\")} className=\"ui-meganav-mobile-link\">\n                  Pricing\n                </a>\n              </li>\n            </ul>\n\n            <hr className=\"ui-meganav-hr mb-20\" />\n\n            <div className=\"flex justify-between items-center mb-16\">\n              <a\n                href={absUrl(\"/contact\")}\n                className=\"text-menu2 font-medium block ml-0 mr-8 lg:mx-12 p-0 hover:text-gui-hover focus:text-gui-focus focus:outline-none\"\n              >\n                Contact us\n              </a>\n              {sessionState?.signedIn && sessionState?.account ? (\n                <a\n                  href={absUrl(sessionState.account.links.dashboard.href)}\n                  className=\"ui-btn-secondary\"\n                >\n                  Dashboard\n                </a>\n              ) : (\n                <a href={absUrl(\"/sign-up\")} className=\"ui-btn\">\n                  Sign up free\n                </a>\n              )}\n            </div>\n          </div>\n        </div>\n      </li>\n    </ul>\n  );\n};\n\nexport default React.memo(MeganavItemsMobile, (oldState, newState) => {\n  const { paths: pathsOld, theme: themeOld } = oldState;\n  const { paths: pathsNew, theme: themeNew } = newState;\n\n  return (\n    pathsOld === pathsNew &&\n    themeOld === themeNew &&\n    Object.keys(newState.sessionState || {}).length === 0\n  );\n});\n"],"names":["React","SignOutLink","MeganavSearchSuggestions","Icon","MeganavData","MeganavControlMobileDropdown","MeganavControlMobilePanelClose","MeganavControlMobilePanelOpen","MeganavSearchAutocomplete","MeganavItemsMobile","panels","paths","sessionState","theme","loginLink","absUrl","statusUrl","searchDataId","classNames","textColor","ul","className","data-id","li","signedIn","logOut","text","href","onClick","a","div","id","form","action","method","name","color","size","additionalCSS","button","type","input","style","maxWidth","placeholder","autoComplete","displaySupportLink","map","panel","PanelComponent","component","displayHr","includes","key","ariaControls","label","data-scroll-lock-scrollable","hr","account","links","dashboard","memo","oldState","newState","pathsOld","themeOld","pathsNew","themeNew","Object","keys","length"],"mappings":"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"}

package/core/MeganavItemsSignedIn.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/core/MeganavItemsSignedIn.tsx"],"sourcesContent":["import React from \"react\";\nimport MeganavSearch from \"./MeganavSearch\";\nimport { AbsUrl, MeganavSessionState, MeganavTheme } from \"./Meganav\";\n\ntype MeganavItemsSignedIn = {\n  sessionState: MeganavSessionState;\n  theme: MeganavTheme;\n  absUrl: AbsUrl;\n  searchDataId?: string;\n};\n\nconst truncate = (string: string, length: number) => {\n  return string?.length && string.length > length\n    ? `${string.slice(0, length - 1)}…`\n    : string;\n};\n\nconst MeganavItemsSignedIn = ({\n  sessionState,\n  absUrl,\n  searchDataId,\n}: MeganavItemsSignedIn) => {\n  const accountName = truncate(sessionState.accountName, 20);\n\n  return (\n    <ul className=\"hidden md:flex items-center\">\n      <li className=\"ui-meganav-item relative\">\n        <span className=\"ui-meganav-link h-64 hover:text-cool-black mr-0\">\n          {accountName}\n        </span>\n      </li>\n\n      <li>\n        <MeganavSearch absUrl={absUrl} dataId={searchDataId} />\n      </li>\n\n      {sessionState.account && (\n        <li>\n          <a\n            href={absUrl(sessionState.account.links.dashboard.href)}\n            className=\"ui-btn-secondary p-btn-small\"\n          >\n            Dashboard\n          </a>\n        </li>\n      )}\n    </ul>\n  );\n};\n\nexport default MeganavItemsSignedIn;\n"],"names":["React","MeganavSearch","truncate","string","length","slice","MeganavItemsSignedIn","sessionState","absUrl","searchDataId","accountName","ul","className","li","span","dataId","account","a","href","links","dashboard"],"mappings":"AAAA,OAAOA,UAAW,OAAQ,AAC1B,QAAOC,kBAAmB,iBAAkB,CAU5C,MAAMC,SAAW,CAACC,OAAgBC,UAChC,OAAOD,QAAQC,QAAUD,OAAOC,MAAM,CAAGA,OACrC,CAAC,EAAED,OAAOE,KAAK,CAAC,EAAGD,OAAS,GAAG,CAAC,CAAC,CACjCD,MACN,EAEA,MAAMG,qBAAuB,CAAC,CAC5BC,YAAY,CACZC,MAAM,CACNC,YAAY,CACS,IACrB,MAAMC,YAAcR,SAASK,aAAaG,WAAW,CAAE,IAEvD,OACE,oBAACC,MAAGC,UAAU,+BACZ,oBAACC,MAAGD,UAAU,4BACZ,oBAACE,QAAKF,UAAU,mDACbF,cAIL,oBAACG,UACC,oBAACZ,eAAcO,OAAQA,OAAQO,OAAQN,gBAGxCF,aAAaS,OAAO,EACnB,oBAACH,UACC,oBAACI,KACCC,KAAMV,OAAOD,aAAaS,OAAO,CAACG,KAAK,CAACC,SAAS,CAACF,IAAI,EACtDN,UAAU,gCACX,cAOX,CAEA,gBAAeN,oBAAqB"}
+{"version":3,"sources":["../../src/core/MeganavItemsSignedIn.tsx"],"sourcesContent":["import React from \"react\";\nimport MeganavSearch from \"./MeganavSearch\";\nimport { AbsUrl, MeganavSessionState, MeganavTheme } from \"./LegacyMeganav\";\n\ntype MeganavItemsSignedIn = {\n  sessionState: MeganavSessionState;\n  theme: MeganavTheme;\n  absUrl: AbsUrl;\n  searchDataId?: string;\n};\n\nconst truncate = (string: string, length: number) => {\n  return string?.length && string.length > length\n    ? `${string.slice(0, length - 1)}…`\n    : string;\n};\n\nconst MeganavItemsSignedIn = ({\n  sessionState,\n  absUrl,\n  searchDataId,\n}: MeganavItemsSignedIn) => {\n  const accountName = truncate(sessionState.accountName, 20);\n\n  return (\n    <ul className=\"hidden md:flex items-center\">\n      <li className=\"ui-meganav-item relative\">\n        <span className=\"ui-meganav-link h-64 hover:text-cool-black mr-0\">\n          {accountName}\n        </span>\n      </li>\n\n      <li>\n        <MeganavSearch absUrl={absUrl} dataId={searchDataId} />\n      </li>\n\n      {sessionState.account && (\n        <li>\n          <a\n            href={absUrl(sessionState.account.links.dashboard.href)}\n            className=\"ui-btn-secondary p-btn-small\"\n          >\n            Dashboard\n          </a>\n        </li>\n      )}\n    </ul>\n  );\n};\n\nexport default MeganavItemsSignedIn;\n"],"names":["React","MeganavSearch","truncate","string","length","slice","MeganavItemsSignedIn","sessionState","absUrl","searchDataId","accountName","ul","className","li","span","dataId","account","a","href","links","dashboard"],"mappings":"AAAA,OAAOA,UAAW,OAAQ,AAC1B,QAAOC,kBAAmB,iBAAkB,CAU5C,MAAMC,SAAW,CAACC,OAAgBC,UAChC,OAAOD,QAAQC,QAAUD,OAAOC,MAAM,CAAGA,OACrC,CAAC,EAAED,OAAOE,KAAK,CAAC,EAAGD,OAAS,GAAG,CAAC,CAAC,CACjCD,MACN,EAEA,MAAMG,qBAAuB,CAAC,CAC5BC,YAAY,CACZC,MAAM,CACNC,YAAY,CACS,IACrB,MAAMC,YAAcR,SAASK,aAAaG,WAAW,CAAE,IAEvD,OACE,oBAACC,MAAGC,UAAU,+BACZ,oBAACC,MAAGD,UAAU,4BACZ,oBAACE,QAAKF,UAAU,mDACbF,cAIL,oBAACG,UACC,oBAACZ,eAAcO,OAAQA,OAAQO,OAAQN,gBAGxCF,aAAaS,OAAO,EACnB,oBAACH,UACC,oBAACI,KACCC,KAAMV,OAAOD,aAAaS,OAAO,CAACG,KAAK,CAACC,SAAS,CAACF,IAAI,EACtDN,UAAU,gCACX,cAOX,CAEA,gBAAeN,oBAAqB"}