@whop/embedded-components-vanilla-js 0.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2017 Stripe
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+import { LoadWhopElements } from './util.js';
+import './lib';
+
+declare const loadWhopElements: LoadWhopElements;
+
+export { loadWhopElements };

package/dist/index.js

@@ -0,0 +1,52 @@
+"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 index_exports = {};
+__export(index_exports, {
+  loadWhopElements: () => loadWhopElements
+});
+module.exports = __toCommonJS(index_exports);
+var import_util = require("./util");
+let whopElementsPromise;
+let loadCalled = false;
+const getWhopElementsPromise = () => {
+  if (whopElementsPromise) {
+    return whopElementsPromise;
+  }
+  whopElementsPromise = (0, import_util.loadScript)().catch((error) => {
+    whopElementsPromise = null;
+    if (error instanceof Error) {
+      return Promise.reject(error);
+    } else {
+      return Promise.reject(
+        new Error("Failed to load WhopElements", { cause: error })
+      );
+    }
+  });
+  return whopElementsPromise;
+};
+Promise.resolve().then(() => getWhopElementsPromise()).catch((error) => {
+  if (!loadCalled) {
+  }
+});
+const loadWhopElements = async (...args) => {
+  loadCalled = true;
+  const maybeWhopElements = await getWhopElementsPromise();
+  return (0, import_util.initWhopElements)(maybeWhopElements, args);
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import type { WhopElementsConstructor } from \"./types\";\nimport type { LoadWhopElements } from \"./util\";\nimport { initWhopElements, loadScript } from \"./util\";\n\nlet whopElementsPromise: Promise<WhopElementsConstructor | null> | null;\nlet loadCalled = false;\n\nconst getWhopElementsPromise: () => Promise<WhopElementsConstructor | null> =\n\t() => {\n\t\tif (whopElementsPromise) {\n\t\t\treturn whopElementsPromise;\n\t\t}\n\n\t\twhopElementsPromise = loadScript().catch((error) => {\n\t\t\t// clear cache on error\n\t\t\twhopElementsPromise = null;\n\t\t\tif (error instanceof Error) {\n\t\t\t\treturn Promise.reject(error);\n\t\t\t} else {\n\t\t\t\treturn Promise.reject(\n\t\t\t\t\tnew Error(\"Failed to load WhopElements\", { cause: error }),\n\t\t\t\t);\n\t\t\t}\n\t\t});\n\t\treturn whopElementsPromise;\n\t};\n\n// eagerly load the script\nPromise.resolve()\n\t.then(() => getWhopElementsPromise())\n\t.catch((error) => {\n\t\tif (!loadCalled) {\n\t\t\tconsole.warn(error);\n\t\t}\n\t});\n\nexport const loadWhopElements: LoadWhopElements = async (...args) => {\n\tloadCalled = true;\n\n\tconst maybeWhopElements = await getWhopElementsPromise();\n\treturn initWhopElements(maybeWhopElements, args);\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,kBAA6C;AAE7C,IAAI;AACJ,IAAI,aAAa;AAEjB,MAAM,yBACL,MAAM;AACL,MAAI,qBAAqB;AACxB,WAAO;AAAA,EACR;AAEA,4BAAsB,wBAAW,EAAE,MAAM,CAAC,UAAU;AAEnD,0BAAsB;AACtB,QAAI,iBAAiB,OAAO;AAC3B,aAAO,QAAQ,OAAO,KAAK;AAAA,IAC5B,OAAO;AACN,aAAO,QAAQ;AAAA,QACd,IAAI,MAAM,+BAA+B,EAAE,OAAO,MAAM,CAAC;AAAA,MAC1D;AAAA,IACD;AAAA,EACD,CAAC;AACD,SAAO;AACR;AAGD,QAAQ,QAAQ,EACd,KAAK,MAAM,uBAAuB,CAAC,EACnC,MAAM,CAAC,UAAU;AACjB,MAAI,CAAC,YAAY;AAAA,EAEjB;AACD,CAAC;AAEK,MAAM,mBAAqC,UAAU,SAAS;AACpE,eAAa;AAEb,QAAM,oBAAoB,MAAM,uBAAuB;AACvD,aAAO,8BAAiB,mBAAmB,IAAI;AAChD;","names":[]}

package/dist/index.mjs

@@ -0,0 +1,28 @@
+import { initWhopElements, loadScript } from "./util.mjs";
+let whopElementsPromise;
+let loadCalled = false;
+const getWhopElementsPromise = ()=>{
+    if (whopElementsPromise) {
+        return whopElementsPromise;
+    }
+    whopElementsPromise = loadScript().catch((error)=>{
+        whopElementsPromise = null;
+        if (error instanceof Error) {
+            return Promise.reject(error);
+        } else {
+            return Promise.reject(new Error("Failed to load WhopElements", {
+                cause: error
+            }));
+        }
+    });
+    return whopElementsPromise;
+};
+Promise.resolve().then(()=>getWhopElementsPromise()).catch((error)=>{
+    if (!loadCalled) {}
+});
+const loadWhopElements = async (...args)=>{
+    loadCalled = true;
+    const maybeWhopElements = await getWhopElementsPromise();
+    return initWhopElements(maybeWhopElements, args);
+};
+export { loadWhopElements };

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import type { WhopElementsConstructor } from \"./types\";\nimport type { LoadWhopElements } from \"./util\";\nimport { initWhopElements, loadScript } from \"./util\";\n\nlet whopElementsPromise: Promise<WhopElementsConstructor | null> | null;\nlet loadCalled = false;\n\nconst getWhopElementsPromise: () => Promise<WhopElementsConstructor | null> =\n\t() => {\n\t\tif (whopElementsPromise) {\n\t\t\treturn whopElementsPromise;\n\t\t}\n\n\t\twhopElementsPromise = loadScript().catch((error) => {\n\t\t\t// clear cache on error\n\t\t\twhopElementsPromise = null;\n\t\t\tif (error instanceof Error) {\n\t\t\t\treturn Promise.reject(error);\n\t\t\t} else {\n\t\t\t\treturn Promise.reject(\n\t\t\t\t\tnew Error(\"Failed to load WhopElements\", { cause: error }),\n\t\t\t\t);\n\t\t\t}\n\t\t});\n\t\treturn whopElementsPromise;\n\t};\n\n// eagerly load the script\nPromise.resolve()\n\t.then(() => getWhopElementsPromise())\n\t.catch((error) => {\n\t\tif (!loadCalled) {\n\t\t\tconsole.warn(error);\n\t\t}\n\t});\n\nexport const loadWhopElements: LoadWhopElements = async (...args) => {\n\tloadCalled = true;\n\n\tconst maybeWhopElements = await getWhopElementsPromise();\n\treturn initWhopElements(maybeWhopElements, args);\n};\n"],"mappings":"AAEA,SAAS,kBAAkB,kBAAkB;AAE7C,IAAI;AACJ,IAAI,aAAa;AAEjB,MAAM,yBACL,MAAM;AACL,MAAI,qBAAqB;AACxB,WAAO;AAAA,EACR;AAEA,wBAAsB,WAAW,EAAE,MAAM,CAAC,UAAU;AAEnD,0BAAsB;AACtB,QAAI,iBAAiB,OAAO;AAC3B,aAAO,QAAQ,OAAO,KAAK;AAAA,IAC5B,OAAO;AACN,aAAO,QAAQ;AAAA,QACd,IAAI,MAAM,+BAA+B,EAAE,OAAO,MAAM,CAAC;AAAA,MAC1D;AAAA,IACD;AAAA,EACD,CAAC;AACD,SAAO;AACR;AAGD,QAAQ,QAAQ,EACd,KAAK,MAAM,uBAAuB,CAAC,EACnC,MAAM,CAAC,UAAU;AACjB,MAAI,CAAC,YAAY;AAAA,EAEjB;AACD,CAAC;AAEK,MAAM,mBAAqC,UAAU,SAAS;AACpE,eAAa;AAEb,QAAM,oBAAoB,MAAM,uBAAuB;AACvD,SAAO,iBAAiB,mBAAmB,IAAI;AAChD;","names":[]}

