@whop/elements 1.0.0-beta.4 → 1.0.0-beta.6

package/index.d.cts

@@ -6,6 +6,7 @@ import type { AdsHandle, AdsOptions, AdsStatics } from "./ads.js";
 import type { TrackingHandle, TrackingOptions, TrackingStatics } from "./tracking.js";
 import type { WalletHandle, WalletOptions, WalletStatics } from "./wallet.js";
 import type { WebsitesHandle, WebsitesOptions, WebsitesStatics } from "./websites.js";
+import type { DashboardHandle, DashboardOptions, DashboardStatics } from "./dashboard.js";
 
 /** Global configuration for `WhopElements(config)`, inherited by every namespace handle (`appearance`, `locale`, …). */
 export interface WhopGlobalConfig extends FrameworkGlobals {}
@@ -13,7 +14,7 @@ export interface WhopGlobalConfig extends FrameworkGlobals {}
 /** The configured instance: one accessor per namespace, each carrying `create()` plus that namespace's static actions. */
 export interface Whop {
 	/**
-	 * Browse account payments with PaymentsElement, collect a payment from a `plan_` ID or inline currency and amount, or save a payment method without charging with `mode: "setup"`. Mount PaymentElement, CardElement, or CardFields, then call `payments.createConfirmationToken` with billing details. Wallet selections open their sheet automatically. Confirm the token server-side, then pass the payment's or setup intent's `client_secret` to `handleNextAction` for any pending step.
+	 * Collect a payment from a `plan_` ID or inline currency and amount, or save a payment method without charging with `mode: "setup"`. Mount PaymentElement, CardElement, or CardFields, then call `payments.createConfirmationToken` with billing details. Wallet selections open their sheet automatically. Confirm the token server-side, then pass the payment's or setup intent's `client_secret` to `handleNextAction` for any pending step.
 	 */
 	payments: { create(options: PaymentsOptions): PaymentsHandle } & PaymentsStatics;
 	/**
@@ -21,7 +22,7 @@ export interface Whop {
 	 */
 	verifications: { create(options: VerificationsOptions): VerificationsHandle } & VerificationsStatics;
 	/**
-	 * Drives a full hosted checkout for one plan — price summary, promo codes, the currency the buyer pays in, and the whole payment collection surface (the payments elements, composed inside) — against the Whop checkout sessions API. Mount it with a `plan` (or a `checkoutConfiguration` you authored) and the element opens the checkout session itself; the session credential never leaves the element. A setup-mode checkout configuration mounts the same element as a payment-method save: nothing is charged, the buyer’s method is stored for you to charge later, and the finished checkout redirects with `setup_intent_id`. The buyer pays inside the element, and a finished checkout redirects the current tab to `returnUrl`, including the page that contains the element. Fulfill from webhooks rather than a browser callback. Without a `returnUrl`, the buyer rests on the element’s own success face. The element automatically drives an off-site payment step, such as 3DS or a bank page. On whop.com, it brings the buyer back into the restored checkout; in an embed, the buyer returns to the same `returnUrl`. A failed payment reopens the same checkout with the reason shown, so the buyer can pay again. Every option is set at creation: the element mints a checkout session from these values when it mounts. Changing one later with `update()` or new React props fails instead of changing the existing order. Mount a new checkout to change the purchase.
+	 * Drives a full hosted checkout for one or more plans — itemized price summary, promo codes, the currency the buyer pays in, and the whole payment collection surface (the payments elements, composed inside) — against the Whop checkout sessions API. Mount it with `items`, a single `plan`, or a `checkoutConfiguration` you authored and the element opens the checkout session itself; the session credential never leaves the element. A setup-mode checkout configuration mounts the same element as a payment-method save: nothing is charged, the buyer’s method is stored for you to charge later, and the finished checkout redirects with `setup_intent_id`. The buyer pays inside the element, and a finished checkout redirects the current tab to `returnUrl`, including the page that contains the element. Fulfill from webhooks rather than a browser callback. Without a `returnUrl`, the buyer rests on the element’s own success face. The element automatically drives an off-site payment step, such as 3DS or a bank page. On whop.com, it brings the buyer back into the restored checkout; in an embed, the buyer returns to the same `returnUrl`. A failed payment reopens the same checkout with the reason shown, so the buyer can pay again. Every option is set at creation: the element mints a checkout session from these values when it mounts. Changing one later with `update()` or new React props fails instead of changing the existing order. Mount a new checkout to change what is being purchased.
 	 */
 	checkout: { create(options: CheckoutOptions): CheckoutHandle } & CheckoutStatics;
 	/**
@@ -33,13 +34,17 @@ export interface Whop {
 	 */
 	tracking: { create(options: TrackingOptions): TrackingHandle } & TrackingStatics;
 	/**
-	 * Drives an account's money surfaces. `required-actions` is the outstanding-action bar from Whop's balance dashboard. `actions` renders the Deposit, Accept, Send, and Convert controls: Deposit, Send, and Convert open their Wallet overlays, while Accept opens Whop's checkout-link creator for a business account or company creation for a personal account. `deposit` returns live funding rails; `convert` swaps USD with Gold or Bitcoin and exposes FX currencies when the host enables `fxEnabled`; `send` moves money to a recipient or creates a public claim link; `withdraw` lists payout methods and creates the payout when the host does not already drive that API; `balances` holds two faces — the holdings list, and the balance block drawing value over a window; `cards` is the compact issued-card list; `cardsTable` renders the full sortable card roster; `cardsChart` plots card spend; `whopCard` renders one revealable card; `activity` lists ledger movements; `activityDetail` renders a prefetched movement, or retrieves one by activity ID or card transaction ID, in a standalone drawer; and `verification` is the identity-only nudge. Every data-backed surface can use the viewer's session when no token is provided.
+	 * Drives an account's money surfaces. `actions` renders the Deposit, Accept, Send, and Convert controls: Deposit, Send, and Convert open their Wallet overlays, while Accept opens Whop's checkout-link creator for a business account or company creation for a personal account. `deposit` returns live funding rails; `convert` swaps USD with Gold or Bitcoin and exposes FX currencies when the host enables `fxEnabled`; `send` moves money to a recipient or creates a public claim link; `withdraw` lists payout methods and creates the payout when the host does not already drive that API; `balances` holds two faces — the holdings list, and the balance block drawing value over a window; `cards` is the compact issued-card list; `cardsTable` renders the full sortable card roster; `cardsChart` plots card spend; `whopCard` renders one revealable card; `activity` lists ledger movements; `activityDetail` renders a prefetched movement, or retrieves one by activity ID or card transaction ID, in a standalone drawer. The outstanding-action bar and the identity nudge live on the `dashboard` controller. Every data-backed surface can use the viewer's session when no token is provided.
 	 */
 	wallet: { create(options: WalletOptions): WalletHandle } & WalletStatics;
 	/**
 	 * An account's websites: every site built on whop.site plus every domain the Whop Pixel reports, with traffic and attributed revenue per domain. Mount `websites` and it lists them with visitors, page views, sales, revenue, trend, and most-viewed pages. Mount `pixel-setup` alongside it and a site whose pixel the wizard just proved live gets a waiting row automatically, because its first events take a few minutes to reach the stats API and the site would otherwise look lost — you wire nothing up for that, and the row is kept on your page so it is still there if the merchant reloads. Reading stats is privileged, so it needs an `accessToken` — except inside Whop's own app, where the viewer's session carries the read.
 	 */
 	websites: { create(options: WebsitesOptions): WebsitesHandle } & WebsitesStatics;
+	/**
+	 * An account's own dashboard surfaces, embedded on your site. Scope it to an account with `accountId`, then mount `paymentsTable` for the account's payments, `paymentDetail` for one payment, `required-actions` for the outstanding-action banners Whop's own dashboard shows above the balance — identity verification, deposits, tax, and the rest — and `verification` for the identity-only nudge. Every surface reads with the same credential, so two side by side always show the same account. The banners render nothing once the account has nothing outstanding, so they can sit permanently in a layout, and they report the presses they cannot answer themselves — Add money and Verify — so the host mounts its own deposit or verification flow, such as the `wallet` controller's `deposit` element or the `verifications` controller's `kyc` element.
+	 */
+	dashboard: { create(options: DashboardOptions): DashboardHandle } & DashboardStatics;
 }
 
 /** The global `window.WhopElements`. Call it with the global config to get a `Whop` instance. */
