@whop/embedded-components-react-js 0.0.5-beta.5 → 0.0.5-beta.7

package/dist/chunk-NSSMTXJJ.mjs

@@ -0,0 +1,9 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value)=>key in obj ? __defProp(obj, key, {
+        enumerable: true,
+        configurable: true,
+        writable: true,
+        value
+    }) : obj[key] = value;
+var __publicField = (obj, key, value)=>__defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+export { __publicField };

package/dist/chunk-NSSMTXJJ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/index.d.ts

@@ -0,0 +1,19 @@
+export { PayoutsSession, usePayoutsSession } from './payouts/session.js';
+export { BalanceElement } from './payouts/elements/balance.js';
+export { ChangeAccountCountryElement } from './payouts/elements/change-account-country.js';
+export { ResetAccountElement } from './payouts/elements/reset-account.js';
+export { VerifyElement } from './payouts/elements/verify.js';
+export { WithdrawButtonElement } from './payouts/elements/withdraw-button.js';
+export { WithdrawalBreakdownElement } from './payouts/elements/withdrawal-breakdown.js';
+export { WithdrawalsElement } from './payouts/elements/withdrawals.js';
+export { TotalBalanceBreakdownElement } from './payouts/elements/total-balance-breakdown.js';
+export { PendingBalanceBreakdownElement } from './payouts/elements/pending-balance-breakdown.js';
+export { RegularReserveBalanceBreakdownElement } from './payouts/elements/regular-reserve-balance-breakdown.js';
+export { BnplReserveBalanceBreakdownElement } from './payouts/elements/bnpl-reserve-balance-breakdown.js';
+export { GenerateWithdrawalReceiptElement } from './payouts/elements/generate-withdrawal-receipt.js';
+export { StatusBannerElement } from './payouts/elements/status-banner.js';
+export { usePayoutsSessionRef } from './payouts/use-session-ref.js';
+export { Elements, useElements } from './provider.js';
+import '@whop/embedded-components-vanilla-js/types';
+import 'react';
+import './lib/with-fallback.js';

package/dist/index.js

@@ -0,0 +1,21 @@
+"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 index_exports = {};
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("./payouts"), module.exports);
+__reExport(index_exports, require("./payouts/use-session-ref"), module.exports);
+__reExport(index_exports, require("./provider"), module.exports);
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export * from \"./payouts\";\nexport * from \"./payouts/use-session-ref\";\nexport * from \"./provider\";\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,0BAAc,sBAAd;AACA,0BAAc,sCADd;AAEA,0BAAc,uBAFd;","names":[]}

package/dist/index.mjs

@@ -0,0 +1,3 @@
+export * from "./payouts/index.mjs";
+export * from "./payouts/use-session-ref.mjs";
+export * from "./provider.mjs";

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export * from \"./payouts\";\nexport * from \"./payouts/use-session-ref\";\nexport * from \"./provider\";\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/lib/use-element-snapshot.d.ts

@@ -0,0 +1,5 @@
+import { WhopElement } from '@whop/embedded-components-vanilla-js/types';
+
+declare function useElementSnapshot<E extends WhopElement<any, any, any>>(source: E | undefined | null): ReturnType<E["getSnapshot"]> | null;
+
+export { useElementSnapshot };

package/dist/lib/use-element-snapshot.js

@@ -0,0 +1,64 @@
+"use strict";
+"use client";
+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 use_element_snapshot_exports = {};
+__export(use_element_snapshot_exports, {
+  useElementSnapshot: () => useElementSnapshot
+});
+module.exports = __toCommonJS(use_element_snapshot_exports);
+var import_react = require("react");
+function useElementSnapshot(source) {
+  const callbacks = (0, import_react.useMemo)(() => {
+    return /* @__PURE__ */ new Set();
+  }, []);
+  const state = (0, import_react.useSyncExternalStore)(
+    (listener) => {
+      const onSnapshot = () => {
+        listener();
+      };
+      callbacks.add(onSnapshot);
+      return () => {
+        callbacks.delete(onSnapshot);
+      };
+    },
+    () => {
+      const snap = source?.getSnapshot();
+      return snap;
+    },
+    () => {
+      return null;
+    }
+  );
+  (0, import_react.useEffect)(() => {
+    if (!source) {
+      return;
+    }
+    const onSnapshot = () => {
+      for (const callback of callbacks) {
+        callback();
+      }
+    };
+    source.on("snapshot", onSnapshot);
+    return () => {
+      source.off("snapshot", onSnapshot);
+    };
+  }, [source, callbacks]);
+  return state;
+}
+//# sourceMappingURL=use-element-snapshot.js.map

