@xyo-network/react-footer 2.25.52

package/dist/esm/Copyright.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+export interface CopyrightProps extends FlexBoxProps {
+    onMore?: () => void;
+}
+export declare const Copyright: React.FC<CopyrightProps>;

package/dist/esm/Copyright.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import MoreHorizIcon from '@mui/icons-material/MoreHoriz';
+import { FlexRow } from '@xylabs/react-flexbox';
+import { FooterLink } from './Link';
+const footerLinks = [
+    {
+        href: 'https://xylabs.com/',
+        title: `Copyright © ${new Date().getFullYear()} XY Labs, Inc.`,
+    },
+    {
+        href: 'https://xyo.network/',
+        title: 'XYO Foundation',
+    },
+    {
+        href: 'https://xylabs.com/privacy/',
+        title: 'Privacy',
+    },
+    {
+        href: 'https://xylabs.com/terms/',
+        title: 'Terms',
+    },
+    {
+        href: 'https://xylabs.com/jobs',
+        title: 'Careers',
+    },
+];
+export const Copyright = ({ style, onMore, ...props }) => (_jsxs(FlexRow, { flexWrap: "wrap", textTransform: "uppercase", style: { opacity: 0.6, ...style }, ...props, children: [footerLinks.map((footerLink, index) => (_jsx(FooterLink, { noWrap: true, paddingX: 1, margin: 0, ...footerLink, children: _jsx("small", { children: footerLink.title }) }, index))), onMore ? (_jsx(FlexRow, { style: { cursor: 'pointer' }, paddingX: 0.5, onClick: onMore, children: _jsx(MoreHorizIcon, { color: "primary", fontSize: "small" }) })) : null] }));
+//# sourceMappingURL=Copyright.js.map

package/dist/esm/Copyright.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Copyright.js","sourceRoot":"","sources":["../../src/Copyright.tsx"],"names":[],"mappings":";AAAA,OAAO,aAAa,MAAM,+BAA+B,CAAA;AAEzD,OAAO,EAAgB,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAE7D,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AAMnC,MAAM,WAAW,GAAkB;IACjC;QACE,IAAI,EAAE,qBAAqB;QAC3B,KAAK,EAAE,eAAe,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,gBAAgB;KAC/D;IACD;QACE,IAAI,EAAE,sBAAsB;QAC5B,KAAK,EAAE,gBAAgB;KACxB;IACD;QACE,IAAI,EAAE,6BAA6B;QACnC,KAAK,EAAE,SAAS;KACjB;IACD;QACE,IAAI,EAAE,2BAA2B;QACjC,KAAK,EAAE,OAAO;KACf;IACD;QACE,IAAI,EAAE,yBAAyB;QAC/B,KAAK,EAAE,SAAS;KACjB;CACF,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CAClF,MAAC,OAAO,IAAC,QAAQ,EAAC,MAAM,EAAC,aAAa,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,KAAM,KAAK,aAC5F,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE,CAAC,CACtC,KAAC,UAAU,IAAC,MAAM,QAAa,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,KAAM,UAAU,YACnE,0BAAQ,UAAU,CAAC,KAAK,GAAS,IADX,KAAK,CAEhB,CACd,CAAC,EACD,MAAM,CAAC,CAAC,CAAC,CACR,KAAC,OAAO,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,YACnE,KAAC,aAAa,IAAC,KAAK,EAAC,SAAS,EAAC,QAAQ,EAAC,OAAO,GAAG,GAC1C,CACX,CAAC,CAAC,CAAC,IAAI,IACA,CACX,CAAA"}

package/dist/esm/DeveloperLinks.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+export declare const DeveloperLinks: React.FC<FlexBoxProps>;

package/dist/esm/DeveloperLinks.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FooterLink } from './Link';
+import { FooterLinks } from './Links';
+export const DeveloperLinks = (props) => (_jsxs(FooterLinks, { title: "Developer", ...props, children: [_jsx(FooterLink, { href: "https://xyo.network/developer", children: "Overview" }), _jsx(FooterLink, { href: "https://xyo.network/developer/get-started", children: "Get Started" }), _jsx(FooterLink, { href: "https://xyo.network/developer", children: "SDKs" }), _jsx(FooterLink, { href: "https://github.com/xyoraclenetwork", children: "Open Source Github" }), _jsx(FooterLink, { href: "https://xyo.network/docs/sdk/js", children: "Documentation" })] }));
+//# sourceMappingURL=DeveloperLinks.js.map

