@xyo-network/react-footer 2.64.0 → 2.64.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/browser/AlwaysLinks.js +36 -5
- package/dist/browser/AlwaysLinks.js.map +1 -1
- package/dist/browser/Footer.js +50 -8
- package/dist/browser/Footer.js.map +1 -1
- package/dist/browser/Link.js +4 -3
- package/dist/browser/Link.js.map +1 -1
- package/dist/browser/Links.js +3 -2
- package/dist/browser/Links.js.map +1 -1
- package/dist/browser/Xyo/AlwaysLinks.js +48 -4
- package/dist/browser/Xyo/AlwaysLinks.js.map +1 -1
- package/dist/browser/Xyo/DeveloperLinks.js +48 -9
- package/dist/browser/Xyo/DeveloperLinks.js.map +1 -1
- package/dist/browser/Xyo/Footer.js +161 -18
- package/dist/browser/Xyo/Footer.js.map +1 -1
- package/dist/browser/Xyo/MoreLinks.js +46 -7
- package/dist/browser/Xyo/MoreLinks.js.map +1 -1
- package/dist/browser/Xyo/NetworkLinks.js +47 -8
- package/dist/browser/Xyo/NetworkLinks.js.map +1 -1
- package/dist/browser/Xyo/SocialLinks.js +54 -13
- package/dist/browser/Xyo/SocialLinks.js.map +1 -1
- package/dist/browser/Xyo/SupportLinks.js +45 -6
- package/dist/browser/Xyo/SupportLinks.js.map +1 -1
- package/dist/browser/Xyo/TokenLinks.js +48 -9
- package/dist/browser/Xyo/TokenLinks.js.map +1 -1
- package/dist/browser/Xyo/index.js +229 -8
- package/dist/browser/Xyo/index.js.map +1 -1
- package/dist/browser/index.js +234 -6
- package/dist/browser/index.js.map +1 -1
- package/dist/browser/lib/copyrightLinkTitle.js +2 -1
- package/dist/browser/lib/copyrightLinkTitle.js.map +1 -1
- package/dist/browser/lib/index.js +7 -1
- package/dist/browser/lib/index.js.map +1 -1
- package/dist/docs.json +29 -29
- package/package.json +6 -6
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/Xyo/Footer.tsx"],"sourcesContent":["import { Grid } from '@mui/material'\n\nimport { Footer, FooterProps } from '../Footer'\nimport { copyrightLinkTitle } from '../lib'\nimport { DeveloperLinks } from './DeveloperLinks'\nimport { MoreLinks } from './MoreLinks'\nimport { NetworkLinks } from './NetworkLinks'\nimport { SocialLinks } from './SocialLinks'\nimport { SupportLinks } from './SupportLinks'\nimport { TokenLinks } from './TokenLinks'\n\nconst footerLinks = [\n {\n href: 'https://xylabs.com/',\n title: copyrightLinkTitle('XY Labs, Inc.'),\n },\n {\n href: 'https://xyo.network/',\n title: 'XYO Foundation',\n },\n {\n href: 'https://xylabs.com/privacy/',\n title: 'Privacy',\n },\n {\n href: 'https://xylabs.com/terms/',\n title: 'Terms',\n },\n {\n href: 'https://xylabs.com/jobs',\n title: 'Careers',\n },\n]\n\nexport const XyoFooter: React.FC<FooterProps> = ({\n alwaysFooterLinksProps = { footerLinks },\n\n ...props\n}) => {\n return (\n <Footer alwaysFooterLinksProps={alwaysFooterLinksProps} {...props}>\n <Grid container>\n <Grid item xs={12} md={2}>\n <SocialLinks alignItems=\"flex-start\" />\n </Grid>\n <Grid item xs={6} md={2}>\n <NetworkLinks alignItems=\"flex-start\" />\n </Grid>\n <Grid item xs={6} md={2}>\n <TokenLinks alignItems=\"flex-start\" />\n </Grid>\n <Grid item xs={6} md={2}>\n <DeveloperLinks alignItems=\"flex-start\" />\n </Grid>\n <Grid item xs={6} md={2}>\n <MoreLinks alignItems=\"flex-start\" />\n </Grid>\n <Grid item xs={6} md={2}>\n <SupportLinks alignItems=\"flex-start\" />\n </Grid>\n </Grid>\n </Footer>\n )\n}\n"],"mappings":"AAyCM,SAEI,KAFJ;AAzCN,SAAS,YAAY;AAErB,SAAS,cAA2B;AACpC,SAAS,0BAA0B;AACnC,SAAS,sBAAsB;AAC/B,SAAS,iBAAiB;AAC1B,SAAS,oBAAoB;AAC7B,SAAS,mBAAmB;AAC5B,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AAE3B,MAAM,cAAc;AAAA,EAClB;AAAA,IACE,MAAM;AAAA,IACN,OAAO,mBAAmB,eAAe;AAAA,EAC3C;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AACF;AAEO,MAAM,YAAmC,CAAC;AAAA,EAC/C,yBAAyB,EAAE,YAAY;AAAA,EAEvC,GAAG;AACL,MAAM;AACJ,SACE,oBAAC,UAAO,wBAAiD,GAAG,OAC1D,+BAAC,QAAK,WAAS,MACb;AAAA,wBAAC,QAAK,MAAI,MAAC,IAAI,IAAI,IAAI,GACrB,8BAAC,eAAY,YAAW,cAAa,GACvC;AAAA,IACA,oBAAC,QAAK,MAAI,MAAC,IAAI,GAAG,IAAI,GACpB,8BAAC,gBAAa,YAAW,cAAa,GACxC;AAAA,IACA,oBAAC,QAAK,MAAI,MAAC,IAAI,GAAG,IAAI,GACpB,8BAAC,cAAW,YAAW,cAAa,GACtC;AAAA,IACA,oBAAC,QAAK,MAAI,MAAC,IAAI,GAAG,IAAI,GACpB,8BAAC,kBAAe,YAAW,cAAa,GAC1C;AAAA,IACA,oBAAC,QAAK,MAAI,MAAC,IAAI,GAAG,IAAI,GACpB,8BAAC,aAAU,YAAW,cAAa,GACrC;AAAA,IACA,oBAAC,QAAK,MAAI,MAAC,IAAI,GAAG,IAAI,GACpB,8BAAC,gBAAa,YAAW,cAAa,GACxC;AAAA,KACF,GACF;AAEJ;","names":[]}
|
|
1
|
+
{"version":3,"sources":["../../../src/Xyo/Footer.tsx","../../../src/Footer.tsx","../../../src/AlwaysLinks.tsx","../../../src/Link.tsx","../../../src/lib/copyrightLinkTitle.ts","../../../src/Links.tsx","../../../src/Xyo/DeveloperLinks.tsx","../../../src/Xyo/MoreLinks.tsx","../../../src/Xyo/NetworkLinks.tsx","../../../src/Xyo/SocialLinks.tsx","../../../src/Xyo/SupportLinks.tsx","../../../src/Xyo/TokenLinks.tsx"],"sourcesContent":["import { Grid } from '@mui/material'\n\nimport { Footer, FooterProps } from '../Footer'\nimport { copyrightLinkTitle } from '../lib'\nimport { DeveloperLinks } from './DeveloperLinks'\nimport { MoreLinks } from './MoreLinks'\nimport { NetworkLinks } from './NetworkLinks'\nimport { SocialLinks } from './SocialLinks'\nimport { SupportLinks } from './SupportLinks'\nimport { TokenLinks } from './TokenLinks'\n\nconst footerLinks = [\n {\n href: 'https://xylabs.com/',\n title: copyrightLinkTitle('XY Labs, Inc.'),\n },\n {\n href: 'https://xyo.network/',\n title: 'XYO Foundation',\n },\n {\n href: 'https://xylabs.com/privacy/',\n title: 'Privacy',\n },\n {\n href: 'https://xylabs.com/terms/',\n title: 'Terms',\n },\n {\n href: 'https://xylabs.com/jobs',\n title: 'Careers',\n },\n]\n\nexport const XyoFooter: React.FC<FooterProps> = ({\n alwaysFooterLinksProps = { footerLinks },\n\n ...props\n}) => {\n return (\n <Footer alwaysFooterLinksProps={alwaysFooterLinksProps} {...props}>\n <Grid container>\n <Grid item xs={12} md={2}>\n <SocialLinks alignItems=\"flex-start\" />\n </Grid>\n <Grid item xs={6} md={2}>\n <NetworkLinks alignItems=\"flex-start\" />\n </Grid>\n <Grid item xs={6} md={2}>\n <TokenLinks alignItems=\"flex-start\" />\n </Grid>\n <Grid item xs={6} md={2}>\n <DeveloperLinks alignItems=\"flex-start\" />\n </Grid>\n <Grid item xs={6} md={2}>\n <MoreLinks alignItems=\"flex-start\" />\n </Grid>\n <Grid item xs={6} md={2}>\n <SupportLinks alignItems=\"flex-start\" />\n </Grid>\n </Grid>\n </Footer>\n )\n}\n","import { Container, ContainerProps, useTheme } from '@mui/material'\nimport { FlexBoxProps, FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport { useState } from 'react'\n\nimport { FooterAlwaysLinks, FooterAlwaysLinksProps } from './AlwaysLinks'\n\nexport interface FooterProps extends FlexBoxProps {\n alwaysFooterLinksProps?: FooterAlwaysLinksProps\n container?: ContainerProps['maxWidth'] | 'none'\n dynamicHeight?: boolean\n}\n\nexport const Footer: React.FC<FooterProps> = ({ alwaysFooterLinksProps, children, container, dynamicHeight = false, ...props }) => {\n const [more, setMore] = useState(false)\n const onMore = () => {\n setMore(!more)\n }\n\n const theme = useTheme()\n\n return (\n <FlexCol\n alignItems=\"stretch\"\n onMouseLeave={() => {\n setMore(false)\n }}\n {...props}\n >\n {more && dynamicHeight ? (\n <FlexCol alignItems=\"stretch\">\n <FlexRow bottom={-1} position=\"absolute\" width=\"100%\" bgcolor={theme.palette.background.default}>\n {container && container !== 'none' ? <Container>{children}</Container> : children}\n </FlexRow>\n </FlexCol>\n ) : null}\n {!dynamicHeight ? (\n <FlexCol alignItems=\"stretch\">{container && container !== 'none' ? <Container>{children}</Container> : children}</FlexCol>\n ) : null}\n <FlexRow>\n {container && container !== 'none' ? (\n <Container>\n <FooterAlwaysLinks {...alwaysFooterLinksProps} onMore={dynamicHeight ? onMore : undefined} />\n </Container>\n ) : (\n <FooterAlwaysLinks {...alwaysFooterLinksProps} onMore={dynamicHeight ? onMore : undefined} />\n )}\n </FlexRow>\n </FlexCol>\n )\n}\n","import { MoreHoriz as MoreHorizIcon } from '@mui/icons-material'\nimport { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'\nimport { LinkExProps } from '@xylabs/react-link'\n\nimport { FooterLink } from './Link'\n\nexport interface FooterAlwaysLinksProps extends FlexBoxProps {\n footerLinks?: LinkExProps[]\n onMore?: () => void\n}\n\nexport const FooterAlwaysLinks: React.FC<FooterAlwaysLinksProps> = ({ style, footerLinks, onMore, ...props }) => (\n <FlexRow flexWrap=\"wrap\" textTransform=\"uppercase\" style={{ opacity: 0.6, ...style }} {...props}>\n {footerLinks?.map((footerLink, index) => (\n <FooterLink noWrap key={index} paddingX={1} margin={0} {...footerLink}>\n <small>{footerLink.title}</small>\n </FooterLink>\n ))}\n {onMore ? (\n <FlexRow style={{ cursor: 'pointer' }} paddingX={0.5} onClick={onMore}>\n <MoreHorizIcon color=\"primary\" fontSize=\"small\" />\n </FlexRow>\n ) : null}\n </FlexRow>\n)\n","import { assertEx } from '@xylabs/assert'\nimport { LinkEx, LinkExProps } from '@xylabs/react-link'\n\n/**\n * @description\n * FooterLink automatically uses a local To if the link is to the current domain\n * If the link is not local, it defaults to target being _blank\n * In the case of 'beta' domains, it navigates correctly\n */\n\nconst convertToBetaIfNeeded = (url: string | URL, currentUrl = new URL(document.location.href)) => {\n const urlObj = typeof url === 'string' ? new URL(url) : url\n const currentUrlObj = typeof currentUrl === 'string' ? new URL(currentUrl) : currentUrl\n const currentHostnameParts = currentUrlObj.hostname.split('.')\n const beta = currentHostnameParts.shift() === 'beta'\n if (beta) {\n const currentHostnameWithoutBeta = currentHostnameParts.join('.')\n if (currentHostnameWithoutBeta === urlObj.hostname) {\n urlObj.hostname = currentUrlObj.hostname\n }\n }\n return urlObj\n}\n\nexport const FooterLink: React.FC<LinkExProps> = ({ target, href, margin = 0.5, variant = 'body2', ...props }) => {\n const url = new URL(assertEx(href, 'href not set'))\n assertEx(url.hostname, 'Hostname is required in href')\n const convertedUrl = convertToBetaIfNeeded(url)\n if (document.location.hostname === convertedUrl.hostname) {\n const to = url.search.length > 0 ? `${convertedUrl.pathname}${convertedUrl.search}` : url.pathname\n return <LinkEx margin={margin} to={to} target={target} variant={variant} {...props} />\n } else {\n return <LinkEx margin={margin} href={href} target={target ?? '_blank'} variant={variant} {...props} />\n }\n}\n","export const copyrightLinkTitle = (entity: string) => {\n return `Copyright © ${new Date().getFullYear()} ${entity}`\n}\n","import { Typography } from '@mui/material'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\n\nexport const FooterLinks: React.FC<FlexBoxProps> = ({ children, title, ...props }) => {\n return (\n <FlexCol margin={1} justifyContent=\"flex-start\" title={title} {...props}>\n <Typography margin={0.5} variant=\"h6\" noWrap>\n {title}\n </Typography>\n {children}\n </FlexCol>\n )\n}\n","import { FlexBoxProps } from '@xylabs/react-flexbox'\n\nimport { FooterLink } from '../Link'\nimport { FooterLinks } from '../Links'\n\nexport const DeveloperLinks: React.FC<FlexBoxProps> = (props) => (\n <FooterLinks title=\"Developer\" {...props}>\n <FooterLink href=\"https://xyo.network/developer\">Overview</FooterLink>\n <FooterLink href=\"https://xyo.network/developer/get-started\">Get Started</FooterLink>\n <FooterLink href=\"https://xyo.network/developer\">SDKs</FooterLink>\n <FooterLink href=\"https://github.com/xyoraclenetwork\">Open Source Github</FooterLink>\n <FooterLink href=\"https://xyo.network/docs/sdk/js\">Documentation</FooterLink>\n </FooterLinks>\n)\n","import { FlexBoxProps } from '@xylabs/react-flexbox'\n\nimport { FooterLink } from '../Link'\nimport { FooterLinks } from '../Links'\n\nexport const MoreLinks: React.FC<FlexBoxProps> = (props) => (\n <FooterLinks title=\"More\" {...props}>\n <FooterLink href=\"https://xyo.network/partners\">Partners</FooterLink>\n <FooterLink href=\"https://xyo.network/fhr\">FHR</FooterLink>\n <FooterLink href=\"https://xyo.network/brand\">Brand</FooterLink>\n </FooterLinks>\n)\n","import { FlexBoxProps } from '@xylabs/react-flexbox'\n\nimport { FooterLink } from '../Link'\nimport { FooterLinks } from '../Links'\n\nexport const NetworkLinks: React.FC<FlexBoxProps> = (props) => (\n <FooterLinks title=\"Network\" {...props}>\n <FooterLink href=\"https://xyo.network/network\">Overview</FooterLink>\n <FooterLink href=\"https://xyo.network/network/bound-witness\">Bound Witness</FooterLink>\n <FooterLink href=\"https://xyo.network/network/proof-of-origin\">Proof Of Origin</FooterLink>\n <FooterLink href=\"https://xyo.network/papers\">White Paper</FooterLink>\n </FooterLinks>\n)\n","import { Facebook, Instagram, LinkedIn, Reddit, Telegram, Twitter, YouTube } from '@mui/icons-material'\nimport { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'\n// eslint-disable-next-line import/no-internal-modules\nimport { FaDiscord } from 'react-icons/fa/index.js'\n\nimport { FooterLink } from '../Link'\nimport { FooterLinks } from '../Links'\n\nexport const SocialLinks: React.FC<FlexBoxProps> = (props) => {\n return (\n <FooterLinks title=\"XYO Socials\" {...props}>\n <FlexRow flexWrap=\"wrap\" justifyContent=\"flex-start\">\n <FooterLink href=\"https://business.facebook.com/OfficialXYO/\">\n <Facebook />\n </FooterLink>\n <FooterLink href=\"https://twitter.com/OfficialXYO\">\n <Twitter />\n </FooterLink>\n <FooterLink href=\"https://www.instagram.com/officialxyo/\">\n <Instagram />\n </FooterLink>\n <FooterLink href=\"https://t.me/xyonetwork\">\n <Telegram />\n </FooterLink>\n <FooterLink href=\"https://www.reddit.com/r/XYONetwork/\">\n <Reddit />\n </FooterLink>\n <FooterLink href=\"https://www.youtube.com/channel/UCyZDqb9pgntVHJVt1pxXtsw\">\n <YouTube />\n </FooterLink>\n <FooterLink href=\"https://www.linkedin.com/company/officialxyo/\">\n <LinkedIn />\n </FooterLink>\n <FooterLink href=\"https://discord.gg/officialxyo\">\n <FaDiscord />\n </FooterLink>\n </FlexRow>\n </FooterLinks>\n )\n}\n","import { FlexBoxProps } from '@xylabs/react-flexbox'\n\nimport { FooterLink } from '../Link'\nimport { FooterLinks } from '../Links'\n\nexport const SupportLinks: React.FC<FlexBoxProps> = (props) => (\n <FooterLinks title=\"Support\" {...props}>\n <FooterLink href=\"https://support.xy.company/hc/en-us/categories/360001417734\">Help Center</FooterLink>\n <FooterLink href=\"https://support.xy.company/hc/en-us/requests/new\">Contact Support</FooterLink>\n </FooterLinks>\n)\n","import { FlexBoxProps } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nimport { FooterLink } from '../Link'\nimport { FooterLinks } from '../Links'\n\nexport const TokenLinks: React.FC<FlexBoxProps> = (props) => (\n <FooterLinks title=\"XYO Tokens\" {...props}>\n <FooterLink href=\"https://xyo.network/token\">About</FooterLink>\n <FooterLink href=\"https://xyo.network/token/exchange\">Exchanges</FooterLink>\n <FooterLink href=\"https://xyo.network/token/price\">Prices</FooterLink>\n <FooterLink href=\"https://xyo.network/token/wallet\">Wallets</FooterLink>\n <FooterLink href=\"https://etherscan.io/address/0x55296f69f40ea6d20e478533c15a6b08b654e758\">Contract</FooterLink>\n </FooterLinks>\n)\n"],"mappings":";AAAA,SAAS,YAAY;;;ACArB,SAAS,WAA2B,gBAAgB;AACpD,SAAuB,SAAS,WAAAA,gBAAe;AAC/C,SAAS,gBAAgB;;;ACFzB,SAAS,aAAa,qBAAqB;AAC3C,SAAuB,eAAe;;;ACDtC,SAAS,gBAAgB;AACzB,SAAS,cAA2B;AA6BzB;AApBX,IAAM,wBAAwB,CAAC,KAAmB,aAAa,IAAI,IAAI,SAAS,SAAS,IAAI,MAAM;AACjG,QAAM,SAAS,OAAO,QAAQ,WAAW,IAAI,IAAI,GAAG,IAAI;AACxD,QAAM,gBAAgB,OAAO,eAAe,WAAW,IAAI,IAAI,UAAU,IAAI;AAC7E,QAAM,uBAAuB,cAAc,SAAS,MAAM,GAAG;AAC7D,QAAM,OAAO,qBAAqB,MAAM,MAAM;AAC9C,MAAI,MAAM;AACR,UAAM,6BAA6B,qBAAqB,KAAK,GAAG;AAChE,QAAI,+BAA+B,OAAO,UAAU;AAClD,aAAO,WAAW,cAAc;AAAA,IAClC;AAAA,EACF;AACA,SAAO;AACT;AAEO,IAAM,aAAoC,CAAC,EAAE,QAAQ,MAAM,SAAS,KAAK,UAAU,SAAS,GAAG,MAAM,MAAM;AAChH,QAAM,MAAM,IAAI,IAAI,SAAS,MAAM,cAAc,CAAC;AAClD,WAAS,IAAI,UAAU,8BAA8B;AACrD,QAAM,eAAe,sBAAsB,GAAG;AAC9C,MAAI,SAAS,SAAS,aAAa,aAAa,UAAU;AACxD,UAAM,KAAK,IAAI,OAAO,SAAS,IAAI,GAAG,aAAa,QAAQ,GAAG,aAAa,MAAM,KAAK,IAAI;AAC1F,WAAO,oBAAC,UAAO,QAAgB,IAAQ,QAAgB,SAAmB,GAAG,OAAO;AAAA,EACtF,OAAO;AACL,WAAO,oBAAC,UAAO,QAAgB,MAAY,QAAQ,UAAU,UAAU,SAAmB,GAAG,OAAO;AAAA,EACtG;AACF;;;ADtBE,SAGM,OAAAC,MAHN;AADK,IAAM,oBAAsD,CAAC,EAAE,OAAO,aAAAC,cAAa,QAAQ,GAAG,MAAM,MACzG,qBAAC,WAAQ,UAAS,QAAO,eAAc,aAAY,OAAO,EAAE,SAAS,KAAK,GAAG,MAAM,GAAI,GAAG,OACvF;AAAA,EAAAA,cAAa,IAAI,CAAC,YAAY,UAC7B,gBAAAD,KAAC,cAAW,QAAM,MAAa,UAAU,GAAG,QAAQ,GAAI,GAAG,YACzD,0BAAAA,KAAC,WAAO,qBAAW,OAAM,KADH,KAExB,CACD;AAAA,EACA,SACC,gBAAAA,KAAC,WAAQ,OAAO,EAAE,QAAQ,UAAU,GAAG,UAAU,KAAK,SAAS,QAC7D,0BAAAA,KAAC,iBAAc,OAAM,WAAU,UAAS,SAAQ,GAClD,IACE;AAAA,GACN;;;ADFE,SAU6C,OAAAE,MAV7C,QAAAC,aAAA;AATG,IAAM,SAAgC,CAAC,EAAE,wBAAwB,UAAU,WAAW,gBAAgB,OAAO,GAAG,MAAM,MAAM;AACjI,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,QAAM,SAAS,MAAM;AACnB,YAAQ,CAAC,IAAI;AAAA,EACf;AAEA,QAAM,QAAQ,SAAS;AAEvB,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,YAAW;AAAA,MACX,cAAc,MAAM;AAClB,gBAAQ,KAAK;AAAA,MACf;AAAA,MACC,GAAG;AAAA,MAEH;AAAA,gBAAQ,gBACP,gBAAAD,KAAC,WAAQ,YAAW,WAClB,0BAAAA,KAACE,UAAA,EAAQ,QAAQ,IAAI,UAAS,YAAW,OAAM,QAAO,SAAS,MAAM,QAAQ,WAAW,SACrF,uBAAa,cAAc,SAAS,gBAAAF,KAAC,aAAW,UAAS,IAAe,UAC3E,GACF,IACE;AAAA,QACH,CAAC,gBACA,gBAAAA,KAAC,WAAQ,YAAW,WAAW,uBAAa,cAAc,SAAS,gBAAAA,KAAC,aAAW,UAAS,IAAe,UAAS,IAC9G;AAAA,QACJ,gBAAAA,KAACE,UAAA,EACE,uBAAa,cAAc,SAC1B,gBAAAF,KAAC,aACC,0BAAAA,KAAC,qBAAmB,GAAG,wBAAwB,QAAQ,gBAAgB,SAAS,QAAW,GAC7F,IAEA,gBAAAA,KAAC,qBAAmB,GAAG,wBAAwB,QAAQ,gBAAgB,SAAS,QAAW,GAE/F;AAAA;AAAA;AAAA,EACF;AAEJ;;;AGjDO,IAAM,qBAAqB,CAAC,WAAmB;AACpD,SAAO,mBAAe,oBAAI,KAAK,GAAE,YAAY,CAAC,IAAI,MAAM;AAC1D;;;ACFA,SAAS,kBAAkB;AAC3B,SAAuB,WAAAG,gBAAe;AAIlC,SACE,OAAAC,MADF,QAAAC,aAAA;AAFG,IAAM,cAAsC,CAAC,EAAE,UAAU,OAAO,GAAG,MAAM,MAAM;AACpF,SACE,gBAAAA,MAACF,UAAA,EAAQ,QAAQ,GAAG,gBAAe,cAAa,OAAe,GAAG,OAChE;AAAA,oBAAAC,KAAC,cAAW,QAAQ,KAAK,SAAQ,MAAK,QAAM,MACzC,iBACH;AAAA,IACC;AAAA,KACH;AAEJ;;;ACNE,SACE,OAAAE,MADF,QAAAC,aAAA;AADK,IAAM,iBAAyC,CAAC,UACrD,gBAAAA,MAAC,eAAY,OAAM,aAAa,GAAG,OACjC;AAAA,kBAAAD,KAAC,cAAW,MAAK,iCAAgC,sBAAQ;AAAA,EACzD,gBAAAA,KAAC,cAAW,MAAK,6CAA4C,yBAAW;AAAA,EACxE,gBAAAA,KAAC,cAAW,MAAK,iCAAgC,kBAAI;AAAA,EACrD,gBAAAA,KAAC,cAAW,MAAK,sCAAqC,gCAAkB;AAAA,EACxE,gBAAAA,KAAC,cAAW,MAAK,mCAAkC,2BAAa;AAAA,GAClE;;;ACNA,SACE,OAAAE,MADF,QAAAC,aAAA;AADK,IAAM,YAAoC,CAAC,UAChD,gBAAAA,MAAC,eAAY,OAAM,QAAQ,GAAG,OAC5B;AAAA,kBAAAD,KAAC,cAAW,MAAK,gCAA+B,sBAAQ;AAAA,EACxD,gBAAAA,KAAC,cAAW,MAAK,2BAA0B,iBAAG;AAAA,EAC9C,gBAAAA,KAAC,cAAW,MAAK,6BAA4B,mBAAK;AAAA,GACpD;;;ACJA,SACE,OAAAE,MADF,QAAAC,aAAA;AADK,IAAM,eAAuC,CAAC,UACnD,gBAAAA,MAAC,eAAY,OAAM,WAAW,GAAG,OAC/B;AAAA,kBAAAD,KAAC,cAAW,MAAK,+BAA8B,sBAAQ;AAAA,EACvD,gBAAAA,KAAC,cAAW,MAAK,6CAA4C,2BAAa;AAAA,EAC1E,gBAAAA,KAAC,cAAW,MAAK,+CAA8C,6BAAe;AAAA,EAC9E,gBAAAA,KAAC,cAAW,MAAK,8BAA6B,yBAAW;AAAA,GAC3D;;;ACXF,SAAS,UAAU,WAAW,UAAU,QAAQ,UAAU,SAAS,eAAe;AAClF,SAAuB,WAAAE,gBAAe;AAEtC,SAAS,iBAAiB;AAQpB,SAEI,OAAAC,MAFJ,QAAAC,aAAA;AAHC,IAAM,cAAsC,CAAC,UAAU;AAC5D,SACE,gBAAAD,KAAC,eAAY,OAAM,eAAe,GAAG,OACnC,0BAAAC,MAACC,UAAA,EAAQ,UAAS,QAAO,gBAAe,cACtC;AAAA,oBAAAF,KAAC,cAAW,MAAK,8CACf,0BAAAA,KAAC,YAAS,GACZ;AAAA,IACA,gBAAAA,KAAC,cAAW,MAAK,mCACf,0BAAAA,KAAC,WAAQ,GACX;AAAA,IACA,gBAAAA,KAAC,cAAW,MAAK,0CACf,0BAAAA,KAAC,aAAU,GACb;AAAA,IACA,gBAAAA,KAAC,cAAW,MAAK,2BACf,0BAAAA,KAAC,YAAS,GACZ;AAAA,IACA,gBAAAA,KAAC,cAAW,MAAK,wCACf,0BAAAA,KAAC,UAAO,GACV;AAAA,IACA,gBAAAA,KAAC,cAAW,MAAK,4DACf,0BAAAA,KAAC,WAAQ,GACX;AAAA,IACA,gBAAAA,KAAC,cAAW,MAAK,iDACf,0BAAAA,KAAC,YAAS,GACZ;AAAA,IACA,gBAAAA,KAAC,cAAW,MAAK,kCACf,0BAAAA,KAAC,aAAU,GACb;AAAA,KACF,GACF;AAEJ;;;ACjCE,SACE,OAAAG,MADF,QAAAC,aAAA;AADK,IAAM,eAAuC,CAAC,UACnD,gBAAAA,MAAC,eAAY,OAAM,WAAW,GAAG,OAC/B;AAAA,kBAAAD,KAAC,cAAW,MAAK,+DAA8D,yBAAW;AAAA,EAC1F,gBAAAA,KAAC,cAAW,MAAK,oDAAmD,6BAAe;AAAA,GACrF;;;ACFA,SACE,OAAAE,OADF,QAAAC,aAAA;AADK,IAAM,aAAqC,CAAC,UACjD,gBAAAA,MAAC,eAAY,OAAM,cAAc,GAAG,OAClC;AAAA,kBAAAD,MAAC,cAAW,MAAK,6BAA4B,mBAAK;AAAA,EAClD,gBAAAA,MAAC,cAAW,MAAK,sCAAqC,uBAAS;AAAA,EAC/D,gBAAAA,MAAC,cAAW,MAAK,mCAAkC,oBAAM;AAAA,EACzD,gBAAAA,MAAC,cAAW,MAAK,oCAAmC,qBAAO;AAAA,EAC3D,gBAAAA,MAAC,cAAW,MAAK,2EAA0E,sBAAQ;AAAA,GACrG;;;AX4BI,SAEI,OAAAE,OAFJ,QAAAC,cAAA;AA9BN,IAAM,cAAc;AAAA,EAClB;AAAA,IACE,MAAM;AAAA,IACN,OAAO,mBAAmB,eAAe;AAAA,EAC3C;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AACF;AAEO,IAAM,YAAmC,CAAC;AAAA,EAC/C,yBAAyB,EAAE,YAAY;AAAA,EAEvC,GAAG;AACL,MAAM;AACJ,SACE,gBAAAD,MAAC,UAAO,wBAAiD,GAAG,OAC1D,0BAAAC,OAAC,QAAK,WAAS,MACb;AAAA,oBAAAD,MAAC,QAAK,MAAI,MAAC,IAAI,IAAI,IAAI,GACrB,0BAAAA,MAAC,eAAY,YAAW,cAAa,GACvC;AAAA,IACA,gBAAAA,MAAC,QAAK,MAAI,MAAC,IAAI,GAAG,IAAI,GACpB,0BAAAA,MAAC,gBAAa,YAAW,cAAa,GACxC;AAAA,IACA,gBAAAA,MAAC,QAAK,MAAI,MAAC,IAAI,GAAG,IAAI,GACpB,0BAAAA,MAAC,cAAW,YAAW,cAAa,GACtC;AAAA,IACA,gBAAAA,MAAC,QAAK,MAAI,MAAC,IAAI,GAAG,IAAI,GACpB,0BAAAA,MAAC,kBAAe,YAAW,cAAa,GAC1C;AAAA,IACA,gBAAAA,MAAC,QAAK,MAAI,MAAC,IAAI,GAAG,IAAI,GACpB,0BAAAA,MAAC,aAAU,YAAW,cAAa,GACrC;AAAA,IACA,gBAAAA,MAAC,QAAK,MAAI,MAAC,IAAI,GAAG,IAAI,GACpB,0BAAAA,MAAC,gBAAa,YAAW,cAAa,GACxC;AAAA,KACF,GACF;AAEJ;","names":["FlexRow","jsx","footerLinks","jsx","jsxs","FlexRow","FlexCol","jsx","jsxs","jsx","jsxs","jsx","jsxs","jsx","jsxs","FlexRow","jsx","jsxs","FlexRow","jsx","jsxs","jsx","jsxs","jsx","jsxs"]}
|
|
@@ -1,10 +1,49 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
1
|
+
// src/Link.tsx
|
|
2
|
+
import { assertEx } from "@xylabs/assert";
|
|
3
|
+
import { LinkEx } from "@xylabs/react-link";
|
|
4
|
+
import { jsx } from "react/jsx-runtime";
|
|
5
|
+
var convertToBetaIfNeeded = (url, currentUrl = new URL(document.location.href)) => {
|
|
6
|
+
const urlObj = typeof url === "string" ? new URL(url) : url;
|
|
7
|
+
const currentUrlObj = typeof currentUrl === "string" ? new URL(currentUrl) : currentUrl;
|
|
8
|
+
const currentHostnameParts = currentUrlObj.hostname.split(".");
|
|
9
|
+
const beta = currentHostnameParts.shift() === "beta";
|
|
10
|
+
if (beta) {
|
|
11
|
+
const currentHostnameWithoutBeta = currentHostnameParts.join(".");
|
|
12
|
+
if (currentHostnameWithoutBeta === urlObj.hostname) {
|
|
13
|
+
urlObj.hostname = currentUrlObj.hostname;
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
return urlObj;
|
|
17
|
+
};
|
|
18
|
+
var FooterLink = ({ target, href, margin = 0.5, variant = "body2", ...props }) => {
|
|
19
|
+
const url = new URL(assertEx(href, "href not set"));
|
|
20
|
+
assertEx(url.hostname, "Hostname is required in href");
|
|
21
|
+
const convertedUrl = convertToBetaIfNeeded(url);
|
|
22
|
+
if (document.location.hostname === convertedUrl.hostname) {
|
|
23
|
+
const to = url.search.length > 0 ? `${convertedUrl.pathname}${convertedUrl.search}` : url.pathname;
|
|
24
|
+
return /* @__PURE__ */ jsx(LinkEx, { margin, to, target, variant, ...props });
|
|
25
|
+
} else {
|
|
26
|
+
return /* @__PURE__ */ jsx(LinkEx, { margin, href, target: target ?? "_blank", variant, ...props });
|
|
27
|
+
}
|
|
28
|
+
};
|
|
29
|
+
|
|
30
|
+
// src/Links.tsx
|
|
31
|
+
import { Typography } from "@mui/material";
|
|
32
|
+
import { FlexCol } from "@xylabs/react-flexbox";
|
|
33
|
+
import { jsx as jsx2, jsxs } from "react/jsx-runtime";
|
|
34
|
+
var FooterLinks = ({ children, title, ...props }) => {
|
|
35
|
+
return /* @__PURE__ */ jsxs(FlexCol, { margin: 1, justifyContent: "flex-start", title, ...props, children: [
|
|
36
|
+
/* @__PURE__ */ jsx2(Typography, { margin: 0.5, variant: "h6", noWrap: true, children: title }),
|
|
37
|
+
children
|
|
38
|
+
] });
|
|
39
|
+
};
|
|
40
|
+
|
|
41
|
+
// src/Xyo/MoreLinks.tsx
|
|
42
|
+
import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
|
|
43
|
+
var MoreLinks = (props) => /* @__PURE__ */ jsxs2(FooterLinks, { title: "More", ...props, children: [
|
|
44
|
+
/* @__PURE__ */ jsx3(FooterLink, { href: "https://xyo.network/partners", children: "Partners" }),
|
|
45
|
+
/* @__PURE__ */ jsx3(FooterLink, { href: "https://xyo.network/fhr", children: "FHR" }),
|
|
46
|
+
/* @__PURE__ */ jsx3(FooterLink, { href: "https://xyo.network/brand", children: "Brand" })
|
|
8
47
|
] });
|
|
9
48
|
export {
|
|
10
49
|
MoreLinks
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/Xyo/MoreLinks.tsx"],"sourcesContent":["import { FlexBoxProps } from '@xylabs/react-flexbox'\n\nimport { FooterLink } from '../Link'\nimport { FooterLinks } from '../Links'\n\nexport const MoreLinks: React.FC<FlexBoxProps> = (props) => (\n <FooterLinks title=\"More\" {...props}>\n <FooterLink href=\"https://xyo.network/partners\">Partners</FooterLink>\n <FooterLink href=\"https://xyo.network/fhr\">FHR</FooterLink>\n <FooterLink href=\"https://xyo.network/brand\">Brand</FooterLink>\n </FooterLinks>\n)\n"],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../src/Link.tsx","../../../src/Links.tsx","../../../src/Xyo/MoreLinks.tsx"],"sourcesContent":["import { assertEx } from '@xylabs/assert'\nimport { LinkEx, LinkExProps } from '@xylabs/react-link'\n\n/**\n * @description\n * FooterLink automatically uses a local To if the link is to the current domain\n * If the link is not local, it defaults to target being _blank\n * In the case of 'beta' domains, it navigates correctly\n */\n\nconst convertToBetaIfNeeded = (url: string | URL, currentUrl = new URL(document.location.href)) => {\n const urlObj = typeof url === 'string' ? new URL(url) : url\n const currentUrlObj = typeof currentUrl === 'string' ? new URL(currentUrl) : currentUrl\n const currentHostnameParts = currentUrlObj.hostname.split('.')\n const beta = currentHostnameParts.shift() === 'beta'\n if (beta) {\n const currentHostnameWithoutBeta = currentHostnameParts.join('.')\n if (currentHostnameWithoutBeta === urlObj.hostname) {\n urlObj.hostname = currentUrlObj.hostname\n }\n }\n return urlObj\n}\n\nexport const FooterLink: React.FC<LinkExProps> = ({ target, href, margin = 0.5, variant = 'body2', ...props }) => {\n const url = new URL(assertEx(href, 'href not set'))\n assertEx(url.hostname, 'Hostname is required in href')\n const convertedUrl = convertToBetaIfNeeded(url)\n if (document.location.hostname === convertedUrl.hostname) {\n const to = url.search.length > 0 ? `${convertedUrl.pathname}${convertedUrl.search}` : url.pathname\n return <LinkEx margin={margin} to={to} target={target} variant={variant} {...props} />\n } else {\n return <LinkEx margin={margin} href={href} target={target ?? '_blank'} variant={variant} {...props} />\n }\n}\n","import { Typography } from '@mui/material'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\n\nexport const FooterLinks: React.FC<FlexBoxProps> = ({ children, title, ...props }) => {\n return (\n <FlexCol margin={1} justifyContent=\"flex-start\" title={title} {...props}>\n <Typography margin={0.5} variant=\"h6\" noWrap>\n {title}\n </Typography>\n {children}\n </FlexCol>\n )\n}\n","import { FlexBoxProps } from '@xylabs/react-flexbox'\n\nimport { FooterLink } from '../Link'\nimport { FooterLinks } from '../Links'\n\nexport const MoreLinks: React.FC<FlexBoxProps> = (props) => (\n <FooterLinks title=\"More\" {...props}>\n <FooterLink href=\"https://xyo.network/partners\">Partners</FooterLink>\n <FooterLink href=\"https://xyo.network/fhr\">FHR</FooterLink>\n <FooterLink href=\"https://xyo.network/brand\">Brand</FooterLink>\n </FooterLinks>\n)\n"],"mappings":";AAAA,SAAS,gBAAgB;AACzB,SAAS,cAA2B;AA6BzB;AApBX,IAAM,wBAAwB,CAAC,KAAmB,aAAa,IAAI,IAAI,SAAS,SAAS,IAAI,MAAM;AACjG,QAAM,SAAS,OAAO,QAAQ,WAAW,IAAI,IAAI,GAAG,IAAI;AACxD,QAAM,gBAAgB,OAAO,eAAe,WAAW,IAAI,IAAI,UAAU,IAAI;AAC7E,QAAM,uBAAuB,cAAc,SAAS,MAAM,GAAG;AAC7D,QAAM,OAAO,qBAAqB,MAAM,MAAM;AAC9C,MAAI,MAAM;AACR,UAAM,6BAA6B,qBAAqB,KAAK,GAAG;AAChE,QAAI,+BAA+B,OAAO,UAAU;AAClD,aAAO,WAAW,cAAc;AAAA,IAClC;AAAA,EACF;AACA,SAAO;AACT;AAEO,IAAM,aAAoC,CAAC,EAAE,QAAQ,MAAM,SAAS,KAAK,UAAU,SAAS,GAAG,MAAM,MAAM;AAChH,QAAM,MAAM,IAAI,IAAI,SAAS,MAAM,cAAc,CAAC;AAClD,WAAS,IAAI,UAAU,8BAA8B;AACrD,QAAM,eAAe,sBAAsB,GAAG;AAC9C,MAAI,SAAS,SAAS,aAAa,aAAa,UAAU;AACxD,UAAM,KAAK,IAAI,OAAO,SAAS,IAAI,GAAG,aAAa,QAAQ,GAAG,aAAa,MAAM,KAAK,IAAI;AAC1F,WAAO,oBAAC,UAAO,QAAgB,IAAQ,QAAgB,SAAmB,GAAG,OAAO;AAAA,EACtF,OAAO;AACL,WAAO,oBAAC,UAAO,QAAgB,MAAY,QAAQ,UAAU,UAAU,SAAmB,GAAG,OAAO;AAAA,EACtG;AACF;;;AClCA,SAAS,kBAAkB;AAC3B,SAAuB,eAAe;AAIlC,SACE,OAAAA,MADF;AAFG,IAAM,cAAsC,CAAC,EAAE,UAAU,OAAO,GAAG,MAAM,MAAM;AACpF,SACE,qBAAC,WAAQ,QAAQ,GAAG,gBAAe,cAAa,OAAe,GAAG,OAChE;AAAA,oBAAAA,KAAC,cAAW,QAAQ,KAAK,SAAQ,MAAK,QAAM,MACzC,iBACH;AAAA,IACC;AAAA,KACH;AAEJ;;;ACNE,SACE,OAAAC,MADF,QAAAC,aAAA;AADK,IAAM,YAAoC,CAAC,UAChD,gBAAAA,MAAC,eAAY,OAAM,QAAQ,GAAG,OAC5B;AAAA,kBAAAD,KAAC,cAAW,MAAK,gCAA+B,sBAAQ;AAAA,EACxD,gBAAAA,KAAC,cAAW,MAAK,2BAA0B,iBAAG;AAAA,EAC9C,gBAAAA,KAAC,cAAW,MAAK,6BAA4B,mBAAK;AAAA,GACpD;","names":["jsx","jsx","jsxs"]}
|
|
@@ -1,11 +1,50 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
1
|
+
// src/Link.tsx
|
|
2
|
+
import { assertEx } from "@xylabs/assert";
|
|
3
|
+
import { LinkEx } from "@xylabs/react-link";
|
|
4
|
+
import { jsx } from "react/jsx-runtime";
|
|
5
|
+
var convertToBetaIfNeeded = (url, currentUrl = new URL(document.location.href)) => {
|
|
6
|
+
const urlObj = typeof url === "string" ? new URL(url) : url;
|
|
7
|
+
const currentUrlObj = typeof currentUrl === "string" ? new URL(currentUrl) : currentUrl;
|
|
8
|
+
const currentHostnameParts = currentUrlObj.hostname.split(".");
|
|
9
|
+
const beta = currentHostnameParts.shift() === "beta";
|
|
10
|
+
if (beta) {
|
|
11
|
+
const currentHostnameWithoutBeta = currentHostnameParts.join(".");
|
|
12
|
+
if (currentHostnameWithoutBeta === urlObj.hostname) {
|
|
13
|
+
urlObj.hostname = currentUrlObj.hostname;
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
return urlObj;
|
|
17
|
+
};
|
|
18
|
+
var FooterLink = ({ target, href, margin = 0.5, variant = "body2", ...props }) => {
|
|
19
|
+
const url = new URL(assertEx(href, "href not set"));
|
|
20
|
+
assertEx(url.hostname, "Hostname is required in href");
|
|
21
|
+
const convertedUrl = convertToBetaIfNeeded(url);
|
|
22
|
+
if (document.location.hostname === convertedUrl.hostname) {
|
|
23
|
+
const to = url.search.length > 0 ? `${convertedUrl.pathname}${convertedUrl.search}` : url.pathname;
|
|
24
|
+
return /* @__PURE__ */ jsx(LinkEx, { margin, to, target, variant, ...props });
|
|
25
|
+
} else {
|
|
26
|
+
return /* @__PURE__ */ jsx(LinkEx, { margin, href, target: target ?? "_blank", variant, ...props });
|
|
27
|
+
}
|
|
28
|
+
};
|
|
29
|
+
|
|
30
|
+
// src/Links.tsx
|
|
31
|
+
import { Typography } from "@mui/material";
|
|
32
|
+
import { FlexCol } from "@xylabs/react-flexbox";
|
|
33
|
+
import { jsx as jsx2, jsxs } from "react/jsx-runtime";
|
|
34
|
+
var FooterLinks = ({ children, title, ...props }) => {
|
|
35
|
+
return /* @__PURE__ */ jsxs(FlexCol, { margin: 1, justifyContent: "flex-start", title, ...props, children: [
|
|
36
|
+
/* @__PURE__ */ jsx2(Typography, { margin: 0.5, variant: "h6", noWrap: true, children: title }),
|
|
37
|
+
children
|
|
38
|
+
] });
|
|
39
|
+
};
|
|
40
|
+
|
|
41
|
+
// src/Xyo/NetworkLinks.tsx
|
|
42
|
+
import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
|
|
43
|
+
var NetworkLinks = (props) => /* @__PURE__ */ jsxs2(FooterLinks, { title: "Network", ...props, children: [
|
|
44
|
+
/* @__PURE__ */ jsx3(FooterLink, { href: "https://xyo.network/network", children: "Overview" }),
|
|
45
|
+
/* @__PURE__ */ jsx3(FooterLink, { href: "https://xyo.network/network/bound-witness", children: "Bound Witness" }),
|
|
46
|
+
/* @__PURE__ */ jsx3(FooterLink, { href: "https://xyo.network/network/proof-of-origin", children: "Proof Of Origin" }),
|
|
47
|
+
/* @__PURE__ */ jsx3(FooterLink, { href: "https://xyo.network/papers", children: "White Paper" })
|
|
9
48
|
] });
|
|
10
49
|
export {
|
|
11
50
|
NetworkLinks
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/Xyo/NetworkLinks.tsx"],"sourcesContent":["import { FlexBoxProps } from '@xylabs/react-flexbox'\n\nimport { FooterLink } from '../Link'\nimport { FooterLinks } from '../Links'\n\nexport const NetworkLinks: React.FC<FlexBoxProps> = (props) => (\n <FooterLinks title=\"Network\" {...props}>\n <FooterLink href=\"https://xyo.network/network\">Overview</FooterLink>\n <FooterLink href=\"https://xyo.network/network/bound-witness\">Bound Witness</FooterLink>\n <FooterLink href=\"https://xyo.network/network/proof-of-origin\">Proof Of Origin</FooterLink>\n <FooterLink href=\"https://xyo.network/papers\">White Paper</FooterLink>\n </FooterLinks>\n)\n"],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../src/Link.tsx","../../../src/Links.tsx","../../../src/Xyo/NetworkLinks.tsx"],"sourcesContent":["import { assertEx } from '@xylabs/assert'\nimport { LinkEx, LinkExProps } from '@xylabs/react-link'\n\n/**\n * @description\n * FooterLink automatically uses a local To if the link is to the current domain\n * If the link is not local, it defaults to target being _blank\n * In the case of 'beta' domains, it navigates correctly\n */\n\nconst convertToBetaIfNeeded = (url: string | URL, currentUrl = new URL(document.location.href)) => {\n const urlObj = typeof url === 'string' ? new URL(url) : url\n const currentUrlObj = typeof currentUrl === 'string' ? new URL(currentUrl) : currentUrl\n const currentHostnameParts = currentUrlObj.hostname.split('.')\n const beta = currentHostnameParts.shift() === 'beta'\n if (beta) {\n const currentHostnameWithoutBeta = currentHostnameParts.join('.')\n if (currentHostnameWithoutBeta === urlObj.hostname) {\n urlObj.hostname = currentUrlObj.hostname\n }\n }\n return urlObj\n}\n\nexport const FooterLink: React.FC<LinkExProps> = ({ target, href, margin = 0.5, variant = 'body2', ...props }) => {\n const url = new URL(assertEx(href, 'href not set'))\n assertEx(url.hostname, 'Hostname is required in href')\n const convertedUrl = convertToBetaIfNeeded(url)\n if (document.location.hostname === convertedUrl.hostname) {\n const to = url.search.length > 0 ? `${convertedUrl.pathname}${convertedUrl.search}` : url.pathname\n return <LinkEx margin={margin} to={to} target={target} variant={variant} {...props} />\n } else {\n return <LinkEx margin={margin} href={href} target={target ?? '_blank'} variant={variant} {...props} />\n }\n}\n","import { Typography } from '@mui/material'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\n\nexport const FooterLinks: React.FC<FlexBoxProps> = ({ children, title, ...props }) => {\n return (\n <FlexCol margin={1} justifyContent=\"flex-start\" title={title} {...props}>\n <Typography margin={0.5} variant=\"h6\" noWrap>\n {title}\n </Typography>\n {children}\n </FlexCol>\n )\n}\n","import { FlexBoxProps } from '@xylabs/react-flexbox'\n\nimport { FooterLink } from '../Link'\nimport { FooterLinks } from '../Links'\n\nexport const NetworkLinks: React.FC<FlexBoxProps> = (props) => (\n <FooterLinks title=\"Network\" {...props}>\n <FooterLink href=\"https://xyo.network/network\">Overview</FooterLink>\n <FooterLink href=\"https://xyo.network/network/bound-witness\">Bound Witness</FooterLink>\n <FooterLink href=\"https://xyo.network/network/proof-of-origin\">Proof Of Origin</FooterLink>\n <FooterLink href=\"https://xyo.network/papers\">White Paper</FooterLink>\n </FooterLinks>\n)\n"],"mappings":";AAAA,SAAS,gBAAgB;AACzB,SAAS,cAA2B;AA6BzB;AApBX,IAAM,wBAAwB,CAAC,KAAmB,aAAa,IAAI,IAAI,SAAS,SAAS,IAAI,MAAM;AACjG,QAAM,SAAS,OAAO,QAAQ,WAAW,IAAI,IAAI,GAAG,IAAI;AACxD,QAAM,gBAAgB,OAAO,eAAe,WAAW,IAAI,IAAI,UAAU,IAAI;AAC7E,QAAM,uBAAuB,cAAc,SAAS,MAAM,GAAG;AAC7D,QAAM,OAAO,qBAAqB,MAAM,MAAM;AAC9C,MAAI,MAAM;AACR,UAAM,6BAA6B,qBAAqB,KAAK,GAAG;AAChE,QAAI,+BAA+B,OAAO,UAAU;AAClD,aAAO,WAAW,cAAc;AAAA,IAClC;AAAA,EACF;AACA,SAAO;AACT;AAEO,IAAM,aAAoC,CAAC,EAAE,QAAQ,MAAM,SAAS,KAAK,UAAU,SAAS,GAAG,MAAM,MAAM;AAChH,QAAM,MAAM,IAAI,IAAI,SAAS,MAAM,cAAc,CAAC;AAClD,WAAS,IAAI,UAAU,8BAA8B;AACrD,QAAM,eAAe,sBAAsB,GAAG;AAC9C,MAAI,SAAS,SAAS,aAAa,aAAa,UAAU;AACxD,UAAM,KAAK,IAAI,OAAO,SAAS,IAAI,GAAG,aAAa,QAAQ,GAAG,aAAa,MAAM,KAAK,IAAI;AAC1F,WAAO,oBAAC,UAAO,QAAgB,IAAQ,QAAgB,SAAmB,GAAG,OAAO;AAAA,EACtF,OAAO;AACL,WAAO,oBAAC,UAAO,QAAgB,MAAY,QAAQ,UAAU,UAAU,SAAmB,GAAG,OAAO;AAAA,EACtG;AACF;;;AClCA,SAAS,kBAAkB;AAC3B,SAAuB,eAAe;AAIlC,SACE,OAAAA,MADF;AAFG,IAAM,cAAsC,CAAC,EAAE,UAAU,OAAO,GAAG,MAAM,MAAM;AACpF,SACE,qBAAC,WAAQ,QAAQ,GAAG,gBAAe,cAAa,OAAe,GAAG,OAChE;AAAA,oBAAAA,KAAC,cAAW,QAAQ,KAAK,SAAQ,MAAK,QAAM,MACzC,iBACH;AAAA,IACC;AAAA,KACH;AAEJ;;;ACNE,SACE,OAAAC,MADF,QAAAC,aAAA;AADK,IAAM,eAAuC,CAAC,UACnD,gBAAAA,MAAC,eAAY,OAAM,WAAW,GAAG,OAC/B;AAAA,kBAAAD,KAAC,cAAW,MAAK,+BAA8B,sBAAQ;AAAA,EACvD,gBAAAA,KAAC,cAAW,MAAK,6CAA4C,2BAAa;AAAA,EAC1E,gBAAAA,KAAC,cAAW,MAAK,+CAA8C,6BAAe;AAAA,EAC9E,gBAAAA,KAAC,cAAW,MAAK,8BAA6B,yBAAW;AAAA,GAC3D;","names":["jsx","jsx","jsxs"]}
|
|
@@ -1,19 +1,60 @@
|
|
|
1
|
-
|
|
1
|
+
// src/Xyo/SocialLinks.tsx
|
|
2
2
|
import { Facebook, Instagram, LinkedIn, Reddit, Telegram, Twitter, YouTube } from "@mui/icons-material";
|
|
3
3
|
import { FlexRow } from "@xylabs/react-flexbox";
|
|
4
4
|
import { FaDiscord } from "react-icons/fa/index.js";
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
5
|
+
|
|
6
|
+
// src/Link.tsx
|
|
7
|
+
import { assertEx } from "@xylabs/assert";
|
|
8
|
+
import { LinkEx } from "@xylabs/react-link";
|
|
9
|
+
import { jsx } from "react/jsx-runtime";
|
|
10
|
+
var convertToBetaIfNeeded = (url, currentUrl = new URL(document.location.href)) => {
|
|
11
|
+
const urlObj = typeof url === "string" ? new URL(url) : url;
|
|
12
|
+
const currentUrlObj = typeof currentUrl === "string" ? new URL(currentUrl) : currentUrl;
|
|
13
|
+
const currentHostnameParts = currentUrlObj.hostname.split(".");
|
|
14
|
+
const beta = currentHostnameParts.shift() === "beta";
|
|
15
|
+
if (beta) {
|
|
16
|
+
const currentHostnameWithoutBeta = currentHostnameParts.join(".");
|
|
17
|
+
if (currentHostnameWithoutBeta === urlObj.hostname) {
|
|
18
|
+
urlObj.hostname = currentUrlObj.hostname;
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
return urlObj;
|
|
22
|
+
};
|
|
23
|
+
var FooterLink = ({ target, href, margin = 0.5, variant = "body2", ...props }) => {
|
|
24
|
+
const url = new URL(assertEx(href, "href not set"));
|
|
25
|
+
assertEx(url.hostname, "Hostname is required in href");
|
|
26
|
+
const convertedUrl = convertToBetaIfNeeded(url);
|
|
27
|
+
if (document.location.hostname === convertedUrl.hostname) {
|
|
28
|
+
const to = url.search.length > 0 ? `${convertedUrl.pathname}${convertedUrl.search}` : url.pathname;
|
|
29
|
+
return /* @__PURE__ */ jsx(LinkEx, { margin, to, target, variant, ...props });
|
|
30
|
+
} else {
|
|
31
|
+
return /* @__PURE__ */ jsx(LinkEx, { margin, href, target: target ?? "_blank", variant, ...props });
|
|
32
|
+
}
|
|
33
|
+
};
|
|
34
|
+
|
|
35
|
+
// src/Links.tsx
|
|
36
|
+
import { Typography } from "@mui/material";
|
|
37
|
+
import { FlexCol } from "@xylabs/react-flexbox";
|
|
38
|
+
import { jsx as jsx2, jsxs } from "react/jsx-runtime";
|
|
39
|
+
var FooterLinks = ({ children, title, ...props }) => {
|
|
40
|
+
return /* @__PURE__ */ jsxs(FlexCol, { margin: 1, justifyContent: "flex-start", title, ...props, children: [
|
|
41
|
+
/* @__PURE__ */ jsx2(Typography, { margin: 0.5, variant: "h6", noWrap: true, children: title }),
|
|
42
|
+
children
|
|
43
|
+
] });
|
|
44
|
+
};
|
|
45
|
+
|
|
46
|
+
// src/Xyo/SocialLinks.tsx
|
|
47
|
+
import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
|
|
48
|
+
var SocialLinks = (props) => {
|
|
49
|
+
return /* @__PURE__ */ jsx3(FooterLinks, { title: "XYO Socials", ...props, children: /* @__PURE__ */ jsxs2(FlexRow, { flexWrap: "wrap", justifyContent: "flex-start", children: [
|
|
50
|
+
/* @__PURE__ */ jsx3(FooterLink, { href: "https://business.facebook.com/OfficialXYO/", children: /* @__PURE__ */ jsx3(Facebook, {}) }),
|
|
51
|
+
/* @__PURE__ */ jsx3(FooterLink, { href: "https://twitter.com/OfficialXYO", children: /* @__PURE__ */ jsx3(Twitter, {}) }),
|
|
52
|
+
/* @__PURE__ */ jsx3(FooterLink, { href: "https://www.instagram.com/officialxyo/", children: /* @__PURE__ */ jsx3(Instagram, {}) }),
|
|
53
|
+
/* @__PURE__ */ jsx3(FooterLink, { href: "https://t.me/xyonetwork", children: /* @__PURE__ */ jsx3(Telegram, {}) }),
|
|
54
|
+
/* @__PURE__ */ jsx3(FooterLink, { href: "https://www.reddit.com/r/XYONetwork/", children: /* @__PURE__ */ jsx3(Reddit, {}) }),
|
|
55
|
+
/* @__PURE__ */ jsx3(FooterLink, { href: "https://www.youtube.com/channel/UCyZDqb9pgntVHJVt1pxXtsw", children: /* @__PURE__ */ jsx3(YouTube, {}) }),
|
|
56
|
+
/* @__PURE__ */ jsx3(FooterLink, { href: "https://www.linkedin.com/company/officialxyo/", children: /* @__PURE__ */ jsx3(LinkedIn, {}) }),
|
|
57
|
+
/* @__PURE__ */ jsx3(FooterLink, { href: "https://discord.gg/officialxyo", children: /* @__PURE__ */ jsx3(FaDiscord, {}) })
|
|
17
58
|
] }) });
|
|
18
59
|
};
|
|
19
60
|
export {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/Xyo/SocialLinks.tsx"],"sourcesContent":["import { Facebook, Instagram, LinkedIn, Reddit, Telegram, Twitter, YouTube } from '@mui/icons-material'\nimport { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'\n// eslint-disable-next-line import/no-internal-modules\nimport { FaDiscord } from 'react-icons/fa/index.js'\n\nimport { FooterLink } from '../Link'\nimport { FooterLinks } from '../Links'\n\nexport const SocialLinks: React.FC<FlexBoxProps> = (props) => {\n return (\n <FooterLinks title=\"XYO Socials\" {...props}>\n <FlexRow flexWrap=\"wrap\" justifyContent=\"flex-start\">\n <FooterLink href=\"https://business.facebook.com/OfficialXYO/\">\n <Facebook />\n </FooterLink>\n <FooterLink href=\"https://twitter.com/OfficialXYO\">\n <Twitter />\n </FooterLink>\n <FooterLink href=\"https://www.instagram.com/officialxyo/\">\n <Instagram />\n </FooterLink>\n <FooterLink href=\"https://t.me/xyonetwork\">\n <Telegram />\n </FooterLink>\n <FooterLink href=\"https://www.reddit.com/r/XYONetwork/\">\n <Reddit />\n </FooterLink>\n <FooterLink href=\"https://www.youtube.com/channel/UCyZDqb9pgntVHJVt1pxXtsw\">\n <YouTube />\n </FooterLink>\n <FooterLink href=\"https://www.linkedin.com/company/officialxyo/\">\n <LinkedIn />\n </FooterLink>\n <FooterLink href=\"https://discord.gg/officialxyo\">\n <FaDiscord />\n </FooterLink>\n </FlexRow>\n </FooterLinks>\n )\n}\n"],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../src/Xyo/SocialLinks.tsx","../../../src/Link.tsx","../../../src/Links.tsx"],"sourcesContent":["import { Facebook, Instagram, LinkedIn, Reddit, Telegram, Twitter, YouTube } from '@mui/icons-material'\nimport { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'\n// eslint-disable-next-line import/no-internal-modules\nimport { FaDiscord } from 'react-icons/fa/index.js'\n\nimport { FooterLink } from '../Link'\nimport { FooterLinks } from '../Links'\n\nexport const SocialLinks: React.FC<FlexBoxProps> = (props) => {\n return (\n <FooterLinks title=\"XYO Socials\" {...props}>\n <FlexRow flexWrap=\"wrap\" justifyContent=\"flex-start\">\n <FooterLink href=\"https://business.facebook.com/OfficialXYO/\">\n <Facebook />\n </FooterLink>\n <FooterLink href=\"https://twitter.com/OfficialXYO\">\n <Twitter />\n </FooterLink>\n <FooterLink href=\"https://www.instagram.com/officialxyo/\">\n <Instagram />\n </FooterLink>\n <FooterLink href=\"https://t.me/xyonetwork\">\n <Telegram />\n </FooterLink>\n <FooterLink href=\"https://www.reddit.com/r/XYONetwork/\">\n <Reddit />\n </FooterLink>\n <FooterLink href=\"https://www.youtube.com/channel/UCyZDqb9pgntVHJVt1pxXtsw\">\n <YouTube />\n </FooterLink>\n <FooterLink href=\"https://www.linkedin.com/company/officialxyo/\">\n <LinkedIn />\n </FooterLink>\n <FooterLink href=\"https://discord.gg/officialxyo\">\n <FaDiscord />\n </FooterLink>\n </FlexRow>\n </FooterLinks>\n )\n}\n","import { assertEx } from '@xylabs/assert'\nimport { LinkEx, LinkExProps } from '@xylabs/react-link'\n\n/**\n * @description\n * FooterLink automatically uses a local To if the link is to the current domain\n * If the link is not local, it defaults to target being _blank\n * In the case of 'beta' domains, it navigates correctly\n */\n\nconst convertToBetaIfNeeded = (url: string | URL, currentUrl = new URL(document.location.href)) => {\n const urlObj = typeof url === 'string' ? new URL(url) : url\n const currentUrlObj = typeof currentUrl === 'string' ? new URL(currentUrl) : currentUrl\n const currentHostnameParts = currentUrlObj.hostname.split('.')\n const beta = currentHostnameParts.shift() === 'beta'\n if (beta) {\n const currentHostnameWithoutBeta = currentHostnameParts.join('.')\n if (currentHostnameWithoutBeta === urlObj.hostname) {\n urlObj.hostname = currentUrlObj.hostname\n }\n }\n return urlObj\n}\n\nexport const FooterLink: React.FC<LinkExProps> = ({ target, href, margin = 0.5, variant = 'body2', ...props }) => {\n const url = new URL(assertEx(href, 'href not set'))\n assertEx(url.hostname, 'Hostname is required in href')\n const convertedUrl = convertToBetaIfNeeded(url)\n if (document.location.hostname === convertedUrl.hostname) {\n const to = url.search.length > 0 ? `${convertedUrl.pathname}${convertedUrl.search}` : url.pathname\n return <LinkEx margin={margin} to={to} target={target} variant={variant} {...props} />\n } else {\n return <LinkEx margin={margin} href={href} target={target ?? '_blank'} variant={variant} {...props} />\n }\n}\n","import { Typography } from '@mui/material'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\n\nexport const FooterLinks: React.FC<FlexBoxProps> = ({ children, title, ...props }) => {\n return (\n <FlexCol margin={1} justifyContent=\"flex-start\" title={title} {...props}>\n <Typography margin={0.5} variant=\"h6\" noWrap>\n {title}\n </Typography>\n {children}\n </FlexCol>\n )\n}\n"],"mappings":";AAAA,SAAS,UAAU,WAAW,UAAU,QAAQ,UAAU,SAAS,eAAe;AAClF,SAAuB,eAAe;AAEtC,SAAS,iBAAiB;;;ACH1B,SAAS,gBAAgB;AACzB,SAAS,cAA2B;AA6BzB;AApBX,IAAM,wBAAwB,CAAC,KAAmB,aAAa,IAAI,IAAI,SAAS,SAAS,IAAI,MAAM;AACjG,QAAM,SAAS,OAAO,QAAQ,WAAW,IAAI,IAAI,GAAG,IAAI;AACxD,QAAM,gBAAgB,OAAO,eAAe,WAAW,IAAI,IAAI,UAAU,IAAI;AAC7E,QAAM,uBAAuB,cAAc,SAAS,MAAM,GAAG;AAC7D,QAAM,OAAO,qBAAqB,MAAM,MAAM;AAC9C,MAAI,MAAM;AACR,UAAM,6BAA6B,qBAAqB,KAAK,GAAG;AAChE,QAAI,+BAA+B,OAAO,UAAU;AAClD,aAAO,WAAW,cAAc;AAAA,IAClC;AAAA,EACF;AACA,SAAO;AACT;AAEO,IAAM,aAAoC,CAAC,EAAE,QAAQ,MAAM,SAAS,KAAK,UAAU,SAAS,GAAG,MAAM,MAAM;AAChH,QAAM,MAAM,IAAI,IAAI,SAAS,MAAM,cAAc,CAAC;AAClD,WAAS,IAAI,UAAU,8BAA8B;AACrD,QAAM,eAAe,sBAAsB,GAAG;AAC9C,MAAI,SAAS,SAAS,aAAa,aAAa,UAAU;AACxD,UAAM,KAAK,IAAI,OAAO,SAAS,IAAI,GAAG,aAAa,QAAQ,GAAG,aAAa,MAAM,KAAK,IAAI;AAC1F,WAAO,oBAAC,UAAO,QAAgB,IAAQ,QAAgB,SAAmB,GAAG,OAAO;AAAA,EACtF,OAAO;AACL,WAAO,oBAAC,UAAO,QAAgB,MAAY,QAAQ,UAAU,UAAU,SAAmB,GAAG,OAAO;AAAA,EACtG;AACF;;;AClCA,SAAS,kBAAkB;AAC3B,SAAuB,eAAe;AAIlC,SACE,OAAAA,MADF;AAFG,IAAM,cAAsC,CAAC,EAAE,UAAU,OAAO,GAAG,MAAM,MAAM;AACpF,SACE,qBAAC,WAAQ,QAAQ,GAAG,gBAAe,cAAa,OAAe,GAAG,OAChE;AAAA,oBAAAA,KAAC,cAAW,QAAQ,KAAK,SAAQ,MAAK,QAAM,MACzC,iBACH;AAAA,IACC;AAAA,KACH;AAEJ;;;AFDM,SAEI,OAAAC,MAFJ,QAAAC,aAAA;AAHC,IAAM,cAAsC,CAAC,UAAU;AAC5D,SACE,gBAAAD,KAAC,eAAY,OAAM,eAAe,GAAG,OACnC,0BAAAC,MAAC,WAAQ,UAAS,QAAO,gBAAe,cACtC;AAAA,oBAAAD,KAAC,cAAW,MAAK,8CACf,0BAAAA,KAAC,YAAS,GACZ;AAAA,IACA,gBAAAA,KAAC,cAAW,MAAK,mCACf,0BAAAA,KAAC,WAAQ,GACX;AAAA,IACA,gBAAAA,KAAC,cAAW,MAAK,0CACf,0BAAAA,KAAC,aAAU,GACb;AAAA,IACA,gBAAAA,KAAC,cAAW,MAAK,2BACf,0BAAAA,KAAC,YAAS,GACZ;AAAA,IACA,gBAAAA,KAAC,cAAW,MAAK,wCACf,0BAAAA,KAAC,UAAO,GACV;AAAA,IACA,gBAAAA,KAAC,cAAW,MAAK,4DACf,0BAAAA,KAAC,WAAQ,GACX;AAAA,IACA,gBAAAA,KAAC,cAAW,MAAK,iDACf,0BAAAA,KAAC,YAAS,GACZ;AAAA,IACA,gBAAAA,KAAC,cAAW,MAAK,kCACf,0BAAAA,KAAC,aAAU,GACb;AAAA,KACF,GACF;AAEJ;","names":["jsx","jsx","jsxs"]}
|
|
@@ -1,9 +1,48 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
// src/Link.tsx
|
|
2
|
+
import { assertEx } from "@xylabs/assert";
|
|
3
|
+
import { LinkEx } from "@xylabs/react-link";
|
|
4
|
+
import { jsx } from "react/jsx-runtime";
|
|
5
|
+
var convertToBetaIfNeeded = (url, currentUrl = new URL(document.location.href)) => {
|
|
6
|
+
const urlObj = typeof url === "string" ? new URL(url) : url;
|
|
7
|
+
const currentUrlObj = typeof currentUrl === "string" ? new URL(currentUrl) : currentUrl;
|
|
8
|
+
const currentHostnameParts = currentUrlObj.hostname.split(".");
|
|
9
|
+
const beta = currentHostnameParts.shift() === "beta";
|
|
10
|
+
if (beta) {
|
|
11
|
+
const currentHostnameWithoutBeta = currentHostnameParts.join(".");
|
|
12
|
+
if (currentHostnameWithoutBeta === urlObj.hostname) {
|
|
13
|
+
urlObj.hostname = currentUrlObj.hostname;
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
return urlObj;
|
|
17
|
+
};
|
|
18
|
+
var FooterLink = ({ target, href, margin = 0.5, variant = "body2", ...props }) => {
|
|
19
|
+
const url = new URL(assertEx(href, "href not set"));
|
|
20
|
+
assertEx(url.hostname, "Hostname is required in href");
|
|
21
|
+
const convertedUrl = convertToBetaIfNeeded(url);
|
|
22
|
+
if (document.location.hostname === convertedUrl.hostname) {
|
|
23
|
+
const to = url.search.length > 0 ? `${convertedUrl.pathname}${convertedUrl.search}` : url.pathname;
|
|
24
|
+
return /* @__PURE__ */ jsx(LinkEx, { margin, to, target, variant, ...props });
|
|
25
|
+
} else {
|
|
26
|
+
return /* @__PURE__ */ jsx(LinkEx, { margin, href, target: target ?? "_blank", variant, ...props });
|
|
27
|
+
}
|
|
28
|
+
};
|
|
29
|
+
|
|
30
|
+
// src/Links.tsx
|
|
31
|
+
import { Typography } from "@mui/material";
|
|
32
|
+
import { FlexCol } from "@xylabs/react-flexbox";
|
|
33
|
+
import { jsx as jsx2, jsxs } from "react/jsx-runtime";
|
|
34
|
+
var FooterLinks = ({ children, title, ...props }) => {
|
|
35
|
+
return /* @__PURE__ */ jsxs(FlexCol, { margin: 1, justifyContent: "flex-start", title, ...props, children: [
|
|
36
|
+
/* @__PURE__ */ jsx2(Typography, { margin: 0.5, variant: "h6", noWrap: true, children: title }),
|
|
37
|
+
children
|
|
38
|
+
] });
|
|
39
|
+
};
|
|
40
|
+
|
|
41
|
+
// src/Xyo/SupportLinks.tsx
|
|
42
|
+
import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
|
|
43
|
+
var SupportLinks = (props) => /* @__PURE__ */ jsxs2(FooterLinks, { title: "Support", ...props, children: [
|
|
44
|
+
/* @__PURE__ */ jsx3(FooterLink, { href: "https://support.xy.company/hc/en-us/categories/360001417734", children: "Help Center" }),
|
|
45
|
+
/* @__PURE__ */ jsx3(FooterLink, { href: "https://support.xy.company/hc/en-us/requests/new", children: "Contact Support" })
|
|
7
46
|
] });
|
|
8
47
|
export {
|
|
9
48
|
SupportLinks
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/Xyo/SupportLinks.tsx"],"sourcesContent":["import { FlexBoxProps } from '@xylabs/react-flexbox'\n\nimport { FooterLink } from '../Link'\nimport { FooterLinks } from '../Links'\n\nexport const SupportLinks: React.FC<FlexBoxProps> = (props) => (\n <FooterLinks title=\"Support\" {...props}>\n <FooterLink href=\"https://support.xy.company/hc/en-us/categories/360001417734\">Help Center</FooterLink>\n <FooterLink href=\"https://support.xy.company/hc/en-us/requests/new\">Contact Support</FooterLink>\n </FooterLinks>\n)\n"],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../src/Link.tsx","../../../src/Links.tsx","../../../src/Xyo/SupportLinks.tsx"],"sourcesContent":["import { assertEx } from '@xylabs/assert'\nimport { LinkEx, LinkExProps } from '@xylabs/react-link'\n\n/**\n * @description\n * FooterLink automatically uses a local To if the link is to the current domain\n * If the link is not local, it defaults to target being _blank\n * In the case of 'beta' domains, it navigates correctly\n */\n\nconst convertToBetaIfNeeded = (url: string | URL, currentUrl = new URL(document.location.href)) => {\n const urlObj = typeof url === 'string' ? new URL(url) : url\n const currentUrlObj = typeof currentUrl === 'string' ? new URL(currentUrl) : currentUrl\n const currentHostnameParts = currentUrlObj.hostname.split('.')\n const beta = currentHostnameParts.shift() === 'beta'\n if (beta) {\n const currentHostnameWithoutBeta = currentHostnameParts.join('.')\n if (currentHostnameWithoutBeta === urlObj.hostname) {\n urlObj.hostname = currentUrlObj.hostname\n }\n }\n return urlObj\n}\n\nexport const FooterLink: React.FC<LinkExProps> = ({ target, href, margin = 0.5, variant = 'body2', ...props }) => {\n const url = new URL(assertEx(href, 'href not set'))\n assertEx(url.hostname, 'Hostname is required in href')\n const convertedUrl = convertToBetaIfNeeded(url)\n if (document.location.hostname === convertedUrl.hostname) {\n const to = url.search.length > 0 ? `${convertedUrl.pathname}${convertedUrl.search}` : url.pathname\n return <LinkEx margin={margin} to={to} target={target} variant={variant} {...props} />\n } else {\n return <LinkEx margin={margin} href={href} target={target ?? '_blank'} variant={variant} {...props} />\n }\n}\n","import { Typography } from '@mui/material'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\n\nexport const FooterLinks: React.FC<FlexBoxProps> = ({ children, title, ...props }) => {\n return (\n <FlexCol margin={1} justifyContent=\"flex-start\" title={title} {...props}>\n <Typography margin={0.5} variant=\"h6\" noWrap>\n {title}\n </Typography>\n {children}\n </FlexCol>\n )\n}\n","import { FlexBoxProps } from '@xylabs/react-flexbox'\n\nimport { FooterLink } from '../Link'\nimport { FooterLinks } from '../Links'\n\nexport const SupportLinks: React.FC<FlexBoxProps> = (props) => (\n <FooterLinks title=\"Support\" {...props}>\n <FooterLink href=\"https://support.xy.company/hc/en-us/categories/360001417734\">Help Center</FooterLink>\n <FooterLink href=\"https://support.xy.company/hc/en-us/requests/new\">Contact Support</FooterLink>\n </FooterLinks>\n)\n"],"mappings":";AAAA,SAAS,gBAAgB;AACzB,SAAS,cAA2B;AA6BzB;AApBX,IAAM,wBAAwB,CAAC,KAAmB,aAAa,IAAI,IAAI,SAAS,SAAS,IAAI,MAAM;AACjG,QAAM,SAAS,OAAO,QAAQ,WAAW,IAAI,IAAI,GAAG,IAAI;AACxD,QAAM,gBAAgB,OAAO,eAAe,WAAW,IAAI,IAAI,UAAU,IAAI;AAC7E,QAAM,uBAAuB,cAAc,SAAS,MAAM,GAAG;AAC7D,QAAM,OAAO,qBAAqB,MAAM,MAAM;AAC9C,MAAI,MAAM;AACR,UAAM,6BAA6B,qBAAqB,KAAK,GAAG;AAChE,QAAI,+BAA+B,OAAO,UAAU;AAClD,aAAO,WAAW,cAAc;AAAA,IAClC;AAAA,EACF;AACA,SAAO;AACT;AAEO,IAAM,aAAoC,CAAC,EAAE,QAAQ,MAAM,SAAS,KAAK,UAAU,SAAS,GAAG,MAAM,MAAM;AAChH,QAAM,MAAM,IAAI,IAAI,SAAS,MAAM,cAAc,CAAC;AAClD,WAAS,IAAI,UAAU,8BAA8B;AACrD,QAAM,eAAe,sBAAsB,GAAG;AAC9C,MAAI,SAAS,SAAS,aAAa,aAAa,UAAU;AACxD,UAAM,KAAK,IAAI,OAAO,SAAS,IAAI,GAAG,aAAa,QAAQ,GAAG,aAAa,MAAM,KAAK,IAAI;AAC1F,WAAO,oBAAC,UAAO,QAAgB,IAAQ,QAAgB,SAAmB,GAAG,OAAO;AAAA,EACtF,OAAO;AACL,WAAO,oBAAC,UAAO,QAAgB,MAAY,QAAQ,UAAU,UAAU,SAAmB,GAAG,OAAO;AAAA,EACtG;AACF;;;AClCA,SAAS,kBAAkB;AAC3B,SAAuB,eAAe;AAIlC,SACE,OAAAA,MADF;AAFG,IAAM,cAAsC,CAAC,EAAE,UAAU,OAAO,GAAG,MAAM,MAAM;AACpF,SACE,qBAAC,WAAQ,QAAQ,GAAG,gBAAe,cAAa,OAAe,GAAG,OAChE;AAAA,oBAAAA,KAAC,cAAW,QAAQ,KAAK,SAAQ,MAAK,QAAM,MACzC,iBACH;AAAA,IACC;AAAA,KACH;AAEJ;;;ACNE,SACE,OAAAC,MADF,QAAAC,aAAA;AADK,IAAM,eAAuC,CAAC,UACnD,gBAAAA,MAAC,eAAY,OAAM,WAAW,GAAG,OAC/B;AAAA,kBAAAD,KAAC,cAAW,MAAK,+DAA8D,yBAAW;AAAA,EAC1F,gBAAAA,KAAC,cAAW,MAAK,oDAAmD,6BAAe;AAAA,GACrF;","names":["jsx","jsx","jsxs"]}
|
|
@@ -1,12 +1,51 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
1
|
+
// src/Link.tsx
|
|
2
|
+
import { assertEx } from "@xylabs/assert";
|
|
3
|
+
import { LinkEx } from "@xylabs/react-link";
|
|
4
|
+
import { jsx } from "react/jsx-runtime";
|
|
5
|
+
var convertToBetaIfNeeded = (url, currentUrl = new URL(document.location.href)) => {
|
|
6
|
+
const urlObj = typeof url === "string" ? new URL(url) : url;
|
|
7
|
+
const currentUrlObj = typeof currentUrl === "string" ? new URL(currentUrl) : currentUrl;
|
|
8
|
+
const currentHostnameParts = currentUrlObj.hostname.split(".");
|
|
9
|
+
const beta = currentHostnameParts.shift() === "beta";
|
|
10
|
+
if (beta) {
|
|
11
|
+
const currentHostnameWithoutBeta = currentHostnameParts.join(".");
|
|
12
|
+
if (currentHostnameWithoutBeta === urlObj.hostname) {
|
|
13
|
+
urlObj.hostname = currentUrlObj.hostname;
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
return urlObj;
|
|
17
|
+
};
|
|
18
|
+
var FooterLink = ({ target, href, margin = 0.5, variant = "body2", ...props }) => {
|
|
19
|
+
const url = new URL(assertEx(href, "href not set"));
|
|
20
|
+
assertEx(url.hostname, "Hostname is required in href");
|
|
21
|
+
const convertedUrl = convertToBetaIfNeeded(url);
|
|
22
|
+
if (document.location.hostname === convertedUrl.hostname) {
|
|
23
|
+
const to = url.search.length > 0 ? `${convertedUrl.pathname}${convertedUrl.search}` : url.pathname;
|
|
24
|
+
return /* @__PURE__ */ jsx(LinkEx, { margin, to, target, variant, ...props });
|
|
25
|
+
} else {
|
|
26
|
+
return /* @__PURE__ */ jsx(LinkEx, { margin, href, target: target ?? "_blank", variant, ...props });
|
|
27
|
+
}
|
|
28
|
+
};
|
|
29
|
+
|
|
30
|
+
// src/Links.tsx
|
|
31
|
+
import { Typography } from "@mui/material";
|
|
32
|
+
import { FlexCol } from "@xylabs/react-flexbox";
|
|
33
|
+
import { jsx as jsx2, jsxs } from "react/jsx-runtime";
|
|
34
|
+
var FooterLinks = ({ children, title, ...props }) => {
|
|
35
|
+
return /* @__PURE__ */ jsxs(FlexCol, { margin: 1, justifyContent: "flex-start", title, ...props, children: [
|
|
36
|
+
/* @__PURE__ */ jsx2(Typography, { margin: 0.5, variant: "h6", noWrap: true, children: title }),
|
|
37
|
+
children
|
|
38
|
+
] });
|
|
39
|
+
};
|
|
40
|
+
|
|
41
|
+
// src/Xyo/TokenLinks.tsx
|
|
42
|
+
import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
|
|
43
|
+
var TokenLinks = (props) => /* @__PURE__ */ jsxs2(FooterLinks, { title: "XYO Tokens", ...props, children: [
|
|
44
|
+
/* @__PURE__ */ jsx3(FooterLink, { href: "https://xyo.network/token", children: "About" }),
|
|
45
|
+
/* @__PURE__ */ jsx3(FooterLink, { href: "https://xyo.network/token/exchange", children: "Exchanges" }),
|
|
46
|
+
/* @__PURE__ */ jsx3(FooterLink, { href: "https://xyo.network/token/price", children: "Prices" }),
|
|
47
|
+
/* @__PURE__ */ jsx3(FooterLink, { href: "https://xyo.network/token/wallet", children: "Wallets" }),
|
|
48
|
+
/* @__PURE__ */ jsx3(FooterLink, { href: "https://etherscan.io/address/0x55296f69f40ea6d20e478533c15a6b08b654e758", children: "Contract" })
|
|
10
49
|
] });
|
|
11
50
|
export {
|
|
12
51
|
TokenLinks
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/Xyo/TokenLinks.tsx"],"sourcesContent":["import { FlexBoxProps } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nimport { FooterLink } from '../Link'\nimport { FooterLinks } from '../Links'\n\nexport const TokenLinks: React.FC<FlexBoxProps> = (props) => (\n <FooterLinks title=\"XYO Tokens\" {...props}>\n <FooterLink href=\"https://xyo.network/token\">About</FooterLink>\n <FooterLink href=\"https://xyo.network/token/exchange\">Exchanges</FooterLink>\n <FooterLink href=\"https://xyo.network/token/price\">Prices</FooterLink>\n <FooterLink href=\"https://xyo.network/token/wallet\">Wallets</FooterLink>\n <FooterLink href=\"https://etherscan.io/address/0x55296f69f40ea6d20e478533c15a6b08b654e758\">Contract</FooterLink>\n </FooterLinks>\n)\n"],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../src/Link.tsx","../../../src/Links.tsx","../../../src/Xyo/TokenLinks.tsx"],"sourcesContent":["import { assertEx } from '@xylabs/assert'\nimport { LinkEx, LinkExProps } from '@xylabs/react-link'\n\n/**\n * @description\n * FooterLink automatically uses a local To if the link is to the current domain\n * If the link is not local, it defaults to target being _blank\n * In the case of 'beta' domains, it navigates correctly\n */\n\nconst convertToBetaIfNeeded = (url: string | URL, currentUrl = new URL(document.location.href)) => {\n const urlObj = typeof url === 'string' ? new URL(url) : url\n const currentUrlObj = typeof currentUrl === 'string' ? new URL(currentUrl) : currentUrl\n const currentHostnameParts = currentUrlObj.hostname.split('.')\n const beta = currentHostnameParts.shift() === 'beta'\n if (beta) {\n const currentHostnameWithoutBeta = currentHostnameParts.join('.')\n if (currentHostnameWithoutBeta === urlObj.hostname) {\n urlObj.hostname = currentUrlObj.hostname\n }\n }\n return urlObj\n}\n\nexport const FooterLink: React.FC<LinkExProps> = ({ target, href, margin = 0.5, variant = 'body2', ...props }) => {\n const url = new URL(assertEx(href, 'href not set'))\n assertEx(url.hostname, 'Hostname is required in href')\n const convertedUrl = convertToBetaIfNeeded(url)\n if (document.location.hostname === convertedUrl.hostname) {\n const to = url.search.length > 0 ? `${convertedUrl.pathname}${convertedUrl.search}` : url.pathname\n return <LinkEx margin={margin} to={to} target={target} variant={variant} {...props} />\n } else {\n return <LinkEx margin={margin} href={href} target={target ?? '_blank'} variant={variant} {...props} />\n }\n}\n","import { Typography } from '@mui/material'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\n\nexport const FooterLinks: React.FC<FlexBoxProps> = ({ children, title, ...props }) => {\n return (\n <FlexCol margin={1} justifyContent=\"flex-start\" title={title} {...props}>\n <Typography margin={0.5} variant=\"h6\" noWrap>\n {title}\n </Typography>\n {children}\n </FlexCol>\n )\n}\n","import { FlexBoxProps } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nimport { FooterLink } from '../Link'\nimport { FooterLinks } from '../Links'\n\nexport const TokenLinks: React.FC<FlexBoxProps> = (props) => (\n <FooterLinks title=\"XYO Tokens\" {...props}>\n <FooterLink href=\"https://xyo.network/token\">About</FooterLink>\n <FooterLink href=\"https://xyo.network/token/exchange\">Exchanges</FooterLink>\n <FooterLink href=\"https://xyo.network/token/price\">Prices</FooterLink>\n <FooterLink href=\"https://xyo.network/token/wallet\">Wallets</FooterLink>\n <FooterLink href=\"https://etherscan.io/address/0x55296f69f40ea6d20e478533c15a6b08b654e758\">Contract</FooterLink>\n </FooterLinks>\n)\n"],"mappings":";AAAA,SAAS,gBAAgB;AACzB,SAAS,cAA2B;AA6BzB;AApBX,IAAM,wBAAwB,CAAC,KAAmB,aAAa,IAAI,IAAI,SAAS,SAAS,IAAI,MAAM;AACjG,QAAM,SAAS,OAAO,QAAQ,WAAW,IAAI,IAAI,GAAG,IAAI;AACxD,QAAM,gBAAgB,OAAO,eAAe,WAAW,IAAI,IAAI,UAAU,IAAI;AAC7E,QAAM,uBAAuB,cAAc,SAAS,MAAM,GAAG;AAC7D,QAAM,OAAO,qBAAqB,MAAM,MAAM;AAC9C,MAAI,MAAM;AACR,UAAM,6BAA6B,qBAAqB,KAAK,GAAG;AAChE,QAAI,+BAA+B,OAAO,UAAU;AAClD,aAAO,WAAW,cAAc;AAAA,IAClC;AAAA,EACF;AACA,SAAO;AACT;AAEO,IAAM,aAAoC,CAAC,EAAE,QAAQ,MAAM,SAAS,KAAK,UAAU,SAAS,GAAG,MAAM,MAAM;AAChH,QAAM,MAAM,IAAI,IAAI,SAAS,MAAM,cAAc,CAAC;AAClD,WAAS,IAAI,UAAU,8BAA8B;AACrD,QAAM,eAAe,sBAAsB,GAAG;AAC9C,MAAI,SAAS,SAAS,aAAa,aAAa,UAAU;AACxD,UAAM,KAAK,IAAI,OAAO,SAAS,IAAI,GAAG,aAAa,QAAQ,GAAG,aAAa,MAAM,KAAK,IAAI;AAC1F,WAAO,oBAAC,UAAO,QAAgB,IAAQ,QAAgB,SAAmB,GAAG,OAAO;AAAA,EACtF,OAAO;AACL,WAAO,oBAAC,UAAO,QAAgB,MAAY,QAAQ,UAAU,UAAU,SAAmB,GAAG,OAAO;AAAA,EACtG;AACF;;;AClCA,SAAS,kBAAkB;AAC3B,SAAuB,eAAe;AAIlC,SACE,OAAAA,MADF;AAFG,IAAM,cAAsC,CAAC,EAAE,UAAU,OAAO,GAAG,MAAM,MAAM;AACpF,SACE,qBAAC,WAAQ,QAAQ,GAAG,gBAAe,cAAa,OAAe,GAAG,OAChE;AAAA,oBAAAA,KAAC,cAAW,QAAQ,KAAK,SAAQ,MAAK,QAAM,MACzC,iBACH;AAAA,IACC;AAAA,KACH;AAEJ;;;ACLE,SACE,OAAAC,MADF,QAAAC,aAAA;AADK,IAAM,aAAqC,CAAC,UACjD,gBAAAA,MAAC,eAAY,OAAM,cAAc,GAAG,OAClC;AAAA,kBAAAD,KAAC,cAAW,MAAK,6BAA4B,mBAAK;AAAA,EAClD,gBAAAA,KAAC,cAAW,MAAK,sCAAqC,uBAAS;AAAA,EAC/D,gBAAAA,KAAC,cAAW,MAAK,mCAAkC,oBAAM;AAAA,EACzD,gBAAAA,KAAC,cAAW,MAAK,oCAAmC,qBAAO;AAAA,EAC3D,gBAAAA,KAAC,cAAW,MAAK,2EAA0E,sBAAQ;AAAA,GACrG;","names":["jsx","jsx","jsxs"]}
|