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

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,9 +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` and `username` in `ev.detail`.
      */
     profileClick: (ev: CustomEvent<{
+        id: string;
         username: string;
     }>) => void;
     /**
@@ -313,6 +324,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 +387,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) => {
@@ -439,6 +460,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-4.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-4.elements.whop.com/";
+const SCRIPT_URL = new URL(`/release/elements.js`, "https://0-0-13-beta-4.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-4.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-4.elements.whop.com/";
+const SCRIPT_URL = new URL(`/release/elements.js`, "https://0-0-13-beta-4.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.4",
   "description": "Whop Elements loading utility",
   "main": "dist/index.js",
   "module": "dist/index.mjs",