@whop/embedded-components-react-js 0.0.12 → 0.0.13-beta.2

package/dist/chat/elements/chat.d.ts

@@ -0,0 +1,11 @@
+import { WithFallbackPropsRequired } from '../with-fallback.js';
+import * as _whop_embedded_components_vanilla_js_types from '@whop/embedded-components-vanilla-js/types';
+import 'react';
+
+declare const ChatElement: {
+    (props: WithFallbackPropsRequired<_whop_embedded_components_vanilla_js_types.ChatElementOptions>): React.ReactNode;
+    displayName: string;
+    type: string;
+};
+
+export { ChatElement };

package/dist/chat/elements/chat.js

@@ -0,0 +1,30 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var chat_exports = {};
+__export(chat_exports, {
+  ChatElement: () => ChatElement
+});
+module.exports = __toCommonJS(chat_exports);
+var import_with_fallback = require("../with-fallback");
+const ChatElement = (0, import_with_fallback.withFallback)({
+  displayName: "ChatElement",
+  type: "chat-element"
+});
+//# sourceMappingURL=chat.js.map

package/dist/chat/elements/chat.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/chat/elements/chat.tsx"],"sourcesContent":["\"use client\";\n\nimport { withFallback } from \"../with-fallback\";\n\nexport const ChatElement = withFallback<\"chat-element\", true>({\n\tdisplayName: \"ChatElement\",\n\ttype: \"chat-element\",\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,2BAA6B;AAEtB,MAAM,kBAAc,mCAAmC;AAAA,EAC7D,aAAa;AAAA,EACb,MAAM;AACP,CAAC;","names":[]}

package/dist/chat/elements/chat.mjs

@@ -0,0 +1,8 @@
+"use client";
+import "../../chunk-NSSMTXJJ.mjs";
+import { withFallback } from "../with-fallback.mjs";
+const ChatElement = withFallback({
+    displayName: "ChatElement",
+    type: "chat-element"
+});
+export { ChatElement };

package/dist/chat/elements/chat.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/chat/elements/chat.tsx"],"sourcesContent":["\"use client\";\n\nimport { withFallback } from \"../with-fallback\";\n\nexport const ChatElement = withFallback<\"chat-element\", true>({\n\tdisplayName: \"ChatElement\",\n\ttype: \"chat-element\",\n});\n"],"mappings":";;AAEA,SAAS,oBAAoB;AAEtB,MAAM,cAAc,aAAmC;AAAA,EAC7D,aAAa;AAAA,EACb,MAAM;AACP,CAAC;","names":[]}

package/dist/chat/elements/dms-list.d.ts

@@ -0,0 +1,11 @@
+import { WithFallbackPropsOptional } from '../with-fallback.js';
+import * as _whop_embedded_components_vanilla_js_types from '@whop/embedded-components-vanilla-js/types';
+import 'react';
+
+declare const DmsListElement: {
+    (props: WithFallbackPropsOptional<_whop_embedded_components_vanilla_js_types.DmsListElementOptions>): React.ReactNode;
+    displayName: string;
+    type: string;
+};
+
+export { DmsListElement };

package/dist/chat/elements/dms-list.js

@@ -0,0 +1,30 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var dms_list_exports = {};
+__export(dms_list_exports, {
+  DmsListElement: () => DmsListElement
+});
+module.exports = __toCommonJS(dms_list_exports);
+var import_with_fallback = require("../with-fallback");
+const DmsListElement = (0, import_with_fallback.withFallback)({
+  displayName: "DmsListElement",
+  type: "dms-list-element"
+});
+//# sourceMappingURL=dms-list.js.map

package/dist/chat/elements/dms-list.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/chat/elements/dms-list.tsx"],"sourcesContent":["\"use client\";\n\nimport { withFallback } from \"../with-fallback\";\n\nexport const DmsListElement = withFallback({\n\tdisplayName: \"DmsListElement\",\n\ttype: \"dms-list-element\",\n} as const);\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,2BAA6B;AAEtB,MAAM,qBAAiB,mCAAa;AAAA,EAC1C,aAAa;AAAA,EACb,MAAM;AACP,CAAU;","names":[]}

package/dist/chat/elements/dms-list.mjs

@@ -0,0 +1,8 @@
+"use client";
+import "../../chunk-NSSMTXJJ.mjs";
+import { withFallback } from "../with-fallback.mjs";
+const DmsListElement = withFallback({
+    displayName: "DmsListElement",
+    type: "dms-list-element"
+});
+export { DmsListElement };

package/dist/chat/elements/dms-list.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/chat/elements/dms-list.tsx"],"sourcesContent":["\"use client\";\n\nimport { withFallback } from \"../with-fallback\";\n\nexport const DmsListElement = withFallback({\n\tdisplayName: \"DmsListElement\",\n\ttype: \"dms-list-element\",\n} as const);\n"],"mappings":";;AAEA,SAAS,oBAAoB;AAEtB,MAAM,iBAAiB,aAAa;AAAA,EAC1C,aAAa;AAAA,EACb,MAAM;AACP,CAAU;","names":[]}

package/dist/chat/elements/index.d.ts

