@whop/embedded-components-vanilla-js 0.0.3 → 0.0.4-beta.1

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 (4) hide show
  1. package/dist/lib/index.d.ts +6 -70
  2. package/dist/url.js +1 -1
  3. package/dist/url.mjs +1 -1
  4. package/package.json +1 -1
package/dist/lib/index.d.ts CHANGED
@@ -1,77 +1,12 @@
1
1
  declare const locales: readonly ["en"];
2
2
  type I18nSupportedLocale = (typeof locales)[number];
3
3
 
4
- type CSSVariableKeys =
5
- | "--colorAccent"
6
- | "--colorAccentContrast"
7
- | "--colorDanger"
8
- | "--colorDangerContrast"
9
- | "--colorWarning"
10
- | "--colorWarningContrast"
11
- | "--colorSuccess"
12
- | "--colorSuccessContrast"
13
- | "--colorStroke"
14
- | "--colorTextPrimary"
15
- | "--colorTextSecondary"
16
- | "--colorTextTertiary"
17
- | "--colorBackgroundPrimary"
18
- | "--colorBackgroundPrimaryContrast"
19
- | "--colorBackgroundSecondary"
20
- | "--colorBackgroundSecondaryContrast"
21
- | "--colorSurface"
22
- | "--fontSize1"
23
- | "--fontSize2"
24
- | "--fontSize3"
25
- | "--fontSize4"
26
- | "--fontSize5"
27
- | "--fontSize6"
28
- | "--fontSize7"
29
- | "--fontSize8"
30
- | "--fontSize9"
31
- | "--fontLetterSpacing1"
32
- | "--fontLetterSpacing2"
33
- | "--fontLetterSpacing3"
34
- | "--fontLetterSpacing4"
35
- | "--fontLetterSpacing5"
36
- | "--fontLetterSpacing6"
37
- | "--fontLetterSpacing7"
38
- | "--fontLetterSpacing8"
39
- | "--fontLetterSpacing9"
40
- | "--fontLineHeight1"
41
- | "--fontLineHeight2"
42
- | "--fontLineHeight3"
43
- | "--fontLineHeight4"
44
- | "--fontLineHeight5"
45
- | "--fontLineHeight6"
46
- | "--fontLineHeight7"
47
- | "--fontLineHeight8"
48
- | "--fontLineHeight9"
49
- | "--fontWeightRegular"
50
- | "--fontWeightMedium"
51
- | "--fontWeightSemiBold"
52
- | "--fontWeightBold"
53
- | "--shadowSize1"
54
- | "--cursorButton"
55
- | "--spacing1"
56
- | "--spacing2"
57
- | "--spacing3"
58
- | "--spacing4"
59
- | "--spacing5"
60
- | "--spacing6"
61
- | "--spacing7"
62
- | "--spacing8"
63
- | "--spacing9"
64
- | "--spacing10"
65
- | "--radius1"
66
- | "--radius2"
67
- | "--spinnerOpacity"
68
-
69
4
  type CSSValue = string;
70
5
  type CSSProps = Record<string, CSSValue>;
71
6
  type Classes = Record<string, CSSProps>;
