@qumra/jisr 1.0.0

package/LICENSE

@@ -0,0 +1,15 @@
+ISC License
+
+Copyright (c) 2025, Qumra
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted, provided that the above
+copyright notice and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.

package/README.md

@@ -0,0 +1,430 @@
+# @qumra/jisr
+
+React hooks and utilities for communicating with the Qumra Admin from embedded apps running in an iframe.
+
+This package mirrors the functionality of Shopify's `@shopify/app-bridge-react` and provides a seamless integration layer for apps running within the Qumra Admin environment.
+
+## Installation
+
+```bash
+npm install @qumra/jisr react react-dom
+```
+
+## Quick Start
+
+### Setup the Provider
+
+Wrap your application with `QumraAppBridgeProvider` at the root level:
+
+```tsx
+import React from 'react';
+import { QumraAppBridgeProvider } from '@qumra/jisr';
+import { App } from './App';
+
+export default function Root() {
+  return (
+    <QumraAppBridgeProvider config={{ apiKey: 'your-app-api-key' }}>
+      <App />
+    </QumraAppBridgeProvider>
+  );
+}
+```
+
+### Using Hooks in Your Components
+
+Once the provider is set up, you can use any of the available hooks in your components:
+
+```tsx
+import React from 'react';
+import {
+  useNavigate,
+  useToast,
+  useSaveBar,
+} from '@qumra/jisr';
+
+export function ProductSettings() {
+  const navigate = useNavigate();
+  const toast = useToast();
+  const saveBar = useSaveBar();
+  const [hasChanges, setHasChanges] = React.useState(false);
+
+  const handleChange = () => {
+    setHasChanges(true);
+    saveBar.show({
+      saveLabel: 'Save Changes',
+      discardLabel: 'Discard',
+    });
+  };
+
+  const handleSave = async () => {
+    try {
+      toast.show({ message: 'Saving...' });
+      // Save your data here
+      await new Promise(resolve => setTimeout(resolve, 1000));
+      toast.show({ message: 'Saved successfully!' });
+      saveBar.hide();
+      setHasChanges(false);
+    } catch (error) {
+      toast.show({
+        message: 'Error saving changes',
+        isError: true,
+      });
+    }
+  };
+
+  return (
+    <div>
+      <input
+        type="text"
+        placeholder="Product name"
+        onChange={handleChange}
+      />
+      <button onClick={handleSave}>Save</button>
+      <button onClick={() => navigate('/products')}>
+        Back to Products
+      </button>
+    </div>
+  );
+}
+```
+
+## Available Hooks
+
+### useAppBridge()
+
+Get direct access to the AppBridge instance for advanced use cases:
+
+```tsx
+import { useAppBridge } from '@qumra/jisr';
+
+export function MyComponent() {
+  const bridge = useAppBridge();
+
+  const handleCustomAction = () => {
+    bridge.dispatch({
+      type: 'APP::CUSTOM_ACTION',
+      payload: { /* your data */ },
+    });
+
+    // Subscribe to events
+    const unsubscribe = bridge.subscribe('HOST::RESPONSE', (data) => {
+      console.log('Received:', data);
+    });
+
+    return () => unsubscribe();
+  };
+
+  return <button onClick={handleCustomAction}>Custom Action</button>;
+}
+```
+
+### useNavigate()
+
+Navigate within the Qumra Admin:
+
+```tsx
+import { useNavigate } from '@qumra/jisr';
+
+export function NavigationComponent() {
+  const navigate = useNavigate();
+
+  return (
+    <div>
+      <button onClick={() => navigate('/products')}>
+        View Products
+      </button>
+      <button
+        onClick={() => navigate('https://example.com', {
+          external: true,
+        })}
+      >
+        Open External Site
+      </button>
+    </div>
+  );
+}
+```
+
+### useToast()
+
+Show and hide toast notifications:
+
+```tsx
+import { useToast } from '@qumra/jisr';
+
+export function ToastExample() {
+  const toast = useToast();
+
+  return (
+    <div>
+      <button
+        onClick={() =>
+          toast.show({
+            message: 'Operation completed successfully!',
+            duration: 3000,
+          })
+        }
+      >
+        Show Success Toast
+      </button>
+      <button
+        onClick={() =>
+          toast.show({
+            message: 'An error occurred',
+            isError: true,
+            duration: 5000,
+          })
+        }
+      >
+        Show Error Toast
+      </button>
+      <button onClick={() => toast.hide()}>
+        Hide Toast
+      </button>
+    </div>
+  );
+}
+```
+
+### useModal()
+
+Open and close modal dialogs:
+
+```tsx
+import { useModal } from '@qumra/jisr';
+
+export function ModalExample() {
+  const modal = useModal();
+
+  const handleOpenSettings = () => {
+    modal.open({
+      title: 'App Settings',
+      url: '/settings',
+      size: 'large',
+      primaryAction: {
+        content: 'Save',
+        onAction: () => {
+          console.log('Save clicked');
+          modal.close();
+        },
+      },
+      secondaryActions: [
+        {
+          content: 'Cancel',
+          onAction: () => {
+            modal.close();
+          },
+        },
+      ],
+    });
+  };
+
+  return <button onClick={handleOpenSettings}>Open Settings</button>;
+}
+```
+
+### useSaveBar()
+
+Show a save bar for unsaved changes:
+
+```tsx
+import { useSaveBar } from '@qumra/jisr';
+
+export function FormWithSaveBar() {
+  const saveBar = useSaveBar();
+  const [isDirty, setIsDirty] = React.useState(false);
+
+  const handleChange = () => {
+    if (!isDirty) {
+      setIsDirty(true);
+      saveBar.show();
+    }
+  };
+
+  const handleSave = async () => {
+    await saveData();
+    setIsDirty(false);
+    saveBar.hide();
+  };
+
+  return (
+    <form>
+      <input onChange={handleChange} />
+      <button onClick={handleSave}>Save</button>
+    </form>
+  );
+}
+```
+
+### useTitleBar()
+
+Update the title bar:
+
+```tsx
+import { useTitleBar } from '@qumra/jisr';
+
+export function PageWithTitle() {
+  const titleBar = useTitleBar();
+
+  React.useEffect(() => {
+    titleBar.update({
+      title: 'Products',
+      subtitle: 'Manage your store products',
+      breadcrumbs: [
+        { content: 'Admin', url: '/' },
+        { content: 'Products' },
+      ],
+    });
+  }, [titleBar]);
+
+  return <div>Products page content</div>;
+}
+```
+
+### useFullscreen()
+
+Enter and exit fullscreen mode:
+
+```tsx
+import { useFullscreen } from '@qumra/jisr';
+
+export function FullscreenComponent() {
+  const fullscreen = useFullscreen();
+
+  return (
+    <div>
+      <button onClick={() => fullscreen.enter()}>
+        Enter Fullscreen
+      </button>
+      <button onClick={() => fullscreen.exit()}>
+        Exit Fullscreen
+      </button>
+    </div>
+  );
+}
+```
+
+### useAuthenticatedFetch()
+
+Make authenticated API requests with automatic session token injection:
+
+```tsx
+import { useAuthenticatedFetch } from '@qumra/jisr';
+
+export function DataFetcher() {
+  const authenticatedFetch = useAuthenticatedFetch();
+  const [data, setData] = React.useState(null);
+
+  const loadData = async () => {
+    try {
+      const response = await authenticatedFetch('/api/products');
+      const result = await response.json();
+      setData(result);
+    } catch (error) {
+      console.error('Error fetching data:', error);
+    }
+  };
+
+  React.useEffect(() => {
+    loadData();
+  }, []);
+
+  return <div>{data ? JSON.stringify(data) : 'Loading...'}</div>;
+}
+```
+
+## API Reference
+
+### ActionType
+
+Constants for all available action types:
+
+```typescript
+import { ActionType } from '@qumra/jisr';
+
+const actions = {
+  NAVIGATE: ActionType.NAVIGATE,
+  TOAST_SHOW: ActionType.TOAST_SHOW,
+  TOAST_HIDE: ActionType.TOAST_HIDE,
+  MODAL_OPEN: ActionType.MODAL_OPEN,
+  MODAL_CLOSE: ActionType.MODAL_CLOSE,
+  SAVE_BAR_SHOW: ActionType.SAVE_BAR_SHOW,
+  SAVE_BAR_HIDE: ActionType.SAVE_BAR_HIDE,
+  TITLE_BAR_UPDATE: ActionType.TITLE_BAR_UPDATE,
+  LOADING_START: ActionType.LOADING_START,
+  LOADING_STOP: ActionType.LOADING_STOP,
+  FULLSCREEN_ENTER: ActionType.FULLSCREEN_ENTER,
+  FULLSCREEN_EXIT: ActionType.FULLSCREEN_EXIT,
+};
+```
+
+### Action Creator Functions
+
+Helper functions to create properly formatted actions:
+
+```typescript
+import {
+  navigate,
+  showToast,
+  hideToast,
+  openModal,
+  closeModal,
+  showSaveBar,
+  hideSaveBar,
+  updateTitleBar,
+  startLoading,
+  stopLoading,
+  enterFullscreen,
+  exitFullscreen,
+} from '@qumra/jisr';
+
+// Use with useAppBridge()
+const bridge = useAppBridge();
+bridge.dispatch(navigate('/products'));
+bridge.dispatch(showToast('Success!'));
+```
+
+## Type Definitions
+
+All types are exported for TypeScript projects:
+
+```typescript
+import type {
+  AppBridgeConfig,
+  AppBridgeAction,
+  AppBridgeState,
+  AppContext,
+  NavigateOptions,
+  ToastOptions,
+  ModalOptions,
+  SaveBarOptions,
+  TitleBarOptions,
+  UseToastResult,
+  UseModalResult,
+  UseSaveBarResult,
+  UseFullscreenResult,
+  UseTitleBarResult,
+} from '@qumra/jisr';
+```
+
+## Error Handling
+
+All hooks require the `QumraAppBridgeProvider` to be set up. Using them outside the provider will throw an error:
+
+```
+Error: useAppBridge must be used within a QumraAppBridgeProvider
+```
+
+Make sure your component is wrapped with the provider or is a child of a component that is wrapped.
+
+## Best Practices
+
+1. **Always set up the provider at the root level** of your application
+2. **Use the specific hooks** instead of `useAppBridge()` for most use cases
+3. **Handle errors gracefully** when making API calls
+4. **Clean up subscriptions** if you use direct subscriptions via `useAppBridge()`
+5. **Use TypeScript** for better type safety and IDE autocomplete
+
+## License
+
+ISC