package/dist/lib/use-element-snapshot.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/use-element-snapshot.ts"],"sourcesContent":["\"use client\";\n\nimport type { WhopElement } from \"@whop/embedded-components-vanilla-js/types\";\n\nimport { useEffect, useMemo, useSyncExternalStore } from \"react\";\n\nexport function useElementSnapshot<E extends WhopElement<any, any, any>>(\n\tsource: E | undefined | null,\n): ReturnType<E[\"getSnapshot\"]> | null {\n\tconst callbacks = useMemo(() => {\n\t\treturn new Set<() => void>();\n\t}, []);\n\n\tconst state = useSyncExternalStore(\n\t\t(listener) => {\n\t\t\tconst onSnapshot = () => {\n\t\t\t\tlistener();\n\t\t\t};\n\t\t\tcallbacks.add(onSnapshot);\n\t\t\treturn () => {\n\t\t\t\tcallbacks.delete(onSnapshot);\n\t\t\t};\n\t\t},\n\t\t() => {\n\t\t\tconst snap = source?.getSnapshot();\n\t\t\treturn snap;\n\t\t},\n\t\t() => {\n\t\t\treturn null;\n\t\t},\n\t);\n\n\tuseEffect(() => {\n\t\tif (!source) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst onSnapshot = () => {\n\t\t\tfor (const callback of callbacks) {\n\t\t\t\tcallback();\n\t\t\t}\n\t\t};\n\t\tsource.on(\"snapshot\", onSnapshot);\n\t\treturn () => {\n\t\t\tsource.off(\"snapshot\", onSnapshot);\n\t\t};\n\t}, [source, callbacks]);\n\n\treturn state;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,mBAAyD;AAElD,SAAS,mBACf,QACsC;AACtC,QAAM,gBAAY,sBAAQ,MAAM;AAC/B,WAAO,oBAAI,IAAgB;AAAA,EAC5B,GAAG,CAAC,CAAC;AAEL,QAAM,YAAQ;AAAA,IACb,CAAC,aAAa;AACb,YAAM,aAAa,MAAM;AACxB,iBAAS;AAAA,MACV;AACA,gBAAU,IAAI,UAAU;AACxB,aAAO,MAAM;AACZ,kBAAU,OAAO,UAAU;AAAA,MAC5B;AAAA,IACD;AAAA,IACA,MAAM;AACL,YAAM,OAAO,QAAQ,YAAY;AACjC,aAAO;AAAA,IACR;AAAA,IACA,MAAM;AACL,aAAO;AAAA,IACR;AAAA,EACD;AAEA,8BAAU,MAAM;AACf,QAAI,CAAC,QAAQ;AACZ;AAAA,IACD;AAEA,UAAM,aAAa,MAAM;AACxB,iBAAW,YAAY,WAAW;AACjC,iBAAS;AAAA,MACV;AAAA,IACD;AACA,WAAO,GAAG,YAAY,UAAU;AAChC,WAAO,MAAM;AACZ,aAAO,IAAI,YAAY,UAAU;AAAA,IAClC;AAAA,EACD,GAAG,CAAC,QAAQ,SAAS,CAAC;AAEtB,SAAO;AACR;","names":[]}

package/dist/lib/use-element-snapshot.mjs

@@ -0,0 +1,41 @@
+"use client";
+import "../chunk-NSSMTXJJ.mjs";
+import { useEffect, useMemo, useSyncExternalStore } from "react";
+function useElementSnapshot(source) {
+    const callbacks = useMemo(()=>{
+        return new Set();
+    }, []);
+    const state = useSyncExternalStore((listener)=>{
+        const onSnapshot = ()=>{
+            listener();
+        };
+        callbacks.add(onSnapshot);
+        return ()=>{
+            callbacks.delete(onSnapshot);
+        };
+    }, ()=>{
+        const snap = source?.getSnapshot();
+        return snap;
+    }, ()=>{
+        return null;
+    });
+    useEffect(()=>{
+        if (!source) {
+            return;
+        }
+        const onSnapshot = ()=>{
+            for (const callback of callbacks){
+                callback();
+            }
+        };
+        source.on("snapshot", onSnapshot);
+        return ()=>{
+            source.off("snapshot", onSnapshot);
+        };
+    }, [
+        source,
+        callbacks
+    ]);
+    return state;
+}
+export { useElementSnapshot };

package/dist/lib/use-element-snapshot.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/use-element-snapshot.ts"],"sourcesContent":["\"use client\";\n\nimport type { WhopElement } from \"@whop/embedded-components-vanilla-js/types\";\n\nimport { useEffect, useMemo, useSyncExternalStore } from \"react\";\n\nexport function useElementSnapshot<E extends WhopElement<any, any, any>>(\n\tsource: E | undefined | null,\n): ReturnType<E[\"getSnapshot\"]> | null {\n\tconst callbacks = useMemo(() => {\n\t\treturn new Set<() => void>();\n\t}, []);\n\n\tconst state = useSyncExternalStore(\n\t\t(listener) => {\n\t\t\tconst onSnapshot = () => {\n\t\t\t\tlistener();\n\t\t\t};\n\t\t\tcallbacks.add(onSnapshot);\n\t\t\treturn () => {\n\t\t\t\tcallbacks.delete(onSnapshot);\n\t\t\t};\n\t\t},\n\t\t() => {\n\t\t\tconst snap = source?.getSnapshot();\n\t\t\treturn snap;\n\t\t},\n\t\t() => {\n\t\t\treturn null;\n\t\t},\n\t);\n\n\tuseEffect(() => {\n\t\tif (!source) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst onSnapshot = () => {\n\t\t\tfor (const callback of callbacks) {\n\t\t\t\tcallback();\n\t\t\t}\n\t\t};\n\t\tsource.on(\"snapshot\", onSnapshot);\n\t\treturn () => {\n\t\t\tsource.off(\"snapshot\", onSnapshot);\n\t\t};\n\t}, [source, callbacks]);\n\n\treturn state;\n}\n"],"mappings":";;AAIA,SAAS,WAAW,SAAS,4BAA4B;AAElD,SAAS,mBACf,QACsC;AACtC,QAAM,YAAY,QAAQ,MAAM;AAC/B,WAAO,oBAAI,IAAgB;AAAA,EAC5B,GAAG,CAAC,CAAC;AAEL,QAAM,QAAQ;AAAA,IACb,CAAC,aAAa;AACb,YAAM,aAAa,MAAM;AACxB,iBAAS;AAAA,MACV;AACA,gBAAU,IAAI,UAAU;AACxB,aAAO,MAAM;AACZ,kBAAU,OAAO,UAAU;AAAA,MAC5B;AAAA,IACD;AAAA,IACA,MAAM;AACL,YAAM,OAAO,QAAQ,YAAY;AACjC,aAAO;AAAA,IACR;AAAA,IACA,MAAM;AACL,aAAO;AAAA,IACR;AAAA,EACD;AAEA,YAAU,MAAM;AACf,QAAI,CAAC,QAAQ;AACZ;AAAA,IACD;AAEA,UAAM,aAAa,MAAM;AACxB,iBAAW,YAAY,WAAW;AACjC,iBAAS;AAAA,MACV;AAAA,IACD;AACA,WAAO,GAAG,YAAY,UAAU;AAChC,WAAO,MAAM;AACZ,aAAO,IAAI,YAAY,UAAU;AAAA,IAClC;AAAA,EACD,GAAG,CAAC,QAAQ,SAAS,CAAC;AAEtB,SAAO;AACR;","names":[]}