@@ -50,8 +55,11 @@ export interface WhopConstructor {
 /** The hosted SDK bundle `loadWhop()` loads. The URL carries the release train, so it follows this package's major. */
 export declare const SDK_URL: string;
 
-/** Load the hosted SDK: injects the `<script data-whop-elements>` tag once and resolves the global constructor. Safe to call any number of times: one script, one shared promise. */
-export declare function loadWhop(): Promise<WhopConstructor>;
+/** The promise `loadWhop()` returns: the load itself, plus `retry()`, which starts a fresh load after a failure. While a load is in flight or has succeeded, `retry()` is that same load. */
+export type WhopLoad = Promise<WhopConstructor> & { retry(): WhopLoad };
+
+/** Load the hosted SDK: injects the `<script data-whop-elements>` tag once and resolves the global constructor. Safe to call any number of times: one script, one shared promise. A failed load is held, so every later call returns the same rejected promise and nothing retries on its own; call `retry()` on it to load again. */
+export declare function loadWhop(): WhopLoad;
 
 /** Resource hints (preconnect/preload) for the hosted SDK. Render them into `<head>` to start the fetch before `loadWhop()` runs. */
 export declare function preloadHints(): { rel: string; href: string; as?: string }[];

package/index.d.ts

@@ -6,6 +6,7 @@ import type { AdsHandle, AdsOptions, AdsStatics } from "./ads.js";
 import type { TrackingHandle, TrackingOptions, TrackingStatics } from "./tracking.js";
 import type { WalletHandle, WalletOptions, WalletStatics } from "./wallet.js";
 import type { WebsitesHandle, WebsitesOptions, WebsitesStatics } from "./websites.js";
+import type { DashboardHandle, DashboardOptions, DashboardStatics } from "./dashboard.js";
 
 /** Global configuration for `WhopElements(config)`, inherited by every namespace handle (`appearance`, `locale`, …). */
 export interface WhopGlobalConfig extends FrameworkGlobals {}
@@ -13,7 +14,7 @@ export interface WhopGlobalConfig extends FrameworkGlobals {}
 /** The configured instance: one accessor per namespace, each carrying `create()` plus that namespace's static actions. */
 export interface Whop {
 	/**
-	 * Browse account payments with PaymentsElement, collect a payment from a `plan_` ID or inline currency and amount, or save a payment method without charging with `mode: "setup"`. Mount PaymentElement, CardElement, or CardFields, then call `payments.createConfirmationToken` with billing details. Wallet selections open their sheet automatically. Confirm the token server-side, then pass the payment's or setup intent's `client_secret` to `handleNextAction` for any pending step.
+	 * Collect a payment from a `plan_` ID or inline currency and amount, or save a payment method without charging with `mode: "setup"`. Mount PaymentElement, CardElement, or CardFields, then call `payments.createConfirmationToken` with billing details. Wallet selections open their sheet automatically. Confirm the token server-side, then pass the payment's or setup intent's `client_secret` to `handleNextAction` for any pending step.
 	 */
 	payments: { create(options: PaymentsOptions): PaymentsHandle } & PaymentsStatics;
 	/**
@@ -21,7 +22,7 @@ export interface Whop {
 	 */
 	verifications: { create(options: VerificationsOptions): VerificationsHandle } & VerificationsStatics;
 	/**
-	 * Drives a full hosted checkout for one plan — price summary, promo codes, the currency the buyer pays in, and the whole payment collection surface (the payments elements, composed inside) — against the Whop checkout sessions API. Mount it with a `plan` (or a `checkoutConfiguration` you authored) and the element opens the checkout session itself; the session credential never leaves the element. A setup-mode checkout configuration mounts the same element as a payment-method save: nothing is charged, the buyer’s method is stored for you to charge later, and the finished checkout redirects with `setup_intent_id`. The buyer pays inside the element, and a finished checkout redirects the current tab to `returnUrl`, including the page that contains the element. Fulfill from webhooks rather than a browser callback. Without a `returnUrl`, the buyer rests on the element’s own success face. The element automatically drives an off-site payment step, such as 3DS or a bank page. On whop.com, it brings the buyer back into the restored checkout; in an embed, the buyer returns to the same `returnUrl`. A failed payment reopens the same checkout with the reason shown, so the buyer can pay again. Every option is set at creation: the element mints a checkout session from these values when it mounts. Changing one later with `update()` or new React props fails instead of changing the existing order. Mount a new checkout to change the purchase.
+	 * Drives a full hosted checkout for one or more plans — itemized price summary, promo codes, the currency the buyer pays in, and the whole payment collection surface (the payments elements, composed inside) — against the Whop checkout sessions API. Mount it with `items`, a single `plan`, or a `checkoutConfiguration` you authored and the element opens the checkout session itself; the session credential never leaves the element. A setup-mode checkout configuration mounts the same element as a payment-method save: nothing is charged, the buyer’s method is stored for you to charge later, and the finished checkout redirects with `setup_intent_id`. The buyer pays inside the element, and a finished checkout redirects the current tab to `returnUrl`, including the page that contains the element. Fulfill from webhooks rather than a browser callback. Without a `returnUrl`, the buyer rests on the element’s own success face. The element automatically drives an off-site payment step, such as 3DS or a bank page. On whop.com, it brings the buyer back into the restored checkout; in an embed, the buyer returns to the same `returnUrl`. A failed payment reopens the same checkout with the reason shown, so the buyer can pay again. Every option is set at creation: the element mints a checkout session from these values when it mounts. Changing one later with `update()` or new React props fails instead of changing the existing order. Mount a new checkout to change what is being purchased.
 	 */
 	checkout: { create(options: CheckoutOptions): CheckoutHandle } & CheckoutStatics;
 	/**
@@ -33,13 +34,17 @@ export interface Whop {
 	 */
 	tracking: { create(options: TrackingOptions): TrackingHandle } & TrackingStatics;
 	/**
-	 * Drives an account's money surfaces. `required-actions` is the outstanding-action bar from Whop's balance dashboard. `actions` renders the Deposit, Accept, Send, and Convert controls: Deposit, Send, and Convert open their Wallet overlays, while Accept opens Whop's checkout-link creator for a business account or company creation for a personal account. `deposit` returns live funding rails; `convert` swaps USD with Gold or Bitcoin and exposes FX currencies when the host enables `fxEnabled`; `send` moves money to a recipient or creates a public claim link; `withdraw` lists payout methods and creates the payout when the host does not already drive that API; `balances` holds two faces — the holdings list, and the balance block drawing value over a window; `cards` is the compact issued-card list; `cardsTable` renders the full sortable card roster; `cardsChart` plots card spend; `whopCard` renders one revealable card; `activity` lists ledger movements; `activityDetail` renders a prefetched movement, or retrieves one by activity ID or card transaction ID, in a standalone drawer; and `verification` is the identity-only nudge. Every data-backed surface can use the viewer's session when no token is provided.
+	 * Drives an account's money surfaces. `actions` renders the Deposit, Accept, Send, and Convert controls: Deposit, Send, and Convert open their Wallet overlays, while Accept opens Whop's checkout-link creator for a business account or company creation for a personal account. `deposit` returns live funding rails; `convert` swaps USD with Gold or Bitcoin and exposes FX currencies when the host enables `fxEnabled`; `send` moves money to a recipient or creates a public claim link; `withdraw` lists payout methods and creates the payout when the host does not already drive that API; `balances` holds two faces — the holdings list, and the balance block drawing value over a window; `cards` is the compact issued-card list; `cardsTable` renders the full sortable card roster; `cardsChart` plots card spend; `whopCard` renders one revealable card; `activity` lists ledger movements; `activityDetail` renders a prefetched movement, or retrieves one by activity ID or card transaction ID, in a standalone drawer. The outstanding-action bar and the identity nudge live on the `dashboard` controller. Every data-backed surface can use the viewer's session when no token is provided.
 	 */
 	wallet: { create(options: WalletOptions): WalletHandle } & WalletStatics;
 	/**
 	 * An account's websites: every site built on whop.site plus every domain the Whop Pixel reports, with traffic and attributed revenue per domain. Mount `websites` and it lists them with visitors, page views, sales, revenue, trend, and most-viewed pages. Mount `pixel-setup` alongside it and a site whose pixel the wizard just proved live gets a waiting row automatically, because its first events take a few minutes to reach the stats API and the site would otherwise look lost — you wire nothing up for that, and the row is kept on your page so it is still there if the merchant reloads. Reading stats is privileged, so it needs an `accessToken` — except inside Whop's own app, where the viewer's session carries the read.
 	 */
 	websites: { create(options: WebsitesOptions): WebsitesHandle } & WebsitesStatics;
+	/**
+	 * An account's own dashboard surfaces, embedded on your site. Scope it to an account with `accountId`, then mount `paymentsTable` for the account's payments, `paymentDetail` for one payment, `required-actions` for the outstanding-action banners Whop's own dashboard shows above the balance — identity verification, deposits, tax, and the rest — and `verification` for the identity-only nudge. Every surface reads with the same credential, so two side by side always show the same account. The banners render nothing once the account has nothing outstanding, so they can sit permanently in a layout, and they report the presses they cannot answer themselves — Add money and Verify — so the host mounts its own deposit or verification flow, such as the `wallet` controller's `deposit` element or the `verifications` controller's `kyc` element.
+	 */
+	dashboard: { create(options: DashboardOptions): DashboardHandle } & DashboardStatics;
 }
 
 /** The global `window.WhopElements`. Call it with the global config to get a `Whop` instance. */
@@ -50,8 +55,11 @@ export interface WhopConstructor {
 /** The hosted SDK bundle `loadWhop()` loads. The URL carries the release train, so it follows this package's major. */
 export declare const SDK_URL: string;
 
-/** Load the hosted SDK: injects the `<script data-whop-elements>` tag once and resolves the global constructor. Safe to call any number of times: one script, one shared promise. */
-export declare function loadWhop(): Promise<WhopConstructor>;
+/** The promise `loadWhop()` returns: the load itself, plus `retry()`, which starts a fresh load after a failure. While a load is in flight or has succeeded, `retry()` is that same load. */
+export type WhopLoad = Promise<WhopConstructor> & { retry(): WhopLoad };
+
+/** Load the hosted SDK: injects the `<script data-whop-elements>` tag once and resolves the global constructor. Safe to call any number of times: one script, one shared promise. A failed load is held, so every later call returns the same rejected promise and nothing retries on its own; call `retry()` on it to load again. */
+export declare function loadWhop(): WhopLoad;
 
 /** Resource hints (preconnect/preload) for the hosted SDK. Render them into `<head>` to start the fetch before `loadWhop()` runs. */
 export declare function preloadHints(): { rel: string; href: string; as?: string }[];

package/index.js

@@ -2,50 +2,103 @@
 var define_WHOP_ELEMENTS_LOCALES_default = ["en", "es", "zh", "nl", "pt", "de", "hu", "it", "fr", "ja", "pl", "tr"];
 
 // ../../packages/elements-codegen/src/cli/build/npm-loader.ts
-var ORIGIN = "https://js.whop.cloud";
-var SDK_URL = "https://js.whop.cloud/elements/amber/elements.js";
+var ORIGIN = "https://cdn.whop.com";
+var SDK_URL = "https://cdn.whop.com/elements/amber/elements.js";
 var WHOP_ELEMENTS_LOCALES = define_WHOP_ELEMENTS_LOCALES_default;
+var TAG = "script[data-whop-elements]";
+var resolved = null;
+function withRetry(promise) {
+  return Object.assign(promise, { retry: retryWhop });
+}
 function loadWhop() {
-  if (typeof window === "undefined") return Promise.reject(new Error("WhopElements requires a browser environment"));
+  if (typeof window === "undefined") return withRetry(Promise.reject(new Error("WhopElements requires a browser environment")));
   const w = window;
-  if (w.WhopElements) return Promise.resolve(w.WhopElements);
-  let s = document.querySelector("script[data-whop-elements]");
-  const created = !s;
-  if (!s) {
-    s = document.createElement("script");
-    s.src = SDK_URL;
-    s.async = true;
-    s.setAttribute("data-whop-elements", "");
+  const existing = document.querySelector(TAG);
+  if (existing?.__whopReady) return cached(existing);
+  if (w.WhopElements) return resolved ??= withRetry(Promise.resolve(w.WhopElements));
+  return watch(w, existing ?? inject(), !existing);
+}
+function cached(script) {
+  const ready = script.__whopReady;
+  if (typeof ready.retry !== "function") {
+    let settled = false;
+    ready.then(
+      () => {
+        settled = true;
+      },
+      () => {
+        settled = true;
+        script.__whopFailed = true;
+      }
+    );
+    Object.assign(ready, {
+      retry: () => settled ? retryWhop() : withRetry(ready.then((value) => value, () => retryWhop()))
+    });
+  }
+  return ready;
+}
+function retryWhop() {
+  if (typeof window === "undefined") return loadWhop();
+  const dead = document.querySelector(TAG);
+  if (!dead?.__whopFailed) return loadWhop();
+  return watch(window, inject(dead), true);
+}
+function inject(replacing) {
+  const s = document.createElement("script");
+  s.src = replacing?.src || SDK_URL;
+  s.async = true;
+  s.setAttribute("data-whop-elements", "");
+  if (replacing) {
+    if (replacing.nonce) s.nonce = replacing.nonce;
+    if (replacing.crossOrigin) s.crossOrigin = replacing.crossOrigin;
+    if (replacing.integrity) s.integrity = replacing.integrity;
+    if (replacing.referrerPolicy) s.referrerPolicy = replacing.referrerPolicy;
+    replacing.replaceWith(s);
+  } else {
     document.head.appendChild(s);
   }
-  const script = s;
+  return s;
+}
+function measured(src) {
+  const entry = performance.getEntriesByName(src).pop();
+  if (!entry) return "";
+  const after = `after ${Math.round(entry.duration)}ms`;
+  return entry.responseStatus ? ` (HTTP ${entry.responseStatus} ${after})` : ` (${after}, no status visible)`;
+}
+function watch(w, script, created) {
   if (!script.__whopReady) {
-    script.__whopReady = new Promise((resolve, reject) => {
-      let timer = null;
-      function settle(fn, v) {
-        if (timer !== null) {
-          clearInterval(timer);
-          timer = null;
-        }
-        fn(v);
-      }
-      script.addEventListener("load", () => {
-        if (w.WhopElements) settle(resolve, w.WhopElements);
-        else settle(reject, new Error("WhopElements loaded but did not initialize"));
-      });
-      script.addEventListener("error", () => settle(reject, new Error("Failed to load " + SDK_URL)));
-      if (!created) {
-        let waited = 0;
-        timer = setInterval(() => {
-          if (w.WhopElements) {
-            settle(resolve, w.WhopElements);
-            return;
+    script.__whopReady = withRetry(
+      new Promise((resolve, reject) => {
+        let timer = null;
+        function settle(fn, v) {
+          if (timer !== null) {
+            clearInterval(timer);
+            timer = null;
           }
-          waited += 200;
-          if (waited >= 1e4) settle(reject, new Error("existing data-whop-elements script did not initialize within 10s \u2014 if its network load already failed before loadWhop() ran (check the console/CSP), no load/error event will ever fire on it"));
-        }, 200);
-      }
-    });
+          fn(v);
+        }
+        function fail(message) {
+          script.__whopFailed = true;
+          settle(reject, new Error(message));
+        }
+        script.addEventListener("load", () => {
+          if (w.WhopElements) settle(resolve, w.WhopElements);
+          else fail("WhopElements loaded but did not initialize");
+        });
+        script.addEventListener("error", () => fail("Failed to load " + script.src + measured(script.src)));
+        if (!created) {
+          let waited = 0;
+          timer = setInterval(() => {
+            if (w.WhopElements) {
+              settle(resolve, w.WhopElements);
+              return;
+            }
+            waited += 200;
+            if (waited >= 1e4) fail("existing data-whop-elements script did not initialize within 10s \u2014 if its network load already failed before loadWhop() ran (check the console/CSP), no load/error event will ever fire on it");
+          }, 200);
+        }
+      })
+    );
   }
   return script.__whopReady;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@whop/elements",
-	"version": "1.0.0-beta.4",
+	"version": "1.0.0-beta.6",
 	"description": "Whop Elements — vanilla-js loader + types. Loads the hosted SDK and exposes the typed WhopElements factory.",
 	"keywords": [
 		"checkout",
@@ -87,7 +87,15 @@
 			"require": {
 				"types": "./websites.d.cts"
 			}
+		},
+		"./dashboard": {
+			"import": {
+				"types": "./dashboard.d.ts"
+			},
+			"require": {
+				"types": "./dashboard.d.cts"
+			}
 		}
 	},
-	"whopElementsApiHash": "643973a360d415d99bd6cf95211709b03ca2dc4b79002d7cd3539f367cd4ca71"
+	"whopElementsApiHash": "b72556969cd0639197c9f12264ddcba29ea3d8eb58dc91408ec30dff9fbea805"
 }