npm - @emblemvault/hustle-react - Versions diffs - 1.2.0 → 1.4.0 - Mend

@emblemvault/hustle-react 1.2.0 → 1.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (20) hide show

package/README.md +56 -0
package/dist/browser/hustle-react.js +450 -5
package/dist/browser/hustle-react.js.map +1 -1
package/dist/components/index.cjs +450 -4
package/dist/components/index.cjs.map +1 -1
package/dist/components/index.d.cts +148 -2
package/dist/components/index.d.ts +148 -2
package/dist/components/index.js +450 -5
package/dist/components/index.js.map +1 -1
package/dist/index.cjs +450 -4
package/dist/index.cjs.map +1 -1
package/dist/index.d.cts +2 -1
package/dist/index.d.ts +2 -1
package/dist/index.js +450 -5
package/dist/index.js.map +1 -1
package/dist/plugins/index.cjs +1 -1
package/dist/plugins/index.cjs.map +1 -1
package/dist/plugins/index.js +1 -1
package/dist/plugins/index.js.map +1 -1
package/package.json +2 -2

package/README.md CHANGED Viewed

@@ -111,6 +111,62 @@ Complete chat UI component.
 />
 ```
+### HustleChatWidget
+Floating chat widget for site-wide chatbot integration. Perfect for customer support or AI assistants that persist across page navigations.
+```tsx
+import { HustleProvider, HustleChatWidget } from '@emblemvault/hustle-react';
+// Add to your Next.js layout for site-wide availability
+export default function RootLayout({ children }) {
+  return (
+    <html>
+      <body>
+        <HustleProvider>
+          {children}
+          <HustleChatWidget
+            config={{
+              position: 'bottom-right',  // 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left'
+              size: 'md',                // 'sm' | 'md' | 'lg' | 'xl' | 'full'
+              title: 'Support',          // Header title
+              defaultOpen: false,        // Start open?
+              offset: { x: 24, y: 24 },  // Edge offset in pixels
+              storageKey: 'chat-open',   // localStorage key for persistence (false to disable)
+              showBadge: true,           // Show notification badge
+              badgeContent: 3,           // Badge content
+              onOpen: () => {},          // Called when widget opens
+              onClose: () => {},         // Called when widget closes
+            }}
+            placeholder="How can we help?"
+            showSettings
+          />
+        </HustleProvider>
+      </body>
+    </html>
+  );
+}
+```
+#### Widget Configuration
+| Option | Type | Default | Description |
+|--------|------|---------|-------------|
+| `position` | `'bottom-right' \| 'bottom-left' \| 'top-right' \| 'top-left'` | `'bottom-right'` | Screen position |
+| `size` | `'sm' \| 'md' \| 'lg' \| 'xl' \| 'full'` | `'md'` | Chat panel size |
+| `title` | `string` | `'Chat'` | Panel header title |
+| `defaultOpen` | `boolean` | `false` | Whether widget starts open |
+| `offset` | `{ x: number, y: number }` | `{ x: 24, y: 24 }` | Offset from screen edge |
+| `storageKey` | `string \| false` | `'hustle-widget-open'` | Key for persisting state |
+| `showBadge` | `boolean` | `false` | Show notification badge |
+| `badgeContent` | `string \| number` | - | Badge content |
+| `launcherIcon` | `React.ReactNode` | Chat bubble | Custom launcher icon |
+| `launcherStyle` | `React.CSSProperties` | - | Custom launcher styles |
+| `panelStyle` | `React.CSSProperties` | - | Custom panel styles |
+| `zIndex` | `number` | `9999` | Widget z-index |
+| `onOpen` | `() => void` | - | Called when widget opens |
+| `onClose` | `() => void` | - | Called when widget closes |
 ## Plugins
 Extend the AI with custom tools.

package/dist/browser/hustle-react.js CHANGED Viewed

@@ -3547,7 +3547,7 @@ var screenshotExecutor = async (args2) => {
     if (!window.html2canvas) {
       await new Promise((resolve, reject) => {
         const script = document.createElement("script");
-        script.src = "https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js";
+        script.src = "https://cdn.jsdelivr.net/npm/html2canvas-pro@1.5.0/dist/html2canvas-pro.min.js";
         script.onload = () => resolve();
         script.onerror = () => reject(new Error("Failed to load html2canvas"));
         document.head.appendChild(script);
@@ -4605,6 +4605,14 @@ var animations = `
     text-shadow: 0 0 8px ${defaults.colors.accentPrimary};
   }
 }