package/dist/lib/with-fallback.d.ts

@@ -0,0 +1,55 @@
+import { PayoutsSessionElements } from '@whop/embedded-components-vanilla-js/types';
+import React__default from 'react';
+
+/**
+ * Valid element type strings that can be passed to createElement.
+ */
+type ElementType = keyof PayoutsSessionElements;
+/**
+ * Extract the options type for a given element type using indexed access.
+ * PayoutsSessionElements maps element types to [Options, Element] tuples.
+ */
+type ElementOptionsFor<T extends ElementType> = PayoutsSessionElements[T][0];
+/**
+ * Component definition with a constrained element type.
+ * The type must be a valid element type from the SDK.
+ */
+interface ElementComponentDefinition<T extends ElementType = ElementType> {
+    displayName: string;
+    type: T;
+}
+interface WithFallbackPropsBase {
+    className?: string;
+    style?: React__default.CSSProperties;
+    onReady?: () => void;
+    fallback?: React__default.ReactNode;
+}
+interface WithFallbackPropsRequired<TOptions> extends WithFallbackPropsBase {
+    options: TOptions;
+}
+interface WithFallbackPropsOptional<TOptions> extends WithFallbackPropsBase {
+    options?: TOptions;
+}
+type WithFallbackComponent<TOptions, TRequired extends boolean> = {
+    (props: TRequired extends true ? WithFallbackPropsRequired<TOptions> : WithFallbackPropsOptional<TOptions>): React__default.ReactNode;
+    displayName: string;
+    type: string;
+};
+/**
+ * Creates a React component that wraps an embedded element with fallback support.
+ *
+ * @example
+ * ```tsx
+ * // Type-safe: options type is inferred from the element type
+ * export const BalanceElement = withFallback({
+ *   displayName: "BalanceElement",
+ *   type: "balance-element",
+ * } as const);
+ *
+ * // Usage - TypeScript knows the correct options type
+ * <BalanceElement options={{ hidePendingBalance: true }} />
+ * ```
+ */
+declare function withFallback<const T extends ElementType, TRequired extends boolean = false>(Component: ElementComponentDefinition<T>): WithFallbackComponent<ElementOptionsFor<T>, TRequired>;
+
+export { type WithFallbackPropsOptional, type WithFallbackPropsRequired, withFallback };

package/dist/lib/with-fallback.js

@@ -0,0 +1,85 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var with_fallback_exports = {};
+__export(with_fallback_exports, {
+  withFallback: () => withFallback
+});
+module.exports = __toCommonJS(with_fallback_exports);
+var import_react = __toESM(require("react"));
+var import_session = require("../payouts/session");
+var import_use_element_snapshot = require("./use-element-snapshot");
+function withFallback(Component) {
+  function WrappedElement({
+    options,
+    className,
+    style,
+    onReady,
+    fallback
+  }) {
+    const payoutsSession = (0, import_session.usePayoutsSession)();
+    const ref = (0, import_react.useRef)(null);
+    const element = (0, import_react.useMemo)(() => {
+      if (!payoutsSession) return null;
+      return payoutsSession.createElement(Component, options ?? {});
+    }, [payoutsSession]);
+    const elementSnapshot = (0, import_use_element_snapshot.useElementSnapshot)(element);
+    const isReady = elementSnapshot?.state === "ready";
+    (0, import_react.useEffect)(() => {
+      if (!element) return;
+      element.updateOptions(options ?? {});
+    }, [options, element]);
+    (0, import_react.useEffect)(() => {
+      if (!element || !onReady) return;
+      element.on("ready", onReady);
+      return () => {
+        element.off("ready", onReady);
+      };
+    }, [element, onReady]);
+    (0, import_react.useLayoutEffect)(() => {
+      if (!element || !ref.current) return;
+      element.mount(ref.current);
+      return () => {
+        element.unmount();
+      };
+    }, [element, ref.current]);
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        style: { ...style, visibility: isReady ? void 0 : "hidden" },
+        className,
+        ref
+      }
+    ), !isReady && (fallback ?? null));
+  }
+  WrappedElement.displayName = Component.displayName;
+  WrappedElement.type = Component.type;
+  return WrappedElement;
+}
+//# sourceMappingURL=with-fallback.js.map