72
- type Variables = Partial<Record<CSSVariableKeys, string>>;
7
+ type Variables = Record<`--${string}`, string>;
73
8
  type Theme = {
74
- appearance?: "light" | "dark" | "inherit";
9
+ appearance?: "light" | "dark";
75
10
  accentColor?: "ruby" | "blue" | "red" | "yellow" | "green" | "gray" | "tomato" | "crimson" | "pink" | "plum" | "purple" | "violet" | "iris" | "cyan" | "teal" | "jade" | "grass" | "brown" | "orange" | "indigo" | "sky" | "mint" | "amber" | "lime" | "lemon" | "magenta" | "gold" | "bronze";
76
11
  grayColor?: "gray" | "mauve" | "slate" | "sage" | "olive" | "sand" | "auto";
77
12
  dangerColor?: "ruby" | "red" | "tomato";
@@ -257,11 +192,12 @@ interface VerifyElementEvents {
257
192
  optionsUpdated: (options: VerifyElementOptions) => void;
258
193
  close: (ev: CustomEvent) => void;
259
194
  snapshot: (snapshot: VerifyElementSnapshot) => void;
195
+ verificationSubmitted: (ev: CustomEvent<VerifyElement>) => void;
260
196
  }
261
197
  interface VerifyElementOptions {
262
198
  includeControls?: boolean;
263
199
  onReady?: (element: VerifyElement) => void;
264
- onVerificationSubmitted?: () => void;
200
+ onVerificationSubmitted?: (ev: CustomEvent<VerifyElement>) => void;
265
201
  onClose?: (ev: CustomEvent) => void;
266
202
  }
267
203
  interface VerifyElementSnapshot {
@@ -478,7 +414,7 @@ type WhopElementsOptions = {
478
414
  type WhopElementsConstructor = {
479
415
  new (options?: WhopElementsOptions): WhopElements;
480
416
  };
481
- interface WhopElements {
417
+ interface WhopElements extends TypedEmitter<WhopElementsEvents> {
482
418
  createPayoutsSession: (options: PayoutsSessionOptions) => PayoutsSession;
483
419
  updateOptions: (options: Partial<WhopElementsOptions>) => void;
484
420
  options: WhopElementsOptions;
@@ -487,4 +423,4 @@ interface WhopElementsEvents {
487
423
  optionsUpdated: (options: WhopElementsOptions) => void;
488
424
  }
489
425
 
490
- export type { Appearance, BalanceElement, BalanceElementOptions, BalanceElementSnapshot, BnplReserveBalanceBreakdownElement, BnplReserveBalanceBreakdownElementOptions, BnplReserveBalanceBreakdownElementSnapshot, CSSVariableKeys, ChangeAccountCountryElement, ChangeAccountCountryElementOptions, ChangeAccountCountryElementSnapshot, ExpandedPayoutsSessionOptions, GetToken, I18nSupportedLocale, PayoutsSession, PayoutsSessionEvents, PayoutsSessionOptions, PendingBalanceBreakdownElement, PendingBalanceBreakdownElementOptions, PendingBalanceBreakdownElementSnapshot, RegularReserveBalanceBreakdownElement, RegularReserveBalanceBreakdownElementOptions, RegularReserveBalanceBreakdownElementSnapshot, ResetAccountElement, ResetAccountElementOptions, ResetAccountElementSnapshot, TotalBalanceBreakdownElement, TotalBalanceBreakdownElementOptions, TotalBalanceBreakdownElementSnapshot, VerifyElement, VerifyElementOptions, VerifyElementSnapshot, WhopElement, WhopElements, WhopElementsConstructor, WhopElementsEvents, WhopElementsOptions, WithdrawButtonElement, WithdrawButtonElementOptions, WithdrawElement, WithdrawElementOptions, WithdrawElementSnapshot, WithdrawalBreakdownElement, WithdrawalBreakdownElementOptions, WithdrawalBreakdownElementSnapshot, WithdrawalsElement, WithdrawalsElementOptions, WithdrawalsElementSnapshot };
426
+ export type { Appearance, BalanceElement, BalanceElementOptions, BalanceElementSnapshot, BnplReserveBalanceBreakdownElement, BnplReserveBalanceBreakdownElementOptions, BnplReserveBalanceBreakdownElementSnapshot, ChangeAccountCountryElement, ChangeAccountCountryElementOptions, ChangeAccountCountryElementSnapshot, ExpandedPayoutsSessionOptions, GetToken, I18nSupportedLocale, PayoutsSession, PayoutsSessionEvents, PayoutsSessionOptions, PendingBalanceBreakdownElement, PendingBalanceBreakdownElementOptions, PendingBalanceBreakdownElementSnapshot, RegularReserveBalanceBreakdownElement, RegularReserveBalanceBreakdownElementOptions, RegularReserveBalanceBreakdownElementSnapshot, ResetAccountElement, ResetAccountElementOptions, ResetAccountElementSnapshot, TotalBalanceBreakdownElement, TotalBalanceBreakdownElementOptions, TotalBalanceBreakdownElementSnapshot, VerifyElement, VerifyElementOptions, VerifyElementSnapshot, WhopElement, WhopElements, WhopElementsConstructor, WhopElementsEvents, WhopElementsOptions, WithdrawButtonElement, WithdrawButtonElementOptions, WithdrawElement, WithdrawElementOptions, WithdrawElementSnapshot, WithdrawalBreakdownElement, WithdrawalBreakdownElementOptions, WithdrawalBreakdownElementSnapshot, WithdrawalsElement, WithdrawalsElementOptions, WithdrawalsElementSnapshot };
package/dist/url.js CHANGED
@@ -22,6 +22,6 @@ __export(url_exports, {
22
22
  SCRIPT_URL: () => SCRIPT_URL
23
23
  });
24
24
  module.exports = __toCommonJS(url_exports);
25
- const ORIGIN = "https://0-0-3.elements.whop.com/";
25
+ const ORIGIN = "https://0-0-4-beta-1.elements.whop.com/";
26
26
  const SCRIPT_URL = new URL(`/release/elements.js`, ORIGIN).toString();
27
27
  //# sourceMappingURL=url.js.map
package/dist/url.mjs CHANGED
@@ -1,3 +1,3 @@
1
- const ORIGIN = "https://0-0-3.elements.whop.com/";
1
+ const ORIGIN = "https://0-0-4-beta-1.elements.whop.com/";
2
2
  const SCRIPT_URL = new URL(`/release/elements.js`, ORIGIN).toString();
3
3
  export { ORIGIN, SCRIPT_URL };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@whop/embedded-components-vanilla-js",
3
- "version": "0.0.3",
3
+ "version": "0.0.4-beta.1",
4
4
  "description": "Whop Elements loading utility",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",