package/dist/lib/index.d.ts

@@ -0,0 +1,283 @@
+declare const locales: readonly ["en"];
+type I18nSupportedLocale = (typeof locales)[number];
+
+type CSSVariableKeys = 
+	| "--colorAccent"
+	| "--colorAccentContrast"
+	| "--colorDanger"
+	| "--colorDangerContrast"
+	| "--colorWarning"
+	| "--colorWarningContrast"
+	| "--colorSuccess"
+	| "--colorSuccessContrast"
+	| "--colorStroke"
+	| "--colorTextPrimary"
+	| "--colorTextSecondary"
+	| "--colorTextTertiary"
+	| "--colorBackgroundPrimary"
+	| "--colorBackgroundPrimaryContrast"
+	| "--colorBackgroundSecondary"
+	| "--colorBackgroundSecondaryContrast"
+	| "--colorSurface"
+	| "--fontSize1"
+	| "--fontSize2"
+	| "--fontSize3"
+	| "--fontSize4"
+	| "--fontSize5"
+	| "--fontSize6"
+	| "--fontSize7"
+	| "--fontSize8"
+	| "--fontSize9"
+	| "--fontLetterSpacing1"
+	| "--fontLetterSpacing2"
+	| "--fontLetterSpacing3"
+	| "--fontLetterSpacing4"
+	| "--fontLetterSpacing5"
+	| "--fontLetterSpacing6"
+	| "--fontLetterSpacing7"
+	| "--fontLetterSpacing8"
+	| "--fontLetterSpacing9"
+	| "--fontLineHeight1"
+	| "--fontLineHeight2"
+	| "--fontLineHeight3"
+	| "--fontLineHeight4"
+	| "--fontLineHeight5"
+	| "--fontLineHeight6"
+	| "--fontLineHeight7"
+	| "--fontLineHeight8"
+	| "--fontLineHeight9"
+	| "--fontWeightRegular"
+	| "--fontWeightMedium"
+	| "--fontWeightSemiBold"
+	| "--fontWeightBold"
+	| "--shadowSize1"
+	| "--cursorButton"
+	| "--spacing1"
+	| "--spacing2"
+	| "--spacing3"
+	| "--spacing4"
+	| "--spacing5"
+	| "--spacing6"
+	| "--spacing7"
+	| "--spacing8"
+	| "--spacing9"
+	| "--spacing10"
+	| "--radius1"
+	| "--radius2"
+	| "--spinnerOpacity"
+
+type CSSValue = string;
+type CSSProps = Record<string, CSSValue>;
+type Classes = Record<string, CSSProps>;
+type Variables = Record<CSSVariableKeys, string>;
+type Appearance = {
+    variables?: Variables | null;
+    classes?: Classes | null;
+};
+
+interface EmbeddableElement {
+    mount: (element: HTMLElement | `#${string}`) => void;
+    unmount: () => void;
+}
+
+type ListenerSignature<L> = {
+    [E in keyof L]: (...args: any[]) => any;
+};
+type DefaultListener = Record<string, (...args: any[]) => any>;
+declare const TypedEmitter: new <L extends ListenerSignature<L> = DefaultListener>() => TypedEmitterType<L>;
+type TypedEmitter<L extends ListenerSignature<L> = DefaultListener> = InstanceType<typeof TypedEmitter<L>>;
+declare class TypedEmitterType<L extends ListenerSignature<L> = DefaultListener> {
+    static defaultMaxListeners: number;
+    addListener<U extends keyof L>(event: U, listener: L[U]): this;
+    prependListener<U extends keyof L>(event: U, listener: L[U]): this;
+    prependOnceListener<U extends keyof L>(event: U, listener: L[U]): this;
+    removeListener<U extends keyof L>(event: U, listener: L[U]): this;
+    removeAllListeners(event?: keyof L): this;
+    once<U extends keyof L>(event: U, listener: L[U]): this;
+    on<U extends keyof L>(event: U, listener: L[U]): this;
+    off<U extends keyof L>(event: U, listener: L[U]): this;
+    emit<U extends keyof L>(event: U, ...args: Parameters<L[U]>): boolean;
+    eventNames<U extends keyof L>(): U[];
+    listenerCount(type: keyof L): number;
+    listeners<U extends keyof L>(type: U): L[U][];
+    rawListeners<U extends keyof L>(type: U): L[U][];
+    getMaxListeners(): number;
+    setMaxListeners(n: number): this;
+}
+
+interface WhopElement<ElementOptions, ElementEvents extends ListenerSignature<ElementEvents> & {
+    snapshot: (snapshot: ElementSnapshot) => void;
+}, ElementSnapshot> extends TypedEmitter<ElementEvents>, EmbeddableElement {
+    options: ElementOptions;
+    state: "loading" | "ready";
+    updateOptions: (options: Partial<ElementOptions>) => void;
+    getSnapshot: () => ElementSnapshot;
+}
+
+interface BalanceElementEvents {
+    error: (error: unknown) => void;
+    ready: (element: BalanceElement) => void;
+    optionsUpdated: (options: BalanceElementOptions) => void;
+    snapshot: (snapshot: BalanceElementSnapshot) => void;
+}
+interface BalanceElementOptions {
+    hidePendingBalance?: boolean;
+    onReady?: (element: BalanceElement) => void;
+}
+interface BalanceElementSnapshot {
+    state: "loading" | "ready";
+}
+type BalanceElement = WhopElement<BalanceElementOptions, BalanceElementEvents, BalanceElementSnapshot>;
+
+interface WithdrawButtonElementEvents {
+    error: (error: unknown) => void;
+    ready: (element: WithdrawButtonElement) => void;
+    optionsUpdated: (options: WithdrawButtonElementOptions) => void;
+    verify: (ev: CustomEvent<WithdrawButtonElement>) => void;
+    withdraw: (ev: CustomEvent<WithdrawButtonElement>) => void;
+    snapshot: (snapshot: WithdrawButtonElementSnapshot) => void;
+}
+interface WithdrawButtonElementOptions {
+    hidePendingBalance?: boolean;
+    onReady?: (element: WithdrawButtonElement) => void;
+    onVerificationSubmitted?: () => void;
+    onWithdraw?: () => void;
+}
+interface WithdrawButtonElementSnapshot {
+    state: "loading" | "ready";
+}
+type WithdrawButtonElement = WhopElement<WithdrawButtonElementOptions, WithdrawButtonElementEvents, WithdrawButtonElementSnapshot>;
+
+interface WithdrawElementEvents {
+    error: (error: unknown) => void;
+    ready: (element: WithdrawElement) => void;
+    optionsUpdated: (options: WithdrawElementOptions) => void;
+    snapshot: (snapshot: WithdrawElementSnapshot) => void;
+    close: (ev: CustomEvent) => void;
+    withdraw: (ev: CustomEvent) => void;
+}
+interface WithdrawElementOptions {
+    onReady?: (element: WithdrawElement) => void;
+    onWithdraw?: (ev: CustomEvent) => void;
+    onClose?: (ev: CustomEvent) => void;
+}
+interface WithdrawElementSnapshot {
+    state: "loading" | "ready";
+}
+type WithdrawElement = WhopElement<WithdrawElementOptions, WithdrawElementEvents, WithdrawElementSnapshot>;
+
+interface VerifyElementEvents {
+    error: (error: unknown) => void;
+    ready: (element: VerifyElement) => void;
+    optionsUpdated: (options: VerifyElementOptions) => void;
+    close: (ev: CustomEvent) => void;
+    snapshot: (snapshot: VerifyElementSnapshot) => void;
+}
+interface VerifyElementOptions {
+    includeControls?: boolean;
+    onReady?: (element: VerifyElement) => void;
+    onVerificationSubmitted?: () => void;
+    onClose?: (ev: CustomEvent) => void;
+}
+interface VerifyElementSnapshot {
+    state: "loading" | "ready";
+}
+type VerifyElement = WhopElement<VerifyElementOptions, VerifyElementEvents, VerifyElementSnapshot>;
+
+type GetToken = (opts: {
+    abortSignal: AbortSignal;
+}) => Promise<string | null> | string | null;
+interface PayoutsSessionOptions {
+    /**
+     * The token to use for the session. If a function is provided, it will be called and awaited to get the token.
+     * When a function is provided, the token will be refreshed automatically before it expires.
+     *
+     * if a string is provided, it will be used as the token and not refreshed automatically. However you can update the token at runtime by
+     * calling `updateOptions` with a new token.
+     *
+     * @example
+     * ```ts
+     * // with a static token
+     * async function createPayoutsSession() {
+     * 	const token = await fetch("/api/token")
+     * 		.then(res => res.json())
+     * 		.then(data => data.token)
+     * 	return new PayoutsSession({ token })
+     * }
+     *
+     * // with a dynamic function
+     * function createPayoutsSession() {
+     * 	return new PayoutsSession({
+     * 		token: () => {
+     * 			return await fetch("/api/token")
+     * 				.then(res => res.json())
+     * 				.then(data => data.token)
+     * 		}
+     * 	})
+     * }
+     * ```
+     */
+    token: string | Promise<string | null> | null | GetToken;
+    /**
+     * The currency to use in the Elements
+     *
+     * @default "USD"
+     */
+    currency?: string;
+}
+interface ExpandedPayoutsSessionOptions extends PayoutsSessionOptions {
+}
+interface PayoutsSessionEvents {
+    optionsUpdated: (options: ExpandedPayoutsSessionOptions) => void;
+    tokenRefreshed: (token: string) => void;
+    tokenRefreshError: (error: unknown) => void;
+    error: (error: unknown) => void;
+}
+type PayoutsSessionElements = {
+    "balance-element": [BalanceElementOptions, BalanceElement];
+    "withdraw-button-element": [
+        WithdrawButtonElementOptions,
+        WithdrawButtonElement
+    ];
+    "withdraw-element": [WithdrawElementOptions, WithdrawElement];
+    "verify-element": [VerifyElementOptions, VerifyElement];
+};
+interface PayoutsSession extends TypedEmitter<PayoutsSessionEvents> {
+    token: Promise<string | null>;
+    updateOptions: (options: Partial<PayoutsSessionOptions>) => void;
+    destroy: () => void;
+    createElement<T extends keyof PayoutsSessionElements>(type: T | {
+        type: T;
+    }, options: PayoutsSessionElements[T][0]): PayoutsSessionElements[T][1];
+}
+
+declare global {
+    interface Window {
+        WhopElements: WhopElementsConstructor;
+    }
+}
+type WhopElementsOptions = {
+    /**
+     * Customize the appearance of the Whop embedded Elements
+     */
+    appearance?: Appearance;
+    /**
+     * This locale to use in the Elements
+     *
+     * @default "en"
+     */
+    locale?: I18nSupportedLocale;
+};
+type WhopElementsConstructor = {
+    new (options?: WhopElementsOptions): WhopElements;
+};
+interface WhopElements {
+    createPayoutsSession: (options: PayoutsSessionOptions) => PayoutsSession;
+    updateOptions: (options: Partial<WhopElementsOptions>) => void;
+    options: WhopElementsOptions;
+}
+interface WhopElementsEvents {
+    optionsUpdated: (options: WhopElementsOptions) => void;
+}
+
+export type { Appearance, BalanceElement, BalanceElementOptions, BalanceElementSnapshot, CSSVariableKeys, ExpandedPayoutsSessionOptions, GetToken, I18nSupportedLocale, PayoutsSession, PayoutsSessionEvents, PayoutsSessionOptions, VerifyElement, VerifyElementOptions, VerifyElementSnapshot, WhopElement, WhopElements, WhopElementsConstructor, WhopElementsEvents, WhopElementsOptions, WithdrawButtonElement, WithdrawButtonElementOptions, WithdrawElement, WithdrawElementOptions, WithdrawElementSnapshot };