package/dist/lib/with-fallback.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/with-fallback.tsx"],"sourcesContent":["\"use client\";\n\nimport type {\n\tPayoutsSessionElements,\n\tWhopElement,\n} from \"@whop/embedded-components-vanilla-js/types\";\nimport React, { useEffect, useLayoutEffect, useMemo, useRef } from \"react\";\nimport { usePayoutsSession } from \"../payouts/session\";\nimport { useElementSnapshot } from \"./use-element-snapshot\";\n\n/**\n * Valid element type strings that can be passed to createElement.\n */\ntype ElementType = keyof PayoutsSessionElements;\n\n/**\n * Extract the options type for a given element type using indexed access.\n * PayoutsSessionElements maps element types to [Options, Element] tuples.\n */\ntype ElementOptionsFor<T extends ElementType> = PayoutsSessionElements[T][0];\n\n/**\n * Base element type that all created elements conform to.\n * Using WhopElement<any, any, any> gives us access to common methods\n * (mount, unmount, on, off, updateOptions) without union type issues.\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype BaseElement = WhopElement<any, any, any>;\n\n/**\n * Component definition with a constrained element type.\n * The type must be a valid element type from the SDK.\n */\ninterface ElementComponentDefinition<T extends ElementType = ElementType> {\n\tdisplayName: string;\n\ttype: T;\n}\n\ninterface WithFallbackPropsBase {\n\tclassName?: string;\n\tstyle?: React.CSSProperties;\n\tonReady?: () => void;\n\tfallback?: React.ReactNode;\n}\n\nexport interface WithFallbackPropsRequired<TOptions>\n\textends WithFallbackPropsBase {\n\toptions: TOptions;\n}\n\nexport interface WithFallbackPropsOptional<TOptions>\n\textends WithFallbackPropsBase {\n\toptions?: TOptions;\n}\n\ntype WithFallbackComponent<TOptions, TRequired extends boolean> = {\n\t(\n\t\tprops: TRequired extends true\n\t\t\t? WithFallbackPropsRequired<TOptions>\n\t\t\t: WithFallbackPropsOptional<TOptions>,\n\t): React.ReactNode;\n\tdisplayName: string;\n\ttype: string;\n};\n\n/**\n * Creates a React component that wraps an embedded element with fallback support.\n *\n * @example\n * ```tsx\n * // Type-safe: options type is inferred from the element type\n * export const BalanceElement = withFallback({\n *   displayName: \"BalanceElement\",\n *   type: \"balance-element\",\n * } as const);\n *\n * // Usage - TypeScript knows the correct options type\n * <BalanceElement options={{ hidePendingBalance: true }} />\n * ```\n */\nexport function withFallback<\n\tconst T extends ElementType,\n\tTRequired extends boolean = false,\n>(\n\tComponent: ElementComponentDefinition<T>,\n): WithFallbackComponent<ElementOptionsFor<T>, TRequired> {\n\ttype TOptions = ElementOptionsFor<T>;\n\n\tfunction WrappedElement({\n\t\toptions,\n\t\tclassName,\n\t\tstyle,\n\t\tonReady,\n\t\tfallback,\n\t}: WithFallbackPropsOptional<TOptions>) {\n\t\tconst payoutsSession = usePayoutsSession();\n\t\tconst ref = useRef<HTMLDivElement>(null);\n\n\t\tconst element = useMemo((): BaseElement | null => {\n\t\t\tif (!payoutsSession) return null;\n\t\t\t// Safe: T is constrained to valid element types, and options matches T\n\t\t\treturn payoutsSession.createElement(Component, options ?? {});\n\t\t}, [payoutsSession]);\n\n\t\tconst elementSnapshot = useElementSnapshot(element);\n\n\t\tconst isReady = elementSnapshot?.state === \"ready\";\n\n\t\tuseEffect(() => {\n\t\t\tif (!element) return;\n\t\t\telement.updateOptions(options ?? {});\n\t\t}, [options, element]);\n\n\t\tuseEffect(() => {\n\t\t\tif (!element || !onReady) return;\n\t\t\telement.on(\"ready\", onReady);\n\t\t\treturn () => {\n\t\t\t\telement.off(\"ready\", onReady);\n\t\t\t};\n\t\t}, [element, onReady]);\n\n\t\tuseLayoutEffect(() => {\n\t\t\tif (!element || !ref.current) return;\n\t\t\telement.mount(ref.current);\n\t\t\treturn () => {\n\t\t\t\telement.unmount();\n\t\t\t};\n\t\t}, [element, ref.current]);\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{ ...style, visibility: isReady ? undefined : \"hidden\" }}\n\t\t\t\t\tclassName={className}\n\t\t\t\t\tref={ref}\n\t\t\t\t/>\n\t\t\t\t{!isReady && (fallback ?? null)}\n\t\t\t</>\n\t\t);\n\t}\n\n\tWrappedElement.displayName = Component.displayName;\n\tWrappedElement.type = Component.type;\n\n\treturn WrappedElement as WithFallbackComponent<TOptions, TRequired>;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA,mBAAmE;AACnE,qBAAkC;AAClC,kCAAmC;AAwE5B,SAAS,aAIf,WACyD;AAGzD,WAAS,eAAe;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD,GAAwC;AACvC,UAAM,qBAAiB,kCAAkB;AACzC,UAAM,UAAM,qBAAuB,IAAI;AAEvC,UAAM,cAAU,sBAAQ,MAA0B;AACjD,UAAI,CAAC,eAAgB,QAAO;AAE5B,aAAO,eAAe,cAAc,WAAW,WAAW,CAAC,CAAC;AAAA,IAC7D,GAAG,CAAC,cAAc,CAAC;AAEnB,UAAM,sBAAkB,gDAAmB,OAAO;AAElD,UAAM,UAAU,iBAAiB,UAAU;AAE3C,gCAAU,MAAM;AACf,UAAI,CAAC,QAAS;AACd,cAAQ,cAAc,WAAW,CAAC,CAAC;AAAA,IACpC,GAAG,CAAC,SAAS,OAAO,CAAC;AAErB,gCAAU,MAAM;AACf,UAAI,CAAC,WAAW,CAAC,QAAS;AAC1B,cAAQ,GAAG,SAAS,OAAO;AAC3B,aAAO,MAAM;AACZ,gBAAQ,IAAI,SAAS,OAAO;AAAA,MAC7B;AAAA,IACD,GAAG,CAAC,SAAS,OAAO,CAAC;AAErB,sCAAgB,MAAM;AACrB,UAAI,CAAC,WAAW,CAAC,IAAI,QAAS;AAC9B,cAAQ,MAAM,IAAI,OAAO;AACzB,aAAO,MAAM;AACZ,gBAAQ,QAAQ;AAAA,MACjB;AAAA,IACD,GAAG,CAAC,SAAS,IAAI,OAAO,CAAC;AAEzB,WACC,6BAAAA,QAAA,2BAAAA,QAAA,gBACC,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACA,OAAO,EAAE,GAAG,OAAO,YAAY,UAAU,SAAY,SAAS;AAAA,QAC9D;AAAA,QACA;AAAA;AAAA,IACD,GACC,CAAC,YAAY,YAAY,KAC3B;AAAA,EAEF;AAEA,iBAAe,cAAc,UAAU;AACvC,iBAAe,OAAO,UAAU;AAEhC,SAAO;AACR;","names":["React"]}

