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

package/dist/payouts/elements/verify.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 verify_exports = {};
+__export(verify_exports, {
+  VerifyElement: () => VerifyElement
+});
+module.exports = __toCommonJS(verify_exports);
+var import_with_fallback = require("../../lib/with-fallback");
+const VerifyElement = (0, import_with_fallback.withFallback)({
+  displayName: "VerifyElement",
+  type: "verify-element"
+});
+//# sourceMappingURL=verify.js.map

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

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

package/dist/payouts/elements/verify.mjs

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

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

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

package/dist/payouts/elements/withdraw-button.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 WithdrawButtonElement: {
+    (props: WithFallbackPropsOptional<_whop_embedded_components_vanilla_js_types.WithdrawButtonElementOptions>): React.ReactNode;
+    displayName: string;
+    type: string;
+};
+
+export { WithdrawButtonElement };

package/dist/payouts/elements/withdraw-button.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 withdraw_button_exports = {};
+__export(withdraw_button_exports, {
+  WithdrawButtonElement: () => WithdrawButtonElement
+});
+module.exports = __toCommonJS(withdraw_button_exports);
+var import_with_fallback = require("../../lib/with-fallback");
+const WithdrawButtonElement = (0, import_with_fallback.withFallback)({
+  displayName: "WithdrawButtonElement",
+  type: "withdraw-button-element"
+});
+//# sourceMappingURL=withdraw-button.js.map

package/dist/payouts/elements/withdraw-button.js.map

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

package/dist/payouts/elements/withdraw-button.mjs

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

package/dist/payouts/elements/withdraw-button.mjs.map

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

package/dist/payouts/elements/withdrawal-breakdown.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 WithdrawalBreakdownElement: {
+    (props: WithFallbackPropsRequired<_whop_embedded_components_vanilla_js_types.WithdrawalBreakdownElementOptions>): React.ReactNode;
+    displayName: string;
+    type: string;
+};
+
+export { WithdrawalBreakdownElement };

package/dist/payouts/elements/withdrawal-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 withdrawal_breakdown_exports = {};
+__export(withdrawal_breakdown_exports, {
+  WithdrawalBreakdownElement: () => WithdrawalBreakdownElement
+});
+module.exports = __toCommonJS(withdrawal_breakdown_exports);
+var import_with_fallback = require("../../lib/with-fallback");
+const WithdrawalBreakdownElement = (0, import_with_fallback.withFallback)({
+  displayName: "WithdrawalBreakdownElement",
+  type: "withdrawal-breakdown-element"
+});
+//# sourceMappingURL=withdrawal-breakdown.js.map

package/dist/payouts/elements/withdrawal-breakdown.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/payouts/elements/withdrawal-breakdown.tsx"],"sourcesContent":["\"use client\";\n\nimport { withFallback } from \"../../lib/with-fallback\";\n\nexport const WithdrawalBreakdownElement = withFallback<\n\t\"withdrawal-breakdown-element\",\n\ttrue\n>({\n\tdisplayName: \"WithdrawalBreakdownElement\",\n\ttype: \"withdrawal-breakdown-element\",\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,2BAA6B;AAEtB,MAAM,iCAA6B,mCAGxC;AAAA,EACD,aAAa;AAAA,EACb,MAAM;AACP,CAAC;","names":[]}

package/dist/payouts/elements/withdrawal-breakdown.mjs

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

package/dist/payouts/elements/withdrawal-breakdown.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/payouts/elements/withdrawal-breakdown.tsx"],"sourcesContent":["\"use client\";\n\nimport { withFallback } from \"../../lib/with-fallback\";\n\nexport const WithdrawalBreakdownElement = withFallback<\n\t\"withdrawal-breakdown-element\",\n\ttrue\n>({\n\tdisplayName: \"WithdrawalBreakdownElement\",\n\ttype: \"withdrawal-breakdown-element\",\n});\n"],"mappings":";;AAEA,SAAS,oBAAoB;AAEtB,MAAM,6BAA6B,aAGxC;AAAA,EACD,aAAa;AAAA,EACb,MAAM;AACP,CAAC;","names":[]}

