@justifi/webcomponents 4.19.0 → 4.19.1-rc-3

package/dist/webcomponents/p-b82c146f.entry.js

@@ -0,0 +1,111 @@
+import { r as registerInstance, h, c as createEvent, H as Host, g as getElement } from './p-fad19d75.js';
+
+const FormControlErrorText = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.errorText = undefined;
+        this.name = undefined;
+    }
+    render() {
+        if (!this.errorText) {
+            return null;
+        }
+        return (h("small", { class: 'form-text text-danger', id: `form-error-text-${this.name}` }, this.errorText));
+    }
+};
+
+const FormControlHelpText = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.helpText = undefined;
+        this.name = undefined;
+    }
+    render() {
+        if (!this.helpText) {
+            return null;
+        }
+        return (h("small", { class: 'form-text text-muted', id: `form-help-text-${this.name}` }, this.helpText));
+    }
+};
+
+const SelectInput = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.formControlInput = createEvent(this, "formControlInput", 7);
+        this.formControlBlur = createEvent(this, "formControlBlur", 7);
+        this.handleFormControlInput = (event) => {
+            const target = event.target;
+            const name = target.getAttribute('name');
+            this.inputHandler(name, target.value);
+            this.formControlInput.emit(target.value);
+        };
+        this.updateInput = (newValue) => {
+            this.selectElement.value = newValue;
+        };
+        this.label = undefined;
+        this.name = undefined;
+        this.helpText = undefined;
+        this.errorText = undefined;
+        this.defaultValue = undefined;
+        this.inputHandler = undefined;
+        this.options = undefined;
+        this.disabled = undefined;
+    }
+    handleDefaultValueChange(newValue) {
+        this.updateInput(newValue);
+    }
+    componentDidLoad() {
+        this.updateInput(this.defaultValue);
+    }
+    render() {
+        var _a;
+        return (h(Host, { key: '99449e3724103b12af7f2a4573831961074a484a', exportparts: "label,input,input-invalid" }, h("div", { key: 'd73e89d43da9968b687afece24794d9472fec6b5', class: "form-group d-flex flex-column" }, h("label", { key: '6964c55858fc3cf96a137e1061c7f66831105348', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("select", { key: '5b1a09a607ad9638915f5e70f2164f6010020438', ref: el => (this.selectElement = el), id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input ${this.errorText ? 'input-invalid' : ''}`, class: this.errorText ? 'form-select is-invalid' : 'form-select', disabled: this.disabled }, (_a = this.options) === null || _a === void 0 ? void 0 : _a.map(option => (h("option", { value: option.value }, option.label)))), h("form-control-help-text", { key: '62d862921d463c98e56888293c878624f7311548', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '0b1c4d4752965fb058208c72c7f1c3872d1e0561', errorText: this.errorText, name: this.name }))));
+    }
+    static get watchers() { return {
+        "defaultValue": ["handleDefaultValueChange"]
+    }; }
+};
+
+const TextInput = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.formControlInput = createEvent(this, "formControlInput", 7);
+        this.formControlBlur = createEvent(this, "formControlBlur", 7);
+        this.handleFormControlInput = (event) => {
+            const target = event.target;
+            const name = target.getAttribute('name');
+            this.inputHandler(name, target.value);
+            this.formControlInput.emit({ name, value: target.value });
+        };
+        this.updateInput = (newValue) => {
+            const inputElement = this.el.querySelector('input');
+            if (inputElement) {
+                inputElement.value = newValue || '';
+            }
+        };
+        this.label = undefined;
+        this.name = undefined;
+        this.helpText = undefined;
+        this.errorText = undefined;
+        this.defaultValue = undefined;
+        this.maxLength = undefined;
+        this.inputHandler = undefined;
+        this.keyDownHandler = undefined;
+        this.disabled = undefined;
+    }
+    handleDefaultValueChange(newValue) {
+        this.updateInput(newValue);
+    }
+    componentDidLoad() {
+        this.updateInput(this.defaultValue);
+    }
+    render() {
+        return (h(Host, { key: '1194532f81831734543bad80860da14f8a5ad856', exportparts: "label,input,input-invalid" }, h("div", { key: '296538cf90b62f8041e21620aa06b4074f68b71a', class: "form-group d-flex flex-column" }, h("label", { key: '7c009ce96124e58f9657dba2565ef298225f10f7', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '4b33cb700aecf4d0a359366ba2e0d248c602d904', id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: `input ${this.errorText ? 'input-invalid ' : ''}${this.disabled ? ' input-disabled' : ''}`, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "text", disabled: this.disabled }), h("form-control-help-text", { key: '7a279d72bb262fcb044b5b0cc31703878ce9f444', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '00bea288a99f626806697a98b6dca3f3298dc0b3', errorText: this.errorText, name: this.name }))));
+    }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "defaultValue": ["handleDefaultValueChange"]
+    }; }
+};
+
+export { FormControlErrorText as form_control_error_text, FormControlHelpText as form_control_help_text, SelectInput as form_control_select, TextInput as form_control_text };

package/dist/webcomponents/p-b8a03a4b.entry.js

@@ -0,0 +1,131 @@
+import { r as registerInstance, c as createEvent, h } from './p-fad19d75.js';
+import { A as Api } from './p-29c0b182.js';
+import './p-56f6ce4c.js';
+import './p-df21aaad.js';
+import './p-e3fab0e2.js';
+import { g as getErrorMessage, a as getErrorCode } from './p-8115b2f4.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './p-14c91ffd.js';
+import { J as JustifiAnalytics } from './p-387450f6.js';
+import './p-2dabeb5a.js';
+
+class InsuranceService {
+    async fetchQuote(authToken, payload) {
+        const endpoint = 'insurance/quotes';
+        return Api({ authToken, apiOrigin: undefined }).post(endpoint, JSON.stringify(payload));
+    }
+    async toggleCoverage(authToken, quoteId, payload) {
+        const endpoint = `insurance/quotes/${quoteId}/toggle`;
+        return Api({ authToken, apiOrigin: undefined }).post(endpoint, JSON.stringify(payload));
+    }
+}
+
+const makeGetQuote = ({ authToken, service }) => async ({ payload, onSuccess, onError }) => {
+    var _a;
+    try {
+        const response = await service.fetchQuote(authToken, payload);
+        if (!response.error) {
+            const quote = response.data;
+            onSuccess({ quote });
+        }
+        else {
+            const responseError = getErrorMessage(response.error);
+            const code = getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
+            return onError({
+                error: responseError,
+                code,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    catch (error) {
+        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        return onError({
+            error: error.message || error,
+            code,
+            severity: ComponentErrorSeverity.ERROR,
+        });
+    }
+};
+const makeToggleCoverage = ({ authToken, service }) => async ({ quoteId, payload, onSuccess, onError }) => {
+    var _a;
+    try {
+        const response = await service.toggleCoverage(authToken, quoteId, payload);
+        if (!response.error) {
+            const quote = response.data;
+            onSuccess({ quote });
+        }
+        else {
+            const responseError = getErrorMessage(response.error);
+            const code = getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
+            return onError({
+                error: responseError,
+                code,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    catch (error) {
+        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        return onError({
+            error: error.message || error,
+            code,
+            severity: ComponentErrorSeverity.ERROR,
+        });
+    }
+};
+
+const SeasonInterruptionInsurance = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.errorEvent = createEvent(this, "error-event", 7);
+        this.authToken = undefined;
+        this.checkoutId = undefined;
+        this.primaryIdentityFirstName = undefined;
+        this.primaryIdentityLastName = undefined;
+        this.primaryIdentityState = undefined;
+        this.primaryIdentityPostalCode = undefined;
+        this.primaryIdentityCountry = undefined;
+        this.primaryIdentityEmailAddress = undefined;
+        this.policyAttributesInsurableAmount = undefined;
+        this.policyAttributesStartDate = undefined;
+        this.policyAttributesEndDate = undefined;
+        this.coveredIdentityFirstName = undefined;
+        this.coveredIdentityLastName = undefined;
+        this.getQuote = undefined;
+        this.toggleCoverage = undefined;
+        this.quote = undefined;
+    }
+    async validate() {
+        return this.seasonInterruptionCoreRef.validate();
+    }
+    componentWillLoad() {
+        this.analytics = new JustifiAnalytics(this);
+        this.initializeServiceMethods();
+    }
+    disconnectedCallback() {
+        this.analytics.cleanup();
+    }
+    initializeServiceMethods() {
+        if (!this.authToken) {
+            this.errorEvent.emit({
+                errorCode: ComponentErrorCodes.MISSING_PROPS,
+                message: 'Missing authToken',
+                severity: ComponentErrorSeverity.ERROR,
+            });
+            return;
+        }
+        this.getQuote = makeGetQuote({
+            authToken: this.authToken,
+            service: new InsuranceService(),
+        });
+        this.toggleCoverage = makeToggleCoverage({
+            authToken: this.authToken,
+            service: new InsuranceService(),
+        });
+    }
+    render() {
+        return (h("justifi-season-interruption-insurance-core", { key: '256d45d39c5d297abb7f955229b0e0e9fbc9504a', ref: (el) => (this.seasonInterruptionCoreRef = el), "checkout-id": this.checkoutId, getQuote: this.getQuote, toggleCoverage: this.toggleCoverage, "primary-identity-first-name": this.primaryIdentityFirstName, "primary-identity-last-name": this.primaryIdentityLastName, "primary-identity-state": this.primaryIdentityState, "primary-identity-postal-code": this.primaryIdentityPostalCode, "primary-identity-country": this.primaryIdentityCountry, "primary-identity-email-address": this.primaryIdentityEmailAddress, "policy-attributes-insurable-amount": this.policyAttributesInsurableAmount, "policy-attributes-start-date": this.policyAttributesStartDate, "policy-attributes-end-date": this.policyAttributesEndDate, "covered-identity-first-name": this.coveredIdentityFirstName, "covered-identity-last-name": this.coveredIdentityLastName }));
+    }
+};
+
+export { SeasonInterruptionInsurance as justifi_season_interruption_insurance };