package/dist/hooks/context.d.ts

@@ -0,0 +1,41 @@
+/**
+ * React Context and Provider for AppBridge.
+ * Provides the AppBridge instance to all child components.
+ */
+import React from 'react';
+import { AppBridge, type AppBridgeConfig } from '../utils/app-bridge.js';
+/**
+ * Props for QumraAppBridgeProvider
+ */
+export interface QumraAppBridgeProviderProps {
+    /** Child components that will have access to the AppBridge */
+    children: React.ReactNode;
+    /** Configuration for the AppBridge instance */
+    config: AppBridgeConfig;
+}
+/**
+ * Provider component for AppBridge
+ * Must wrap your application to provide the AppBridge to all hooks
+ *
+ * @example
+ * ```tsx
+ * import { QumraAppBridgeProvider } from '@qumra/app-bridge-react';
+ *
+ * export default function App() {
+ *   return (
+ *     <QumraAppBridgeProvider config={{ apiKey: 'your-api-key' }}>
+ *       <YourApp />
+ *     </QumraAppBridgeProvider>
+ *   );
+ * }
+ * ```
+ */
+export declare function QumraAppBridgeProvider({ children, config, }: QumraAppBridgeProviderProps): JSX.Element;
+/**
+ * Internal hook to get the AppBridge context
+ * @internal
+ * @returns The AppBridge instance from context
+ * @throws Error if used outside of QumraAppBridgeProvider
+ */
+export declare function useAppBridgeContext(): AppBridge;
+//# sourceMappingURL=context.d.ts.map

