@justifi/webcomponents 6.1.0-rc.2 → 6.1.0-rc.3

package/dist/collection/ui-components/shadow-dom-components/justifi-button.js

@@ -7,7 +7,7 @@ export class JustifiButton {
         this.type = 'button';
     }
     render() {
-        return (h(StyledHost, { key: '48098276e0808052803f0d16df68ba23d529c4ab' }, h(Button, { key: 'c62e8d2d9208dc180180b4283edea991c5a93c57', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
+        return (h(StyledHost, { key: 'e3b353dac8bf4c078fed17a4854c6ee1891df140' }, h(Button, { key: '76bfcc8763775a3442fe7f8c307400c1fa829da0', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
     }
     static get is() { return "justifi-button"; }
     static get encapsulation() { return "shadow"; }
@@ -15,7 +15,6 @@ export class JustifiButton {
         return {
             "text": {
                 "type": "string",
-                "attribute": "text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -30,11 +29,11 @@ export class JustifiButton {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "text"
             },
             "variant": {
                 "type": "string",
-                "attribute": "variant",
                 "mutable": false,
                 "complexType": {
                     "original": "'primary' | 'secondary'",
@@ -50,11 +49,11 @@ export class JustifiButton {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "variant",
                 "defaultValue": "'primary'"
             },
             "isLoading": {
                 "type": "boolean",
-                "attribute": "is-loading",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -69,11 +68,11 @@ export class JustifiButton {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "is-loading"
             },
             "clickHandler": {
                 "type": "unknown",
-                "attribute": "click-handler",
                 "mutable": false,
                 "complexType": {
                     "original": "(event: MouseEvent) => void",
@@ -96,7 +95,6 @@ export class JustifiButton {
             },
             "disabled": {
                 "type": "boolean",
-                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -111,11 +109,11 @@ export class JustifiButton {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "disabled"
             },
             "type": {
                 "type": "string",
-                "attribute": "type",
                 "mutable": false,
                 "complexType": {
                     "original": "'button' | 'submit' | 'reset'",
@@ -131,11 +129,11 @@ export class JustifiButton {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "type",
                 "defaultValue": "'button'"
             },
             "class": {
                 "type": "string",
-                "attribute": "class",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -150,11 +148,11 @@ export class JustifiButton {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "class"
             },
             "customStyle": {
                 "type": "string",
-                "attribute": "custom-style",
                 "mutable": false,
                 "complexType": {
                     "original": "string | { [key: string]: string }",
@@ -169,7 +167,8 @@ export class JustifiButton {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "custom-style"
             }
         };
     }

package/dist/collection/ui-components/shadow-dom-components/justifi-header.js

@@ -14,7 +14,7 @@ export class Header {
     }
     render() {
         const HeaderComponent = this.levels[this.level];
-        return (h(StyledHost, { key: 'eb3651b698897193d34a6c6456cd57dd0bd0bc43' }, h(HeaderComponent, { key: '39caee687f93d3d4d90e62d9fbcae318eaa8022e', text: this.text, class: this.class })));
+        return (h(StyledHost, { key: 'd4871da09451d40b27220a207ee72317ed9b1b9f' }, h(HeaderComponent, { key: 'f7de159fa6395ef4024f48b868369f8d10edf64e', text: this.text, class: this.class })));
     }
     static get is() { return "justifi-header"; }
     static get encapsulation() { return "shadow"; }
@@ -22,7 +22,6 @@ export class Header {
         return {
             "text": {
                 "type": "string",
-                "attribute": "text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -37,11 +36,11 @@ export class Header {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "text"
             },
             "level": {
                 "type": "string",
-                "attribute": "level",
                 "mutable": false,
                 "complexType": {
                     "original": "keyof typeof this.levels",
@@ -57,11 +56,11 @@ export class Header {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "level",
                 "defaultValue": "'h1'"
             },
             "class": {
                 "type": "string",
-                "attribute": "class",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -76,7 +75,8 @@ export class Header {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "class"
             }
         };
     }

package/dist/collection/ui-components/shadow-dom-components/justifi-radio-list-item.js

@@ -18,7 +18,6 @@ export class JustifiRadioListItem {
         return {
             "name": {
                 "type": "string",
-                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -33,11 +32,11 @@ export class JustifiRadioListItem {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "name"
             },
             "value": {
                 "type": "string",
-                "attribute": "value",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -52,11 +51,11 @@ export class JustifiRadioListItem {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "value"
             },
             "label": {
                 "type": "any",
-                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "any",
@@ -71,11 +70,11 @@ export class JustifiRadioListItem {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "label"
             },
             "checked": {
                 "type": "boolean",
-                "attribute": "checked",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -91,11 +90,11 @@ export class JustifiRadioListItem {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "checked",
                 "defaultValue": "false"
             },
             "hidden": {
                 "type": "boolean",
-                "attribute": "hidden",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -111,11 +110,11 @@ export class JustifiRadioListItem {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "hidden",
                 "defaultValue": "false"
             },
             "class": {
                 "type": "string",
-                "attribute": "class",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -130,7 +129,8 @@ export class JustifiRadioListItem {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "class"
             }
         };
     }

package/dist/collection/ui-components/shadow-dom-components/justifi-skeleton.js

@@ -3,7 +3,7 @@ import { StyledHost } from "../styled-host/styled-host";
 import { Skeleton } from "../skeleton";
 export class JustifiSkeleton {
     render() {
-        return (h(StyledHost, { key: 'c995981caeae785829f1ef75454b2759243e8adb' }, h(Skeleton, { key: '9c63cf385499820bb1acd3503e126363485684f6', component: this.component, height: this.height, width: this.width, className: this.class, styles: this.customStyle })));
+        return (h(StyledHost, { key: '79c2def38d099c6c146b89b6d33f8b1ca403bace' }, h(Skeleton, { key: 'd73576f82a88f9282caebaeb66cf4c444e8318a6', component: this.component, height: this.height, width: this.width, className: this.class, styles: this.customStyle })));
     }
     static get is() { return "justifi-skeleton"; }
     static get encapsulation() { return "shadow"; }
@@ -11,7 +11,6 @@ export class JustifiSkeleton {
         return {
             "component": {
                 "type": "string",
-                "attribute": "component",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -26,11 +25,11 @@ export class JustifiSkeleton {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "component"
             },
             "height": {
                 "type": "any",
-                "attribute": "height",
                 "mutable": false,
                 "complexType": {
                     "original": "string | number",
@@ -45,11 +44,11 @@ export class JustifiSkeleton {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "height"
             },
             "width": {
                 "type": "any",
-                "attribute": "width",
                 "mutable": false,
                 "complexType": {
                     "original": "string | number",
@@ -64,11 +63,11 @@ export class JustifiSkeleton {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "width"
             },
             "class": {
                 "type": "string",
-                "attribute": "class",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -83,11 +82,11 @@ export class JustifiSkeleton {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "class"
             },
             "customStyle": {
                 "type": "unknown",
-                "attribute": "custom-style",
                 "mutable": false,
                 "complexType": {
                     "original": "{ [key: string]: any }",

package/dist/collection/utils/country-codes.js

@@ -0,0 +1,5 @@
+export var CountryCode;
+(function (CountryCode) {
+    CountryCode["USA"] = "USA";
+    CountryCode["CAN"] = "CAN";
+})(CountryCode || (CountryCode = {}));

package/dist/collection/utils/form-input-masks.js

@@ -3,6 +3,14 @@ export const PHONE_MASKS = {
 };
 export const TAX_ID_MASKS = { US: '00-0000000' };
 export const SSN_MASK = '000-00-0000';
+// Identity number masks by country
+// Supports both long and short country codes for robustness during rollout
+export const IDENTITY_MASKS = {
+    USA: '000-00-0000',
+    US: '000-00-0000',
+    CAN: '000-000-000',
+    CA: '000-000-000',
+};
 export const CURRENCY_MASK = {
     WHOLE: {
         mask: Number,

package/dist/collection/utils/province-options.js

@@ -0,0 +1,20 @@
+const ProvinceOptions = [
+    {
+        label: 'Choose province',
+        value: '',
+    },
+    { label: 'Alberta', value: 'AB' },
+    { label: 'British Columbia', value: 'BC' },
+    { label: 'Manitoba', value: 'MB' },
+    { label: 'New Brunswick', value: 'NB' },
+    { label: 'Newfoundland and Labrador', value: 'NL' },
+    { label: 'Northwest Territories', value: 'NT' },
+    { label: 'Nova Scotia', value: 'NS' },
+    { label: 'Nunavut', value: 'NU' },
+    { label: 'Ontario', value: 'ON' },
+    { label: 'Prince Edward Island', value: 'PE' },
+    { label: 'Quebec', value: 'QC' },
+    { label: 'Saskatchewan', value: 'SK' },
+    { label: 'Yukon', value: 'YT' },
+];
+export default ProvinceOptions;