@justifi/webcomponents 4.21.0 → 4.22.1

package/dist/cjs/form-control-date_3.cjs.entry.js

@@ -1,175 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-fb499e95.js');
-const index$1 = require('./index-750475a3.js');
-const stateOptions = require('./state-options-4fbcb48a.js');
-const utils = require('./utils-ddacfc44.js');
-
-const DateInput = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.formControlInput = index.createEvent(this, "formControlInput", 7);
-        this.formControlBlur = index.createEvent(this, "formControlBlur", 7);
-        this.handleFormControlInput = (event) => {
-            const target = event.target;
-            const localValue = target.value;
-            if (this.filterTimeZone) {
-                const utcDate = this.convertToUTC(localValue);
-                this.inputHandler(this.name, utcDate);
-                this.formControlInput.emit({ name: this.name, value: utcDate });
-            }
-            else {
-                this.inputHandler(this.name, localValue);
-                this.formControlInput.emit({ name: this.name, value: localValue });
-            }
-        };
-        this.name = undefined;
-        this.label = undefined;
-        this.inputHandler = undefined;
-        this.defaultValue = undefined;
-        this.helpText = undefined;
-        this.errorText = undefined;
-        this.disabled = undefined;
-        this.filterTimeZone = false;
-        this.showTime = undefined;
-    }
-    handleDefaultValueChange(newValue) {
-        if (this.filterTimeZone) {
-            this.updateInput(this.convertToLocal(newValue));
-        }
-        else {
-            this.updateInput(newValue);
-        }
-    }
-    get maxDate() {
-        if (!this.showTime) {
-            return new Date().toISOString().split('T')[0];
-        }
-        else {
-            return new Date().toISOString().slice(0, 16);
-        }
-    }
-    componentDidLoad() {
-        if (this.filterTimeZone) {
-            this.updateInput(this.convertToLocal(this.defaultValue));
-        }
-        else {
-            this.updateInput(this.defaultValue);
-        }
-    }
-    updateInput(value) {
-        this.dateInput.value = value;
-    }
-    convertToUTC(value) {
-        const dateObj = new Date(value);
-        return new Date(dateObj.toUTCString()).toISOString();
-    }
-    convertToLocal(value) {
-        if (!value)
-            return value;
-        const date = new Date(value);
-        // Adjust the date to the local timezone
-        const localDate = new Date(date.getTime() - date.getTimezoneOffset() * 60000);
-        return this.showTime ? localDate.toISOString().slice(0, 16) : localDate.toISOString().split('T')[0];
-    }
-    render() {
-        return (index.h(index.Host, { key: '2ee850cab24ab7d32cbd638299f59827b5b7e117', exportparts: "label,input,input-invalid" }, index.h("div", { key: 'cc898cb56cb32f86e9a9f2a8fb626c38394cf36f', class: "form-group d-flex flex-column" }, index.h("div", { key: 'de4f8f4da4d650eeced126625ddcad480714dc50', class: "d-flex gap-2" }, index.h("label", { key: '99a74827cb24033d33ce5e9b978c4ec7161590f4', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'c9b2278afb165b5fc37dea2546f41912edb21567', helpText: this.helpText })), index.h("input", { key: 'af22c6198cb66961a3b4acf8486fdf034d65108c', type: this.showTime ? 'datetime-local' : 'date', ref: el => (this.dateInput = el), id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input ${this.errorText && 'input-invalid'}`, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled, max: this.maxDate }), index.h("form-control-error-text", { key: 'cdb69d99d1736c8ba976170bb2baf28246939cfd', errorText: this.errorText, name: this.name }))));
-    }
-    static get watchers() { return {
-        "defaultValue": ["handleDefaultValueChange"]
-    }; }
-};
-
-const NumberInputMasked = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.formControlInput = index.createEvent(this, "formControlInput", 7);
-        this.formControlBlur = index.createEvent(this, "formControlBlur", 7);
-        this.imask = null;
-        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) => {
-            const target = event.target;
-            const name = target.getAttribute('name');
-            this.formControlInput.emit({ name: name, value: target.value });
-        };
-        this.updateInput = (newValue) => {
-            if (this.imask && newValue) {
-                this.imask.value = String(newValue);
-            }
-        };
-        this.label = undefined;
-        this.name = undefined;
-        this.helpText = undefined;
-        this.errorText = undefined;
-        this.defaultValue = undefined;
-        this.inputHandler = undefined;
-        this.mask = undefined;
-        this.disabled = undefined;
-    }
-    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);
-        }
-    }
-    render() {
-        return (index.h(index.Host, { key: 'ec5637a437fc6925f12ed0ff9653de16cebec6c8', exportparts: "label,input,input-invalid" }, index.h("div", { key: 'fa43aed393941aaa2c9aadf550e2528aca661c90', class: "form-group d-flex flex-column" }, index.h("div", { key: 'f97bc1662798dd0ac7a01050771f7e2d8b94d3c8', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '75b17b73150c1c1ef3ca0489aa1dac45b86583b8', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'd1c35542ebf2c49de0abb0488dff23aad8238eaf', helpText: this.helpText })), index.h("input", { key: '3573366640ca5525b12cf086c92c000a25bfaf8b', ref: el => (this.textInput = el), id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input ${this.errorText && 'input-invalid'}`, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "text", disabled: this.disabled }), index.h("form-control-error-text", { key: 'db11bee11d3f1f33ac03e8ed0f8687f0b9fff9cf', errorText: this.errorText, name: this.name }))));
-    }
-    static get watchers() { return {
-        "defaultValue": ["handleDefaultValueChange"]
-    }; }
-};
-
-const IdentityAddressForm = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.inputHandler = (name, value) => {
-            this.address[name] = value;
-            this.address = Object.assign({}, this.address);
-        };
-        this.handleFormUpdate = undefined;
-        this.errors = undefined;
-        this.defaultValues = undefined;
-        this.address = {};
-    }
-    handleAddressChange(newValues) {
-        this.handleFormUpdate(newValues);
-    }
-    render() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-        return (index.h(index.Host, { key: 'd090676d3bb1d9de9ae947ff25d94b5985ace914', exportparts: "label,input,input-invalid" }, index.h("div", { key: '64ddec6db508d27b709ad551f60fe58494631fe3', class: "row gy-3" }, index.h("div", { key: '7e0f89b7b8d5a466b89efad75498c5d1f2cac8ea', class: "col-12 col-md-8" }, index.h("form-control-text", { key: '0fdbbf48001fe60c5bf5e7a07d7b43186ca2f0eb', name: "line1", label: "Street Address", defaultValue: (_a = this.defaultValues) === null || _a === void 0 ? void 0 : _a.line1, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.line1, inputHandler: this.inputHandler, helpText: "\u200B\u200BEnter your address exactly as stated on your driver's license. No PO Boxes." })), index.h("div", { key: '2b17a0fcd80dbea0703ac0291d5e509b0c14d9c8', class: "col-12 col-md-4" }, index.h("form-control-text", { key: 'ae29fceaf3af789789c86f545dab6a9d0e4c8429', name: "line2", label: "Apartment, Suite, etc. (optional)", defaultValue: (_c = this.defaultValues) === null || _c === void 0 ? void 0 : _c.line2, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.line2, inputHandler: this.inputHandler })), index.h("div", { key: '55ccf8053ec8e3c1f4534c47d8d23eeac3383d13', class: "col-12" }, index.h("form-control-text", { key: '3a3ca85cbf0514da6828e3f5a0bf0fd4b9e983c8', name: "city", label: "City", defaultValue: (_e = this.defaultValues) === null || _e === void 0 ? void 0 : _e.city, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.city, inputHandler: this.inputHandler })), index.h("div", { key: 'daf6e6031b8dfab6a3e0170f96cc2f0649ded7ce', class: "col-12 col-md-6" }, index.h("form-control-select", { key: '08791966d72817826f23c3d55ffe3cbaad0ac3bd', name: "state", label: "State", defaultValue: (_g = this.defaultValues) === null || _g === void 0 ? void 0 : _g.state, options: stateOptions.StateOptions, errorText: (_h = this.errors) === null || _h === void 0 ? void 0 : _h.state, inputHandler: this.inputHandler })), index.h("div", { key: 'c97882ae4c598f762ec32e9ff54b819077ba7193', class: "col-12 col-md-6" }, index.h("form-control-text", { key: '562ffc8ad8de252d009a284b7b61f978084034dd', name: "postal_code", label: "Postal Code", 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: 5, keyDownHandler: utils.numberOnlyHandler, inputHandler: this.inputHandler })), index.h("div", { key: '6fda38b6ab0618bd9c47ae51417f3b7e10148f53', class: "col-12" }, index.h("form-control-select", { key: 'df9ec4209e2c82ba05af0160cb74849c20110bae', name: "country", label: "Country", options: [{ label: 'United States', value: 'USA' }], inputHandler: this.inputHandler, defaultValue: (_l = this.defaultValues) === null || _l === void 0 ? void 0 : _l.country, errorText: (_m = this.errors) === null || _m === void 0 ? void 0 : _m.country,
-            // just for now so we skip handling country specificities
-            disabled: true })))));
-    }
-    static get watchers() { return {
-        "address": ["handleAddressChange"]
-    }; }
-};
-
-exports.form_control_date = DateInput;
-exports.form_control_number_masked = NumberInputMasked;
-exports.justifi_identity_address_form = IdentityAddressForm;