package/dist/esm/DeveloperLinks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeveloperLinks.js","sourceRoot":"","sources":["../../src/DeveloperLinks.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAErC,MAAM,CAAC,MAAM,cAAc,GAA2B,CAAC,KAAK,EAAE,EAAE,CAAC,CAC/D,MAAC,WAAW,IAAC,KAAK,EAAC,WAAW,KAAK,KAAK,aACtC,KAAC,UAAU,IAAC,IAAI,EAAC,+BAA+B,yBAAsB,EACtE,KAAC,UAAU,IAAC,IAAI,EAAC,2CAA2C,4BAAyB,EACrF,KAAC,UAAU,IAAC,IAAI,EAAC,+BAA+B,qBAAkB,EAClE,KAAC,UAAU,IAAC,IAAI,EAAC,oCAAoC,mCAAgC,EACrF,KAAC,UAAU,IAAC,IAAI,EAAC,iCAAiC,8BAA2B,IACjE,CACf,CAAA"}

package/dist/esm/Footer.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+export interface FooterProps extends FlexBoxProps {
+    dynamicHeight?: boolean;
+    footerHtmlElement?: boolean;
+}
+export declare const Footer: React.FC<FooterProps>;

package/dist/esm/Footer.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Container, Grid } from '@mui/material';
+import { FlexCol, FlexRow } from '@xylabs/react-flexbox';
+import { useState } from 'react';
+import { Copyright } from './Copyright';
+import { DeveloperLinks } from './DeveloperLinks';
+import { MoreLinks } from './MoreLinks';
+import { NetworkLinks } from './NetworkLinks';
+import { SocialLinks } from './SocialLinks';
+import { SupportLinks } from './SupportLinks';
+import { XyoTokens } from './XyoTokens';
+export const Footer = ({ dynamicHeight = false, ...props }) => {
+    const [more, setMore] = useState(false);
+    const onMore = () => {
+        setMore(!more);
+    };
+    return (_jsxs(FlexCol, { onMouseLeave: () => {
+            setMore(false);
+        }, alignItems: "stretch", ...props, children: [more || !dynamicHeight ? (_jsx(FlexRow, { alignItems: "flex-start", children: _jsx(Container, { children: _jsxs(Grid, { container: true, justifyContent: "space-between", alignItems: "flex-start", children: [_jsx(Grid, { item: true, xs: 12, md: 2, children: _jsx(SocialLinks, { alignItems: "flex-start" }) }), _jsx(Grid, { item: true, xs: 6, md: 2, children: _jsx(NetworkLinks, { alignItems: "flex-start" }) }), _jsx(Grid, { item: true, xs: 6, md: 2, children: _jsx(XyoTokens, { alignItems: "flex-start" }) }), _jsx(Grid, { item: true, xs: 6, md: 2, children: _jsx(DeveloperLinks, { alignItems: "flex-start" }) }), _jsx(Grid, { item: true, xs: 6, md: 2, children: _jsx(MoreLinks, { alignItems: "flex-start" }) }), _jsx(Grid, { item: true, xs: 6, md: 2, children: _jsx(SupportLinks, { alignItems: "flex-start" }) })] }) }) })) : null, _jsx(FlexRow, { children: _jsx(Container, { children: _jsx(Copyright, { onMore: onMore }) }) })] }));
+};
+//# sourceMappingURL=Footer.js.map

package/dist/esm/Footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../src/Footer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAgB,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AACtE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAOvC,MAAM,CAAC,MAAM,MAAM,GAA0B,CAAC,EAAE,aAAa,GAAG,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACnF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACvC,MAAM,MAAM,GAAG,GAAG,EAAE;QAClB,OAAO,CAAC,CAAC,IAAI,CAAC,CAAA;IAChB,CAAC,CAAA;IACD,OAAO,CACL,MAAC,OAAO,IACN,YAAY,EAAE,GAAG,EAAE;YACjB,OAAO,CAAC,KAAK,CAAC,CAAA;QAChB,CAAC,EACD,UAAU,EAAC,SAAS,KAChB,KAAK,aAER,IAAI,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CACxB,KAAC,OAAO,IAAC,UAAU,EAAC,YAAY,YAC9B,KAAC,SAAS,cACR,MAAC,IAAI,IAAC,SAAS,QAAC,cAAc,EAAC,eAAe,EAAC,UAAU,EAAC,YAAY,aACpE,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,YACtB,KAAC,WAAW,IAAC,UAAU,EAAC,YAAY,GAAG,GAClC,EACP,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,YACrB,KAAC,YAAY,IAAC,UAAU,EAAC,YAAY,GAAG,GACnC,EACP,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,YACrB,KAAC,SAAS,IAAC,UAAU,EAAC,YAAY,GAAG,GAChC,EACP,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,YACrB,KAAC,cAAc,IAAC,UAAU,EAAC,YAAY,GAAG,GACrC,EACP,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,YACrB,KAAC,SAAS,IAAC,UAAU,EAAC,YAAY,GAAG,GAChC,EACP,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,YACrB,KAAC,YAAY,IAAC,UAAU,EAAC,YAAY,GAAG,GACnC,IACF,GACG,GACJ,CACX,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,OAAO,cACN,KAAC,SAAS,cACR,KAAC,SAAS,IAAC,MAAM,EAAE,MAAM,GAAI,GACnB,GACJ,IACF,CACX,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/Link.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { LinkExProps } from '@xylabs/react-common';
+export declare const FooterLink: React.FC<LinkExProps>;