@@ -0,0 +1,5 @@
+export { ChatElement } from './chat.js';
+export { DmsListElement } from './dms-list.js';
+import '../with-fallback.js';
+import '@whop/embedded-components-vanilla-js/types';
+import 'react';

package/dist/chat/elements/index.js

@@ -0,0 +1,27 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var elements_exports = {};
+__export(elements_exports, {
+  ChatElement: () => import_chat.ChatElement,
+  DmsListElement: () => import_dms_list.DmsListElement
+});
+module.exports = __toCommonJS(elements_exports);
+var import_chat = require("./chat");
+var import_dms_list = require("./dms-list");
+//# sourceMappingURL=index.js.map

package/dist/chat/elements/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/chat/elements/index.tsx"],"sourcesContent":["export { ChatElement } from \"./chat\";\nexport { DmsListElement } from \"./dms-list\";\n\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA4B;AAC5B,sBAA+B;","names":[]}

package/dist/chat/elements/index.mjs

@@ -0,0 +1,4 @@
+import "../../chunk-NSSMTXJJ.mjs";
+import { ChatElement } from "./chat.mjs";
+import { DmsListElement } from "./dms-list.mjs";
+export { ChatElement, DmsListElement };

package/dist/chat/elements/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/chat/elements/index.tsx"],"sourcesContent":["export { ChatElement } from \"./chat\";\nexport { DmsListElement } from \"./dms-list\";\n\n"],"mappings":";AAAA,SAAS,mBAAmB;AAC5B,SAAS,sBAAsB;","names":[]}

package/dist/chat/index.d.ts

@@ -0,0 +1,6 @@
+export { ChatElement } from './elements/chat.js';
+export { DmsListElement } from './elements/dms-list.js';
+export { ChatSession, useChatSession } from './session.js';
+import './with-fallback.js';
+import '@whop/embedded-components-vanilla-js/types';
+import 'react';

package/dist/chat/index.js

@@ -0,0 +1,20 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var chat_exports = {};
+module.exports = __toCommonJS(chat_exports);
+__reExport(chat_exports, require("./elements"), module.exports);
+__reExport(chat_exports, require("./session"), module.exports);
+//# sourceMappingURL=index.js.map

package/dist/chat/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/chat/index.tsx"],"sourcesContent":["export * from \"./elements\";\nexport * from \"./session\";\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,yBAAc,uBAAd;AACA,yBAAc,sBADd;","names":[]}

package/dist/chat/index.mjs

@@ -0,0 +1,2 @@
+export * from "./elements/index.mjs";
+export * from "./session.mjs";

package/dist/chat/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/chat/index.tsx"],"sourcesContent":["export * from \"./elements\";\nexport * from \"./session\";\n"],"mappings":"AAAA,cAAc;AACd,cAAc;","names":[]}

package/dist/chat/session.d.ts

@@ -0,0 +1,11 @@
+import { ChatSessionOptions, ChatSession as ChatSession$1 } from '@whop/embedded-components-vanilla-js/types';
+import React__default, { PropsWithChildren } from 'react';
+
+declare function ChatSession({ children, token, ref, }: PropsWithChildren<ChatSessionOptions & {
+    ref?: React__default.RefObject<{
+        chatSession: ChatSession$1 | null;
+    } | null>;
+}>): React__default.JSX.Element;
+declare function useChatSession(): ChatSession$1 | null;
+
+export { ChatSession, useChatSession };

package/dist/chat/session.js

@@ -0,0 +1,69 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var session_exports = {};
+__export(session_exports, {
+  ChatSession: () => ChatSession,
+  useChatSession: () => useChatSession
+});
+module.exports = __toCommonJS(session_exports);
+var import_react = __toESM(require("react"));
+var import_provider = require("../provider");
+const ChatSessionContext = (0, import_react.createContext)(null);
+function ChatSession({
+  children,
+  token,
+  ref
+}) {
+  const elements = (0, import_provider.useElements)();
+  const chatSession = (0, import_react.useMemo)(() => {
+    if (!elements) return null;
+    return elements.createChatSession({ token });
+  }, [elements]);
+  (0, import_react.useEffect)(() => {
+    if (!chatSession) return;
+    chatSession.updateOptions({ token });
+  }, [chatSession, token]);
+  const value = (0, import_react.useMemo)(
+    () => ({
+      chatSession
+    }),
+    [chatSession]
+  );
+  (0, import_react.useImperativeHandle)(ref, () => ({ chatSession }), [chatSession]);
+  return /* @__PURE__ */ import_react.default.createElement(ChatSessionContext.Provider, { value }, children);
+}
+function useChatSession() {
+  const ctx = (0, import_react.useContext)(ChatSessionContext);
+  if (!ctx) {
+    throw new Error("useChatSession must be used within a ChatSessionProvider");
+  }
+  return ctx.chatSession;
+}
+//# sourceMappingURL=session.js.map

