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

package/dist/payouts/elements/withdrawal-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 WithdrawalBreakdownElement({ options, className, style, onReady, fallback }) {
-    const payoutsSession = usePayoutsSession();
-    const ref = useRef(null);
-    const element = useMemo(()=>{
-        if (!payoutsSession) return null;
-        const createdElement = payoutsSession.createElement(WithdrawalBreakdownElement, 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));
-}
-WithdrawalBreakdownElement.displayName = "WithdrawalBreakdownElement";
-WithdrawalBreakdownElement.type = "withdrawal-breakdown-element";
-export { WithdrawalBreakdownElement };

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/payouts/elements/withdrawal-breakdown.tsx"],"sourcesContent":["\"use client\";\n\nimport type { WithdrawalBreakdownElementOptions } 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 WithdrawalBreakdownElement({\n\toptions,\n\tclassName,\n\tstyle,\n\tonReady,\n\tfallback,\n}: {\n\toptions: WithdrawalBreakdownElementOptions;\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\tWithdrawalBreakdownElement,\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\nWithdrawalBreakdownElement.displayName = \"WithdrawalBreakdownElement\";\nWithdrawalBreakdownElement.type = \"withdrawal-breakdown-element\" as const;\n"],"mappings":";;AAIA,OAAO,SAAS,WAAW,iBAAiB,SAAS,cAAc;AACnE,SAAS,0BAA0B;AACnC,SAAS,yBAAyB;AAE3B,SAAS,2BAA2B;AAAA,EAC1C;AAAA,EACA;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,2BAA2B,cAAc;AACzC,2BAA2B,OAAO;","names":[]}

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

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

package/dist/payouts/elements/withdrawals.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 withdrawals_exports = {};
-__export(withdrawals_exports, {
-  WithdrawalsElement: () => WithdrawalsElement
-});
-module.exports = __toCommonJS(withdrawals_exports);
-var import_react = __toESM(require("react"));
-var import_use_element_snapshot = require("../../lib/use-element-snapshot");
-var import_session = require("../session");
-function WithdrawalsElement({
-  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(
-      WithdrawalsElement,
-      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));
-}
-WithdrawalsElement.displayName = "WithdrawalsElement";
-WithdrawalsElement.type = "withdrawals-element";
-//# sourceMappingURL=withdrawals.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/payouts/elements/withdrawals.tsx"],"sourcesContent":["\"use client\";\n\nimport type { WithdrawalsElementOptions } 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 WithdrawalsElement({\n\toptions = {},\n\tclassName,\n\tstyle,\n\tonReady,\n\tfallback,\n}: {\n\toptions?: WithdrawalsElementOptions;\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\tWithdrawalsElement,\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\nWithdrawalsElement.displayName = \"WithdrawalsElement\";\nWithdrawalsElement.type = \"withdrawals-element\" as const;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,mBAAmE;AACnE,kCAAmC;AACnC,qBAAkC;AAE3B,SAAS,mBAAmB;AAAA,EAClC,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,mBAAmB,cAAc;AACjC,mBAAmB,OAAO;","names":["React"]}

package/dist/payouts/elements/withdrawals.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 WithdrawalsElement({ options = {}, className, style, onReady, fallback }) {
-    const payoutsSession = usePayoutsSession();
-    const ref = useRef(null);
-    const element = useMemo(()=>{
-        if (!payoutsSession) return null;
-        const createdElement = payoutsSession.createElement(WithdrawalsElement, 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));
-}
-WithdrawalsElement.displayName = "WithdrawalsElement";
-WithdrawalsElement.type = "withdrawals-element";
-export { WithdrawalsElement };

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/payouts/elements/withdrawals.tsx"],"sourcesContent":["\"use client\";\n\nimport type { WithdrawalsElementOptions } 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 WithdrawalsElement({\n\toptions = {},\n\tclassName,\n\tstyle,\n\tonReady,\n\tfallback,\n}: {\n\toptions?: WithdrawalsElementOptions;\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\tWithdrawalsElement,\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\nWithdrawalsElement.displayName = \"WithdrawalsElement\";\nWithdrawalsElement.type = \"withdrawals-element\" as const;\n"],"mappings":";;AAIA,OAAO,SAAS,WAAW,iBAAiB,SAAS,cAAc;AACnE,SAAS,0BAA0B;AACnC,SAAS,yBAAyB;AAE3B,SAAS,mBAAmB;AAAA,EAClC,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,mBAAmB,cAAc;AACjC,mBAAmB,OAAO;","names":[]}

package/dist/payouts/index.d.ts

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

package/dist/payouts/index.js

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

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

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

package/dist/payouts/index.mjs.map

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,116 +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 __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