package/dist/pure.d.ts

@@ -0,0 +1,6 @@
+import { LoadWhopElements } from './util.js';
+import './lib';
+
+declare const loadWhopElements: LoadWhopElements;
+
+export { loadWhopElements };

package/dist/pure.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 pure_exports = {};
+__export(pure_exports, {
+  loadWhopElements: () => loadWhopElements
+});
+module.exports = __toCommonJS(pure_exports);
+var import_util = require("./util");
+const loadWhopElements = async (...args) => {
+  const maybeWhopElements = await (0, import_util.loadScript)();
+  return (0, import_util.initWhopElements)(maybeWhopElements, args);
+};
+//# sourceMappingURL=pure.js.map

package/dist/pure.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/pure.ts"],"sourcesContent":["import type { LoadWhopElements } from \"./util\";\nimport { initWhopElements, loadScript } from \"./util\";\n\nexport const loadWhopElements: LoadWhopElements = async (...args) => {\n\tconst maybeWhopElements = await loadScript();\n\n\treturn initWhopElements(maybeWhopElements, args);\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,kBAA6C;AAEtC,MAAM,mBAAqC,UAAU,SAAS;AACpE,QAAM,oBAAoB,UAAM,wBAAW;AAE3C,aAAO,8BAAiB,mBAAmB,IAAI;AAChD;","names":[]}

