@basis-theory/basis-theory-js - npm Package Compare versions

Comparing version 1.30.0 to 1.31.0

BasisTheory.d.ts

@@ -1,2 +0,2 @@
-import type { AtomicBanks as ElementsAtomicBanks, AtomicCards as ElementsAtomicCards, BasisTheoryElements, CardElement, CardExpirationDateElement, CardVerificationCodeElement, CreateCardElementOptions, CreateCardExpirationDateElementOptions, CreateCardVerificationCodeElementOptions, CreateTextElementOptions, TextElement, TokenizeData as ElementsTokenizeData, Tokens as ElementsTokens } from '@/types/elements';
+import type { AtomicBanks as ElementsAtomicBanks, AtomicCards as ElementsAtomicCards, BasisTheoryElements, CardElement, CardNumberElement, CardExpirationDateElement, CardVerificationCodeElement, CreateCardElementOptions, CreateCardNumberElementOptions, CreateCardExpirationDateElementOptions, CreateCardVerificationCodeElementOptions, CreateTextElementOptions, TextElement, TokenizeData as ElementsTokenizeData, Tokens as ElementsTokens } from '@/types/elements';
 import type { TokenizeData } from '@/types/models';
@@ -22,2 +22,3 @@ import type { Applications, AtomicBanks, AtomicCards, BasisTheory as IBasisTheory, BasisTheoryInit, Logs, Permissions, ReactorFormulas, Reactors, RequestOptions, Tenants, Tokens, BasisTheoryInitOptions, BasisTheoryInitOptionsWithElements, BasisTheoryInitOptionsWithoutElements } from '@/types/sdk';
     createElement(type: 'text', options: CreateTextElementOptions): TextElement;
+    createElement(type: 'cardNumber', options: CreateCardNumberElementOptions): CardNumberElement;
     createElement(type: 'cardExpirationDate', options: CreateCardExpirationDateElementOptions): CardExpirationDateElement;
@@ -24,0 +25,0 @@ createElement(type: 'cardVerificationCode', options: CreateCardVerificationCodeElementOptions): CardVerificationCodeElement;

