@basis-theory/react-elements 1.9.0 → 1.11.0

package/CHANGELOG.md

@@ -1,3 +1,29 @@
+## [1.10.0] - 2025-03-18
+
+### Features
+
+- be57c49 2025-03-18 feat: enable same origin api calls by default (#401) by kevin@basistheory.com
+- 440fd31 2025-03-13 feat: add sri hash generation for static iframe assets (#398) by kevin@basistheory.com
+
+### Bug Fixes
+
+- be4129d 2025-03-18 fix: elements init options ordered incorrectly (#403) by kevin@basistheory.com
+- 6c0271f 2025-03-18 fix: patch axios (#402) by kevin@basistheory.com
+
+## [1.9.0] - 2025-03-13
+
+### Features
+
+- 4e13acd 2025-03-12 feat: generate versioned SRI for web-elements loader (#399) by kevin@basistheory.com
+
+### Bug Fixes
+
+- c148762 2025-03-13 fix: add dd rum url to csp (#400) by kevin@basistheory.com
+
+### Chores
+
+- dfc875d 2025-03-10 chore: add Elements PCI inventory script to PR check (#397) by brandon@basistheory.com
+
 ## [1.8.0] - 2025-03-07
 
 ### Features

package/dist/main/index.js

@@ -1,7 +1,6 @@
-var $6ZdRe$basistheorybasistheoryjscommon = require("@basis-theory/basis-theory-js/common");
-var $6ZdRe$basistheorybasistheoryjstypeselements = require("@basis-theory/basis-theory-js/types/elements");
-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");
 
 
 function $parcel$exportWildcard(dest, source) {
@@ -28,25 +27,26 @@ function $parcel$export(e, n, v, s) {
 function $parcel$interopDefault(a) {
   return a && a.__esModule ? a.default : a;
 }
+
+$parcel$export(module.exports, "AMERICAN_EXPRESS", () => $6ZdRe$basistheorywebelements.AMERICAN_EXPRESS);
+$parcel$export(module.exports, "DEFAULT_CARD_TYPES", () => $6ZdRe$basistheorywebelements.DEFAULT_CARD_TYPES);
+$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);
+$parcel$export(module.exports, "CARD_BRANDS", () => $6ZdRe$basistheorywebelements.CARD_BRANDS);
 var $a6b9dd675f852902$exports = {};
 
 $parcel$export($a6b9dd675f852902$exports, "useBasisTheory", () => $311cac811dba7e3c$export$8855c0c49ada8fa3);
 $parcel$export($a6b9dd675f852902$exports, "BasisTheoryProvider", () => $2675fc9fa3792892$export$e61fbf0ee83adc05);
-$parcel$export($a6b9dd675f852902$exports, "BasisTheoryApiError", () => $6ZdRe$basistheorybasistheoryjscommon.BasisTheoryApiError);
-$parcel$export($a6b9dd675f852902$exports, "BasisTheoryValidationError", () => $6ZdRe$basistheorybasistheoryjscommon.BasisTheoryValidationError);
-$parcel$export($a6b9dd675f852902$exports, "AMERICAN_EXPRESS", () => $6ZdRe$basistheorybasistheoryjstypeselements.AMERICAN_EXPRESS);
-$parcel$export($a6b9dd675f852902$exports, "DEFAULT_CARD_TYPES", () => $6ZdRe$basistheorybasistheoryjstypeselements.DEFAULT_CARD_TYPES);
-$parcel$export($a6b9dd675f852902$exports, "DINERS_CLUB", () => $6ZdRe$basistheorybasistheoryjstypeselements.DINERS_CLUB);
-$parcel$export($a6b9dd675f852902$exports, "DISCOVER", () => $6ZdRe$basistheorybasistheoryjstypeselements.DISCOVER);
-$parcel$export($a6b9dd675f852902$exports, "ELO", () => $6ZdRe$basistheorybasistheoryjstypeselements.ELO);
-$parcel$export($a6b9dd675f852902$exports, "HIPER", () => $6ZdRe$basistheorybasistheoryjstypeselements.HIPER);
-$parcel$export($a6b9dd675f852902$exports, "HIPERCARD", () => $6ZdRe$basistheorybasistheoryjstypeselements.HIPERCARD);
-$parcel$export($a6b9dd675f852902$exports, "JCB", () => $6ZdRe$basistheorybasistheoryjstypeselements.JCB);
-$parcel$export($a6b9dd675f852902$exports, "MAESTRO", () => $6ZdRe$basistheorybasistheoryjstypeselements.MAESTRO);
-$parcel$export($a6b9dd675f852902$exports, "MASTERCARD", () => $6ZdRe$basistheorybasistheoryjstypeselements.MASTERCARD);
-$parcel$export($a6b9dd675f852902$exports, "MIR", () => $6ZdRe$basistheorybasistheoryjstypeselements.MIR);
-$parcel$export($a6b9dd675f852902$exports, "UNION_PAY", () => $6ZdRe$basistheorybasistheoryjstypeselements.UNION_PAY);
-$parcel$export($a6b9dd675f852902$exports, "VISA", () => $6ZdRe$basistheorybasistheoryjstypeselements.VISA);
+
 
 
 const $2675fc9fa3792892$var$BasisTheoryContext = /*#__PURE__*/ (0, $6ZdRe$react.createContext)({});
@@ -56,9 +56,10 @@ const $2675fc9fa3792892$export$e61fbf0ee83adc05 = ({ bt: bt, children: children
         }), [
         bt
     ]);
-    return /*#__PURE__*/ (0, ($parcel$interopDefault($6ZdRe$react))).createElement($2675fc9fa3792892$var$BasisTheoryContext.Provider, {
-        value: value
-    }, children);
+    return /*#__PURE__*/ (0, $6ZdRe$reactjsxruntime.jsx)($2675fc9fa3792892$var$BasisTheoryContext.Provider, {
+        value: value,
+        children: children
+    });
 };
 const $2675fc9fa3792892$export$e3c9ec56296efb13 = ()=>(0, $6ZdRe$react.useContext)($2675fc9fa3792892$var$BasisTheoryContext);
 
@@ -103,8 +104,6 @@ const $311cac811dba7e3c$export$8855c0c49ada8fa3 = (apiKey, options)=>{
 
 
 
-
-
 var $09db7b15c2691edc$exports = {};
 
 $parcel$export($09db7b15c2691edc$exports, "CardElement", () => $b68de9bc89cba8c8$export$642653cabb64aed9);
@@ -115,6 +114,7 @@ $parcel$export($09db7b15c2691edc$exports, "CardVerificationCodeElement", () => $
 
 
 
+
 /**
  * Resolves which BasisTheoryReact instance to use,
  * by favoring the optional parameter.
@@ -236,14 +236,14 @@ const $b68de9bc89cba8c8$var$CardElementC = ({ autoComplete: autoComplete, bt: bt
     (0, $75e7ef6fe5d73b5f$export$b6487193f4d880e0)('focus', element, onFocus);
     (0, $75e7ef6fe5d73b5f$export$b6487193f4d880e0)('blur', element, onBlur);
     (0, $75e7ef6fe5d73b5f$export$b6487193f4d880e0)('keydown', element, onKeyDown);
-    return /*#__PURE__*/ (0, ($parcel$interopDefault($6ZdRe$react))).createElement("div", {
+    return /*#__PURE__*/ (0, $6ZdRe$reactjsxruntime.jsx)("div", {
         id: id,
         ref: wrapperRef
     });
 };
 const $b68de9bc89cba8c8$export$642653cabb64aed9 = /*#__PURE__*/ (0, ($parcel$interopDefault($6ZdRe$react))).forwardRef(// eslint-disable-next-line get-off-my-lawn/prefer-arrow-functions
 function CardElement(props, ref) {
-    return /*#__PURE__*/ (0, ($parcel$interopDefault($6ZdRe$react))).createElement($b68de9bc89cba8c8$var$CardElementC, {
+    return /*#__PURE__*/ (0, $6ZdRe$reactjsxruntime.jsx)($b68de9bc89cba8c8$var$CardElementC, {
         ...props,
         elementRef: ref
     });
@@ -253,6 +253,7 @@ function CardElement(props, ref) {
 
 
 
+
 const $5056c1f1f96da4b6$var$TextElementC = ({ 'aria-label': ariaLabel, autoComplete: autoComplete, bt: bt, disabled: disabled, elementRef: elementRef, id: id, inputMode: inputMode, mask: mask, maxLength: maxLength, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown, onReady: onReady, password: password, placeholder: placeholder, readOnly: readOnly, style: style, transform: transform, validation: validation, value: value, valueRef: valueRef })=>{
     const wrapperRef = (0, $6ZdRe$react.useRef)(null);
     const element = (0, $515e46363124517b$export$93e1bc7222cfbdc8)(id, 'text', wrapperRef, {
@@ -276,14 +277,14 @@ const $5056c1f1f96da4b6$var$TextElementC = ({ 'aria-label': ariaLabel, autoCompl
     (0, $75e7ef6fe5d73b5f$export$b6487193f4d880e0)('focus', element, onFocus);
     (0, $75e7ef6fe5d73b5f$export$b6487193f4d880e0)('blur', element, onBlur);
     (0, $75e7ef6fe5d73b5f$export$b6487193f4d880e0)('keydown', element, onKeyDown);
-    return /*#__PURE__*/ (0, ($parcel$interopDefault($6ZdRe$react))).createElement("div", {
+    return /*#__PURE__*/ (0, $6ZdRe$reactjsxruntime.jsx)("div", {
         id: id,
         ref: wrapperRef
     });
 };
 const $5056c1f1f96da4b6$export$764077542c4bf9bd = /*#__PURE__*/ (0, ($parcel$interopDefault($6ZdRe$react))).forwardRef(// eslint-disable-next-line get-off-my-lawn/prefer-arrow-functions
 function TextElement(props, ref) {
-    return /*#__PURE__*/ (0, ($parcel$interopDefault($6ZdRe$react))).createElement($5056c1f1f96da4b6$var$TextElementC, {
+    return /*#__PURE__*/ (0, $6ZdRe$reactjsxruntime.jsx)($5056c1f1f96da4b6$var$TextElementC, {
         ...props,
         elementRef: ref
     });
@@ -293,6 +294,7 @@ function TextElement(props, ref) {
 
 
 
+
 const $89a8c5992dc7cf9a$var$CardNumberElementC = ({ 'aria-label': ariaLabel, autoComplete: autoComplete, bt: bt, cardTypes: cardTypes, copyIconStyles: copyIconStyles, disabled: disabled, elementRef: elementRef, enableCopy: enableCopy, iconPosition: iconPosition, id: id, inputMode: inputMode, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown, onReady: onReady, placeholder: placeholder, readOnly: readOnly, skipLuhnValidation: skipLuhnValidation, style: style, validateOnChange: validateOnChange, value: value, valueRef: valueRef })=>{
     const wrapperRef = (0, $6ZdRe$react.useRef)(null);
     const element = (0, $515e46363124517b$export$93e1bc7222cfbdc8)(id, 'cardNumber', wrapperRef, {
@@ -317,13 +319,13 @@ const $89a8c5992dc7cf9a$var$CardNumberElementC = ({ 'aria-label': ariaLabel, aut
     (0, $75e7ef6fe5d73b5f$export$b6487193f4d880e0)('focus', element, onFocus);
     (0, $75e7ef6fe5d73b5f$export$b6487193f4d880e0)('blur', element, onBlur);
     (0, $75e7ef6fe5d73b5f$export$b6487193f4d880e0)('keydown', element, onKeyDown);
-    return /*#__PURE__*/ (0, ($parcel$interopDefault($6ZdRe$react))).createElement("div", {
+    return /*#__PURE__*/ (0, $6ZdRe$reactjsxruntime.jsx)("div", {
         id: id,
         ref: wrapperRef
     });
 };
 const $89a8c5992dc7cf9a$export$a2311b18160d2f3f = /*#__PURE__*/ (0, ($parcel$interopDefault($6ZdRe$react))).forwardRef(function CardNumberElement(props, ref) {
-    return /*#__PURE__*/ (0, ($parcel$interopDefault($6ZdRe$react))).createElement($89a8c5992dc7cf9a$var$CardNumberElementC, {
+    return /*#__PURE__*/ (0, $6ZdRe$reactjsxruntime.jsx)($89a8c5992dc7cf9a$var$CardNumberElementC, {
         ...props,
         elementRef: ref
     });
@@ -333,6 +335,7 @@ const $89a8c5992dc7cf9a$export$a2311b18160d2f3f = /*#__PURE__*/ (0, ($parcel$int
 
 
 
+
 const $a598ed1fc49faa5f$var$CardExpirationDateElementC = ({ 'aria-label': ariaLabel, autoComplete: autoComplete, bt: bt, copyIconStyles: copyIconStyles, disabled: disabled, elementRef: elementRef, enableCopy: enableCopy, id: id, inputMode: inputMode, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown, onReady: onReady, placeholder: placeholder, readOnly: readOnly, style: style, validateOnChange: validateOnChange, value: value, valueRef: valueRef })=>{
     const wrapperRef = (0, $6ZdRe$react.useRef)(null);
     const element = (0, $515e46363124517b$export$93e1bc7222cfbdc8)(id, 'cardExpirationDate', wrapperRef, {
@@ -354,13 +357,13 @@ const $a598ed1fc49faa5f$var$CardExpirationDateElementC = ({ 'aria-label': ariaLa
     (0, $75e7ef6fe5d73b5f$export$b6487193f4d880e0)('focus', element, onFocus);
     (0, $75e7ef6fe5d73b5f$export$b6487193f4d880e0)('blur', element, onBlur);
     (0, $75e7ef6fe5d73b5f$export$b6487193f4d880e0)('keydown', element, onKeyDown);
-    return /*#__PURE__*/ (0, ($parcel$interopDefault($6ZdRe$react))).createElement("div", {
+    return /*#__PURE__*/ (0, $6ZdRe$reactjsxruntime.jsx)("div", {
         id: id,
         ref: wrapperRef
     });
 };
 const $a598ed1fc49faa5f$export$d5128efc3cebc889 = /*#__PURE__*/ (0, ($parcel$interopDefault($6ZdRe$react))).forwardRef(function CardExpirationDateElement(props, ref) {
-    return /*#__PURE__*/ (0, ($parcel$interopDefault($6ZdRe$react))).createElement($a598ed1fc49faa5f$var$CardExpirationDateElementC, {
+    return /*#__PURE__*/ (0, $6ZdRe$reactjsxruntime.jsx)($a598ed1fc49faa5f$var$CardExpirationDateElementC, {
         ...props,
         elementRef: ref
     });
@@ -370,6 +373,7 @@ const $a598ed1fc49faa5f$export$d5128efc3cebc889 = /*#__PURE__*/ (0, ($parcel$int
 
 
 
+
 const $9bb5cbc1cc445953$var$CardVerificationCodeElementC = ({ 'aria-label': ariaLabel, autoComplete: autoComplete, bt: bt, cardBrand: cardBrand, copyIconStyles: copyIconStyles, disabled: disabled, elementRef: elementRef, enableCopy: enableCopy, id: id, inputMode: inputMode, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown, onReady: onReady, placeholder: placeholder, readOnly: readOnly, style: style, validateOnChange: validateOnChange, value: value, valueRef: valueRef })=>{
     const wrapperRef = (0, $6ZdRe$react.useRef)(null);
     const element = (0, $515e46363124517b$export$93e1bc7222cfbdc8)(id, 'cardVerificationCode', wrapperRef, {
@@ -392,13 +396,13 @@ const $9bb5cbc1cc445953$var$CardVerificationCodeElementC = ({ 'aria-label': aria
     (0, $75e7ef6fe5d73b5f$export$b6487193f4d880e0)('focus', element, onFocus);
     (0, $75e7ef6fe5d73b5f$export$b6487193f4d880e0)('blur', element, onBlur);
     (0, $75e7ef6fe5d73b5f$export$b6487193f4d880e0)('keydown', element, onKeyDown);
-    return /*#__PURE__*/ (0, ($parcel$interopDefault($6ZdRe$react))).createElement("div", {
+    return /*#__PURE__*/ (0, $6ZdRe$reactjsxruntime.jsx)("div", {
         id: id,
         ref: wrapperRef
     });
 };
 const $9bb5cbc1cc445953$export$36d668a024913c87 = /*#__PURE__*/ (0, ($parcel$interopDefault($6ZdRe$react))).forwardRef(function CardVerificationCodeElement(props, ref) {
-    return /*#__PURE__*/ (0, ($parcel$interopDefault($6ZdRe$react))).createElement($9bb5cbc1cc445953$var$CardVerificationCodeElementC, {
+    return /*#__PURE__*/ (0, $6ZdRe$reactjsxruntime.jsx)($9bb5cbc1cc445953$var$CardVerificationCodeElementC, {
         ...props,
         elementRef: ref
     });
@@ -407,6 +411,7 @@ const $9bb5cbc1cc445953$export$36d668a024913c87 = /*#__PURE__*/ (0, ($parcel$int
 
 
 
+
 $parcel$exportWildcard(module.exports, $a6b9dd675f852902$exports);
 $parcel$exportWildcard(module.exports, $09db7b15c2691edc$exports);
 

package/dist/module/module.js

@@ -1,7 +1,6 @@
-import {BasisTheoryApiError as $6152f9bf0d6dda4d$re_export$BasisTheoryApiError, BasisTheoryValidationError as $6152f9bf0d6dda4d$re_export$BasisTheoryValidationError} from "@basis-theory/basis-theory-js/common";
-import {AMERICAN_EXPRESS as $6152f9bf0d6dda4d$re_export$AMERICAN_EXPRESS, DEFAULT_CARD_TYPES as $6152f9bf0d6dda4d$re_export$DEFAULT_CARD_TYPES, DINERS_CLUB as $6152f9bf0d6dda4d$re_export$DINERS_CLUB, DISCOVER as $6152f9bf0d6dda4d$re_export$DISCOVER, ELO as $6152f9bf0d6dda4d$re_export$ELO, HIPER as $6152f9bf0d6dda4d$re_export$HIPER, HIPERCARD as $6152f9bf0d6dda4d$re_export$HIPERCARD, JCB as $6152f9bf0d6dda4d$re_export$JCB, MAESTRO as $6152f9bf0d6dda4d$re_export$MAESTRO, MASTERCARD as $6152f9bf0d6dda4d$re_export$MASTERCARD, MIR as $6152f9bf0d6dda4d$re_export$MIR, UNION_PAY as $6152f9bf0d6dda4d$re_export$UNION_PAY, VISA as $6152f9bf0d6dda4d$re_export$VISA} from "@basis-theory/basis-theory-js/types/elements";
+import {AMERICAN_EXPRESS as $8fc858ffa1007a27$re_export$AMERICAN_EXPRESS, DEFAULT_CARD_TYPES as $8fc858ffa1007a27$re_export$DEFAULT_CARD_TYPES, 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, CARD_BRANDS as $8fc858ffa1007a27$re_export$CARD_BRANDS, 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) {
@@ -11,21 +10,7 @@ var $6152f9bf0d6dda4d$exports = {};
 
 $parcel$export($6152f9bf0d6dda4d$exports, "useBasisTheory", () => $af3ff746464f54fa$export$8855c0c49ada8fa3);
 $parcel$export($6152f9bf0d6dda4d$exports, "BasisTheoryProvider", () => $45f18da36523d589$export$e61fbf0ee83adc05);
-$parcel$export($6152f9bf0d6dda4d$exports, "BasisTheoryApiError", () => $6152f9bf0d6dda4d$re_export$BasisTheoryApiError);
-$parcel$export($6152f9bf0d6dda4d$exports, "BasisTheoryValidationError", () => $6152f9bf0d6dda4d$re_export$BasisTheoryValidationError);
-$parcel$export($6152f9bf0d6dda4d$exports, "AMERICAN_EXPRESS", () => $6152f9bf0d6dda4d$re_export$AMERICAN_EXPRESS);
-$parcel$export($6152f9bf0d6dda4d$exports, "DEFAULT_CARD_TYPES", () => $6152f9bf0d6dda4d$re_export$DEFAULT_CARD_TYPES);
-$parcel$export($6152f9bf0d6dda4d$exports, "DINERS_CLUB", () => $6152f9bf0d6dda4d$re_export$DINERS_CLUB);
-$parcel$export($6152f9bf0d6dda4d$exports, "DISCOVER", () => $6152f9bf0d6dda4d$re_export$DISCOVER);
-$parcel$export($6152f9bf0d6dda4d$exports, "ELO", () => $6152f9bf0d6dda4d$re_export$ELO);
-$parcel$export($6152f9bf0d6dda4d$exports, "HIPER", () => $6152f9bf0d6dda4d$re_export$HIPER);
-$parcel$export($6152f9bf0d6dda4d$exports, "HIPERCARD", () => $6152f9bf0d6dda4d$re_export$HIPERCARD);
-$parcel$export($6152f9bf0d6dda4d$exports, "JCB", () => $6152f9bf0d6dda4d$re_export$JCB);
-$parcel$export($6152f9bf0d6dda4d$exports, "MAESTRO", () => $6152f9bf0d6dda4d$re_export$MAESTRO);
-$parcel$export($6152f9bf0d6dda4d$exports, "MASTERCARD", () => $6152f9bf0d6dda4d$re_export$MASTERCARD);
-$parcel$export($6152f9bf0d6dda4d$exports, "MIR", () => $6152f9bf0d6dda4d$re_export$MIR);
-$parcel$export($6152f9bf0d6dda4d$exports, "UNION_PAY", () => $6152f9bf0d6dda4d$re_export$UNION_PAY);
-$parcel$export($6152f9bf0d6dda4d$exports, "VISA", () => $6152f9bf0d6dda4d$re_export$VISA);
+
 
 
 const $45f18da36523d589$var$BasisTheoryContext = /*#__PURE__*/ (0, $gb0K4$createContext)({});
@@ -35,9 +20,10 @@ const $45f18da36523d589$export$e61fbf0ee83adc05 = ({ bt: bt, children: children
         }), [
         bt
     ]);
-    return /*#__PURE__*/ (0, $gb0K4$react).createElement($45f18da36523d589$var$BasisTheoryContext.Provider, {
-        value: value
-    }, children);
+    return /*#__PURE__*/ (0, $gb0K4$jsx)($45f18da36523d589$var$BasisTheoryContext.Provider, {
+        value: value,
+        children: children
+    });
 };
 const $45f18da36523d589$export$e3c9ec56296efb13 = ()=>(0, $gb0K4$useContext)($45f18da36523d589$var$BasisTheoryContext);
 
@@ -82,8 +68,6 @@ const $af3ff746464f54fa$export$8855c0c49ada8fa3 = (apiKey, options)=>{
 
 
 
-
-
 var $6b778c3bc65591b7$exports = {};
 
 $parcel$export($6b778c3bc65591b7$exports, "CardElement", () => $22a85849b67e3ab0$export$642653cabb64aed9);
@@ -94,6 +78,7 @@ $parcel$export($6b778c3bc65591b7$exports, "CardVerificationCodeElement", () => $
 
 
 
+
 /**
  * Resolves which BasisTheoryReact instance to use,
  * by favoring the optional parameter.
@@ -215,14 +200,14 @@ const $22a85849b67e3ab0$var$CardElementC = ({ autoComplete: autoComplete, bt: bt
     (0, $1b6d06f13820d117$export$b6487193f4d880e0)('focus', element, onFocus);
     (0, $1b6d06f13820d117$export$b6487193f4d880e0)('blur', element, onBlur);
     (0, $1b6d06f13820d117$export$b6487193f4d880e0)('keydown', element, onKeyDown);
-    return /*#__PURE__*/ (0, $gb0K4$react).createElement("div", {
+    return /*#__PURE__*/ (0, $gb0K4$jsx)("div", {
         id: id,
         ref: wrapperRef
     });
 };
 const $22a85849b67e3ab0$export$642653cabb64aed9 = /*#__PURE__*/ (0, $gb0K4$react).forwardRef(// eslint-disable-next-line get-off-my-lawn/prefer-arrow-functions
 function CardElement(props, ref) {
-    return /*#__PURE__*/ (0, $gb0K4$react).createElement($22a85849b67e3ab0$var$CardElementC, {
+    return /*#__PURE__*/ (0, $gb0K4$jsx)($22a85849b67e3ab0$var$CardElementC, {
         ...props,
         elementRef: ref
     });
@@ -232,6 +217,7 @@ function CardElement(props, ref) {
 
 
 
+
 const $098244fc1ecf3b22$var$TextElementC = ({ 'aria-label': ariaLabel, autoComplete: autoComplete, bt: bt, disabled: disabled, elementRef: elementRef, id: id, inputMode: inputMode, mask: mask, maxLength: maxLength, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown, onReady: onReady, password: password, placeholder: placeholder, readOnly: readOnly, style: style, transform: transform, validation: validation, value: value, valueRef: valueRef })=>{
     const wrapperRef = (0, $gb0K4$useRef)(null);
     const element = (0, $001f9ef7a572da43$export$93e1bc7222cfbdc8)(id, 'text', wrapperRef, {
@@ -255,14 +241,14 @@ const $098244fc1ecf3b22$var$TextElementC = ({ 'aria-label': ariaLabel, autoCompl
     (0, $1b6d06f13820d117$export$b6487193f4d880e0)('focus', element, onFocus);
     (0, $1b6d06f13820d117$export$b6487193f4d880e0)('blur', element, onBlur);
     (0, $1b6d06f13820d117$export$b6487193f4d880e0)('keydown', element, onKeyDown);
-    return /*#__PURE__*/ (0, $gb0K4$react).createElement("div", {
+    return /*#__PURE__*/ (0, $gb0K4$jsx)("div", {
         id: id,
         ref: wrapperRef
     });
 };
 const $098244fc1ecf3b22$export$764077542c4bf9bd = /*#__PURE__*/ (0, $gb0K4$react).forwardRef(// eslint-disable-next-line get-off-my-lawn/prefer-arrow-functions
 function TextElement(props, ref) {
-    return /*#__PURE__*/ (0, $gb0K4$react).createElement($098244fc1ecf3b22$var$TextElementC, {
+    return /*#__PURE__*/ (0, $gb0K4$jsx)($098244fc1ecf3b22$var$TextElementC, {
         ...props,
         elementRef: ref
     });
@@ -272,6 +258,7 @@ function TextElement(props, ref) {
 
 
 
+
 const $c9d0638264a6246e$var$CardNumberElementC = ({ 'aria-label': ariaLabel, autoComplete: autoComplete, bt: bt, cardTypes: cardTypes, copyIconStyles: copyIconStyles, disabled: disabled, elementRef: elementRef, enableCopy: enableCopy, iconPosition: iconPosition, id: id, inputMode: inputMode, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown, onReady: onReady, placeholder: placeholder, readOnly: readOnly, skipLuhnValidation: skipLuhnValidation, style: style, validateOnChange: validateOnChange, value: value, valueRef: valueRef })=>{
     const wrapperRef = (0, $gb0K4$useRef)(null);
     const element = (0, $001f9ef7a572da43$export$93e1bc7222cfbdc8)(id, 'cardNumber', wrapperRef, {
@@ -296,13 +283,13 @@ const $c9d0638264a6246e$var$CardNumberElementC = ({ 'aria-label': ariaLabel, aut
     (0, $1b6d06f13820d117$export$b6487193f4d880e0)('focus', element, onFocus);
     (0, $1b6d06f13820d117$export$b6487193f4d880e0)('blur', element, onBlur);
     (0, $1b6d06f13820d117$export$b6487193f4d880e0)('keydown', element, onKeyDown);
-    return /*#__PURE__*/ (0, $gb0K4$react).createElement("div", {
+    return /*#__PURE__*/ (0, $gb0K4$jsx)("div", {
         id: id,
         ref: wrapperRef
     });
 };
 const $c9d0638264a6246e$export$a2311b18160d2f3f = /*#__PURE__*/ (0, $gb0K4$react).forwardRef(function CardNumberElement(props, ref) {
-    return /*#__PURE__*/ (0, $gb0K4$react).createElement($c9d0638264a6246e$var$CardNumberElementC, {
+    return /*#__PURE__*/ (0, $gb0K4$jsx)($c9d0638264a6246e$var$CardNumberElementC, {
         ...props,
         elementRef: ref
     });
@@ -312,6 +299,7 @@ const $c9d0638264a6246e$export$a2311b18160d2f3f = /*#__PURE__*/ (0, $gb0K4$react
 
 
 
+
 const $b04bbbda03b8923f$var$CardExpirationDateElementC = ({ 'aria-label': ariaLabel, autoComplete: autoComplete, bt: bt, copyIconStyles: copyIconStyles, disabled: disabled, elementRef: elementRef, enableCopy: enableCopy, id: id, inputMode: inputMode, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown, onReady: onReady, placeholder: placeholder, readOnly: readOnly, style: style, validateOnChange: validateOnChange, value: value, valueRef: valueRef })=>{
     const wrapperRef = (0, $gb0K4$useRef)(null);
     const element = (0, $001f9ef7a572da43$export$93e1bc7222cfbdc8)(id, 'cardExpirationDate', wrapperRef, {
@@ -333,13 +321,13 @@ const $b04bbbda03b8923f$var$CardExpirationDateElementC = ({ 'aria-label': ariaLa
     (0, $1b6d06f13820d117$export$b6487193f4d880e0)('focus', element, onFocus);
     (0, $1b6d06f13820d117$export$b6487193f4d880e0)('blur', element, onBlur);
     (0, $1b6d06f13820d117$export$b6487193f4d880e0)('keydown', element, onKeyDown);
-    return /*#__PURE__*/ (0, $gb0K4$react).createElement("div", {
+    return /*#__PURE__*/ (0, $gb0K4$jsx)("div", {
         id: id,
         ref: wrapperRef
     });
 };
 const $b04bbbda03b8923f$export$d5128efc3cebc889 = /*#__PURE__*/ (0, $gb0K4$react).forwardRef(function CardExpirationDateElement(props, ref) {
-    return /*#__PURE__*/ (0, $gb0K4$react).createElement($b04bbbda03b8923f$var$CardExpirationDateElementC, {
+    return /*#__PURE__*/ (0, $gb0K4$jsx)($b04bbbda03b8923f$var$CardExpirationDateElementC, {
         ...props,
         elementRef: ref
     });
@@ -349,6 +337,7 @@ const $b04bbbda03b8923f$export$d5128efc3cebc889 = /*#__PURE__*/ (0, $gb0K4$react
 
 
 
+
 const $6f922196262b492d$var$CardVerificationCodeElementC = ({ 'aria-label': ariaLabel, autoComplete: autoComplete, bt: bt, cardBrand: cardBrand, copyIconStyles: copyIconStyles, disabled: disabled, elementRef: elementRef, enableCopy: enableCopy, id: id, inputMode: inputMode, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown, onReady: onReady, placeholder: placeholder, readOnly: readOnly, style: style, validateOnChange: validateOnChange, value: value, valueRef: valueRef })=>{
     const wrapperRef = (0, $gb0K4$useRef)(null);
     const element = (0, $001f9ef7a572da43$export$93e1bc7222cfbdc8)(id, 'cardVerificationCode', wrapperRef, {
@@ -371,13 +360,13 @@ const $6f922196262b492d$var$CardVerificationCodeElementC = ({ 'aria-label': aria
     (0, $1b6d06f13820d117$export$b6487193f4d880e0)('focus', element, onFocus);
     (0, $1b6d06f13820d117$export$b6487193f4d880e0)('blur', element, onBlur);
     (0, $1b6d06f13820d117$export$b6487193f4d880e0)('keydown', element, onKeyDown);
-    return /*#__PURE__*/ (0, $gb0K4$react).createElement("div", {
+    return /*#__PURE__*/ (0, $gb0K4$jsx)("div", {
         id: id,
         ref: wrapperRef
     });
 };
 const $6f922196262b492d$export$36d668a024913c87 = /*#__PURE__*/ (0, $gb0K4$react).forwardRef(function CardVerificationCodeElement(props, ref) {
-    return /*#__PURE__*/ (0, $gb0K4$react).createElement($6f922196262b492d$var$CardVerificationCodeElementC, {
+    return /*#__PURE__*/ (0, $gb0K4$jsx)($6f922196262b492d$var$CardVerificationCodeElementC, {
         ...props,
         elementRef: ref
     });
@@ -388,4 +377,5 @@ const $6f922196262b492d$export$36d668a024913c87 = /*#__PURE__*/ (0, $gb0K4$react
 
 
 
-export {$af3ff746464f54fa$export$8855c0c49ada8fa3 as useBasisTheory, $45f18da36523d589$export$e61fbf0ee83adc05 as BasisTheoryProvider, $6152f9bf0d6dda4d$re_export$BasisTheoryApiError as BasisTheoryApiError, $6152f9bf0d6dda4d$re_export$BasisTheoryValidationError as BasisTheoryValidationError, $6152f9bf0d6dda4d$re_export$AMERICAN_EXPRESS as AMERICAN_EXPRESS, $6152f9bf0d6dda4d$re_export$DEFAULT_CARD_TYPES as DEFAULT_CARD_TYPES, $6152f9bf0d6dda4d$re_export$DINERS_CLUB as DINERS_CLUB, $6152f9bf0d6dda4d$re_export$DISCOVER as DISCOVER, $6152f9bf0d6dda4d$re_export$ELO as ELO, $6152f9bf0d6dda4d$re_export$HIPER as HIPER, $6152f9bf0d6dda4d$re_export$HIPERCARD as HIPERCARD, $6152f9bf0d6dda4d$re_export$JCB as JCB, $6152f9bf0d6dda4d$re_export$MAESTRO as MAESTRO, $6152f9bf0d6dda4d$re_export$MASTERCARD as MASTERCARD, $6152f9bf0d6dda4d$re_export$MIR as MIR, $6152f9bf0d6dda4d$re_export$UNION_PAY as UNION_PAY, $6152f9bf0d6dda4d$re_export$VISA as VISA, $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$AMERICAN_EXPRESS as AMERICAN_EXPRESS, $8fc858ffa1007a27$re_export$DEFAULT_CARD_TYPES as DEFAULT_CARD_TYPES, $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, $8fc858ffa1007a27$re_export$CARD_BRANDS as CARD_BRANDS, $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/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@basis-theory/react-elements",
-  "version": "1.9.0",
+  "version": "1.11.0",
   "repository": "https://github.com/basis-theory/react-elements",
   "license": "Apache-2.0",
   "author": {
@@ -15,8 +15,8 @@
     "!/bundle"
   ],
   "scripts": {
-    "build:dev": "yarn clean && yarn generateTypes && parcel build && npx size-limit",
-    "build": "node ../scripts/react-elements/prepare.js && yarn generateTypes && parcel build --no-cache",
+    "build:dev": "yarn clean && parcel build && yarn generateTypes && npx size-limit",
+    "build": "node ../scripts/react-elements/prepare.js && parcel build --no-cache && yarn generateTypes",
     "clean": "rimraf dist .parcel-cache",
     "generateTypes": "tsc --emitDeclarationOnly",
     "lint-staged": "lint-staged",
@@ -31,8 +31,7 @@
     "tag": "latest"
   },
   "dependencies": {
-    "@basis-theory/basis-theory-js": "^4.27.0",
-    "@basis-theory/web-elements": "1.9.0"
+    "@basis-theory/web-elements": "1.11.0"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",

package/dist/types/core/index.d.ts

@@ -0,0 +1,2 @@
+export { useBasisTheory } from './useBasisTheory';
+export { BasisTheoryProvider } from './BasisTheoryProvider';

package/dist/types/{react-elements/src/elements → elements}/CardElement.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
-import { CardElement as ICardElement, CardElementEvents, CardElementPlaceholder, CardElementValue, CopyIconStyles, CreateCardElementOptions, CreditCardType, ElementEventListener, ElementStyle, InputMode } from '@basis-theory/basis-theory-js/types/elements';
-import type { BasisTheoryElements } from '@basis-theory/web-elements';
+import type { BasisTheoryElements, CardElement as ICardElement, CardElementEvents, CardElementPlaceholder, CardElementValue, CopyIconStyles, CreateCardElementOptions, CreditCardType, ElementEventListener, ElementStyle, InputMode } from '@basis-theory/web-elements';
 interface CardElementProps {
     autoComplete?: CreateCardElementOptions['autoComplete'];
     bt?: BasisTheoryElements;

package/dist/types/{react-elements/src/elements → elements}/CardExpirationDateElement.d.ts

@@ -1,6 +1,5 @@
 import React, { MutableRefObject } from 'react';
-import type { CardExpirationDateElement as ICardExpirationDateElement, CreateCardExpirationDateElementOptions, ElementEventListener, ElementStyle, CardExpirationDateElementEvents, CardExpirationDateValue, InputMode, CopyIconStyles } from '@basis-theory/basis-theory-js/types/elements';
-import type { BasisTheoryElements } from '@basis-theory/web-elements';
+import type { BasisTheoryElements, CardExpirationDateElement as ICardExpirationDateElement, CardExpirationDateElementEvents, CardExpirationDateValue, CopyIconStyles, CreateCardExpirationDateElementOptions, ElementEventListener, ElementStyle, InputMode } from '@basis-theory/web-elements';
 interface CardExpirationDateElementProps {
     'aria-label'?: string;
     autoComplete?: CreateCardExpirationDateElementOptions['autoComplete'];

package/dist/types/{react-elements/src/elements → elements}/CardNumberElement.d.ts

@@ -1,6 +1,5 @@
 import React, { MutableRefObject } from 'react';
-import type { CardNumberElement as ICardNumberElement, CreateCardNumberElementOptions, ElementEventListener, ElementStyle, CardNumberElementEvents, SanitizedElementOptions, InputMode, CreditCardType, CopyIconStyles } from '@basis-theory/basis-theory-js/types/elements';
-import type { BasisTheoryElements } from '@basis-theory/web-elements';
+import type { BasisTheoryElements, CardNumberElement as ICardNumberElement, CardNumberElementEvents, CopyIconStyles, CreateCardNumberElementOptions, CreditCardType, ElementEventListener, ElementStyle, InputMode, SanitizedElementOptions } from '@basis-theory/web-elements';
 interface CardNumberElementProps {
     'aria-label'?: string;
     autoComplete?: CreateCardNumberElementOptions['autoComplete'];

package/dist/types/{react-elements/src/elements → elements}/CardVerificationCodeElement.d.ts

@@ -1,6 +1,5 @@
 import React, { MutableRefObject } from 'react';
-import type { CardVerificationCodeElement as ICardVerificationCodeElement, CreateCardVerificationCodeElementOptions, ElementEventListener, ElementStyle, CardVerificationCodeElementEvents, Brand, InputMode, CopyIconStyles } from '@basis-theory/basis-theory-js/types/elements';
-import type { BasisTheoryElements } from '@basis-theory/web-elements';
+import type { BasisTheoryElements, Brand, CardVerificationCodeElement as ICardVerificationCodeElement, CardVerificationCodeElementEvents, CopyIconStyles, CreateCardVerificationCodeElementOptions, ElementEventListener, ElementStyle, InputMode } from '@basis-theory/web-elements';
 interface CardVerificationCodeElementProps {
     'aria-label'?: string;
     autoComplete?: CreateCardVerificationCodeElementOptions['autoComplete'];

package/dist/types/{react-elements/src/elements → elements}/TextElement.d.ts

@@ -1,6 +1,5 @@
 import React, { MutableRefObject } from 'react';
-import type { TextElement as ITextElement, CreateTextElementOptions, ElementEventListener, ElementStyle, TextElementEvents, InputMode } from '@basis-theory/basis-theory-js/types/elements';
-import type { BasisTheoryElements } from '@basis-theory/web-elements';
+import type { BasisTheoryElements, CreateTextElementOptions, ElementEventListener, ElementStyle, InputMode, TextElement as ITextElement, TextElementEvents } from '@basis-theory/web-elements';
 interface BaseTextElementProps {
     'aria-label'?: string;
     autoComplete?: CreateTextElementOptions['autoComplete'];

package/dist/types/{react-elements/src/elements → elements}/useElement.d.ts

@@ -1,6 +1,5 @@
 import React, { ForwardedRef, MutableRefObject } from 'react';
-import type { BaseElement, ElementType } from '@basis-theory/basis-theory-js/types/elements';
-import type { BasisTheoryElements } from '@basis-theory/web-elements';
+import type { BaseElement, BasisTheoryElements, ElementType } from '@basis-theory/web-elements';
 /**
  * Creates, mounts and indexes an Element
  * with React lifecycle

package/dist/types/{react-elements/src/elements → elements}/useListener.d.ts

@@ -1,3 +1,3 @@
-import type { BaseElement, ElementEventListener, EventType } from '@basis-theory/basis-theory-js/types/elements';
+import type { BaseElement, ElementEventListener, EventType } from '@basis-theory/web-elements';
 declare const useListener: <T extends EventType, Ev, E extends BaseElement<unknown, Ev>>(eventType: T, element?: E, listener?: ElementEventListener<Ev, T>) => void;
 export { useListener };