package/dist/lib/with-fallback.mjs

@@ -0,0 +1,58 @@
+"use client";
+import "../chunk-NSSMTXJJ.mjs";
+import React, { useEffect, useLayoutEffect, useMemo, useRef } from "react";
+import { usePayoutsSession } from "../payouts/session.mjs";
+import { useElementSnapshot } from "./use-element-snapshot.mjs";
+function withFallback(Component) {
+    function WrappedElement({ options, className, style, onReady, fallback }) {
+        const payoutsSession = usePayoutsSession();
+        const ref = useRef(null);
+        const element = useMemo(()=>{
+            if (!payoutsSession) return null;
+            return payoutsSession.createElement(Component, options ?? {});
+        }, [
+            payoutsSession
+        ]);
+        const elementSnapshot = useElementSnapshot(element);
+        const isReady = elementSnapshot?.state === "ready";
+        useEffect(()=>{
+            if (!element) return;
+            element.updateOptions(options ?? {});
+        }, [
+            options,
+            element
+        ]);
+        useEffect(()=>{
+            if (!element || !onReady) return;
+            element.on("ready", onReady);
+            return ()=>{
+                element.off("ready", onReady);
+            };
+        }, [
+            element,
+            onReady
+        ]);
+        useLayoutEffect(()=>{
+            if (!element || !ref.current) return;
+            element.mount(ref.current);
+            return ()=>{
+                element.unmount();
+            };
+        }, [
+            element,
+            ref.current
+        ]);
+        return React.createElement(React.Fragment, null, React.createElement("div", {
+            style: {
+                ...style,
+                visibility: isReady ? void 0 : "hidden"
+            },
+            className,
+            ref
+        }), !isReady && (fallback ?? null));
+    }
+    WrappedElement.displayName = Component.displayName;
+    WrappedElement.type = Component.type;
+    return WrappedElement;
+}
+export { withFallback };