package/dist/pure.mjs

@@ -0,0 +1,6 @@
+import { initWhopElements, loadScript } from "./util.mjs";
+const loadWhopElements = async (...args)=>{
+    const maybeWhopElements = await loadScript();
+    return initWhopElements(maybeWhopElements, args);
+};
+export { loadWhopElements };

package/dist/pure.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/pure.ts"],"sourcesContent":["import type { LoadWhopElements } from \"./util\";\nimport { initWhopElements, loadScript } from \"./util\";\n\nexport const loadWhopElements: LoadWhopElements = async (...args) => {\n\tconst maybeWhopElements = await loadScript();\n\n\treturn initWhopElements(maybeWhopElements, args);\n};\n"],"mappings":"AACA,SAAS,kBAAkB,kBAAkB;AAEtC,MAAM,mBAAqC,UAAU,SAAS;AACpE,QAAM,oBAAoB,MAAM,WAAW;AAE3C,SAAO,iBAAiB,mBAAmB,IAAI;AAChD;","names":[]}

package/dist/types.d.ts

@@ -0,0 +1 @@
+export * from './lib';

package/dist/types.js

@@ -0,0 +1,19 @@
+"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 types_exports = {};
+module.exports = __toCommonJS(types_exports);
+__reExport(types_exports, require("./lib"), module.exports);
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/types.ts"],"sourcesContent":["export * from \"./lib\";\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,0BAAc,kBAAd;","names":[]}

package/dist/types.mjs

@@ -0,0 +1 @@
+export * from "./lib";

package/dist/types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/types.ts"],"sourcesContent":["export * from \"./lib\";\n"],"mappings":"AAAA,cAAc;","names":[]}

package/dist/url.d.ts

@@ -0,0 +1,4 @@
+declare const ORIGIN: string;
+declare const SCRIPT_URL: string;
+
+export { ORIGIN, SCRIPT_URL };

package/dist/url.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 url_exports = {};
+__export(url_exports, {
+  ORIGIN: () => ORIGIN,
+  SCRIPT_URL: () => SCRIPT_URL
+});
+module.exports = __toCommonJS(url_exports);
+const ORIGIN = "https://0-0-0.elements.whop.com/";
+const SCRIPT_URL = new URL(`/release/elements.js`, ORIGIN).toString();
+//# sourceMappingURL=url.js.map

package/dist/url.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/url.ts"],"sourcesContent":["declare const _ELEMENTS_ORIGIN: string;\n\nexport const ORIGIN = _ELEMENTS_ORIGIN;\nexport const SCRIPT_URL = new URL(`/release/elements.js`, ORIGIN).toString();\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,MAAM,SAAS;AACf,MAAM,aAAa,IAAI,IAAI,wBAAwB,MAAM,EAAE,SAAS;","names":[]}

package/dist/url.mjs

@@ -0,0 +1,3 @@
+const ORIGIN = "https://0-0-0.elements.whop.com/";
+const SCRIPT_URL = new URL(`/release/elements.js`, ORIGIN).toString();
+export { ORIGIN, SCRIPT_URL };

package/dist/url.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/url.ts"],"sourcesContent":["declare const _ELEMENTS_ORIGIN: string;\n\nexport const ORIGIN = _ELEMENTS_ORIGIN;\nexport const SCRIPT_URL = new URL(`/release/elements.js`, ORIGIN).toString();\n"],"mappings":"AAEO,MAAM,SAAS;AACf,MAAM,aAAa,IAAI,IAAI,wBAAwB,MAAM,EAAE,SAAS;","names":[]}

package/dist/util.d.ts

@@ -0,0 +1,8 @@
+import { WhopElementsConstructor, WhopElements } from './lib';
+
+type LoadWhopElements = (...args: ConstructorParameters<WhopElementsConstructor>) => Promise<WhopElements | null>;
+declare const findScript: () => HTMLScriptElement | null;
+declare const loadScript: () => Promise<WhopElementsConstructor | null>;
+declare const initWhopElements: (maybeWhopElements: WhopElementsConstructor | null, args: ConstructorParameters<WhopElementsConstructor>) => WhopElements | null;
+
+export { type LoadWhopElements, findScript, initWhopElements, loadScript };

package/dist/util.js

