@metrifox/react-sdk 0.0.15 → 0.0.17

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 (5) hide show
  1. package/README.md +61 -1
  2. package/dist/index.cjs +21 -21
  3. package/dist/index.d.ts +185 -1
  4. package/dist/index.js +22 -22
  5. package/package.json +1 -1
package/dist/index.d.ts CHANGED
@@ -1,12 +1,196 @@
1
- import { Theme } from 'src/types/interface';
2
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
3
2
  import { ComponentType } from 'react';
4
3
 
4
+ interface PricingTableTheme {
5
+ card?: CardTheme;
6
+ button?: ButtonTheme;
7
+ featureList?: FeatureListTheme;
8
+ tabs?: TabsTheme;
9
+ intervalToggle?: IntervalToggleTheme;
10
+ currentSubscriptionCard?: CurrentSubscriptionCard;
11
+ freeTrialTag?: FreeTrialTheme;
12
+ checkoutBar?: CheckoutBarTheme;
13
+ }
14
+ interface CardTheme {
15
+ background?: string;
16
+ borderColor?: string;
17
+ descriptionColor?: string;
18
+ header?: CardHeaderTheme;
19
+ description?: CardDescriptionTheme;
20
+ price?: CardPriceTheme;
21
+ }
22
+ interface CardHeaderTheme {
23
+ background?: string;
24
+ textColor?: string;
25
+ }
26
+ interface CardDescriptionTheme {
27
+ textColor?: string;
28
+ textButtonColor?: string;
29
+ }
30
+ interface CardPriceTheme {
31
+ amountColor?: string;
32
+ primaryTextColor?: string;
33
+ secondaryTextColor?: string;
34
+ textButtonColor?: string;
35
+ background?: string;
36
+ borderColor?: string;
37
+ }
38
+ interface ButtonTheme {
39
+ background?: string;
40
+ textColor?: string;
41
+ secondaryBackground?: string;
42
+ secondaryTextColor?: string;
43
+ textButtonColor?: string;
44
+ }
45
+ interface FeatureListTheme {
46
+ textColor?: string;
47
+ iconColor?: string;
48
+ }
49
+ interface TabsTheme {
50
+ inactiveText?: string;
51
+ activeText?: string;
52
+ indicator?: string;
53
+ borderColor?: string;
54
+ }
55
+ interface IntervalToggleTheme {
56
+ background?: string;
57
+ activeBackground?: string;
58
+ activeText?: string;
59
+ inactiveText?: string;
60
+ }
61
+ interface CurrentSubscriptionCard {
62
+ header: CardHeaderTheme;
63
+ gradientColor?: string;
64
+ }
65
+ interface FreeTrialTheme {
66
+ background?: string;
67
+ textColor?: string;
68
+ }
69
+ interface CheckoutBarTheme {
70
+ background?: string;
71
+ borderColor?: string;
72
+ textColor?: string;
73
+ buttonBackground?: string;
74
+ buttonTextColor?: string;
75
+ }
76
+
77
+ type CustomerPortalTheme = {
78
+ tabs?: {
79
+ background?: string;
80
+ borderColor?: string;
81
+ activeBackground?: string;
82
+ activeTextColor?: string;
83
+ inactiveTextColor?: string;
84
+ };
85
+ section?: {
86
+ background?: string;
87
+ titleTextColor?: string;
88
+ contentBackground?: string;
89
+ iconBackground?: string;
90
+ iconColor?: string;
91
+ emptyTextColor?: string;
92
+ };
93
+ card?: {
94
+ titleBackground?: string;
95
+ contentBackground?: string;
96
+ titleColor?: string;
97
+ details?: {
98
+ labelColor?: string;
99
+ valueColor?: string;
100
+ };
101
+ };
102
+ subscription?: {
103
+ items?: {
104
+ background?: string;
105
+ borderColor?: string;
106
+ textColor?: string;
107
+ };
108
+ };
109
+ table?: {
110
+ headerTextColor?: string;
111
+ textColor?: string;
112
+ };
113
+ button?: {
114
+ background?: string;
115
+ textColor?: string;
116
+ };
117
+ filter?: {
118
+ border?: string;
119
+ activeBackground?: string;
120
+ inactiveBackground?: string;
121
+ activeTextColor?: string;
122
+ inactiveTextColor?: string;
123
+ countBackground?: string;
124
+ countTextColor?: string;
125
+ };
126
+ linkColor?: string;
127
+ plan?: {
128
+ card?: {
129
+ background?: string;
130
+ borderColor?: string;
131
+ descriptionColor?: string;
132
+ header?: {
133
+ background?: string;
134
+ textColor?: string;
135
+ };
136
+ description?: {
137
+ textColor?: string;
138
+ textButtonColor?: string;
139
+ };
140
+ price?: {
141
+ amountColor?: string;
142
+ primaryTextColor?: string;
143
+ secondaryTextColor?: string;
144
+ textButtonColor?: string;
145
+ background?: string;
146
+ borderColor?: string;
147
+ };
148
+ };
149
+ button?: {
150
+ background?: string;
151
+ textColor?: string;
152
+ secondaryBackground?: string;
153
+ secondaryTextColor?: string;
154
+ textButtonColor?: string;
155
+ };
156
+ featureList?: {
157
+ textColor?: string;
158
+ iconColor?: string;
159
+ };
160
+ intervalToggle?: {
161
+ background?: string;
162
+ activeBackground?: string;
163
+ activeText?: string;
164
+ inactiveText?: string;
165
+ };
166
+ currentSubscriptionCard?: {
167
+ header?: {
168
+ background?: string;
169
+ textColor?: string;
170
+ };
171
+ gradientColor?: string;
172
+ };
173
+ freeTrialTag?: {
174
+ background?: string;
175
+ textColor?: string;
176
+ };
177
+ };
178
+ };
179
+
180
+ interface Theme {
181
+ pricingTable?: PricingTableTheme;
182
+ customerPortal?: CustomerPortalTheme;
183
+ }
184
+
5
185
  interface MetrifoxInitConfig {
6
186
  clientKey: string;
7
187
  baseUrl?: string;
8
188
  webAppUrl?: string;
9
189
  theme?: Theme;
190
+ /**
191
+ * @deprecated Moved to `theme.pricingTable`.
192
+ */
193
+ pricingTableTheme?: PricingTableTheme;
10
194
  }
11
195
  declare const metrifoxInit: (config: MetrifoxInitConfig) => void;
12
196