package/dist/chat/session.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/chat/session.tsx"],"sourcesContent":["\"use client\";\n\nimport type {\n\tChatSessionOptions,\n\tChatSession as ChatSessionType,\n} from \"@whop/embedded-components-vanilla-js/types\";\nimport type { PropsWithChildren } from \"react\";\n\nimport React, {\n\tcreateContext,\n\tuseContext,\n\tuseEffect,\n\tuseImperativeHandle,\n\tuseMemo,\n} from \"react\";\nimport { useElements } from \"../provider\";\n\ninterface ContextState {\n\tchatSession: ChatSessionType | null;\n}\n\nconst ChatSessionContext = createContext<ContextState | null>(null);\n\nexport function ChatSession({\n\tchildren,\n\ttoken,\n\tref,\n}: PropsWithChildren<\n\tChatSessionOptions & {\n\t\tref?: React.RefObject<{\n\t\t\tchatSession: ChatSessionType | null;\n\t\t} | null>;\n\t}\n>) {\n\tconst elements = useElements();\n\n\tconst chatSession = useMemo(() => {\n\t\tif (!elements) return null;\n\t\treturn elements.createChatSession({ token });\n\t}, [elements]);\n\n\tuseEffect(() => {\n\t\tif (!chatSession) return;\n\t\tchatSession.updateOptions({ token });\n\t}, [chatSession, token]);\n\n\tconst value: ContextState = useMemo(\n\t\t() => ({\n\t\t\tchatSession,\n\t\t}),\n\t\t[chatSession],\n\t);\n\n\tuseImperativeHandle(ref, () => ({ chatSession }), [chatSession]);\n\n\treturn (\n\t\t<ChatSessionContext.Provider value={value}>\n\t\t\t{children}\n\t\t</ChatSessionContext.Provider>\n\t);\n}\n\nexport function useChatSession() {\n\tconst ctx = useContext(ChatSessionContext);\n\tif (!ctx) {\n\t\tthrow new Error(\"useChatSession must be used within a ChatSessionProvider\");\n\t}\n\treturn ctx.chatSession;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA,mBAMO;AACP,sBAA4B;AAM5B,MAAM,yBAAqB,4BAAmC,IAAI;AAE3D,SAAS,YAAY;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AACD,GAMG;AACF,QAAM,eAAW,6BAAY;AAE7B,QAAM,kBAAc,sBAAQ,MAAM;AACjC,QAAI,CAAC,SAAU,QAAO;AACtB,WAAO,SAAS,kBAAkB,EAAE,MAAM,CAAC;AAAA,EAC5C,GAAG,CAAC,QAAQ,CAAC;AAEb,8BAAU,MAAM;AACf,QAAI,CAAC,YAAa;AAClB,gBAAY,cAAc,EAAE,MAAM,CAAC;AAAA,EACpC,GAAG,CAAC,aAAa,KAAK,CAAC;AAEvB,QAAM,YAAsB;AAAA,IAC3B,OAAO;AAAA,MACN;AAAA,IACD;AAAA,IACA,CAAC,WAAW;AAAA,EACb;AAEA,wCAAoB,KAAK,OAAO,EAAE,YAAY,IAAI,CAAC,WAAW,CAAC;AAE/D,SACC,6BAAAA,QAAA,cAAC,mBAAmB,UAAnB,EAA4B,SAC3B,QACF;AAEF;AAEO,SAAS,iBAAiB;AAChC,QAAM,UAAM,yBAAW,kBAAkB;AACzC,MAAI,CAAC,KAAK;AACT,UAAM,IAAI,MAAM,0DAA0D;AAAA,EAC3E;AACA,SAAO,IAAI;AACZ;","names":["React"]}

package/dist/chat/session.mjs

@@ -0,0 +1,46 @@
+"use client";
+import "../chunk-NSSMTXJJ.mjs";
+import React, { createContext, useContext, useEffect, useImperativeHandle, useMemo } from "react";
+import { useElements } from "../provider.mjs";
+const ChatSessionContext = createContext(null);
+function ChatSession({ children, token, ref }) {
+    const elements = useElements();
+    const chatSession = useMemo(()=>{
+        if (!elements) return null;
+        return elements.createChatSession({
+            token
+        });
+    }, [
+        elements
+    ]);
+    useEffect(()=>{
+        if (!chatSession) return;
+        chatSession.updateOptions({
+            token
+        });
+    }, [
+        chatSession,
+        token
+    ]);
+    const value = useMemo(()=>({
+            chatSession
+        }), [
+        chatSession
+    ]);
+    useImperativeHandle(ref, ()=>({
+            chatSession
+        }), [
+        chatSession
+    ]);
+    return React.createElement(ChatSessionContext.Provider, {
+        value
+    }, children);
+}
+function useChatSession() {
+    const ctx = useContext(ChatSessionContext);
+    if (!ctx) {
+        throw new Error("useChatSession must be used within a ChatSessionProvider");
+    }
+    return ctx.chatSession;
+}
+export { ChatSession, useChatSession };