@@ -0,0 +1,122 @@
+"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 util_exports = {};
+__export(util_exports, {
+  findScript: () => findScript,
+  initWhopElements: () => initWhopElements,
+  loadScript: () => loadScript
+});
+module.exports = __toCommonJS(util_exports);
+var import_url = require("./url");
+const isWhopElementsScriptURL = (url) => {
+  const result = url.startsWith(import_url.ORIGIN) && url.endsWith("/elements.js");
+  return result;
+};
+const findScript = () => {
+  const scripts = document.querySelectorAll(
+    `script[src^="${import_url.ORIGIN}"]`
+  );
+  for (const script of scripts) {
+    if (!script || !isWhopElementsScriptURL(script.src)) {
+      continue;
+    }
+    return script;
+  }
+  return null;
+};
+const injectScript = () => {
+  const script = document.createElement("script");
+  script.src = import_url.SCRIPT_URL;
+  const headOrBody = document.head || document.body;
+  if (!headOrBody) {
+    throw new Error(
+      "Expected document.body not to be null. WhopElements requires a <body> element."
+    );
+  }
+  headOrBody.appendChild(script);
+  return script;
+};
+let whopElementsPromise = null;
+let onErrorListener = null;
+let onLoadListener = null;
+const onError = (reject) => (cause) => {
+  reject(new Error("Failed to load WhopElements", { cause }));
+};
+const onLoad = (resolve, reject) => () => {
+  if (window.WhopElements) {
+    resolve(window.WhopElements);
+  } else {
+    reject(new Error("WhopElements not available"));
+  }
+};
+const loadScript = () => {
+  if (whopElementsPromise !== null) {
+    return whopElementsPromise;
+  }
+  whopElementsPromise = new Promise((resolve, reject) => {
+    if (typeof window === "undefined" || typeof document === "undefined") {
+      resolve(null);
+      return;
+    }
+    if (window.WhopElements) {
+      resolve(window.WhopElements);
+      return;
+    }
+    try {
+      let script = findScript();
+      if (!script) {
+        script = injectScript();
+      } else if (script && onLoadListener !== null && onErrorListener !== null) {
+        script.removeEventListener("load", onLoadListener);
+        script.removeEventListener("error", onErrorListener);
+        script.parentNode?.removeChild(script);
+        script = injectScript();
+      }
+      onLoadListener = onLoad(resolve, reject);
+      onErrorListener = onError(reject);
+      script.addEventListener("load", onLoadListener);
+      script.addEventListener("error", onErrorListener);
+    } catch (error) {
+      if (error instanceof Error) {
+        reject(error);
+      } else {
+        reject(new Error("Failed to load WhopElements", { cause: error }));
+      }
+      return;
+    }
+  });
+  return whopElementsPromise.catch((error) => {
+    whopElementsPromise = null;
+    if (error instanceof Error) {
+      return Promise.reject(error);
+    } else {
+      return Promise.reject(
+        new Error("Failed to load WhopElements", { cause: error })
+      );
+    }
+  });
+};
+const initWhopElements = (maybeWhopElements, args) => {
+  if (maybeWhopElements === null) {
+    return null;
+  }
+  const WhopElements = maybeWhopElements;
+  return new WhopElements(...args);
+};
+//# sourceMappingURL=util.js.map

package/dist/util.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/util.ts"],"sourcesContent":["import type { WhopElements, WhopElementsConstructor } from \"./types\";\nimport { ORIGIN, SCRIPT_URL } from \"./url\";\n\nexport type LoadWhopElements = (\n\t...args: ConstructorParameters<WhopElementsConstructor>\n) => Promise<WhopElements | null>;\n\nconst isWhopElementsScriptURL = (url: string): boolean => {\n\tconst result = url.startsWith(ORIGIN) && url.endsWith(\"/elements.js\");\n\treturn result;\n};\n\nexport const findScript = (): HTMLScriptElement | null => {\n\tconst scripts = document.querySelectorAll<HTMLScriptElement>(\n\t\t`script[src^=\"${ORIGIN}\"]`,\n\t);\n\n\tfor (const script of scripts) {\n\t\tif (!script || !isWhopElementsScriptURL(script.src)) {\n\t\t\tcontinue;\n\t\t}\n\t\treturn script;\n\t}\n\treturn null;\n};\n\nconst injectScript = (): HTMLScriptElement => {\n\tconst script = document.createElement(\"script\");\n\tscript.src = SCRIPT_URL;\n\n\tconst headOrBody = document.head || document.body;\n\n\tif (!headOrBody) {\n\t\tthrow new Error(\n\t\t\t\"Expected document.body not to be null. WhopElements requires a <body> element.\",\n\t\t);\n\t}\n\n\theadOrBody.appendChild(script);\n\n\treturn script;\n};\n\nlet whopElementsPromise: Promise<WhopElementsConstructor | null> | null = null;\n\nlet onErrorListener: ((cause?: unknown) => void) | null = null;\nlet onLoadListener: (() => void) | null = null;\n\nconst onError = (reject: (reason?: unknown) => void) => (cause?: unknown) => {\n\treject(new Error(\"Failed to load WhopElements\", { cause }));\n};\n\nconst onLoad =\n\t(\n\t\tresolve: (\n\t\t\tvalue:\n\t\t\t\t| WhopElementsConstructor\n\t\t\t\t| PromiseLike<WhopElementsConstructor | null>\n\t\t\t\t| null,\n\t\t) => void,\n\t\treject: (reason?: unknown) => void,\n\t) =>\n\t() => {\n\t\tif (window.WhopElements) {\n\t\t\tresolve(window.WhopElements);\n\t\t} else {\n\t\t\treject(new Error(\"WhopElements not available\"));\n\t\t}\n\t};\n\nexport const loadScript = (): Promise<WhopElementsConstructor | null> => {\n\tif (whopElementsPromise !== null) {\n\t\treturn whopElementsPromise;\n\t}\n\n\twhopElementsPromise = new Promise((resolve, reject) => {\n\t\tif (typeof window === \"undefined\" || typeof document === \"undefined\") {\n\t\t\tresolve(null);\n\t\t\treturn;\n\t\t}\n\n\t\tif (window.WhopElements) {\n\t\t\tresolve(window.WhopElements);\n\t\t\treturn;\n\t\t}\n\n\t\ttry {\n\t\t\tlet script = findScript();\n\n\t\t\tif (!script) {\n\t\t\t\tscript = injectScript();\n\t\t\t} else if (\n\t\t\t\tscript &&\n\t\t\t\tonLoadListener !== null &&\n\t\t\t\tonErrorListener !== null\n\t\t\t) {\n\t\t\t\t// remove event listeners\n\t\t\t\tscript.removeEventListener(\"load\", onLoadListener);\n\t\t\t\tscript.removeEventListener(\"error\", onErrorListener);\n\n\t\t\t\t// if script exists, but we are reloading due to an error,\n\t\t\t\t// reload script to trigger 'load' event\n\t\t\t\tscript.parentNode?.removeChild(script);\n\t\t\t\tscript = injectScript();\n\t\t\t}\n\n\t\t\tonLoadListener = onLoad(resolve, reject);\n\t\t\tonErrorListener = onError(reject);\n\t\t\tscript.addEventListener(\"load\", onLoadListener);\n\t\t\tscript.addEventListener(\"error\", onErrorListener);\n\t\t} catch (error) {\n\t\t\tif (error instanceof Error) {\n\t\t\t\treject(error);\n\t\t\t} else {\n\t\t\t\treject(new Error(\"Failed to load WhopElements\", { cause: error }));\n\t\t\t}\n\t\t\treturn;\n\t\t}\n\t});\n\n\treturn whopElementsPromise.catch((error) => {\n\t\twhopElementsPromise = null;\n\t\tif (error instanceof Error) {\n\t\t\treturn Promise.reject(error);\n\t\t} else {\n\t\t\treturn Promise.reject(\n\t\t\t\tnew Error(\"Failed to load WhopElements\", { cause: error }),\n\t\t\t);\n\t\t}\n\t});\n};\n\nexport const initWhopElements = (\n\tmaybeWhopElements: WhopElementsConstructor | null,\n\targs: ConstructorParameters<WhopElementsConstructor>,\n): WhopElements | null => {\n\tif (maybeWhopElements === null) {\n\t\treturn null;\n\t}\n\tconst WhopElements = maybeWhopElements;\n\n\treturn new WhopElements(...args);\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,iBAAmC;AAMnC,MAAM,0BAA0B,CAAC,QAAyB;AACzD,QAAM,SAAS,IAAI,WAAW,iBAAM,KAAK,IAAI,SAAS,cAAc;AACpE,SAAO;AACR;AAEO,MAAM,aAAa,MAAgC;AACzD,QAAM,UAAU,SAAS;AAAA,IACxB,gBAAgB,iBAAM;AAAA,EACvB;AAEA,aAAW,UAAU,SAAS;AAC7B,QAAI,CAAC,UAAU,CAAC,wBAAwB,OAAO,GAAG,GAAG;AACpD;AAAA,IACD;AACA,WAAO;AAAA,EACR;AACA,SAAO;AACR;AAEA,MAAM,eAAe,MAAyB;AAC7C,QAAM,SAAS,SAAS,cAAc,QAAQ;AAC9C,SAAO,MAAM;AAEb,QAAM,aAAa,SAAS,QAAQ,SAAS;AAE7C,MAAI,CAAC,YAAY;AAChB,UAAM,IAAI;AAAA,MACT;AAAA,IACD;AAAA,EACD;AAEA,aAAW,YAAY,MAAM;AAE7B,SAAO;AACR;AAEA,IAAI,sBAAsE;AAE1E,IAAI,kBAAsD;AAC1D,IAAI,iBAAsC;AAE1C,MAAM,UAAU,CAAC,WAAuC,CAAC,UAAoB;AAC5E,SAAO,IAAI,MAAM,+BAA+B,EAAE,MAAM,CAAC,CAAC;AAC3D;AAEA,MAAM,SACL,CACC,SAMA,WAED,MAAM;AACL,MAAI,OAAO,cAAc;AACxB,YAAQ,OAAO,YAAY;AAAA,EAC5B,OAAO;AACN,WAAO,IAAI,MAAM,4BAA4B,CAAC;AAAA,EAC/C;AACD;AAEM,MAAM,aAAa,MAA+C;AACxE,MAAI,wBAAwB,MAAM;AACjC,WAAO;AAAA,EACR;AAEA,wBAAsB,IAAI,QAAQ,CAAC,SAAS,WAAW;AACtD,QAAI,OAAO,WAAW,eAAe,OAAO,aAAa,aAAa;AACrE,cAAQ,IAAI;AACZ;AAAA,IACD;AAEA,QAAI,OAAO,cAAc;AACxB,cAAQ,OAAO,YAAY;AAC3B;AAAA,IACD;AAEA,QAAI;AACH,UAAI,SAAS,WAAW;AAExB,UAAI,CAAC,QAAQ;AACZ,iBAAS,aAAa;AAAA,MACvB,WACC,UACA,mBAAmB,QACnB,oBAAoB,MACnB;AAED,eAAO,oBAAoB,QAAQ,cAAc;AACjD,eAAO,oBAAoB,SAAS,eAAe;AAInD,eAAO,YAAY,YAAY,MAAM;AACrC,iBAAS,aAAa;AAAA,MACvB;AAEA,uBAAiB,OAAO,SAAS,MAAM;AACvC,wBAAkB,QAAQ,MAAM;AAChC,aAAO,iBAAiB,QAAQ,cAAc;AAC9C,aAAO,iBAAiB,SAAS,eAAe;AAAA,IACjD,SAAS,OAAO;AACf,UAAI,iBAAiB,OAAO;AAC3B,eAAO,KAAK;AAAA,MACb,OAAO;AACN,eAAO,IAAI,MAAM,+BAA+B,EAAE,OAAO,MAAM,CAAC,CAAC;AAAA,MAClE;AACA;AAAA,IACD;AAAA,EACD,CAAC;AAED,SAAO,oBAAoB,MAAM,CAAC,UAAU;AAC3C,0BAAsB;AACtB,QAAI,iBAAiB,OAAO;AAC3B,aAAO,QAAQ,OAAO,KAAK;AAAA,IAC5B,OAAO;AACN,aAAO,QAAQ;AAAA,QACd,IAAI,MAAM,+BAA+B,EAAE,OAAO,MAAM,CAAC;AAAA,MAC1D;AAAA,IACD;AAAA,EACD,CAAC;AACF;AAEO,MAAM,mBAAmB,CAC/B,mBACA,SACyB;AACzB,MAAI,sBAAsB,MAAM;AAC/B,WAAO;AAAA,EACR;AACA,QAAM,eAAe;AAErB,SAAO,IAAI,aAAa,GAAG,IAAI;AAChC;","names":[]}