package/dist/hooks/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/hooks/context.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,KAAK,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAKzE;;GAEG;AACH,MAAM,WAAW,2BAA2B;IAC1C,8DAA8D;IAC9D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,+CAA+C;IAC/C,MAAM,EAAE,eAAe,CAAC;CACzB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,QAAQ,EACR,MAAM,GACP,EAAE,2BAA2B,GAAG,GAAG,CAAC,OAAO,CAkB3C;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,IAAI,SAAS,CAU/C"}

package/dist/hooks/context.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * React Context and Provider for AppBridge.
+ * Provides the AppBridge instance to all child components.
+ */
+import React from 'react';
+import { AppBridge } from '../utils/app-bridge.js';
+/** React Context for AppBridge instance */
+const AppBridgeContext = React.createContext(null);
+/**
+ * Provider component for AppBridge
+ * Must wrap your application to provide the AppBridge to all hooks
+ *
+ * @example
+ * ```tsx
+ * import { QumraAppBridgeProvider } from '@qumra/app-bridge-react';
+ *
+ * export default function App() {
+ *   return (
+ *     <QumraAppBridgeProvider config={{ apiKey: 'your-api-key' }}>
+ *       <YourApp />
+ *     </QumraAppBridgeProvider>
+ *   );
+ * }
+ * ```
+ */
+export function QumraAppBridgeProvider({ children, config, }) {
+    const [bridge] = React.useState(() => new AppBridge(config));
+    React.useEffect(() => {
+        // Signal to the host that the app is ready
+        bridge.ready();
+        // Cleanup on unmount
+        return () => {
+            bridge.destroy();
+        };
+    }, [bridge]);
+    return (_jsx(AppBridgeContext.Provider, { value: bridge, children: children }));
+}
+/**
+ * Internal hook to get the AppBridge context
+ * @internal
+ * @returns The AppBridge instance from context
+ * @throws Error if used outside of QumraAppBridgeProvider
+ */
+export function useAppBridgeContext() {
+    const context = React.useContext(AppBridgeContext);
+    if (!context) {
+        throw new Error('useAppBridge must be used within a QumraAppBridgeProvider');
+    }
+    return context;
+}
+//# sourceMappingURL=context.js.map

