@whop/embedded-components-vanilla-js 0.0.5-beta.9 → 0.0.6

package/dist/lib/index.d.ts

@@ -60,21 +60,55 @@ interface WhopElement<ElementOptions, ElementEvents extends ListenerSignature<El
     getSnapshot: () => ElementSnapshot;
 }
 
+interface AddPayoutMethodElementEvents {
+    error: (error: unknown) => void;
+    ready: (element: AddPayoutMethodElement) => void;
+    optionsUpdated: (options: AddPayoutMethodElementOptions) => void;
+    snapshot: (snapshot: AddPayoutMethodElementSnapshot) => void;
+    close: (ev: CustomEvent) => void;
+    complete: (ev: CustomEvent<AddPayoutMethodElement>) => void;
+}
+interface AddPayoutMethodElementOptions {
+    onReady?: (element: AddPayoutMethodElement) => void;
+    onClose?: (ev: CustomEvent) => void;
+    onComplete?: (ev: CustomEvent<AddPayoutMethodElement>) => void;
+}
+interface AddPayoutMethodElementSnapshot {
+    state: "loading" | "ready";
+}
+type AddPayoutMethodElement = WhopElement<AddPayoutMethodElementOptions, AddPayoutMethodElementEvents, AddPayoutMethodElementSnapshot>;
+
+interface AutomaticWithdrawElementEvents {
+    error: (error: unknown) => void;
+    ready: (element: AutomaticWithdrawElement) => void;
+    optionsUpdated: (options: AutomaticWithdrawElementOptions) => void;
+    snapshot: (snapshot: AutomaticWithdrawElementSnapshot) => void;
+    close: (ev: CustomEvent) => void;
+    complete: (ev: CustomEvent<AutomaticWithdrawElement>) => void;
+}
+interface AutomaticWithdrawElementOptions {
+    onReady?: (element: AutomaticWithdrawElement) => void;
+    onClose?: (ev: CustomEvent) => void;
+    onComplete?: (ev: CustomEvent<AutomaticWithdrawElement>) => void;
+}
+interface AutomaticWithdrawElementSnapshot {
+    state: "loading" | "ready";
+}
+type AutomaticWithdrawElement = WhopElement<AutomaticWithdrawElementOptions, AutomaticWithdrawElementEvents, AutomaticWithdrawElementSnapshot>;
+
 interface BalanceElementEvents {
     error: (error: unknown) => void;
     ready: (element: BalanceElement) => void;
     optionsUpdated: (options: BalanceElementOptions) => void;
     snapshot: (snapshot: BalanceElementSnapshot) => void;
-    showTotalBalanceBreakdown: (ev: CustomEvent<BalanceElement>) => void;
-    showPendingBalanceBreakdown: (ev: CustomEvent<BalanceElement>) => void;
+    showAvailableBalanceBreakdown: (ev: CustomEvent<BalanceElement>) => void;
     showRegularReserveBalanceBreakdown: (ev: CustomEvent<BalanceElement>) => void;
     showBnplReserveBalanceBreakdown: (ev: CustomEvent<BalanceElement>) => void;
 }
 interface BalanceElementOptions {
     hidePendingBalance?: boolean;
     onReady?: (element: BalanceElement) => void;
-    onShowTotalBalanceBreakdown?: (ev: CustomEvent<BalanceElement>) => void;
-    onShowPendingBalanceBreakdown?: (ev: CustomEvent<BalanceElement>) => void;
+    onShowAvailableBalanceBreakdown?: (ev: CustomEvent<BalanceElement>) => void;
     onShowRegularReserveBalanceBreakdown?: (ev: CustomEvent<BalanceElement>) => void;
     onShowBnplReserveBalanceBreakdown?: (ev: CustomEvent<BalanceElement>) => void;
 }
@@ -140,22 +174,6 @@ interface GenerateWithdrawalReceiptElementSnapshot {
 }
 type GenerateWithdrawalReceiptElement = WhopElement<GenerateWithdrawalReceiptElementOptions, GenerateWithdrawalReceiptElementEvents, GenerateWithdrawalReceiptElementSnapshot>;
 
