@xyo-network/xl1-react-client-sdk 1.28.4 → 1.28.6

package/dist/browser/client/components/connected/ConnectAccountsStack.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConnectAccountsStack.d.ts","sourceRoot":"","sources":["../../../../../src/client/components/connected/ConnectAccountsStack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAQ/C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAE7C,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAC7D,OAAO,KAAoB,MAAM,OAAO,CAAA;AA4BxC,MAAM,WAAW,+BAAgC,SAAQ,UAAU;IACjE,gBAAgB,CAAC,EAAE,aAAa,CAAC;QAAE,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACtD,gBAAgB,CAAC,EAAE,aAAa,CAAC;QAAE,OAAO,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA;KAAE,CAAC,CAAA;IAC9E,0BAA0B,CAAC,EAAE,aAAa,CAAA;IAC1C,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC/C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,+BAA+B,CA2C1E,CAAA"}
+{"version":3,"file":"ConnectAccountsStack.d.ts","sourceRoot":"","sources":["../../../../../src/client/components/connected/ConnectAccountsStack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAQ/C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAE7C,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAC7D,OAAO,KAAoB,MAAM,OAAO,CAAA;AA4BxC,MAAM,WAAW,+BAAgC,SAAQ,UAAU;IACjE,gBAAgB,CAAC,EAAE,aAAa,CAAC;QAAE,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACtD,gBAAgB,CAAC,EAAE,aAAa,CAAC;QAAE,OAAO,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA;KAAE,CAAC,CAAA;IAC9E,0BAA0B,CAAC,EAAE,aAAa,CAAA;IAC1C,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC/C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,+BAA+B,CAgD1E,CAAA"}

package/dist/browser/client/components/connected/RequestPermissionsButton.d.ts

@@ -0,0 +1,15 @@
+import type { StackProps } from '@mui/material';
+import type { PermissionRequest } from '@xyo-network/xl1-protocol-lib';
+import React from 'react';
+export interface RequestPermissionsButtonProps extends StackProps {
+    permissions: PermissionRequest[];
+    timeout?: number;
+}
+/**
+ * Calls `client.permissions.requestPermissions(...)` with a batch of
+ * `PermissionRequest` entries and renders the resulting `RequestedPermission[]`
+ * acks (or any error). Designed for the Storybook real-wallet story so the
+ * full popup-consent round-trip can be exercised against the live extension.
+ */
+export declare const RequestPermissionsButton: React.FC<RequestPermissionsButtonProps>;
+//# sourceMappingURL=RequestPermissionsButton.d.ts.map

package/dist/browser/client/components/connected/RequestPermissionsButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RequestPermissionsButton.d.ts","sourceRoot":"","sources":["../../../../../src/client/components/connected/RequestPermissionsButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAO/C,OAAO,KAAK,EAAE,iBAAiB,EAAuB,MAAM,+BAA+B,CAAA;AAC3F,OAAO,KAAmB,MAAM,OAAO,CAAA;AAIvC,MAAM,WAAW,6BAA8B,SAAQ,UAAU;IAC/D,WAAW,EAAE,iBAAiB,EAAE,CAAA;IAChC,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED;;;;;GAKG;AACH,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAiF5E,CAAA"}

package/dist/browser/client/components/connected/account/Connected.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Connected.d.ts","sourceRoot":"","sources":["../../../../../../src/client/components/connected/account/Connected.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,OAAO,EAAE,MAAM,CAAA;CAAE,CAW1D,CAAA"}
+{"version":3,"file":"Connected.d.ts","sourceRoot":"","sources":["../../../../../../src/client/components/connected/account/Connected.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,OAAO,EAAE,MAAM,CAAA;CAAE,CAuB1D,CAAA"}

package/dist/browser/client/components/connected/index.d.ts

@@ -1,3 +1,4 @@
 export * from './account/index.ts';
 export * from './ConnectAccountsStack.tsx';
+export * from './RequestPermissionsButton.tsx';
 //# sourceMappingURL=index.d.ts.map

package/dist/browser/client/components/connected/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/client/components/connected/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,4BAA4B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/client/components/connected/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,gCAAgC,CAAA"}

package/dist/browser/client/context/GatewayContext.d.ts

@@ -1,3 +1,4 @@
+import type { GatewayStateFields } from './GatewayProviderState.ts';
 /**
  * Shared React context that decouples gateway *sources* from gateway
  * *consumers*. Any provider that can resolve an `XyoGateway` publishes to
@@ -18,11 +19,5 @@
  * to this same context — do not create a parallel context, or consumers
  * will silently stop receiving updates.
  */
-export declare const GatewayContext: import("react").Context<(import("./GatewayProviderState.ts").GatewayStateFields & {
-    provided: true;
-}) | (import("@xylabs/react-shared").FixedValues<import("@xylabs/react-shared").ProvidedContextExState<import("./GatewayProviderState.ts").GatewayStateFields>, never> & {
-    provided: false;
-}) | (import("@xylabs/react-shared").FixedValues<import("@xylabs/react-shared").NotProvidedContextExState<import("./GatewayProviderState.ts").GatewayStateFields>, never> & {
-    provided: false;
-})>;
+export declare const GatewayContext: import("react").Context<import("@xylabs/react-shared").ContextExState<GatewayStateFields>>;
 //# sourceMappingURL=GatewayContext.d.ts.map

package/dist/browser/client/context/GatewayContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GatewayContext.d.ts","sourceRoot":"","sources":["../../../../src/client/context/GatewayContext.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,cAAc;;;;;;GAAyC,CAAA"}
+{"version":3,"file":"GatewayContext.d.ts","sourceRoot":"","sources":["../../../../src/client/context/GatewayContext.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAEnE;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,cAAc,4FAAwC,CAAA"}

package/dist/browser/client/context/in-page/InPageGatewaysContext.d.ts

@@ -1,3 +1,4 @@
+import type { InPageGatewaysStateFields } from './InPageGatewaysState.ts';
 /**
  * Narrow, provider-internal context that `InPageGatewaysProvider` writes
  * to and `GatewayProvider` reads from. Do not consume this in application
@@ -6,11 +7,5 @@
  * single in-page *builder* from the many single-gateway *adapters* that
  * sit between it and the shared gateway surface.
  */
-export declare const InPageGatewaysContext: import("react").Context<(import("./InPageGatewaysState.ts").InPageGatewaysStateFields & {
-    provided: true;
-}) | (import("@xylabs/react-shared").FixedValues<import("@xylabs/react-shared").ProvidedContextExState<import("./InPageGatewaysState.ts").InPageGatewaysStateFields>, never> & {
-    provided: false;
-}) | (import("@xylabs/react-shared").FixedValues<import("@xylabs/react-shared").NotProvidedContextExState<import("./InPageGatewaysState.ts").InPageGatewaysStateFields>, never> & {
-    provided: false;
-})>;
+export declare const InPageGatewaysContext: import("react").Context<import("@xylabs/react-shared").ContextExState<InPageGatewaysStateFields>>;
 //# sourceMappingURL=InPageGatewaysContext.d.ts.map

package/dist/browser/client/context/in-page/InPageGatewaysContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InPageGatewaysContext.d.ts","sourceRoot":"","sources":["../../../../../src/client/context/in-page/InPageGatewaysContext.ts"],"names":[],"mappings":"AAIA;;;;;;;GAOG;AACH,eAAO,MAAM,qBAAqB;;;;;;GAAyC,CAAA"}
+{"version":3,"file":"InPageGatewaysContext.d.ts","sourceRoot":"","sources":["../../../../../src/client/context/in-page/InPageGatewaysContext.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAA;AAEzE;;;;;;;GAOG;AACH,eAAO,MAAM,qBAAqB,mGAA+C,CAAA"}

package/dist/browser/client/context/in-page/useProvidedInPageGateways.d.ts

@@ -1,3 +1,4 @@
+import type { InPageGatewaysStateFields } from './InPageGatewaysState.ts';
 /**
  * Reads the `InPageGatewaysContext` map of per-network in-page gateways.
  * Intended for internal use by `GatewayProvider` — application code
@@ -7,7 +8,5 @@
  * @param required - When `true` (default), throws if no
  *   `InPageGatewaysProvider` is mounted above.
  */
-export declare const useProvidedInPageGateways: (required?: boolean) => Omit<import("./InPageGatewaysState.ts").InPageGatewaysStateFields & {
-    provided: true;
-}, "provided"> | Omit<import("@xylabs/react-shared").NotProvidedContextExState<import("./InPageGatewaysState.ts").InPageGatewaysState>, "provided">;
+export declare const useProvidedInPageGateways: (required?: boolean) => Omit<import("@xylabs/react-shared").ProvidedContextExState<InPageGatewaysStateFields>, "provided"> | Omit<import("@xylabs/react-shared").NotProvidedContextExState<InPageGatewaysStateFields>, "provided">;
 //# sourceMappingURL=useProvidedInPageGateways.d.ts.map

package/dist/browser/client/context/in-page/useProvidedInPageGateways.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useProvidedInPageGateways.d.ts","sourceRoot":"","sources":["../../../../../src/client/context/in-page/useProvidedInPageGateways.ts"],"names":[],"mappings":"AAIA;;;;;;;;GAQG;AACH,eAAO,MAAM,yBAAyB,GAAI,kBAAe;;mJAAoE,CAAA"}
+{"version":3,"file":"useProvidedInPageGateways.d.ts","sourceRoot":"","sources":["../../../../../src/client/context/in-page/useProvidedInPageGateways.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAA;AAEzE;;;;;;;;GAQG;AACH,eAAO,MAAM,yBAAyB,GAAI,kBAAe,+MAA+F,CAAA"}

package/dist/browser/client/context/providers/story/GatewayStatus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GatewayStatus.d.ts","sourceRoot":"","sources":["../../../../../../src/client/context/providers/story/GatewayStatus.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB;;;;;GAKG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EA8CjC,CAAA"}
+{"version":3,"file":"GatewayStatus.d.ts","sourceRoot":"","sources":["../../../../../../src/client/context/providers/story/GatewayStatus.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB;;;;;GAKG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAqDjC,CAAA"}

package/dist/browser/client/context/useProvidedGateway.d.ts

@@ -1,3 +1,4 @@
+import type { GatewayStateFields } from './GatewayProviderState.ts';
 /**
  * The sole consumer entry point for gateway state. Reads the nearest
  * `GatewayContext` in the tree, regardless of which provider published
@@ -10,7 +11,5 @@
  *   without a gateway. When `false`, returns default state (all fields
  *   undefined) so the component can render a graceful fallback.
  */
-export declare const useProvidedGateway: (required?: boolean) => Omit<import("./GatewayProviderState.ts").GatewayStateFields & {
-    provided: true;
-}, "provided"> | Omit<import("@xylabs/react-shared").NotProvidedContextExState<import("./GatewayProviderState.ts").GatewayContextState>, "provided">;
+export declare const useProvidedGateway: (required?: boolean) => Omit<import("@xylabs/react-shared").ProvidedContextExState<GatewayStateFields>, "provided"> | Omit<import("@xylabs/react-shared").NotProvidedContextExState<GatewayStateFields>, "provided">;
 //# sourceMappingURL=useProvidedGateway.d.ts.map

package/dist/browser/client/context/useProvidedGateway.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useProvidedGateway.d.ts","sourceRoot":"","sources":["../../../../src/client/context/useProvidedGateway.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,kBAAkB,GAAI,kBAAe;;oJAAsD,CAAA"}
+{"version":3,"file":"useProvidedGateway.d.ts","sourceRoot":"","sources":["../../../../src/client/context/useProvidedGateway.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAEnE;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,kBAAkB,GAAI,kBAAe,iMAA0E,CAAA"}

package/dist/browser/client/hooks/client/story/GatewayFromWalletStatus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GatewayFromWalletStatus.d.ts","sourceRoot":"","sources":["../../../../../../src/client/hooks/client/story/GatewayFromWalletStatus.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AACvD,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,WAAW,4BAA4B;IAC3C,WAAW,CAAC,EAAE,WAAW,CAAA;CAC1B;AAaD,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAkC1E,CAAA"}
+{"version":3,"file":"GatewayFromWalletStatus.d.ts","sourceRoot":"","sources":["../../../../../../src/client/hooks/client/story/GatewayFromWalletStatus.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AACvD,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,WAAW,4BAA4B;IAC3C,WAAW,CAAC,EAAE,WAAW,CAAA;CAC1B;AAaD,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CA2C1E,CAAA"}

package/dist/browser/client/index.mjs

@@ -9,10 +9,28 @@ import { BlockiesAvatarAddress } from "@xyo-network/xl1-blockies";
 import { jsx, jsxs } from "react/jsx-runtime";
 var ConnectedAccount = ({ address }) => {
   const shortenedAddress = `${EthAddressWrapper.fromString(address)?.toShortString(4)}`;
-  return /* @__PURE__ */ jsxs(Stack, { direction: "row", alignItems: "center", spacing: 1, children: [
-    /* @__PURE__ */ jsx(BlockiesAvatarAddress, { address, size: 21 }),
-    /* @__PURE__ */ jsx(Tooltip, { title: address, children: /* @__PURE__ */ jsx(Typography, { color: "textSecondary", variant: "caption", fontFamily: "monospace", children: shortenedAddress }) })
-  ] });
+  return /* @__PURE__ */ jsxs(
+    Stack,
+    {
+      direction: "row",
+      spacing: 1,
+      sx: { alignItems: "center" },
+      children: [
+        /* @__PURE__ */ jsx(BlockiesAvatarAddress, { address, size: 21 }),
+        /* @__PURE__ */ jsx(Tooltip, { title: address, children: /* @__PURE__ */ jsx(
+          Typography,
+          {
+            variant: "caption",
+            sx: {
+              color: "text.secondary",
+              fontFamily: "monospace"
+            },
+            children: shortenedAddress
+          }
+        ) })
+      ]
+    }
+  );
 };
 
 // src/client/components/connected/ConnectAccountsStack.tsx
@@ -309,12 +327,115 @@ var ConnectAccountsStack = ({
       onAccountConnected(address);
     }
   }, [address, onAccountConnected]);
-  return /* @__PURE__ */ jsxs2(Stack2, { direction: "row", alignItems: "start", spacing: 2, ...props, children: [
-    isDefined3(address) ? /* @__PURE__ */ jsx2(AccountComponent, { address }) : null,
-    isUndefined3(address) && !timedout ? /* @__PURE__ */ jsx2(ConnectComponent, { onClick: () => void connectSigner(), children: "Connect" }) : null,
-    isUndefined3(address) && timedout ? /* @__PURE__ */ jsx2(NoWalletInstalledComponent, {}) : null,
-    /* @__PURE__ */ jsx2(ErrorRender, { error, scope: "ConnectSigner:error" })
-  ] });
+  return /* @__PURE__ */ jsxs2(
+    Stack2,
+    {
+      direction: "row",
+      spacing: 2,
+      ...props,
+      sx: { alignItems: "start", ...props.sx },
+      children: [
+        isDefined3(address) ? /* @__PURE__ */ jsx2(AccountComponent, { address }) : null,
+        isUndefined3(address) && !timedout ? /* @__PURE__ */ jsx2(ConnectComponent, { onClick: () => void connectSigner(), children: "Connect" }) : null,
+        isUndefined3(address) && timedout ? /* @__PURE__ */ jsx2(NoWalletInstalledComponent, {}) : null,
+        /* @__PURE__ */ jsx2(ErrorRender, { error, scope: "ConnectSigner:error" })
+      ]
+    }
+  );
+};
+
+// src/client/components/connected/RequestPermissionsButton.tsx
+import {
+  Alert as Alert2,
+  Stack as Stack3,
+  Typography as Typography3
+} from "@mui/material";
+import { ButtonEx as ButtonEx2 } from "@xylabs/react-button";
+import { ErrorRender as ErrorRender2 } from "@xylabs/react-error";
+import { isDefined as isDefined4, isDefinedNotNull as isDefinedNotNull2 } from "@xylabs/sdk-js";
+import { useState as useState3 } from "react";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var RequestPermissionsButton = ({
+  permissions,
+  timeout,
+  ...props
+}) => {
+  const {
+    client,
+    error: clientError,
+    isLoading,
+    timedout
+  } = useClientFromWallet(timeout);
+  const [acks, setAcks] = useState3();
+  const [requestError, setRequestError] = useState3();
+  const [requesting, setRequesting] = useState3(false);
+  const handleClick = async () => {
+    if (!isDefinedNotNull2(client)) return;
+    setRequestError(void 0);
+    setAcks(void 0);
+    setRequesting(true);
+    try {
+      const result = await client.permissions.requestPermissions(permissions);
+      setAcks(result);
+    } catch (e) {
+      setRequestError(e);
+    } finally {
+      setRequesting(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs3(
+    Stack3,
+    {
+      ...props,
+      sx: {
+        gap: 2,
+        alignItems: "start",
+        ...props.sx
+      },
+      children: [
+        timedout ? /* @__PURE__ */ jsx3(Alert2, { severity: "warning", children: "Wallet not detected." }) : null,
+        /* @__PURE__ */ jsxs3(
+          ButtonEx2,
+          {
+            variant: "contained",
+            size: "small",
+            disabled: !isDefinedNotNull2(client) || requesting,
+            busy: isLoading || requesting,
+            onClick: () => void handleClick(),
+            children: [
+              "Request",
+              " ",
+              permissions.length,
+              " ",
+              "permission",
+              permissions.length === 1 ? "" : "s"
+            ]
+          }
+        ),
+        isDefined4(acks) ? /* @__PURE__ */ jsxs3(Stack3, { sx: { gap: 0.5 }, children: [
+          /* @__PURE__ */ jsx3(Typography3, { variant: "subtitle2", children: "Granted:" }),
+          acks.map((ack) => /* @__PURE__ */ jsx3(
+            Typography3,
+            {
+              variant: "body2",
+              sx: { fontFamily: "monospace" },
+              children: ack.parentCapability
+            },
+            `${ack.parentCapability}`
+          )),
+          acks.length === 0 ? /* @__PURE__ */ jsx3(
+            Typography3,
+            {
+              variant: "body2",
+              sx: { color: "text.secondary" },
+              children: "(empty \u2014 wallet returned no acks)"
+            }
+          ) : null
+        ] }) : null,
+        /* @__PURE__ */ jsx3(ErrorRender2, { error: clientError ?? requestError, scope: "RequestPermissionsButton" })
+      ]
+    }
+  );
 };
 
 // src/client/context/GatewayContext.ts
@@ -332,11 +453,11 @@ import {
   useCallback as useCallback2,
   useEffect as useEffect3,
   useMemo,
-  useState as useState3
+  useState as useState4
 } from "react";
 
 // src/client/context/in-page/lib/buildGateway.ts
-import { assertEx as assertEx2, isDefined as isDefined4 } from "@xylabs/sdk-js";
+import { assertEx as assertEx2, isDefined as isDefined5 } from "@xylabs/sdk-js";
 import {
   basicRemoteRunnerLocator,
   basicRemoteViewerLocator,
@@ -354,16 +475,16 @@ var buildGateway = async (gatewayName, signerTransport) => {
     }
   };
   const dataLakeEndpoint = NetworkDataLakeUrls[gatewayName];
-  const locator = isDefined4(signerTransport) ? await basicRemoteRunnerLocator(gatewayName, remoteConfig, signerTransport, dataLakeEndpoint) : await basicRemoteViewerLocator(gatewayName, remoteConfig, dataLakeEndpoint);
+  const locator = isDefined5(signerTransport) ? await basicRemoteRunnerLocator(gatewayName, remoteConfig, signerTransport, dataLakeEndpoint) : await basicRemoteViewerLocator(gatewayName, remoteConfig, dataLakeEndpoint);
   return await locator.getInstance(XyoGatewayMoniker);
 };
 
 // src/client/context/in-page/Provider.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
+import { jsx as jsx4 } from "react/jsx-runtime";
 var InPageGatewaysProvider = ({ signerTransport, children }) => {
-  const [gateways, setGateways] = useState3({});
-  const [errors, setErrors] = useState3({});
-  const [previousSignerTransport, setPreviousSignerTransport] = useState3(signerTransport);
+  const [gateways, setGateways] = useState4({});
+  const [errors, setErrors] = useState4({});
+  const [previousSignerTransport, setPreviousSignerTransport] = useState4(signerTransport);
   const clearAll = useCallback2(() => {
     setGateways({});
     setErrors({});
@@ -411,7 +532,7 @@ var InPageGatewaysProvider = ({ signerTransport, children }) => {
     };
     return value2;
   }, [clearAll, errors, gateways]);
-  return /* @__PURE__ */ jsx3(InPageGatewaysContext, { value, children });
+  return /* @__PURE__ */ jsx4(InPageGatewaysContext, { value, children });
 };
 
 // src/client/context/in-page/useProvidedInPageGateways.ts
@@ -419,10 +540,10 @@ import { useContextEx } from "@xylabs/react-shared";
 var useProvidedInPageGateways = (required = true) => useContextEx(InPageGatewaysContext, "InPageGateways", required);
 
 // src/client/context/providers/GatewayProvider.tsx
-import { ErrorRender as ErrorRender2 } from "@xylabs/react-error";
-import { isDefinedNotNull as isDefinedNotNull2, isNull as isNull2 } from "@xylabs/sdk-js";
+import { ErrorRender as ErrorRender3 } from "@xylabs/react-error";
+import { isDefinedNotNull as isDefinedNotNull3, isNull as isNull2 } from "@xylabs/sdk-js";
 import { useMemo as useMemo2 } from "react";
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 var GatewayProvider = ({ gatewayName, children }) => {
   const {
     gateway: gatewayFromWallet,
@@ -444,7 +565,7 @@ var GatewayProvider = ({ gatewayName, children }) => {
           walletGateway: null
         }
       };
-    } else if (isDefinedNotNull2(gatewayFromWallet)) {
+    } else if (isDefinedNotNull3(gatewayFromWallet)) {
       return {
         defaultGateway: gatewayFromWallet,
         gateways: {
@@ -477,16 +598,16 @@ var GatewayProvider = ({ gatewayName, children }) => {
     gateways,
     clearAll
   ]);
-  return /* @__PURE__ */ jsxs3(GatewayContext, { value, children: [
-    /* @__PURE__ */ jsx4(ErrorRender2, { error: gatewayFromConfigError }),
+  return /* @__PURE__ */ jsxs4(GatewayContext, { value, children: [
+    /* @__PURE__ */ jsx5(ErrorRender3, { error: gatewayFromConfigError }),
     children
   ] });
 };
 
 // src/client/context/providers/WalletGatewayProvider.tsx
-import { ErrorRender as ErrorRender3 } from "@xylabs/react-error";
+import { ErrorRender as ErrorRender4 } from "@xylabs/react-error";
 import { useMemo as useMemo3 } from "react";
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 var WalletGatewayProvider = ({ gatewayName, children }) => {
   const {
     gateway: gatewayFromWallet,
@@ -514,8 +635,8 @@ var WalletGatewayProvider = ({ gatewayName, children }) => {
     gatewayFromWalletError,
     gateways
   ]);
-  return /* @__PURE__ */ jsxs4(GatewayContext, { value, children: [
-    /* @__PURE__ */ jsx5(ErrorRender3, { error: gatewayFromWalletError }),
+  return /* @__PURE__ */ jsxs5(GatewayContext, { value, children: [
+    /* @__PURE__ */ jsx6(ErrorRender4, { error: gatewayFromWalletError }),
     children
   ] });
 };
@@ -530,6 +651,7 @@ export {
   GatewayProvider,
   InPageGatewaysContext,
   InPageGatewaysProvider,
+  RequestPermissionsButton,
   WalletGatewayProvider,
   findCaveat,
   getXyoClient,