package/dist/lib/with-fallback.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/with-fallback.tsx"],"sourcesContent":["\"use client\";\n\nimport type {\n\tPayoutsSessionElements,\n\tWhopElement,\n} from \"@whop/embedded-components-vanilla-js/types\";\nimport React, { useEffect, useLayoutEffect, useMemo, useRef } from \"react\";\nimport { usePayoutsSession } from \"../payouts/session\";\nimport { useElementSnapshot } from \"./use-element-snapshot\";\n\n/**\n * Valid element type strings that can be passed to createElement.\n */\ntype ElementType = keyof PayoutsSessionElements;\n\n/**\n * Extract the options type for a given element type using indexed access.\n * PayoutsSessionElements maps element types to [Options, Element] tuples.\n */\ntype ElementOptionsFor<T extends ElementType> = PayoutsSessionElements[T][0];\n\n/**\n * Base element type that all created elements conform to.\n * Using WhopElement<any, any, any> gives us access to common methods\n * (mount, unmount, on, off, updateOptions) without union type issues.\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype BaseElement = WhopElement<any, any, any>;\n\n/**\n * Component definition with a constrained element type.\n * The type must be a valid element type from the SDK.\n */\ninterface ElementComponentDefinition<T extends ElementType = ElementType> {\n\tdisplayName: string;\n\ttype: T;\n}\n\ninterface WithFallbackPropsBase {\n\tclassName?: string;\n\tstyle?: React.CSSProperties;\n\tonReady?: () => void;\n\tfallback?: React.ReactNode;\n}\n\nexport interface WithFallbackPropsRequired<TOptions>\n\textends WithFallbackPropsBase {\n\toptions: TOptions;\n}\n\nexport interface WithFallbackPropsOptional<TOptions>\n\textends WithFallbackPropsBase {\n\toptions?: TOptions;\n}\n\ntype WithFallbackComponent<TOptions, TRequired extends boolean> = {\n\t(\n\t\tprops: TRequired extends true\n\t\t\t? WithFallbackPropsRequired<TOptions>\n\t\t\t: WithFallbackPropsOptional<TOptions>,\n\t): React.ReactNode;\n\tdisplayName: string;\n\ttype: string;\n};\n\n/**\n * Creates a React component that wraps an embedded element with fallback support.\n *\n * @example\n * ```tsx\n * // Type-safe: options type is inferred from the element type\n * export const BalanceElement = withFallback({\n *   displayName: \"BalanceElement\",\n *   type: \"balance-element\",\n * } as const);\n *\n * // Usage - TypeScript knows the correct options type\n * <BalanceElement options={{ hidePendingBalance: true }} />\n * ```\n */\nexport function withFallback<\n\tconst T extends ElementType,\n\tTRequired extends boolean = false,\n>(\n\tComponent: ElementComponentDefinition<T>,\n): WithFallbackComponent<ElementOptionsFor<T>, TRequired> {\n\ttype TOptions = ElementOptionsFor<T>;\n\n\tfunction WrappedElement({\n\t\toptions,\n\t\tclassName,\n\t\tstyle,\n\t\tonReady,\n\t\tfallback,\n\t}: WithFallbackPropsOptional<TOptions>) {\n\t\tconst payoutsSession = usePayoutsSession();\n\t\tconst ref = useRef<HTMLDivElement>(null);\n\n\t\tconst element = useMemo((): BaseElement | null => {\n\t\t\tif (!payoutsSession) return null;\n\t\t\t// Safe: T is constrained to valid element types, and options matches T\n\t\t\treturn payoutsSession.createElement(Component, options ?? {});\n\t\t}, [payoutsSession]);\n\n\t\tconst elementSnapshot = useElementSnapshot(element);\n\n\t\tconst isReady = elementSnapshot?.state === \"ready\";\n\n\t\tuseEffect(() => {\n\t\t\tif (!element) return;\n\t\t\telement.updateOptions(options ?? {});\n\t\t}, [options, element]);\n\n\t\tuseEffect(() => {\n\t\t\tif (!element || !onReady) return;\n\t\t\telement.on(\"ready\", onReady);\n\t\t\treturn () => {\n\t\t\t\telement.off(\"ready\", onReady);\n\t\t\t};\n\t\t}, [element, onReady]);\n\n\t\tuseLayoutEffect(() => {\n\t\t\tif (!element || !ref.current) return;\n\t\t\telement.mount(ref.current);\n\t\t\treturn () => {\n\t\t\t\telement.unmount();\n\t\t\t};\n\t\t}, [element, ref.current]);\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{ ...style, visibility: isReady ? undefined : \"hidden\" }}\n\t\t\t\t\tclassName={className}\n\t\t\t\t\tref={ref}\n\t\t\t\t/>\n\t\t\t\t{!isReady && (fallback ?? null)}\n\t\t\t</>\n\t\t);\n\t}\n\n\tWrappedElement.displayName = Component.displayName;\n\tWrappedElement.type = Component.type;\n\n\treturn WrappedElement as WithFallbackComponent<TOptions, TRequired>;\n}\n"],"mappings":";;AAMA,OAAO,SAAS,WAAW,iBAAiB,SAAS,cAAc;AACnE,SAAS,yBAAyB;AAClC,SAAS,0BAA0B;AAwE5B,SAAS,aAIf,WACyD;AAGzD,WAAS,eAAe;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD,GAAwC;AACvC,UAAM,iBAAiB,kBAAkB;AACzC,UAAM,MAAM,OAAuB,IAAI;AAEvC,UAAM,UAAU,QAAQ,MAA0B;AACjD,UAAI,CAAC,eAAgB,QAAO;AAE5B,aAAO,eAAe,cAAc,WAAW,WAAW,CAAC,CAAC;AAAA,IAC7D,GAAG,CAAC,cAAc,CAAC;AAEnB,UAAM,kBAAkB,mBAAmB,OAAO;AAElD,UAAM,UAAU,iBAAiB,UAAU;AAE3C,cAAU,MAAM;AACf,UAAI,CAAC,QAAS;AACd,cAAQ,cAAc,WAAW,CAAC,CAAC;AAAA,IACpC,GAAG,CAAC,SAAS,OAAO,CAAC;AAErB,cAAU,MAAM;AACf,UAAI,CAAC,WAAW,CAAC,QAAS;AAC1B,cAAQ,GAAG,SAAS,OAAO;AAC3B,aAAO,MAAM;AACZ,gBAAQ,IAAI,SAAS,OAAO;AAAA,MAC7B;AAAA,IACD,GAAG,CAAC,SAAS,OAAO,CAAC;AAErB,oBAAgB,MAAM;AACrB,UAAI,CAAC,WAAW,CAAC,IAAI,QAAS;AAC9B,cAAQ,MAAM,IAAI,OAAO;AACzB,aAAO,MAAM;AACZ,gBAAQ,QAAQ;AAAA,MACjB;AAAA,IACD,GAAG,CAAC,SAAS,IAAI,OAAO,CAAC;AAEzB,WACC,0DACC;AAAA,MAAC;AAAA;AAAA,QACA,OAAO,EAAE,GAAG,OAAO,YAAY,UAAU,SAAY,SAAS;AAAA,QAC9D;AAAA,QACA;AAAA;AAAA,IACD,GACC,CAAC,YAAY,YAAY,KAC3B;AAAA,EAEF;AAEA,iBAAe,cAAc,UAAU;AACvC,iBAAe,OAAO,UAAU;AAEhC,SAAO;AACR;","names":[]}

