@ozura/elements 1.2.3 → 1.2.4-next.47

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 (27) hide show
  1. package/LICENSE +21 -21
  2. package/README.md +1445 -1445
  3. package/dist/frame/element-frame.html +22 -22
  4. package/dist/frame/tokenizer-frame.html +11 -11
  5. package/dist/frame/tokenizer-frame.js +2 -2
  6. package/dist/frame/tokenizer-frame.js.map +1 -1
  7. package/dist/oz-elements.esm.js +1 -1
  8. package/dist/oz-elements.esm.js.map +1 -1
  9. package/dist/oz-elements.umd.js +1 -1
  10. package/dist/oz-elements.umd.js.map +1 -1
  11. package/dist/react/index.cjs.js +1 -1
  12. package/dist/react/index.cjs.js.map +1 -1
  13. package/dist/react/index.esm.js +1 -1
  14. package/dist/react/index.esm.js.map +1 -1
  15. package/dist/react/vue/index.d.ts +175 -7
  16. package/dist/server/index.cjs.js +2 -2
  17. package/dist/server/index.cjs.js.map +1 -1
  18. package/dist/server/index.esm.js +2 -2
  19. package/dist/server/index.esm.js.map +1 -1
  20. package/dist/server/vue/index.d.ts +175 -7
  21. package/dist/types/vue/index.d.ts +175 -7
  22. package/dist/vue/index.cjs.js +1 -1
  23. package/dist/vue/index.cjs.js.map +1 -1
  24. package/dist/vue/index.esm.js +1 -1
  25. package/dist/vue/index.esm.js.map +1 -1
  26. package/dist/vue/vue/index.d.ts +175 -7
  27. package/package.json +1 -1
package/dist/server/vue/index.d.ts CHANGED
@@ -23,7 +23,7 @@
23
23
  * </template>