package/dist/util.mjs

@@ -0,0 +1,97 @@
+import { ORIGIN, SCRIPT_URL } from "./url.mjs";
+const isWhopElementsScriptURL = (url)=>{
+    const result = url.startsWith(ORIGIN) && url.endsWith("/elements.js");
+    return result;
+};
+const findScript = ()=>{
+    const scripts = document.querySelectorAll(`script[src^="${ORIGIN}"]`);
+    for (const script of scripts){
+        if (!script || !isWhopElementsScriptURL(script.src)) {
+            continue;
+        }
+        return script;
+    }
+    return null;
+};
+const injectScript = ()=>{
+    const script = document.createElement("script");
+    script.src = SCRIPT_URL;
+    const headOrBody = document.head || document.body;
+    if (!headOrBody) {
+        throw new Error("Expected document.body not to be null. WhopElements requires a <body> element.");
+    }
+    headOrBody.appendChild(script);
+    return script;
+};
+let whopElementsPromise = null;
+let onErrorListener = null;
+let onLoadListener = null;
+const onError = (reject)=>(cause)=>{
+        reject(new Error("Failed to load WhopElements", {
+            cause
+        }));
+    };
+const onLoad = (resolve, reject)=>()=>{
+        if (window.WhopElements) {
+            resolve(window.WhopElements);
+        } else {
+            reject(new Error("WhopElements not available"));
+        }
+    };
+const loadScript = ()=>{
+    if (whopElementsPromise !== null) {
+        return whopElementsPromise;
+    }
+    whopElementsPromise = new Promise((resolve, reject)=>{
+        if (typeof window === "undefined" || typeof document === "undefined") {
+            resolve(null);
+            return;
+        }
+        if (window.WhopElements) {
+            resolve(window.WhopElements);
+            return;
+        }
+        try {
+            let script = findScript();
+            if (!script) {
+                script = injectScript();
+            } else if (script && onLoadListener !== null && onErrorListener !== null) {
+                script.removeEventListener("load", onLoadListener);
+                script.removeEventListener("error", onErrorListener);
+                script.parentNode?.removeChild(script);
+                script = injectScript();
+            }
+            onLoadListener = onLoad(resolve, reject);
+            onErrorListener = onError(reject);
+            script.addEventListener("load", onLoadListener);
+            script.addEventListener("error", onErrorListener);
+        } catch (error) {
+            if (error instanceof Error) {
+                reject(error);
+            } else {
+                reject(new Error("Failed to load WhopElements", {
+                    cause: error
+                }));
+            }
+            return;
+        }
+    });
+    return whopElementsPromise.catch((error)=>{
+        whopElementsPromise = null;
+        if (error instanceof Error) {
+            return Promise.reject(error);
+        } else {
+            return Promise.reject(new Error("Failed to load WhopElements", {
+                cause: error
+            }));
+        }
+    });
+};
+const initWhopElements = (maybeWhopElements, args)=>{
+    if (maybeWhopElements === null) {
+        return null;
+    }
+    const WhopElements = maybeWhopElements;
+    return new WhopElements(...args);
+};
+export { findScript, initWhopElements, loadScript };

