@whop/embedded-components-react-js 0.0.2 → 0.0.3-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/payouts/session.d.ts +1 -1
  2. package/dist/payouts/session.js +6 -3
  3. package/dist/payouts/session.js.map +1 -1
  4. package/dist/payouts/session.mjs +7 -4
  5. package/dist/payouts/session.mjs.map +1 -1
  6. package/package.json +3 -23
  7. package/package.json.temp +44 -0
package/dist/payouts/session.d.ts CHANGED
@@ -2,7 +2,7 @@ import { PayoutsSession as PayoutsSession$1, PayoutsSessionOptions } from '@whop
2
2
  import React__default, { PropsWithChildren } from 'react';
3
3
 
4
4
  declare function usePayoutsSession(): PayoutsSession$1 | null;
5
- declare function PayoutsSession({ children, currency, token, ref, }: PropsWithChildren<PayoutsSessionOptions & {
5
+ declare function PayoutsSession({ children, currency, companyId, token, ref, }: PropsWithChildren<PayoutsSessionOptions & {
6
6
  ref?: React__default.RefObject<{
7
7
  payoutsSession: PayoutsSession$1 | null;
8
8
  } | null>;
package/dist/payouts/session.js CHANGED
@@ -49,6 +49,7 @@ function usePayoutsSession() {
49
49
  function PayoutsSession({
50
50
  children,
51
51
  currency,
52
+ companyId,
52
53
  token,
53
54
  ref
54
55
  }) {
@@ -57,16 +58,18 @@ function PayoutsSession({
57
58
  if (!elements) return null;
58
59
  return elements.createPayoutsSession({
59
60
  token,
60
- currency
61
+ currency,
62
+ companyId
61
63
  });
62
64
  }, [elements]);
63
65
  (0, import_react2.useEffect)(() => {
64
66
  if (!payoutsSession) return;
65
67
  payoutsSession.updateOptions({
66
68
  token,
67
- currency
69
+ currency,
70
+ companyId
68
71
  });
69
- }, [payoutsSession, currency, token]);
72
+ }, [payoutsSession, currency, token, companyId]);
70
73
  const value = (0, import_react2.useMemo)(
71
74
  () => ({
72
75
  payoutsSession
package/dist/payouts/session.js.map CHANGED
@@ -1 +1 @@
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, { useImperativeHandle } from \"react\";\nimport { createContext, useContext, useEffect, useMemo } 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\ttoken,\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});\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});\n\t}, [payoutsSession, currency, token]);\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,mBAA2C;AAC3C,IAAAA,gBAA8D;AAC9D,sBAA4B;AAM5B,MAAM,4BAAwB,6BAAmC,IAAI;AAE9D,SAAS,oBAAoB;AACnC,QAAM,UAAM,0BAAW,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;AACD,GAMG;AACF,QAAM,eAAW,6BAAY;AAE7B,QAAM,qBAAiB,uBAAQ,MAAM;AACpC,QAAI,CAAC,SAAU,QAAO;AACtB,WAAO,SAAS,qBAAqB;AAAA,MACpC;AAAA,MACA;AAAA,IACD,CAAC;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,+BAAU,MAAM;AACf,QAAI,CAAC,eAAgB;AAErB,mBAAe,cAAc;AAAA,MAC5B;AAAA,MACA;AAAA,IACD,CAAC;AAAA,EACF,GAAG,CAAC,gBAAgB,UAAU,KAAK,CAAC;AAEpC,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,6BAAAC,QAAA,cAAC,sBAAsB,UAAtB,EAA+B,SAC9B,QACF;AAEF;","names":["import_react","React"]}
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, { useImperativeHandle } from \"react\";\nimport { createContext, useContext, useEffect, useMemo } 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\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});\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});\n\t}, [payoutsSession, currency, token, companyId]);\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,mBAA2C;AAC3C,IAAAA,gBAA8D;AAC9D,sBAA4B;AAM5B,MAAM,4BAAwB,6BAAmC,IAAI;AAE9D,SAAS,oBAAoB;AACnC,QAAM,UAAM,0BAAW,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;AACD,GAMG;AACF,QAAM,eAAW,6BAAY;AAE7B,QAAM,qBAAiB,uBAAQ,MAAM;AACpC,QAAI,CAAC,SAAU,QAAO;AACtB,WAAO,SAAS,qBAAqB;AAAA,MACpC;AAAA,MACA;AAAA,MACA;AAAA,IACD,CAAC;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,+BAAU,MAAM;AACf,QAAI,CAAC,eAAgB;AAErB,mBAAe,cAAc;AAAA,MAC5B;AAAA,MACA;AAAA,MACA;AAAA,IACD,CAAC;AAAA,EACF,GAAG,CAAC,gBAAgB,UAAU,OAAO,SAAS,CAAC;AAE/C,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,6BAAAC,QAAA,cAAC,sBAAsB,UAAtB,EAA+B,SAC9B,QACF;AAEF;","names":["import_react","React"]}
package/dist/payouts/session.mjs CHANGED
@@ -11,13 +11,14 @@ function usePayoutsSession() {
11
11
  }
12
12
  return ctx.payoutsSession;
13
13
  }
14
- function PayoutsSession({ children, currency, token, ref }) {
14
+ function PayoutsSession({ children, currency, companyId, token, ref }) {
15
15
  const elements = useElements();
16
16
  const payoutsSession = useMemo(()=>{
17
17
  if (!elements) return null;
18
18
  return elements.createPayoutsSession({
19
19
  token,
20
- currency
20
+ currency,
21
+ companyId
21
22
  });
22
23
  }, [
23
24
  elements
@@ -26,12 +27,14 @@ function PayoutsSession({ children, currency, token, ref }) {
26
27
  if (!payoutsSession) return;
27
28
  payoutsSession.updateOptions({
28
29
  token,
29
- currency
30
+ currency,
31
+ companyId
30
32
  });
31
33
  }, [
32
34
  payoutsSession,
33
35
  currency,
34
- token
36
+ token,
37
+ companyId
35
38
  ]);
36
39
  const value = useMemo(()=>({
37
40
  payoutsSession
package/dist/payouts/session.mjs.map CHANGED
@@ -1 +1 @@
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, { useImperativeHandle } from \"react\";\nimport { createContext, useContext, useEffect, useMemo } 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\ttoken,\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});\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});\n\t}, [payoutsSession, currency, token]);\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,SAAS,2BAA2B;AAC3C,SAAS,eAAe,YAAY,WAAW,eAAe;AAC9D,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;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,IACD,CAAC;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,YAAU,MAAM;AACf,QAAI,CAAC,eAAgB;AAErB,mBAAe,cAAc;AAAA,MAC5B;AAAA,MACA;AAAA,IACD,CAAC;AAAA,EACF,GAAG,CAAC,gBAAgB,UAAU,KAAK,CAAC;AAEpC,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":[]}
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, { useImperativeHandle } from \"react\";\nimport { createContext, useContext, useEffect, useMemo } 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\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});\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});\n\t}, [payoutsSession, currency, token, companyId]);\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,SAAS,2BAA2B;AAC3C,SAAS,eAAe,YAAY,WAAW,eAAe;AAC9D,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;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,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,IACD,CAAC;AAAA,EACF,GAAG,CAAC,gBAAgB,UAAU,OAAO,SAAS,CAAC;AAE/C,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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@whop/embedded-components-react-js",
3
- "version": "0.0.2",
3
+ "version": "0.0.3-beta.2",
4
4
  "description": "React components for Whop.js",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",
@@ -20,29 +20,9 @@
20
20
  "publishConfig": {
21
21
  "access": "public"
22
22
  },
23
- "devDependencies": {
24
- "@swc/core": "1.11.29",
25
- "@types/node": "latest",
26
- "@types/react": "^18.0.0",
27
- "@types/react-dom": "^18.0.0",
28
- "eslint": "latest",
29
- "fast-glob": "^3.3.3",
30
- "react": "18.1.0",
31
- "react-dom": "18.1.0",
32
- "rimraf": "^6.1.0",
33
- "tsup": "latest",
34
- "typescript": "latest",
35
- "@whop/embedded-components-vanilla-js": "^0.0.2",
36
- "@local/typescript-config": "0.0.1",
37
- "@local/eslint-config": "0.0.1"
38
- },
39
23
  "peerDependencies": {
24
+ "@whop/embedded-components-vanilla-js": "^0.0.3-beta.2",
40
25
  "react": ">=16.8.0 <20.0.0",
41
- "react-dom": ">=16.8.0 <20.0.0",
42
- "@whop/embedded-components-vanilla-js": "^0.0.2"
43
- },
44
- "scripts": {
45
- "build": "rimraf dist && NODE_ENV=production tsup",
46
- "dev": "NODE_ENV=development tsup --watch"
26
+ "react-dom": ">=16.8.0 <20.0.0"
47
27
  }
48
28
  }
package/package.json.temp ADDED
@@ -0,0 +1,44 @@
1
+ {
2
+ "name": "@whop/embedded-components-react-js",
3
+ "private": true,
4
+ "version": "0.0.3-beta.2",
5
+ "description": "React components for Whop.js",
6
+ "main": "dist/index.js",
7
+ "module": "dist/index.mjs",
8
+ "jsnext:main": "dist/index.mjs",
9
+ "types": "dist/index.d.ts",
10
+ "typing": "dist/index.d.ts",
11
+ "scripts": {
12
+ "build": "rimraf dist && NODE_ENV=production tsup",
13
+ "dev": "NODE_ENV=development tsup --watch",
14
+ "prepublishOnly": "node ./scripts/pre-publish.mjs",
15
+ "postpublish": "node ./scripts/post-publish.mjs"
16
+ },
17
+ "keywords": ["Whop", "Whop.js", "React", "embedded", "payments", "payouts"],
18
+ "author": "Whop (https://whop.com)",
19
+ "license": "MIT",
20
+ "publishConfig": {
21
+ "access": "public"
22
+ },
23
+ "devDependencies": {
24
+ "@local/eslint-config": "workspace:*",
25
+ "@local/typescript-config": "workspace:*",
26
+ "@swc/core": "1.11.29",
27
+ "@types/node": "latest",
28
+ "@types/react": "^18.0.0",
29
+ "@types/react-dom": "^18.0.0",
30
+ "@whop/embedded-components-vanilla-js": "workspace:^",
31
+ "eslint": "latest",
32
+ "fast-glob": "^3.3.3",
33
+ "react": "18.1.0",
34
+ "react-dom": "18.1.0",
35
+ "rimraf": "^6.1.0",
36
+ "tsup": "latest",
37
+ "typescript": "latest"
38
+ },
39
+ "peerDependencies": {
40
+ "@whop/embedded-components-vanilla-js": "workspace:^",
41
+ "react": ">=16.8.0 <20.0.0",
42
+ "react-dom": ">=16.8.0 <20.0.0"
43
+ }
44
+ }