@xyo-network/react-share 7.6.3 → 8.0.1

package/dist/browser/button/ShareButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ShareButton.d.ts","sourceRoot":"","sources":["../../../src/button/ShareButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAEjD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAIzD,OAAO,KAEN,MAAM,OAAO,CAAA;AAEd,MAAM,MAAM,gBAAgB,GAAG,aAAa,GAAG;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE;QAAE,OAAO,CAAC,EAAE,YAAY,CAAA;KAAE,CAAA;CAClC,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA6DlD,CAAA"}
+{"version":3,"file":"ShareButton.d.ts","sourceRoot":"","sources":["../../../src/button/ShareButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAEjD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAIzD,OAAO,KAEN,MAAM,OAAO,CAAA;AAEd,MAAM,MAAM,gBAAgB,GAAG,aAAa,GAAG;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE;QAAE,OAAO,CAAC,EAAE,YAAY,CAAA;KAAE,CAAA;CAClC,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAsElD,CAAA"}

package/dist/browser/index.mjs

@@ -27,19 +27,26 @@ var ShareButton = ({
   useEffect(() => {
     setAnchorEl(anchorRef.current);
   }, []);
-  return /* @__PURE__ */ jsxs(FlexRow, { gap: 1, children: [
+  return /* @__PURE__ */ jsxs(FlexRow, { sx: { gap: 1 }, children: [
     /* @__PURE__ */ jsx(
       ButtonEx,
       {
         variant: "text",
-        minWidth: 32,
         size: "small",
         disabled: !prepared,
         onClick: () => {
           setExpanded(true);
         },
         ...props,
-        children: /* @__PURE__ */ jsx(ShareIcon, { htmlColor: "gray", fontSize: "small", ref: anchorRef })
+        sx: [{ minWidth: 32 }, ...Array.isArray(props.sx) ? props.sx : [props.sx]],
+        children: /* @__PURE__ */ jsx(
+          ShareIcon,
+          {
+            htmlColor: "gray",
+            ref: anchorRef,
+            sx: { fontSize: "small" }
+          }
+        )
       }
     ),
     /* @__PURE__ */ jsx(
@@ -56,31 +63,40 @@ var ShareButton = ({
           ...slot?.popover?.sx
         },
         ...slot?.popover,
-        children: /* @__PURE__ */ jsxs(FlexRow, { gap: 0.5, padding: 0.5, children: [
-          /* @__PURE__ */ jsx(
-            LinkEx,
-            {
-              lineHeight: 0,
-              onClick: () => {
-                window.open(`https://x.com/intent/tweet?url=${encodeURIComponent(link)}`);
-                setExpanded(false);
-              },
-              children: /* @__PURE__ */ jsx(XIcon, { fontSize: "small" })
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            LinkEx,
-            {
-              lineHeight: 0,
-              style: { color: "#4267b2" },
-              onClick: () => {
-                window.open(`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(link)}`);
-                setExpanded(false);
-              },
-              children: /* @__PURE__ */ jsx(FacebookIcon, { fontSize: "small" })
-            }
-          )
-        ] })
+        children: /* @__PURE__ */ jsxs(
+          FlexRow,
+          {
+            sx: {
+              gap: 0.5,
+              padding: 0.5
+            },
+            children: [
+              /* @__PURE__ */ jsx(
+                LinkEx,
+                {
+                  onClick: () => {
+                    window.open(`https://x.com/intent/tweet?url=${encodeURIComponent(link)}`);
+                    setExpanded(false);
+                  },
+                  sx: { lineHeight: 0 },
+                  children: /* @__PURE__ */ jsx(XIcon, { sx: { fontSize: "small" } })
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                LinkEx,
+                {
+                  style: { color: "#4267b2" },
+                  onClick: () => {
+                    window.open(`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(link)}`);
+                    setExpanded(false);
+                  },
+                  sx: { lineHeight: 0 },
+                  children: /* @__PURE__ */ jsx(FacebookIcon, { sx: { fontSize: "small" } })
+                }
+              )
+            ]
+          }
+        )
       }
     )
   ] });
@@ -106,16 +122,12 @@ var XTwitterSvgIcon = createSvgIcon2(
 );
 
 // src/meta-server/dynamic-share/DynamicShareImage.tsx
-import { Helmet } from "react-helmet";
-import { jsx as jsx4 } from "react/jsx-runtime";
-var DynamicShareImage = ({ image }) => {
-  return /* @__PURE__ */ jsx4(Helmet, { children: /* @__PURE__ */ jsx4("meta", { property: "xyo:og:image", content: image }) });
-};
+var DynamicShareImage = () => null;
 
 // src/meta-server/live-share/HideParentsFlexbox.tsx
 import { FlexGrowRow } from "@xylabs/react-flexbox";
 import { useEffect as useEffect2 } from "react";
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { jsx as jsx4 } from "react/jsx-runtime";
 var HideParentsFlexbox = ({ children, ...props }) => {
   useEffect2(() => {
     const style = document.createElement("style");
@@ -143,7 +155,18 @@ var HideParentsFlexbox = ({ children, ...props }) => {
       style.remove();
     };
   }, []);
-  return /* @__PURE__ */ jsx5(FlexGrowRow, { alignItems: "stretch", id: "preview-area", justifyContent: "start", ...props, children });
+  return /* @__PURE__ */ jsx4(
+    FlexGrowRow,
+    {
+      id: "preview-area",
+      ...props,
+      sx: [{
+        alignItems: "stretch",
+        justifyContent: "start"
+      }, ...Array.isArray(props.sx) ? props.sx : [props.sx]],
+      children
+    }
+  );
 };
 
 // src/out/CopyLinkStack.tsx
@@ -168,7 +191,7 @@ import {
 } from "@mui/material";
 import { forget } from "@xylabs/sdk-js";
 import { useState as useState2 } from "react";
-import { jsx as jsx6 } from "react/jsx-runtime";
+import { jsx as jsx5 } from "react/jsx-runtime";
 var CopyIconButton = ({
   copyLinkText,
   copiedLinkText,
@@ -201,7 +224,7 @@ var CopyIconButton = ({
       console.warn("tried to copy shareUrl before it was generated");
     }
   };
-  return /* @__PURE__ */ jsx6(Tooltip, { title: copyTooltipTitle, children: loading ? /* @__PURE__ */ jsx6(IconButton, { children: /* @__PURE__ */ jsx6(CircularProgress, { size: "24px" }) }) : /* @__PURE__ */ jsx6(IconButton, { "aria-label": `copy ${shareLinkName} link`, onClick: () => forget(copyToClipboard(shareUrl)), edge: "end", ...props, children: /* @__PURE__ */ jsx6(CopyAllRounded, {}) }) });
+  return /* @__PURE__ */ jsx5(Tooltip, { title: copyTooltipTitle, children: loading ? /* @__PURE__ */ jsx5(IconButton, { children: /* @__PURE__ */ jsx5(CircularProgress, { size: "24px" }) }) : /* @__PURE__ */ jsx5(IconButton, { "aria-label": `copy ${shareLinkName} link`, onClick: () => forget(copyToClipboard(shareUrl)), edge: "end", ...props, children: /* @__PURE__ */ jsx5(CopyAllRounded, {}) }) });
 };
 
 // src/out/lib/AnimatedGradientTypography.tsx
@@ -269,7 +292,7 @@ var splitAroundSubstring = (path, substring) => {
 };
 
 // src/out/CopyLinkStack.tsx
-import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
 var CopyLinkStack = ({
   addToXnsName,
   copiedLinkText,
@@ -296,42 +319,63 @@ var CopyLinkStack = ({
     }
   }, [addToXnsName, shareUrl, xnsNameProp]);
   const [part1, xnsName, part3] = parsedXnsName || [];
-  return /* @__PURE__ */ jsxs3(Stack, { direction: "row", alignItems: "center", gap: 0.25, ...props, children: [
-    xnsName && addToXnsName ? /* @__PURE__ */ jsxs3(Stack, { direction: "row", maxWidth: "100%", sx: { overflowX: "auto" }, children: [
-      /* @__PURE__ */ jsx7(Typography2, { sx: { display: "inline-flex" }, children: part1 }),
-      /* @__PURE__ */ jsx7(AnimatedGradientTypography, { color1: xnsStartColor, color2: xnsEndColor, sx: { display: "inline-flex" }, children: xnsName }),
-      /* @__PURE__ */ jsx7(Typography2, { sx: { display: "inline-flex" }, children: part3 })
-    ] }) : /* @__PURE__ */ jsx7(
-      Typography2,
-      {
-        sx: {
-          display: "inline-flex",
-          maxWidth: "100%",
-          overflow: "auto"
-        },
-        children: shareUrl
-      }
-    ),
-    /* @__PURE__ */ jsx7(
-      CopyIconButton,
-      {
-        copiedLinkText,
-        copyLinkText,
-        onClickError,
-        shareLinkName,
-        shareUrl,
-        sx: { display: "inline-flex" },
-        uploadPayloads
-      }
-    ),
-    error ? /* @__PURE__ */ jsx7(Tooltip2, { title: error.message, children: /* @__PURE__ */ jsx7(Cancel, { color: "error", sx: { display: "inline-flex" } }) }) : null
-  ] });
+  return /* @__PURE__ */ jsxs3(
+    Stack,
+    {
+      direction: "row",
+      ...props,
+      sx: [{
+        alignItems: "center",
+        gap: 0.25
+      }, ...Array.isArray(props.sx) ? props.sx : [props.sx]],
+      children: [
+        xnsName && addToXnsName ? /* @__PURE__ */ jsxs3(
+          Stack,
+          {
+            direction: "row",
+            sx: {
+              maxWidth: "100%",
+              overflowX: "auto"
+            },
+            children: [
+              /* @__PURE__ */ jsx6(Typography2, { sx: { display: "inline-flex" }, children: part1 }),
+              /* @__PURE__ */ jsx6(AnimatedGradientTypography, { color1: xnsStartColor, color2: xnsEndColor, sx: { display: "inline-flex" }, children: xnsName }),
+              /* @__PURE__ */ jsx6(Typography2, { sx: { display: "inline-flex" }, children: part3 })
+            ]
+          }
+        ) : /* @__PURE__ */ jsx6(
+          Typography2,
+          {
+            sx: {
+              display: "inline-flex",
+              maxWidth: "100%",
+              overflow: "auto"
+            },
+            children: shareUrl
+          }
+        ),
+        /* @__PURE__ */ jsx6(
+          CopyIconButton,
+          {
+            copiedLinkText,
+            copyLinkText,
+            onClickError,
+            shareLinkName,
+            shareUrl,
+            sx: { display: "inline-flex" },
+            uploadPayloads
+          }
+        ),
+        error ? /* @__PURE__ */ jsx6(Tooltip2, { title: error.message, children: /* @__PURE__ */ jsx6(Cancel, { color: "error", sx: { display: "inline-flex" } }) }) : null
+      ]
+    }
+  );
 };
 
 // src/out/CopyLinkTextField.tsx
 import { InputAdornment, TextField } from "@mui/material";
 import { useCallback as useCallback2, useState as useState4 } from "react";
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { jsx as jsx7 } from "react/jsx-runtime";
 var CopyLinkTextField = ({
   shareLinkName,
   shareUrl,
@@ -341,7 +385,7 @@ var CopyLinkTextField = ({
   const onClickError = useCallback2((error2) => {
     setError(error2);
   }, []);
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx7(
     TextField,
     {
       disabled: true,
@@ -352,7 +396,7 @@ var CopyLinkTextField = ({
       ...props,
       slotProps: {
         input: {
-          endAdornment: /* @__PURE__ */ jsx8(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx8(CopyIconButton, { shareLinkName, shareUrl, onClickError }) })
+          endAdornment: /* @__PURE__ */ jsx7(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx7(CopyIconButton, { shareLinkName, shareUrl, onClickError }) })
         }
       }
     }
@@ -369,7 +413,7 @@ import {
   Typography as Typography3
 } from "@mui/material";
 import { FlexCol, FlexGrowCol } from "@xylabs/react-flexbox";
-import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
 var ShareOutDialog = ({
   ShareOutDialogActions,
   cardImg,
@@ -384,21 +428,39 @@ var ShareOutDialog = ({
     onClose?.("", "backdropClick");
   };
   return /* @__PURE__ */ jsxs4(Dialog, { onClose, open, ...props, children: [
-    /* @__PURE__ */ jsx9(DialogTitle, { children: /* @__PURE__ */ jsxs4(Stack2, { direction: "row", spacing: 2, children: [
-      /* @__PURE__ */ jsxs4(FlexGrowCol, { alignItems: "flex-start", width: "60%", children: [
-        /* @__PURE__ */ jsx9(Typography3, { variant: "h5", children: title }),
-        /* @__PURE__ */ jsxs4(Typography3, { variant: "body1", children: [
-          " ",
-          subtitle
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx9(FlexGrowCol, { alignItems: "flex-end", width: "40%", children: cardImg })
+    /* @__PURE__ */ jsx8(DialogTitle, { children: /* @__PURE__ */ jsxs4(Stack2, { direction: "row", spacing: 2, children: [
+      /* @__PURE__ */ jsxs4(
+        FlexGrowCol,
+        {
+          sx: {
+            alignItems: "flex-start",
+            width: "60%"
+          },
+          children: [
+            /* @__PURE__ */ jsx8(Typography3, { variant: "h5", children: title }),
+            /* @__PURE__ */ jsxs4(Typography3, { variant: "body1", children: [
+              " ",
+              subtitle
+            ] })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx8(
+        FlexGrowCol,
+        {
+          sx: {
+            alignItems: "flex-end",
+            width: "40%"
+          },
+          children: cardImg
+        }
+      )
     ] }) }),
     /* @__PURE__ */ jsxs4(DialogContent, { children: [
       shareOutDialogContent,
-      /* @__PURE__ */ jsx9(FlexCol, { alignItems: "stretch" })
+      /* @__PURE__ */ jsx8(FlexCol, { sx: { alignItems: "stretch" } })
     ] }),
-    ShareOutDialogActions ? /* @__PURE__ */ jsx9(DialogActions, { children: /* @__PURE__ */ jsx9(ShareOutDialogActions, { onClose: handleClose }) }) : null
+    ShareOutDialogActions ? /* @__PURE__ */ jsx8(DialogActions, { children: /* @__PURE__ */ jsx8(ShareOutDialogActions, { onClose: handleClose }) }) : null
   ] });
 };
 
@@ -410,18 +472,31 @@ import {
   useTheme
 } from "@mui/material";
 import { FlexGrowRow as FlexGrowRow2 } from "@xylabs/react-flexbox";
-import { jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
 var ShareOutExplanation = ({ toolTipTitle }) => {
   const theme = useTheme();
   const title = toolTipTitle ?? "In order for your data to be publicly viewable, it needs to be saved to the XYO Network Public Archivist.  Public data can be seen by your friends, and XYO can generate preview images for easier sharing on social media.";
-  return /* @__PURE__ */ jsxs5(FlexGrowRow2, { alignItems: "center", children: [
-    /* @__PURE__ */ jsx10(Typography4, { variant: "body2", paddingRight: 0.5, children: "What am I sharing?" }),
-    /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsxs5(FlexGrowRow2, { sx: { alignItems: "center" }, children: [
+    /* @__PURE__ */ jsx9(
+      Typography4,
+      {
+        variant: "body2",
+        sx: { paddingRight: 0.5 },
+        children: "What am I sharing?"
+      }
+    ),
+    /* @__PURE__ */ jsx9(
       Tooltip3,
       {
         title,
         placement: "bottom",
-        children: /* @__PURE__ */ jsx10(InfoOutlined, { fontSize: "small", sx: { fontSize: theme.typography.caption.fontSize } })
+        children: /* @__PURE__ */ jsx9(
+          InfoOutlined,
+          {
+            fontSize: "small",
+            sx: { fontSize: theme.typography.caption.fontSize }
+          }
+        )
       }
     )
   ] });
@@ -433,17 +508,17 @@ import {
   CircularProgress as CircularProgress2,
   styled as styled2
 } from "@mui/material";
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx10 } from "react/jsx-runtime";
 var GenerateShareLinkButton = ({
   children = "Generate My Share Link",
   loading,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx10(
     Button,
     {
       variant: "contained",
-      startIcon: loading ? /* @__PURE__ */ jsx11(StyledCircularProgress, { size: "small" }) : null,
+      startIcon: loading ? /* @__PURE__ */ jsx10(StyledCircularProgress, { size: "small" }) : null,
       ...props,
       children
     }
@@ -460,7 +535,7 @@ var StyledCircularProgress = styled2(CircularProgress2, { name: "StyledCircularP
 // src/out/HeadingFlexbox.tsx
 import { Typography as Typography5 } from "@mui/material";
 import { FlexGrowCol as FlexGrowCol2 } from "@xylabs/react-flexbox";
-import { jsx as jsx12, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
 var ShareOutHeadingFlexbox = ({
   children,
   shareLinkName,
@@ -468,11 +543,21 @@ var ShareOutHeadingFlexbox = ({
   ...props
 }) => {
   const GenerateShareLinkExplanation = "When you generate your share link, we'll make a small amount of your data public so friends can check it out!";
-  return /* @__PURE__ */ jsxs6(FlexGrowCol2, { alignItems: "flex-start", paddingBottom: 1, ...props, children: [
-    /* @__PURE__ */ jsx12(Typography5, { variant: "body1", gutterBottom: true, children: /* @__PURE__ */ jsx12("strong", { children: "Your Share Link" }) }),
-    /* @__PURE__ */ jsx12(Typography5, { variant: "body1", children: shareUrl ? `Use this link or the buttons below to share ${shareLinkName}` : GenerateShareLinkExplanation }),
-    children
-  ] });
+  return /* @__PURE__ */ jsxs6(
+    FlexGrowCol2,
+    {
+      ...props,
+      sx: [{
+        alignItems: "flex-start",
+        paddingBottom: 1
+      }, ...Array.isArray(props.sx) ? props.sx : [props.sx]],
+      children: [
+        /* @__PURE__ */ jsx11(Typography5, { variant: "body1", gutterBottom: true, children: /* @__PURE__ */ jsx11("strong", { children: "Your Share Link" }) }),
+        /* @__PURE__ */ jsx11(Typography5, { variant: "body1", children: shareUrl ? `Use this link or the buttons below to share ${shareLinkName}` : GenerateShareLinkExplanation }),
+        children
+      ]
+    }
+  );
 };
 
 // src/out/SocialButtonsFlexbox.tsx
@@ -481,7 +566,7 @@ import { ButtonEx as ButtonEx2 } from "@xylabs/react-button";
 import { ErrorRender } from "@xylabs/react-error";
 import { FlexGrowCol as FlexGrowCol3, FlexRow as FlexRow2 } from "@xylabs/react-flexbox";
 import { useState as useState5 } from "react";
-import { Fragment, jsx as jsx13, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
 var SocialButtonsFlexbox = ({
   shareUrl,
   uploadPayloads,
@@ -503,47 +588,59 @@ var SocialButtonsFlexbox = ({
       setError(e);
     }
   };
-  return /* @__PURE__ */ jsxs7(FlexGrowCol3, { alignItems: "stretch", paddingTop: 2, ...props, children: [
-    /* @__PURE__ */ jsx13(Typography6, { variant: "body1", gutterBottom: true, children: /* @__PURE__ */ jsx13("strong", { children: "Share on Social Media" }) }),
-    /* @__PURE__ */ jsx13(
-      FlexRow2,
-      {
-        gap: 0.5,
-        sx: { flexDirection: { md: "row", xs: "column" } },
-        children: shareUrl ? /* @__PURE__ */ jsxs7(Fragment, { children: [
-          /* @__PURE__ */ jsx13(
-            ButtonEx2,
-            {
-              variant: "contained",
-              style: { backgroundColor: "#000", color: "#fff" },
-              busy: xLoading,
-              onClick: async () => {
-                const openUrl = () => window.open(`https://twitter.com/intent/tweet?url=${encodeURIComponent(shareUrl)}`);
-                await handleClick(openUrl, "x");
-              },
-              startIcon: /* @__PURE__ */ jsx13(XTwitterSvgIcon, { width: "20px" }),
-              children: "Share on X (Twitter)"
-            }
-          ),
-          /* @__PURE__ */ jsx13(
-            ButtonEx2,
-            {
-              busy: fbLoading,
-              variant: "contained",
-              style: { backgroundColor: "#4267b2", color: "#fff" },
-              onClick: async () => {
-                const openUrl = () => window.open(`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(shareUrl)}`);
-                await handleClick(openUrl, "fb");
-              },
-              startIcon: /* @__PURE__ */ jsx13(FacebookSvgIcon, {}),
-              children: "Share on Facebook"
-            }
-          )
-        ] }) : null
-      }
-    ),
-    /* @__PURE__ */ jsx13(ErrorRender, { error, scope: "SocialButtonsFlexbox" })
-  ] });
+  return /* @__PURE__ */ jsxs7(
+    FlexGrowCol3,
+    {
+      ...props,
+      sx: [{
+        alignItems: "stretch",
+        paddingTop: 2
+      }, ...Array.isArray(props.sx) ? props.sx : [props.sx]],
+      children: [
+        /* @__PURE__ */ jsx12(Typography6, { variant: "body1", gutterBottom: true, children: /* @__PURE__ */ jsx12("strong", { children: "Share on Social Media" }) }),
+        /* @__PURE__ */ jsx12(
+          FlexRow2,
+          {
+            sx: {
+              gap: 0.5,
+              flexDirection: { md: "row", xs: "column" }
+            },
+            children: shareUrl ? /* @__PURE__ */ jsxs7(Fragment, { children: [
+              /* @__PURE__ */ jsx12(
+                ButtonEx2,
+                {
+                  variant: "contained",
+                  style: { backgroundColor: "#000", color: "#fff" },
+                  busy: xLoading,
+                  onClick: async () => {
+                    const openUrl = () => window.open(`https://twitter.com/intent/tweet?url=${encodeURIComponent(shareUrl)}`);
+                    await handleClick(openUrl, "x");
+                  },
+                  startIcon: /* @__PURE__ */ jsx12(XTwitterSvgIcon, { sx: { width: "20px" } }),
+                  children: "Share on X (Twitter)"
+                }
+              ),
+              /* @__PURE__ */ jsx12(
+                ButtonEx2,
+                {
+                  busy: fbLoading,
+                  variant: "contained",
+                  style: { backgroundColor: "#4267b2", color: "#fff" },
+                  onClick: async () => {
+                    const openUrl = () => window.open(`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(shareUrl)}`);
+                    await handleClick(openUrl, "fb");
+                  },
+                  startIcon: /* @__PURE__ */ jsx12(FacebookSvgIcon, {}),
+                  children: "Share on Facebook"
+                }
+              )
+            ] }) : null
+          }
+        ),
+        /* @__PURE__ */ jsx12(ErrorRender, { error, scope: "SocialButtonsFlexbox" })
+      ]
+    }
+  );
 };
 export {
   CopyLinkStack,
@@ -559,4 +656,4 @@ export {
   SocialButtonsFlexbox,
   XTwitterSvgIcon
 };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/browser/index.mjs.map

@@ -1 +1,7 @@
-{"version":3,"sources":["../../src/button/ShareButton.tsx","../../src/icons/social/Facebook.tsx","../../src/icons/social/XTwitter.tsx","../../src/meta-server/dynamic-share/DynamicShareImage.tsx","../../src/meta-server/live-share/HideParentsFlexbox.tsx","../../src/out/CopyLinkStack.tsx","../../src/out/CopyIconButton.tsx","../../src/out/lib/AnimatedGradientTypography.tsx","../../src/out/lib/splitAroundSubstring.ts","../../src/out/CopyLinkTextField.tsx","../../src/out/Dialog.tsx","../../src/out/Explanation.tsx","../../src/out/GenerateShareLinkButton.tsx","../../src/out/HeadingFlexbox.tsx","../../src/out/SocialButtonsFlexbox.tsx"],"sourcesContent":["import {\n  Facebook as FacebookIcon, Share as ShareIcon,\n  X as XIcon,\n} from '@mui/icons-material'\nimport type { PopoverProps } from '@mui/material'\nimport { Popover } from '@mui/material'\nimport type { ButtonExProps } from '@xylabs/react-button'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport { LinkEx } from '@xylabs/react-link'\nimport React, {\n  useEffect, useRef, useState,\n} from 'react'\n\nexport type ShareButtonProps = ButtonExProps & {\n  prepared?: boolean\n  shareLink?: string\n  slot?: { popover?: PopoverProps }\n}\n\nexport const ShareButton: React.FC<ShareButtonProps> = ({\n  prepared = true, shareLink, slot, ...props\n}) => {\n  const [expanded, setExpanded] = useState(false)\n  const anchorRef = useRef(null)\n  const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null)\n  const link = shareLink ?? globalThis.location.href\n\n  useEffect(() => {\n    setAnchorEl(anchorRef.current)\n  }, [])\n\n  return (\n    <FlexRow gap={1}>\n      <ButtonEx\n        variant=\"text\"\n        minWidth={32}\n        size=\"small\"\n        disabled={!prepared}\n        onClick={() => {\n          setExpanded(true)\n        }}\n        {...props}\n      >\n        <ShareIcon htmlColor=\"gray\" fontSize=\"small\" ref={anchorRef} />\n      </ButtonEx>\n      <Popover\n        open={prepared ? expanded : false}\n        anchorEl={anchorEl}\n        anchorOrigin={{ vertical: 'top', horizontal: 'right' }}\n        onClose={() => setExpanded(false)}\n        transitionDuration={500}\n        sx={{\n          ml: 1, top: -4, ...slot?.popover?.sx,\n        }}\n        {...slot?.popover}\n      >\n        <FlexRow gap={0.5} padding={0.5}>\n          <LinkEx\n            lineHeight={0}\n            onClick={() => {\n              window.open(`https://x.com/intent/tweet?url=${encodeURIComponent(link)}`)\n              setExpanded(false)\n            }}\n          >\n            <XIcon fontSize=\"small\" />\n          </LinkEx>\n          <LinkEx\n            lineHeight={0}\n            style={{ color: '#4267b2' }}\n            onClick={() => {\n              window.open(`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(link)}`)\n              setExpanded(false)\n            }}\n          >\n            <FacebookIcon fontSize=\"small\" />\n          </LinkEx>\n        </FlexRow>\n      </Popover>\n    </FlexRow>\n  )\n}\n","/* eslint-disable @stylistic/max-len */\nimport { createSvgIcon } from '@mui/material'\nimport React from 'react'\n\nexport const FacebookSvgIcon = createSvgIcon(\n  <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"800\" width=\"1200\" viewBox=\"-204.79995 -341.33325 1774.9329 2047.9995\">\n    <path d=\"M1365.333 682.667C1365.333 305.64 1059.693 0 682.667 0 305.64 0 0 305.64 0 682.667c0 340.738 249.641 623.16 576 674.373V880H402.667V682.667H576v-150.4c0-171.094 101.917-265.6 257.853-265.6 74.69 0 152.814 13.333 152.814 13.333v168h-86.083c-84.804 0-111.25 52.623-111.25 106.61v128.057h189.333L948.4 880H789.333v477.04c326.359-51.213 576-333.635 576-674.373\" fill=\"#1877f2\" />\n    <path d=\"M948.4 880l30.267-197.333H789.333V554.609C789.333 500.623 815.78 448 900.584 448h86.083V280s-78.124-13.333-152.814-13.333c-155.936 0-257.853 94.506-257.853 265.6v150.4H402.667V880H576v477.04a687.805 687.805 0 00106.667 8.293c36.288 0 71.91-2.84 106.666-8.293V880H948.4\" fill=\"#fff\" />\n  </svg>,\n  'Facebook',\n)\n","/* eslint-disable @stylistic/max-len */\nimport { createSvgIcon } from '@mui/material'\nimport React from 'react'\n\nexport const XTwitterSvgIcon = createSvgIcon(\n  <svg viewBox=\"0 0 1200 1227\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path d=\"M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z\" fill=\"white\" />\n  </svg>,\n  'XTwitterSvgIcon',\n)\n","import React from 'react'\nimport { Helmet } from 'react-helmet'\n\n/**\n * The props for the DynamicShareImage component.\n */\nexport interface DynamicShareImageProps {\n  /**\n   * The URL of the share image for the page.\n   */\n  image: string\n}\n\n/**\n * Used in conjunction with the XY Meta Server to dynamically set the share image for a page.\n */\nexport const DynamicShareImage: React.FC<DynamicShareImageProps> = ({ image }) => {\n  return (\n    <Helmet>\n      <meta property=\"xyo:og:image\" content={image} />\n    </Helmet>\n  )\n}\n","import type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexGrowRow } from '@xylabs/react-flexbox'\nimport type { PropsWithChildren } from 'react'\nimport React, { useEffect } from 'react'\n\nexport const HideParentsFlexbox: React.FC<PropsWithChildren & FlexBoxProps> = ({ children, ...props }) => {\n  useEffect(() => {\n    const style = document.createElement('style')\n    document.head.append(style)\n    style.innerHTML = `\n    /** make all elements hidden */\n    * {\n      visibility: hidden;\n    }\n\n    /** move the preview area to the top of the page */\n    #preview-area {\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 100%;\n      z-index: 9999;\n    }\n\n    /** make the preview area and all its children visible */\n    #preview-area * {\n      visibility: visible;\n    }`\n\n    return () => {\n      style.remove()\n    }\n  }, [])\n\n  return (\n    <FlexGrowRow alignItems=\"stretch\" id=\"preview-area\" justifyContent=\"start\" {...props}>\n      {children}\n    </FlexGrowRow>\n  )\n}\n","import { Cancel } from '@mui/icons-material'\nimport type { StackProps } from '@mui/material'\nimport {\n  Stack,\n  Tooltip,\n  Typography,\n} from '@mui/material'\nimport React, {\n  useCallback, useMemo, useState,\n} from 'react'\n\nimport { CopyIconButton } from './CopyIconButton.tsx'\nimport {\n  AnimatedGradientTypography, type ShareLinkProps, splitAroundSubstring,\n} from './lib/index.ts'\n\nexport interface CopyLinkStackProps extends ShareLinkProps, StackProps {\n  addToXnsName?: boolean\n  copiedLinkText?: string\n  copyLinkText?: string\n  xnsEndColor?: string\n  xnsStartColor?: string\n}\n\nexport const CopyLinkStack: React.FC<CopyLinkStackProps> = ({\n  addToXnsName, copiedLinkText, copyLinkText, shareLinkName, shareUrl, xnsName: xnsNameProp, xnsEndColor, uploadPayloads, xnsStartColor, ...props\n}) => {\n  const [error, setError] = useState<Error>()\n\n  const onClickError = useCallback((error: Error) => {\n    setError(error)\n  }, [])\n\n  const parsedXnsName = useMemo(() => {\n    if (shareUrl && xnsNameProp && addToXnsName) {\n      try {\n        return splitAroundSubstring(shareUrl, xnsNameProp)\n      } catch {\n        return\n      }\n    }\n  }, [addToXnsName, shareUrl, xnsNameProp])\n\n  const [part1, xnsName, part3] = parsedXnsName || []\n\n  return (\n    <Stack direction=\"row\" alignItems=\"center\" gap={0.25} {...props}>\n      {xnsName && addToXnsName\n        ? (\n            <Stack direction=\"row\" maxWidth=\"100%\" sx={{ overflowX: 'auto' }}>\n              <Typography sx={{ display: 'inline-flex' }}>{part1}</Typography>\n              <AnimatedGradientTypography color1={xnsStartColor} color2={xnsEndColor} sx={{ display: 'inline-flex' }}>{xnsName}</AnimatedGradientTypography>\n              <Typography sx={{ display: 'inline-flex' }}>{part3}</Typography>\n            </Stack>\n          )\n        : (\n            <Typography sx={{\n              display: 'inline-flex', maxWidth: '100%', overflow: 'auto',\n            }}\n            >\n              {shareUrl}\n            </Typography>\n          )}\n      <CopyIconButton\n        copiedLinkText={copiedLinkText}\n        copyLinkText={copyLinkText}\n        onClickError={onClickError}\n        shareLinkName={shareLinkName}\n        shareUrl={shareUrl}\n        sx={{ display: 'inline-flex' }}\n        uploadPayloads={uploadPayloads}\n      />\n      {error ? <Tooltip title={error.message}><Cancel color=\"error\" sx={{ display: 'inline-flex' }} /></Tooltip> : null}\n    </Stack>\n  )\n}\n","import { CopyAllRounded } from '@mui/icons-material'\nimport {\n  type ButtonProps, CircularProgress, IconButton, Tooltip,\n} from '@mui/material'\nimport { forget } from '@xylabs/sdk-js'\nimport React, { useState } from 'react'\n\nimport type { ShareLinkProps } from './lib/index.ts'\n\nexport interface CopyIconButtonProps extends ButtonProps, ShareLinkProps {\n  onClickError?: (error: Error) => void\n}\n\nexport const CopyIconButton: React.FC<CopyIconButtonProps> = ({\n  copyLinkText, copiedLinkText, onClickError, shareLinkName, shareUrl, uploadPayloads, ...props\n}) => {\n  const CopyLink = copyLinkText ?? 'Copy Link'\n  const Copied = copiedLinkText ?? 'Copied!'\n\n  const [copyTooltipTitle, setCopyTooltipTitle] = useState(CopyLink)\n  const [loading, setLoading] = useState(false)\n\n  const copyToClipboard = async (link?: string) => {\n    if (link) {\n      try {\n        setLoading(true)\n        await uploadPayloads?.()\n        await navigator.clipboard.writeText(link)\n        setCopyTooltipTitle(Copied)\n        setTimeout(() => setCopyTooltipTitle(CopyLink), 2000)\n        setLoading(false)\n      } catch (e) {\n        setLoading(false)\n        const message = 'Error copying shareUrl to clipboard'\n        console.error(message, e, link)\n        onClickError?.(new Error(message))\n      }\n    } else {\n      console.warn('tried to copy shareUrl before it was generated')\n    }\n  }\n\n  return (\n    <Tooltip title={copyTooltipTitle}>\n      {loading\n        ? (\n            <IconButton>\n              <CircularProgress size=\"24px\" />\n            </IconButton>\n          )\n        : (\n            <IconButton aria-label={`copy ${shareLinkName} link`} onClick={() => forget(copyToClipboard(shareUrl))} edge=\"end\" {...props}>\n              <CopyAllRounded />\n            </IconButton>\n          )}\n    </Tooltip>\n  )\n}\n","import {\n  keyframes, styled, Typography,\n} from '@mui/material'\nimport type React from 'react'\n\n/**\n * Start the animation at 100% to give the gradient a left to right effect\n */\nconst moveBg = keyframes(`\n    0% {\n      background-position: 100% 0%;\n    }\n    100% {\n      background-position: 0% 0%;\n    }\n`)\n\n/**\n * Adapted from - https://codepen.io/web-dot-dev/pen/vYrGPNE\n */\nexport const AnimatedGradientTypography: React.FC<\n  React.ComponentProps<typeof Typography> & { color1?: string; color2?: string }\n> = styled(Typography, { name: 'AnimatedGradientTypography' })<{ color1?: string; color2?: string }>(({\n  theme, color1, color2,\n}) => {\n  return {\n    // Set the color variables for the gradient\n    '--color-one': color1 ?? theme.vars.palette.secondary.dark,\n    '--color-two': color2 ?? theme.vars.palette.primary.light,\n    // set the gradient so it has the same start and end color for looping effect\n    'background': `linear-gradient(\n      .25turn,\n      var(--color-one),\n      var(--color-two),\n      var(--color-one)\n      )`,\n    // Set the text color to transparent so the gradient shows through\n    'color': 'transparent',\n    // Clip the background to the text shape\n    'backgroundClip': 'text',\n    // Set the background size to 800% so we don't see the third color initially creating the looping effect\n    'backgroundSize': '800%',\n    // Set the text to bold so the gradient is more visible\n    'fontWeight': 'bold',\n    // Set the animation\n    '@media (prefers-reduced-motion: no-preference)': {\n      animationName: moveBg,\n      animationDuration: '2s',\n      animationIterationCount: 'infinite',\n    },\n    // reset for users that prefer reduced motion\n    '@media (prefers-reduced-motion)': {\n      background: 'none',\n      color: theme.vars.palette.text.primary,\n    },\n  }\n})\n","export const splitAroundSubstring = (path: string, substring: string): [string, string, string] => {\n  // Find the index of the substring\n  const index = path.indexOf(substring)\n\n  if (index === -1) {\n    throw new Error(`XNS name \"${substring}\" not found in path.`)\n  }\n\n  // Extract the part before the substring\n  const part1 = path.slice(0, index)\n\n  // The substring itself is part2\n  const part2 = substring\n\n  // Extract the part after the substring\n  const part3 = path.slice(index + substring.length)\n\n  return [part1, part2, part3]\n}\n","import type { StandardTextFieldProps } from '@mui/material'\nimport { InputAdornment, TextField } from '@mui/material'\nimport React, { useCallback, useState } from 'react'\n\nimport { CopyIconButton } from './CopyIconButton.tsx'\n\nexport interface CopyLinkTextFieldProps extends StandardTextFieldProps {\n  shareLinkName?: string\n  shareUrl?: string\n}\n\nexport const CopyLinkTextField: React.FC<CopyLinkTextFieldProps> = ({\n  shareLinkName, shareUrl, ...props\n}) => {\n  const [error, setError] = useState<Error>()\n\n  const onClickError = useCallback((error?: Error) => {\n    setError(error)\n  }, [])\n\n  return (\n    <TextField\n      disabled\n      error={!!error}\n      helperText={error?.message}\n      // to override the color that appears when it's a text field, only on dark mode\n      sx={{ input: { WebkitTextFillColor: 'lightgray !important' } }}\n      value={shareUrl}\n      {...props}\n      slotProps={{\n        input: {\n          endAdornment: (\n            <InputAdornment position=\"end\">\n              <CopyIconButton shareLinkName={shareLinkName} shareUrl={shareUrl} onClickError={onClickError} />\n            </InputAdornment>\n          ),\n        },\n      }}\n    />\n  )\n}\n","import type { DialogProps } from '@mui/material'\nimport {\n  Dialog, DialogActions, DialogContent, DialogTitle, Stack, Typography,\n} from '@mui/material'\nimport { FlexCol, FlexGrowCol } from '@xylabs/react-flexbox'\nimport type { ComponentType, ReactNode } from 'react'\nimport React from 'react'\n\nexport interface ShareOutDialogProps extends DialogProps {\n  ShareOutDialogActions?: ComponentType<{ onClose?: () => void }>\n  cardImg?: ReactNode\n  shareOutDialogContent?: ReactNode\n  subtitle?: string\n  title?: string\n}\n\nexport const ShareOutDialog: React.FC<ShareOutDialogProps> = ({\n  ShareOutDialogActions, cardImg, open, onClose, shareOutDialogContent, subtitle, title, ...props\n}) => {\n  const handleClose = () => {\n    onClose?.('', 'backdropClick')\n  }\n\n  return (\n    <Dialog onClose={onClose} open={open} {...props}>\n      <DialogTitle>\n        <Stack direction=\"row\" spacing={2}>\n          <FlexGrowCol alignItems=\"flex-start\" width=\"60%\">\n            <Typography variant=\"h5\">{title}</Typography>\n            <Typography variant=\"body1\">\n              {' '}\n              {subtitle}\n            </Typography>\n          </FlexGrowCol>\n          <FlexGrowCol alignItems=\"flex-end\" width=\"40%\">\n            {cardImg}\n          </FlexGrowCol>\n        </Stack>\n      </DialogTitle>\n      <DialogContent>\n        {shareOutDialogContent}\n        <FlexCol alignItems=\"stretch\">\n        </FlexCol>\n      </DialogContent>\n      {ShareOutDialogActions ? <DialogActions><ShareOutDialogActions onClose={handleClose} /></DialogActions> : null}\n    </Dialog>\n  )\n}\n","import { InfoOutlined } from '@mui/icons-material'\nimport {\n  Tooltip, Typography, useTheme,\n} from '@mui/material'\nimport { FlexGrowRow } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nexport interface ShareOutExplanationProps {\n  toolTipTitle?: string\n}\n\nexport const ShareOutExplanation: React.FC<ShareOutExplanationProps> = ({ toolTipTitle }) => {\n  const theme = useTheme()\n  // eslint-disable-next-line @stylistic/max-len\n  const title = toolTipTitle ?? 'In order for your data to be publicly viewable, it needs to be saved to the XYO Network Public Archivist.  Public data can be seen by your friends, and XYO can generate preview images for easier sharing on social media.'\n  return (\n    <FlexGrowRow alignItems=\"center\">\n      <Typography variant=\"body2\" paddingRight={0.5}>\n        What am I sharing?\n      </Typography>\n      <Tooltip\n        title={title}\n        placement=\"bottom\"\n      >\n        <InfoOutlined fontSize=\"small\" sx={{ fontSize: theme.typography.caption.fontSize }} />\n      </Tooltip>\n    </FlexGrowRow>\n  )\n}\n","import type { ButtonProps } from '@mui/material'\nimport {\n  Button, CircularProgress, styled,\n} from '@mui/material'\nimport React from 'react'\n\nexport interface GenerateShareLinkButtonProps extends ButtonProps {\n  loading?: boolean\n}\n\nexport const GenerateShareLinkButton: React.FC<GenerateShareLinkButtonProps> = ({\n  children = 'Generate My Share Link', loading, ...props\n}) => {\n  return (\n    <Button\n      variant=\"contained\"\n      startIcon={loading ? <StyledCircularProgress size=\"small\" /> : null}\n      {...props}\n    >\n      {children}\n    </Button>\n  )\n}\n\nconst StyledCircularProgress = styled(CircularProgress, { name: 'StyledCircularProgress' })(({ theme }) => ({\n  // ensure the color of the spinner is the same as the button color\n  color: theme.vars.palette.primary.contrastText,\n  height: '20px',\n  opacity: '.87',\n  width: '20px',\n}))\n","import { Typography } from '@mui/material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexGrowCol } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nexport interface ShareOutHeadingFlexboxProps extends FlexBoxProps {\n  shareLinkName?: string\n  shareUrl?: string\n}\n\nexport const ShareOutHeadingFlexbox: React.FC<ShareOutHeadingFlexboxProps> = ({\n  children, shareLinkName, shareUrl, ...props\n}) => {\n  const GenerateShareLinkExplanation = \"When you generate your share link, we'll make a small amount of your data public so friends can check it out!\"\n\n  return (\n    <FlexGrowCol alignItems=\"flex-start\" paddingBottom={1} {...props}>\n      <Typography variant=\"body1\" gutterBottom>\n        <strong>Your Share Link</strong>\n      </Typography>\n      <Typography variant=\"body1\">\n        {shareUrl ? `Use this link or the buttons below to share ${shareLinkName}` : GenerateShareLinkExplanation}\n      </Typography>\n      {children}\n    </FlexGrowCol>\n  )\n}\n","import { Typography } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { ErrorRender } from '@xylabs/react-error'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexGrowCol, FlexRow } from '@xylabs/react-flexbox'\nimport React, { useState } from 'react'\n\nimport { FacebookSvgIcon, XTwitterSvgIcon } from '../icons/index.ts'\n\nexport interface SocialButtonsFlexboxProps extends FlexBoxProps {\n  shareUrl?: string\n  uploadPayloads?: () => Promise<void>\n}\n\nexport const SocialButtonsFlexbox: React.FC<SocialButtonsFlexboxProps> = ({\n  shareUrl, uploadPayloads, ...props\n}) => {\n  const [error, setError] = useState<Error>()\n  const [xLoading, setXLoading] = useState(false)\n  const [fbLoading, setFbLoading] = useState(false)\n\n  const handleClick = async (openUrl: () => void, buttonName: 'x' | 'fb') => {\n    const setLoading = buttonName === 'x' ? setXLoading : setFbLoading\n    try {\n      setLoading(true)\n      await uploadPayloads?.()\n      setLoading(false)\n      openUrl()\n    } catch (e) {\n      setLoading(false)\n      console.error('Error uploading payloads', e)\n      setError(e as Error)\n    }\n  }\n\n  return (\n    <FlexGrowCol alignItems=\"stretch\" paddingTop={2} {...props}>\n      <Typography variant=\"body1\" gutterBottom>\n        <strong>Share on Social Media</strong>\n      </Typography>\n      <FlexRow\n        gap={0.5}\n        sx={{ flexDirection: { md: 'row', xs: 'column' } }}\n      >\n        {shareUrl\n          ? (\n              <>\n                <ButtonEx\n                  variant=\"contained\"\n                  style={{ backgroundColor: '#000', color: '#fff' }}\n                  busy={xLoading}\n                  onClick={async () => {\n                    const openUrl = () => window.open(`https://twitter.com/intent/tweet?url=${encodeURIComponent(shareUrl)}`)\n                    await handleClick(openUrl, 'x')\n                  }}\n                  startIcon={<XTwitterSvgIcon width=\"20px\" />}\n                >\n                  Share on X (Twitter)\n                </ButtonEx>\n                <ButtonEx\n                  busy={fbLoading}\n                  variant=\"contained\"\n                  style={{ backgroundColor: '#4267b2', color: '#fff' }}\n                  onClick={async () => {\n                    const openUrl = () => window.open(`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(shareUrl)}`)\n                    await handleClick(openUrl, 'fb')\n                  }}\n                  startIcon={<FacebookSvgIcon />}\n                >\n                  Share on Facebook\n                </ButtonEx>\n              </>\n            )\n          : null}\n      </FlexRow>\n      <ErrorRender error={error} scope=\"SocialButtonsFlexbox\" />\n    </FlexGrowCol>\n  )\n}\n"],"mappings":"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","names":["jsx","jsxs","createSvgIcon","jsx","jsx","useEffect","jsx","Tooltip","Typography","useState","useState","jsx","jsx","jsxs","useState","error","Typography","Tooltip","useCallback","useState","jsx","useState","useCallback","error","Stack","Typography","jsx","jsxs","Tooltip","Typography","FlexGrowRow","jsx","jsxs","CircularProgress","styled","jsx","Typography","FlexGrowCol","jsx","jsxs","Typography","ButtonEx","FlexGrowCol","FlexRow","useState","jsx","jsxs","useState","FlexGrowCol","Typography","FlexRow","ButtonEx"]}
+{
+  "version": 3,
+  "sources": ["../../src/button/ShareButton.tsx", "../../src/icons/social/Facebook.tsx", "../../src/icons/social/XTwitter.tsx", "../../src/meta-server/dynamic-share/DynamicShareImage.tsx", "../../src/meta-server/live-share/HideParentsFlexbox.tsx", "../../src/out/CopyLinkStack.tsx", "../../src/out/CopyIconButton.tsx", "../../src/out/lib/AnimatedGradientTypography.tsx", "../../src/out/lib/splitAroundSubstring.ts", "../../src/out/CopyLinkTextField.tsx", "../../src/out/Dialog.tsx", "../../src/out/Explanation.tsx", "../../src/out/GenerateShareLinkButton.tsx", "../../src/out/HeadingFlexbox.tsx", "../../src/out/SocialButtonsFlexbox.tsx"],
+  "sourcesContent": ["import {\n  Facebook as FacebookIcon, Share as ShareIcon,\n  X as XIcon,\n} from '@mui/icons-material'\nimport type { PopoverProps } from '@mui/material'\nimport { Popover } from '@mui/material'\nimport type { ButtonExProps } from '@xylabs/react-button'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport { LinkEx } from '@xylabs/react-link'\nimport React, {\n  useEffect, useRef, useState,\n} from 'react'\n\nexport type ShareButtonProps = ButtonExProps & {\n  prepared?: boolean\n  shareLink?: string\n  slot?: { popover?: PopoverProps }\n}\n\nexport const ShareButton: React.FC<ShareButtonProps> = ({\n  prepared = true, shareLink, slot, ...props\n}) => {\n  const [expanded, setExpanded] = useState(false)\n  const anchorRef = useRef(null)\n  const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null)\n  const link = shareLink ?? globalThis.location.href\n\n  useEffect(() => {\n    setAnchorEl(anchorRef.current)\n  }, [])\n\n  return (\n    <FlexRow sx={{ gap: 1 }}>\n      <ButtonEx\n        variant=\"text\"\n        size=\"small\"\n        disabled={!prepared}\n        onClick={() => {\n          setExpanded(true)\n        }}\n        {...props}\n        sx={[{ minWidth: 32 }, ...(Array.isArray(props.sx) ? props.sx : [props.sx])]}\n      >\n        <ShareIcon\n          htmlColor=\"gray\"\n          ref={anchorRef}\n          sx={{ fontSize: 'small' }}\n        />\n      </ButtonEx>\n      <Popover\n        open={prepared ? expanded : false}\n        anchorEl={anchorEl}\n        anchorOrigin={{ vertical: 'top', horizontal: 'right' }}\n        onClose={() => setExpanded(false)}\n        transitionDuration={500}\n        sx={{\n          ml: 1, top: -4, ...slot?.popover?.sx,\n        }}\n        {...slot?.popover}\n      >\n        <FlexRow\n          sx={{\n            gap: 0.5,\n            padding: 0.5,\n          }}\n        >\n          <LinkEx\n            onClick={() => {\n              window.open(`https://x.com/intent/tweet?url=${encodeURIComponent(link)}`)\n              setExpanded(false)\n            }}\n            sx={{ lineHeight: 0 }}\n          >\n            <XIcon sx={{ fontSize: 'small' }} />\n          </LinkEx>\n          <LinkEx\n            style={{ color: '#4267b2' }}\n            onClick={() => {\n              window.open(`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(link)}`)\n              setExpanded(false)\n            }}\n            sx={{ lineHeight: 0 }}\n          >\n            <FacebookIcon sx={{ fontSize: 'small' }} />\n          </LinkEx>\n        </FlexRow>\n      </Popover>\n    </FlexRow>\n  )\n}\n", "/* eslint-disable @stylistic/max-len */\nimport { createSvgIcon } from '@mui/material'\nimport React from 'react'\n\nexport const FacebookSvgIcon = createSvgIcon(\n  <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"800\" width=\"1200\" viewBox=\"-204.79995 -341.33325 1774.9329 2047.9995\">\n    <path d=\"M1365.333 682.667C1365.333 305.64 1059.693 0 682.667 0 305.64 0 0 305.64 0 682.667c0 340.738 249.641 623.16 576 674.373V880H402.667V682.667H576v-150.4c0-171.094 101.917-265.6 257.853-265.6 74.69 0 152.814 13.333 152.814 13.333v168h-86.083c-84.804 0-111.25 52.623-111.25 106.61v128.057h189.333L948.4 880H789.333v477.04c326.359-51.213 576-333.635 576-674.373\" fill=\"#1877f2\" />\n    <path d=\"M948.4 880l30.267-197.333H789.333V554.609C789.333 500.623 815.78 448 900.584 448h86.083V280s-78.124-13.333-152.814-13.333c-155.936 0-257.853 94.506-257.853 265.6v150.4H402.667V880H576v477.04a687.805 687.805 0 00106.667 8.293c36.288 0 71.91-2.84 106.666-8.293V880H948.4\" fill=\"#fff\" />\n  </svg>,\n  'Facebook',\n)\n", "/* eslint-disable @stylistic/max-len */\nimport { createSvgIcon } from '@mui/material'\nimport React from 'react'\n\nexport const XTwitterSvgIcon = createSvgIcon(\n  <svg viewBox=\"0 0 1200 1227\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path d=\"M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z\" fill=\"white\" />\n  </svg>,\n  'XTwitterSvgIcon',\n)\n", "import type React from 'react'\n\n/**\n * The props for the DynamicShareImage component.\n */\nexport interface DynamicShareImageProps {\n  /**\n   * The URL of the share image for the page.\n   */\n  image: string\n}\n\n/**\n * Used in conjunction with the XY Meta Server to dynamically set the share image for a page.\n */\nexport const DynamicShareImage: React.FC<DynamicShareImageProps> = () => null\n", "import type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexGrowRow } from '@xylabs/react-flexbox'\nimport type { PropsWithChildren } from 'react'\nimport React, { useEffect } from 'react'\n\nexport const HideParentsFlexbox: React.FC<PropsWithChildren & FlexBoxProps> = ({ children, ...props }) => {\n  useEffect(() => {\n    const style = document.createElement('style')\n    document.head.append(style)\n    style.innerHTML = `\n    /** make all elements hidden */\n    * {\n      visibility: hidden;\n    }\n\n    /** move the preview area to the top of the page */\n    #preview-area {\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 100%;\n      z-index: 9999;\n    }\n\n    /** make the preview area and all its children visible */\n    #preview-area * {\n      visibility: visible;\n    }`\n\n    return () => {\n      style.remove()\n    }\n  }, [])\n\n  return (\n    <FlexGrowRow\n      id=\"preview-area\"\n      {...props}\n      sx={[{\n        alignItems: 'stretch',\n        justifyContent: 'start',\n      }, ...(Array.isArray(props.sx) ? props.sx : [props.sx])]}\n    >\n      {children}\n    </FlexGrowRow>\n  )\n}\n", "import { Cancel } from '@mui/icons-material'\nimport type { StackProps } from '@mui/material'\nimport {\n  Stack,\n  Tooltip,\n  Typography,\n} from '@mui/material'\nimport React, {\n  useCallback, useMemo, useState,\n} from 'react'\n\nimport { CopyIconButton } from './CopyIconButton.tsx'\nimport {\n  AnimatedGradientTypography, type ShareLinkProps, splitAroundSubstring,\n} from './lib/index.ts'\n\nexport interface CopyLinkStackProps extends ShareLinkProps, StackProps {\n  addToXnsName?: boolean\n  copiedLinkText?: string\n  copyLinkText?: string\n  xnsEndColor?: string\n  xnsStartColor?: string\n}\n\nexport const CopyLinkStack: React.FC<CopyLinkStackProps> = ({\n  addToXnsName, copiedLinkText, copyLinkText, shareLinkName, shareUrl, xnsName: xnsNameProp, xnsEndColor, uploadPayloads, xnsStartColor, ...props\n}) => {\n  const [error, setError] = useState<Error>()\n\n  const onClickError = useCallback((error: Error) => {\n    setError(error)\n  }, [])\n\n  const parsedXnsName = useMemo(() => {\n    if (shareUrl && xnsNameProp && addToXnsName) {\n      try {\n        return splitAroundSubstring(shareUrl, xnsNameProp)\n      } catch {\n        return\n      }\n    }\n  }, [addToXnsName, shareUrl, xnsNameProp])\n\n  const [part1, xnsName, part3] = parsedXnsName || []\n\n  return (\n    <Stack\n      direction=\"row\"\n      {...props}\n      sx={[{\n        alignItems: 'center',\n        gap: 0.25,\n      }, ...(Array.isArray(props.sx) ? props.sx : [props.sx])]}\n    >\n      {xnsName && addToXnsName\n        ? (\n            <Stack\n              direction=\"row\"\n              sx={{\n                maxWidth: '100%',\n                overflowX: 'auto',\n              }}\n            >\n              <Typography sx={{ display: 'inline-flex' }}>{part1}</Typography>\n              <AnimatedGradientTypography color1={xnsStartColor} color2={xnsEndColor} sx={{ display: 'inline-flex' }}>{xnsName}</AnimatedGradientTypography>\n              <Typography sx={{ display: 'inline-flex' }}>{part3}</Typography>\n            </Stack>\n          )\n        : (\n            <Typography sx={{\n              display: 'inline-flex', maxWidth: '100%', overflow: 'auto',\n            }}\n            >\n              {shareUrl}\n            </Typography>\n          )}\n      <CopyIconButton\n        copiedLinkText={copiedLinkText}\n        copyLinkText={copyLinkText}\n        onClickError={onClickError}\n        shareLinkName={shareLinkName}\n        shareUrl={shareUrl}\n        sx={{ display: 'inline-flex' }}\n        uploadPayloads={uploadPayloads}\n      />\n      {error ? <Tooltip title={error.message}><Cancel color=\"error\" sx={{ display: 'inline-flex' }} /></Tooltip> : null}\n    </Stack>\n  )\n}\n", "import { CopyAllRounded } from '@mui/icons-material'\nimport {\n  type ButtonProps, CircularProgress, IconButton, Tooltip,\n} from '@mui/material'\nimport { forget } from '@xylabs/sdk-js'\nimport React, { useState } from 'react'\n\nimport type { ShareLinkProps } from './lib/index.ts'\n\nexport interface CopyIconButtonProps extends ButtonProps, ShareLinkProps {\n  onClickError?: (error: Error) => void\n}\n\nexport const CopyIconButton: React.FC<CopyIconButtonProps> = ({\n  copyLinkText, copiedLinkText, onClickError, shareLinkName, shareUrl, uploadPayloads, ...props\n}) => {\n  const CopyLink = copyLinkText ?? 'Copy Link'\n  const Copied = copiedLinkText ?? 'Copied!'\n\n  const [copyTooltipTitle, setCopyTooltipTitle] = useState(CopyLink)\n  const [loading, setLoading] = useState(false)\n\n  const copyToClipboard = async (link?: string) => {\n    if (link) {\n      try {\n        setLoading(true)\n        await uploadPayloads?.()\n        await navigator.clipboard.writeText(link)\n        setCopyTooltipTitle(Copied)\n        setTimeout(() => setCopyTooltipTitle(CopyLink), 2000)\n        setLoading(false)\n      } catch (e) {\n        setLoading(false)\n        const message = 'Error copying shareUrl to clipboard'\n        console.error(message, e, link)\n        onClickError?.(new Error(message))\n      }\n    } else {\n      console.warn('tried to copy shareUrl before it was generated')\n    }\n  }\n\n  return (\n    <Tooltip title={copyTooltipTitle}>\n      {loading\n        ? (\n            <IconButton>\n              <CircularProgress size=\"24px\" />\n            </IconButton>\n          )\n        : (\n            <IconButton aria-label={`copy ${shareLinkName} link`} onClick={() => forget(copyToClipboard(shareUrl))} edge=\"end\" {...props}>\n              <CopyAllRounded />\n            </IconButton>\n          )}\n    </Tooltip>\n  )\n}\n", "import {\n  keyframes, styled, Typography,\n} from '@mui/material'\nimport type React from 'react'\n\n/**\n * Start the animation at 100% to give the gradient a left to right effect\n */\nconst moveBg = keyframes(`\n    0% {\n      background-position: 100% 0%;\n    }\n    100% {\n      background-position: 0% 0%;\n    }\n`)\n\n/**\n * Adapted from - https://codepen.io/web-dot-dev/pen/vYrGPNE\n */\nexport const AnimatedGradientTypography: React.FC<\n  React.ComponentProps<typeof Typography> & { color1?: string; color2?: string }\n> = styled(Typography, { name: 'AnimatedGradientTypography' })<{ color1?: string; color2?: string }>(({\n  theme, color1, color2,\n}) => {\n  return {\n    // Set the color variables for the gradient\n    '--color-one': color1 ?? theme.vars.palette.secondary.dark,\n    '--color-two': color2 ?? theme.vars.palette.primary.light,\n    // set the gradient so it has the same start and end color for looping effect\n    'background': `linear-gradient(\n      .25turn,\n      var(--color-one),\n      var(--color-two),\n      var(--color-one)\n      )`,\n    // Set the text color to transparent so the gradient shows through\n    'color': 'transparent',\n    // Clip the background to the text shape\n    'backgroundClip': 'text',\n    // Set the background size to 800% so we don't see the third color initially creating the looping effect\n    'backgroundSize': '800%',\n    // Set the text to bold so the gradient is more visible\n    'fontWeight': 'bold',\n    // Set the animation\n    '@media (prefers-reduced-motion: no-preference)': {\n      animationName: moveBg,\n      animationDuration: '2s',\n      animationIterationCount: 'infinite',\n    },\n    // reset for users that prefer reduced motion\n    '@media (prefers-reduced-motion)': {\n      background: 'none',\n      color: theme.vars.palette.text.primary,\n    },\n  }\n})\n", "export const splitAroundSubstring = (path: string, substring: string): [string, string, string] => {\n  // Find the index of the substring\n  const index = path.indexOf(substring)\n\n  if (index === -1) {\n    throw new Error(`XNS name \"${substring}\" not found in path.`)\n  }\n\n  // Extract the part before the substring\n  const part1 = path.slice(0, index)\n\n  // The substring itself is part2\n  const part2 = substring\n\n  // Extract the part after the substring\n  const part3 = path.slice(index + substring.length)\n\n  return [part1, part2, part3]\n}\n", "import type { StandardTextFieldProps } from '@mui/material'\nimport { InputAdornment, TextField } from '@mui/material'\nimport React, { useCallback, useState } from 'react'\n\nimport { CopyIconButton } from './CopyIconButton.tsx'\n\nexport interface CopyLinkTextFieldProps extends StandardTextFieldProps {\n  shareLinkName?: string\n  shareUrl?: string\n}\n\nexport const CopyLinkTextField: React.FC<CopyLinkTextFieldProps> = ({\n  shareLinkName, shareUrl, ...props\n}) => {\n  const [error, setError] = useState<Error>()\n\n  const onClickError = useCallback((error?: Error) => {\n    setError(error)\n  }, [])\n\n  return (\n    <TextField\n      disabled\n      error={!!error}\n      helperText={error?.message}\n      // to override the color that appears when it's a text field, only on dark mode\n      sx={{ input: { WebkitTextFillColor: 'lightgray !important' } }}\n      value={shareUrl}\n      {...props}\n      slotProps={{\n        input: {\n          endAdornment: (\n            <InputAdornment position=\"end\">\n              <CopyIconButton shareLinkName={shareLinkName} shareUrl={shareUrl} onClickError={onClickError} />\n            </InputAdornment>\n          ),\n        },\n      }}\n    />\n  )\n}\n", "import type { DialogProps } from '@mui/material'\nimport {\n  Dialog, DialogActions, DialogContent, DialogTitle, Stack, Typography,\n} from '@mui/material'\nimport { FlexCol, FlexGrowCol } from '@xylabs/react-flexbox'\nimport type { ComponentType, ReactNode } from 'react'\nimport React from 'react'\n\nexport interface ShareOutDialogProps extends DialogProps {\n  ShareOutDialogActions?: ComponentType<{ onClose?: () => void }>\n  cardImg?: ReactNode\n  shareOutDialogContent?: ReactNode\n  subtitle?: string\n  title?: string\n}\n\nexport const ShareOutDialog: React.FC<ShareOutDialogProps> = ({\n  ShareOutDialogActions, cardImg, open, onClose, shareOutDialogContent, subtitle, title, ...props\n}) => {\n  const handleClose = () => {\n    onClose?.('', 'backdropClick')\n  }\n\n  return (\n    <Dialog onClose={onClose} open={open} {...props}>\n      <DialogTitle>\n        <Stack direction=\"row\" spacing={2}>\n          <FlexGrowCol\n            sx={{\n              alignItems: 'flex-start',\n              width: '60%',\n            }}\n          >\n            <Typography variant=\"h5\">{title}</Typography>\n            <Typography variant=\"body1\">\n              {' '}\n              {subtitle}\n            </Typography>\n          </FlexGrowCol>\n          <FlexGrowCol\n            sx={{\n              alignItems: 'flex-end',\n              width: '40%',\n            }}\n          >\n            {cardImg}\n          </FlexGrowCol>\n        </Stack>\n      </DialogTitle>\n      <DialogContent>\n        {shareOutDialogContent}\n        <FlexCol sx={{ alignItems: 'stretch' }}>\n        </FlexCol>\n      </DialogContent>\n      {ShareOutDialogActions ? <DialogActions><ShareOutDialogActions onClose={handleClose} /></DialogActions> : null}\n    </Dialog>\n  )\n}\n", "import { InfoOutlined } from '@mui/icons-material'\nimport {\n  Tooltip, Typography, useTheme,\n} from '@mui/material'\nimport { FlexGrowRow } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nexport interface ShareOutExplanationProps {\n  toolTipTitle?: string\n}\n\nexport const ShareOutExplanation: React.FC<ShareOutExplanationProps> = ({ toolTipTitle }) => {\n  const theme = useTheme()\n  // eslint-disable-next-line @stylistic/max-len\n  const title = toolTipTitle ?? 'In order for your data to be publicly viewable, it needs to be saved to the XYO Network Public Archivist.  Public data can be seen by your friends, and XYO can generate preview images for easier sharing on social media.'\n  return (\n    <FlexGrowRow sx={{ alignItems: 'center' }}>\n      <Typography\n        variant=\"body2\"\n        sx={{ paddingRight: 0.5 }}\n      >\n        What am I sharing?\n      </Typography>\n      <Tooltip\n        title={title}\n        placement=\"bottom\"\n      >\n        <InfoOutlined\n          fontSize=\"small\"\n          sx={{ fontSize: theme.typography.caption.fontSize }}\n        />\n      </Tooltip>\n    </FlexGrowRow>\n  )\n}\n", "import type { ButtonProps } from '@mui/material'\nimport {\n  Button, CircularProgress, styled,\n} from '@mui/material'\nimport React from 'react'\n\nexport interface GenerateShareLinkButtonProps extends ButtonProps {\n  loading?: boolean\n}\n\nexport const GenerateShareLinkButton: React.FC<GenerateShareLinkButtonProps> = ({\n  children = 'Generate My Share Link', loading, ...props\n}) => {\n  return (\n    <Button\n      variant=\"contained\"\n      startIcon={loading ? <StyledCircularProgress size=\"small\" /> : null}\n      {...props}\n    >\n      {children}\n    </Button>\n  )\n}\n\nconst StyledCircularProgress = styled(CircularProgress, { name: 'StyledCircularProgress' })(({ theme }) => ({\n  // ensure the color of the spinner is the same as the button color\n  color: theme.vars.palette.primary.contrastText,\n  height: '20px',\n  opacity: '.87',\n  width: '20px',\n}))\n", "import { Typography } from '@mui/material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexGrowCol } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nexport interface ShareOutHeadingFlexboxProps extends FlexBoxProps {\n  shareLinkName?: string\n  shareUrl?: string\n}\n\nexport const ShareOutHeadingFlexbox: React.FC<ShareOutHeadingFlexboxProps> = ({\n  children, shareLinkName, shareUrl, ...props\n}) => {\n  const GenerateShareLinkExplanation = \"When you generate your share link, we'll make a small amount of your data public so friends can check it out!\"\n\n  return (\n    <FlexGrowCol\n      {...props}\n      sx={[{\n        alignItems: 'flex-start',\n        paddingBottom: 1,\n      }, ...(Array.isArray(props.sx) ? props.sx : [props.sx])]}\n    >\n      <Typography variant=\"body1\" gutterBottom>\n        <strong>Your Share Link</strong>\n      </Typography>\n      <Typography variant=\"body1\">\n        {shareUrl ? `Use this link or the buttons below to share ${shareLinkName}` : GenerateShareLinkExplanation}\n      </Typography>\n      {children}\n    </FlexGrowCol>\n  )\n}\n", "import { Typography } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { ErrorRender } from '@xylabs/react-error'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexGrowCol, FlexRow } from '@xylabs/react-flexbox'\nimport React, { useState } from 'react'\n\nimport { FacebookSvgIcon, XTwitterSvgIcon } from '../icons/index.ts'\n\nexport interface SocialButtonsFlexboxProps extends FlexBoxProps {\n  shareUrl?: string\n  uploadPayloads?: () => Promise<void>\n}\n\nexport const SocialButtonsFlexbox: React.FC<SocialButtonsFlexboxProps> = ({\n  shareUrl, uploadPayloads, ...props\n}) => {\n  const [error, setError] = useState<Error>()\n  const [xLoading, setXLoading] = useState(false)\n  const [fbLoading, setFbLoading] = useState(false)\n\n  const handleClick = async (openUrl: () => void, buttonName: 'x' | 'fb') => {\n    const setLoading = buttonName === 'x' ? setXLoading : setFbLoading\n    try {\n      setLoading(true)\n      await uploadPayloads?.()\n      setLoading(false)\n      openUrl()\n    } catch (e) {\n      setLoading(false)\n      console.error('Error uploading payloads', e)\n      setError(e as Error)\n    }\n  }\n\n  return (\n    <FlexGrowCol\n      {...props}\n      sx={[{\n        alignItems: 'stretch',\n        paddingTop: 2,\n      }, ...(Array.isArray(props.sx) ? props.sx : [props.sx])]}\n    >\n      <Typography variant=\"body1\" gutterBottom>\n        <strong>Share on Social Media</strong>\n      </Typography>\n      <FlexRow\n        sx={{\n          gap: 0.5,\n          flexDirection: { md: 'row', xs: 'column' },\n        }}\n      >\n        {shareUrl\n          ? (\n              <>\n                <ButtonEx\n                  variant=\"contained\"\n                  style={{ backgroundColor: '#000', color: '#fff' }}\n                  busy={xLoading}\n                  onClick={async () => {\n                    const openUrl = () => window.open(`https://twitter.com/intent/tweet?url=${encodeURIComponent(shareUrl)}`)\n                    await handleClick(openUrl, 'x')\n                  }}\n                  startIcon={(\n                    <XTwitterSvgIcon sx={{ width: '20px' }} />\n                  )}\n                >\n                  Share on X (Twitter)\n                </ButtonEx>\n                <ButtonEx\n                  busy={fbLoading}\n                  variant=\"contained\"\n                  style={{ backgroundColor: '#4267b2', color: '#fff' }}\n                  onClick={async () => {\n                    const openUrl = () => window.open(`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(shareUrl)}`)\n                    await handleClick(openUrl, 'fb')\n                  }}\n                  startIcon={<FacebookSvgIcon />}\n                >\n                  Share on Facebook\n                </ButtonEx>\n              </>\n            )\n          : null}\n      </FlexRow>\n      <ErrorRender error={error} scope=\"SocialButtonsFlexbox\" />\n    </FlexGrowCol>\n  )\n}\n"],
+  "mappings": "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",
+  "names": ["jsx", "jsxs", "createSvgIcon", "jsx", "useEffect", "jsx", "Tooltip", "Typography", "useState", "useState", "jsx", "jsx", "jsxs", "useState", "error", "Typography", "Tooltip", "useCallback", "useState", "jsx", "useState", "useCallback", "error", "Stack", "Typography", "jsx", "jsxs", "Tooltip", "Typography", "FlexGrowRow", "jsx", "jsxs", "CircularProgress", "styled", "jsx", "Typography", "FlexGrowCol", "jsx", "jsxs", "Typography", "ButtonEx", "FlexGrowCol", "FlexRow", "useState", "jsx", "jsxs", "useState", "FlexGrowCol", "Typography", "FlexRow", "ButtonEx"]
+}

package/dist/browser/meta-server/dynamic-share/DynamicShareImage.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 /**
  * The props for the DynamicShareImage component.
  */

package/dist/browser/meta-server/dynamic-share/DynamicShareImage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DynamicShareImage.d.ts","sourceRoot":"","sources":["../../../../src/meta-server/dynamic-share/DynamicShareImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;CACd;AAED;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAM9D,CAAA"}
+{"version":3,"file":"DynamicShareImage.d.ts","sourceRoot":"","sources":["../../../../src/meta-server/dynamic-share/DynamicShareImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;CACd;AAED;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAAc,CAAA"}

package/dist/browser/meta-server/live-share/HideParentsFlexbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HideParentsFlexbox.d.ts","sourceRoot":"","sources":["../../../../src/meta-server/live-share/HideParentsFlexbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAEzD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAC9C,OAAO,KAAoB,MAAM,OAAO,CAAA;AAExC,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,GAAG,YAAY,CAkCzE,CAAA"}
+{"version":3,"file":"HideParentsFlexbox.d.ts","sourceRoot":"","sources":["../../../../src/meta-server/live-share/HideParentsFlexbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAEzD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAC9C,OAAO,KAAoB,MAAM,OAAO,CAAA;AAExC,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,GAAG,YAAY,CAyCzE,CAAA"}

package/dist/browser/out/CopyLinkStack.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CopyLinkStack.d.ts","sourceRoot":"","sources":["../../../src/out/CopyLinkStack.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAM/C,OAAO,KAEN,MAAM,OAAO,CAAA;AAGd,OAAO,EACuB,KAAK,cAAc,EAChD,MAAM,gBAAgB,CAAA;AAEvB,MAAM,WAAW,kBAAmB,SAAQ,cAAc,EAAE,UAAU;IACpE,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAmDtD,CAAA"}
+{"version":3,"file":"CopyLinkStack.d.ts","sourceRoot":"","sources":["../../../src/out/CopyLinkStack.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAM/C,OAAO,KAEN,MAAM,OAAO,CAAA;AAGd,OAAO,EACuB,KAAK,cAAc,EAChD,MAAM,gBAAgB,CAAA;AAEvB,MAAM,WAAW,kBAAmB,SAAQ,cAAc,EAAE,UAAU;IACpE,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAgEtD,CAAA"}

package/dist/browser/out/Dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/out/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAKhD,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACrD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,mBAAoB,SAAQ,WAAW;IACtD,qBAAqB,CAAC,EAAE,aAAa,CAAC;QAAE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC,CAAA;IAC/D,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,qBAAqB,CAAC,EAAE,SAAS,CAAA;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA+BxD,CAAA"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/out/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAKhD,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACrD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,mBAAoB,SAAQ,WAAW;IACtD,qBAAqB,CAAC,EAAE,aAAa,CAAC;QAAE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC,CAAA;IAC/D,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,qBAAqB,CAAC,EAAE,SAAS,CAAA;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAyCxD,CAAA"}

package/dist/browser/out/Explanation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Explanation.d.ts","sourceRoot":"","sources":["../../../src/out/Explanation.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,wBAAwB;IACvC,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAiBlE,CAAA"}
+{"version":3,"file":"Explanation.d.ts","sourceRoot":"","sources":["../../../src/out/Explanation.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,wBAAwB;IACvC,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAuBlE,CAAA"}

package/dist/browser/out/HeadingFlexbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeadingFlexbox.d.ts","sourceRoot":"","sources":["../../../src/out/HeadingFlexbox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAEzD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,2BAA4B,SAAQ,YAAY;IAC/D,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAgBxE,CAAA"}
+{"version":3,"file":"HeadingFlexbox.d.ts","sourceRoot":"","sources":["../../../src/out/HeadingFlexbox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAEzD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,2BAA4B,SAAQ,YAAY;IAC/D,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAsBxE,CAAA"}

package/dist/browser/out/SocialButtonsFlexbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SocialButtonsFlexbox.d.ts","sourceRoot":"","sources":["../../../src/out/SocialButtonsFlexbox.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAEzD,OAAO,KAAmB,MAAM,OAAO,CAAA;AAIvC,MAAM,WAAW,yBAA0B,SAAQ,YAAY;IAC7D,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,cAAc,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;CACrC;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAgEpE,CAAA"}
+{"version":3,"file":"SocialButtonsFlexbox.d.ts","sourceRoot":"","sources":["../../../src/out/SocialButtonsFlexbox.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAEzD,OAAO,KAAmB,MAAM,OAAO,CAAA;AAIvC,MAAM,WAAW,yBAA0B,SAAQ,YAAY;IAC7D,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,cAAc,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;CACrC;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CA0EpE,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xyo-network/react-share",
-  "version": "7.6.3",
+  "version": "8.0.1",
   "description": "Common React library for all XYO projects that use React",
   "keywords": [
     "xyo",
@@ -41,55 +41,53 @@
     "README.md"
   ],
   "devDependencies": {
-    "@mui/icons-material": "^7.3.11",
-    "@mui/material": "^7.3.11",
+    "@mui/icons-material": "^9.0.1",
+    "@mui/material": "^9.0.1",
     "@opentelemetry/api": "^1.9.1",
     "@opentelemetry/sdk-trace-base": "^2.7.1",
-    "@storybook/react-vite": "~10.3.6",
+    "@storybook/react-vite": "~10.4.0",
     "@types/react": "^19.2.14",
-    "@types/react-helmet": "~6.1.11",
-    "@xylabs/pixel": "~5.1.2",
-    "@xylabs/react-button": "~7.2.4",
-    "@xylabs/react-error": "~7.2.4",
-    "@xylabs/react-flexbox": "~7.2.4",
-    "@xylabs/react-link": "~7.2.4",
-    "@xylabs/sdk-js": "^5.1.2",
-    "@xylabs/toolchain": "~7.13.15",
-    "@xylabs/tsconfig": "^7.13.15",
-    "@xylabs/tsconfig-dom": "^7.13.15",
-    "@xylabs/tsconfig-react": "~7.13.15",
+    "@xylabs/pixel": "~5.1.3",
+    "@xylabs/react-button": "~8.0.3",
+    "@xylabs/react-error": "~8.0.3",
+    "@xylabs/react-flexbox": "~8.0.3",
+    "@xylabs/react-link": "~8.0.3",
+    "@xylabs/sdk-js": "^5.1.3",
+    "@xylabs/toolchain": "~8.0.6",
+    "@xylabs/tsconfig": "^8.0.6",
+    "@xylabs/tsconfig-dom": "^8.0.6",
+    "@xylabs/tsconfig-react": "~8.0.6",
     "async-mutex": "^0.5.0",
     "bn.js": "^5.2.3",
     "bowser": "^2.14.1",
     "buffer": "^6.0.3",
     "chalk": "^5.6.2",
-    "eslint": "^10.3.0",
+    "eslint": "^10.4.0",
     "ethers": "^6.16.0",
     "fast-deep-equal": "~3.1.3",
-    "js-cookie": "~3.0.5",
-    "mixpanel-browser": "~2.78.0",
+    "js-cookie": "~3.0.6",
+    "mixpanel-browser": "~2.79.0",
     "pako": "^2.1.0",
     "query-string": "~9.3.1",
     "react": "^19.2.6",
     "react-dom": "^19.2.6",
-    "react-helmet": "~6.1.0",
-    "react-router-dom": "^7.15.0",
+    "react-router-dom": "^7.15.1",
     "spark-md5": "~3.0.2",
-    "storybook": "^10.3.6",
-    "typescript": "^5.9.3",
-    "vite": "^8.0.10",
+    "storybook": "^10.4.0",
+    "typescript": "^6.0.3",
+    "vite": "^8.0.13",
     "zod": "^4.4.3"
   },
   "peerDependencies": {
-    "@mui/icons-material": "^7.3",
-    "@mui/material": "^7.3",
+    "@mui/icons-material": "^9.0",
+    "@mui/material": "^9.0",
     "@opentelemetry/api": "^1.9",
     "@opentelemetry/sdk-trace-base": "^2.7",
     "@xylabs/pixel": "~5.1",
-    "@xylabs/react-button": "~7.2",
-    "@xylabs/react-error": "~7.2",
-    "@xylabs/react-flexbox": "~7.2",
-    "@xylabs/react-link": "~7.2",
+    "@xylabs/react-button": "~8.0",
+    "@xylabs/react-error": "~8.0",
+    "@xylabs/react-flexbox": "~8.0",
+    "@xylabs/react-link": "~8.0",
     "@xylabs/sdk-js": "^5.1",
     "async-mutex": "^0.5",
     "bn.js": "^5.2",
@@ -99,12 +97,11 @@
     "ethers": "^6.16",
     "fast-deep-equal": "~3.1",
     "js-cookie": "~3.0",
-    "mixpanel-browser": "~2.78",
+    "mixpanel-browser": "~2.79",
     "pako": "^2.1",
     "query-string": "~9.3",
     "react": "^19.2",
     "react-dom": "^19.2",
-    "react-helmet": "~6.1",
     "react-router-dom": "^7.15",
     "spark-md5": "~3.0",
     "zod": "^4.4"