package/dist/hooks/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../src/hooks/context.tsx"],"names":[],"mappings":";AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAwB,MAAM,wBAAwB,CAAC;AAEzE,2CAA2C;AAC3C,MAAM,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAAmB,IAAI,CAAC,CAAC;AAYrE;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,UAAU,sBAAsB,CAAC,EACrC,QAAQ,EACR,MAAM,GACsB;IAC5B,MAAM,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC;IAE7D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,2CAA2C;QAC3C,MAAM,CAAC,KAAK,EAAE,CAAC;QAEf,qBAAqB;QACrB,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,OAAO,EAAE,CAAC;QACnB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,CACL,KAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,YACrC,QAAQ,GACiB,CAC7B,CAAC;AACJ,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,mBAAmB;IACjC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAEnD,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CACb,2DAA2D,CAC5D,CAAC;IACJ,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/dist/hooks/useAppBridge.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Hook to access the AppBridge instance
+ */
+import type { AppBridge } from '../utils/app-bridge.js';
+/**
+ * Get the AppBridge instance from context
+ * Must be used within a QumraAppBridgeProvider
+ *
+ * @example
+ * ```tsx
+ * import { useAppBridge } from '@qumra/app-bridge-react';
+ *
+ * export function MyComponent() {
+ *   const bridge = useAppBridge();
+ *
+ *   const handleClick = () => {
+ *     bridge.dispatch({
+ *       type: 'APP::NAVIGATE',
+ *       payload: { url: '/page' }
+ *     });
+ *   };
+ *
+ *   return <button onClick={handleClick}>Navigate</button>;
+ * }
+ * ```
+ *
+ * @returns The AppBridge instance
+ * @throws Error if used outside of QumraAppBridgeProvider
+ */
+export declare function useAppBridge(): AppBridge;
+//# sourceMappingURL=useAppBridge.d.ts.map

package/dist/hooks/useAppBridge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAppBridge.d.ts","sourceRoot":"","sources":["../../src/hooks/useAppBridge.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAExD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,YAAY,IAAI,SAAS,CAExC"}

package/dist/hooks/useAppBridge.js

@@ -0,0 +1,33 @@
+/**
+ * Hook to access the AppBridge instance
+ */
+import { useAppBridgeContext } from './context.js';
+/**
+ * Get the AppBridge instance from context
+ * Must be used within a QumraAppBridgeProvider
+ *
+ * @example
+ * ```tsx
+ * import { useAppBridge } from '@qumra/app-bridge-react';
+ *
+ * export function MyComponent() {
+ *   const bridge = useAppBridge();
+ *
+ *   const handleClick = () => {
+ *     bridge.dispatch({
+ *       type: 'APP::NAVIGATE',
+ *       payload: { url: '/page' }
+ *     });
+ *   };
+ *
+ *   return <button onClick={handleClick}>Navigate</button>;
+ * }
+ * ```
+ *
+ * @returns The AppBridge instance
+ * @throws Error if used outside of QumraAppBridgeProvider
+ */
+export function useAppBridge() {
+    return useAppBridgeContext();
+}
+//# sourceMappingURL=useAppBridge.js.map