package/dist/payouts/elements/withdrawals.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 WithdrawalsElement: {
+    (props: WithFallbackPropsOptional<_whop_embedded_components_vanilla_js_types.WithdrawalsElementOptions>): React.ReactNode;
+    displayName: string;
+    type: string;
+};
+
+export { WithdrawalsElement };

package/dist/payouts/elements/withdrawals.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 withdrawals_exports = {};
+__export(withdrawals_exports, {
+  WithdrawalsElement: () => WithdrawalsElement
+});
+module.exports = __toCommonJS(withdrawals_exports);
+var import_with_fallback = require("../../lib/with-fallback");
+const WithdrawalsElement = (0, import_with_fallback.withFallback)({
+  displayName: "WithdrawalsElement",
+  type: "withdrawals-element"
+});
+//# sourceMappingURL=withdrawals.js.map

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

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

package/dist/payouts/elements/withdrawals.mjs

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

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

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

package/dist/payouts/index.d.ts

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

package/dist/payouts/index.js

@@ -0,0 +1,20 @@
+"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 payouts_exports = {};
+module.exports = __toCommonJS(payouts_exports);
+__reExport(payouts_exports, require("./session"), module.exports);
+__reExport(payouts_exports, require("./elements"), module.exports);
+//# sourceMappingURL=index.js.map

package/dist/payouts/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/payouts/index.tsx"],"sourcesContent":["export * from \"./session\";\nexport * from \"./elements\";\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,4BAAc,sBAAd;AACA,4BAAc,uBADd;","names":[]}

package/dist/payouts/index.mjs

@@ -0,0 +1,2 @@
+export * from "./session.mjs";
+export * from "./elements/index.mjs";

package/dist/payouts/index.mjs.map

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

package/dist/payouts/session.d.ts

@@ -0,0 +1,11 @@
+import { PayoutsSession as PayoutsSession$1, PayoutsSessionOptions } from '@whop/embedded-components-vanilla-js/types';
+import React__default, { PropsWithChildren } from 'react';
+
+declare function usePayoutsSession(): PayoutsSession$1 | null;
+declare function PayoutsSession({ children, currency, companyId, token, redirectUrl, ref, }: PropsWithChildren<PayoutsSessionOptions & {
+    ref?: React__default.RefObject<{
+        payoutsSession: PayoutsSession$1 | null;
+    } | null>;
+}>): React__default.JSX.Element;
+
+export { PayoutsSession, usePayoutsSession };

package/dist/payouts/session.js

@@ -0,0 +1,84 @@
+"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 session_exports = {};
+__export(session_exports, {
+  PayoutsSession: () => PayoutsSession,
+  usePayoutsSession: () => usePayoutsSession
+});
+module.exports = __toCommonJS(session_exports);
+var import_react = __toESM(require("react"));
+var import_provider = require("../provider");
+const PayoutsSessionContext = (0, import_react.createContext)(null);
+function usePayoutsSession() {
+  const ctx = (0, import_react.useContext)(PayoutsSessionContext);
+  if (!ctx) {
+    throw new Error(
+      "usePayoutsSession must be used within a PayoutsSessionProvider"
+    );
+  }
+  return ctx.payoutsSession;
+}
+function PayoutsSession({
+  children,
+  currency,
+  companyId,
+  token,
+  redirectUrl,
+  ref
+}) {
+  const elements = (0, import_provider.useElements)();
+  const payoutsSession = (0, import_react.useMemo)(() => {
+    if (!elements) return null;
+    return elements.createPayoutsSession({
+      token,
+      currency,
+      companyId,
+      redirectUrl
+    });
+  }, [elements]);
+  (0, import_react.useEffect)(() => {
+    if (!payoutsSession) return;
+    payoutsSession.updateOptions({
+      token,
+      currency,
+      companyId,
+      redirectUrl
+    });
+  }, [payoutsSession, currency, token, companyId, redirectUrl]);
+  const value = (0, import_react.useMemo)(
+    () => ({
+      payoutsSession
+    }),
+    [payoutsSession]
+  );
+  (0, import_react.useImperativeHandle)(ref, () => ({ payoutsSession }), [payoutsSession]);
+  return /* @__PURE__ */ import_react.default.createElement(PayoutsSessionContext.Provider, { value }, children);
+}
+//# sourceMappingURL=session.js.map

