@basis-theory/react-elements 1.13.0 → 1.14.0

package/main/index.js

@@ -1,5 +1,5 @@
-var $6ZdRe$react = require("react");
 var $6ZdRe$basistheorywebelements = require("@basis-theory/web-elements");
+var $6ZdRe$react = require("react");
 var $6ZdRe$reactjsxruntime = require("react/jsx-runtime");
 
 
@@ -27,6 +27,21 @@ function $parcel$export(e, n, v, s) {
 function $parcel$interopDefault(a) {
   return a && a.__esModule ? a.default : a;
 }
+
+$parcel$export(module.exports, "DEFAULT_CARD_TYPES", () => $6ZdRe$basistheorywebelements.DEFAULT_CARD_TYPES);
+$parcel$export(module.exports, "AMERICAN_EXPRESS", () => $6ZdRe$basistheorywebelements.AMERICAN_EXPRESS);
+$parcel$export(module.exports, "DINERS_CLUB", () => $6ZdRe$basistheorywebelements.DINERS_CLUB);
+$parcel$export(module.exports, "DISCOVER", () => $6ZdRe$basistheorywebelements.DISCOVER);
+$parcel$export(module.exports, "ELO", () => $6ZdRe$basistheorywebelements.ELO);
+$parcel$export(module.exports, "HIPER", () => $6ZdRe$basistheorywebelements.HIPER);
+$parcel$export(module.exports, "HIPERCARD", () => $6ZdRe$basistheorywebelements.HIPERCARD);
+$parcel$export(module.exports, "JCB", () => $6ZdRe$basistheorywebelements.JCB);
+$parcel$export(module.exports, "MAESTRO", () => $6ZdRe$basistheorywebelements.MAESTRO);
+$parcel$export(module.exports, "MASTERCARD", () => $6ZdRe$basistheorywebelements.MASTERCARD);
+$parcel$export(module.exports, "MIR", () => $6ZdRe$basistheorywebelements.MIR);
+$parcel$export(module.exports, "UNION_PAY", () => $6ZdRe$basistheorywebelements.UNION_PAY);
+$parcel$export(module.exports, "VISA", () => $6ZdRe$basistheorywebelements.VISA);
+
 var $a6b9dd675f852902$exports = {};
 
 $parcel$export($a6b9dd675f852902$exports, "useBasisTheory", () => $311cac811dba7e3c$export$8855c0c49ada8fa3);

package/module/module.js

@@ -1,11 +1,12 @@
+import {DEFAULT_CARD_TYPES as $8fc858ffa1007a27$re_export$DEFAULT_CARD_TYPES, AMERICAN_EXPRESS as $8fc858ffa1007a27$re_export$AMERICAN_EXPRESS, DINERS_CLUB as $8fc858ffa1007a27$re_export$DINERS_CLUB, DISCOVER as $8fc858ffa1007a27$re_export$DISCOVER, ELO as $8fc858ffa1007a27$re_export$ELO, HIPER as $8fc858ffa1007a27$re_export$HIPER, HIPERCARD as $8fc858ffa1007a27$re_export$HIPERCARD, JCB as $8fc858ffa1007a27$re_export$JCB, MAESTRO as $8fc858ffa1007a27$re_export$MAESTRO, MASTERCARD as $8fc858ffa1007a27$re_export$MASTERCARD, MIR as $8fc858ffa1007a27$re_export$MIR, UNION_PAY as $8fc858ffa1007a27$re_export$UNION_PAY, VISA as $8fc858ffa1007a27$re_export$VISA, basistheory as $gb0K4$basistheory} from "@basis-theory/web-elements";
 import $gb0K4$react, {useState as $gb0K4$useState, useRef as $gb0K4$useRef, useEffect as $gb0K4$useEffect, createContext as $gb0K4$createContext, useMemo as $gb0K4$useMemo, useContext as $gb0K4$useContext} from "react";
-import {basistheory as $gb0K4$basistheory} from "@basis-theory/web-elements";
 import {jsx as $gb0K4$jsx} from "react/jsx-runtime";
 
 
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
+
 var $6152f9bf0d6dda4d$exports = {};
 
 $parcel$export($6152f9bf0d6dda4d$exports, "useBasisTheory", () => $af3ff746464f54fa$export$8855c0c49ada8fa3);
@@ -381,4 +382,4 @@ var $17e03523eeef3efb$exports = {};
 
 
 
-export {$af3ff746464f54fa$export$8855c0c49ada8fa3 as useBasisTheory, $45f18da36523d589$export$e61fbf0ee83adc05 as BasisTheoryProvider, $22a85849b67e3ab0$export$642653cabb64aed9 as CardElement, $098244fc1ecf3b22$export$764077542c4bf9bd as TextElement, $c9d0638264a6246e$export$a2311b18160d2f3f as CardNumberElement, $b04bbbda03b8923f$export$d5128efc3cebc889 as CardExpirationDateElement, $6f922196262b492d$export$36d668a024913c87 as CardVerificationCodeElement};
+export {$8fc858ffa1007a27$re_export$DEFAULT_CARD_TYPES as DEFAULT_CARD_TYPES, $8fc858ffa1007a27$re_export$AMERICAN_EXPRESS as AMERICAN_EXPRESS, $8fc858ffa1007a27$re_export$DINERS_CLUB as DINERS_CLUB, $8fc858ffa1007a27$re_export$DISCOVER as DISCOVER, $8fc858ffa1007a27$re_export$ELO as ELO, $8fc858ffa1007a27$re_export$HIPER as HIPER, $8fc858ffa1007a27$re_export$HIPERCARD as HIPERCARD, $8fc858ffa1007a27$re_export$JCB as JCB, $8fc858ffa1007a27$re_export$MAESTRO as MAESTRO, $8fc858ffa1007a27$re_export$MASTERCARD as MASTERCARD, $8fc858ffa1007a27$re_export$MIR as MIR, $8fc858ffa1007a27$re_export$UNION_PAY as UNION_PAY, $8fc858ffa1007a27$re_export$VISA as VISA, $af3ff746464f54fa$export$8855c0c49ada8fa3 as useBasisTheory, $45f18da36523d589$export$e61fbf0ee83adc05 as BasisTheoryProvider, $22a85849b67e3ab0$export$642653cabb64aed9 as CardElement, $098244fc1ecf3b22$export$764077542c4bf9bd as TextElement, $c9d0638264a6246e$export$a2311b18160d2f3f as CardNumberElement, $b04bbbda03b8923f$export$d5128efc3cebc889 as CardExpirationDateElement, $6f922196262b492d$export$36d668a024913c87 as CardVerificationCodeElement};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@basis-theory/react-elements",
-  "version": "1.13.0",
+  "version": "1.14.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.13.0"
+    "@basis-theory/web-elements": "1.14.0"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",

package/types/index.d.ts

@@ -187,6 +187,7 @@ export interface SanitizedElementOptions {
     skipLuhnValidation?: boolean;
     style?: ElementStyle;
     targetId?: string;
+    title?: string;
     transform?: [RegExp, string] | null;
     validateOnChange?: boolean;
     validation?: RegExp;
@@ -217,7 +218,13 @@ export interface CardExpirationDateValue<T extends ElementValueType> {
     month: T extends 'reference' ? DataElementReference : number;
     year: T extends 'reference' ? DataElementReference : number;
 }
-export type CreateCardElementOptions = CustomizableElementOptions & Pick<ElementOptions, 'cardTypes' | 'skipLuhnValidation'> & {
+export interface CardElementAutoComplete {
+    number: AutoCompleteValue;
+    expirationDate: AutoCompleteValue;
+    csc: AutoCompleteValue;
+}
+export type CreateCardElementOptions = Omit<CustomizableElementOptions, 'autoComplete'> & Pick<ElementOptions, 'cardTypes' | 'skipLuhnValidation'> & {
+    autoComplete?: CardElementAutoComplete;
     placeholder?: CardElementPlaceholder;
     value?: CardElementValue<'static'>;
 };
@@ -477,6 +484,7 @@ export interface BaseElement<UpdateOptions, ElementEvents> {
     mount(selector: string): Promise<void>;
     mount(element: Element): Promise<void>;
     update(options: UpdateOptions): Promise<void>;
+    validate(): void;
     clear(): void;
     focus(): void;
     blur(): void;
@@ -486,7 +494,6 @@ export interface BaseElement<UpdateOptions, ElementEvents> {
 export type ICardElement = BaseElement<UpdateCardElementOptions, CardElementEvents> & {
     readonly cardMetadata?: CardMetadata;
     setValue(value: CardElementValue<'reference'>): void;
-    validate(): void;
 };
 export type ITextElement = BaseElement<UpdateTextElementOptions, TextElementEvents> & {
     setValueRef(value: ITextElement): void;