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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@whop/embedded-components-react-js",
-  "version": "0.0.5-beta.4",
+  "version": "0.0.5-beta.5",
   "description": "React components for Whop.js",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -21,7 +21,7 @@
     "access": "public"
   },
   "peerDependencies": {
-    "@whop/embedded-components-vanilla-js": "^0.0.5-beta.4",
+    "@whop/embedded-components-vanilla-js": "^0.0.5-beta.5",
     "react": ">=16.8.0 <20.0.0",
     "react-dom": ">=16.8.0 <20.0.0"
   }

package/package.json.temp

@@ -1,7 +1,7 @@
 {
 	"name": "@whop/embedded-components-react-js",
 	"private": true,
-	"version": "0.0.5-beta.4",
+	"version": "0.0.5-beta.5",
 	"description": "React components for Whop.js",
 	"main": "dist/index.js",
 	"module": "dist/index.mjs",

package/dist/chunk-NSSMTXJJ.mjs

@@ -1,9 +0,0 @@
-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

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

package/dist/index.d.ts

@@ -1,18 +0,0 @@
-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';

package/dist/index.js

@@ -1,21 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

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

package/dist/index.mjs.map

@@ -1 +0,0 @@
-{"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

@@ -1,5 +0,0 @@
-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

@@ -1,64 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,41 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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/payouts/elements/balance.d.ts

@@ -1,16 +0,0 @@
-import { BalanceElementOptions } from '@whop/embedded-components-vanilla-js/types';
-import React__default from 'react';
-
-declare function BalanceElement({ options, className, style, onReady, fallback, }: {
-    options?: BalanceElementOptions;
-    className?: string;
-    style?: React__default.CSSProperties;
-    onReady?: () => void;
-    fallback?: React__default.ReactNode;
-}): React__default.JSX.Element;
-declare namespace BalanceElement {
-    var displayName: string;
-    var type: "balance-element";
-}
-
-export { BalanceElement };

package/dist/payouts/elements/balance.js

@@ -1,86 +0,0 @@
-"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 balance_exports = {};
-__export(balance_exports, {
-  BalanceElement: () => BalanceElement
-});
-module.exports = __toCommonJS(balance_exports);
-var import_react = __toESM(require("react"));
-var import_use_element_snapshot = require("../../lib/use-element-snapshot");
-var import_session = require("../session");
-function BalanceElement({
-  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;
-    const createdElement = payoutsSession.createElement(
-      BalanceElement,
-      options
-    );
-    return createdElement;
-  }, [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));
-}
-BalanceElement.displayName = "BalanceElement";
-BalanceElement.type = "balance-element";
-//# sourceMappingURL=balance.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/payouts/elements/balance.tsx"],"sourcesContent":["\"use client\";\n\nimport type { BalanceElementOptions } from \"@whop/embedded-components-vanilla-js/types\";\n\nimport React, { useEffect, useLayoutEffect, useMemo, useRef } from \"react\";\nimport { useElementSnapshot } from \"../../lib/use-element-snapshot\";\nimport { usePayoutsSession } from \"../session\";\n\nexport function BalanceElement({\n\toptions = {},\n\tclassName,\n\tstyle,\n\tonReady,\n\tfallback,\n}: {\n\toptions?: BalanceElementOptions;\n\tclassName?: string;\n\tstyle?: React.CSSProperties;\n\tonReady?: () => void;\n\tfallback?: React.ReactNode;\n}) {\n\tconst payoutsSession = usePayoutsSession();\n\tconst ref = useRef<HTMLDivElement>(null);\n\tconst element = useMemo(() => {\n\t\tif (!payoutsSession) return null;\n\t\tconst createdElement = payoutsSession.createElement(\n\t\t\tBalanceElement,\n\t\t\toptions,\n\t\t);\n\t\treturn createdElement;\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [payoutsSession]);\n\n\tconst elementSnapshot = useElementSnapshot(element);\n\n\tconst isReady = elementSnapshot?.state === \"ready\";\n\n\tuseEffect(() => {\n\t\tif (!element) return;\n\t\telement.updateOptions(options);\n\t}, [options, element]);\n\n\tuseEffect(() => {\n\t\tif (!element || !onReady) return;\n\t\telement.on(\"ready\", onReady);\n\t\treturn () => {\n\t\t\telement.off(\"ready\", onReady);\n\t\t};\n\t}, [element, onReady]);\n\n\tuseLayoutEffect(() => {\n\t\tif (!element || !ref.current) return;\n\t\telement.mount(ref.current);\n\t\treturn () => {\n\t\t\telement.unmount();\n\t\t};\n\t}, [element, ref.current]);\n\n\treturn (\n\t\t<>\n\t\t\t<div\n\t\t\t\tstyle={{ ...style, visibility: isReady ? undefined : \"hidden\" }}\n\t\t\t\tclassName={className}\n\t\t\t\tref={ref}\n\t\t\t/>\n\t\t\t{!isReady && (fallback ?? null)}\n\t\t</>\n\t);\n}\n\nBalanceElement.displayName = \"BalanceElement\";\nBalanceElement.type = \"balance-element\" as const;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,mBAAmE;AACnE,kCAAmC;AACnC,qBAAkC;AAE3B,SAAS,eAAe;AAAA,EAC9B,UAAU,CAAC;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAMG;AACF,QAAM,qBAAiB,kCAAkB;AACzC,QAAM,UAAM,qBAAuB,IAAI;AACvC,QAAM,cAAU,sBAAQ,MAAM;AAC7B,QAAI,CAAC,eAAgB,QAAO;AAC5B,UAAM,iBAAiB,eAAe;AAAA,MACrC;AAAA,MACA;AAAA,IACD;AACA,WAAO;AAAA,EAER,GAAG,CAAC,cAAc,CAAC;AAEnB,QAAM,sBAAkB,gDAAmB,OAAO;AAElD,QAAM,UAAU,iBAAiB,UAAU;AAE3C,8BAAU,MAAM;AACf,QAAI,CAAC,QAAS;AACd,YAAQ,cAAc,OAAO;AAAA,EAC9B,GAAG,CAAC,SAAS,OAAO,CAAC;AAErB,8BAAU,MAAM;AACf,QAAI,CAAC,WAAW,CAAC,QAAS;AAC1B,YAAQ,GAAG,SAAS,OAAO;AAC3B,WAAO,MAAM;AACZ,cAAQ,IAAI,SAAS,OAAO;AAAA,IAC7B;AAAA,EACD,GAAG,CAAC,SAAS,OAAO,CAAC;AAErB,oCAAgB,MAAM;AACrB,QAAI,CAAC,WAAW,CAAC,IAAI,QAAS;AAC9B,YAAQ,MAAM,IAAI,OAAO;AACzB,WAAO,MAAM;AACZ,cAAQ,QAAQ;AAAA,IACjB;AAAA,EACD,GAAG,CAAC,SAAS,IAAI,OAAO,CAAC;AAEzB,SACC,6BAAAA,QAAA,2BAAAA,QAAA,gBACC,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACA,OAAO,EAAE,GAAG,OAAO,YAAY,UAAU,SAAY,SAAS;AAAA,MAC9D;AAAA,MACA;AAAA;AAAA,EACD,GACC,CAAC,YAAY,YAAY,KAC3B;AAEF;AAEA,eAAe,cAAc;AAC7B,eAAe,OAAO;","names":["React"]}

package/dist/payouts/elements/balance.mjs

@@ -1,56 +0,0 @@
-"use client";
-import "../../chunk-NSSMTXJJ.mjs";
-import React, { useEffect, useLayoutEffect, useMemo, useRef } from "react";
-import { useElementSnapshot } from "../../lib/use-element-snapshot.mjs";
-import { usePayoutsSession } from "../session.mjs";
-function BalanceElement({ options = {}, className, style, onReady, fallback }) {
-    const payoutsSession = usePayoutsSession();
-    const ref = useRef(null);
-    const element = useMemo(()=>{
-        if (!payoutsSession) return null;
-        const createdElement = payoutsSession.createElement(BalanceElement, options);
-        return createdElement;
-    }, [
-        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));
-}
-BalanceElement.displayName = "BalanceElement";
-BalanceElement.type = "balance-element";
-export { BalanceElement };

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/payouts/elements/balance.tsx"],"sourcesContent":["\"use client\";\n\nimport type { BalanceElementOptions } from \"@whop/embedded-components-vanilla-js/types\";\n\nimport React, { useEffect, useLayoutEffect, useMemo, useRef } from \"react\";\nimport { useElementSnapshot } from \"../../lib/use-element-snapshot\";\nimport { usePayoutsSession } from \"../session\";\n\nexport function BalanceElement({\n\toptions = {},\n\tclassName,\n\tstyle,\n\tonReady,\n\tfallback,\n}: {\n\toptions?: BalanceElementOptions;\n\tclassName?: string;\n\tstyle?: React.CSSProperties;\n\tonReady?: () => void;\n\tfallback?: React.ReactNode;\n}) {\n\tconst payoutsSession = usePayoutsSession();\n\tconst ref = useRef<HTMLDivElement>(null);\n\tconst element = useMemo(() => {\n\t\tif (!payoutsSession) return null;\n\t\tconst createdElement = payoutsSession.createElement(\n\t\t\tBalanceElement,\n\t\t\toptions,\n\t\t);\n\t\treturn createdElement;\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [payoutsSession]);\n\n\tconst elementSnapshot = useElementSnapshot(element);\n\n\tconst isReady = elementSnapshot?.state === \"ready\";\n\n\tuseEffect(() => {\n\t\tif (!element) return;\n\t\telement.updateOptions(options);\n\t}, [options, element]);\n\n\tuseEffect(() => {\n\t\tif (!element || !onReady) return;\n\t\telement.on(\"ready\", onReady);\n\t\treturn () => {\n\t\t\telement.off(\"ready\", onReady);\n\t\t};\n\t}, [element, onReady]);\n\n\tuseLayoutEffect(() => {\n\t\tif (!element || !ref.current) return;\n\t\telement.mount(ref.current);\n\t\treturn () => {\n\t\t\telement.unmount();\n\t\t};\n\t}, [element, ref.current]);\n\n\treturn (\n\t\t<>\n\t\t\t<div\n\t\t\t\tstyle={{ ...style, visibility: isReady ? undefined : \"hidden\" }}\n\t\t\t\tclassName={className}\n\t\t\t\tref={ref}\n\t\t\t/>\n\t\t\t{!isReady && (fallback ?? null)}\n\t\t</>\n\t);\n}\n\nBalanceElement.displayName = \"BalanceElement\";\nBalanceElement.type = \"balance-element\" as const;\n"],"mappings":";;AAIA,OAAO,SAAS,WAAW,iBAAiB,SAAS,cAAc;AACnE,SAAS,0BAA0B;AACnC,SAAS,yBAAyB;AAE3B,SAAS,eAAe;AAAA,EAC9B,UAAU,CAAC;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAMG;AACF,QAAM,iBAAiB,kBAAkB;AACzC,QAAM,MAAM,OAAuB,IAAI;AACvC,QAAM,UAAU,QAAQ,MAAM;AAC7B,QAAI,CAAC,eAAgB,QAAO;AAC5B,UAAM,iBAAiB,eAAe;AAAA,MACrC;AAAA,MACA;AAAA,IACD;AACA,WAAO;AAAA,EAER,GAAG,CAAC,cAAc,CAAC;AAEnB,QAAM,kBAAkB,mBAAmB,OAAO;AAElD,QAAM,UAAU,iBAAiB,UAAU;AAE3C,YAAU,MAAM;AACf,QAAI,CAAC,QAAS;AACd,YAAQ,cAAc,OAAO;AAAA,EAC9B,GAAG,CAAC,SAAS,OAAO,CAAC;AAErB,YAAU,MAAM;AACf,QAAI,CAAC,WAAW,CAAC,QAAS;AAC1B,YAAQ,GAAG,SAAS,OAAO;AAC3B,WAAO,MAAM;AACZ,cAAQ,IAAI,SAAS,OAAO;AAAA,IAC7B;AAAA,EACD,GAAG,CAAC,SAAS,OAAO,CAAC;AAErB,kBAAgB,MAAM;AACrB,QAAI,CAAC,WAAW,CAAC,IAAI,QAAS;AAC9B,YAAQ,MAAM,IAAI,OAAO;AACzB,WAAO,MAAM;AACZ,cAAQ,QAAQ;AAAA,IACjB;AAAA,EACD,GAAG,CAAC,SAAS,IAAI,OAAO,CAAC;AAEzB,SACC,0DACC;AAAA,IAAC;AAAA;AAAA,MACA,OAAO,EAAE,GAAG,OAAO,YAAY,UAAU,SAAY,SAAS;AAAA,MAC9D;AAAA,MACA;AAAA;AAAA,EACD,GACC,CAAC,YAAY,YAAY,KAC3B;AAEF;AAEA,eAAe,cAAc;AAC7B,eAAe,OAAO;","names":[]}

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