package/dist/esm/Link.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { LinkEx } from '@xylabs/react-common';
+import { assertEx } from '@xylabs/sdk-js';
+/**
+ * @description
+ * FooterLink automatically uses a local To if the link is to the current domain
+ * If the link is not local, it defaults to target being _blank
+ * In the case of 'beta' domains, it navigates correctly
+ */
+const convertToBetaIfNeeded = (url, currentUrl = new URL(document.location.href)) => {
+    const urlObj = typeof url === 'string' ? new URL(url) : url;
+    const currentUrlObj = typeof currentUrl === 'string' ? new URL(currentUrl) : currentUrl;
+    const currentHostnameParts = currentUrlObj.hostname.split('.');
+    const beta = currentHostnameParts.shift() === 'beta';
+    if (beta) {
+        const currentHostnameWithoutBeta = currentHostnameParts.join('.');
+        if (currentHostnameWithoutBeta === urlObj.hostname) {
+            urlObj.hostname = currentUrlObj.hostname;
+        }
+    }
+    return urlObj;
+};
+export const FooterLink = ({ target, href, margin = 0.5, variant = 'body2', ...props }) => {
+    const url = new URL(assertEx(href, 'href not set'));
+    assertEx(url.hostname, 'Hostname is required in href');
+    const convertedUrl = convertToBetaIfNeeded(url);
+    if (document.location.hostname === convertedUrl.hostname) {
+        const to = url.search.length > 0 ? `${convertedUrl.pathname}${convertedUrl.search}` : url.pathname;
+        return _jsx(LinkEx, { margin: margin, to: to, target: target, variant: variant, ...props });
+    }
+    else {
+        return _jsx(LinkEx, { margin: margin, href: href, target: target ?? '_blank', variant: variant, ...props });
+    }
+};
+//# sourceMappingURL=Link.js.map

package/dist/esm/Link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../src/Link.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAe,MAAM,sBAAsB,CAAA;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAEzC;;;;;GAKG;AAEH,MAAM,qBAAqB,GAAG,CAAC,GAAiB,EAAE,UAAU,GAAG,IAAI,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE;IAChG,MAAM,MAAM,GAAG,OAAO,GAAG,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAA;IAC3D,MAAM,aAAa,GAAG,OAAO,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CAAA;IACvF,MAAM,oBAAoB,GAAG,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;IAC9D,MAAM,IAAI,GAAG,oBAAoB,CAAC,KAAK,EAAE,KAAK,MAAM,CAAA;IACpD,IAAI,IAAI,EAAE;QACR,MAAM,0BAA0B,GAAG,oBAAoB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;QACjE,IAAI,0BAA0B,KAAK,MAAM,CAAC,QAAQ,EAAE;YAClD,MAAM,CAAC,QAAQ,GAAG,aAAa,CAAC,QAAQ,CAAA;SACzC;KACF;IACD,OAAO,MAAM,CAAA;AACf,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAA0B,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,GAAG,EAAE,OAAO,GAAG,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC/G,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,QAAQ,CAAC,IAAI,EAAE,cAAc,CAAC,CAAC,CAAA;IACnD,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,8BAA8B,CAAC,CAAA;IACtD,MAAM,YAAY,GAAG,qBAAqB,CAAC,GAAG,CAAC,CAAA;IAC/C,IAAI,QAAQ,CAAC,QAAQ,CAAC,QAAQ,KAAK,YAAY,CAAC,QAAQ,EAAE;QACxD,MAAM,EAAE,GAAG,GAAG,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,YAAY,CAAC,QAAQ,GAAG,YAAY,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAA;QAClG,OAAO,KAAC,MAAM,IAAC,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAM,KAAK,GAAI,CAAA;KACvF;SAAM;QACL,OAAO,KAAC,MAAM,IAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,IAAI,QAAQ,EAAE,OAAO,EAAE,OAAO,KAAM,KAAK,GAAI,CAAA;KACvG;AACH,CAAC,CAAA"}

package/dist/esm/Links.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+export declare const FooterLinks: React.FC<FlexBoxProps>;

package/dist/esm/Links.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Typography } from '@mui/material';
+import { FlexCol } from '@xylabs/react-flexbox';
+export const FooterLinks = ({ children, title, ...props }) => {
+    return (_jsxs(FlexCol, { margin: 1, justifyContent: "flex-start", title: title, ...props, children: [_jsx(Typography, { margin: 0.5, variant: "h6", noWrap: true, children: title }), children] }));
+};
+//# sourceMappingURL=Links.js.map