+/* Hide scrollbar while maintaining scroll functionality */
+.hustle-hide-scrollbar {
+  -ms-overflow-style: none;  /* IE and Edge */
+  scrollbar-width: none;  /* Firefox */
+}
+.hustle-hide-scrollbar::-webkit-scrollbar {
+  display: none;  /* Chrome, Safari, Opera */
+}
 `;
 // ../../node_modules/marked/lib/marked.esm.js
@@ -14862,7 +14870,11 @@ var styles = {
     border: "none",
     borderRadius: 0,
     color: tokens.colors.textTertiary,
-    flexShrink: 0
+    flexShrink: 0,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    cursor: "pointer"
   },
   inputWrapper: {
     flex: 1
@@ -15071,6 +15083,7 @@ function HustleChat({
   placeholder = "Type a message...",
   showSettings = false,
   showDebug = false,
+  hideHeader = false,
   initialSystemPrompt = "",
   onMessage,
   onToolCall,
@@ -15083,6 +15096,7 @@ function HustleChat({
     isLoading,
     error: error2,
     models,
+    client,
     chatStream,
     uploadFile,
     selectedModel,
@@ -15109,6 +15123,7 @@ function HustleChat({
   const [showSettingsPanel, setShowSettingsPanel] = useState(false);
   const messagesEndRef = useRef(null);
   const fileInputRef = useRef(null);
+  const messagesRef = useRef(messages);
   useEffect(() => {
     if (initialSystemPrompt && !systemPrompt) {
       setSystemPrompt(initialSystemPrompt);
@@ -15117,6 +15132,9 @@ function HustleChat({
   useEffect(() => {
     messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
   }, [messages]);
+  useEffect(() => {
+    messagesRef.current = messages;
+  }, [messages]);
   const handleFileSelect = useCallback(
     async (e) => {
       const files = e.target.files;
@@ -15138,6 +15156,96 @@ function HustleChat({
   const removeAttachment = useCallback((index) => {
     setAttachments((prev) => prev.filter((_2, i) => i !== index));
   }, []);
+  const sendContinue = useCallback(async () => {
+    if (isStreaming || !isReady) return;
+    console.log("[AUTO_CONTINUE] Sending continue message...");
+    const userMessage = {
+      id: generateId(),
+      role: "user",
+      content: "continue"
+    };
+    setMessages((prev) => [...prev, userMessage]);
+    onMessage?.(userMessage);
+    const assistantMessage = {
+      id: generateId(),
+      role: "assistant",
+      content: "",
+      isStreaming: true,
+      toolCalls: []
+    };
+    setMessages((prev) => [...prev, assistantMessage]);
+    setIsStreaming(true);
+    setCurrentToolCalls([]);
+    try {
+      const chatMessages = messagesRef.current.filter((m2) => !m2.isStreaming).map((m2) => ({ role: m2.role, content: m2.content }));
+      chatMessages.push({ role: "user", content: "continue" });
+      const stream = chatStream({
+        messages: chatMessages,
+        processChunks: true
+      });
+      let fullContent = "";
+      const toolCallsAccumulated = [];
+      for await (const chunk of stream) {
+        if (chunk.type === "text") {
+          fullContent += chunk.value;
+          setMessages(
+            (prev) => prev.map(
+              (m2) => m2.id === assistantMessage.id ? { ...m2, content: fullContent } : m2
+            )
+          );
+        } else if (chunk.type === "tool_call") {
+          const toolCall = chunk.value;
+          toolCallsAccumulated.push(toolCall);
+          setCurrentToolCalls([...toolCallsAccumulated]);
+          setMessages(
+            (prev) => prev.map(
+              (m2) => m2.id === assistantMessage.id ? { ...m2, toolCalls: [...toolCallsAccumulated] } : m2
+            )
+          );
+          onToolCall?.(toolCall);
+        } else if (chunk.type === "error") {
+          console.error("Stream error:", chunk.value);
+        }
+      }
+      const processedResponse = await stream.response;
+      const finalContent = processedResponse?.content || fullContent || "(No response)";
+      setMessages(
+        (prev) => prev.map(
+          (m2) => m2.id === assistantMessage.id ? { ...m2, isStreaming: false, content: finalContent } : m2
+        )
+      );
+      onResponse?.(finalContent);
+    } catch (err) {
+      console.error("Continue error:", err);
+      setMessages(
+        (prev) => prev.map(
+          (m2) => m2.id === assistantMessage.id ? { ...m2, isStreaming: false, content: `Error: ${err instanceof Error ? err.message : "Unknown error"}` } : m2
+        )
+      );
+    } finally {
+      setIsStreaming(false);
+      setCurrentToolCalls([]);
+    }
+  }, [isStreaming, isReady, chatStream, onMessage, onToolCall, onResponse]);
+  useEffect(() => {
+    if (!client) return;
+    const unsubMaxTools = client.on("max_tools_reached", (event) => {
+      console.log(`[AUTO_CONTINUE] Max tools reached (${event.toolsExecuted}/${event.maxSteps}), auto-continuing...`);
+      setTimeout(() => {
+        sendContinue();
+      }, 100);
+    });
+    const unsubTimeout = client.on("timeout", (event) => {
+      console.log(`[AUTO_CONTINUE] Timeout: ${event.message}, auto-continuing...`);
+      setTimeout(() => {
+        sendContinue();
+      }, 100);
+    });
+    return () => {
+      unsubMaxTools();
+      unsubTimeout();
+    };
+  }, [client, sendContinue]);
   const sendMessage = useCallback(async () => {
     const content = inputValue.trim();
     if (!content || isStreaming || !isReady) return;
@@ -15234,7 +15342,7 @@ function HustleChat({
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("style", { children: animations }),
     /* @__PURE__ */ jsxs("div", { className, style: styles.container, children: [
-      /* @__PURE__ */ jsxs("div", { style: styles.header, children: [
+      !hideHeader && /* @__PURE__ */ jsxs("div", { style: styles.header, children: [
         /* @__PURE__ */ jsx("h2", { style: styles.headerTitle, children: "Chat" }),
         /* @__PURE__ */ jsxs("div", { style: styles.headerActions, children: [
           selectedModel && /* @__PURE__ */ jsx("span", { style: { fontSize: tokens.typography.fontSizeSm, color: tokens.colors.textSecondary }, children: selectedModel.split("/").pop() }),
@@ -15409,7 +15517,7 @@ function HustleChat({
           ] })
         ] })
       ] }) }),
-      /* @__PURE__ */ jsxs("div", { style: styles.messagesArea, children: [
+      /* @__PURE__ */ jsxs("div", { className: "hustle-hide-scrollbar", style: styles.messagesArea, children: [
         messages.length === 0 && /* @__PURE__ */ jsx("div", { style: styles.messagesEmpty, children: /* @__PURE__ */ jsx("p", { children: getPlaceholderMessage() }) }),
         /* @__PURE__ */ jsx("div", { style: styles.messagesContainer, children: messages.map((message) => /* @__PURE__ */ jsx(
           MessageBubble,
@@ -15536,6 +15644,343 @@ function SettingsIcon() {
 function AttachIcon() {
   return /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx("path", { d: "M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48" }) });
 }
+var sizeConfigs = {
+  sm: { width: "320px", height: "400px" },
+  md: { width: "380px", height: "520px" },
+  lg: { width: "420px", height: "600px" },
+  xl: { width: "480px", height: "700px" },
+  full: { width: "100vw", height: "100vh" }
+};
+var widgetStyles = {
+  // Container for absolute positioning
+  container: {
+    position: "fixed",
+    zIndex: 9999,
+    fontFamily: tokens.typography.fontFamily
+  },
+  // Launcher button
+  launcher: {
+    width: "56px",
+    height: "56px",
+    borderRadius: tokens.radius.full,
+    background: `linear-gradient(135deg, ${tokens.colors.accentPrimary} 0%, #2d7dd2 100%)`,
+    border: "none",
+    cursor: "pointer",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    boxShadow: `0 4px 20px rgba(76, 154, 255, 0.4), 0 2px 8px rgba(0, 0, 0, 0.3)`,
+    transition: `all ${tokens.transitions.normal}`,
+    color: tokens.colors.textInverse
+  },
+  launcherHover: {
+    transform: "scale(1.05)",
+    boxShadow: `0 6px 24px rgba(76, 154, 255, 0.5), 0 4px 12px rgba(0, 0, 0, 0.4)`
+  },
+  // Badge
+  badge: {
+    position: "absolute",
+    top: "-4px",
+    right: "-4px",
+    minWidth: "20px",
+    height: "20px",
+    borderRadius: tokens.radius.pill,
+    background: tokens.colors.accentError,
+    color: tokens.colors.textInverse,
+    fontSize: tokens.typography.fontSizeXs,
+    fontWeight: tokens.typography.fontWeightSemibold,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    padding: "0 6px",
+    border: `2px solid ${tokens.colors.bgPrimary}`
+  },
+  // Chat panel
+  panel: {
+    position: "absolute",
+    borderRadius: tokens.radius.xl,
+    background: tokens.colors.bgSecondary,
+    border: `1px solid ${tokens.colors.borderPrimary}`,
+    boxShadow: `0 16px 48px rgba(0, 0, 0, 0.5)`,
+    overflow: "hidden",
+    display: "flex",
+    flexDirection: "column",
+    transition: `all ${tokens.transitions.slow}`
+  },
+  panelHidden: {
+    opacity: 0,
+    transform: "scale(0.95) translateY(10px)",
+    pointerEvents: "none"
+  },
+  panelVisible: {
+    opacity: 1,
+    transform: "scale(1) translateY(0)"
+  },
+  // Full screen mode overrides
+  panelFull: {
+    position: "fixed",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    borderRadius: 0,
+    width: "100vw",
+    height: "100vh"
+  },
+  // Close button in panel header
+  closeBtn: {
+    width: "32px",
+    height: "32px",
+    borderRadius: tokens.radius.md,
+    background: "transparent",
+    border: "none",
+    color: tokens.colors.textTertiary,
+    cursor: "pointer",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    transition: `all ${tokens.transitions.fast}`
+  },
+  closeBtnHover: {
+    background: tokens.colors.bgTertiary,
+    color: tokens.colors.textPrimary
+  }
+};
+function ChatIcon() {
+  return /* @__PURE__ */ jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" }) });
+}
+function CloseIcon() {
+  return /* @__PURE__ */ jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+    /* @__PURE__ */ jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+  ] });
+}
+function MinimizeIcon() {
+  return /* @__PURE__ */ jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsx("polyline", { points: "4 14 10 14 10 20" }),
+    /* @__PURE__ */ jsx("polyline", { points: "20 10 14 10 14 4" }),
+    /* @__PURE__ */ jsx("line", { x1: "14", y1: "10", x2: "21", y2: "3" }),
+    /* @__PURE__ */ jsx("line", { x1: "3", y1: "21", x2: "10", y2: "14" })
+  ] });
+}
+function HustleChatWidget({
+  config = {},
+  ...chatProps
+}) {
+  const {
+    position = "bottom-right",
+    size = "md",
+    title = "Chat",
+    defaultOpen = false,
+    launcherIcon,
+    offset = { x: 24, y: 24 },
+    zIndex = 9999,
+    showBadge = false,
+    badgeContent,
+    launcherStyle,
+    panelStyle,
+    onOpen,
+    onClose,
+    storageKey = "hustle-widget-open"
+  } = config;
+  const [isOpen, setIsOpen] = useState(false);
+  const [isHovered, setIsHovered] = useState(false);
+  const [closeHovered, setCloseHovered] = useState(false);
+  const [mounted, setMounted] = useState(false);
+  useEffect(() => {
+    setMounted(true);
+    if (storageKey && typeof window !== "undefined") {
+      const stored = localStorage.getItem(storageKey);
+      if (stored !== null) {
+        setIsOpen(stored === "true");
+      } else {
+        setIsOpen(defaultOpen);
+      }
+    } else {
+      setIsOpen(defaultOpen);
+    }
+  }, [defaultOpen, storageKey]);
+  useEffect(() => {
+    if (!mounted) return;
+    if (storageKey && typeof window !== "undefined") {
+      localStorage.setItem(storageKey, String(isOpen));
+    }
+  }, [isOpen, storageKey, mounted]);
+  const toggle = useCallback(() => {
+    setIsOpen((prev) => {
+      const next = !prev;
+      if (next) {
+        onOpen?.();
+      } else {
+        onClose?.();
+      }
+      return next;
+    });
+  }, [onOpen, onClose]);
+  const positionStyles = getPositionStyles(position, offset);
+  const sizeConfig = sizeConfigs[size];
+  if (!mounted) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("style", { children: animations }),
+    /* @__PURE__ */ jsx("style", { children: `
+        @keyframes hustle-widget-bounce {
+          0%, 100% { transform: translateY(0); }
+          50% { transform: translateY(-4px); }
+        }
+      ` }),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          ...widgetStyles.container,
+          ...positionStyles.container,
+          zIndex
+        },
+        children: [
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              style: {
+                ...widgetStyles.panel,
+                ...positionStyles.panel,
+                ...size === "full" ? widgetStyles.panelFull : {
+                  width: sizeConfig.width,
+                  height: sizeConfig.height
+                },
+                ...isOpen ? widgetStyles.panelVisible : widgetStyles.panelHidden,
+                ...panelStyle
+              },
+              children: [
+                /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    style: {
+                      display: "flex",
+                      alignItems: "center",
+                      justifyContent: "space-between",
+                      padding: `${tokens.spacing.md} ${tokens.spacing.lg}`,
+                      background: tokens.colors.bgPrimary,
+                      borderBottom: `1px solid ${tokens.colors.borderPrimary}`,
+                      borderRadius: `${tokens.radius.xl} ${tokens.radius.xl} 0 0`,
+                      flexShrink: 0
+                    },
+                    children: [
+                      /* @__PURE__ */ jsx(
+                        "span",
+                        {
+                          style: {
+                            fontWeight: tokens.typography.fontWeightSemibold,
+                            color: tokens.colors.textPrimary,
+                            fontSize: tokens.typography.fontSizeMd
+                          },
+                          children: title
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        "button",
+                        {
+                          onClick: toggle,
+                          onMouseEnter: () => setCloseHovered(true),
+                          onMouseLeave: () => setCloseHovered(false),
+                          style: {
+                            ...widgetStyles.closeBtn,
+                            ...closeHovered ? widgetStyles.closeBtnHover : {}
+                          },
+                          title: "Close chat",
+                          children: size === "full" ? /* @__PURE__ */ jsx(MinimizeIcon, {}) : /* @__PURE__ */ jsx(CloseIcon, {})
+                        }
+                      )
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsx("div", { style: { flex: 1, display: "flex", flexDirection: "column", overflow: "hidden" }, children: /* @__PURE__ */ jsx(HustleChatInner, { ...chatProps }) })
+              ]
+            }
+          ),
+          (size !== "full" || !isOpen) && /* @__PURE__ */ jsxs(
+            "button",
+            {
+              onClick: toggle,
+              onMouseEnter: () => setIsHovered(true),
+              onMouseLeave: () => setIsHovered(false),
+              style: {
+                ...widgetStyles.launcher,
+                ...isHovered ? widgetStyles.launcherHover : {},
+                ...positionStyles.launcher,
+                ...launcherStyle,
+                ...isOpen ? { opacity: 0, pointerEvents: "none" } : {}
+              },
+              title: isOpen ? "Close chat" : "Open chat",
+              "aria-label": isOpen ? "Close chat" : "Open chat",
+              children: [
+                launcherIcon || /* @__PURE__ */ jsx(ChatIcon, {}),
+                showBadge && badgeContent && !isOpen && /* @__PURE__ */ jsx("span", { style: widgetStyles.badge, children: badgeContent })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function HustleChatInner(props) {
+  return /* @__PURE__ */ jsx(HustleChat, { ...props, hideHeader: true });
+}
+function getPositionStyles(position, offset, isOpen, size) {
+  const panelGap = 16;
+  switch (position) {
+    case "bottom-right":
+      return {
+        container: {
+          bottom: `${offset.y}px`,
+          right: `${offset.x}px`
+        },
+        launcher: {},
+        panel: {
+          bottom: `${56 + panelGap}px`,
+          right: 0
+        }
+      };
+    case "bottom-left":
+      return {
+        container: {
+          bottom: `${offset.y}px`,
+          left: `${offset.x}px`
+        },
+        launcher: {},
+        panel: {
+          bottom: `${56 + panelGap}px`,
+          left: 0
+        }
+      };
+    case "top-right":
+      return {
+        container: {
+          top: `${offset.y}px`,
+          right: `${offset.x}px`
+        },
+        launcher: {},
+        panel: {
+          top: `${56 + panelGap}px`,
+          right: 0
+        }
+      };
+    case "top-left":
+      return {
+        container: {
+          top: `${offset.y}px`,
+          left: `${offset.x}px`
+        },
+        launcher: {},
+        panel: {
+          top: `${56 + panelGap}px`,
+          left: 0
+        }
+      };
+  }
+}
 // src/utils/index.ts
 function formatFileSize(bytes) {
@@ -15564,6 +16009,6 @@ var DEFAULTS = {
   EMBLEM_MODAL_URL: "https://emblemvault.ai/connect"
 };
-export { DEFAULTS, HustleChat, HustleProvider, MarkdownContent, STORAGE_KEYS, availablePlugins, debounce, formatFileSize, getAvailablePlugin, hydratePlugin, migrateFunPlugin, pluginRegistry, predictionMarketPlugin, tokens, useHustle, usePlugins };
+export { DEFAULTS, HustleChat, HustleChatWidget, HustleProvider, MarkdownContent, STORAGE_KEYS, availablePlugins, debounce, formatFileSize, getAvailablePlugin, hydratePlugin, migrateFunPlugin, pluginRegistry, predictionMarketPlugin, tokens, useHustle, usePlugins };
 //# sourceMappingURL=hustle-react.js.map
 //# sourceMappingURL=hustle-react.js.map