package/dist/payouts/session.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/payouts/session.tsx"],"sourcesContent":["\"use client\";\n\nimport type {\n\tPayoutsSessionOptions,\n\tPayoutsSession as PayoutsSessionType,\n} from \"@whop/embedded-components-vanilla-js/types\";\nimport type { PropsWithChildren } from \"react\";\n\nimport React, {\n\tcreateContext,\n\tuseContext,\n\tuseEffect,\n\tuseImperativeHandle,\n\tuseMemo,\n} from \"react\";\nimport { useElements } from \"../provider\";\n\ninterface ContextState {\n\tpayoutsSession: PayoutsSessionType | null;\n}\n\nconst PayoutsSessionContext = createContext<ContextState | null>(null);\n\nexport function usePayoutsSession() {\n\tconst ctx = useContext(PayoutsSessionContext);\n\tif (!ctx) {\n\t\tthrow new Error(\n\t\t\t\"usePayoutsSession must be used within a PayoutsSessionProvider\",\n\t\t);\n\t}\n\treturn ctx.payoutsSession;\n}\n\nexport function PayoutsSession({\n\tchildren,\n\tcurrency,\n\tcompanyId,\n\ttoken,\n\tredirectUrl,\n\tref,\n}: PropsWithChildren<\n\tPayoutsSessionOptions & {\n\t\tref?: React.RefObject<{\n\t\t\tpayoutsSession: PayoutsSessionType | null;\n\t\t} | null>;\n\t}\n>) {\n\tconst elements = useElements();\n\n\tconst payoutsSession = useMemo(() => {\n\t\tif (!elements) return null;\n\t\treturn elements.createPayoutsSession({\n\t\t\ttoken,\n\t\t\tcurrency,\n\t\t\tcompanyId,\n\t\t\tredirectUrl,\n\t\t});\n\t}, [elements]);\n\n\tuseEffect(() => {\n\t\tif (!payoutsSession) return;\n\n\t\tpayoutsSession.updateOptions({\n\t\t\ttoken,\n\t\t\tcurrency,\n\t\t\tcompanyId,\n\t\t\tredirectUrl,\n\t\t});\n\t}, [payoutsSession, currency, token, companyId, redirectUrl]);\n\n\tconst value: ContextState = useMemo(\n\t\t() => ({\n\t\t\tpayoutsSession,\n\t\t}),\n\t\t[payoutsSession],\n\t);\n\n\tuseImperativeHandle(ref, () => ({ payoutsSession }), [payoutsSession]);\n\n\treturn (\n\t\t<PayoutsSessionContext.Provider value={value}>\n\t\t\t{children}\n\t\t</PayoutsSessionContext.Provider>\n\t);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA,mBAMO;AACP,sBAA4B;AAM5B,MAAM,4BAAwB,4BAAmC,IAAI;AAE9D,SAAS,oBAAoB;AACnC,QAAM,UAAM,yBAAW,qBAAqB;AAC5C,MAAI,CAAC,KAAK;AACT,UAAM,IAAI;AAAA,MACT;AAAA,IACD;AAAA,EACD;AACA,SAAO,IAAI;AACZ;AAEO,SAAS,eAAe;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAMG;AACF,QAAM,eAAW,6BAAY;AAE7B,QAAM,qBAAiB,sBAAQ,MAAM;AACpC,QAAI,CAAC,SAAU,QAAO;AACtB,WAAO,SAAS,qBAAqB;AAAA,MACpC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACD,CAAC;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,8BAAU,MAAM;AACf,QAAI,CAAC,eAAgB;AAErB,mBAAe,cAAc;AAAA,MAC5B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACD,CAAC;AAAA,EACF,GAAG,CAAC,gBAAgB,UAAU,OAAO,WAAW,WAAW,CAAC;AAE5D,QAAM,YAAsB;AAAA,IAC3B,OAAO;AAAA,MACN;AAAA,IACD;AAAA,IACA,CAAC,cAAc;AAAA,EAChB;AAEA,wCAAoB,KAAK,OAAO,EAAE,eAAe,IAAI,CAAC,cAAc,CAAC;AAErE,SACC,6BAAAA,QAAA,cAAC,sBAAsB,UAAtB,EAA+B,SAC9B,QACF;AAEF;","names":["React"]}

