@idonatedev/idonate-sdk 1.2.0-dev17 → 1.2.0-dev19

package/dist/tokenize/tokenizer-utils.js

@@ -5,6 +5,8 @@ exports.formatExpiryInput = formatExpiryInput;
 exports.withTimeout = withTimeout;
 exports.getConnectedBorderRadius = getConnectedBorderRadius;
 exports.addFocusHandlers = addFocusHandlers;
+exports.createFieldLabel = createFieldLabel;
+exports.wrapFieldWithLabel = wrapFieldWithLabel;
 exports.createFieldContainer = createFieldContainer;
 exports.createInputElement = createInputElement;
 exports.validateRoutingNumber = validateRoutingNumber;
@@ -15,6 +17,7 @@ exports.validateInstitutionNumber = validateInstitutionNumber;
 exports.validateTransitNumber = validateTransitNumber;
 exports.validateCanadianAccountNumber = validateCanadianAccountNumber;
 exports.formatCanadianRoutingNumber = formatCanadianRoutingNumber;
+exports.cssLengthToPixels = cssLengthToPixels;
 function parseExpiryDate(value) {
     const parts = value.split('/');
     if (parts.length !== 2)
@@ -91,6 +94,43 @@ function addFocusHandlers(element, styles, position, onFocus, onBlur) {
         onBlur === null || onBlur === void 0 ? void 0 : onBlur();
     });
 }
+function createFieldLabel(text, forId, styles) {
+    const label = document.createElement('label');
+    label.htmlFor = forId;
+    label.textContent = text;
+    label.style.display = styles.label.show ? 'block' : 'none';
+    label.style.fontSize = styles.label.fontSize;
+    label.style.fontWeight = styles.label.fontWeight;
+    label.style.fontFamily = styles.label.fontFamily;
+    label.style.color = styles.label.color;
+    label.style.marginBottom = styles.label.marginBottom;
+    return label;
+}
+function wrapFieldWithLabel(field, labelText, styles) {
+    if (!styles.label.show)
+        return field;
+    const wrapper = document.createElement('div');
+    wrapper.style.display = 'flex';
+    wrapper.style.flexDirection = 'column';
+    if (field.style.flex) {
+        wrapper.style.flex = field.style.flex;
+        field.style.flex = '';
+    }
+    if (field.style.minWidth) {
+        wrapper.style.minWidth = field.style.minWidth;
+    }
+    if (field.style.maxWidth) {
+        wrapper.style.maxWidth = field.style.maxWidth;
+    }
+    if (field.style.flexBasis) {
+        wrapper.style.flexBasis = field.style.flexBasis;
+        field.style.flexBasis = '';
+    }
+    const label = createFieldLabel(labelText, field.id, styles);
+    wrapper.appendChild(label);
+    wrapper.appendChild(field);
+    return wrapper;
+}
 function createFieldContainer(id, flex, minWidth, maxWidth) {
     const div = document.createElement('div');
     div.id = id;
@@ -175,3 +215,19 @@ function formatCanadianRoutingNumber(institutionNumber, transitNumber) {
     const transit = transitNumber.replace(/\D/g, '').padStart(5, '0');
     return '0' + institution + transit;
 }
+function cssLengthToPixels(value) {
+    const num = parseFloat(value);
+    if (isNaN(num)) {
+        console.warn(`[cssLengthToPixels] Cannot parse "${value}", defaulting to 14px`);
+        return 14;
+    }
+    if (value.endsWith('rem'))
+        return num * 16;
+    if (value.endsWith('pt'))
+        return num * 1.333;
+    if (value.endsWith('px') || !value.match(/[a-z%]/i))
+        return num;
+    console.warn(`[cssLengthToPixels] Unsupported unit in "${value}". ` +
+        `Only px, rem, and pt are supported. Using ${num}px as approximation.`);
+    return num;
+}

package/dist/tokenize/types.d.ts

@@ -21,6 +21,15 @@ export interface TokenizerContainer {
     enableTestMode?: boolean;
     layout?: 'single-line' | 'two-line' | 'responsive';
     responsiveBreakpoint?: number;
+    placeholders?: {
+        cardNumber?: string;
+        expiry?: string;
+        expiryMonth?: string;
+        expiryYear?: string;
+        cvv?: string;
+        routingNumber?: string;
+        accountNumber?: string;
+    };
 }
 export interface TokenizerStylingComplete {
     input: {
@@ -59,6 +68,14 @@ export interface TokenizerStylingComplete {
         fontSize: string;
         textAlign: string;
     };
+    label: {
+        show: boolean;
+        fontSize: string;
+        fontWeight: string;
+        fontFamily: string;
+        color: string;
+        marginBottom: string;
+    };
 }
 type DeepPartial<T> = T extends object ? {
     [P in keyof T]?: DeepPartial<T[P]>;

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@idonatedev/idonate-sdk",
 	"author": "iDonate",
-	"version": "1.2.0-dev17",
+	"version": "1.2.0-dev19",
 	"sideEffects": false,
 	"description": "iDonate Web SDK",
 	"engines": {