package/dist/payouts/elements/balance.d.ts

@@ -0,0 +1,11 @@
+import { WithFallbackPropsOptional } from '../../lib/with-fallback.js';
+import * as _whop_embedded_components_vanilla_js_types from '@whop/embedded-components-vanilla-js/types';
+import 'react';
+
+declare const BalanceElement: {
+    (props: WithFallbackPropsOptional<_whop_embedded_components_vanilla_js_types.BalanceElementOptions>): React.ReactNode;
+    displayName: string;
+    type: string;
+};
+
+export { BalanceElement };

package/dist/payouts/elements/balance.js

@@ -0,0 +1,30 @@
+"use strict";
+"use client";
+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 balance_exports = {};
+__export(balance_exports, {
+  BalanceElement: () => BalanceElement
+});
+module.exports = __toCommonJS(balance_exports);
+var import_with_fallback = require("../../lib/with-fallback");
+const BalanceElement = (0, import_with_fallback.withFallback)({
+  displayName: "BalanceElement",
+  type: "balance-element"
+});
+//# sourceMappingURL=balance.js.map

package/dist/payouts/elements/balance.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/payouts/elements/balance.tsx"],"sourcesContent":["\"use client\";\n\nimport { withFallback } from \"../../lib/with-fallback\";\n\n// Options type is automatically inferred from \"balance-element\"\nexport const BalanceElement = withFallback({\n\tdisplayName: \"BalanceElement\",\n\ttype: \"balance-element\",\n} as const);\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,2BAA6B;AAGtB,MAAM,qBAAiB,mCAAa;AAAA,EAC1C,aAAa;AAAA,EACb,MAAM;AACP,CAAU;","names":[]}

package/dist/payouts/elements/balance.mjs

@@ -0,0 +1,8 @@
+"use client";
+import "../../chunk-NSSMTXJJ.mjs";
+import { withFallback } from "../../lib/with-fallback.mjs";
+const BalanceElement = withFallback({
+    displayName: "BalanceElement",
+    type: "balance-element"
+});
+export { BalanceElement };

package/dist/payouts/elements/balance.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/payouts/elements/balance.tsx"],"sourcesContent":["\"use client\";\n\nimport { withFallback } from \"../../lib/with-fallback\";\n\n// Options type is automatically inferred from \"balance-element\"\nexport const BalanceElement = withFallback({\n\tdisplayName: \"BalanceElement\",\n\ttype: \"balance-element\",\n} as const);\n"],"mappings":";;AAEA,SAAS,oBAAoB;AAGtB,MAAM,iBAAiB,aAAa;AAAA,EAC1C,aAAa;AAAA,EACb,MAAM;AACP,CAAU;","names":[]}

package/dist/payouts/elements/bnpl-reserve-balance-breakdown.d.ts

@@ -0,0 +1,11 @@
+import { WithFallbackPropsOptional } from '../../lib/with-fallback.js';
+import * as _whop_embedded_components_vanilla_js_types from '@whop/embedded-components-vanilla-js/types';
+import 'react';
+
+declare const BnplReserveBalanceBreakdownElement: {
+    (props: WithFallbackPropsOptional<_whop_embedded_components_vanilla_js_types.BnplReserveBalanceBreakdownElementOptions>): React.ReactNode;
+    displayName: string;
+    type: string;
+};
+
+export { BnplReserveBalanceBreakdownElement };

package/dist/payouts/elements/bnpl-reserve-balance-breakdown.js

@@ -0,0 +1,30 @@
+"use strict";
+"use client";
+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 bnpl_reserve_balance_breakdown_exports = {};
+__export(bnpl_reserve_balance_breakdown_exports, {
+  BnplReserveBalanceBreakdownElement: () => BnplReserveBalanceBreakdownElement
+});
+module.exports = __toCommonJS(bnpl_reserve_balance_breakdown_exports);
+var import_with_fallback = require("../../lib/with-fallback");
+const BnplReserveBalanceBreakdownElement = (0, import_with_fallback.withFallback)({
+  displayName: "BnplReserveBalanceBreakdownElement",
+  type: "bnpl-reserve-balance-breakdown-element"
+});
+//# sourceMappingURL=bnpl-reserve-balance-breakdown.js.map