package/dist/esm/Links.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Links.js","sourceRoot":"","sources":["../../src/Links.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAgB,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAE7D,MAAM,CAAC,MAAM,WAAW,GAA2B,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACnF,OAAO,CACL,MAAC,OAAO,IAAC,MAAM,EAAE,CAAC,EAAE,cAAc,EAAC,YAAY,EAAC,KAAK,EAAE,KAAK,KAAM,KAAK,aACrE,KAAC,UAAU,IAAC,MAAM,EAAE,GAAG,EAAE,OAAO,EAAC,IAAI,EAAC,MAAM,kBACzC,KAAK,GACK,EACZ,QAAQ,IACD,CACX,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/MoreLinks.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+export declare const MoreLinks: React.FC<FlexBoxProps>;

package/dist/esm/MoreLinks.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FooterLink } from './Link';
+import { FooterLinks } from './Links';
+export const MoreLinks = (props) => (_jsxs(FooterLinks, { title: "More", ...props, children: [_jsx(FooterLink, { href: "https://xyo.network/partners", children: "Partners" }), _jsx(FooterLink, { href: "https://xyo.network/fhr", children: "FHR" }), _jsx(FooterLink, { href: "https://xyo.network/brand", children: "Brand" })] }));
+//# sourceMappingURL=MoreLinks.js.map

package/dist/esm/MoreLinks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MoreLinks.js","sourceRoot":"","sources":["../../src/MoreLinks.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAErC,MAAM,CAAC,MAAM,SAAS,GAA2B,CAAC,KAAK,EAAE,EAAE,CAAC,CAC1D,MAAC,WAAW,IAAC,KAAK,EAAC,MAAM,KAAK,KAAK,aACjC,KAAC,UAAU,IAAC,IAAI,EAAC,8BAA8B,yBAAsB,EACrE,KAAC,UAAU,IAAC,IAAI,EAAC,yBAAyB,oBAAiB,EAC3D,KAAC,UAAU,IAAC,IAAI,EAAC,2BAA2B,sBAAmB,IACnD,CACf,CAAA"}

package/dist/esm/NetworkLinks.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+export declare const NetworkLinks: React.FC<FlexBoxProps>;

package/dist/esm/NetworkLinks.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FooterLink } from './Link';
+import { FooterLinks } from './Links';
+export const NetworkLinks = (props) => (_jsxs(FooterLinks, { title: "Network", ...props, children: [_jsx(FooterLink, { href: "https://xyo.network/network", children: "Overview" }), _jsx(FooterLink, { href: "https://xyo.network/network/bound-witness", children: "Bound Witness" }), _jsx(FooterLink, { href: "https://xyo.network/network/proof-of-origin", children: "Proof Of Origin" }), _jsx(FooterLink, { href: "https://xyo.network/papers", children: "White Paper" })] }));
+//# sourceMappingURL=NetworkLinks.js.map

package/dist/esm/NetworkLinks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NetworkLinks.js","sourceRoot":"","sources":["../../src/NetworkLinks.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAErC,MAAM,CAAC,MAAM,YAAY,GAA2B,CAAC,KAAK,EAAE,EAAE,CAAC,CAC7D,MAAC,WAAW,IAAC,KAAK,EAAC,SAAS,KAAK,KAAK,aACpC,KAAC,UAAU,IAAC,IAAI,EAAC,6BAA6B,yBAAsB,EACpE,KAAC,UAAU,IAAC,IAAI,EAAC,2CAA2C,8BAA2B,EACvF,KAAC,UAAU,IAAC,IAAI,EAAC,6CAA6C,gCAA6B,EAC3F,KAAC,UAAU,IAAC,IAAI,EAAC,4BAA4B,4BAAyB,IAC1D,CACf,CAAA"}

package/dist/esm/SocialLinks.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+export declare const SocialLinks: React.FC<FlexBoxProps>;

