@basis-theory/react-elements 1.19.0 → 1.20.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@basis-theory/react-elements",
-  "version": "1.19.0",
+  "version": "1.20.0",
   "repository": "https://github.com/basis-theory/react-elements",
   "license": "Apache-2.0",
   "author": {
@@ -30,7 +30,7 @@
     "tag": "latest"
   },
   "dependencies": {
-    "@basis-theory/web-elements": "1.19.0"
+    "@basis-theory/web-elements": "1.20.0"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",

package/types/index.d.ts

@@ -155,8 +155,11 @@ export interface ElementInternalOptions {
     apiKey: string | undefined;
     baseUrl: string;
     type: ElementType;
+    debug: boolean | undefined;
+    disableTelemetry: boolean | undefined;
     useNgApi: boolean | undefined;
     useSameOriginApi: boolean | undefined;
+    useUat: boolean | undefined;
 }
 export enum InputMode {
     DECIMAL = "decimal",
@@ -201,7 +204,11 @@ interface TransformOption {
 interface AutoCompleteOption {
     autoComplete?: AutoCompleteValue;
 }
+interface CardAutoCompleteOption {
+    autoComplete?: CardElementAutoComplete;
+}
 export type CustomizableElementOptions = Pick<ElementOptions, 'cardTypes' | 'copyIconStyles' | 'disabled' | 'enableCopy' | 'inputMode' | 'readOnly' | 'skipLuhnValidation' | 'style' | 'validateOnChange'> & AutoCompleteOption;
+export type CardCustomizableElementOptions = Pick<ElementOptions, 'cardTypes' | 'copyIconStyles' | 'disabled' | 'enableCopy' | 'inputMode' | 'readOnly' | 'skipLuhnValidation' | 'style' | 'validateOnChange'> & CardAutoCompleteOption;
 type ElementValueType = 'static' | 'reference';
 export interface CardElementValue<T extends ElementValueType> {
     cvc?: T extends 'reference' ? DataElementReference : string;
@@ -223,8 +230,7 @@ export interface CardElementAutoComplete {
     expirationDate: AutoCompleteValue;
     csc: AutoCompleteValue;
 }
-export type CreateCardElementOptions = Omit<CustomizableElementOptions, 'autoComplete'> & Pick<ElementOptions, 'cardTypes' | 'skipLuhnValidation' | 'title'> & {
-    autoComplete?: CardElementAutoComplete;
+export type CreateCardElementOptions = CardCustomizableElementOptions & Pick<ElementOptions, 'cardTypes' | 'skipLuhnValidation' | 'title'> & {
     placeholder?: CardElementPlaceholder;
     value?: CardElementValue<'static'>;
 };
@@ -560,7 +566,7 @@ export interface BasisTheoryElements {
     createElement(type: 'cardVerificationCode', options: CreateCardVerificationCodeElementOptions): ICardVerificationCodeElement;
 }
 export interface BasisTheoryElementsInternal extends BasisTheoryElements {
-    init: (apiKey: string | undefined, elementsBaseUrl: string, elementsUseNgApi: boolean | undefined, elementsUseSameOriginApi: boolean | undefined, disableTelemetry: boolean | undefined, debug: boolean | undefined) => Promise<BasisTheoryElements>;
+    init: (apiKey: string | undefined, elementsBaseUrl: string, elementsUseNgApi: boolean | undefined, elementsUseSameOriginApi: boolean | undefined, disableTelemetry: boolean | undefined, debug: boolean | undefined, useUat: boolean | undefined) => Promise<BasisTheoryElements>;
     hasElement: (payload: unknown) => boolean;
 }
 declare global {
@@ -572,6 +578,7 @@ export interface BasisTheoryInitOptions {
     _devMode?: boolean;
     disableTelemetry?: boolean;
     useSameOriginApi?: boolean;
+    useUat?: boolean;
     debug?: boolean;
 }
 export const basistheory: (apiKey: string, options?: BasisTheoryInitOptions) => Promise<BasisTheoryElements | undefined>;