@@ -1,16 +0,0 @@
-import { BnplReserveBalanceBreakdownElementOptions } from '@whop/embedded-components-vanilla-js/types';
-import React__default from 'react';
-
-declare function BnplReserveBalanceBreakdownElement({ options, className, style, onReady, fallback, }: {
-    options?: BnplReserveBalanceBreakdownElementOptions;
-    className?: string;
-    style?: React__default.CSSProperties;
-    onReady?: () => void;
-    fallback?: React__default.ReactNode;
-}): React__default.JSX.Element;
-declare namespace BnplReserveBalanceBreakdownElement {
-    var displayName: string;
-    var type: "bnpl-reserve-balance-breakdown-element";
-}
-
-export { BnplReserveBalanceBreakdownElement };

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

@@ -1,86 +0,0 @@
-"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 bnpl_reserve_balance_breakdown_exports = {};
-__export(bnpl_reserve_balance_breakdown_exports, {
-  BnplReserveBalanceBreakdownElement: () => BnplReserveBalanceBreakdownElement
-});
-module.exports = __toCommonJS(bnpl_reserve_balance_breakdown_exports);
-var import_react = __toESM(require("react"));
-var import_use_element_snapshot = require("../../lib/use-element-snapshot");
-var import_session = require("../session");
-function BnplReserveBalanceBreakdownElement({
-  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;
-    const createdElement = payoutsSession.createElement(
-      BnplReserveBalanceBreakdownElement,
-      options
-    );
-    return createdElement;
-  }, [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));
-}
-BnplReserveBalanceBreakdownElement.displayName = "BnplReserveBalanceBreakdownElement";
-BnplReserveBalanceBreakdownElement.type = "bnpl-reserve-balance-breakdown-element";
-//# sourceMappingURL=bnpl-reserve-balance-breakdown.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/payouts/elements/bnpl-reserve-balance-breakdown.tsx"],"sourcesContent":["\"use client\";\n\nimport type { BnplReserveBalanceBreakdownElementOptions } from \"@whop/embedded-components-vanilla-js/types\";\n\nimport React, { useEffect, useLayoutEffect, useMemo, useRef } from \"react\";\nimport { useElementSnapshot } from \"../../lib/use-element-snapshot\";\nimport { usePayoutsSession } from \"../session\";\n\nexport function BnplReserveBalanceBreakdownElement({\n\toptions = {},\n\tclassName,\n\tstyle,\n\tonReady,\n\tfallback,\n}: {\n\toptions?: BnplReserveBalanceBreakdownElementOptions;\n\tclassName?: string;\n\tstyle?: React.CSSProperties;\n\tonReady?: () => void;\n\tfallback?: React.ReactNode;\n}) {\n\tconst payoutsSession = usePayoutsSession();\n\tconst ref = useRef<HTMLDivElement>(null);\n\tconst element = useMemo(() => {\n\t\tif (!payoutsSession) return null;\n\t\tconst createdElement = payoutsSession.createElement(\n\t\t\tBnplReserveBalanceBreakdownElement,\n\t\t\toptions,\n\t\t);\n\t\treturn createdElement;\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [payoutsSession]);\n\n\tconst elementSnapshot = useElementSnapshot(element);\n\n\tconst isReady = elementSnapshot?.state === \"ready\";\n\n\tuseEffect(() => {\n\t\tif (!element) return;\n\t\telement.updateOptions(options);\n\t}, [options, element]);\n\n\tuseEffect(() => {\n\t\tif (!element || !onReady) return;\n\t\telement.on(\"ready\", onReady);\n\t\treturn () => {\n\t\t\telement.off(\"ready\", onReady);\n\t\t};\n\t}, [element, onReady]);\n\n\tuseLayoutEffect(() => {\n\t\tif (!element || !ref.current) return;\n\t\telement.mount(ref.current);\n\t\treturn () => {\n\t\t\telement.unmount();\n\t\t};\n\t}, [element, ref.current]);\n\n\treturn (\n\t\t<>\n\t\t\t<div\n\t\t\t\tstyle={{ ...style, visibility: isReady ? undefined : \"hidden\" }}\n\t\t\t\tclassName={className}\n\t\t\t\tref={ref}\n\t\t\t/>\n\t\t\t{!isReady && (fallback ?? null)}\n\t\t</>\n\t);\n}\n\nBnplReserveBalanceBreakdownElement.displayName =\n\t\"BnplReserveBalanceBreakdownElement\";\nBnplReserveBalanceBreakdownElement.type =\n\t\"bnpl-reserve-balance-breakdown-element\" as const;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,mBAAmE;AACnE,kCAAmC;AACnC,qBAAkC;AAE3B,SAAS,mCAAmC;AAAA,EAClD,UAAU,CAAC;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAMG;AACF,QAAM,qBAAiB,kCAAkB;AACzC,QAAM,UAAM,qBAAuB,IAAI;AACvC,QAAM,cAAU,sBAAQ,MAAM;AAC7B,QAAI,CAAC,eAAgB,QAAO;AAC5B,UAAM,iBAAiB,eAAe;AAAA,MACrC;AAAA,MACA;AAAA,IACD;AACA,WAAO;AAAA,EAER,GAAG,CAAC,cAAc,CAAC;AAEnB,QAAM,sBAAkB,gDAAmB,OAAO;AAElD,QAAM,UAAU,iBAAiB,UAAU;AAE3C,8BAAU,MAAM;AACf,QAAI,CAAC,QAAS;AACd,YAAQ,cAAc,OAAO;AAAA,EAC9B,GAAG,CAAC,SAAS,OAAO,CAAC;AAErB,8BAAU,MAAM;AACf,QAAI,CAAC,WAAW,CAAC,QAAS;AAC1B,YAAQ,GAAG,SAAS,OAAO;AAC3B,WAAO,MAAM;AACZ,cAAQ,IAAI,SAAS,OAAO;AAAA,IAC7B;AAAA,EACD,GAAG,CAAC,SAAS,OAAO,CAAC;AAErB,oCAAgB,MAAM;AACrB,QAAI,CAAC,WAAW,CAAC,IAAI,QAAS;AAC9B,YAAQ,MAAM,IAAI,OAAO;AACzB,WAAO,MAAM;AACZ,cAAQ,QAAQ;AAAA,IACjB;AAAA,EACD,GAAG,CAAC,SAAS,IAAI,OAAO,CAAC;AAEzB,SACC,6BAAAA,QAAA,2BAAAA,QAAA,gBACC,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACA,OAAO,EAAE,GAAG,OAAO,YAAY,UAAU,SAAY,SAAS;AAAA,MAC9D;AAAA,MACA;AAAA;AAAA,EACD,GACC,CAAC,YAAY,YAAY,KAC3B;AAEF;AAEA,mCAAmC,cAClC;AACD,mCAAmC,OAClC;","names":["React"]}

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