package/dist/payouts/session.mjs

@@ -0,0 +1,55 @@
+"use client";
+import "../chunk-NSSMTXJJ.mjs";
+import React, { createContext, useContext, useEffect, useImperativeHandle, useMemo } from "react";
+import { useElements } from "../provider.mjs";
+const PayoutsSessionContext = createContext(null);
+function usePayoutsSession() {
+    const ctx = useContext(PayoutsSessionContext);
+    if (!ctx) {
+        throw new Error("usePayoutsSession must be used within a PayoutsSessionProvider");
+    }
+    return ctx.payoutsSession;
+}
+function PayoutsSession({ children, currency, companyId, token, redirectUrl, ref }) {
+    const elements = useElements();
+    const payoutsSession = useMemo(()=>{
+        if (!elements) return null;
+        return elements.createPayoutsSession({
+            token,
+            currency,
+            companyId,
+            redirectUrl
+        });
+    }, [
+        elements
+    ]);
+    useEffect(()=>{
+        if (!payoutsSession) return;
+        payoutsSession.updateOptions({
+            token,
+            currency,
+            companyId,
+            redirectUrl
+        });
+    }, [
+        payoutsSession,
+        currency,
+        token,
+        companyId,
+        redirectUrl
+    ]);
+    const value = useMemo(()=>({
+            payoutsSession
+        }), [
+        payoutsSession
+    ]);
+    useImperativeHandle(ref, ()=>({
+            payoutsSession
+        }), [
+        payoutsSession
+    ]);
+    return React.createElement(PayoutsSessionContext.Provider, {
+        value
+    }, children);
+}
+export { PayoutsSession, usePayoutsSession };