package/dist/chat/session.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/chat/session.tsx"],"sourcesContent":["\"use client\";\n\nimport type {\n\tChatSessionOptions,\n\tChatSession as ChatSessionType,\n} from \"@whop/embedded-components-vanilla-js/types\";\nimport type { PropsWithChildren } from \"react\";\n\nimport React, {\n\tcreateContext,\n\tuseContext,\n\tuseEffect,\n\tuseImperativeHandle,\n\tuseMemo,\n} from \"react\";\nimport { useElements } from \"../provider\";\n\ninterface ContextState {\n\tchatSession: ChatSessionType | null;\n}\n\nconst ChatSessionContext = createContext<ContextState | null>(null);\n\nexport function ChatSession({\n\tchildren,\n\ttoken,\n\tref,\n}: PropsWithChildren<\n\tChatSessionOptions & {\n\t\tref?: React.RefObject<{\n\t\t\tchatSession: ChatSessionType | null;\n\t\t} | null>;\n\t}\n>) {\n\tconst elements = useElements();\n\n\tconst chatSession = useMemo(() => {\n\t\tif (!elements) return null;\n\t\treturn elements.createChatSession({ token });\n\t}, [elements]);\n\n\tuseEffect(() => {\n\t\tif (!chatSession) return;\n\t\tchatSession.updateOptions({ token });\n\t}, [chatSession, token]);\n\n\tconst value: ContextState = useMemo(\n\t\t() => ({\n\t\t\tchatSession,\n\t\t}),\n\t\t[chatSession],\n\t);\n\n\tuseImperativeHandle(ref, () => ({ chatSession }), [chatSession]);\n\n\treturn (\n\t\t<ChatSessionContext.Provider value={value}>\n\t\t\t{children}\n\t\t</ChatSessionContext.Provider>\n\t);\n}\n\nexport function useChatSession() {\n\tconst ctx = useContext(ChatSessionContext);\n\tif (!ctx) {\n\t\tthrow new Error(\"useChatSession must be used within a ChatSessionProvider\");\n\t}\n\treturn ctx.chatSession;\n}\n"],"mappings":";;AAQA,OAAO;AAAA,EACN;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AACP,SAAS,mBAAmB;AAM5B,MAAM,qBAAqB,cAAmC,IAAI;AAE3D,SAAS,YAAY;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AACD,GAMG;AACF,QAAM,WAAW,YAAY;AAE7B,QAAM,cAAc,QAAQ,MAAM;AACjC,QAAI,CAAC,SAAU,QAAO;AACtB,WAAO,SAAS,kBAAkB,EAAE,MAAM,CAAC;AAAA,EAC5C,GAAG,CAAC,QAAQ,CAAC;AAEb,YAAU,MAAM;AACf,QAAI,CAAC,YAAa;AAClB,gBAAY,cAAc,EAAE,MAAM,CAAC;AAAA,EACpC,GAAG,CAAC,aAAa,KAAK,CAAC;AAEvB,QAAM,QAAsB;AAAA,IAC3B,OAAO;AAAA,MACN;AAAA,IACD;AAAA,IACA,CAAC,WAAW;AAAA,EACb;AAEA,sBAAoB,KAAK,OAAO,EAAE,YAAY,IAAI,CAAC,WAAW,CAAC;AAE/D,SACC,oCAAC,mBAAmB,UAAnB,EAA4B,SAC3B,QACF;AAEF;AAEO,SAAS,iBAAiB;AAChC,QAAM,MAAM,WAAW,kBAAkB;AACzC,MAAI,CAAC,KAAK;AACT,UAAM,IAAI,MAAM,0DAA0D;AAAA,EAC3E;AACA,SAAO,IAAI;AACZ;","names":[]}

package/dist/chat/use-session-ref.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { ChatSession } from '@whop/embedded-components-vanilla-js/types';
+
+declare function useChatSessionRef(): React.RefObject<{
+    chatSession: ChatSession | null;
+} | null>;
+
+export { useChatSessionRef };

package/dist/chat/use-session-ref.js

@@ -0,0 +1,29 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var use_session_ref_exports = {};
+__export(use_session_ref_exports, {
+  useChatSessionRef: () => useChatSessionRef
+});
+module.exports = __toCommonJS(use_session_ref_exports);
+var import_react = require("react");
+function useChatSessionRef() {
+  const ref = (0, import_react.useRef)(null);
+  return ref;
+}
+//# sourceMappingURL=use-session-ref.js.map

package/dist/chat/use-session-ref.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/chat/use-session-ref.ts"],"sourcesContent":["import type { ChatSession as ChatSessionType } from \"@whop/embedded-components-vanilla-js/types\";\n\nimport { useRef } from \"react\";\n\nexport function useChatSessionRef() {\n\tconst ref = useRef<{\n\t\tchatSession: ChatSessionType | null;\n\t}>(null);\n\treturn ref;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAuB;AAEhB,SAAS,oBAAoB;AACnC,QAAM,UAAM,qBAET,IAAI;AACP,SAAO;AACR;","names":[]}

package/dist/chat/use-session-ref.mjs

@@ -0,0 +1,7 @@
+import "../chunk-NSSMTXJJ.mjs";
+import { useRef } from "react";
+function useChatSessionRef() {
+    const ref = useRef(null);
+    return ref;
+}
+export { useChatSessionRef };

package/dist/chat/use-session-ref.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/chat/use-session-ref.ts"],"sourcesContent":["import type { ChatSession as ChatSessionType } from \"@whop/embedded-components-vanilla-js/types\";\n\nimport { useRef } from \"react\";\n\nexport function useChatSessionRef() {\n\tconst ref = useRef<{\n\t\tchatSession: ChatSessionType | null;\n\t}>(null);\n\treturn ref;\n}\n"],"mappings":";AAEA,SAAS,cAAc;AAEhB,SAAS,oBAAoB;AACnC,QAAM,MAAM,OAET,IAAI;AACP,SAAO;AACR;","names":[]}