@@ -1,56 +0,0 @@
-"use client";
-import "../../chunk-NSSMTXJJ.mjs";
-import React, { useEffect, useLayoutEffect, useMemo, useRef } from "react";
-import { useElementSnapshot } from "../../lib/use-element-snapshot.mjs";
-import { usePayoutsSession } from "../session.mjs";
-function BnplReserveBalanceBreakdownElement({ options = {}, className, style, onReady, fallback }) {
-    const payoutsSession = usePayoutsSession();
-    const ref = useRef(null);
-    const element = useMemo(()=>{
-        if (!payoutsSession) return null;
-        const createdElement = payoutsSession.createElement(BnplReserveBalanceBreakdownElement, options);
-        return createdElement;
-    }, [
-        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));
-}
-BnplReserveBalanceBreakdownElement.displayName = "BnplReserveBalanceBreakdownElement";
-BnplReserveBalanceBreakdownElement.type = "bnpl-reserve-balance-breakdown-element";
-export { BnplReserveBalanceBreakdownElement };

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/payouts/elements/bnpl-reserve-balance-breakdown.tsx"],"sourcesContent":["\"use client\";\n\nimport type { BnplReserveBalanceBreakdownElementOptions } from \"@whop/embedded-components-vanilla-js/types\";\n\nimport React, { useEffect, useLayoutEffect, useMemo, useRef } from \"react\";\nimport { useElementSnapshot } from \"../../lib/use-element-snapshot\";\nimport { usePayoutsSession } from \"../session\";\n\nexport function BnplReserveBalanceBreakdownElement({\n\toptions = {},\n\tclassName,\n\tstyle,\n\tonReady,\n\tfallback,\n}: {\n\toptions?: BnplReserveBalanceBreakdownElementOptions;\n\tclassName?: string;\n\tstyle?: React.CSSProperties;\n\tonReady?: () => void;\n\tfallback?: React.ReactNode;\n}) {\n\tconst payoutsSession = usePayoutsSession();\n\tconst ref = useRef<HTMLDivElement>(null);\n\tconst element = useMemo(() => {\n\t\tif (!payoutsSession) return null;\n\t\tconst createdElement = payoutsSession.createElement(\n\t\t\tBnplReserveBalanceBreakdownElement,\n\t\t\toptions,\n\t\t);\n\t\treturn createdElement;\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [payoutsSession]);\n\n\tconst elementSnapshot = useElementSnapshot(element);\n\n\tconst isReady = elementSnapshot?.state === \"ready\";\n\n\tuseEffect(() => {\n\t\tif (!element) return;\n\t\telement.updateOptions(options);\n\t}, [options, element]);\n\n\tuseEffect(() => {\n\t\tif (!element || !onReady) return;\n\t\telement.on(\"ready\", onReady);\n\t\treturn () => {\n\t\t\telement.off(\"ready\", onReady);\n\t\t};\n\t}, [element, onReady]);\n\n\tuseLayoutEffect(() => {\n\t\tif (!element || !ref.current) return;\n\t\telement.mount(ref.current);\n\t\treturn () => {\n\t\t\telement.unmount();\n\t\t};\n\t}, [element, ref.current]);\n\n\treturn (\n\t\t<>\n\t\t\t<div\n\t\t\t\tstyle={{ ...style, visibility: isReady ? undefined : \"hidden\" }}\n\t\t\t\tclassName={className}\n\t\t\t\tref={ref}\n\t\t\t/>\n\t\t\t{!isReady && (fallback ?? null)}\n\t\t</>\n\t);\n}\n\nBnplReserveBalanceBreakdownElement.displayName =\n\t\"BnplReserveBalanceBreakdownElement\";\nBnplReserveBalanceBreakdownElement.type =\n\t\"bnpl-reserve-balance-breakdown-element\" as const;\n"],"mappings":";;AAIA,OAAO,SAAS,WAAW,iBAAiB,SAAS,cAAc;AACnE,SAAS,0BAA0B;AACnC,SAAS,yBAAyB;AAE3B,SAAS,mCAAmC;AAAA,EAClD,UAAU,CAAC;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAMG;AACF,QAAM,iBAAiB,kBAAkB;AACzC,QAAM,MAAM,OAAuB,IAAI;AACvC,QAAM,UAAU,QAAQ,MAAM;AAC7B,QAAI,CAAC,eAAgB,QAAO;AAC5B,UAAM,iBAAiB,eAAe;AAAA,MACrC;AAAA,MACA;AAAA,IACD;AACA,WAAO;AAAA,EAER,GAAG,CAAC,cAAc,CAAC;AAEnB,QAAM,kBAAkB,mBAAmB,OAAO;AAElD,QAAM,UAAU,iBAAiB,UAAU;AAE3C,YAAU,MAAM;AACf,QAAI,CAAC,QAAS;AACd,YAAQ,cAAc,OAAO;AAAA,EAC9B,GAAG,CAAC,SAAS,OAAO,CAAC;AAErB,YAAU,MAAM;AACf,QAAI,CAAC,WAAW,CAAC,QAAS;AAC1B,YAAQ,GAAG,SAAS,OAAO;AAC3B,WAAO,MAAM;AACZ,cAAQ,IAAI,SAAS,OAAO;AAAA,IAC7B;AAAA,EACD,GAAG,CAAC,SAAS,OAAO,CAAC;AAErB,kBAAgB,MAAM;AACrB,QAAI,CAAC,WAAW,CAAC,IAAI,QAAS;AAC9B,YAAQ,MAAM,IAAI,OAAO;AACzB,WAAO,MAAM;AACZ,cAAQ,QAAQ;AAAA,IACjB;AAAA,EACD,GAAG,CAAC,SAAS,IAAI,OAAO,CAAC;AAEzB,SACC,0DACC;AAAA,IAAC;AAAA;AAAA,MACA,OAAO,EAAE,GAAG,OAAO,YAAY,UAAU,SAAY,SAAS;AAAA,MAC9D;AAAA,MACA;AAAA;AAAA,EACD,GACC,CAAC,YAAY,YAAY,KAC3B;AAEF;AAEA,mCAAmC,cAClC;AACD,mCAAmC,OAClC;","names":[]}

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

@@ -1,16 +0,0 @@
-import { ChangeAccountCountryElementOptions } from '@whop/embedded-components-vanilla-js/types';
-import React__default from 'react';
-
-declare function ChangeAccountCountryElement({ options, className, style, onReady, fallback, }: {
-    options?: ChangeAccountCountryElementOptions;
-    className?: string;
-    style?: React__default.CSSProperties;
-    onReady?: () => void;
-    fallback?: React__default.ReactNode;
-}): React__default.JSX.Element;
-declare namespace ChangeAccountCountryElement {
-    var displayName: string;
-    var type: "change-account-country-element";
-}
-
-export { ChangeAccountCountryElement };