@justifi/webcomponents 5.4.0 → 5.4.2

package/dist/collection/ui-components/form/form-control-textarea.js

@@ -47,10 +47,10 @@ export class TextInput {
         return input;
     }
     render() {
-        return (h(Host, { key: '4c7cefde1aa87f6300e8a8addc4526924a289430' }, h("div", { key: '650f5d14e0238bc8189935ddaf11dab193b8b0c9', class: "form-group d-flex flex-column" }, h("label", { key: '5a1b3d23c4362344ca440cea94a51a50645e3b12', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '20b1055d4d6ebe28014c039ed007aa807a314ff9', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '140be8b4dc7d31be7bc6cfae5d1d86bdf777e7a1' }, h("div", { key: '8348dbe04bb617081b7fad50238f1bf3a55ae9e2', class: "form-group d-flex flex-column" }, h("label", { key: '4257e23df7cae41e5af09ba3ecbc1d7418c9ed49', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '2a49a82756de35be6981c8e4bb1f19be17239fa5', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled }), h("form-control-help-text", { key: 'f5e16b2e1db3865366ae00188eef913b5639c3ca', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'f0c3f58e74bf08be61216813ae55be1a7e334fdf', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled }), h("form-control-help-text", { key: 'd9dbc241c4bf6b556cd225b4727ffc894f78a695', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'befc53a62981b67120907b95cdf2ce94e5abf9aa', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-textarea"; }
     static get properties() {

package/dist/collection/ui-components/form/hidden-input.js

@@ -73,7 +73,7 @@ export class HiddenInput {
         return input;
     }
     render() {
-        return (h(Host, { key: 'd159a6bed8e3d1ea974ce2abab1d6fd1ff233c86' }, h("input", { key: '68142d8e2cace690b0f3940730d67d6b0b95c046', ref: el => this.hiddenInput = el, type: "text", class: this.errorText ? "form-control is-invalid" : "form-control", onFocus: () => this.isFocused = true, onBlur: () => this.isFocused = false, part: this.part, tabindex: "-1", style: { height: '0', opacity: '0', pointerEvents: 'none', animation: 'none' } })));
+        return (h(Host, { key: 'bd707d25b1b5f0a870ff6c778291cf008ecd212b' }, h("input", { key: '639af920d20d2d5e9c2791c251f00368137c7798', ref: el => this.hiddenInput = el, type: "text", class: this.errorText ? "form-control is-invalid" : "form-control", onFocus: () => this.isFocused = true, onBlur: () => this.isFocused = false, part: this.part, tabindex: "-1", style: { height: '0', opacity: '0', pointerEvents: 'none', animation: 'none' } })));
     }
     static get is() { return "hidden-input"; }
     static get states() {

package/dist/collection/ui-components/form/iframe-input.js

@@ -81,10 +81,10 @@ export class IframeInput {
         return params;
     }
     render() {
-        return (h(Host, { key: '04753fb11bc73c5d62986e8a8da30290ad9ed57a', class: "form-group d-flex flex-column" }, h("div", { key: '3c8e8df43e94ec2a4d7749a31fd05b913f0c3018', style: {
+        return (h(Host, { key: '0c7696f592d079436b8a91d33474f74de2922917', class: "form-group d-flex flex-column" }, h("div", { key: '947cd055eb77e78ec719da130fab97ca093e4954', style: {
                 visibility: this.iframeLoaded ? 'visible' : 'hidden',
                 height: this.iframeLoaded ? 'auto' : '0',
-            } }, h("label", { key: '3604c232c38a73c555d1a0e7f574a7608a490862', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: '019c7844dcc29bc0ec39c3db999df25dabd06750', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, h("iframe", { key: '1898018d792bc1d17bb8894d0c038e98ac8065a7', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
+            } }, h("label", { key: '59dfc89fb0ffb5163b9ea6c7eef12b1ff5bab5d2', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: 'cad88a50d0381285a1c125e1331c3e401327554d', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, h("iframe", { key: 'bf4af4cc965ddd4376b5780ea53824cb268c1952', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
                 this.iframeElement = el;
                 this.initializeFrameCommunicationService();
             }, width: "100%", onLoad: () => {
@@ -94,7 +94,7 @@ export class IframeInput {
                         this.iframeLoaded.emit();
                     }
                 }, this.iframeElement);
-            } })), h(FormControlErrorText, { key: '525d1fca8fdccc481aea9cbb6e8040b2c06b53ea', errorText: this.errorText, name: this.inputId }))));
+            } })), h(FormControlErrorText, { key: '785e5ad09f32240299116d906f5a5dbf3f03ed5e', errorText: this.errorText, name: this.inputId }))));
     }
     static get is() { return "iframe-input"; }
     static get properties() {

package/dist/collection/{components → ui-components}/pagination-menu/pagination-menu.js

@@ -27,8 +27,8 @@ export class PaginationMenu {
                     "references": {
                         "PaginationProps": {
                             "location": "local",
-                            "path": "/home/runner/work/web-component-library/web-component-library/packages/webcomponents/src/components/pagination-menu/pagination-menu.tsx",
-                            "id": "src/components/pagination-menu/pagination-menu.tsx::PaginationProps"
+                            "path": "/home/runner/work/web-component-library/web-component-library/packages/webcomponents/src/ui-components/pagination-menu/pagination-menu.tsx",
+                            "id": "src/ui-components/pagination-menu/pagination-menu.tsx::PaginationProps"
                         }
                     }
                 },
@@ -49,8 +49,8 @@ export class PaginationMenu {
                     "references": {
                         "PaginationProps": {
                             "location": "local",
-                            "path": "/home/runner/work/web-component-library/web-component-library/packages/webcomponents/src/components/pagination-menu/pagination-menu.tsx",
-                            "id": "src/components/pagination-menu/pagination-menu.tsx::PaginationProps"
+                            "path": "/home/runner/work/web-component-library/web-component-library/packages/webcomponents/src/ui-components/pagination-menu/pagination-menu.tsx",
+                            "id": "src/ui-components/pagination-menu/pagination-menu.tsx::PaginationProps"
                         }
                     }
                 },

package/dist/collection/utils/utils.js

@@ -1,10 +1,10 @@
 import { format } from "date-fns";
 import Dinero from "dinero.js";
 // Currency Formatting
-export const formatCurrency = (amount, currency) => {
+export const formatCurrency = (amount, currency, omitSymbols = false) => {
     if (!amount)
         amount = 0;
-    const formattedString = '$0,0.00';
+    const formattedString = omitSymbols ? '0,0.00' : '$0,0.00';
     const formattedCurrency = currency === null || currency === void 0 ? void 0 : currency.toUpperCase();
     const formattedAmount = Dinero({ amount: amount }).toFormat(formattedString);
     return currency ? `${formattedAmount} ${formattedCurrency}` : formattedAmount;
@@ -105,6 +105,11 @@ export function formatAddress(address) {
     return `${address.line1}, ${address.city}, ${address.state} ${address.postal_code}`;
 }
 // String Manipulation
+export function capitalFirstLetter(str) {
+    if (!str)
+        return '';
+    return str.charAt(0).toUpperCase() + str.slice(1);
+}
 export function snakeCaseToHumanReadable(snakeCaseStr) {
     if (!snakeCaseStr)
         return '';
@@ -150,3 +155,14 @@ export function processHTML(htmlString, functions) {
     });
     return processedHTML;
 }
+export function formatPhoneNumber(number) {
+    // Remove all non-numeric characters
+    let cleaned = ('' + number).replace(/\D/g, '');
+    // Check if the number has the correct length
+    if (cleaned.length !== 10) {
+        return 'Invalid number';
+    }
+    // Format the number (XXX) XXX-XXXX
+    let formatted = cleaned.replace(/(\d{3})(\d{3})(\d{4})/, '($1) $2-$3');
+    return formatted;
+}