package/dist/util.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/util.ts"],"sourcesContent":["import type { WhopElements, WhopElementsConstructor } from \"./types\";\nimport { ORIGIN, SCRIPT_URL } from \"./url\";\n\nexport type LoadWhopElements = (\n\t...args: ConstructorParameters<WhopElementsConstructor>\n) => Promise<WhopElements | null>;\n\nconst isWhopElementsScriptURL = (url: string): boolean => {\n\tconst result = url.startsWith(ORIGIN) && url.endsWith(\"/elements.js\");\n\treturn result;\n};\n\nexport const findScript = (): HTMLScriptElement | null => {\n\tconst scripts = document.querySelectorAll<HTMLScriptElement>(\n\t\t`script[src^=\"${ORIGIN}\"]`,\n\t);\n\n\tfor (const script of scripts) {\n\t\tif (!script || !isWhopElementsScriptURL(script.src)) {\n\t\t\tcontinue;\n\t\t}\n\t\treturn script;\n\t}\n\treturn null;\n};\n\nconst injectScript = (): HTMLScriptElement => {\n\tconst script = document.createElement(\"script\");\n\tscript.src = SCRIPT_URL;\n\n\tconst headOrBody = document.head || document.body;\n\n\tif (!headOrBody) {\n\t\tthrow new Error(\n\t\t\t\"Expected document.body not to be null. WhopElements requires a <body> element.\",\n\t\t);\n\t}\n\n\theadOrBody.appendChild(script);\n\n\treturn script;\n};\n\nlet whopElementsPromise: Promise<WhopElementsConstructor | null> | null = null;\n\nlet onErrorListener: ((cause?: unknown) => void) | null = null;\nlet onLoadListener: (() => void) | null = null;\n\nconst onError = (reject: (reason?: unknown) => void) => (cause?: unknown) => {\n\treject(new Error(\"Failed to load WhopElements\", { cause }));\n};\n\nconst onLoad =\n\t(\n\t\tresolve: (\n\t\t\tvalue:\n\t\t\t\t| WhopElementsConstructor\n\t\t\t\t| PromiseLike<WhopElementsConstructor | null>\n\t\t\t\t| null,\n\t\t) => void,\n\t\treject: (reason?: unknown) => void,\n\t) =>\n\t() => {\n\t\tif (window.WhopElements) {\n\t\t\tresolve(window.WhopElements);\n\t\t} else {\n\t\t\treject(new Error(\"WhopElements not available\"));\n\t\t}\n\t};\n\nexport const loadScript = (): Promise<WhopElementsConstructor | null> => {\n\tif (whopElementsPromise !== null) {\n\t\treturn whopElementsPromise;\n\t}\n\n\twhopElementsPromise = new Promise((resolve, reject) => {\n\t\tif (typeof window === \"undefined\" || typeof document === \"undefined\") {\n\t\t\tresolve(null);\n\t\t\treturn;\n\t\t}\n\n\t\tif (window.WhopElements) {\n\t\t\tresolve(window.WhopElements);\n\t\t\treturn;\n\t\t}\n\n\t\ttry {\n\t\t\tlet script = findScript();\n\n\t\t\tif (!script) {\n\t\t\t\tscript = injectScript();\n\t\t\t} else if (\n\t\t\t\tscript &&\n\t\t\t\tonLoadListener !== null &&\n\t\t\t\tonErrorListener !== null\n\t\t\t) {\n\t\t\t\t// remove event listeners\n\t\t\t\tscript.removeEventListener(\"load\", onLoadListener);\n\t\t\t\tscript.removeEventListener(\"error\", onErrorListener);\n\n\t\t\t\t// if script exists, but we are reloading due to an error,\n\t\t\t\t// reload script to trigger 'load' event\n\t\t\t\tscript.parentNode?.removeChild(script);\n\t\t\t\tscript = injectScript();\n\t\t\t}\n\n\t\t\tonLoadListener = onLoad(resolve, reject);\n\t\t\tonErrorListener = onError(reject);\n\t\t\tscript.addEventListener(\"load\", onLoadListener);\n\t\t\tscript.addEventListener(\"error\", onErrorListener);\n\t\t} catch (error) {\n\t\t\tif (error instanceof Error) {\n\t\t\t\treject(error);\n\t\t\t} else {\n\t\t\t\treject(new Error(\"Failed to load WhopElements\", { cause: error }));\n\t\t\t}\n\t\t\treturn;\n\t\t}\n\t});\n\n\treturn whopElementsPromise.catch((error) => {\n\t\twhopElementsPromise = null;\n\t\tif (error instanceof Error) {\n\t\t\treturn Promise.reject(error);\n\t\t} else {\n\t\t\treturn Promise.reject(\n\t\t\t\tnew Error(\"Failed to load WhopElements\", { cause: error }),\n\t\t\t);\n\t\t}\n\t});\n};\n\nexport const initWhopElements = (\n\tmaybeWhopElements: WhopElementsConstructor | null,\n\targs: ConstructorParameters<WhopElementsConstructor>,\n): WhopElements | null => {\n\tif (maybeWhopElements === null) {\n\t\treturn null;\n\t}\n\tconst WhopElements = maybeWhopElements;\n\n\treturn new WhopElements(...args);\n};\n"],"mappings":"AACA,SAAS,QAAQ,kBAAkB;AAMnC,MAAM,0BAA0B,CAAC,QAAyB;AACzD,QAAM,SAAS,IAAI,WAAW,MAAM,KAAK,IAAI,SAAS,cAAc;AACpE,SAAO;AACR;AAEO,MAAM,aAAa,MAAgC;AACzD,QAAM,UAAU,SAAS;AAAA,IACxB,gBAAgB,MAAM;AAAA,EACvB;AAEA,aAAW,UAAU,SAAS;AAC7B,QAAI,CAAC,UAAU,CAAC,wBAAwB,OAAO,GAAG,GAAG;AACpD;AAAA,IACD;AACA,WAAO;AAAA,EACR;AACA,SAAO;AACR;AAEA,MAAM,eAAe,MAAyB;AAC7C,QAAM,SAAS,SAAS,cAAc,QAAQ;AAC9C,SAAO,MAAM;AAEb,QAAM,aAAa,SAAS,QAAQ,SAAS;AAE7C,MAAI,CAAC,YAAY;AAChB,UAAM,IAAI;AAAA,MACT;AAAA,IACD;AAAA,EACD;AAEA,aAAW,YAAY,MAAM;AAE7B,SAAO;AACR;AAEA,IAAI,sBAAsE;AAE1E,IAAI,kBAAsD;AAC1D,IAAI,iBAAsC;AAE1C,MAAM,UAAU,CAAC,WAAuC,CAAC,UAAoB;AAC5E,SAAO,IAAI,MAAM,+BAA+B,EAAE,MAAM,CAAC,CAAC;AAC3D;AAEA,MAAM,SACL,CACC,SAMA,WAED,MAAM;AACL,MAAI,OAAO,cAAc;AACxB,YAAQ,OAAO,YAAY;AAAA,EAC5B,OAAO;AACN,WAAO,IAAI,MAAM,4BAA4B,CAAC;AAAA,EAC/C;AACD;AAEM,MAAM,aAAa,MAA+C;AACxE,MAAI,wBAAwB,MAAM;AACjC,WAAO;AAAA,EACR;AAEA,wBAAsB,IAAI,QAAQ,CAAC,SAAS,WAAW;AACtD,QAAI,OAAO,WAAW,eAAe,OAAO,aAAa,aAAa;AACrE,cAAQ,IAAI;AACZ;AAAA,IACD;AAEA,QAAI,OAAO,cAAc;AACxB,cAAQ,OAAO,YAAY;AAC3B;AAAA,IACD;AAEA,QAAI;AACH,UAAI,SAAS,WAAW;AAExB,UAAI,CAAC,QAAQ;AACZ,iBAAS,aAAa;AAAA,MACvB,WACC,UACA,mBAAmB,QACnB,oBAAoB,MACnB;AAED,eAAO,oBAAoB,QAAQ,cAAc;AACjD,eAAO,oBAAoB,SAAS,eAAe;AAInD,eAAO,YAAY,YAAY,MAAM;AACrC,iBAAS,aAAa;AAAA,MACvB;AAEA,uBAAiB,OAAO,SAAS,MAAM;AACvC,wBAAkB,QAAQ,MAAM;AAChC,aAAO,iBAAiB,QAAQ,cAAc;AAC9C,aAAO,iBAAiB,SAAS,eAAe;AAAA,IACjD,SAAS,OAAO;AACf,UAAI,iBAAiB,OAAO;AAC3B,eAAO,KAAK;AAAA,MACb,OAAO;AACN,eAAO,IAAI,MAAM,+BAA+B,EAAE,OAAO,MAAM,CAAC,CAAC;AAAA,MAClE;AACA;AAAA,IACD;AAAA,EACD,CAAC;AAED,SAAO,oBAAoB,MAAM,CAAC,UAAU;AAC3C,0BAAsB;AACtB,QAAI,iBAAiB,OAAO;AAC3B,aAAO,QAAQ,OAAO,KAAK;AAAA,IAC5B,OAAO;AACN,aAAO,QAAQ;AAAA,QACd,IAAI,MAAM,+BAA+B,EAAE,OAAO,MAAM,CAAC;AAAA,MAC1D;AAAA,IACD;AAAA,EACD,CAAC;AACF;AAEO,MAAM,mBAAmB,CAC/B,mBACA,SACyB;AACzB,MAAI,sBAAsB,MAAM;AAC/B,WAAO;AAAA,EACR;AACA,QAAM,eAAe;AAErB,SAAO,IAAI,aAAa,GAAG,IAAI;AAChC;","names":[]}

