@stackable-labs/sdk-extension-react 1.29.0 → 1.31.0

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ApiRequest, FetchRequestInit, FetchResponse, ToastPayload, ContextData, AllowedIconName } from '@stackable-labs/sdk-extension-contracts';
+import { ApiRequest, FetchRequestInit, FetchResponse, ToastPayload, InvokeAction, ContextData, AllowedIconName } from '@stackable-labs/sdk-extension-contracts';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 /**
@@ -62,7 +62,7 @@ declare const useCapabilities: () => {
     };
     actions: {
         toast: (payload: ToastPayload) => Promise<void>;
-        invoke: <T = unknown>(action: string, payload?: Record<string, unknown>) => Promise<T>;
+        invoke: <T = unknown>(action: InvokeAction, payload?: Record<string, unknown>) => Promise<T>;
     };
     context: {
         read: () => Promise<ContextData>;
@@ -105,19 +105,17 @@ declare const CardHeader: (props: {
 declare const Stack: (props: {
     gap?: string;
     direction?: "row" | "column";
-    align?: string;
     className?: string;
     children?: React.ReactNode;
 }) => react_jsx_runtime.JSX.Element;
 declare const Inline: (props: {
     gap?: string;
-    align?: string;
     className?: string;
     children?: React.ReactNode;
 }) => react_jsx_runtime.JSX.Element;
 declare const Text: (props: {
     className?: string;
-    tone?: string;
+    tone?: "default" | "muted" | "destructive";
     children?: React.ReactNode;
 }) => react_jsx_runtime.JSX.Element;
 declare const Heading: (props: {
@@ -127,7 +125,8 @@ declare const Heading: (props: {
 }) => react_jsx_runtime.JSX.Element;
 declare const Badge: (props: {
     variant?: string;
-    tone?: string;
+    hue?: "amber" | "blue" | "emerald" | "red" | "purple" | "pink" | "gray";
+    tone?: "default" | "muted" | "destructive";
     className?: string;
     children?: React.ReactNode;
 }) => react_jsx_runtime.JSX.Element;
@@ -320,6 +319,7 @@ declare global {
             }, HTMLElement>;
             'ui-badge': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement> & {
                 variant?: string;
+                hue?: string;
                 tone?: string;
             }, HTMLElement>;
             'ui-input': Omit<React.HTMLAttributes<HTMLElement>, 'onChange'> & {
@@ -378,11 +378,9 @@ declare global {
             'ui-stack': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement> & {
                 gap?: string;
                 direction?: string;
-                align?: string;
             }, HTMLElement>;
             'ui-inline': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement> & {
                 gap?: string;
-                align?: string;
             }, HTMLElement>;
             'ui-separator': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
             'ui-tabs': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement> & {

package/dist/index.js

@@ -52,23 +52,6 @@ var initRpcListener = (extensionId) => {
   });
 };
 var isEncryptedPayload = (value) => typeof value === "object" && value !== null && value.encrypted === true && Array.isArray(value.data);
-var callCapability = async (capability, payload) => {
-  let actualPayload = payload;
-  if (capability === "data.fetch" && encryptionKey) {
-    const encrypted = await getWebCrypto().encryptMessage(JSON.stringify(payload), encryptionKey);
-    if (!encrypted) throw new Error("Failed to encrypt data.fetch payload");
-    actualPayload = { encrypted: true, data: encrypted };
-  }
-  const result = await sendCapabilityRequest(capability, actualPayload);
-  if (capability === "data.fetch" && encryptionKey) {
-    const fetchResult = result;
-    if (isEncryptedPayload(fetchResult.data)) {
-      const decrypted = await getWebCrypto().decryptMessage(fetchResult.data.data, encryptionKey);
-      fetchResult.data = JSON.parse(decrypted);
-    }
-  }
-  return result;
-};
 var sendCapabilityRequest = (capability, payload) => new Promise((resolve, reject) => {
   const id = generateRequestId();
   pendingRequests.set(id, {
@@ -90,6 +73,23 @@ var sendCapabilityRequest = (capability, payload) => new Promise((resolve, rejec
     }
   }, 3e4);
 });
+var callCapability = async (capability, payload) => {
+  let actualPayload = payload;
+  if (capability === "data.fetch" && encryptionKey) {
+    const encrypted = await getWebCrypto().encryptMessage(JSON.stringify(payload), encryptionKey);
+    if (!encrypted) throw new Error("Failed to encrypt data.fetch payload");
+    actualPayload = { encrypted: true, data: encrypted };
+  }
+  const result = await sendCapabilityRequest(capability, actualPayload);
+  if (capability === "data.fetch" && encryptionKey) {
+    const fetchResult = result;
+    if (isEncryptedPayload(fetchResult.data)) {
+      const decrypted = await getWebCrypto().decryptMessage(fetchResult.data.data, encryptionKey);
+      fetchResult.data = JSON.parse(decrypted);
+    }
+  }
+  return result;
+};
 
 // src/createExtension.tsx
 import { jsx } from "react/jsx-runtime";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stackable-labs/sdk-extension-react",
-  "version": "1.29.0",
+  "version": "1.31.0",
   "private": false,
   "type": "module",
   "main": "./dist/index.js",
@@ -15,7 +15,7 @@
     "@agnostack/verifyd": "alpha",
     "@remote-dom/core": "1.x",
     "@remote-dom/react": "1.x",
-    "@stackable-labs/sdk-extension-contracts": "1.29.0"
+    "@stackable-labs/sdk-extension-contracts": "1.31.0"
   },
   "peerDependencies": {
     "react": ">=18.0.0 <19.0.0",