@basis-theory/web-elements 1.24.2 → 2.1.0

package/CHANGELOG.md

@@ -1,3 +1,26 @@
+## [2.1.0] - 2025-09-11
+
+### Features
+
+- fdfaabf 2025-09-11 feat: adds copy button (#519) by brian.gonzalez@basistheory.com
+- 6503dd1 2025-09-08 feat: add support for domain whitelabeling (#510) by kevin@basistheory.com
+
+## [2.0.0] - 2025-09-08
+
+### Breaking Changes
+
+- eb651be 2025-08-29 feat!: remove material ui (#478) by kevin@basistheory.com
+
+### Features
+
+- 5f3b347 2025-09-03 feat: collect device info (#516) by kevin@basistheory.com
+- c7f606d 2025-09-01 feat: allow style customization of elements container (#518) by kevin@basistheory.com
+- 97264fd 2025-08-21 feat: remove axios and btjs (#495) by kevin@basistheory.com
+
+### Bug Fixes
+
+- 8dbb18a 2025-08-29 fix: make input field always transparent (#517) by kevin@basistheory.com
+
 ## [1.24.2] - 2025-08-21
 
 ### Bug Fixes
@@ -50,6 +73,12 @@
 - 528c197 2025-07-29 fix: release (#480) by kevin@basistheory.com
 - a9f3fae 2025-07-29 fix: revert latest (#479) by kevin@basistheory.com
 
+## [1.22.1] - 2025-07-29
+
+### Bug Fixes
+
+- a229582 2025-07-22 fix: do not snakeCase/camelCase tokenize (#477) by kevin@basistheory.com
+
 ## [1.22.0] - 2025-07-18
 
 ### Features

package/dist/bundle/index.js

@@ -1 +1 @@
-!function(){function e(e,r,t,n,o,i,l){try{var c=e[i](l),u=c.value}catch(e){t(e);return}c.done?r(u):Promise.resolve(u).then(n,o)}function r(r){return function(){var t=this,n=arguments;return new Promise(function(o,i){var l=r.apply(t,n);function c(r){e(l,o,i,c,u,"next",r)}function u(r){e(l,o,i,c,u,"throw",r)}c(void 0)})}}function t(e,r){var t,n,o,i,l={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return i={next:c(0),throw:c(1),return:c(2)},"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function c(i){return function(c){var u=[i,c];if(t)throw TypeError("Generator is already executing.");for(;l;)try{if(t=1,n&&(o=2&u[0]?n.return:u[0]?n.throw||((o=n.return)&&o.call(n),0):n.next)&&!(o=o.call(n,u[1])).done)return o;switch(n=0,o&&(u=[2&u[0],o.value]),u[0]){case 0:case 1:o=u;break;case 4:return l.label++,{value:u[1],done:!1};case 5:l.label++,n=u[1],u=[0];continue;case 7:u=l.ops.pop(),l.trys.pop();continue;default:if(!(o=(o=l.trys).length>0&&o[o.length-1])&&(6===u[0]||2===u[0])){l=0;continue}if(3===u[0]&&(!o||u[1]>o[0]&&u[1]<o[3])){l.label=u[1];break}if(6===u[0]&&l.label<o[1]){l.label=o[1],o=u;break}if(o&&l.label<o[2]){l.label=o[2],l.ops.push(u);break}o[2]&&l.ops.pop(),l.trys.pop();continue}u=r.call(e,l)}catch(e){u=[6,e],n=0}finally{t=o=0}if(5&u[0])throw u[1];return{value:u[0]?u[1]:void 0,done:!0}}}}var n,o,i,l,c,u,s,a=(l=r(function(e,r){var n,l,c,u,s,a,d,f=arguments;return t(this,function(t){switch(t.label){case 0:if(n=f.length>2&&void 0!==f[2]?f[2]:{},o)return[2];d=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.forEach(function(r){var n;n=t[r],r in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n})}return e}({level:r,message:e,service:"web-elements-loader",env:a=!i||(null==i?void 0:i.includes("localhost"))?"local":i.includes("dev")?"dev":"prod",referrer:null===(l=document)||void 0===l?void 0:l.referrer,origin:null===(c=window)||void 0===c?void 0:c.location.origin,url:null===(u=window)||void 0===u?void 0:u.location.href,userAgent:null===(s=navigator)||void 0===s?void 0:s.userAgent},n),["local","dev"].includes(a)&&console.log(d),t.label=1;case 1:return t.trys.push([1,3,,4]),[4,fetch("https://http-intake.logs.datadoghq.com/v1/input/".concat("pubb96b84a13912504f4354f2d794ea4fab"),{method:"POST",body:JSON.stringify(d),headers:{"Content-Type":"application/json"}})];case 2:return t.sent(),[3,4];case 3:return t.sent(),console.warn("There was an error sending telemetry."),[3,4];case 4:return[2]}})}),c=function(e,r){return l.apply(this,arguments)},{disableTelemetry:function(e){o=e},setBaseUrl:function(e){i=e},log:{error:function(e){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return c(e,"error",r)},info:function(e){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return c(e,"info",r)},warn:function(e){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return c(e,"warn",r)}}}),d=function(e){var r=document.querySelector('script[src^="'.concat(e,'"]'));if(r)return r;var t=document.head||document.body;if(!t)throw Error("No <head> or <body> elements found in the document.");var n=Object.assign(document.createElement("script"),{src:e});return t.append(n),n},f="Tried to load BasisTheoryElements in a non-DOM environment.",p="Unable to load the Elements script. This may be due to network restrictions or browser extensions like ad blockers interfering with script loading. Check browser settings or network connection and try again.",h=function(e,n){return new Promise(function(o,i){var l,c=d(e),u=!1;c.addEventListener("load",function(){window.BasisTheoryElements?o(window.BasisTheoryElements):(r(function(){return t(this,function(e){switch(e.label){case 0:return[4,a.log.error("Elements not found on window on load",{logType:"elementsNotFoundOnWindow",logOrigin:"loadScript",retryCount:n})];case 1:return e.sent(),[2]}})})(),i(Error("Basis Theory Elements did not load properly. Check network tab for more details.")))}),c.addEventListener("error",(l=r(function(r){var l,s,d;return t(this,function(t){switch(t.label){case 0:if(u)return[2];return u=!0,[4,a.log.error("Elements script onError event",{logType:"elementsScriptOnError",logOrigin:"loadScript",retryCount:n,event:{message:null==r?void 0:r.message,source:null==r?void 0:r.filename,lineno:null==r?void 0:r.lineno,colno:null==r?void 0:r.colno,error:null==r?void 0:r.error,target:null==r?void 0:r.target}})];case 1:t.sent(),t.label=2;case 2:return t.trys.push([2,3,,5]),null==c||c.remove(),[3,5];case 3:return l=t.sent(),[4,a.log.error("Error removing script from DOM on retry attempt ".concat(n),{logType:"scriptRemovalError",logOrigin:"loadScript",retryCount:n,removalError:l})];case 4:return t.sent(),[3,5];case 5:if(0===n)return h(e,n+1).then(o).catch(i),[2];t.label=6;case 6:return t.trys.push([6,12,,14]),[4,fetch(e)];case 7:if((s=t.sent()).ok)return[3,9];return[4,a.log.error("Second attempt to load elements script failed, fetch failed with status: ".concat(s.status,"."),{logType:"elementsScriptFetchFailure",logOrigin:"loadScript",retryCount:n,fetchResult:"error",fetchResponse:s})];case 8:return t.sent(),i(Error(f)),[3,11];case 9:return[4,a.log.error("Second attempt to load elements script failed, fetch success",{logType:"elementsScriptFetchFailure",logOrigin:"loadScript",retryCount:n,fetchResult:"success",fetchResponse:s})];case 10:t.sent(),i(Error(p)),t.label=11;case 11:return[3,14];case 12:return d=t.sent(),[4,a.log.error("Second attempt failed to load elements script failed, fetch network error.",{logType:"elementsScriptFetchError",logOrigin:"loadScript",retryCount:n,fetchResult:"error",fetchError:d})];case 13:return t.sent(),i(Error(p)),[3,14];case 14:return i((null==r?void 0:r.error)||(null==r?void 0:r.message)||Error(p)),[2]}})}),function(e){return l.apply(this,arguments)}))})},v="1.24.2",y=(u=r(function(e,o){var i,l,c,u,s,d,p,y;return t(this,function(m){switch(m.label){case 0:if(!e||0===e.length)throw Error("API key is required");return i=(null==o?void 0:o._devMode)?"js.flock-dev.com":"js.basistheory.com",a.setBaseUrl(i),a.disableTelemetry(!!(null==o?void 0:o.disableTelemetry)),l="https://".concat(i,"/web-elements/").concat(v,"/client/index.js"),c="https://".concat(i,"/web-elements/").concat(v,"/hosted-elements/"),[4,(n||(n=new Promise(function(e,n){var o;if(("undefined"==typeof window?"undefined":(o=window)&&"undefined"!=typeof Symbol&&o.constructor===Symbol?"symbol":typeof o)!="object"){r(function(){return t(this,function(e){switch(e.label){case 0:return[4,a.log.warn(f,{logType:"elementsNonDomError",logOrigin:"loadElements"})];case 1:return e.sent(),n(Error(f)),[2]}})})();return}if(window.BasisTheoryElements){e(window.BasisTheoryElements);return}h(new URL(l).toString().replace(RegExp("\\/$","u"),""),0).then(e).catch(function(e){n(e)})})),n)];case 1:return[2,m.sent().init(e,c,!1,null===(u=null==o?void 0:o.useSameOriginApi)||void 0===u||u,null!==(s=null==o?void 0:o.disableTelemetry)&&void 0!==s&&s,null!==(d=null==o?void 0:o.debug)&&void 0!==d&&d,null!==(p=null==o?void 0:o.useUat)&&void 0!==p&&p,null!==(y=null==o?void 0:o.useNetworkCheck)&&void 0!==y&&y)]}})}),function(e,r){return u.apply(this,arguments)}),m=((s=m||{}).DECIMAL="decimal",s.EMAIL="email",s.NONE="none",s.NUMERIC="numeric",s.SEARCH="search",s.TEL="tel",s.TEXT="text",s.URL="url",s);function b(e){return(b=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function g(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(g=function(){return!!e})()}function w(e,r){return(w=Object.setPrototypeOf||function(e,r){return e.__proto__=r,e})(e,r)}function E(e,r,t){return(E=g()?Reflect.construct:function(e,r,t){var n=[null];n.push.apply(n,r);var o=new(Function.bind.apply(e,n));return t&&w(o,t.prototype),o}).apply(null,arguments)}function O(e){var r="function"==typeof Map?new Map:void 0;return(O=function(e){if(null===e||-1===Function.toString.call(e).indexOf("[native code]"))return e;if("function"!=typeof e)throw TypeError("Super expression must either be null or a function");if(void 0!==r){if(r.has(e))return r.get(e);r.set(e,t)}function t(){return E(e,arguments,b(this).constructor)}return t.prototype=Object.create(e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),w(t,e)})(e)}O(Error),O(Error),O(Error),"undefined"!=typeof window&&document.currentScript&&!window.basistheory&&(window.basistheory=y)}();
+!function(){function e(e,t,r,n,o,i,l){try{var c=e[i](l),a=c.value}catch(e){r(e);return}c.done?t(a):Promise.resolve(a).then(n,o)}function t(t){return function(){var r=this,n=arguments;return new Promise(function(o,i){var l=t.apply(r,n);function c(t){e(l,o,i,c,a,"next",t)}function a(t){e(l,o,i,c,a,"throw",t)}c(void 0)})}}function r(e){return e&&"undefined"!=typeof Symbol&&e.constructor===Symbol?"symbol":typeof e}function n(e,t){var r,n,o,i,l={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return i={next:c(0),throw:c(1),return:c(2)},"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function c(i){return function(c){var a=[i,c];if(r)throw TypeError("Generator is already executing.");for(;l;)try{if(r=1,n&&(o=2&a[0]?n.return:a[0]?n.throw||((o=n.return)&&o.call(n),0):n.next)&&!(o=o.call(n,a[1])).done)return o;switch(n=0,o&&(a=[2&a[0],o.value]),a[0]){case 0:case 1:o=a;break;case 4:return l.label++,{value:a[1],done:!1};case 5:l.label++,n=a[1],a=[0];continue;case 7:a=l.ops.pop(),l.trys.pop();continue;default:if(!(o=(o=l.trys).length>0&&o[o.length-1])&&(6===a[0]||2===a[0])){l=0;continue}if(3===a[0]&&(!o||a[1]>o[0]&&a[1]<o[3])){l.label=a[1];break}if(6===a[0]&&l.label<o[1]){l.label=o[1],o=a;break}if(o&&l.label<o[2]){l.label=o[2],l.ops.push(a);break}o[2]&&l.ops.pop(),l.trys.pop();continue}a=t.call(e,l)}catch(e){a=[6,e],n=0}finally{r=o=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}}}var o,i,l,c,a,s,u,d=(c=t(function(e,t){var r,o,c,a,s,u,d,f=arguments;return n(this,function(n){switch(n.label){case 0:if(r=f.length>2&&void 0!==f[2]?f[2]:{},i)return[2];d=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter(function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),n.forEach(function(t){var n;n=r[t],t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n})}return e}({level:t,message:e,service:"web-elements-loader",env:u=!l||(null==l?void 0:l.includes("localhost"))?"local":l.includes("dev")?"dev":"prod",referrer:null===(o=document)||void 0===o?void 0:o.referrer,origin:null===(c=window)||void 0===c?void 0:c.location.origin,url:null===(a=window)||void 0===a?void 0:a.location.href,userAgent:null===(s=navigator)||void 0===s?void 0:s.userAgent},r),["local","dev"].includes(u)&&console.log(d),n.label=1;case 1:return n.trys.push([1,3,,4]),[4,fetch("https://http-intake.logs.datadoghq.com/v1/input/".concat("pubb96b84a13912504f4354f2d794ea4fab"),{method:"POST",body:JSON.stringify(d),headers:{"Content-Type":"application/json"}})];case 2:return n.sent(),[3,4];case 3:return n.sent(),console.warn("There was an error sending telemetry."),[3,4];case 4:return[2]}})}),a=function(e,t){return c.apply(this,arguments)},{disableTelemetry:function(e){i=e},setBaseUrl:function(e){l=e},log:{error:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return a(e,"error",t)},info:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return a(e,"info",t)},warn:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return a(e,"warn",t)}}});function f(e){return(f=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function p(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(p=function(){return!!e})()}function h(e,t){return(h=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function m(e,t,r){return(m=p()?Reflect.construct:function(e,t,r){var n=[null];n.push.apply(n,t);var o=new(Function.bind.apply(e,n));return r&&h(o,r.prototype),o}).apply(null,arguments)}function v(e){var t="function"==typeof Map?new Map:void 0;return(v=function(e){if(null===e||-1===Function.toString.call(e).indexOf("[native code]"))return e;if("function"!=typeof e)throw TypeError("Super expression must either be null or a function");if(void 0!==t){if(t.has(e))return t.get(e);t.set(e,r)}function r(){return m(e,arguments,f(this).constructor)}return r.prototype=Object.create(e.prototype,{constructor:{value:r,enumerable:!1,writable:!0,configurable:!0}}),h(r,e)})(e)}var y=function(e){"use strict";if("function"!=typeof e&&null!==e)throw TypeError("Super expression must either be null or a function");function t(e,n,o){var i;if(!(this instanceof t))throw TypeError("Cannot call a class as a function");return(i=function(e,t,n){t=f(t);var o=p()?Reflect.construct(t,n||[],f(e).constructor):t.apply(e,n);if(o&&("object"===r(o)||"function"==typeof o))return o;if(void 0===e)throw ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(this,t,[e])).details=n,i.validation=o,i.name="BasisTheoryValidationError",Object.setPrototypeOf(i,t.prototype),i}return t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&h(t,e),t}(v(Error)),w=function(e){var t;if("string"!=typeof e||!e.trim())throw Error("Custom domain must be a non-empty string.");try{t=new URL(e.toLowerCase().startsWith("http")?e:"https://".concat(e))}catch(t){throw new y('Invalid custom domain: "'.concat(e,'"'),{})}if("https:"!==t.protocol)throw new y('Custom domain must use HTTPS (got "'.concat(t.protocol,'")'),{});if("/"!==t.pathname||t.search||t.hash)throw new y('Custom domain must not include path, query, or hash (got "'.concat(t.href,'")'),{});if(t.port)throw new y('Custom domain must not include a port (got ":'.concat(t.port,'")'),{});if(!/^(?=.{1,253}$)([a-zA-Z0-9-]{1,63}\.)+[a-zA-Z]{2,63}$/.test(t.hostname))throw new y('Invalid hostname: "'.concat(t.hostname,'"'),{});return t.origin},b=function(e){var t=document.querySelector('script[src^="'.concat(e,'"]'));if(t)return t;var r=document.head||document.body;if(!r)throw Error("No <head> or <body> elements found in the document.");var n=Object.assign(document.createElement("script"),{src:e});return r.append(n),n},g="Tried to load BasisTheoryElements in a non-DOM environment.",E="Unable to load the Elements script. This may be due to network restrictions or browser extensions like ad blockers interfering with script loading. Check browser settings or network connection and try again.",O=function(e,r){return new Promise(function(o,i){var l,c=b(e),a=!1;c.addEventListener("load",function(){window.BasisTheoryElements?o(window.BasisTheoryElements):(t(function(){return n(this,function(e){switch(e.label){case 0:return[4,d.log.error("Elements not found on window on load",{logType:"elementsNotFoundOnWindow",logOrigin:"loadScript",retryCount:r})];case 1:return e.sent(),[2]}})})(),i(Error("Basis Theory Elements did not load properly. Check network tab for more details.")))}),c.addEventListener("error",(l=t(function(t){var l,s,u;return n(this,function(n){switch(n.label){case 0:if(a)return[2];return a=!0,[4,d.log.error("Elements script onError event",{logType:"elementsScriptOnError",logOrigin:"loadScript",retryCount:r,event:{message:null==t?void 0:t.message,source:null==t?void 0:t.filename,lineno:null==t?void 0:t.lineno,colno:null==t?void 0:t.colno,error:null==t?void 0:t.error,target:null==t?void 0:t.target}})];case 1:n.sent(),n.label=2;case 2:return n.trys.push([2,3,,5]),null==c||c.remove(),[3,5];case 3:return l=n.sent(),[4,d.log.error("Error removing script from DOM on retry attempt ".concat(r),{logType:"scriptRemovalError",logOrigin:"loadScript",retryCount:r,removalError:l})];case 4:return n.sent(),[3,5];case 5:if(0===r)return O(e,r+1).then(o).catch(i),[2];n.label=6;case 6:return n.trys.push([6,12,,14]),[4,fetch(e)];case 7:if((s=n.sent()).ok)return[3,9];return[4,d.log.error("Second attempt to load elements script failed, fetch failed with status: ".concat(s.status,"."),{logType:"elementsScriptFetchFailure",logOrigin:"loadScript",retryCount:r,fetchResult:"error",fetchResponse:s})];case 8:return n.sent(),i(Error(g)),[3,11];case 9:return[4,d.log.error("Second attempt to load elements script failed, fetch success",{logType:"elementsScriptFetchFailure",logOrigin:"loadScript",retryCount:r,fetchResult:"success",fetchResponse:s})];case 10:n.sent(),i(Error(E)),n.label=11;case 11:return[3,14];case 12:return u=n.sent(),[4,d.log.error("Second attempt failed to load elements script failed, fetch network error.",{logType:"elementsScriptFetchError",logOrigin:"loadScript",retryCount:r,fetchResult:"error",fetchError:u})];case 13:return n.sent(),i(Error(E)),[3,14];case 14:return i((null==t?void 0:t.error)||(null==t?void 0:t.message)||Error(E)),[2]}})}),function(e){return l.apply(this,arguments)}))})},T=function(e){(null==e?void 0:e._devMode)&&(null==e?void 0:e.customDomain)&&console.warn("Dev mode and domain whitelabeling are both enabled - dev mode takes precedence.");var t=(null==e?void 0:e._devMode)?"https://js.flock-dev.com":(null==e?void 0:e.customDomain)?w(e.customDomain):"https://js.basistheory.com",r="".concat(t,"/web-elements/").concat("2.1.0"),n="".concat(r,"/client/index.js"),o="".concat(r,"/hosted-elements/");return(null==e?void 0:e.customDomain)&&!e._devMode,{origin:t,clientJsUrl:n,hostedElementsBaseUrl:o}},S=(s=t(function(e,i){var l,c,a,s,u,f,p,h,m;return n(this,function(v){switch(v.label){case 0:if(!e||0===e.length)throw Error("API key is required");return c=(l=T(i)).origin,a=l.clientJsUrl,s=l.hostedElementsBaseUrl,d.setBaseUrl(c),d.disableTelemetry(!!(null==i?void 0:i.disableTelemetry)),[4,(o||(o=new Promise(function(e,o){if(("undefined"==typeof window?"undefined":r(window))!=="object"){t(function(){return n(this,function(e){switch(e.label){case 0:return[4,d.log.warn(g,{logType:"elementsNonDomError",logOrigin:"loadElements"})];case 1:return e.sent(),o(Error(g)),[2]}})})();return}if(window.BasisTheoryElements){e(window.BasisTheoryElements);return}O(new URL(a).toString().replace(RegExp("\\/$","u"),""),0).then(e).catch(function(e){o(e)})})),o)];case 1:return[2,v.sent().init(e,s,!1,null===(u=null==i?void 0:i.useSameOriginApi)||void 0===u||u,null!==(f=null==i?void 0:i.disableTelemetry)&&void 0!==f&&f,null!==(p=null==i?void 0:i.debug)&&void 0!==p&&p,null!==(h=null==i?void 0:i.useUat)&&void 0!==h&&h,null!==(m=null==i?void 0:i.useNetworkCheck)&&void 0!==m&&m,(null==i?void 0:i.customDomain)?c:void 0)]}})}),function(e,t){return s.apply(this,arguments)}),k=((u=k||{}).DECIMAL="decimal",u.EMAIL="email",u.NONE="none",u.NUMERIC="numeric",u.SEARCH="search",u.TEL="tel",u.TEXT="text",u.URL="url",u);v(Error),v(Error),"undefined"!=typeof window&&document.currentScript&&!window.basistheory&&(window.basistheory=S)}();

package/dist/main/index.js

@@ -82,6 +82,34 @@ const $fe2ec396f58502a3$export$af88d00dbe7f521 = (()=>{
 })();
 
 
+class $3c527b4ad66b1eeb$export$925a29a6f046f0b5 extends Error {
+    constructor(message, details, /**
+     * @deprecated use {@link details}
+     */ validation){
+        super(message), this.details = details, this.validation = validation;
+        this.name = 'BasisTheoryValidationError';
+        Object.setPrototypeOf(this, $3c527b4ad66b1eeb$export$925a29a6f046f0b5.prototype);
+    }
+}
+
+
+const $bf863f47081878c5$export$8ec0597b01ce7a1a = (domain)=>{
+    if (typeof domain !== 'string' || !domain.trim()) throw new Error('Custom domain must be a non-empty string.');
+    let url;
+    try {
+        url = new URL(domain.toLowerCase().startsWith('http') ? domain : `https://${domain}`);
+    } catch  {
+        throw new (0, $3c527b4ad66b1eeb$export$925a29a6f046f0b5)(`Invalid custom domain: "${domain}"`, {});
+    }
+    if (url.protocol !== 'https:') throw new (0, $3c527b4ad66b1eeb$export$925a29a6f046f0b5)(`Custom domain must use HTTPS (got "${url.protocol}")`, {});
+    if (url.pathname !== '/' || url.search || url.hash) throw new (0, $3c527b4ad66b1eeb$export$925a29a6f046f0b5)(`Custom domain must not include path, query, or hash (got "${url.href}")`, {});
+    if (url.port) throw new (0, $3c527b4ad66b1eeb$export$925a29a6f046f0b5)(`Custom domain must not include a port (got ":${url.port}")`, {});
+    const hostRegex = /^(?=.{1,253}$)([a-zA-Z0-9-]{1,63}\.)+[a-zA-Z]{2,63}$/;
+    if (!hostRegex.test(url.hostname)) throw new (0, $3c527b4ad66b1eeb$export$925a29a6f046f0b5)(`Invalid hostname: "${url.hostname}"`, {});
+    return url.origin;
+};
+
+
 const $426651baf7085210$export$74dcf80d122cf64e = (url)=>{
     const existingScript = document.querySelector(`script[src^="${url}"]`);
     if (existingScript) return existingScript;
@@ -318,33 +346,52 @@ const $6477b722f43d24f2$export$2b0a6e5a1c78018f = (elementsUrl)=>{
 
 
 
-// Auto-generated version file
-const $eef42ce81412d9ae$export$83d89fbfd8236492 = '1.24.2';
-
-
 // Build-time generated URLs for regular deployment
 const $5dbc1ef1648671b0$export$67c92c3b857d033a = null;
 const $5dbc1ef1648671b0$export$9c5c779c8690dca6 = null;
 
 
-const $316c9c8f85cead13$var$TEST_ENV = 'js.flock-dev.com';
-const $316c9c8f85cead13$var$DEFAULT_ENV = 'js.basistheory.com';
+// Auto-generated version file
+const $eef42ce81412d9ae$export$83d89fbfd8236492 = '2.1.0';
+
+
+const $316c9c8f85cead13$var$TEST_ORIGIN = 'https://js.flock-dev.com';
+const $316c9c8f85cead13$var$DEFAULT_ORIGIN = 'https://js.basistheory.com';
+const $316c9c8f85cead13$var$resolveUrls = (options)=>{
+    if (options?._devMode && options?.customDomain) console.warn('Dev mode and domain whitelabeling are both enabled - dev mode takes precedence.');
+    let origin;
+    if (options?._devMode) origin = $316c9c8f85cead13$var$TEST_ORIGIN;
+    else if (options?.customDomain) origin = (0, $bf863f47081878c5$export$8ec0597b01ce7a1a)(options.customDomain);
+    else origin = $316c9c8f85cead13$var$DEFAULT_ORIGIN;
+    const base = `${origin}/web-elements/${(0, $eef42ce81412d9ae$export$83d89fbfd8236492)}`;
+    const client = `${base}/client/index.js`;
+    const hosted = `${base}/hosted-elements/`;
+    if (options?.customDomain && !options._devMode) return {
+        origin: origin,
+        clientJsUrl: client,
+        hostedElementsBaseUrl: hosted
+    };
+    return {
+        origin: origin,
+        clientJsUrl: (0, $5dbc1ef1648671b0$export$67c92c3b857d033a) ?? client,
+        hostedElementsBaseUrl: (0, $5dbc1ef1648671b0$export$9c5c779c8690dca6) ?? hosted
+    };
+};
 const $316c9c8f85cead13$export$cbe2892587230861 = async (apiKey, options)=>{
     if (!apiKey || apiKey.length === 0) throw new Error('API key is required');
-    const baseUrl = options?._devMode ? $316c9c8f85cead13$var$TEST_ENV : $316c9c8f85cead13$var$DEFAULT_ENV;
-    (0, $fe2ec396f58502a3$export$af88d00dbe7f521).setBaseUrl(baseUrl);
+    const { origin: origin, clientJsUrl: clientJsUrl, hostedElementsBaseUrl: hostedElementsBaseUrl } = $316c9c8f85cead13$var$resolveUrls(options);
+    (0, $fe2ec396f58502a3$export$af88d00dbe7f521).setBaseUrl(origin);
     (0, $fe2ec396f58502a3$export$af88d00dbe7f521).disableTelemetry(Boolean(options?.disableTelemetry));
-    // Use build-time generated URLs if available, otherwise fall back to version-based URLs
-    const clientJsUrl = (0, $5dbc1ef1648671b0$export$67c92c3b857d033a) || `https://${baseUrl}/web-elements/${0, $eef42ce81412d9ae$export$83d89fbfd8236492}/client/index.js`;
-    const hostedElementsBaseUrl = (0, $5dbc1ef1648671b0$export$9c5c779c8690dca6) || `https://${baseUrl}/web-elements/${0, $eef42ce81412d9ae$export$83d89fbfd8236492}/hosted-elements/`;
     const elements = await (0, $6477b722f43d24f2$export$2b0a6e5a1c78018f)(clientJsUrl);
-    return elements.init(apiKey, hostedElementsBaseUrl, false, options?.useSameOriginApi ?? true, options?.disableTelemetry ?? false, options?.debug ?? false, options?.useUat ?? false, options?.useNetworkCheck ?? false);
+    return elements.init(apiKey, hostedElementsBaseUrl, false, options?.useSameOriginApi ?? true, options?.disableTelemetry ?? false, options?.debug ?? false, options?.useUat ?? false, options?.useNetworkCheck ?? false, options?.customDomain ? origin : undefined);
 };
 
 
 var $001f46d7c9d998c1$exports = {};
 
+$parcel$export($001f46d7c9d998c1$exports, "AUTOCOMPLETE_VALUES", () => $ef6e1b024b683770$export$dea6ebbc92df4fa3);
 $parcel$export($001f46d7c9d998c1$exports, "CARD_BRANDS", () => $ef6e1b024b683770$export$51be6d94c4fcf45);
+$parcel$export($001f46d7c9d998c1$exports, "CARD_ICON_POSITIONS", () => $ef6e1b024b683770$export$829c91d8f039f695);
 var $94e2e5607fad631e$exports = {};
 var $eb72fa80cc6cce99$exports = {};
 
@@ -841,6 +888,7 @@ const $2ac94b510629d419$export$8141e4f9a897abe6 = [
     'cardExpirationDate',
     'cardNumber',
     'cardVerificationCode',
+    'copyButton',
     'data',
     'text'
 ];
@@ -882,11 +930,14 @@ var $e6da8ffa145ef6b4$exports = {};
 var $79ee1b48c572ec2c$exports = {};
 
 $parcel$export($79ee1b48c572ec2c$exports, "SAFE_CSS_PROPERTIES", () => $79ee1b48c572ec2c$export$e2bf52fc7723ec89);
+$parcel$export($79ee1b48c572ec2c$exports, "BUTTON_CSS_PROPERTIES", () => $79ee1b48c572ec2c$export$93133f730762aee4);
 $parcel$export($79ee1b48c572ec2c$exports, "SAFE_CSS_PROPERTIES_ALTERNATES", () => $79ee1b48c572ec2c$export$e22a44f86989e3f4);
 $parcel$export($79ee1b48c572ec2c$exports, "SAFE_CSS_PROPERTIES_WITH_ALTERNATES", () => $79ee1b48c572ec2c$export$b5b27feb4cf29129);
 $parcel$export($79ee1b48c572ec2c$exports, "CARD_ELEMENT_STYLE_VARIANT_SELECTORS", () => $79ee1b48c572ec2c$export$fc323aec0bf844b);
+$parcel$export($79ee1b48c572ec2c$exports, "BUTTON_ELEMENT_STYLE_VARIANT_SELECTORS", () => $79ee1b48c572ec2c$export$8cce4e63ba22bae);
 $parcel$export($79ee1b48c572ec2c$exports, "CARD_ELEMENT_STYLE_VARIANTS", () => $79ee1b48c572ec2c$export$a15fff7fac404fd9);
 $parcel$export($79ee1b48c572ec2c$exports, "CARD_ELEMENT_STYLE_FONTS_ATTR", () => $79ee1b48c572ec2c$export$c3a88e1ff160bfd6);
+$parcel$export($79ee1b48c572ec2c$exports, "BUTTON_ELEMENT_STYLE_VARIANTS", () => $79ee1b48c572ec2c$export$612b2fbe2f6ee5db);
 const $79ee1b48c572ec2c$export$e2bf52fc7723ec89 = [
     'backgroundColor',
     'color',
@@ -896,14 +947,53 @@ const $79ee1b48c572ec2c$export$e2bf52fc7723ec89 = [
     'fontStyle',
     'fontVariant',
     'fontWeight',
-    'lineHeight',
     'letterSpacing',
-    'textAlign',
+    'lineHeight',
     'padding',
+    'textAlign',
     'textDecoration',
     'textShadow',
     'textTransform'
 ];
+// Button-specific CSS properties for styling interactive buttons
+const $79ee1b48c572ec2c$export$93133f730762aee4 = [
+    'alignItems',
+    'backgroundColor',
+    'border',
+    'borderBottom',
+    'borderColor',
+    'borderLeft',
+    'borderRadius',
+    'borderRight',
+    'borderStyle',
+    'borderTop',
+    'borderWidth',
+    'boxShadow',
+    'color',
+    'cursor',
+    'display',
+    'fontFamily',
+    'fontSize',
+    'fontWeight',
+    'gap',
+    'height',
+    'justifyContent',
+    'letterSpacing',
+    'lineHeight',
+    'margin',
+    'maxHeight',
+    'maxWidth',
+    'minHeight',
+    'minWidth',
+    'opacity',
+    'outline',
+    'padding',
+    'textAlign',
+    'textTransform',
+    'transform',
+    'transition',
+    'width'
+];
 const $79ee1b48c572ec2c$export$e22a44f86989e3f4 = {
     fontSmooth: [
         '-webkit-font-smoothing',
@@ -919,13 +1009,23 @@ const $79ee1b48c572ec2c$export$fc323aec0bf844b = [
     '::selection',
     ':disabled'
 ];
+const $79ee1b48c572ec2c$export$8cce4e63ba22bae = [
+    ':hover',
+    ':focus',
+    ':active'
+];
 const $79ee1b48c572ec2c$export$a15fff7fac404fd9 = [
     'base',
+    'container',
     'complete',
     'invalid',
     'empty'
 ];
 const $79ee1b48c572ec2c$export$c3a88e1ff160bfd6 = 'fonts';
+const $79ee1b48c572ec2c$export$612b2fbe2f6ee5db = [
+    'base',
+    'container'
+];
 
 
 $parcel$exportWildcard($94e2e5607fad631e$exports, $eb72fa80cc6cce99$exports);
@@ -1025,16 +1125,6 @@ class $d4608c0b4e5d8cb4$export$5a9a4feb38dee587 extends Error {
 }
 
 
-class $3c527b4ad66b1eeb$export$925a29a6f046f0b5 extends Error {
-    constructor(message, details, /**
-     * @deprecated use {@link details}
-     */ validation){
-        super(message), this.details = details, this.validation = validation;
-        this.name = 'BasisTheoryValidationError';
-        Object.setPrototypeOf(this, $3c527b4ad66b1eeb$export$925a29a6f046f0b5.prototype);
-    }
-}
-
 
 class $815b13df3d182116$export$83d862a6bd4a93c5 extends Error {
     constructor(message, status, data, headers){

package/dist/module/module.js

@@ -82,6 +82,34 @@ const $367e4a81566d966b$export$af88d00dbe7f521 = (()=>{
 })();
 
 
+class $16b549d313b97bf4$export$925a29a6f046f0b5 extends Error {
+    constructor(message, details, /**
+     * @deprecated use {@link details}
+     */ validation){
+        super(message), this.details = details, this.validation = validation;
+        this.name = 'BasisTheoryValidationError';
+        Object.setPrototypeOf(this, $16b549d313b97bf4$export$925a29a6f046f0b5.prototype);
+    }
+}
+
+
+const $c03aa13093e09dc3$export$8ec0597b01ce7a1a = (domain)=>{
+    if (typeof domain !== 'string' || !domain.trim()) throw new Error('Custom domain must be a non-empty string.');
+    let url;
+    try {
+        url = new URL(domain.toLowerCase().startsWith('http') ? domain : `https://${domain}`);
+    } catch  {
+        throw new (0, $16b549d313b97bf4$export$925a29a6f046f0b5)(`Invalid custom domain: "${domain}"`, {});
+    }
+    if (url.protocol !== 'https:') throw new (0, $16b549d313b97bf4$export$925a29a6f046f0b5)(`Custom domain must use HTTPS (got "${url.protocol}")`, {});
+    if (url.pathname !== '/' || url.search || url.hash) throw new (0, $16b549d313b97bf4$export$925a29a6f046f0b5)(`Custom domain must not include path, query, or hash (got "${url.href}")`, {});
+    if (url.port) throw new (0, $16b549d313b97bf4$export$925a29a6f046f0b5)(`Custom domain must not include a port (got ":${url.port}")`, {});
+    const hostRegex = /^(?=.{1,253}$)([a-zA-Z0-9-]{1,63}\.)+[a-zA-Z]{2,63}$/;
+    if (!hostRegex.test(url.hostname)) throw new (0, $16b549d313b97bf4$export$925a29a6f046f0b5)(`Invalid hostname: "${url.hostname}"`, {});
+    return url.origin;
+};
+
+
 const $0da125a57a8274fc$export$74dcf80d122cf64e = (url)=>{
     const existingScript = document.querySelector(`script[src^="${url}"]`);
     if (existingScript) return existingScript;
@@ -318,33 +346,52 @@ const $2cc07a9862fd14af$export$2b0a6e5a1c78018f = (elementsUrl)=>{
 
 
 
-// Auto-generated version file
-const $6a2f0bfcc5905f21$export$83d89fbfd8236492 = '1.24.2';
-
-
 // Build-time generated URLs for regular deployment
 const $c9bd4b894cc03378$export$67c92c3b857d033a = null;
 const $c9bd4b894cc03378$export$9c5c779c8690dca6 = null;
 
 
-const $65168f0452925da7$var$TEST_ENV = 'js.flock-dev.com';
-const $65168f0452925da7$var$DEFAULT_ENV = 'js.basistheory.com';
+// Auto-generated version file
+const $6a2f0bfcc5905f21$export$83d89fbfd8236492 = '2.1.0';
+
+
+const $65168f0452925da7$var$TEST_ORIGIN = 'https://js.flock-dev.com';
+const $65168f0452925da7$var$DEFAULT_ORIGIN = 'https://js.basistheory.com';
+const $65168f0452925da7$var$resolveUrls = (options)=>{
+    if (options?._devMode && options?.customDomain) console.warn('Dev mode and domain whitelabeling are both enabled - dev mode takes precedence.');
+    let origin;
+    if (options?._devMode) origin = $65168f0452925da7$var$TEST_ORIGIN;
+    else if (options?.customDomain) origin = (0, $c03aa13093e09dc3$export$8ec0597b01ce7a1a)(options.customDomain);
+    else origin = $65168f0452925da7$var$DEFAULT_ORIGIN;
+    const base = `${origin}/web-elements/${(0, $6a2f0bfcc5905f21$export$83d89fbfd8236492)}`;
+    const client = `${base}/client/index.js`;
+    const hosted = `${base}/hosted-elements/`;
+    if (options?.customDomain && !options._devMode) return {
+        origin: origin,
+        clientJsUrl: client,
+        hostedElementsBaseUrl: hosted
+    };
+    return {
+        origin: origin,
+        clientJsUrl: (0, $c9bd4b894cc03378$export$67c92c3b857d033a) ?? client,
+        hostedElementsBaseUrl: (0, $c9bd4b894cc03378$export$9c5c779c8690dca6) ?? hosted
+    };
+};
 const $65168f0452925da7$export$cbe2892587230861 = async (apiKey, options)=>{
     if (!apiKey || apiKey.length === 0) throw new Error('API key is required');
-    const baseUrl = options?._devMode ? $65168f0452925da7$var$TEST_ENV : $65168f0452925da7$var$DEFAULT_ENV;
-    (0, $367e4a81566d966b$export$af88d00dbe7f521).setBaseUrl(baseUrl);
+    const { origin: origin, clientJsUrl: clientJsUrl, hostedElementsBaseUrl: hostedElementsBaseUrl } = $65168f0452925da7$var$resolveUrls(options);
+    (0, $367e4a81566d966b$export$af88d00dbe7f521).setBaseUrl(origin);
     (0, $367e4a81566d966b$export$af88d00dbe7f521).disableTelemetry(Boolean(options?.disableTelemetry));
-    // Use build-time generated URLs if available, otherwise fall back to version-based URLs
-    const clientJsUrl = (0, $c9bd4b894cc03378$export$67c92c3b857d033a) || `https://${baseUrl}/web-elements/${0, $6a2f0bfcc5905f21$export$83d89fbfd8236492}/client/index.js`;
-    const hostedElementsBaseUrl = (0, $c9bd4b894cc03378$export$9c5c779c8690dca6) || `https://${baseUrl}/web-elements/${0, $6a2f0bfcc5905f21$export$83d89fbfd8236492}/hosted-elements/`;
     const elements = await (0, $2cc07a9862fd14af$export$2b0a6e5a1c78018f)(clientJsUrl);
-    return elements.init(apiKey, hostedElementsBaseUrl, false, options?.useSameOriginApi ?? true, options?.disableTelemetry ?? false, options?.debug ?? false, options?.useUat ?? false, options?.useNetworkCheck ?? false);
+    return elements.init(apiKey, hostedElementsBaseUrl, false, options?.useSameOriginApi ?? true, options?.disableTelemetry ?? false, options?.debug ?? false, options?.useUat ?? false, options?.useNetworkCheck ?? false, options?.customDomain ? origin : undefined);
 };
 
 
 var $e8df50a6ced49e58$exports = {};
 
+$parcel$export($e8df50a6ced49e58$exports, "AUTOCOMPLETE_VALUES", () => $2e9038c0999bba06$export$dea6ebbc92df4fa3);
 $parcel$export($e8df50a6ced49e58$exports, "CARD_BRANDS", () => $2e9038c0999bba06$export$51be6d94c4fcf45);
+$parcel$export($e8df50a6ced49e58$exports, "CARD_ICON_POSITIONS", () => $2e9038c0999bba06$export$829c91d8f039f695);
 var $8142f8fc8bbedd0b$exports = {};
 var $6011935a2a75da1d$exports = {};
 
@@ -841,6 +888,7 @@ const $0b7f2ce91f71c8fb$export$8141e4f9a897abe6 = [
     'cardExpirationDate',
     'cardNumber',
     'cardVerificationCode',
+    'copyButton',
     'data',
     'text'
 ];
@@ -882,11 +930,14 @@ var $5c3fd4ec5ab25a5b$exports = {};
 var $ce70703c3ce2f3a0$exports = {};
 
 $parcel$export($ce70703c3ce2f3a0$exports, "SAFE_CSS_PROPERTIES", () => $ce70703c3ce2f3a0$export$e2bf52fc7723ec89);
+$parcel$export($ce70703c3ce2f3a0$exports, "BUTTON_CSS_PROPERTIES", () => $ce70703c3ce2f3a0$export$93133f730762aee4);
 $parcel$export($ce70703c3ce2f3a0$exports, "SAFE_CSS_PROPERTIES_ALTERNATES", () => $ce70703c3ce2f3a0$export$e22a44f86989e3f4);
 $parcel$export($ce70703c3ce2f3a0$exports, "SAFE_CSS_PROPERTIES_WITH_ALTERNATES", () => $ce70703c3ce2f3a0$export$b5b27feb4cf29129);
 $parcel$export($ce70703c3ce2f3a0$exports, "CARD_ELEMENT_STYLE_VARIANT_SELECTORS", () => $ce70703c3ce2f3a0$export$fc323aec0bf844b);
+$parcel$export($ce70703c3ce2f3a0$exports, "BUTTON_ELEMENT_STYLE_VARIANT_SELECTORS", () => $ce70703c3ce2f3a0$export$8cce4e63ba22bae);
 $parcel$export($ce70703c3ce2f3a0$exports, "CARD_ELEMENT_STYLE_VARIANTS", () => $ce70703c3ce2f3a0$export$a15fff7fac404fd9);
 $parcel$export($ce70703c3ce2f3a0$exports, "CARD_ELEMENT_STYLE_FONTS_ATTR", () => $ce70703c3ce2f3a0$export$c3a88e1ff160bfd6);
+$parcel$export($ce70703c3ce2f3a0$exports, "BUTTON_ELEMENT_STYLE_VARIANTS", () => $ce70703c3ce2f3a0$export$612b2fbe2f6ee5db);
 const $ce70703c3ce2f3a0$export$e2bf52fc7723ec89 = [
     'backgroundColor',
     'color',
@@ -896,14 +947,53 @@ const $ce70703c3ce2f3a0$export$e2bf52fc7723ec89 = [
     'fontStyle',
     'fontVariant',
     'fontWeight',
-    'lineHeight',
     'letterSpacing',
-    'textAlign',
+    'lineHeight',
     'padding',
+    'textAlign',
     'textDecoration',
     'textShadow',
     'textTransform'
 ];
+// Button-specific CSS properties for styling interactive buttons
+const $ce70703c3ce2f3a0$export$93133f730762aee4 = [
+    'alignItems',
+    'backgroundColor',
+    'border',
+    'borderBottom',
+    'borderColor',
+    'borderLeft',
+    'borderRadius',
+    'borderRight',
+    'borderStyle',
+    'borderTop',
+    'borderWidth',
+    'boxShadow',
+    'color',
+    'cursor',
+    'display',
+    'fontFamily',
+    'fontSize',
+    'fontWeight',
+    'gap',
+    'height',
+    'justifyContent',
+    'letterSpacing',
+    'lineHeight',
+    'margin',
+    'maxHeight',
+    'maxWidth',
+    'minHeight',
+    'minWidth',
+    'opacity',
+    'outline',
+    'padding',
+    'textAlign',
+    'textTransform',
+    'transform',
+    'transition',
+    'width'
+];
 const $ce70703c3ce2f3a0$export$e22a44f86989e3f4 = {
     fontSmooth: [
         '-webkit-font-smoothing',
@@ -919,13 +1009,23 @@ const $ce70703c3ce2f3a0$export$fc323aec0bf844b = [
     '::selection',
     ':disabled'
 ];
+const $ce70703c3ce2f3a0$export$8cce4e63ba22bae = [
+    ':hover',
+    ':focus',
+    ':active'
+];
 const $ce70703c3ce2f3a0$export$a15fff7fac404fd9 = [
     'base',
+    'container',
     'complete',
     'invalid',
     'empty'
 ];
 const $ce70703c3ce2f3a0$export$c3a88e1ff160bfd6 = 'fonts';
+const $ce70703c3ce2f3a0$export$612b2fbe2f6ee5db = [
+    'base',
+    'container'
+];
 
 
 $parcel$exportWildcard($8142f8fc8bbedd0b$exports, $6011935a2a75da1d$exports);
@@ -1025,16 +1125,6 @@ class $cc8dceaa5ea02f81$export$5a9a4feb38dee587 extends Error {
 }
 
 
-class $16b549d313b97bf4$export$925a29a6f046f0b5 extends Error {
-    constructor(message, details, /**
-     * @deprecated use {@link details}
-     */ validation){
-        super(message), this.details = details, this.validation = validation;
-        this.name = 'BasisTheoryValidationError';
-        Object.setPrototypeOf(this, $16b549d313b97bf4$export$925a29a6f046f0b5.prototype);
-    }
-}
-
 
 class $3753a300b9392464$export$83d862a6bd4a93c5 extends Error {
     constructor(message, status, data, headers){
@@ -1055,4 +1145,4 @@ class $3753a300b9392464$export$83d862a6bd4a93c5 extends Error {
  */ if (typeof window !== 'undefined' && document.currentScript && !window.basistheory) window.basistheory = (0, $65168f0452925da7$export$cbe2892587230861);
 
 
-export {$65168f0452925da7$export$cbe2892587230861 as basistheory, $2e9038c0999bba06$export$51be6d94c4fcf45 as CARD_BRANDS, $6011935a2a75da1d$export$1748c2651c2c6e25 as VISA, $6011935a2a75da1d$export$1c604828de4cf9cf as MASTERCARD, $6011935a2a75da1d$export$67c5e4e99638ee87 as AMERICAN_EXPRESS, $6011935a2a75da1d$export$fcf88132c9601d5d as DINERS_CLUB, $6011935a2a75da1d$export$27b2e48e28163360 as DISCOVER, $6011935a2a75da1d$export$bf30f1ca7b266454 as JCB, $6011935a2a75da1d$export$8ed8e9ea6bbca19f as UNION_PAY, $6011935a2a75da1d$export$f08651c87c943e8 as MAESTRO, $6011935a2a75da1d$export$c4b8f606caaecf2c as ELO, $6011935a2a75da1d$export$58f9d4150439d06e as MIR, $6011935a2a75da1d$export$8f50e2757841117b as HIPER, $6011935a2a75da1d$export$adb072c9761d9e59 as HIPERCARD, $6011935a2a75da1d$export$35b475386df8059d as DEFAULT_CARD_TYPES, $a7c0ed47a726bc77$export$8dde18ea9019c560 as CoBadgedSupport, $0b7f2ce91f71c8fb$export$8141e4f9a897abe6 as ELEMENTS_TYPES, $ce70703c3ce2f3a0$export$e2bf52fc7723ec89 as SAFE_CSS_PROPERTIES, $ce70703c3ce2f3a0$export$e22a44f86989e3f4 as SAFE_CSS_PROPERTIES_ALTERNATES, $ce70703c3ce2f3a0$export$b5b27feb4cf29129 as SAFE_CSS_PROPERTIES_WITH_ALTERNATES, $ce70703c3ce2f3a0$export$fc323aec0bf844b as CARD_ELEMENT_STYLE_VARIANT_SELECTORS, $ce70703c3ce2f3a0$export$a15fff7fac404fd9 as CARD_ELEMENT_STYLE_VARIANTS, $ce70703c3ce2f3a0$export$c3a88e1ff160bfd6 as CARD_ELEMENT_STYLE_FONTS_ATTR, $88bdfff2114854bc$export$f9a8af5874660c13 as DATA_CLASSIFICATIONS, $88bdfff2114854bc$export$7ea51ced9080f153 as DATA_IMPACT_LEVELS, $88bdfff2114854bc$export$23716d8c8b579500 as DATA_RESTRICTION_POLICIES, $cc8dceaa5ea02f81$export$5a9a4feb38dee587 as BasisTheoryApiError, $16b549d313b97bf4$export$925a29a6f046f0b5 as BasisTheoryValidationError, $3753a300b9392464$export$83d862a6bd4a93c5 as HttpClientError};
+export {$65168f0452925da7$export$cbe2892587230861 as basistheory, $2e9038c0999bba06$export$dea6ebbc92df4fa3 as AUTOCOMPLETE_VALUES, $2e9038c0999bba06$export$51be6d94c4fcf45 as CARD_BRANDS, $2e9038c0999bba06$export$829c91d8f039f695 as CARD_ICON_POSITIONS, $6011935a2a75da1d$export$1748c2651c2c6e25 as VISA, $6011935a2a75da1d$export$1c604828de4cf9cf as MASTERCARD, $6011935a2a75da1d$export$67c5e4e99638ee87 as AMERICAN_EXPRESS, $6011935a2a75da1d$export$fcf88132c9601d5d as DINERS_CLUB, $6011935a2a75da1d$export$27b2e48e28163360 as DISCOVER, $6011935a2a75da1d$export$bf30f1ca7b266454 as JCB, $6011935a2a75da1d$export$8ed8e9ea6bbca19f as UNION_PAY, $6011935a2a75da1d$export$f08651c87c943e8 as MAESTRO, $6011935a2a75da1d$export$c4b8f606caaecf2c as ELO, $6011935a2a75da1d$export$58f9d4150439d06e as MIR, $6011935a2a75da1d$export$8f50e2757841117b as HIPER, $6011935a2a75da1d$export$adb072c9761d9e59 as HIPERCARD, $6011935a2a75da1d$export$35b475386df8059d as DEFAULT_CARD_TYPES, $a7c0ed47a726bc77$export$8dde18ea9019c560 as CoBadgedSupport, $0b7f2ce91f71c8fb$export$8141e4f9a897abe6 as ELEMENTS_TYPES, $ce70703c3ce2f3a0$export$e2bf52fc7723ec89 as SAFE_CSS_PROPERTIES, $ce70703c3ce2f3a0$export$93133f730762aee4 as BUTTON_CSS_PROPERTIES, $ce70703c3ce2f3a0$export$e22a44f86989e3f4 as SAFE_CSS_PROPERTIES_ALTERNATES, $ce70703c3ce2f3a0$export$b5b27feb4cf29129 as SAFE_CSS_PROPERTIES_WITH_ALTERNATES, $ce70703c3ce2f3a0$export$fc323aec0bf844b as CARD_ELEMENT_STYLE_VARIANT_SELECTORS, $ce70703c3ce2f3a0$export$8cce4e63ba22bae as BUTTON_ELEMENT_STYLE_VARIANT_SELECTORS, $ce70703c3ce2f3a0$export$a15fff7fac404fd9 as CARD_ELEMENT_STYLE_VARIANTS, $ce70703c3ce2f3a0$export$c3a88e1ff160bfd6 as CARD_ELEMENT_STYLE_FONTS_ATTR, $ce70703c3ce2f3a0$export$612b2fbe2f6ee5db as BUTTON_ELEMENT_STYLE_VARIANTS, $88bdfff2114854bc$export$f9a8af5874660c13 as DATA_CLASSIFICATIONS, $88bdfff2114854bc$export$7ea51ced9080f153 as DATA_IMPACT_LEVELS, $88bdfff2114854bc$export$23716d8c8b579500 as DATA_RESTRICTION_POLICIES, $cc8dceaa5ea02f81$export$5a9a4feb38dee587 as BasisTheoryApiError, $16b549d313b97bf4$export$925a29a6f046f0b5 as BasisTheoryValidationError, $3753a300b9392464$export$83d862a6bd4a93c5 as HttpClientError};

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@basis-theory/web-elements",
-  "version": "1.24.2",
+  "version": "2.1.0",
   "repository": "https://github.com/basis-theory/web-elements",
   "license": "Apache-2.0",
   "author": {

package/dist/types/index.d.ts

@@ -39,9 +39,55 @@ export interface HttpClient {
     get(url: string, config?: RequestConfig): Promise<unknown>;
     delete(url: string, config?: RequestConfig): Promise<unknown>;
 }
+interface NetworkInformation {
+    downlink: number;
+    downlinkMax?: number;
+    effectiveType: 'slow-2g' | '2g' | '3g' | '4g';
+    rtt: number;
+    saveData: boolean;
+    type?: 'bluetooth' | 'cellular' | 'ethernet' | 'none' | 'wifi' | 'wimax' | 'other' | 'unknown';
+}
+type DeviceInfo = {
+    uaBrands?: Array<{
+        brand: string;
+        version: string;
+    }>;
+    uaMobile?: boolean;
+    uaPlatform?: string;
+    uaPlatformVersion?: string;
+    languages?: string[];
+    timeZone?: string;
+    cookiesEnabled?: boolean;
+    localStorageEnabled?: boolean;
+    sessionStorageEnabled?: boolean;
+    platform?: string;
+    hardwareConcurrency?: number;
+    deviceMemoryGb?: number | null;
+    screenWidth?: number;
+    screenHeight?: number;
+    screenAvailWidth?: number;
+    screenAvailHeight?: number;
+    innerWidth?: number;
+    innerHeight?: number;
+    devicePixelRatio?: number;
+    maxTouchPoints?: number;
+    plugins?: string[];
+    mimeTypes?: string[];
+    webdriver?: boolean;
+    suspectedHeadless?: boolean;
+    webglVendor?: string;
+    webglRenderer?: string;
+    canvasHash?: string;
+    network?: NetworkInformation;
+};
+interface Device {
+    getDeviceInfo(options?: {
+        includeCanvasHash?: boolean;
+    }): DeviceInfo;
+}
 export const CARD_BRANDS: readonly ["accel", "bancontact", "cartes-bancaires", "culiance", "dankort", "ebt", "eftpos-australia", "nyce", "private-label", "prop", "pulse", "rupay", "star", "uatp", "korean-local", "visa", "mastercard", "american-express", "discover", "diners-club", "jcb", "unionpay", "maestro", "elo", "hiper", "hipercard", "mir", "unknown"];
-declare const CARD_ICON_POSITIONS: readonly ["left", "right", "none"];
-declare const AUTOCOMPLETE_VALUES: readonly ["additional-name", "address-level1", "address-level2", "address-level3", "address-level4", "address-line1", "address-line2", "address-line3", "bday-day", "bday-month", "bday-year", "bday", "billing", "cc-additional-name", "cc-csc", "cc-exp-month", "cc-exp-year", "cc-exp", "cc-family-name", "cc-given-name", "cc-name", "cc-number", "cc-type", "country-name", "country", "current-password", "email", "family-name", "fax", "given-name", "home", "honorific-prefix", "honorific-suffix", "language", "mobile", "name", "new-password", "nickname", "off", "on", "one-time-code", "organization-title", "organization", "page", "postal-code", "sex", "shipping", "street-address", "tel-area-code", "tel-country-code", "tel-extension", "tel-local-prefix", "tel-local-suffix", "tel-local", "tel-national", "tel", "transaction-amount", "transaction-currency", "url", "username", "work"];
+export const CARD_ICON_POSITIONS: readonly ["left", "right", "none"];
+export const AUTOCOMPLETE_VALUES: readonly ["additional-name", "address-level1", "address-level2", "address-level3", "address-level4", "address-line1", "address-line2", "address-line3", "bday-day", "bday-month", "bday-year", "bday", "billing", "cc-additional-name", "cc-csc", "cc-exp-month", "cc-exp-year", "cc-exp", "cc-family-name", "cc-given-name", "cc-name", "cc-number", "cc-type", "country-name", "country", "current-password", "email", "family-name", "fax", "given-name", "home", "honorific-prefix", "honorific-suffix", "language", "mobile", "name", "new-password", "nickname", "off", "on", "one-time-code", "organization-title", "organization", "page", "postal-code", "sex", "shipping", "street-address", "tel-area-code", "tel-country-code", "tel-extension", "tel-local-prefix", "tel-local-suffix", "tel-local", "tel-national", "tel", "transaction-amount", "transaction-currency", "url", "username", "work"];
 export type FieldErrorType = 'incomplete' | 'invalid';
 export type ConfigErrorType = 'missing-configuration' | 'missing-permission' | 'invalid-configuration';
 export interface ConfigError {
@@ -91,7 +137,7 @@ export type DataElementReference = {
     elementId: string;
     path: string;
 };
-export type EventType = 'ready' | 'change' | 'focus' | 'blur' | 'keydown';
+export type EventType = 'ready' | 'change' | 'focus' | 'blur' | 'keydown' | 'click';
 export interface BaseEvent<T extends EventType> {
     type: T;
 }
@@ -113,12 +159,14 @@ export type InputBlurEvent = BaseEvent<'blur'> & Targeted;
 export type InputKeydownEvent = BaseEvent<'keydown'> & Targeted & {
     key: ListenableKey;
 } & Pick<KeyboardEvent, 'altKey' | 'ctrlKey' | 'shiftKey' | 'metaKey'>;
+export type ClickEvent = BaseEvent<'click'> & Targeted;
 export type BaseElementEvents = ReadyEvent | InputFocusEvent | InputBlurEvent | InputKeydownEvent;
 export type TextElementEvents = BaseElementEvents | ChangeEvent;
 export type CardElementEvents = BaseElementEvents | CardChangeEvent;
 export type CardNumberElementEvents = BaseElementEvents | CardChangeEvent;
 export type CardExpirationDateElementEvents = BaseElementEvents | ChangeEvent;
 export type CardVerificationCodeElementEvents = BaseElementEvents | ChangeEvent;
+export type CopyButtonElementEvents = BaseElementEvents | ClickEvent;
 /**
  * Utility type that helps find a Union type based on a `type` property
  */
@@ -129,15 +177,21 @@ export type ElementEventListener<Events, Type> = (event: FindByType<Events, Type
 export interface Subscription {
     unsubscribe(): void;
 }
-export const SAFE_CSS_PROPERTIES: readonly ["backgroundColor", "color", "fontFamily", "fontSize", "fontSmooth", "fontStyle", "fontVariant", "fontWeight", "lineHeight", "letterSpacing", "textAlign", "padding", "textDecoration", "textShadow", "textTransform"];
+export const SAFE_CSS_PROPERTIES: readonly ["backgroundColor", "color", "fontFamily", "fontSize", "fontSmooth", "fontStyle", "fontVariant", "fontWeight", "letterSpacing", "lineHeight", "padding", "textAlign", "textDecoration", "textShadow", "textTransform"];
+export const BUTTON_CSS_PROPERTIES: readonly ["alignItems", "backgroundColor", "border", "borderBottom", "borderColor", "borderLeft", "borderRadius", "borderRight", "borderStyle", "borderTop", "borderWidth", "boxShadow", "color", "cursor", "display", "fontFamily", "fontSize", "fontWeight", "gap", "height", "justifyContent", "letterSpacing", "lineHeight", "margin", "maxHeight", "maxWidth", "minHeight", "minWidth", "opacity", "outline", "padding", "textAlign", "textTransform", "transform", "transition", "width"];
 export type SafeCSSProperty = (typeof SAFE_CSS_PROPERTIES)[number];
+export type ButtonCSSProperty = (typeof BUTTON_CSS_PROPERTIES)[number];
 export const SAFE_CSS_PROPERTIES_ALTERNATES: Partial<Record<SafeCSSProperty, string[]>>;
 export const SAFE_CSS_PROPERTIES_WITH_ALTERNATES: string[];
 export type SafeStyle = Pick<Properties, SafeCSSProperty>;
 export const CARD_ELEMENT_STYLE_VARIANT_SELECTORS: readonly [":hover", ":focus", ":read-only", "::placeholder", "::selection", ":disabled"];
+export const BUTTON_ELEMENT_STYLE_VARIANT_SELECTORS: readonly [":hover", ":focus", ":active"];
 export type CardElementStyleVariantSelector = (typeof CARD_ELEMENT_STYLE_VARIANT_SELECTORS)[number];
+export type ButtonElementStyleVariantSelector = (typeof BUTTON_ELEMENT_STYLE_VARIANT_SELECTORS)[number];
+export type ButtonStyle = Pick<Properties, ButtonCSSProperty>;
 export type CardElementStyleVariantStyle = SafeStyle & Partial<Record<CardElementStyleVariantSelector, SafeStyle>>;
-export const CARD_ELEMENT_STYLE_VARIANTS: readonly ["base", "complete", "invalid", "empty"];
+export type ButtonElementStyleVariantStyle = ButtonStyle & Partial<Record<ButtonElementStyleVariantSelector, ButtonStyle>>;
+export const CARD_ELEMENT_STYLE_VARIANTS: readonly ["base", "container", "complete", "invalid", "empty"];
 export const CARD_ELEMENT_STYLE_FONTS_ATTR: "fonts";
 export type CardElementStyleVariant = (typeof CARD_ELEMENT_STYLE_VARIANTS)[number];
 type CardElementStyleFontAttr = typeof CARD_ELEMENT_STYLE_FONTS_ATTR;
@@ -145,16 +199,21 @@ type FontSource = string;
 export type FontSources = FontSource[];
 export type Fonts = Record<CardElementStyleFontAttr, FontSources>;
 export type CardElementStyle = Partial<Record<CardElementStyleVariant, CardElementStyleVariantStyle> & Fonts>;
-export type ElementStyle = CardElementStyle;
+export const BUTTON_ELEMENT_STYLE_VARIANTS: readonly ["base", "container"];
+export type ButtonElementStyleVariant = (typeof BUTTON_ELEMENT_STYLE_VARIANTS)[number];
+export type ButtonElementStyle = Partial<Record<ButtonElementStyleVariant, ButtonElementStyleVariantStyle> & Fonts>;
+export type CopyButtonElementStyle = ButtonElementStyle;
+export type ElementStyle = CardElementStyle | CopyButtonElementStyle;
 export type CopyIconStyles = {
     size?: string;
     color?: string;
     successColor?: string;
 };
-export const ELEMENTS_TYPES: readonly ["card", "cardExpirationDate", "cardNumber", "cardVerificationCode", "data", "text"];
+export const ELEMENTS_TYPES: readonly ["card", "cardExpirationDate", "cardNumber", "cardVerificationCode", "copyButton", "data", "text"];
 export type ElementType = (typeof ELEMENTS_TYPES)[number];
 export interface ElementInternalOptions {
     apiKey: string | undefined;
+    customDomain: string | undefined;
     baseUrl: string;
     type: ElementType;
     debug: boolean | undefined;
@@ -195,6 +254,7 @@ export interface SanitizedElementOptions {
     skipLuhnValidation?: boolean;
     style?: ElementStyle;
     targetId?: string;
+    text?: string;
     title?: string;
     transform?: [RegExp, string] | null;
     validateOnChange?: boolean;
@@ -261,6 +321,12 @@ export type CreateCardVerificationCodeElementOptions = CustomizableElementOption
     value?: string;
 };
 export type UpdateCardVerificationCodeElementOptions = Omit<CreateCardVerificationCodeElementOptions, 'targetId' | 'validateOnChange' | 'enableCopy'>;
+export type CreateCopyButtonElementOptions = Pick<ElementOptions, 'targetId' | 'title' | 'disabled'> & {
+    id?: string;
+    style?: CopyButtonElementStyle;
+    text?: string;
+};
+export type UpdateCopyButtonElementOptions = Omit<CreateCopyButtonElementOptions, 'targetId'>;
 export interface BinDetails {
     cardBrand?: string;
     type?: string;
@@ -277,12 +343,20 @@ export interface BinDetails {
     issuerCurrency?: string;
     comboCard?: string;
     binLength?: number;
-    authentication?: unknown;
-    cost?: unknown;
+    authentication?: Authentication;
+    cost?: Cost;
     bank?: BinDetailsBank;
     country?: BinDetailsCountry;
     product?: BinDetailsProduct;
 }
+interface Cost {
+    capAdvaloremAmount: string;
+    capTypeName: string;
+    capFixedAmount: string;
+}
+interface Authentication {
+    authenticationName: string;
+}
 export interface BinDetailsBank {
     name?: string;
     phone?: string;
@@ -566,6 +640,9 @@ export type ICardVerificationCodeElement = BaseElement<UpdateCardVerificationCod
     setValueRef(value: ICardVerificationCodeElement): void;
     setValue(value: DataElementReference): void;
 };
+export type ICopyButtonElement = BaseElement<UpdateCopyButtonElementOptions, CopyButtonElementEvents> & {
+    setValueRef(value: ITextElement | ICardNumberElement | ICardExpirationDateElement | ICardVerificationCodeElement): void;
+};
 export type ElementWrapper<T extends BaseElement<any, any> = BaseElement<any, any>> = {
     element: T;
     method?: string;
@@ -573,7 +650,7 @@ export type ElementWrapper<T extends BaseElement<any, any> = BaseElement<any, an
         format: string;
     };
 };
-export type ElementValue = ITextElement | ICardElement | ICardNumberElement | ICardExpirationDateElement | ICardVerificationCodeElement | ElementWrapper;
+export type ElementValue = ITextElement | ICardElement | ICardNumberElement | ICardExpirationDateElement | ICardVerificationCodeElement | ICopyButtonElement | ElementWrapper;
 export interface BasisTheoryElements {
     tokens: Tokens;
     proxy: Proxy;
@@ -581,14 +658,16 @@ export interface BasisTheoryElements {
     tokenIntents: TokenIntents;
     tokenize: Tokenize['tokenize'];
     client: HttpClient;
+    device: Device;
     createElement(type: 'card', options?: CreateCardElementOptions): ICardElement;
     createElement(type: 'text', options: CreateTextElementOptions): ITextElement;
     createElement(type: 'cardNumber', options: CreateCardNumberElementOptions): ICardNumberElement;
     createElement(type: 'cardExpirationDate', options: CreateCardExpirationDateElementOptions): ICardExpirationDateElement;
     createElement(type: 'cardVerificationCode', options: CreateCardVerificationCodeElementOptions): ICardVerificationCodeElement;
+    createElement(type: 'copyButton', options: CreateCopyButtonElementOptions): ICopyButtonElement;
 }
 export interface BasisTheoryElementsInternal extends BasisTheoryElements {
-    init: (apiKey: string | undefined, elementsBaseUrl: string, elementsUseNgApi: boolean | undefined, elementsUseSameOriginApi: boolean | undefined, disableTelemetry: boolean | undefined, debug: boolean | undefined, useUat: boolean | undefined, useNetworkCheck: 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, useNetworkCheck: boolean | undefined, customDomain: string | undefined) => Promise<BasisTheoryElements>;
     hasElement: (payload: unknown) => boolean;
 }
 declare global {
@@ -596,6 +675,18 @@ declare global {
         BasisTheoryElements?: BasisTheoryElementsInternal;
     }
 }
+export class BasisTheoryValidationError<Details = Record<string, unknown>> extends Error {
+    readonly details: Details;
+    /**
+     * @deprecated use {@link details}
+     */
+    readonly validation?: FieldError[] | undefined;
+    constructor(message: string, details: Details, 
+    /**
+     * @deprecated use {@link details}
+     */
+    validation?: FieldError[] | undefined);
+}
 export interface BasisTheoryInitOptions {
     _devMode?: boolean;
     disableTelemetry?: boolean;
@@ -603,6 +694,7 @@ export interface BasisTheoryInitOptions {
     useUat?: boolean;
     debug?: boolean;
     useNetworkCheck?: boolean;
+    customDomain?: string;
 }
 export const basistheory: (apiKey: string, options?: BasisTheoryInitOptions) => Promise<BasisTheoryElements | undefined>;
 export class BasisTheoryApiError extends Error {
@@ -611,18 +703,6 @@ export class BasisTheoryApiError extends Error {
     readonly _debug?: Record<string, unknown> | undefined;
     constructor(message: string, status: number, data?: unknown | undefined, _debug?: Record<string, unknown> | undefined);
 }
-export class BasisTheoryValidationError<Details = Record<string, unknown>> extends Error {
-    readonly details: Details;
-    /**
-     * @deprecated use {@link details}
-     */
-    readonly validation?: FieldError[] | undefined;
-    constructor(message: string, details: Details, 
-    /**
-     * @deprecated use {@link details}
-     */
-    validation?: FieldError[] | undefined);
-}
 export class HttpClientError extends Error {
     readonly status: number;
     readonly data?: unknown;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@basis-theory/web-elements",
-  "version": "1.24.2",
+  "version": "2.1.0",
   "repository": "https://github.com/basis-theory/web-elements",
   "license": "Apache-2.0",
   "author": {