package/dist/payouts/session.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/payouts/session.tsx"],"sourcesContent":["\"use client\";\n\nimport type {\n\tPayoutsSessionOptions,\n\tPayoutsSession as PayoutsSessionType,\n} from \"@whop/embedded-components-vanilla-js/types\";\nimport type { PropsWithChildren } from \"react\";\n\nimport React, {\n\tcreateContext,\n\tuseContext,\n\tuseEffect,\n\tuseImperativeHandle,\n\tuseMemo,\n} from \"react\";\nimport { useElements } from \"../provider\";\n\ninterface ContextState {\n\tpayoutsSession: PayoutsSessionType | null;\n}\n\nconst PayoutsSessionContext = createContext<ContextState | null>(null);\n\nexport function usePayoutsSession() {\n\tconst ctx = useContext(PayoutsSessionContext);\n\tif (!ctx) {\n\t\tthrow new Error(\n\t\t\t\"usePayoutsSession must be used within a PayoutsSessionProvider\",\n\t\t);\n\t}\n\treturn ctx.payoutsSession;\n}\n\nexport function PayoutsSession({\n\tchildren,\n\tcurrency,\n\tcompanyId,\n\ttoken,\n\tredirectUrl,\n\tref,\n}: PropsWithChildren<\n\tPayoutsSessionOptions & {\n\t\tref?: React.RefObject<{\n\t\t\tpayoutsSession: PayoutsSessionType | null;\n\t\t} | null>;\n\t}\n>) {\n\tconst elements = useElements();\n\n\tconst payoutsSession = useMemo(() => {\n\t\tif (!elements) return null;\n\t\treturn elements.createPayoutsSession({\n\t\t\ttoken,\n\t\t\tcurrency,\n\t\t\tcompanyId,\n\t\t\tredirectUrl,\n\t\t});\n\t}, [elements]);\n\n\tuseEffect(() => {\n\t\tif (!payoutsSession) return;\n\n\t\tpayoutsSession.updateOptions({\n\t\t\ttoken,\n\t\t\tcurrency,\n\t\t\tcompanyId,\n\t\t\tredirectUrl,\n\t\t});\n\t}, [payoutsSession, currency, token, companyId, redirectUrl]);\n\n\tconst value: ContextState = useMemo(\n\t\t() => ({\n\t\t\tpayoutsSession,\n\t\t}),\n\t\t[payoutsSession],\n\t);\n\n\tuseImperativeHandle(ref, () => ({ payoutsSession }), [payoutsSession]);\n\n\treturn (\n\t\t<PayoutsSessionContext.Provider value={value}>\n\t\t\t{children}\n\t\t</PayoutsSessionContext.Provider>\n\t);\n}\n"],"mappings":";;AAQA,OAAO;AAAA,EACN;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AACP,SAAS,mBAAmB;AAM5B,MAAM,wBAAwB,cAAmC,IAAI;AAE9D,SAAS,oBAAoB;AACnC,QAAM,MAAM,WAAW,qBAAqB;AAC5C,MAAI,CAAC,KAAK;AACT,UAAM,IAAI;AAAA,MACT;AAAA,IACD;AAAA,EACD;AACA,SAAO,IAAI;AACZ;AAEO,SAAS,eAAe;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAMG;AACF,QAAM,WAAW,YAAY;AAE7B,QAAM,iBAAiB,QAAQ,MAAM;AACpC,QAAI,CAAC,SAAU,QAAO;AACtB,WAAO,SAAS,qBAAqB;AAAA,MACpC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACD,CAAC;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,YAAU,MAAM;AACf,QAAI,CAAC,eAAgB;AAErB,mBAAe,cAAc;AAAA,MAC5B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACD,CAAC;AAAA,EACF,GAAG,CAAC,gBAAgB,UAAU,OAAO,WAAW,WAAW,CAAC;AAE5D,QAAM,QAAsB;AAAA,IAC3B,OAAO;AAAA,MACN;AAAA,IACD;AAAA,IACA,CAAC,cAAc;AAAA,EAChB;AAEA,sBAAoB,KAAK,OAAO,EAAE,eAAe,IAAI,CAAC,cAAc,CAAC;AAErE,SACC,oCAAC,sBAAsB,UAAtB,EAA+B,SAC9B,QACF;AAEF;","names":[]}

package/dist/payouts/use-session-ref.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { PayoutsSession } from '@whop/embedded-components-vanilla-js/types';
+
+declare function usePayoutsSessionRef(): React.RefObject<{
+    payoutsSession: PayoutsSession | null;
+} | null>;
+
+export { usePayoutsSessionRef };

package/dist/payouts/use-session-ref.js

@@ -0,0 +1,29 @@
+"use strict";
+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_session_ref_exports = {};
+__export(use_session_ref_exports, {
+  usePayoutsSessionRef: () => usePayoutsSessionRef
+});
+module.exports = __toCommonJS(use_session_ref_exports);
+var import_react = require("react");
+function usePayoutsSessionRef() {
+  const ref = (0, import_react.useRef)(null);
+  return ref;
+}
+//# sourceMappingURL=use-session-ref.js.map

package/dist/payouts/use-session-ref.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/payouts/use-session-ref.ts"],"sourcesContent":["import type { PayoutsSession as PayoutsSessionType } from \"@whop/embedded-components-vanilla-js/types\";\n\nimport { useRef } from \"react\";\n\nexport function usePayoutsSessionRef() {\n\tconst ref = useRef<{\n\t\tpayoutsSession: PayoutsSessionType | null;\n\t}>(null);\n\treturn ref;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAuB;AAEhB,SAAS,uBAAuB;AACtC,QAAM,UAAM,qBAET,IAAI;AACP,SAAO;AACR;","names":[]}

package/dist/payouts/use-session-ref.mjs

@@ -0,0 +1,7 @@
+import "../chunk-NSSMTXJJ.mjs";
+import { useRef } from "react";
+function usePayoutsSessionRef() {
+    const ref = useRef(null);
+    return ref;
+}
+export { usePayoutsSessionRef };