package/dist/hooks/useAppBridge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAppBridge.js","sourceRoot":"","sources":["../../src/hooks/useAppBridge.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAGnD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,UAAU,YAAY;IAC1B,OAAO,mBAAmB,EAAE,CAAC;AAC/B,CAAC"}

package/dist/hooks/useAuthenticatedFetch.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Hook for making authenticated fetch requests
+ */
+/**
+ * Hook to make authenticated fetch requests with automatic session token injection
+ *
+ * @example
+ * ```tsx
+ * import { useAuthenticatedFetch } from '@qumra/app-bridge-react';
+ *
+ * export function MyComponent() {
+ *   const authenticatedFetch = useAuthenticatedFetch();
+ *
+ *   const handleLoadData = async () => {
+ *     const response = await authenticatedFetch('/api/products');
+ *     const data = await response.json();
+ *     console.log(data);
+ *   };
+ *
+ *   return <button onClick={handleLoadData}>Load Data</button>;
+ * }
+ * ```
+ *
+ * @returns A fetch function that automatically adds Authorization header
+ */
+export declare function useAuthenticatedFetch(): (url: string, init?: RequestInit) => Promise<Response>;
+//# sourceMappingURL=useAuthenticatedFetch.d.ts.map

package/dist/hooks/useAuthenticatedFetch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAuthenticatedFetch.d.ts","sourceRoot":"","sources":["../../src/hooks/useAuthenticatedFetch.ts"],"names":[],"mappings":"AAAA;;GAEG;AAKH;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,qBAAqB,IAAI,CACvC,GAAG,EAAE,MAAM,EACX,IAAI,CAAC,EAAE,WAAW,KACf,OAAO,CAAC,QAAQ,CAAC,CAqBrB"}

package/dist/hooks/useAuthenticatedFetch.js

@@ -0,0 +1,43 @@
+/**
+ * Hook for making authenticated fetch requests
+ */
+import { useCallback } from 'react';
+import { useAppBridge } from './useAppBridge.js';
+/**
+ * Hook to make authenticated fetch requests with automatic session token injection
+ *
+ * @example
+ * ```tsx
+ * import { useAuthenticatedFetch } from '@qumra/app-bridge-react';
+ *
+ * export function MyComponent() {
+ *   const authenticatedFetch = useAuthenticatedFetch();
+ *
+ *   const handleLoadData = async () => {
+ *     const response = await authenticatedFetch('/api/products');
+ *     const data = await response.json();
+ *     console.log(data);
+ *   };
+ *
+ *   return <button onClick={handleLoadData}>Load Data</button>;
+ * }
+ * ```
+ *
+ * @returns A fetch function that automatically adds Authorization header
+ */
+export function useAuthenticatedFetch() {
+    const bridge = useAppBridge();
+    return useCallback(async (url, init) => {
+        const state = bridge.getState();
+        const sessionToken = state.context?.sessionToken;
+        const headers = new Headers(init?.headers || {});
+        if (sessionToken) {
+            headers.set('Authorization', `Bearer ${sessionToken}`);
+        }
+        return fetch(url, {
+            ...init,
+            headers,
+        });
+    }, [bridge]);
+}
+//# sourceMappingURL=useAuthenticatedFetch.js.map

package/dist/hooks/useAuthenticatedFetch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAuthenticatedFetch.js","sourceRoot":"","sources":["../../src/hooks/useAuthenticatedFetch.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,UAAU,qBAAqB;IAInC,MAAM,MAAM,GAAG,YAAY,EAAE,CAAC;IAE9B,OAAO,WAAW,CAChB,KAAK,EAAE,GAAW,EAAE,IAAkB,EAAE,EAAE;QACxC,MAAM,KAAK,GAAG,MAAM,CAAC,QAAQ,EAAE,CAAC;QAChC,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,EAAE,YAAY,CAAC;QAEjD,MAAM,OAAO,GAAG,IAAI,OAAO,CAAC,IAAI,EAAE,OAAO,IAAI,EAAE,CAAC,CAAC;QAEjD,IAAI,YAAY,EAAE,CAAC;YACjB,OAAO,CAAC,GAAG,CAAC,eAAe,EAAE,UAAU,YAAY,EAAE,CAAC,CAAC;QACzD,CAAC;QAED,OAAO,KAAK,CAAC,GAAG,EAAE;YAChB,GAAG,IAAI;YACP,OAAO;SACR,CAAC,CAAC;IACL,CAAC,EACD,CAAC,MAAM,CAAC,CACT,CAAC;AACJ,CAAC"}