package.json

 {
   "name": "@basis-theory/basis-theory-js",
-  "version": "1.30.0",
+  "version": "1.31.0",
   "repository": "https://github.com/Basis-Theory/basis-theory-js",
@@ -5,0 +5,0 @@ "license": "Apache-2.0",

types/elements/elements.d.ts

@@ -1,3 +0,3 @@
-import type { ElementEventListener, EventType, Subscription, TextElementEvents, CardElementEvents, CardExpirationDateElementEvents, CardVerificationCodeElementEvents } from './events';
-import type { CreateCardElementOptions, CreateCardExpirationDateElementOptions, CreateCardVerificationCodeElementOptions, CreateTextElementOptions, UpdateCardElementOptions, UpdateCardExpirationDateElementOptions, UpdateCardVerificationCodeElementOptions, UpdateTextElementOptions } from './options';
+import type { ElementEventListener, EventType, Subscription, TextElementEvents, CardElementEvents, CardNumberElementEvents, CardExpirationDateElementEvents, CardVerificationCodeElementEvents } from './events';
+import type { CreateCardElementOptions, CreateCardExpirationDateElementOptions, CreateCardVerificationCodeElementOptions, CreateTextElementOptions, UpdateCardElementOptions, CreateCardNumberElementOptions, UpdateCardNumberElementOptions, UpdateCardExpirationDateElementOptions, UpdateCardVerificationCodeElementOptions, UpdateTextElementOptions } from './options';
 import type { AtomicBanks, AtomicCards, Tokenize, Tokens } from './services';
@@ -14,2 +14,3 @@ interface BaseElement<UpdateOptions, ElementEvents> {
 declare type TextElement = BaseElement<UpdateTextElementOptions, TextElementEvents>;
+declare type CardNumberElement = BaseElement<UpdateCardNumberElementOptions, CardNumberElementEvents>;
 declare type CardExpirationDateElement = BaseElement<UpdateCardExpirationDateElementOptions, CardExpirationDateElementEvents> & {
@@ -24,3 +25,3 @@ month(): ElementWrapper<CardExpirationDateElement>;
 };
-declare type ElementValue = TextElement | CardElement | CardExpirationDateElement | CardVerificationCodeElement | ElementWrapper;
+declare type ElementValue = TextElement | CardElement | CardNumberElement | CardExpirationDateElement | CardVerificationCodeElement | ElementWrapper;
 interface BasisTheoryElements extends Tokenize {
@@ -38,2 +39,3 @@ /**
     createElement(type: 'text', options: CreateTextElementOptions): TextElement;
+    createElement(type: 'cardNumber', options: CreateCardNumberElementOptions): CardNumberElement;
     createElement(type: 'cardExpirationDate', options: CreateCardExpirationDateElementOptions): CardExpirationDateElement;
@@ -51,2 +53,2 @@ createElement(type: 'cardVerificationCode', options: CreateCardVerificationCodeElementOptions): CardVerificationCodeElement;
 }
-export type { BaseElement, CardElement, TextElement, CardExpirationDateElement, CardVerificationCodeElement, ElementWrapper, ElementValue, BasisTheoryElements, BasisTheoryElementsInternal, };
+export type { BaseElement, CardElement, TextElement, CardNumberElement, CardExpirationDateElement, CardVerificationCodeElement, ElementWrapper, ElementValue, BasisTheoryElements, BasisTheoryElementsInternal, };

types/elements/events.d.ts

@@ -23,2 +23,3 @@ import type { Brand, FieldError, ListenableKey, Targeted } from './shared';
 declare type CardElementEvents = BaseElementEvents | CardChangeEvent;
+declare type CardNumberElementEvents = BaseElementEvents | CardChangeEvent;
 declare type CardExpirationDateElementEvents = BaseElementEvents | ChangeEvent;
@@ -36,2 +37,2 @@ declare type CardVerificationCodeElementEvents = BaseElementEvents | ChangeEvent;
 }
-export type { EventType, BaseEvent, ReadyEvent, ChangeEvent, CardChangeEvent, InputFocusEvent, InputBlurEvent, InputKeydownEvent, BaseElementEvents, TextElementEvents, CardElementEvents, CardExpirationDateElementEvents, CardVerificationCodeElementEvents, ElementEventListener, Subscription, };
+export type { EventType, BaseEvent, ReadyEvent, ChangeEvent, CardChangeEvent, InputFocusEvent, InputBlurEvent, InputKeydownEvent, BaseElementEvents, TextElementEvents, CardElementEvents, CardNumberElementEvents, CardExpirationDateElementEvents, CardVerificationCodeElementEvents, ElementEventListener, Subscription, };

types/elements/options.d.ts

 import type { ElementStyle } from './styles';
-declare const ELEMENTS_TYPES: readonly ["card", "text", "cardExpirationDate", "cardVerificationCode"];
+declare const ELEMENTS_TYPES: readonly ["card", "text", "cardNumber", "cardExpirationDate", "cardVerificationCode"];
 declare type ElementType = typeof ELEMENTS_TYPES[number];
@@ -19,2 +19,3 @@ interface ElementInternalOptions {
     ariaLabel?: string;
+    iconPosition?: 'left' | 'right' | 'none';
     cardBrand?: string;
@@ -34,2 +35,6 @@ }
 declare type UpdateTextElementOptions = Omit<CreateTextElementOptions, 'targetId' | 'mask'>;
+declare type CreateCardNumberElementOptions = CustomizableElementOptions & Pick<ElementOptions, 'placeholder' | 'iconPosition'> & Required<Pick<ElementOptions, 'targetId'>> & {
+    'aria-label'?: string;
+};
+declare type UpdateCardNumberElementOptions = Omit<CreateCardNumberElementOptions, 'targetId'>;
 declare type CreateCardExpirationDateElementOptions = CustomizableElementOptions & Pick<ElementOptions, 'placeholder'> & Required<Pick<ElementOptions, 'targetId'>> & {
@@ -43,3 +48,3 @@ 'aria-label'?: string;
 declare type UpdateCardVerificationCodeElementOptions = Omit<CreateCardVerificationCodeElementOptions, 'targetId'>;
-export type { ElementInternalOptions, ElementType, ElementOptions, SanitizedElementOptions, Transform, CustomizableElementOptions, CreateCardElementOptions, UpdateCardElementOptions, CreateTextElementOptions, UpdateTextElementOptions, CreateCardExpirationDateElementOptions, UpdateCardExpirationDateElementOptions, CreateCardVerificationCodeElementOptions, UpdateCardVerificationCodeElementOptions, };
+export type { ElementInternalOptions, ElementType, ElementOptions, SanitizedElementOptions, Transform, CustomizableElementOptions, CreateCardElementOptions, UpdateCardElementOptions, CreateTextElementOptions, UpdateTextElementOptions, CreateCardNumberElementOptions, UpdateCardNumberElementOptions, CreateCardExpirationDateElementOptions, UpdateCardExpirationDateElementOptions, CreateCardVerificationCodeElementOptions, UpdateCardVerificationCodeElementOptions, };
 export { ELEMENTS_TYPES };

types/elements/options.js

@@ -7,3 +7,3 @@ "use strict";
 exports.ELEMENTS_TYPES = void 0;
-const ELEMENTS_TYPES = ['card', 'text', 'cardExpirationDate', 'cardVerificationCode'];
+const ELEMENTS_TYPES = ['card', 'text', 'cardNumber', 'cardExpirationDate', 'cardVerificationCode'];
 exports.ELEMENTS_TYPES = ELEMENTS_TYPES;

No alert changes

Improved metrics

Total package byte prevSize

132011

increased by0.78%

Lines of code

2747

increased by0.33%

No dependency changes