24
24
  * ```
25
25
  */
26
- import { type Ref, type ComputedRef } from 'vue';
26
+ import { type Ref, type PropType, type ComputedRef } from 'vue';
27
27
  import type { TokenizeOptions, TokenResponse, BankTokenizeOptions, BankTokenResponse, FontSource, Appearance } from '../types';
28
28
  export interface OzElementsProps {
29
29
  pubKey: string;
@@ -39,7 +39,85 @@ export interface OzElementsProps {
39
39
  * Creates and owns an OzVault instance for the lifetime of this component.
40
40
  * All field components must be rendered inside this provider.
41
41
  */
42
- export declare const OzElements: any;
42
+ export declare const OzElements: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
43
+ pubKey: {
44
+ type: StringConstructor;
45
+ required: true;
46
+ };
47
+ sessionUrl: {
48
+ type: StringConstructor;
49
+ default: undefined;
50
+ };
51
+ getSessionKey: {
52
+ type: PropType<(sessionId: string) => Promise<string>>;
53
+ default: undefined;
54
+ };
55
+ frameBaseUrl: {
56
+ type: StringConstructor;
57
+ default: undefined;
58
+ };
59
+ fonts: {
60
+ type: PropType<FontSource[]>;
61
+ default: undefined;
62
+ };
63
+ appearance: {
64
+ type: PropType<Appearance>;
65
+ default: undefined;
66
+ };
67
+ loadTimeoutMs: {
68
+ type: NumberConstructor;
69
+ default: undefined;
70
+ };
71
+ debug: {
72
+ type: BooleanConstructor;
73
+ default: undefined;
74
+ };
75
+ }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
76
+ [key: string]: any;
77
+ }>[] | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "ready"[], "ready", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
78
+ pubKey: {
79
+ type: StringConstructor;
80
+ required: true;
81
+ };
82
+ sessionUrl: {
83
+ type: StringConstructor;
84
+ default: undefined;
85
+ };
86
+ getSessionKey: {
87
+ type: PropType<(sessionId: string) => Promise<string>>;
88
+ default: undefined;
89
+ };
90
+ frameBaseUrl: {
91
+ type: StringConstructor;
92
+ default: undefined;
93
+ };
94
+ fonts: {
95
+ type: PropType<FontSource[]>;
96
+ default: undefined;
97
+ };
98
+ appearance: {
99
+ type: PropType<Appearance>;
100
+ default: undefined;
101
+ };
102
+ loadTimeoutMs: {
103
+ type: NumberConstructor;
104
+ default: undefined;
105
+ };
106
+ debug: {
107
+ type: BooleanConstructor;
108
+ default: undefined;
109
+ };
110
+ }>> & Readonly<{
111
+ onReady?: ((...args: any[]) => any) | undefined;
112
+ }>, {
113
+ debug: boolean;
114
+ fonts: FontSource[];
115
+ loadTimeoutMs: number;
116
+ frameBaseUrl: string;
117
+ sessionUrl: string;
118
+ getSessionKey: (sessionId: string) => Promise<string>;
119
+ appearance: Appearance;
120
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
43
121
  export interface UseOzElementsReturn {
44
122
  /**
45
123
  * Tokenizes all mounted card fields. Resolves with a token and cvcSession
@@ -76,13 +154,103 @@ export interface UseOzElementsReturn {
76
154
  */
77
155
  export declare function useOzElements(): UseOzElementsReturn;
78
156
  /** Card number field. Emits `change` (ElementChangeEvent), `focus`, `blur`. */
79
- export declare const OzCardNumber: any;
157
+ export declare const OzCardNumber: import("vue").DefineComponent<{
158
+ placeholder?: string | undefined;
159
+ disabled?: boolean | undefined;
160
+ style?: import("../types").ElementStyleConfig | undefined;
161
+ }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
162
+ [key: string]: any;
163
+ }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "focus")[], "blur" | "change" | "focus", import("vue").PublicProps, Readonly<{
164
+ placeholder?: string | undefined;
165
+ disabled?: boolean | undefined;
166
+ style?: import("../types").ElementStyleConfig | undefined;
167
+ }> & Readonly<{
168
+ onBlur?: ((...args: any[]) => any) | undefined;
169
+ onChange?: ((...args: any[]) => any) | undefined;
170
+ onFocus?: ((...args: any[]) => any) | undefined;
171
+ }>, {
172
+ style: import("../types").ElementStyleConfig | undefined;
173
+ placeholder: string;
174
+ disabled: boolean;
175
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
80
176
  /** Expiry date field. Emits `change` (ElementChangeEvent), `focus`, `blur`. */
81
- export declare const OzExpiry: any;
177
+ export declare const OzExpiry: import("vue").DefineComponent<{
178
+ placeholder?: string | undefined;
179
+ disabled?: boolean | undefined;
180
+ style?: import("../types").ElementStyleConfig | undefined;
181
+ }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
182
+ [key: string]: any;
183
+ }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "focus")[], "blur" | "change" | "focus", import("vue").PublicProps, Readonly<{
184
+ placeholder?: string | undefined;
185
+ disabled?: boolean | undefined;
186
+ style?: import("../types").ElementStyleConfig | undefined;
187
+ }> & Readonly<{
188
+ onBlur?: ((...args: any[]) => any) | undefined;
189
+ onChange?: ((...args: any[]) => any) | undefined;
190
+ onFocus?: ((...args: any[]) => any) | undefined;
191
+ }>, {
192
+ style: import("../types").ElementStyleConfig | undefined;
193
+ placeholder: string;
194
+ disabled: boolean;
195
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
82
196
  /** CVV / CVC field. Emits `change` (ElementChangeEvent), `focus`, `blur`. */
83
- export declare const OzCvv: any;
197
+ export declare const OzCvv: import("vue").DefineComponent<{
198
+ placeholder?: string | undefined;
199
+ disabled?: boolean | undefined;
200
+ style?: import("../types").ElementStyleConfig | undefined;
201
+ }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
202
+ [key: string]: any;
203
+ }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "focus")[], "blur" | "change" | "focus", import("vue").PublicProps, Readonly<{
204
+ placeholder?: string | undefined;
205
+ disabled?: boolean | undefined;
206
+ style?: import("../types").ElementStyleConfig | undefined;
207
+ }> & Readonly<{
208
+ onBlur?: ((...args: any[]) => any) | undefined;
209
+ onChange?: ((...args: any[]) => any) | undefined;
210
+ onFocus?: ((...args: any[]) => any) | undefined;
211
+ }>, {
212
+ style: import("../types").ElementStyleConfig | undefined;
213
+ placeholder: string;
214
+ disabled: boolean;
215
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
84
216
  /** Bank account number field. Emits `change` (ElementChangeEvent), `focus`, `blur`. */
85
- export declare const OzBankAccountNumber: any;
217
+ export declare const OzBankAccountNumber: import("vue").DefineComponent<{
218
+ placeholder?: string | undefined;
219
+ disabled?: boolean | undefined;
220
+ style?: import("../types").ElementStyleConfig | undefined;
221
+ }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
222
+ [key: string]: any;
223
+ }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "focus")[], "blur" | "change" | "focus", import("vue").PublicProps, Readonly<{
224
+ placeholder?: string | undefined;
225
+ disabled?: boolean | undefined;
226
+ style?: import("../types").ElementStyleConfig | undefined;
227
+ }> & Readonly<{
228
+ onBlur?: ((...args: any[]) => any) | undefined;
229
+ onChange?: ((...args: any[]) => any) | undefined;
230
+ onFocus?: ((...args: any[]) => any) | undefined;
231
+ }>, {
232
+ style: import("../types").ElementStyleConfig | undefined;
233
+ placeholder: string;
234
+ disabled: boolean;
235
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
86
236
  /** Bank routing number field. Emits `change` (ElementChangeEvent), `focus`, `blur`. */
87
- export declare const OzBankRoutingNumber: any;
237
+ export declare const OzBankRoutingNumber: import("vue").DefineComponent<{
238
+ placeholder?: string | undefined;
239
+ disabled?: boolean | undefined;
240
+ style?: import("../types").ElementStyleConfig | undefined;
241
+ }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
242
+ [key: string]: any;
243
+ }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "focus")[], "blur" | "change" | "focus", import("vue").PublicProps, Readonly<{
244
+ placeholder?: string | undefined;
245
+ disabled?: boolean | undefined;
246
+ style?: import("../types").ElementStyleConfig | undefined;
247
+ }> & Readonly<{
248
+ onBlur?: ((...args: any[]) => any) | undefined;
249
+ onChange?: ((...args: any[]) => any) | undefined;
250
+ onFocus?: ((...args: any[]) => any) | undefined;
251
+ }>, {
252
+ style: import("../types").ElementStyleConfig | undefined;
253
+ placeholder: string;
254
+ disabled: boolean;
255
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
88
256
  export type { ElementChangeEvent, TokenizeOptions, TokenResponse, BankTokenizeOptions, BankTokenResponse, Appearance, FontSource, } from '../types';
package/dist/types/vue/index.d.ts CHANGED
@@ -23,7 +23,7 @@
23
23
  * </template>
24
24
  * ```
