@justifi/webcomponents 6.1.0-rc.3 → 6.1.1-rc.1

package/dist/cjs/form-control-number-masked_3.cjs.entry.js

@@ -1,119 +0,0 @@
-'use strict';
-
-var index = require('./index-CaAefsWD.js');
-var index$1 = require('./index-1MT3Z4XI.js');
-var parts = require('./parts-9jMf1erK.js');
-var formControlErrorText = require('./form-control-error-text-DJzNQrEz.js');
-require('./event-types-YOY5TKUN.js');
-var Business = require('./Business-DWHy_-z9.js');
-var utils = require('./utils-DAyWinG2.js');
-var countryConfig = require('./country-config-MCOhn8o3.js');
-
-const NumberInputMasked = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.formControlInput = index.createEvent(this, "formControlInput");
-        this.formControlBlur = index.createEvent(this, "formControlBlur");
-        this.imask = null;
-        this.isFocused = false;
-        this.initializeIMask = () => {
-            if (!this.textInput)
-                return;
-            this.imask = index$1.IMask(this.textInput, {
-                mask: this.mask,
-            });
-            this.imask.on('accept', () => {
-                var _a;
-                const rawValue = (_a = this.imask) === null || _a === void 0 ? void 0 : _a.unmaskedValue;
-                if (rawValue !== undefined) {
-                    this.inputHandler(this.name, rawValue);
-                }
-            });
-            this.textInput.addEventListener('blur', () => this.formControlBlur.emit());
-        };
-        this.handleFormControlInput = (event) => {
-            var _a;
-            const target = event.target;
-            const name = target.getAttribute('name');
-            const rawValue = ((_a = this.imask) === null || _a === void 0 ? void 0 : _a.unmaskedValue) || target.value;
-            this.formControlInput.emit({ name: name, value: rawValue });
-        };
-        this.updateInput = (newValue) => {
-            if (this.imask && newValue) {
-                this.imask.value = String(newValue);
-            }
-        };
-    }
-    handleDefaultValueChange(newValue) {
-        this.initializeIMask();
-        this.updateInput(newValue);
-    }
-    disconnectedCallback() {
-        var _a;
-        (_a = this.imask) === null || _a === void 0 ? void 0 : _a.destroy();
-    }
-    componentDidLoad() {
-        if (this.textInput) {
-            this.initializeIMask();
-            this.updateInput(this.defaultValue);
-        }
-    }
-    get part() {
-        if (this.errorText) {
-            return parts.inputInvalid;
-        }
-        if (this.disabled) {
-            return parts.inputDisabled;
-        }
-        if (this.isFocused) {
-            return parts.inputFocused;
-        }
-        return parts.input;
-    }
-    render() {
-        return (index.h(index.Host, { key: '5252b2a1d8f6275cdaaa803c1c3a58294b35ef5c' }, index.h("div", { key: '7fe65f7797268ebc964a1b02ac61166254a0c409', class: "form-group d-flex flex-column" }, index.h("div", { key: '843bf1cf8ff7bf245760d0f65ea844768aa78ad2', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '2ba6512c6a6dfa9aa4105f069809173f01262c60', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'ec179bc366c9286246134133510bcd35fd9de891', helpText: this.helpText })), index.h("input", { key: '546e50189acc596e7b1c1826edb7473084f93754', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
-                this.isFocused = false;
-                this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "text", disabled: this.disabled }), index.h(formControlErrorText.FormControlErrorText, { key: '6da86dcebd7e427cce68d7b88d07b94daec26f21', errorText: this.errorText, name: this.name }))));
-    }
-    static get watchers() { return {
-        "defaultValue": ["handleDefaultValueChange"]
-    }; }
-};
-
-const FormAddressFields = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.country = Business.CountryCode.USA;
-    }
-    render() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-        const labels = countryConfig.countryLabels[this.country];
-        const options = countryConfig.countryOptions[this.country];
-        return (index.h(index.Host, { key: '429dd1250553f6d25f9db6d6c1379af0290718c6' }, index.h("div", { key: '91b9d7199bea1620c7614efd25c0421d3f85c19d', class: "row gy-3" }, index.h("div", { key: '13dd91b17d387ef9c8bc97b44a273f0984758a3a', class: "col-12" }, index.h("form-control-text", { key: '52ecc715696aed27a6f4329971e90e90ebb971fa', name: "line1", label: "Street Address", inputHandler: this.inputHandler, defaultValue: (_a = this.defaultValues) === null || _a === void 0 ? void 0 : _a.line1, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.line1, helpText: "No PO Boxes." })), index.h("div", { key: '64bc39361d02b10c75dfc8389915ce192b9f7606', class: "col-12" }, index.h("form-control-text", { key: 'a835f2f9706664dd195daa5436fe49aea2c54968', name: "line2", label: "Address Line 2 (optional)", inputHandler: this.inputHandler, defaultValue: (_c = this.defaultValues) === null || _c === void 0 ? void 0 : _c.line2, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.line2 })), index.h("div", { key: 'ef9b02103d0d1469da092d8965d021b049e54cb5', class: "col-12" }, index.h("form-control-text", { key: '9263360f47c6e833a904aab2e8b30d4a35d50e75', name: "city", label: "City", inputHandler: this.inputHandler, defaultValue: (_e = this.defaultValues) === null || _e === void 0 ? void 0 : _e.city, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.city })), index.h("div", { key: '4609534e39659ed47350e68a64fee58616320da4', class: "col-12" }, index.h("form-control-select", { key: 'a7f94fa5ea2642cae82729951198771fd1f31380', name: "state", label: labels.stateLabel, options: options.stateOptions, inputHandler: this.inputHandler, defaultValue: (_g = this.defaultValues) === null || _g === void 0 ? void 0 : _g.state, errorText: (_h = this.errors) === null || _h === void 0 ? void 0 : _h.state })), index.h("div", { key: 'eadf0a6e2e2cfbe8e476ba8abb25eab4b2b005fb', class: "col-12" }, index.h("form-control-text", { key: '2708d2a47c8afccc470203775d494683f133174b', name: "postal_code", label: labels.postalLabel, inputHandler: this.inputHandler, defaultValue: (_j = this.defaultValues) === null || _j === void 0 ? void 0 : _j.postal_code, errorText: (_k = this.errors) === null || _k === void 0 ? void 0 : _k.postal_code, maxLength: this.country === Business.CountryCode.USA ? 5 : 7, keyDownHandler: this.country === Business.CountryCode.USA ? utils.numberOnlyHandler : undefined })))));
-    }
-};
-
-const IdentityAddressForm = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.address = {};
-        this.inputHandler = (name, value) => {
-            this.address[name] = value;
-            this.address = Object.assign({}, this.address);
-        };
-    }
-    handleAddressChange(newValues) {
-        this.handleFormUpdate(newValues);
-    }
-    render() {
-        return (index.h(index.Host, { key: 'c9b75fa8c884fb755cd26be4433022f278794e4e' }, index.h("justifi-form-address-fields", { key: '2f9cfa3fc695de214d9203c680e6cb115d714b82', country: this.country, errors: this.errors, defaultValues: this.defaultValues, inputHandler: this.inputHandler })));
-    }
-    static get watchers() { return {
-        "address": ["handleAddressChange"]
-    }; }
-};
-
-exports.form_control_number_masked = NumberInputMasked;
-exports.justifi_form_address_fields = FormAddressFields;
-exports.justifi_identity_address_form = IdentityAddressForm;