-interface PendingBalanceBreakdownElementEvents {
-    error: (error: unknown) => void;
-    ready: (element: PendingBalanceBreakdownElement) => void;
-    optionsUpdated: (options: PendingBalanceBreakdownElementOptions) => void;
-    close: (ev: CustomEvent) => void;
-    snapshot: (snapshot: PendingBalanceBreakdownElementSnapshot) => void;
-}
-interface PendingBalanceBreakdownElementOptions {
-    onReady?: (element: PendingBalanceBreakdownElement) => void;
-    onClose?: (ev: CustomEvent) => void;
-}
-interface PendingBalanceBreakdownElementSnapshot {
-    state: "loading" | "ready";
-}
-type PendingBalanceBreakdownElement = WhopElement<PendingBalanceBreakdownElementOptions, PendingBalanceBreakdownElementEvents, PendingBalanceBreakdownElementSnapshot>;
-
 interface RegularReserveBalanceBreakdownElementEvents {
     error: (error: unknown) => void;
     ready: (element: RegularReserveBalanceBreakdownElement) => void;
@@ -394,12 +412,20 @@ interface PayoutsSessionEvents {
     ready: () => void;
 }
 type PayoutsSessionElements = {
+    "add-payout-method-element": [
+        AddPayoutMethodElementOptions,
+        AddPayoutMethodElement
+    ];
     "balance-element": [BalanceElementOptions, BalanceElement];
     "withdraw-button-element": [
         WithdrawButtonElementOptions,
         WithdrawButtonElement
     ];
     "withdraw-element": [WithdrawElementOptions, WithdrawElement];
+    "automatic-withdraw-element": [
+        AutomaticWithdrawElementOptions,
+        AutomaticWithdrawElement
+    ];
     "verify-element": [VerifyElementOptions, VerifyElement];
     "withdrawals-element": [WithdrawalsElementOptions, WithdrawalsElement];
     "withdrawal-breakdown-element": [
@@ -423,10 +449,6 @@ type PayoutsSessionElements = {
         TotalBalanceBreakdownElementOptions,
         TotalBalanceBreakdownElement
     ];
-    "pending-balance-breakdown-element": [
-        PendingBalanceBreakdownElementOptions,
-        PendingBalanceBreakdownElement
-    ];
     "generate-withdrawal-receipt-element": [
         GenerateWithdrawalReceiptElementOptions,
         GenerateWithdrawalReceiptElement
@@ -441,12 +463,13 @@ interface PayoutsSession extends TypedEmitter<PayoutsSessionEvents> {
         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;
+    showAddPayoutMethodModal: <Force extends boolean = false>(options: AddPayoutMethodElementOptions | ((modal: ModalContainer) => AddPayoutMethodElementOptions), force?: Force) => Force extends true ? ModalContainer : ModalContainer | undefined;
+    showAutomaticWithdrawModal: <Force extends boolean = false>(options: AutomaticWithdrawElementOptions | ((modal: ModalContainer) => AutomaticWithdrawElementOptions), 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;
     showTotalBalanceBreakdownModal: <Force extends boolean = false>(options: TotalBalanceBreakdownElementOptions | ((modal: ModalContainer) => TotalBalanceBreakdownElementOptions), force?: Force) => Force extends true ? ModalContainer : ModalContainer | undefined;
-    showPendingBalanceBreakdownModal: <Force extends boolean = false>(options: PendingBalanceBreakdownElementOptions | ((modal: ModalContainer) => PendingBalanceBreakdownElementOptions), force?: Force) => Force extends true ? ModalContainer : ModalContainer | undefined;
     showRegularReserveBalanceBreakdownModal: <Force extends boolean = false>(options: RegularReserveBalanceBreakdownElementOptions | ((modal: ModalContainer) => RegularReserveBalanceBreakdownElementOptions), force?: Force) => Force extends true ? ModalContainer : ModalContainer | undefined;
     showBnplReserveBalanceBreakdownModal: <Force extends boolean = false>(options: BnplReserveBalanceBreakdownElementOptions | ((modal: ModalContainer) => BnplReserveBalanceBreakdownElementOptions), force?: Force) => Force extends true ? ModalContainer : ModalContainer | undefined;
     showGenerateWithdrawalReceiptModal: <Force extends boolean = false>(options: GenerateWithdrawalReceiptElementOptions | ((modal: ModalContainer) => GenerateWithdrawalReceiptElementOptions), force?: Force) => Force extends true ? ModalContainer : ModalContainer | undefined;
@@ -457,6 +480,7 @@ declare global {
         WhopElements: WhopElementsConstructor;
     }
 }
+type WhopElementsEnvironment = "production" | "sandbox";
 type WhopElementsOptions = {
     /**
      * Customize the appearance of the Whop embedded Elements
@@ -468,6 +492,13 @@ type WhopElementsOptions = {
      * @default "en"
      */
     locale?: I18nSupportedLocale;
+    /**
+     * The environment to use for API calls.
+     * Use "sandbox" for testing with sandbox-components-api.whop.com
+     *
+     * @default "production"
+     */
+    environment?: WhopElementsEnvironment;
 };
 type WhopElementsConstructor = {
     new (options?: WhopElementsOptions): WhopElements;
@@ -481,4 +512,4 @@ interface WhopElementsEvents {
     optionsUpdated: (options: WhopElementsOptions) => void;
 }
 
-export type { Appearance, BalanceElement, BalanceElementOptions, BalanceElementSnapshot, BnplReserveBalanceBreakdownElement, BnplReserveBalanceBreakdownElementOptions, BnplReserveBalanceBreakdownElementSnapshot, ChangeAccountCountryElement, ChangeAccountCountryElementOptions, ChangeAccountCountryElementSnapshot, ExpandedPayoutsSessionOptions, GenerateWithdrawalReceiptElement, GenerateWithdrawalReceiptElementOptions, GenerateWithdrawalReceiptElementSnapshot, GetToken, I18nSupportedLocale, PayoutsSession, PayoutsSessionElements, PayoutsSessionEvents, PayoutsSessionOptions, PendingBalanceBreakdownElement, PendingBalanceBreakdownElementOptions, PendingBalanceBreakdownElementSnapshot, RegularReserveBalanceBreakdownElement, RegularReserveBalanceBreakdownElementOptions, RegularReserveBalanceBreakdownElementSnapshot, ResetAccountElement, ResetAccountElementOptions, ResetAccountElementSnapshot, StatusBannerElement, StatusBannerElementOptions, StatusBannerElementSnapshot, StatusBannerType, TotalBalanceBreakdownElement, TotalBalanceBreakdownElementOptions, TotalBalanceBreakdownElementSnapshot, VerifyElement, VerifyElementOptions, VerifyElementSnapshot, WhopElement, WhopElements, WhopElementsConstructor, WhopElementsEvents, WhopElementsOptions, WithdrawButtonElement, WithdrawButtonElementOptions, WithdrawElement, WithdrawElementOptions, WithdrawElementSnapshot, WithdrawalBreakdownElement, WithdrawalBreakdownElementOptions, WithdrawalBreakdownElementSnapshot, WithdrawalsElement, WithdrawalsElementOptions, WithdrawalsElementSnapshot };
+export type { AddPayoutMethodElement, AddPayoutMethodElementOptions, AddPayoutMethodElementSnapshot, Appearance, AutomaticWithdrawElement, AutomaticWithdrawElementOptions, AutomaticWithdrawElementSnapshot, BalanceElement, BalanceElementOptions, BalanceElementSnapshot, BnplReserveBalanceBreakdownElement, BnplReserveBalanceBreakdownElementOptions, BnplReserveBalanceBreakdownElementSnapshot, ChangeAccountCountryElement, ChangeAccountCountryElementOptions, ChangeAccountCountryElementSnapshot, ExpandedPayoutsSessionOptions, GenerateWithdrawalReceiptElement, GenerateWithdrawalReceiptElementOptions, GenerateWithdrawalReceiptElementSnapshot, GetToken, I18nSupportedLocale, PayoutsSession, PayoutsSessionElements, PayoutsSessionEvents, PayoutsSessionOptions, RegularReserveBalanceBreakdownElement, RegularReserveBalanceBreakdownElementOptions, RegularReserveBalanceBreakdownElementSnapshot, ResetAccountElement, ResetAccountElementOptions, ResetAccountElementSnapshot, StatusBannerElement, StatusBannerElementOptions, StatusBannerElementSnapshot, StatusBannerType, TotalBalanceBreakdownElement, TotalBalanceBreakdownElementOptions, TotalBalanceBreakdownElementSnapshot, VerifyElement, VerifyElementOptions, VerifyElementSnapshot, WhopElement, WhopElements, WhopElementsConstructor, WhopElementsEnvironment, 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-5-beta-9.elements.whop.com/";
+const ORIGIN = "https://0-0-6.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-5-beta-9.elements.whop.com/";
+const ORIGIN = "https://0-0-6.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.5-beta.9",
+  "version": "0.0.6",
   "description": "Whop Elements loading utility",
   "main": "dist/index.js",
   "module": "dist/index.mjs",