package/dist/payouts/use-session-ref.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/payouts/use-session-ref.ts"],"sourcesContent":["import type { PayoutsSession as PayoutsSessionType } from \"@whop/embedded-components-vanilla-js/types\";\n\nimport { useRef } from \"react\";\n\nexport function usePayoutsSessionRef() {\n\tconst ref = useRef<{\n\t\tpayoutsSession: PayoutsSessionType | null;\n\t}>(null);\n\treturn ref;\n}\n"],"mappings":";AAEA,SAAS,cAAc;AAEhB,SAAS,uBAAuB;AACtC,QAAM,MAAM,OAET,IAAI;AACP,SAAO;AACR;","names":[]}

package/dist/provider.d.ts

@@ -0,0 +1,11 @@
+import { WhopElements, WhopElementsOptions } from '@whop/embedded-components-vanilla-js/types';
+import React__default from 'react';
+
+declare function useElements(): WhopElements | null;
+type ElementsProp = PromiseLike<WhopElements | null> | WhopElements | null;
+declare function Elements({ children, elements: elementsProp, appearance, locale, }: {
+    children: React__default.ReactNode;
+    elements: ElementsProp;
+} & WhopElementsOptions): React__default.JSX.Element;
+
+export { Elements, useElements };

package/dist/provider.js

@@ -0,0 +1,116 @@
+"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 __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+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 __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+var provider_exports = {};
+__export(provider_exports, {
+  Elements: () => Elements,
+  useElements: () => useElements
+});
+module.exports = __toCommonJS(provider_exports);
+var import_react = __toESM(require("react"));
+var import_react2 = require("react");
+const ElementsContext = (0, import_react2.createContext)(null);
+function useElements() {
+  const ctx = (0, import_react2.useContext)(ElementsContext);
+  if (!ctx) {
+    throw new Error("useElements must be used within a ElementsProvider");
+  }
+  return ctx.elements;
+}
+function normalizeElementsProp(prop) {
+  if (prop instanceof Promise) return prop;
+  return Promise.resolve(prop);
+}
+class PromiseStore {
+  constructor(promise) {
+    __publicField(this, "subscribers", /* @__PURE__ */ new Set());
+    __publicField(this, "value", { state: "pending" });
+    __publicField(this, "subscribe", (listener) => {
+      this.subscribers.add(listener);
+      return () => {
+        this.subscribers.delete(listener);
+      };
+    });
+    promise.then((value) => {
+      this.value = { state: "fulfilled", value };
+      for (const subscriber of this.subscribers) {
+        subscriber();
+      }
+    }).catch((err) => {
+      this.value = { state: "rejected", error: err };
+      for (const subscriber of this.subscribers) {
+        subscriber();
+      }
+    });
+  }
+  getSnapshot() {
+    return this.value;
+  }
+}
+function useAwaitElements(elements) {
+  const store = (0, import_react2.useMemo)(
+    () => new PromiseStore(Promise.resolve(elements)),
+    [elements]
+  );
+  const state = (0, import_react.useSyncExternalStore)(
+    store.subscribe,
+    () => {
+      const snapshot = store.getSnapshot();
+      if (snapshot.state === "fulfilled") {
+        return snapshot.value;
+      }
+      return null;
+    },
+    () => null
+  );
+  return state;
+}
+function Elements({
+  children,
+  elements: elementsProp,
+  appearance,
+  locale
+}) {
+  const elementsPromise = normalizeElementsProp(elementsProp);
+  const elements = useAwaitElements(elementsPromise);
+  (0, import_react2.useEffect)(() => {
+    if (!elements) return;
+    elements.updateOptions({ appearance, locale });
+  }, [elements, appearance, locale]);
+  const value = (0, import_react2.useMemo)(
+    () => ({
+      elements
+    }),
+    [elements]
+  );
+  return /* @__PURE__ */ import_react.default.createElement(ElementsContext.Provider, { value }, children);
+}
+//# sourceMappingURL=provider.js.map