package/dist/chat/with-fallback.d.ts

@@ -0,0 +1,55 @@
+import { ChatSessionElements } from '@whop/embedded-components-vanilla-js/types';
+import React__default from 'react';
+
+/**
+ * Valid element type strings that can be passed to createElement.
+ */
+type ElementType = keyof ChatSessionElements;
+/**
+ * Extract the options type for a given element type using indexed access.
+ * PayoutsSessionElements maps element types to [Options, Element] tuples.
+ */
+type ElementOptionsFor<T extends ElementType> = ChatSessionElements[T][0];
+/**
+ * Component definition with a constrained element type.
+ * The type must be a valid element type from the SDK.
+ */
+interface ElementComponentDefinition<T extends ElementType = ElementType> {
+    displayName: string;
+    type: T;
+}
+interface WithFallbackPropsBase {
+    className?: string;
+    style?: React__default.CSSProperties;
+    onReady?: () => void;
+    fallback?: React__default.ReactNode;
+}
+interface WithFallbackPropsRequired<TOptions> extends WithFallbackPropsBase {
+    options: TOptions;
+}
+interface WithFallbackPropsOptional<TOptions> extends WithFallbackPropsBase {
+    options?: TOptions;
+}
+type WithFallbackComponent<TOptions, TRequired extends boolean> = {
+    (props: TRequired extends true ? WithFallbackPropsRequired<TOptions> : WithFallbackPropsOptional<TOptions>): React__default.ReactNode;
+    displayName: string;
+    type: string;
+};
+/**
+ * Creates a React component that wraps an embedded element with fallback support.
+ *
+ * @example
+ * ```tsx
+ * // Type-safe: options type is inferred from the element type
+ * export const ChatElement = withFallback({
+ *   displayName: "ChatElement",
+ *   type: "chat-element",
+ * } as const);
+ *
+ * // Usage - TypeScript knows the correct options type
+ * <ChatElement options={{ channelId: "channel_xxx" }} />
+ * ```
+ */
+declare function withFallback<const T extends ElementType, TRequired extends boolean = false>(Component: ElementComponentDefinition<T>): WithFallbackComponent<ElementOptionsFor<T>, TRequired>;
+
+export { type WithFallbackPropsOptional, type WithFallbackPropsRequired, withFallback };

package/dist/chat/with-fallback.js

@@ -0,0 +1,85 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var with_fallback_exports = {};
+__export(with_fallback_exports, {
+  withFallback: () => withFallback
+});
+module.exports = __toCommonJS(with_fallback_exports);
+var import_react = __toESM(require("react"));
+var import_use_element_snapshot = require("../lib/use-element-snapshot");
+var import_session = require("./session");
+function withFallback(Component) {
+  function WrappedElement({
+    options,
+    className,
+    style,
+    onReady,
+    fallback
+  }) {
+    const chatSession = (0, import_session.useChatSession)();
+    const ref = (0, import_react.useRef)(null);
+    const element = (0, import_react.useMemo)(() => {
+      if (!chatSession) return null;
+      return chatSession.createElement(Component, options ?? {});
+    }, [chatSession]);
+    const elementSnapshot = (0, import_use_element_snapshot.useElementSnapshot)(element);
+    const isReady = elementSnapshot?.state === "ready";
+    (0, import_react.useEffect)(() => {
+      if (!element) return;
+      element.updateOptions(options ?? {});
+    }, [options, element]);
+    (0, import_react.useEffect)(() => {
+      if (!element || !onReady) return;
+      element.on("ready", onReady);
+      return () => {
+        element.off("ready", onReady);
+      };
+    }, [element, onReady]);
+    (0, import_react.useLayoutEffect)(() => {
+      if (!element || !ref.current) return;
+      element.mount(ref.current);
+      return () => {
+        element.unmount();
+      };
+    }, [element, ref.current]);
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        style: { ...style, visibility: isReady ? void 0 : "hidden" },
+        className,
+        ref
+      }
+    ), !isReady && (fallback ?? null));
+  }
+  WrappedElement.displayName = Component.displayName;
+  WrappedElement.type = Component.type;
+  return WrappedElement;
+}
+//# sourceMappingURL=with-fallback.js.map