package/dist/esm/SocialLinks.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Facebook, Instagram, LinkedIn, Reddit, Telegram, Twitter, YouTube } from '@mui/icons-material';
+import { FlexRow } from '@xylabs/react-flexbox';
+import { FaDiscord } from 'react-icons/fa';
+import { FooterLink } from './Link';
+import { FooterLinks } from './Links';
+export const SocialLinks = (props) => {
+    return (_jsx(FooterLinks, { title: "XYO Socials", ...props, children: _jsxs(FlexRow, { flexWrap: "wrap", justifyContent: "flex-start", children: [_jsx(FooterLink, { href: "https://business.facebook.com/OfficialXYO/", children: _jsx(Facebook, {}) }), _jsx(FooterLink, { href: "https://twitter.com/OfficialXYO", children: _jsx(Twitter, {}) }), _jsx(FooterLink, { href: "https://www.instagram.com/officialxyo/", children: _jsx(Instagram, {}) }), _jsx(FooterLink, { href: "https://t.me/xyonetwork", children: _jsx(Telegram, {}) }), _jsx(FooterLink, { href: "https://www.reddit.com/r/XYONetwork/", children: _jsx(Reddit, {}) }), _jsx(FooterLink, { href: "https://www.youtube.com/channel/UCyZDqb9pgntVHJVt1pxXtsw", children: _jsx(YouTube, {}) }), _jsx(FooterLink, { href: "https://www.linkedin.com/company/officialxyo/", children: _jsx(LinkedIn, {}) }), _jsx(FooterLink, { href: "https://discord.com/channels/935586624392298547/935586625101103227", children: _jsx(FaDiscord, {}) })] }) }));
+};
+//# sourceMappingURL=SocialLinks.js.map

package/dist/esm/SocialLinks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SocialLinks.js","sourceRoot":"","sources":["../../src/SocialLinks.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAA;AACvG,OAAO,EAAgB,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE1C,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAErC,MAAM,CAAC,MAAM,WAAW,GAA2B,CAAC,KAAK,EAAE,EAAE;IAC3D,OAAO,CACL,KAAC,WAAW,IAAC,KAAK,EAAC,aAAa,KAAK,KAAK,YACxC,MAAC,OAAO,IAAC,QAAQ,EAAC,MAAM,EAAC,cAAc,EAAC,YAAY,aAClD,KAAC,UAAU,IAAC,IAAI,EAAC,4CAA4C,YAC3D,KAAC,QAAQ,KAAG,GACD,EACb,KAAC,UAAU,IAAC,IAAI,EAAC,iCAAiC,YAChD,KAAC,OAAO,KAAG,GACA,EACb,KAAC,UAAU,IAAC,IAAI,EAAC,wCAAwC,YACvD,KAAC,SAAS,KAAG,GACF,EACb,KAAC,UAAU,IAAC,IAAI,EAAC,yBAAyB,YACxC,KAAC,QAAQ,KAAG,GACD,EACb,KAAC,UAAU,IAAC,IAAI,EAAC,sCAAsC,YACrD,KAAC,MAAM,KAAG,GACC,EACb,KAAC,UAAU,IAAC,IAAI,EAAC,0DAA0D,YACzE,KAAC,OAAO,KAAG,GACA,EACb,KAAC,UAAU,IAAC,IAAI,EAAC,+CAA+C,YAC9D,KAAC,QAAQ,KAAG,GACD,EACb,KAAC,UAAU,IAAC,IAAI,EAAC,oEAAoE,YACnF,KAAC,SAAS,KAAG,GACF,IACL,GACE,CACf,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/SupportLinks.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+export declare const SupportLinks: React.FC<FlexBoxProps>;

package/dist/esm/SupportLinks.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FooterLink } from './Link';
+import { FooterLinks } from './Links';
+export const SupportLinks = (props) => (_jsxs(FooterLinks, { title: "Support", ...props, children: [_jsx(FooterLink, { href: "https://support.xy.company/hc/en-us/categories/360001417734", children: "Help Center" }), _jsx(FooterLink, { href: "https://support.xy.company/hc/en-us/requests/new", children: "Contact Support" })] }));
+//# sourceMappingURL=SupportLinks.js.map

package/dist/esm/SupportLinks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SupportLinks.js","sourceRoot":"","sources":["../../src/SupportLinks.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAErC,MAAM,CAAC,MAAM,YAAY,GAA2B,CAAC,KAAK,EAAE,EAAE,CAAC,CAC7D,MAAC,WAAW,IAAC,KAAK,EAAC,SAAS,KAAK,KAAK,aACpC,KAAC,UAAU,IAAC,IAAI,EAAC,6DAA6D,4BAAyB,EACvG,KAAC,UAAU,IAAC,IAAI,EAAC,kDAAkD,gCAA6B,IACpF,CACf,CAAA"}

package/dist/esm/XyoTokens.d.ts

@@ -0,0 +1,3 @@
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+import React from 'react';
+export declare const XyoTokens: React.FC<FlexBoxProps>;

package/dist/esm/XyoTokens.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FooterLink } from './Link';
+import { FooterLinks } from './Links';
+export const XyoTokens = (props) => (_jsxs(FooterLinks, { title: "XYO Tokens", ...props, children: [_jsx(FooterLink, { href: "https://xyo.network/token", children: "About" }), _jsx(FooterLink, { href: "https://xyo.network/token/exchange", children: "Exchanges" }), _jsx(FooterLink, { href: "https://xyo.network/token/price", children: "Prices" }), _jsx(FooterLink, { href: "https://xyo.network/token/wallet", children: "Wallets" }), _jsx(FooterLink, { href: "https://etherscan.io/address/0x55296f69f40ea6d20e478533c15a6b08b654e758", children: "Contract" })] }));
+//# sourceMappingURL=XyoTokens.js.map