package/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "@whop/embedded-components-vanilla-js",
+  "version": "0.0.0",
+  "description": "Whop Elements loading utility",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "jsnext:main": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "typing": "dist/index.d.ts",
+  "keywords": [
+    "Whop",
+    "Whop.js",
+    "Elements",
+    "embedded",
+    "payments",
+    "payouts"
+  ],
+  "author": "Whop (https://whop.com)",
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/pure/index.d.ts

@@ -0,0 +1 @@
+export * from "../dist/pure";

package/pure/index.js

@@ -0,0 +1,27 @@
+/* eslint-disable */
+
+"use strict";
+const __defProp = Object.defineProperty;
+const __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+const __getOwnPropNames = Object.getOwnPropertyNames;
+const __hasOwnProp = Object.prototype.hasOwnProperty;
+const __copyProps = (to, from, except, desc) => {
+	if ((from && typeof from === "object") || typeof from === "function") {
+		for (const 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;
+};
+const __reExport = (target, mod, secondTarget) => (
+	__copyProps(target, mod, "default"),
+	secondTarget && __copyProps(secondTarget, mod, "default")
+);
+const __toCommonJS = (mod) =>
+	__copyProps(__defProp({}, "__esModule", { value: true }), mod);
+const types_exports = {};
+module.exports = __toCommonJS(types_exports);
+__reExport(types_exports, require("../dist/pure"), module.exports);

package/pure/index.mjs

@@ -0,0 +1 @@
+export * from "../dist/pure.mjs";

package/types/index.d.ts

@@ -0,0 +1 @@
+export * from "../dist/types";

package/url/index.d.ts

@@ -0,0 +1 @@
+export * from "../dist/url";

package/url/index.js

@@ -0,0 +1,27 @@
+/* eslint-disable */
+
+"use strict";
+const __defProp = Object.defineProperty;
+const __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+const __getOwnPropNames = Object.getOwnPropertyNames;
+const __hasOwnProp = Object.prototype.hasOwnProperty;
+const __copyProps = (to, from, except, desc) => {
+	if ((from && typeof from === "object") || typeof from === "function") {
+		for (const 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;
+};
+const __reExport = (target, mod, secondTarget) => (
+	__copyProps(target, mod, "default"),
+	secondTarget && __copyProps(secondTarget, mod, "default")
+);
+const __toCommonJS = (mod) =>
+	__copyProps(__defProp({}, "__esModule", { value: true }), mod);
+const types_exports = {};
+module.exports = __toCommonJS(types_exports);
+__reExport(types_exports, require("../dist/url"), module.exports);

package/url/index.mjs

@@ -0,0 +1 @@
+export * from "../dist/url.mjs";