package/dist/chat/with-fallback.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/chat/with-fallback.tsx"],"sourcesContent":["\"use client\";\n\nimport type {\n\tChatSessionElements,\n\tWhopElement,\n} from \"@whop/embedded-components-vanilla-js/types\";\nimport React, { useEffect, useLayoutEffect, useMemo, useRef } from \"react\";\nimport { useElementSnapshot } from \"../lib/use-element-snapshot\";\nimport { useChatSession } from \"./session\";\n\n/**\n * Valid element type strings that can be passed to createElement.\n */\ntype ElementType = keyof ChatSessionElements;\n\n/**\n * Extract the options type for a given element type using indexed access.\n * PayoutsSessionElements maps element types to [Options, Element] tuples.\n */\ntype ElementOptionsFor<T extends ElementType> = ChatSessionElements[T][0];\n\n/**\n * Base element type that all created elements conform to.\n * Using WhopElement<any, any, any> gives us access to common methods\n * (mount, unmount, on, off, updateOptions) without union type issues.\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype BaseElement = WhopElement<any, any, any>;\n\n/**\n * Component definition with a constrained element type.\n * The type must be a valid element type from the SDK.\n */\ninterface ElementComponentDefinition<T extends ElementType = ElementType> {\n\tdisplayName: string;\n\ttype: T;\n}\n\ninterface WithFallbackPropsBase {\n\tclassName?: string;\n\tstyle?: React.CSSProperties;\n\tonReady?: () => void;\n\tfallback?: React.ReactNode;\n}\n\nexport interface WithFallbackPropsRequired<TOptions>\n\textends WithFallbackPropsBase {\n\toptions: TOptions;\n}\n\nexport interface WithFallbackPropsOptional<TOptions>\n\textends WithFallbackPropsBase {\n\toptions?: TOptions;\n}\n\ntype WithFallbackComponent<TOptions, TRequired extends boolean> = {\n\t(\n\t\tprops: TRequired extends true\n\t\t\t? WithFallbackPropsRequired<TOptions>\n\t\t\t: WithFallbackPropsOptional<TOptions>,\n\t): React.ReactNode;\n\tdisplayName: string;\n\ttype: string;\n};\n\n/**\n * Creates a React component that wraps an embedded element with fallback support.\n *\n * @example\n * ```tsx\n * // Type-safe: options type is inferred from the element type\n * export const ChatElement = withFallback({\n *   displayName: \"ChatElement\",\n *   type: \"chat-element\",\n * } as const);\n *\n * // Usage - TypeScript knows the correct options type\n * <ChatElement options={{ channelId: \"channel_xxx\" }} />\n * ```\n */\nexport function withFallback<\n\tconst T extends ElementType,\n\tTRequired extends boolean = false,\n>(\n\tComponent: ElementComponentDefinition<T>,\n): WithFallbackComponent<ElementOptionsFor<T>, TRequired> {\n\ttype TOptions = ElementOptionsFor<T>;\n\n\tfunction WrappedElement({\n\t\toptions,\n\t\tclassName,\n\t\tstyle,\n\t\tonReady,\n\t\tfallback,\n\t}: WithFallbackPropsOptional<TOptions>) {\n\t\tconst chatSession = useChatSession();\n\t\tconst ref = useRef<HTMLDivElement>(null);\n\n\t\tconst element = useMemo((): BaseElement | null => {\n\t\t\tif (!chatSession) return null;\n\t\t\t// Safe: T is constrained to valid element types, and options matches T\n\t\t\treturn chatSession.createElement(Component, options ?? {} as TOptions);\n\t\t}, [chatSession]);\n\n\t\tconst elementSnapshot = useElementSnapshot(element);\n\n\t\tconst isReady = elementSnapshot?.state === \"ready\";\n\n\t\tuseEffect(() => {\n\t\t\tif (!element) return;\n\t\t\telement.updateOptions(options ?? {});\n\t\t}, [options, element]);\n\n\t\tuseEffect(() => {\n\t\t\tif (!element || !onReady) return;\n\t\t\telement.on(\"ready\", onReady);\n\t\t\treturn () => {\n\t\t\t\telement.off(\"ready\", onReady);\n\t\t\t};\n\t\t}, [element, onReady]);\n\n\t\tuseLayoutEffect(() => {\n\t\t\tif (!element || !ref.current) return;\n\t\t\telement.mount(ref.current);\n\t\t\treturn () => {\n\t\t\t\telement.unmount();\n\t\t\t};\n\t\t}, [element, ref.current]);\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{ ...style, visibility: isReady ? undefined : \"hidden\" }}\n\t\t\t\t\tclassName={className}\n\t\t\t\t\tref={ref}\n\t\t\t\t/>\n\t\t\t\t{!isReady && (fallback ?? null)}\n\t\t\t</>\n\t\t);\n\t}\n\n\tWrappedElement.displayName = Component.displayName;\n\tWrappedElement.type = Component.type;\n\n\treturn WrappedElement as WithFallbackComponent<TOptions, TRequired>;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA,mBAAmE;AACnE,kCAAmC;AACnC,qBAA+B;AAwExB,SAAS,aAIf,WACyD;AAGzD,WAAS,eAAe;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD,GAAwC;AACvC,UAAM,kBAAc,+BAAe;AACnC,UAAM,UAAM,qBAAuB,IAAI;AAEvC,UAAM,cAAU,sBAAQ,MAA0B;AACjD,UAAI,CAAC,YAAa,QAAO;AAEzB,aAAO,YAAY,cAAc,WAAW,WAAW,CAAC,CAAa;AAAA,IACtE,GAAG,CAAC,WAAW,CAAC;AAEhB,UAAM,sBAAkB,gDAAmB,OAAO;AAElD,UAAM,UAAU,iBAAiB,UAAU;AAE3C,gCAAU,MAAM;AACf,UAAI,CAAC,QAAS;AACd,cAAQ,cAAc,WAAW,CAAC,CAAC;AAAA,IACpC,GAAG,CAAC,SAAS,OAAO,CAAC;AAErB,gCAAU,MAAM;AACf,UAAI,CAAC,WAAW,CAAC,QAAS;AAC1B,cAAQ,GAAG,SAAS,OAAO;AAC3B,aAAO,MAAM;AACZ,gBAAQ,IAAI,SAAS,OAAO;AAAA,MAC7B;AAAA,IACD,GAAG,CAAC,SAAS,OAAO,CAAC;AAErB,sCAAgB,MAAM;AACrB,UAAI,CAAC,WAAW,CAAC,IAAI,QAAS;AAC9B,cAAQ,MAAM,IAAI,OAAO;AACzB,aAAO,MAAM;AACZ,gBAAQ,QAAQ;AAAA,MACjB;AAAA,IACD,GAAG,CAAC,SAAS,IAAI,OAAO,CAAC;AAEzB,WACC,6BAAAA,QAAA,2BAAAA,QAAA,gBACC,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACA,OAAO,EAAE,GAAG,OAAO,YAAY,UAAU,SAAY,SAAS;AAAA,QAC9D;AAAA,QACA;AAAA;AAAA,IACD,GACC,CAAC,YAAY,YAAY,KAC3B;AAAA,EAEF;AAEA,iBAAe,cAAc,UAAU;AACvC,iBAAe,OAAO,UAAU;AAEhC,SAAO;AACR;","names":["React"]}