package/dist/esm/XyoTokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"XyoTokens.js","sourceRoot":"","sources":["../../src/XyoTokens.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAErC,MAAM,CAAC,MAAM,SAAS,GAA2B,CAAC,KAAK,EAAE,EAAE,CAAC,CAC1D,MAAC,WAAW,IAAC,KAAK,EAAC,YAAY,KAAK,KAAK,aACvC,KAAC,UAAU,IAAC,IAAI,EAAC,2BAA2B,sBAAmB,EAC/D,KAAC,UAAU,IAAC,IAAI,EAAC,oCAAoC,0BAAuB,EAC5E,KAAC,UAAU,IAAC,IAAI,EAAC,iCAAiC,uBAAoB,EACtE,KAAC,UAAU,IAAC,IAAI,EAAC,kCAAkC,wBAAqB,EACxE,KAAC,UAAU,IAAC,IAAI,EAAC,yEAAyE,yBAAsB,IACpG,CACf,CAAA"}

package/dist/esm/index.d.ts

@@ -0,0 +1,10 @@
+export * from './Copyright';
+export * from './DeveloperLinks';
+export * from './Footer';
+export * from './Link';
+export * from './Links';
+export * from './MoreLinks';
+export * from './NetworkLinks';
+export * from './SocialLinks';
+export * from './SupportLinks';
+export * from './XyoTokens';

package/dist/esm/index.js

@@ -0,0 +1,11 @@
+export * from './Copyright';
+export * from './DeveloperLinks';
+export * from './Footer';
+export * from './Link';
+export * from './Links';
+export * from './MoreLinks';
+export * from './NetworkLinks';
+export * from './SocialLinks';
+export * from './SupportLinks';
+export * from './XyoTokens';
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,kBAAkB,CAAA;AAChC,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA"}

package/package.json

@@ -0,0 +1,84 @@
+{
+  "name": "@xyo-network/react-footer",
+  "author": {
+    "email": "support@xyo.network",
+    "name": "XYO Development Team",
+    "url": "https://xyo.network"
+  },
+  "bugs": {
+    "email": "support@xyo.network",
+    "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
+  },
+  "dependencies": {
+    "@emotion/react": "^11.9.0",
+    "@emotion/styled": "^11.8.1",
+    "@mui/icons-material": "^5.8.3",
+    "@mui/material": "^5.8.3",
+    "@xylabs/react-common": "^2.12.23",
+    "@xylabs/react-flexbox": "^2.12.23",
+    "@xylabs/sdk-js": "^2.5.7",
+    "react": "^18.1.0",
+    "react-dom": "^18.1.0",
+    "react-icons": "^4.4.0",
+    "tslib": "^2.4.0"
+  },
+  "description": "Common React library for all XYO projects that use React",
+  "devDependencies": {
+    "@babel/core": "^7.18.2",
+    "@babel/preset-env": "^7.18.2",
+    "@storybook/react": "^6.5.8",
+    "@xylabs/sdk-js": "^2.5.7",
+    "@xylabs/tsconfig": "^1.0.13"
+  },
+  "browser": "dist/esm/index.js",
+  "docs": "dist/docs.json",
+  "exports": {
+    ".": {
+      "node": {
+        "import": "./dist/esm/index.js",
+        "require": "./dist/cjs/index.js"
+      },
+      "browser": {
+        "import": "./dist/esm/index.js",
+        "require": "./dist/cjs/index.js"
+      },
+      "default": "./dist/esm/index.js"
+    },
+    "./dist/docs.json": {
+      "default": "./dist/docs.json"
+    },
+    "./package.json": "./package.json"
+  },
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "homepage": "https://xyo.network",
+  "keywords": [
+    "xyo",
+    "utility",
+    "typescript",
+    "react"
+  ],
+  "license": "LGPL-3.0",
+  "resolutions": {
+    "@storybook/react/webpack": "^5",
+    "bn.js": "^5.2.0",
+    "react": "^18.1.0",
+    "react-dom": "^18.1.0",
+    "webpack": "^5"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js.git"
+  },
+  "scripts": {
+    "lint-pkg": "npmPkgJsonLint .",
+    "license": "yarn license-checker --exclude \"MIT, ISC, Apache-2.0, BSD, BSD-2-Clause, CC-BY-4.0, Unlicense, CC-BY-3.0, CC0-1.0\""
+  },
+  "sideEffects": false,
+  "types": "dist/esm/index.d.ts",
+  "version": "2.25.52",
+  "packageManager": "yarn@3.1.1"
+}

package/src/Copyright.tsx