25
25
  */
26
- import { type Ref, type ComputedRef } from 'vue';
26
+ import { type Ref, type PropType, type ComputedRef } from 'vue';
27
27
  import type { TokenizeOptions, TokenResponse, BankTokenizeOptions, BankTokenResponse, FontSource, Appearance } from '../types';
28
28
  export interface OzElementsProps {
29
29
  pubKey: string;
@@ -39,7 +39,85 @@ export interface OzElementsProps {
39
39
  * Creates and owns an OzVault instance for the lifetime of this component.
40
40
  * All field components must be rendered inside this provider.
41
41
  */
42
- export declare const OzElements: any;
42
+ export declare const OzElements: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
43
+ pubKey: {
44
+ type: StringConstructor;
45
+ required: true;
46
+ };
47
+ sessionUrl: {
48
+ type: StringConstructor;
49
+ default: undefined;
50
+ };
51
+ getSessionKey: {
52
+ type: PropType<(sessionId: string) => Promise<string>>;
53
+ default: undefined;
54
+ };
55
+ frameBaseUrl: {
56
+ type: StringConstructor;
57
+ default: undefined;
58
+ };
59
+ fonts: {
60
+ type: PropType<FontSource[]>;
61
+ default: undefined;
62
+ };
63
+ appearance: {
64
+ type: PropType<Appearance>;
65
+ default: undefined;
66
+ };
67
+ loadTimeoutMs: {
68
+ type: NumberConstructor;
69
+ default: undefined;
70
+ };
71
+ debug: {
72
+ type: BooleanConstructor;
73
+ default: undefined;
74
+ };
75
+ }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
76
+ [key: string]: any;
77
+ }>[] | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "ready"[], "ready", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
78
+ pubKey: {
79
+ type: StringConstructor;
80
+ required: true;
81
+ };
82
+ sessionUrl: {
83
+ type: StringConstructor;
84
+ default: undefined;
85
+ };
86
+ getSessionKey: {
87
+ type: PropType<(sessionId: string) => Promise<string>>;
88
+ default: undefined;
89
+ };
90
+ frameBaseUrl: {
91
+ type: StringConstructor;
92
+ default: undefined;
93
+ };
94
+ fonts: {
95
+ type: PropType<FontSource[]>;
96
+ default: undefined;
97
+ };
98
+ appearance: {
99
+ type: PropType<Appearance>;
100
+ default: undefined;
101
+ };
102
+ loadTimeoutMs: {
103
+ type: NumberConstructor;
104
+ default: undefined;
105
+ };
106
+ debug: {
107
+ type: BooleanConstructor;
108
+ default: undefined;
109
+ };
110
+ }>> & Readonly<{
111
+ onReady?: ((...args: any[]) => any) | undefined;
112
+ }>, {
113
+ debug: boolean;
114
+ fonts: FontSource[];
115
+ loadTimeoutMs: number;
116
+ frameBaseUrl: string;
117
+ sessionUrl: string;
118
+ getSessionKey: (sessionId: string) => Promise<string>;
119
+ appearance: Appearance;
120
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
43
121
  export interface UseOzElementsReturn {
44
122
  /**
45
123
  * Tokenizes all mounted card fields. Resolves with a token and cvcSession
@@ -76,13 +154,103 @@ export interface UseOzElementsReturn {
76
154
  */
77
155
  export declare function useOzElements(): UseOzElementsReturn;
78
156
  /** Card number field. Emits `change` (ElementChangeEvent), `focus`, `blur`. */
79
- export declare const OzCardNumber: any;
157
+ export declare const OzCardNumber: import("vue").DefineComponent<{
158
+ placeholder?: string | undefined;
159
+ disabled?: boolean | undefined;
160
+ style?: import("../types").ElementStyleConfig | undefined;
161
+ }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
162
+ [key: string]: any;
163
+ }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "focus")[], "blur" | "change" | "focus", import("vue").PublicProps, Readonly<{
164
+ placeholder?: string | undefined;
165
+ disabled?: boolean | undefined;
166
+ style?: import("../types").ElementStyleConfig | undefined;
167
+ }> & Readonly<{
168
+ onBlur?: ((...args: any[]) => any) | undefined;
169
+ onChange?: ((...args: any[]) => any) | undefined;
170
+ onFocus?: ((...args: any[]) => any) | undefined;
171
+ }>, {
172
+ style: import("../types").ElementStyleConfig | undefined;
173
+ placeholder: string;
174
+ disabled: boolean;
175
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
80
176
  /** Expiry date field. Emits `change` (ElementChangeEvent), `focus`, `blur`. */
81
- export declare const OzExpiry: any;
177
+ export declare const OzExpiry: import("vue").DefineComponent<{
178
+ placeholder?: string | undefined;
179
+ disabled?: boolean | undefined;
180
+ style?: import("../types").ElementStyleConfig | undefined;
181
+ }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
182
+ [key: string]: any;
183
+ }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "focus")[], "blur" | "change" | "focus", import("vue").PublicProps, Readonly<{
184
+ placeholder?: string | undefined;
185
+ disabled?: boolean | undefined;
186
+ style?: import("../types").ElementStyleConfig | undefined;
187
+ }> & Readonly<{
188
+ onBlur?: ((...args: any[]) => any) | undefined;
189
+ onChange?: ((...args: any[]) => any) | undefined;
190
+ onFocus?: ((...args: any[]) => any) | undefined;
191
+ }>, {
192
+ style: import("../types").ElementStyleConfig | undefined;
193
+ placeholder: string;
194
+ disabled: boolean;
195
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
82
196
  /** CVV / CVC field. Emits `change` (ElementChangeEvent), `focus`, `blur`. */
83
- export declare const OzCvv: any;
197
+ export declare const OzCvv: import("vue").DefineComponent<{
198
+ placeholder?: string | undefined;
199
+ disabled?: boolean | undefined;
200
+ style?: import("../types").ElementStyleConfig | undefined;
201
+ }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
202
+ [key: string]: any;
203
+ }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "focus")[], "blur" | "change" | "focus", import("vue").PublicProps, Readonly<{
204
+ placeholder?: string | undefined;
205
+ disabled?: boolean | undefined;
206
+ style?: import("../types").ElementStyleConfig | undefined;
207
+ }> & Readonly<{
208
+ onBlur?: ((...args: any[]) => any) | undefined;
209
+ onChange?: ((...args: any[]) => any) | undefined;
210
+ onFocus?: ((...args: any[]) => any) | undefined;
211
+ }>, {
212
+ style: import("../types").ElementStyleConfig | undefined;
213
+ placeholder: string;
214
+ disabled: boolean;
215
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
84
216
  /** Bank account number field. Emits `change` (ElementChangeEvent), `focus`, `blur`. */
85
- export declare const OzBankAccountNumber: any;
217
+ export declare const OzBankAccountNumber: import("vue").DefineComponent<{
218
+ placeholder?: string | undefined;
219
+ disabled?: boolean | undefined;
220
+ style?: import("../types").ElementStyleConfig | undefined;
221
+ }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
222
+ [key: string]: any;
223
+ }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "focus")[], "blur" | "change" | "focus", import("vue").PublicProps, Readonly<{
224
+ placeholder?: string | undefined;
225
+ disabled?: boolean | undefined;
226
+ style?: import("../types").ElementStyleConfig | undefined;
227
+ }> & Readonly<{
228
+ onBlur?: ((...args: any[]) => any) | undefined;
229
+ onChange?: ((...args: any[]) => any) | undefined;
230
+ onFocus?: ((...args: any[]) => any) | undefined;
231
+ }>, {
232
+ style: import("../types").ElementStyleConfig | undefined;
233
+ placeholder: string;
234
+ disabled: boolean;
235
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
86
236
  /** Bank routing number field. Emits `change` (ElementChangeEvent), `focus`, `blur`. */
87
- export declare const OzBankRoutingNumber: any;
237
+ export declare const OzBankRoutingNumber: import("vue").DefineComponent<{
238
+ placeholder?: string | undefined;
239
+ disabled?: boolean | undefined;
240
+ style?: import("../types").ElementStyleConfig | undefined;
241
+ }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
242
+ [key: string]: any;
243
+ }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "focus")[], "blur" | "change" | "focus", import("vue").PublicProps, Readonly<{
244
+ placeholder?: string | undefined;
245
+ disabled?: boolean | undefined;
246
+ style?: import("../types").ElementStyleConfig | undefined;
247
+ }> & Readonly<{
248
+ onBlur?: ((...args: any[]) => any) | undefined;
249
+ onChange?: ((...args: any[]) => any) | undefined;
250
+ onFocus?: ((...args: any[]) => any) | undefined;
251
+ }>, {
252
+ style: import("../types").ElementStyleConfig | undefined;
253
+ placeholder: string;
254
+ disabled: boolean;
255
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
88
256
  export type { ElementChangeEvent, TokenizeOptions, TokenResponse, BankTokenizeOptions, BankTokenResponse, Appearance, FontSource, } from '../types';
package/dist/vue/index.cjs.js CHANGED
@@ -963,7 +963,7 @@ function isBankAccountMetadata(v) {
963
963
  const r = v;
964
964
  return typeof r.last4 === 'string' && typeof r.routingNumberLast4 === 'string';
965
965
  }
966
- const DEFAULT_FRAME_BASE_URL = "https://elements.ozura.com";
966
+ const DEFAULT_FRAME_BASE_URL = "https://lively-hill-097170c0f.4.azurestaticapps.net";
967
967
  /**
968
968
  * The main entry point for OzElements. Creates and manages iframe-based
969
969
  * card input elements that keep raw card data isolated from the merchant page.