package/dist/chat/with-fallback.mjs

@@ -0,0 +1,58 @@
+"use client";
+import "../chunk-NSSMTXJJ.mjs";
+import React, { useEffect, useLayoutEffect, useMemo, useRef } from "react";
+import { useElementSnapshot } from "../lib/use-element-snapshot.mjs";
+import { useChatSession } from "./session.mjs";
+function withFallback(Component) {
+    function WrappedElement({ options, className, style, onReady, fallback }) {
+        const chatSession = useChatSession();
+        const ref = useRef(null);
+        const element = useMemo(()=>{
+            if (!chatSession) return null;
+            return chatSession.createElement(Component, options ?? {});
+        }, [
+            chatSession
+        ]);
+        const elementSnapshot = useElementSnapshot(element);
+        const isReady = elementSnapshot?.state === "ready";
+        useEffect(()=>{
+            if (!element) return;
+            element.updateOptions(options ?? {});
+        }, [
+            options,
+            element
+        ]);
+        useEffect(()=>{
+            if (!element || !onReady) return;
+            element.on("ready", onReady);
+            return ()=>{
+                element.off("ready", onReady);
+            };
+        }, [
+            element,
+            onReady
+        ]);
+        useLayoutEffect(()=>{
+            if (!element || !ref.current) return;
+            element.mount(ref.current);
+            return ()=>{
+                element.unmount();
+            };
+        }, [
+            element,
+            ref.current
+        ]);
+        return React.createElement(React.Fragment, null, React.createElement("div", {
+            style: {
+                ...style,
+                visibility: isReady ? void 0 : "hidden"
+            },
+            className,
+            ref
+        }), !isReady && (fallback ?? null));
+    }
+    WrappedElement.displayName = Component.displayName;
+    WrappedElement.type = Component.type;
+    return WrappedElement;
+}
+export { withFallback };

