@whop/embedded-components-vanilla-js 0.0.1 → 0.0.3-beta.1

package/dist/lib/index.d.ts

@@ -129,6 +129,64 @@ interface BalanceElementSnapshot {
 }
 type BalanceElement = WhopElement<BalanceElementOptions, BalanceElementEvents, BalanceElementSnapshot>;
 
+interface ChangeAccountCountryElementEvents {
+    error: (error: unknown) => void;
+    ready: (element: ChangeAccountCountryElement) => void;
+    optionsUpdated: (options: ChangeAccountCountryElementOptions) => void;
+    close: (ev: CustomEvent) => void;
+    snapshot: (snapshot: ChangeAccountCountryElementSnapshot) => void;
+    countryChanged: (ev: CustomEvent<{
+        country: string;
+    }>) => void;
+}
+interface ChangeAccountCountryElementOptions {
+    onReady?: (element: ChangeAccountCountryElement) => void;
+    onClose?: (ev: CustomEvent) => void;
+    onCountryChanged?: (ev: CustomEvent<{
+        country: string;
+    }>) => void;
+}
+interface ChangeAccountCountryElementSnapshot {
+    state: "loading" | "ready";
+}
+type ChangeAccountCountryElement = WhopElement<ChangeAccountCountryElementOptions, ChangeAccountCountryElementEvents, ChangeAccountCountryElementSnapshot>;
+
+interface ResetAccountElementEvents {
+    error: (error: unknown) => void;
+    ready: (element: ResetAccountElement) => void;
+    optionsUpdated: (options: ResetAccountElementOptions) => void;
+    close: (ev: CustomEvent) => void;
+    snapshot: (snapshot: ResetAccountElementSnapshot) => void;
+    reset: (ev: CustomEvent) => void;
+}
+interface ResetAccountElementOptions {
+    onReady?: (element: ResetAccountElement) => void;
+    onClose?: (ev: CustomEvent) => void;
+    onReset?: (ev: CustomEvent) => void;
+}
+interface ResetAccountElementSnapshot {
+    state: "loading" | "ready";
+}
+type ResetAccountElement = WhopElement<ResetAccountElementOptions, ResetAccountElementEvents, ResetAccountElementSnapshot>;
+
+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>;
+
 interface WithdrawButtonElementEvents {
     error: (error: unknown) => void;
     ready: (element: WithdrawButtonElement) => void;
@@ -136,12 +194,14 @@ interface WithdrawButtonElementEvents {
     verify: (ev: CustomEvent<WithdrawButtonElement>) => void;
     withdraw: (ev: CustomEvent<WithdrawButtonElement>) => void;
     snapshot: (snapshot: WithdrawButtonElementSnapshot) => void;
+    verificationSubmitted: (ev: CustomEvent<WithdrawButtonElement>) => void;
+    withdrawalRequested: (ev: CustomEvent<WithdrawButtonElement>) => void;
 }
 interface WithdrawButtonElementOptions {
     hidePendingBalance?: boolean;
     onReady?: (element: WithdrawButtonElement) => void;
-    onVerificationSubmitted?: () => void;
-    onWithdraw?: () => void;
+    onVerificationSubmitted?: (ev: CustomEvent<WithdrawButtonElement>) => void;
+    onWithdrawalRequested?: (ev: CustomEvent<WithdrawButtonElement>) => void;
 }
 interface WithdrawButtonElementSnapshot {
     state: "loading" | "ready";
@@ -166,23 +226,49 @@ interface WithdrawElementSnapshot {
 }
 type WithdrawElement = WhopElement<WithdrawElementOptions, WithdrawElementEvents, WithdrawElementSnapshot>;
 
-interface VerifyElementEvents {
+interface WithdrawalBreakdownElementEvents {
     error: (error: unknown) => void;
-    ready: (element: VerifyElement) => void;
-    optionsUpdated: (options: VerifyElementOptions) => void;
+    ready: (element: WithdrawalBreakdownElement) => void;
+    optionsUpdated: (options: WithdrawalBreakdownElementOptions) => void;
     close: (ev: CustomEvent) => void;
-    snapshot: (snapshot: VerifyElementSnapshot) => void;
+    snapshot: (snapshot: WithdrawalBreakdownElementSnapshot) => void;
 }
-interface VerifyElementOptions {
-    includeControls?: boolean;
-    onReady?: (element: VerifyElement) => void;
-    onVerificationSubmitted?: () => void;
+interface WithdrawalBreakdownElementOptions {
+    withdrawalId: string;
+    onReady?: (element: WithdrawalBreakdownElement) => void;
     onClose?: (ev: CustomEvent) => void;
 }
-interface VerifyElementSnapshot {
+interface WithdrawalBreakdownElementSnapshot {
     state: "loading" | "ready";
 }
-type VerifyElement = WhopElement<VerifyElementOptions, VerifyElementEvents, VerifyElementSnapshot>;
+type WithdrawalBreakdownElement = WhopElement<WithdrawalBreakdownElementOptions, WithdrawalBreakdownElementEvents, WithdrawalBreakdownElementSnapshot>;
+
+interface WithdrawalsElementEvents {
+    error: (error: unknown) => void;
+    ready: (element: WithdrawalsElement) => void;
+    optionsUpdated: (options: WithdrawalsElementOptions) => void;
+    snapshot: (snapshot: WithdrawalsElementSnapshot) => void;
+    showWithdrawalBreakdown: (ev: CustomEvent<{
+        withdrawalId: string;
+    }>) => void;
+}
+interface WithdrawalsElementOptions {
+    onReady?: (element: WithdrawalsElement) => void;
+}
+interface WithdrawalsElementSnapshot {
+    state: "loading" | "ready";
+}
+type WithdrawalsElement = WhopElement<WithdrawalsElementOptions, WithdrawalsElementEvents, WithdrawalsElementSnapshot>;
+
+interface ModalContainer {
+    overlay: HTMLElement;
+    modal: HTMLElement;
+    content: HTMLElement;
+    mount: () => void;
+    close: () => void;
+}
+
+/** elements types */
 
 type GetToken = (opts: {
     abortSignal: AbortSignal;
@@ -241,6 +327,16 @@ type PayoutsSessionElements = {
     ];
     "withdraw-element": [WithdrawElementOptions, WithdrawElement];
     "verify-element": [VerifyElementOptions, VerifyElement];
+    "withdrawals-element": [WithdrawalsElementOptions, WithdrawalsElement];
+    "withdrawal-breakdown-element": [
+        WithdrawalBreakdownElementOptions,
+        WithdrawalBreakdownElement
+    ];
+    "change-account-country-element": [
+        ChangeAccountCountryElementOptions,
+        ChangeAccountCountryElement
+    ];
+    "reset-account-element": [ResetAccountElementOptions, ResetAccountElement];
 };
 interface PayoutsSession extends TypedEmitter<PayoutsSessionEvents> {
     token: Promise<string | null>;
@@ -249,6 +345,11 @@ interface PayoutsSession extends TypedEmitter<PayoutsSessionEvents> {
     createElement<T extends keyof PayoutsSessionElements>(type: T | {
         type: T;
     }, options: PayoutsSessionElements[T][0]): PayoutsSessionElements[T][1];
+    showWithdrawModal: <Force extends boolean = false>(options: WithdrawElementOptions | ((modal: ModalContainer) => WithdrawElementOptions), force?: Force) => Force extends true ? ModalContainer : ModalContainer | undefined;
+    showVerifyModal: <Force extends boolean = false>(options: VerifyElementOptions | ((modal: ModalContainer) => VerifyElementOptions), force?: Force) => Force extends true ? ModalContainer : ModalContainer | undefined;
+    showWithdrawalBreakdownModal: <Force extends boolean = false>(options: WithdrawalBreakdownElementOptions | ((modal: ModalContainer) => WithdrawalBreakdownElementOptions), force?: Force) => Force extends true ? ModalContainer : ModalContainer | undefined;
+    showChangeAccountCountryModal: <Force extends boolean = false>(options: ChangeAccountCountryElementOptions | ((modal: ModalContainer) => ChangeAccountCountryElementOptions), force?: Force) => Force extends true ? ModalContainer : ModalContainer | undefined;
+    showResetAccountModal: <Force extends boolean = false>(options: ResetAccountElementOptions | ((modal: ModalContainer) => ResetAccountElementOptions), force?: Force) => Force extends true ? ModalContainer : ModalContainer | undefined;
 }
 
 declare global {
@@ -280,4 +381,4 @@ 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 };
+export type { Appearance, BalanceElement, BalanceElementOptions, BalanceElementSnapshot, CSSVariableKeys, ChangeAccountCountryElement, ChangeAccountCountryElementOptions, ChangeAccountCountryElementSnapshot, ExpandedPayoutsSessionOptions, GetToken, I18nSupportedLocale, PayoutsSession, PayoutsSessionEvents, PayoutsSessionOptions, ResetAccountElement, ResetAccountElementOptions, ResetAccountElementSnapshot, VerifyElement, VerifyElementOptions, VerifyElementSnapshot, WhopElement, WhopElements, WhopElementsConstructor, WhopElementsEvents, WhopElementsOptions, WithdrawButtonElement, WithdrawButtonElementOptions, WithdrawElement, WithdrawElementOptions, WithdrawElementSnapshot, WithdrawalBreakdownElement, WithdrawalBreakdownElementOptions, WithdrawalBreakdownElementSnapshot, WithdrawalsElement, WithdrawalsElementOptions, WithdrawalsElementSnapshot };

package/dist/url.js

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

package/dist/url.mjs

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

package/package.json

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