@@ -0,0 +1,47 @@
+import MoreHorizIcon from '@mui/icons-material/MoreHoriz'
+import { LinkExProps } from '@xylabs/react-common'
+import { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'
+
+import { FooterLink } from './Link'
+
+export interface CopyrightProps extends FlexBoxProps {
+  onMore?: () => void
+}
+
+const footerLinks: LinkExProps[] = [
+  {
+    href: 'https://xylabs.com/',
+    title: `Copyright © ${new Date().getFullYear()} XY Labs, Inc.`,
+  },
+  {
+    href: 'https://xyo.network/',
+    title: 'XYO Foundation',
+  },
+  {
+    href: 'https://xylabs.com/privacy/',
+    title: 'Privacy',
+  },
+  {
+    href: 'https://xylabs.com/terms/',
+    title: 'Terms',
+  },
+  {
+    href: 'https://xylabs.com/jobs',
+    title: 'Careers',
+  },
+]
+
+export const Copyright: React.FC<CopyrightProps> = ({ style, onMore, ...props }) => (
+  <FlexRow flexWrap="wrap" textTransform="uppercase" style={{ opacity: 0.6, ...style }} {...props}>
+    {footerLinks.map((footerLink, index) => (
+      <FooterLink noWrap key={index} paddingX={1} margin={0} {...footerLink}>
+        <small>{footerLink.title}</small>
+      </FooterLink>
+    ))}
+    {onMore ? (
+      <FlexRow style={{ cursor: 'pointer' }} paddingX={0.5} onClick={onMore}>
+        <MoreHorizIcon color="primary" fontSize="small" />
+      </FlexRow>
+    ) : null}
+  </FlexRow>
+)

package/src/DeveloperLinks.tsx

@@ -0,0 +1,14 @@
+import { FlexBoxProps } from '@xylabs/react-flexbox'
+
+import { FooterLink } from './Link'
+import { FooterLinks } from './Links'
+
+export const DeveloperLinks: React.FC<FlexBoxProps> = (props) => (
+  <FooterLinks title="Developer" {...props}>
+    <FooterLink href="https://xyo.network/developer">Overview</FooterLink>
+    <FooterLink href="https://xyo.network/developer/get-started">Get Started</FooterLink>
+    <FooterLink href="https://xyo.network/developer">SDKs</FooterLink>
+    <FooterLink href="https://github.com/xyoraclenetwork">Open Source Github</FooterLink>
+    <FooterLink href="https://xyo.network/docs/sdk/js">Documentation</FooterLink>
+  </FooterLinks>
+)

package/src/Footer.stories.tsx

@@ -0,0 +1,32 @@
+import { ComponentMeta, ComponentStory } from '@storybook/react'
+import { FlexCol } from '@xylabs/react-flexbox'
+
+import { Footer } from './Footer'
+
+const StorybookEntry = {
+  argTypes: {},
+  component: Footer,
+  parameters: {
+    docs: {
+      page: null,
+    },
+  },
+  title: 'footer/Footer',
+} as ComponentMeta<typeof Footer>
+
+const Template: ComponentStory<typeof Footer> = (args) => (
+  <FlexCol minHeight="80vh" justifyContent="flex-end">
+    <Footer {...args}></Footer>
+  </FlexCol>
+)
+
+const Default = Template.bind({})
+Default.args = {}
+
+const DynamicHeight = Template.bind({})
+DynamicHeight.args = { dynamicHeight: true }
+
+export { Default, DynamicHeight }
+
+// eslint-disable-next-line import/no-default-export
+export default StorybookEntry

package/src/Footer.tsx

@@ -0,0 +1,64 @@
+import { Container, Grid } from '@mui/material'
+import { FlexBoxProps, FlexCol, FlexRow } from '@xylabs/react-flexbox'
+import { useState } from 'react'
+
+import { Copyright } from './Copyright'
+import { DeveloperLinks } from './DeveloperLinks'
+import { MoreLinks } from './MoreLinks'
+import { NetworkLinks } from './NetworkLinks'
+import { SocialLinks } from './SocialLinks'
+import { SupportLinks } from './SupportLinks'
+import { XyoTokens } from './XyoTokens'
+
+export interface FooterProps extends FlexBoxProps {
+  dynamicHeight?: boolean
+  footerHtmlElement?: boolean
+}
+
+export const Footer: React.FC<FooterProps> = ({ dynamicHeight = false, ...props }) => {
+  const [more, setMore] = useState(false)
+  const onMore = () => {
+    setMore(!more)
+  }
+  return (
+    <FlexCol
+      onMouseLeave={() => {
+        setMore(false)
+      }}
+      alignItems="stretch"
+      {...props}
+    >
+      {more || !dynamicHeight ? (
+        <FlexRow alignItems="flex-start">
+          <Container>
+            <Grid container justifyContent="space-between" alignItems="flex-start">
+              <Grid item xs={12} md={2}>
+                <SocialLinks alignItems="flex-start" />
+              </Grid>
+              <Grid item xs={6} md={2}>
+                <NetworkLinks alignItems="flex-start" />
+              </Grid>
+              <Grid item xs={6} md={2}>
+                <XyoTokens alignItems="flex-start" />
+              </Grid>
+              <Grid item xs={6} md={2}>
+                <DeveloperLinks alignItems="flex-start" />
+              </Grid>
+              <Grid item xs={6} md={2}>
+                <MoreLinks alignItems="flex-start" />
+              </Grid>
+              <Grid item xs={6} md={2}>
+                <SupportLinks alignItems="flex-start" />
+              </Grid>
+            </Grid>
+          </Container>
+        </FlexRow>
+      ) : null}
+      <FlexRow>
+        <Container>
+          <Copyright onMore={onMore} />
+        </Container>
+      </FlexRow>
+    </FlexCol>
+  )
+}

package/src/Link.tsx

@@ -0,0 +1,35 @@
+import { LinkEx, LinkExProps } from '@xylabs/react-common'
+import { assertEx } from '@xylabs/sdk-js'
+
+/**
+ * @description
+ * FooterLink automatically uses a local To if the link is to the current domain
+ * If the link is not local, it defaults to target being _blank
+ * In the case of 'beta' domains, it navigates correctly
+ */
+
+const convertToBetaIfNeeded = (url: string | URL, currentUrl = new URL(document.location.href)) => {
+  const urlObj = typeof url === 'string' ? new URL(url) : url
+  const currentUrlObj = typeof currentUrl === 'string' ? new URL(currentUrl) : currentUrl
+  const currentHostnameParts = currentUrlObj.hostname.split('.')
+  const beta = currentHostnameParts.shift() === 'beta'
+  if (beta) {
+    const currentHostnameWithoutBeta = currentHostnameParts.join('.')
+    if (currentHostnameWithoutBeta === urlObj.hostname) {
+      urlObj.hostname = currentUrlObj.hostname
+    }
+  }
+  return urlObj
+}
+
+export const FooterLink: React.FC<LinkExProps> = ({ target, href, margin = 0.5, variant = 'body2', ...props }) => {
+  const url = new URL(assertEx(href, 'href not set'))
+  assertEx(url.hostname, 'Hostname is required in href')
+  const convertedUrl = convertToBetaIfNeeded(url)
+  if (document.location.hostname === convertedUrl.hostname) {
+    const to = url.search.length > 0 ? `${convertedUrl.pathname}${convertedUrl.search}` : url.pathname
+    return <LinkEx margin={margin} to={to} target={target} variant={variant} {...props} />
+  } else {
+    return <LinkEx margin={margin} href={href} target={target ?? '_blank'} variant={variant} {...props} />
+  }
+}

package/src/Links.tsx

@@ -0,0 +1,13 @@
+import { Typography } from '@mui/material'
+import { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'
+
+export const FooterLinks: React.FC<FlexBoxProps> = ({ children, title, ...props }) => {
+  return (
+    <FlexCol margin={1} justifyContent="flex-start" title={title} {...props}>
+      <Typography margin={0.5} variant="h6" noWrap>
+        {title}
+      </Typography>
+      {children}
+    </FlexCol>
+  )
+}

package/src/MoreLinks.tsx

@@ -0,0 +1,12 @@
+import { FlexBoxProps } from '@xylabs/react-flexbox'
+
+import { FooterLink } from './Link'
+import { FooterLinks } from './Links'
+
+export const MoreLinks: React.FC<FlexBoxProps> = (props) => (
+  <FooterLinks title="More" {...props}>
+    <FooterLink href="https://xyo.network/partners">Partners</FooterLink>
+    <FooterLink href="https://xyo.network/fhr">FHR</FooterLink>
+    <FooterLink href="https://xyo.network/brand">Brand</FooterLink>
+  </FooterLinks>
+)

package/src/NetworkLinks.tsx

@@ -0,0 +1,13 @@
+import { FlexBoxProps } from '@xylabs/react-flexbox'
+
+import { FooterLink } from './Link'
+import { FooterLinks } from './Links'
+
+export const NetworkLinks: React.FC<FlexBoxProps> = (props) => (
+  <FooterLinks title="Network" {...props}>
+    <FooterLink href="https://xyo.network/network">Overview</FooterLink>
+    <FooterLink href="https://xyo.network/network/bound-witness">Bound Witness</FooterLink>
+    <FooterLink href="https://xyo.network/network/proof-of-origin">Proof Of Origin</FooterLink>
+    <FooterLink href="https://xyo.network/papers">White Paper</FooterLink>
+  </FooterLinks>
+)