package/dist/chat/with-fallback.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/chat/with-fallback.tsx"],"sourcesContent":["\"use client\";\n\nimport type {\n\tChatSessionElements,\n\tWhopElement,\n} from \"@whop/embedded-components-vanilla-js/types\";\nimport React, { useEffect, useLayoutEffect, useMemo, useRef } from \"react\";\nimport { useElementSnapshot } from \"../lib/use-element-snapshot\";\nimport { useChatSession } from \"./session\";\n\n/**\n * Valid element type strings that can be passed to createElement.\n */\ntype ElementType = keyof ChatSessionElements;\n\n/**\n * Extract the options type for a given element type using indexed access.\n * PayoutsSessionElements maps element types to [Options, Element] tuples.\n */\ntype ElementOptionsFor<T extends ElementType> = ChatSessionElements[T][0];\n\n/**\n * Base element type that all created elements conform to.\n * Using WhopElement<any, any, any> gives us access to common methods\n * (mount, unmount, on, off, updateOptions) without union type issues.\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype BaseElement = WhopElement<any, any, any>;\n\n/**\n * Component definition with a constrained element type.\n * The type must be a valid element type from the SDK.\n */\ninterface ElementComponentDefinition<T extends ElementType = ElementType> {\n\tdisplayName: string;\n\ttype: T;\n}\n\ninterface WithFallbackPropsBase {\n\tclassName?: string;\n\tstyle?: React.CSSProperties;\n\tonReady?: () => void;\n\tfallback?: React.ReactNode;\n}\n\nexport interface WithFallbackPropsRequired<TOptions>\n\textends WithFallbackPropsBase {\n\toptions: TOptions;\n}\n\nexport interface WithFallbackPropsOptional<TOptions>\n\textends WithFallbackPropsBase {\n\toptions?: TOptions;\n}\n\ntype WithFallbackComponent<TOptions, TRequired extends boolean> = {\n\t(\n\t\tprops: TRequired extends true\n\t\t\t? WithFallbackPropsRequired<TOptions>\n\t\t\t: WithFallbackPropsOptional<TOptions>,\n\t): React.ReactNode;\n\tdisplayName: string;\n\ttype: string;\n};\n\n/**\n * Creates a React component that wraps an embedded element with fallback support.\n *\n * @example\n * ```tsx\n * // Type-safe: options type is inferred from the element type\n * export const ChatElement = withFallback({\n *   displayName: \"ChatElement\",\n *   type: \"chat-element\",\n * } as const);\n *\n * // Usage - TypeScript knows the correct options type\n * <ChatElement options={{ channelId: \"channel_xxx\" }} />\n * ```\n */\nexport function withFallback<\n\tconst T extends ElementType,\n\tTRequired extends boolean = false,\n>(\n\tComponent: ElementComponentDefinition<T>,\n): WithFallbackComponent<ElementOptionsFor<T>, TRequired> {\n\ttype TOptions = ElementOptionsFor<T>;\n\n\tfunction WrappedElement({\n\t\toptions,\n\t\tclassName,\n\t\tstyle,\n\t\tonReady,\n\t\tfallback,\n\t}: WithFallbackPropsOptional<TOptions>) {\n\t\tconst chatSession = useChatSession();\n\t\tconst ref = useRef<HTMLDivElement>(null);\n\n\t\tconst element = useMemo((): BaseElement | null => {\n\t\t\tif (!chatSession) return null;\n\t\t\t// Safe: T is constrained to valid element types, and options matches T\n\t\t\treturn chatSession.createElement(Component, options ?? {} as TOptions);\n\t\t}, [chatSession]);\n\n\t\tconst elementSnapshot = useElementSnapshot(element);\n\n\t\tconst isReady = elementSnapshot?.state === \"ready\";\n\n\t\tuseEffect(() => {\n\t\t\tif (!element) return;\n\t\t\telement.updateOptions(options ?? {});\n\t\t}, [options, element]);\n\n\t\tuseEffect(() => {\n\t\t\tif (!element || !onReady) return;\n\t\t\telement.on(\"ready\", onReady);\n\t\t\treturn () => {\n\t\t\t\telement.off(\"ready\", onReady);\n\t\t\t};\n\t\t}, [element, onReady]);\n\n\t\tuseLayoutEffect(() => {\n\t\t\tif (!element || !ref.current) return;\n\t\t\telement.mount(ref.current);\n\t\t\treturn () => {\n\t\t\t\telement.unmount();\n\t\t\t};\n\t\t}, [element, ref.current]);\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{ ...style, visibility: isReady ? undefined : \"hidden\" }}\n\t\t\t\t\tclassName={className}\n\t\t\t\t\tref={ref}\n\t\t\t\t/>\n\t\t\t\t{!isReady && (fallback ?? null)}\n\t\t\t</>\n\t\t);\n\t}\n\n\tWrappedElement.displayName = Component.displayName;\n\tWrappedElement.type = Component.type;\n\n\treturn WrappedElement as WithFallbackComponent<TOptions, TRequired>;\n}\n"],"mappings":";;AAMA,OAAO,SAAS,WAAW,iBAAiB,SAAS,cAAc;AACnE,SAAS,0BAA0B;AACnC,SAAS,sBAAsB;AAwExB,SAAS,aAIf,WACyD;AAGzD,WAAS,eAAe;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD,GAAwC;AACvC,UAAM,cAAc,eAAe;AACnC,UAAM,MAAM,OAAuB,IAAI;AAEvC,UAAM,UAAU,QAAQ,MAA0B;AACjD,UAAI,CAAC,YAAa,QAAO;AAEzB,aAAO,YAAY,cAAc,WAAW,WAAW,CAAC,CAAa;AAAA,IACtE,GAAG,CAAC,WAAW,CAAC;AAEhB,UAAM,kBAAkB,mBAAmB,OAAO;AAElD,UAAM,UAAU,iBAAiB,UAAU;AAE3C,cAAU,MAAM;AACf,UAAI,CAAC,QAAS;AACd,cAAQ,cAAc,WAAW,CAAC,CAAC;AAAA,IACpC,GAAG,CAAC,SAAS,OAAO,CAAC;AAErB,cAAU,MAAM;AACf,UAAI,CAAC,WAAW,CAAC,QAAS;AAC1B,cAAQ,GAAG,SAAS,OAAO;AAC3B,aAAO,MAAM;AACZ,gBAAQ,IAAI,SAAS,OAAO;AAAA,MAC7B;AAAA,IACD,GAAG,CAAC,SAAS,OAAO,CAAC;AAErB,oBAAgB,MAAM;AACrB,UAAI,CAAC,WAAW,CAAC,IAAI,QAAS;AAC9B,cAAQ,MAAM,IAAI,OAAO;AACzB,aAAO,MAAM;AACZ,gBAAQ,QAAQ;AAAA,MACjB;AAAA,IACD,GAAG,CAAC,SAAS,IAAI,OAAO,CAAC;AAEzB,WACC,0DACC;AAAA,MAAC;AAAA;AAAA,QACA,OAAO,EAAE,GAAG,OAAO,YAAY,UAAU,SAAY,SAAS;AAAA,QAC9D;AAAA,QACA;AAAA;AAAA,IACD,GACC,CAAC,YAAY,YAAY,KAC3B;AAAA,EAEF;AAEA,iBAAe,cAAc,UAAU;AACvC,iBAAe,OAAO,UAAU;AAEhC,SAAO;AACR;","names":[]}