package/dist/payouts/elements/bnpl-reserve-balance-breakdown.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/payouts/elements/bnpl-reserve-balance-breakdown.tsx"],"sourcesContent":["\"use client\";\n\nimport { withFallback } from \"../../lib/with-fallback\";\n\nexport const BnplReserveBalanceBreakdownElement = withFallback({\n\tdisplayName: \"BnplReserveBalanceBreakdownElement\",\n\ttype: \"bnpl-reserve-balance-breakdown-element\",\n} as const);\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,2BAA6B;AAEtB,MAAM,yCAAqC,mCAAa;AAAA,EAC9D,aAAa;AAAA,EACb,MAAM;AACP,CAAU;","names":[]}

package/dist/payouts/elements/bnpl-reserve-balance-breakdown.mjs

@@ -0,0 +1,8 @@
+"use client";
+import "../../chunk-NSSMTXJJ.mjs";
+import { withFallback } from "../../lib/with-fallback.mjs";
+const BnplReserveBalanceBreakdownElement = withFallback({
+    displayName: "BnplReserveBalanceBreakdownElement",
+    type: "bnpl-reserve-balance-breakdown-element"
+});
+export { BnplReserveBalanceBreakdownElement };

package/dist/payouts/elements/bnpl-reserve-balance-breakdown.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/payouts/elements/bnpl-reserve-balance-breakdown.tsx"],"sourcesContent":["\"use client\";\n\nimport { withFallback } from \"../../lib/with-fallback\";\n\nexport const BnplReserveBalanceBreakdownElement = withFallback({\n\tdisplayName: \"BnplReserveBalanceBreakdownElement\",\n\ttype: \"bnpl-reserve-balance-breakdown-element\",\n} as const);\n"],"mappings":";;AAEA,SAAS,oBAAoB;AAEtB,MAAM,qCAAqC,aAAa;AAAA,EAC9D,aAAa;AAAA,EACb,MAAM;AACP,CAAU;","names":[]}

package/dist/payouts/elements/change-account-country.d.ts

@@ -0,0 +1,11 @@
+import { WithFallbackPropsOptional } from '../../lib/with-fallback.js';
+import * as _whop_embedded_components_vanilla_js_types from '@whop/embedded-components-vanilla-js/types';
+import 'react';
+
+declare const ChangeAccountCountryElement: {
+    (props: WithFallbackPropsOptional<_whop_embedded_components_vanilla_js_types.ChangeAccountCountryElementOptions>): React.ReactNode;
+    displayName: string;
+    type: string;
+};
+
+export { ChangeAccountCountryElement };

package/dist/payouts/elements/change-account-country.js

@@ -0,0 +1,30 @@
+"use strict";
+"use client";
+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 change_account_country_exports = {};
+__export(change_account_country_exports, {
+  ChangeAccountCountryElement: () => ChangeAccountCountryElement
+});
+module.exports = __toCommonJS(change_account_country_exports);
+var import_with_fallback = require("../../lib/with-fallback");
+const ChangeAccountCountryElement = (0, import_with_fallback.withFallback)({
+  displayName: "ChangeAccountCountryElement",
+  type: "change-account-country-element"
+});
+//# sourceMappingURL=change-account-country.js.map

package/dist/payouts/elements/change-account-country.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/payouts/elements/change-account-country.tsx"],"sourcesContent":["\"use client\";\n\nimport { withFallback } from \"../../lib/with-fallback\";\n\nexport const ChangeAccountCountryElement = withFallback({\n\tdisplayName: \"ChangeAccountCountryElement\",\n\ttype: \"change-account-country-element\",\n} as const);\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,2BAA6B;AAEtB,MAAM,kCAA8B,mCAAa;AAAA,EACvD,aAAa;AAAA,EACb,MAAM;AACP,CAAU;","names":[]}

package/dist/payouts/elements/change-account-country.mjs

@@ -0,0 +1,8 @@
+"use client";
+import "../../chunk-NSSMTXJJ.mjs";
+import { withFallback } from "../../lib/with-fallback.mjs";
+const ChangeAccountCountryElement = withFallback({
+    displayName: "ChangeAccountCountryElement",
+    type: "change-account-country-element"
+});
+export { ChangeAccountCountryElement };

package/dist/payouts/elements/change-account-country.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/payouts/elements/change-account-country.tsx"],"sourcesContent":["\"use client\";\n\nimport { withFallback } from \"../../lib/with-fallback\";\n\nexport const ChangeAccountCountryElement = withFallback({\n\tdisplayName: \"ChangeAccountCountryElement\",\n\ttype: \"change-account-country-element\",\n} as const);\n"],"mappings":";;AAEA,SAAS,oBAAoB;AAEtB,MAAM,8BAA8B,aAAa;AAAA,EACvD,aAAa;AAAA,EACb,MAAM;AACP,CAAU;","names":[]}

package/dist/payouts/elements/generate-withdrawal-receipt.d.ts

@@ -0,0 +1,11 @@
+import { WithFallbackPropsRequired } from '../../lib/with-fallback.js';
+import * as _whop_embedded_components_vanilla_js_types from '@whop/embedded-components-vanilla-js/types';
+import 'react';
+
+declare const GenerateWithdrawalReceiptElement: {
+    (props: WithFallbackPropsRequired<_whop_embedded_components_vanilla_js_types.GenerateWithdrawalReceiptElementOptions>): React.ReactNode;
+    displayName: string;
+    type: string;
+};
+
+export { GenerateWithdrawalReceiptElement };