@whop/embedded-components-vanilla-js 0.0.13-beta.3 → 0.0.13-beta.5

package/dist/lib/index.d.ts

@@ -14,6 +14,16 @@ interface TypedEventCreatorFn<Events, EventKeys extends keyof Events> {
 }
 type InferEvent<Fn> = Fn extends TypedEventCreatorFn<infer Events, infer EventKeys> ? TypedEventUnion<Events, EventKeys> : never;
 
+interface EmptyStateOptions {
+    image?: {
+        url: string;
+        width?: number;
+        height?: number;
+    };
+    title?: string;
+    description?: string;
+}
+
 /**
  * A CSS property value.
  */
@@ -269,10 +279,10 @@ interface ChatElementEvents {
     snapshot: (snapshot: ChatElementSnapshot) => void;
     /**
      * Emitted when the user clicks on a profile.
-     * @param ev - The event containing the `username` in `ev.detail`.
+     * @param ev - The event containing the `id` in `ev.detail`.
      */
     profileClick: (ev: CustomEvent<{
-        username: string;
+        id: string;
     }>) => void;
     /**
      * Emitted when the user clicks on a link.
@@ -288,8 +298,15 @@ interface ChatElementEvents {
     messageSent: (ev: CustomEvent<{
         content: string;
     }>) => void;
+    /**
+     * Emitted when the user clicks on an experience mention.
+     * @param ev - The event containing the `id` in `ev.detail`.
+     */
+    experienceClick: (ev: CustomEvent<{
+        id: string;
+    }>) => void;
 }
-declare const createTypedEvent$1: TypedEventCreatorFn<ChatElementEvents, "profileClick" | "linkClick" | "messageSent">;
+declare const createTypedEvent$1: TypedEventCreatorFn<ChatElementEvents, "profileClick" | "linkClick" | "messageSent" | "experienceClick">;
 type ChatElementEvent = InferEvent<typeof createTypedEvent$1>;
 /**
  * Configuration options for the ChatElement.
@@ -313,6 +330,16 @@ interface ChatElementOptions {
      * The ID of the message to deep link to.
      */
     deeplinkToPostId?: string;
+    /**
+     * Disables link navigation.
+     * Listen to the `linkClick` event to handle navigation yourself.
+     * @default false
+     */
+    disableNavigation?: boolean;
+    /**
+     * Custom empty state displayed when there are no messages.
+     */
+    emptyState?: EmptyStateOptions;
     /**
      * Callback fired when the element has finished loading and is ready for interaction.
      * This is equivalent to listening to the `ready` event.
@@ -366,7 +393,7 @@ interface ChatElementSnapshot {
  * });
  *
  * element.on("profileClick", (ev) => {
- *   console.log("Profile clicked:", ev.detail.username);
+ *   console.log("Profile clicked:", ev.detail.id);
  * });
  *
  * element.on("linkClick", (ev) => {
@@ -377,6 +404,10 @@ interface ChatElementSnapshot {
  *   console.log("Message sent:", ev.detail.content);
  * });
  *
+ * element.on("experienceClick", (ev) => {
+ *   console.log("Experience clicked:", ev.detail.id);
+ * });
+ *
  * element.mount("#chat-container");
  * ```
  */
@@ -439,6 +470,10 @@ interface DmsListElementOptions {
      * The ID of the currently selected channel.
      */
     selectedChannel?: string;
+    /**
+     * Custom empty state displayed when there are no channels.
+     */
+    emptyState?: EmptyStateOptions;
     /**
      * Callback fired when the element has finished loading and is ready for interaction.
      * This is equivalent to listening to the `ready` event.

package/dist/url.js

@@ -24,10 +24,10 @@ __export(url_exports, {
   getScriptUrl: () => getScriptUrl
 });
 module.exports = __toCommonJS(url_exports);
-const getOrigin = () => "https://0-0-13-beta-3.elements.whop.com/";
+const getOrigin = () => "https://0-0-13-beta-5.elements.whop.com/";
 const getScriptUrl = () => {
   return new URL(`/release/elements.js`, getOrigin()).toString();
 };
-const ORIGIN = "https://0-0-13-beta-3.elements.whop.com/";
-const SCRIPT_URL = new URL(`/release/elements.js`, "https://0-0-13-beta-3.elements.whop.com/").toString();
+const ORIGIN = "https://0-0-13-beta-5.elements.whop.com/";
+const SCRIPT_URL = new URL(`/release/elements.js`, "https://0-0-13-beta-5.elements.whop.com/").toString();
 //# sourceMappingURL=url.js.map

package/dist/url.mjs

@@ -1,7 +1,7 @@
-const getOrigin = ()=>"https://0-0-13-beta-3.elements.whop.com/";
+const getOrigin = ()=>"https://0-0-13-beta-5.elements.whop.com/";
 const getScriptUrl = ()=>{
     return new URL(`/release/elements.js`, getOrigin()).toString();
 };
-const ORIGIN = "https://0-0-13-beta-3.elements.whop.com/";
-const SCRIPT_URL = new URL(`/release/elements.js`, "https://0-0-13-beta-3.elements.whop.com/").toString();
+const ORIGIN = "https://0-0-13-beta-5.elements.whop.com/";
+const SCRIPT_URL = new URL(`/release/elements.js`, "https://0-0-13-beta-5.elements.whop.com/").toString();
 export { ORIGIN, SCRIPT_URL, getOrigin, getScriptUrl };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@whop/embedded-components-vanilla-js",
-  "version": "0.0.13-beta.3",
+  "version": "0.0.13-beta.5",
   "description": "Whop Elements loading utility",
   "main": "dist/index.js",
   "module": "dist/index.mjs",