@justifi/webcomponents 4.19.1-rc → 4.19.1-rc-4

package/dist/webcomponents/p-6053809a.entry.js

@@ -0,0 +1,80 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './p-fad19d75.js';
+import { E as ErrorState } from './p-dce846bf.js';
+import { B as BusinessService } from './p-3e9ef4a8.js';
+import { B as Business } from './p-af244664.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './p-14c91ffd.js';
+import { g as getErrorMessage, a as getErrorCode } from './p-8115b2f4.js';
+import { J as JustifiAnalytics } from './p-9282eab8.js';
+import './p-29c0b182.js';
+import './p-1ff8810b.js';
+import './p-6078a370.js';
+import './p-492588bf.js';
+
+const makeGetBusiness = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
+    var _a;
+    try {
+        const response = await service.fetchBusiness(id, authToken);
+        if (!response.error) {
+            onSuccess({ business: new Business(response.data) });
+        }
+        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 BusinessDetails = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.errorEvent = createEvent(this, "error-event", 7);
+        this.businessId = undefined;
+        this.authToken = undefined;
+        this.errorMessage = undefined;
+        this.getBusiness = undefined;
+    }
+    componentWillLoad() {
+        this.analytics = new JustifiAnalytics(this);
+        this.initializeGetBusiness();
+    }
+    disconnectedCallback() {
+        this.analytics.cleanup();
+    }
+    initializeGetBusiness() {
+        if (!this.businessId || !this.authToken) {
+            this.errorMessage = 'Invalid business id or auth token';
+            this.errorEvent.emit({
+                errorCode: ComponentErrorCodes.MISSING_PROPS,
+                message: this.errorMessage,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+            return;
+        }
+        this.getBusiness = makeGetBusiness({
+            id: this.businessId,
+            authToken: this.authToken,
+            service: new BusinessService(),
+        });
+    }
+    render() {
+        if (this.errorMessage) {
+            return h(Host, null, ErrorState(this.errorMessage));
+        }
+        return (h(Host, null, h("business-details-core", { getBusiness: this.getBusiness })));
+    }
+};
+
+export { BusinessDetails as justifi_business_details };

package/dist/webcomponents/p-6078a370.js

@@ -1 +1,244 @@
-const l=[{label:"Choose state",value:""},{label:"Alabama",value:"AL"},{label:"Alaska",value:"AK"},{label:"American Samoa",value:"AS"},{label:"Arizona",value:"AZ"},{label:"Arkansas",value:"AR"},{label:"California",value:"CA"},{label:"Colorado",value:"CO"},{label:"Connecticut",value:"CT"},{label:"Delaware",value:"DE"},{label:"District Of Columbia",value:"DC"},{label:"Federated States Of Micronesia",value:"FM"},{label:"Florida",value:"FL"},{label:"Georgia",value:"GA"},{label:"Guam",value:"GU"},{label:"Hawaii",value:"HI"},{label:"Idaho",value:"ID"},{label:"Illinois",value:"IL"},{label:"Indiana",value:"IN"},{label:"Iowa",value:"IA"},{label:"Kansas",value:"KS"},{label:"Kentucky",value:"KY"},{label:"Louisiana",value:"LA"},{label:"Maine",value:"ME"},{label:"Marshall Islands",value:"MH"},{label:"Maryland",value:"MD"},{label:"Massachusetts",value:"MA"},{label:"Michigan",value:"MI"},{label:"Minnesota",value:"MN"},{label:"Mississippi",value:"MS"},{label:"Missouri",value:"MO"},{label:"Montana",value:"MT"},{label:"Nebraska",value:"NE"},{label:"Nevada",value:"NV"},{label:"New Hampshire",value:"NH"},{label:"New Jersey",value:"NJ"},{label:"New Mexico",value:"NM"},{label:"New York",value:"NY"},{label:"North Carolina",value:"NC"},{label:"North Dakota",value:"ND"},{label:"Northern Mariana Islands",value:"MP"},{label:"Ohio",value:"OH"},{label:"Oklahoma",value:"OK"},{label:"Oregon",value:"OR"},{label:"Palau",value:"PW"},{label:"Pennsylvania",value:"PA"},{label:"Puerto Rico",value:"PR"},{label:"Rhode Island",value:"RI"},{label:"South Carolina",value:"SC"},{label:"South Dakota",value:"SD"},{label:"Tennessee",value:"TN"},{label:"Texas",value:"TX"},{label:"Utah",value:"UT"},{label:"Vermont",value:"VT"},{label:"Virgin Islands",value:"VI"},{label:"Virginia",value:"VA"},{label:"Washington",value:"WA"},{label:"West Virginia",value:"WV"},{label:"Wisconsin",value:"WI"},{label:"Wyoming",value:"WY"}];export{l as S}
+const StateOptions = [
+    {
+        label: 'Choose state',
+        value: '',
+    },
+    {
+        label: 'Alabama',
+        value: 'AL',
+    },
+    {
+        label: 'Alaska',
+        value: 'AK',
+    },
+    {
+        label: 'American Samoa',
+        value: 'AS',
+    },
+    {
+        label: 'Arizona',
+        value: 'AZ',
+    },
+    {
+        label: 'Arkansas',
+        value: 'AR',
+    },
+    {
+        label: 'California',
+        value: 'CA',
+    },
+    {
+        label: 'Colorado',
+        value: 'CO',
+    },
+    {
+        label: 'Connecticut',
+        value: 'CT',
+    },
+    {
+        label: 'Delaware',
+        value: 'DE',
+    },
+    {
+        label: 'District Of Columbia',
+        value: 'DC',
+    },
+    {
+        label: 'Federated States Of Micronesia',
+        value: 'FM',
+    },
+    {
+        label: 'Florida',
+        value: 'FL',
+    },
+    {
+        label: 'Georgia',
+        value: 'GA',
+    },
+    {
+        label: 'Guam',
+        value: 'GU',
+    },
+    {
+        label: 'Hawaii',
+        value: 'HI',
+    },
+    {
+        label: 'Idaho',
+        value: 'ID',
+    },
+    {
+        label: 'Illinois',
+        value: 'IL',
+    },
+    {
+        label: 'Indiana',
+        value: 'IN',
+    },
+    {
+        label: 'Iowa',
+        value: 'IA',
+    },
+    {
+        label: 'Kansas',
+        value: 'KS',
+    },
+    {
+        label: 'Kentucky',
+        value: 'KY',
+    },
+    {
+        label: 'Louisiana',
+        value: 'LA',
+    },
+    {
+        label: 'Maine',
+        value: 'ME',
+    },
+    {
+        label: 'Marshall Islands',
+        value: 'MH',
+    },
+    {
+        label: 'Maryland',
+        value: 'MD',
+    },
+    {
+        label: 'Massachusetts',
+        value: 'MA',
+    },
+    {
+        label: 'Michigan',
+        value: 'MI',
+    },
+    {
+        label: 'Minnesota',
+        value: 'MN',
+    },
+    {
+        label: 'Mississippi',
+        value: 'MS',
+    },
+    {
+        label: 'Missouri',
+        value: 'MO',
+    },
+    {
+        label: 'Montana',
+        value: 'MT',
+    },
+    {
+        label: 'Nebraska',
+        value: 'NE',
+    },
+    {
+        label: 'Nevada',
+        value: 'NV',
+    },
+    {
+        label: 'New Hampshire',
+        value: 'NH',
+    },
+    {
+        label: 'New Jersey',
+        value: 'NJ',
+    },
+    {
+        label: 'New Mexico',
+        value: 'NM',
+    },
+    {
+        label: 'New York',
+        value: 'NY',
+    },
+    {
+        label: 'North Carolina',
+        value: 'NC',
+    },
+    {
+        label: 'North Dakota',
+        value: 'ND',
+    },
+    {
+        label: 'Northern Mariana Islands',
+        value: 'MP',
+    },
+    {
+        label: 'Ohio',
+        value: 'OH',
+    },
+    {
+        label: 'Oklahoma',
+        value: 'OK',
+    },
+    {
+        label: 'Oregon',
+        value: 'OR',
+    },
+    {
+        label: 'Palau',
+        value: 'PW',
+    },
+    {
+        label: 'Pennsylvania',
+        value: 'PA',
+    },
+    {
+        label: 'Puerto Rico',
+        value: 'PR',
+    },
+    {
+        label: 'Rhode Island',
+        value: 'RI',
+    },
+    {
+        label: 'South Carolina',
+        value: 'SC',
+    },
+    {
+        label: 'South Dakota',
+        value: 'SD',
+    },
+    {
+        label: 'Tennessee',
+        value: 'TN',
+    },
+    {
+        label: 'Texas',
+        value: 'TX',
+    },
+    {
+        label: 'Utah',
+        value: 'UT',
+    },
+    {
+        label: 'Vermont',
+        value: 'VT',
+    },
+    {
+        label: 'Virgin Islands',
+        value: 'VI',
+    },
+    {
+        label: 'Virginia',
+        value: 'VA',
+    },
+    {
+        label: 'Washington',
+        value: 'WA',
+    },
+    {
+        label: 'West Virginia',
+        value: 'WV',
+    },
+    {
+        label: 'Wisconsin',
+        value: 'WI',
+    },
+    {
+        label: 'Wyoming',
+        value: 'WY',
+    },
+];
+
+export { StateOptions as S };

package/dist/webcomponents/p-66e4869f.entry.js

@@ -0,0 +1,75 @@
+import { r as registerInstance, c as createEvent, h } from './p-fad19d75.js';
+import { J as JustifiAnalytics } from './p-9282eab8.js';
+import './p-492588bf.js';
+import './p-29c0b182.js';
+
+const CardForm = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.cardFormReady = createEvent(this, "cardFormReady", 7);
+        this.ready = createEvent(this, "ready", 7);
+        this.cardFormTokenized = createEvent(this, "cardFormTokenize", 7);
+        this.cardFormValidated = createEvent(this, "cardFormValidate", 7);
+        this.validationMode = undefined;
+        this.iframeOrigin = undefined;
+        this.singleLine = false;
+        this.internalStyleOverrides = undefined;
+    }
+    readyHandler(event) {
+        console.warn(`The 'cardFormReady' event is deprecated in the next major release and will be renamed to 'ready'`);
+        this.cardFormReady.emit(event);
+        this.ready.emit(event);
+    }
+    tokenizeHandler(event) {
+        console.warn(`The 'cardFormTokenize' event is deprecated in the next major release. Please refer to the documentation for the migration process and alternative approach. This method will be removed in the future.`);
+        this.cardFormTokenized.emit(event);
+    }
+    validateHandler(event) {
+        console.warn(`The 'cardFormValidate' event is deprecated in the next major release. Please refer to the documentation for the migration process and alternative approach. This method will be removed in the future.`);
+        this.cardFormValidated.emit(event);
+    }
+    componentWillLoad() {
+        this.analytics = new JustifiAnalytics(this);
+    }
+    disconnectedCallback() {
+        this.analytics.cleanup();
+    }
+    /**
+     *  Makes a tokenization request to the iframe
+     */
+    async tokenize(...args) {
+        if (!this.childRef) {
+            throw new Error('Cannot call tokenize');
+        }
+        return this.childRef.tokenize(...args);
+    }
+    /**
+     *  Runs a validation on the form and shows errors if any
+     */
+    async validate() {
+        if (!this.childRef) {
+            throw new Error('Cannot call validate');
+        }
+        return this.childRef.validate();
+    }
+    /**
+     *  Manually resizes the iframe to fit the contents of the iframe
+     *  @deprecated This method will be removed in future releases.
+     */
+    async resize() {
+        console.warn(`The 'resize' method is deprecated and will be removed in the next major release. Please refer to the documentation for the migration process and alternative approach.`);
+        if (!this.childRef) {
+            throw new Error('Cannot call validate');
+        }
+        return this.childRef.resize();
+    }
+    render() {
+        return (h("justifi-payment-method-form", { key: 'cc0ad5d8a262ff5c8422d247caed469a8dea3488', ref: el => {
+                if (el) {
+                    this.childRef = el;
+                }
+            }, "iframe-origin": this.iframeOrigin, "payment-method-form-type": "card", "single-line": this.singleLine, "payment-method-form-ready": this.cardFormReady, "payment-method-form-validate": this.cardFormValidated, "payment-method-form-tokenize": this.cardFormTokenized, "payment-method-form-validation-mode": this.validationMode || 'onSubmit' }));
+    }
+};
+
+export { CardForm as justifi_card_form };

package/dist/webcomponents/p-6f1c56d4.entry.js

@@ -0,0 +1,94 @@
+import { r as registerInstance, c as createEvent, h } from './p-fad19d75.js';
+import { P as PaymentService } from './p-cb26f708.js';
+import './p-56f6ce4c.js';
+import { P as Payment } from './p-df21aaad.js';
+import './p-e3fab0e2.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './p-14c91ffd.js';
+import { g as getErrorMessage, a as getErrorCode } from './p-8115b2f4.js';
+import { E as ErrorState } from './p-dce846bf.js';
+import { J as JustifiAnalytics } from './p-9282eab8.js';
+import './p-29c0b182.js';
+import './p-492588bf.js';
+
+const makeGetPaymentDetails = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
+    var _a;
+    try {
+        const response = await service.fetchPayment(id, authToken);
+        if (!response.error) {
+            onSuccess({ payment: new Payment(response.data) });
+        }
+        else {
+            const responseError = getErrorMessage(response.error);
+            const code = getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
+            onError({
+                error: responseError,
+                code,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    catch (error) {
+        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        onError({
+            error: getErrorMessage(error),
+            code,
+            severity: ComponentErrorSeverity.ERROR,
+        });
+    }
+};
+
+const PaymentDetails = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.errorEvent = createEvent(this, "error-event", 7);
+        this.paymentService = new PaymentService();
+        this.handleErrorEvent = event => {
+            this.errorMessage = event.detail.message;
+            this.errorEvent.emit(event.detail);
+        };
+        this.paymentId = undefined;
+        this.authToken = undefined;
+        this.getPaymentDetails = undefined;
+        this.errorMessage = null;
+    }
+    componentWillLoad() {
+        this.analytics = new JustifiAnalytics(this);
+        this.initializeGetPaymentDetails();
+    }
+    disconnectedCallback() {
+        this.analytics.cleanup();
+    }
+    ;
+    propChanged() {
+        this.initializeGetPaymentDetails();
+    }
+    initializeGetPaymentDetails() {
+        if (this.paymentId && this.authToken) {
+            this.getPaymentDetails = makeGetPaymentDetails({
+                id: this.paymentId,
+                authToken: this.authToken,
+                service: new PaymentService(),
+            });
+        }
+        else {
+            this.errorMessage = 'Payment ID and Auth Token are required';
+            this.errorEvent.emit({
+                message: this.errorMessage,
+                errorCode: ComponentErrorCodes.MISSING_PROPS,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    render() {
+        if (this.errorMessage) {
+            return ErrorState(this.errorMessage);
+        }
+        return (h("payment-details-core", { getPaymentDetails: this.getPaymentDetails, "onError-event": this.handleErrorEvent }));
+    }
+    static get watchers() { return {
+        "paymentId": ["propChanged"],
+        "authToken": ["propChanged"]
+    }; }
+};
+
+export { PaymentDetails as justifi_payment_details };

package/dist/webcomponents/p-70a2aa74.entry.js

@@ -0,0 +1,76 @@
+import { r as registerInstance, h, c as createEvent } from './p-fad19d75.js';
+import { c as create$3, F as FormController } from './p-2eab3c90.js';
+import { i as identityNameValidation, l as lineOneValidation, a as lineTwoValidation, c as cityValidation, s as stateValidation, p as postalValidation } from './p-89887332.js';
+import { S as StateOptions } from './p-6078a370.js';
+import { n as numberOnlyHandler } from './p-8df7bde8.js';
+import { S as StyledHost } from './p-ba4bae6f.js';
+import './p-ba5fae28.js';
+import './p-af244664.js';
+import './p-1ff8810b.js';
+
+const BillingFormSchema = create$3({
+    name: identityNameValidation.required('Enter full name'),
+    address_line1: lineOneValidation.required('Enter street address'),
+    address_line2: lineTwoValidation.nullable(),
+    address_city: cityValidation.required('Enter city'),
+    address_state: stateValidation.required('Select state'),
+    address_postal_code: postalValidation.required('Enter postal code'),
+});
+
+const billingFormCss = ":host{display:block}justifi-billing-form{margin-left:calc(var(--jfi-layout-padding) * -1);margin-right:calc(var(--jfi-layout-padding) * -1)}*::part(label){color:var(--jfi-form-label-color);font-family:var(--jfi-form-label-font-family);font-weight:var(--jfi-form-label-font-weight);font-size:var(--jfi-form-label-font-size);margin:var(--jfi-form-label-margin)}*::part(input){background-color:var(--jfi-form-control-background-color);border-color:var(--jfi-form-control-border-color);border-width:var(--jfi-form-control-border-width);border-bottom-width:var(--jfi-form-control-border-bottom-width);border-left-width:var(--jfi-form-control-border-left-width);border-right-width:var(--jfi-form-control-border-right-width);border-top-width:var(--jfi-form-control-border-top-width);border-radius:var(--jfi-form-control-border-radius);border-style:var(--jfi-form-control-border-style);box-shadow:var(--jfi-form-control-box-shadow);color:var(--jfi-form-control-color);font-size:var(--jfi-form-control-font-size);font-weight:var(--jfi-form-control-font-weight);line-height:var(--jfi-form-control-line-height);margin:var(--jfi-form-control-margin);padding:var(--jfi-form-control-padding)}*::part(input):focus{color:var(--jfi-form-control-color-focus);border-color:var(--jfi-form-control-border-color-focus);box-shadow:var(--jfi-form-control-box-shadow-focus)}*::part(input-invalid){border-color:var(--jfi-form-control-border-color-error);box-shadow:var(--jfi-form-control-box-shadow-error)}*::part(input-invalid):focus{border-color:var(--jfi-form-control-border-color-error);box-shadow:var(--jfi-form-control-box-shadow-error-focus)}";
+const JustifiBillingFormStyle0 = billingFormCss;
+
+const BillingForm = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.inputHandler = (name, value) => {
+            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
+        };
+        this.legend = undefined;
+        this.formController = undefined;
+        this.billingInfo = undefined;
+        this.errors = {};
+    }
+    componentWillLoad() {
+        this.formController = new FormController(BillingFormSchema);
+    }
+    componentDidLoad() {
+        this.formController.values.subscribe(values => this.billingInfo = Object.assign({}, values));
+        this.formController.errors.subscribe(errors => {
+            this.errors = Object.assign({}, errors);
+        });
+    }
+    async getValues() {
+        return this.formController.values.getValue();
+    }
+    async fill(fields) {
+        this.formController.setInitialValues(fields);
+    }
+    async validate() {
+        let isValid = await this.formController.validate();
+        return { isValid: isValid };
+    }
+    render() {
+        const billingFormDefaultValue = this.formController.getInitialValues();
+        return (h(StyledHost, { key: 'b08094d3c44d35cdb3c21b4bc360dbbee19d7d15', exportparts: "label,input,input-invalid" }, h("form", { key: '392538a781ffa2ac299cbc4203bab5efd10e77cc' }, h("fieldset", { key: 'f4b5a5ec9a91e9f50a3847c5eb16635c4f9d569a' }, this.legend && h("legend", { key: 'eb75e22f9df33c13e3851ece784d237b8973e2c5' }, this.legend), h("div", { key: 'd7ffdc1cfeda5568ad003a4d3bbe94765de04605', class: "row gy-3" }, h("div", { key: 'c22f9e7b2f33b5c298bb5f0a5c7bcaa709c231a0', class: "col-12" }, h("form-control-text", { key: 'd6eb4d2f4d1a2a709e0f29bf18b5d9700bd91a13', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '8494ee3c14f8923d18d8708077e030c2f141a251', class: "col-12" }, h("form-control-text", { key: '63266eb0e2b2b006a3c914a68703ee1cdf848f83', name: 'address_line1', label: 'Street Address', defaultValue: billingFormDefaultValue.address_line1, errorText: this.errors.address_line1, inputHandler: this.inputHandler })), h("div", { key: '0a19fcf5c172d2539f23e147f39461d84dfd9d37', class: "col-12" }, h("form-control-text", { key: '0e5fae5d65d5ea195de0227d1e4f79cee7c7a0fb', name: 'address_line2', label: "Apartment, Suite, etc. (optional)", defaultValue: billingFormDefaultValue.address_line2, errorText: this.errors.address_line2, inputHandler: this.inputHandler })), h("div", { key: '13104554e8247cb0534c3dc9e6a16b2f44397795', class: "col-12" }, h("form-control-text", { key: '430e59713ec66ff7a6f735ca24640c27b05cbeee', name: 'address_city', label: "City", defaultValue: billingFormDefaultValue.address_city, errorText: this.errors.address_city, inputHandler: this.inputHandler })), h("div", { key: '5b81499717f67d5f499f4ebfc585056ef5bd3d56', class: "col-12" }, h("form-control-select", { key: '726c724eda5f25a92bad7e549ff7845ece7b41e1', name: 'address_state', label: 'State', options: StateOptions, defaultValue: billingFormDefaultValue.address_state, errorText: this.errors.address_state, inputHandler: this.inputHandler })), h("div", { key: '5d5a6e0949c5ad93da5bc1837dadf88c2128212d', class: "col-12" }, h("form-control-text", { key: 'ebb4e77126d86011d9a1ed5d118461198b399092', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: numberOnlyHandler })))))));
+    }
+};
+BillingForm.style = JustifiBillingFormStyle0;
+
+const SaveNewPaymentMethod = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.checkboxChanged = createEvent(this, "checkboxChanged", 7);
+        this.isChecked = false;
+    }
+    handleCheckboxChange(event) {
+        const target = event.target;
+        this.isChecked = target.checked;
+        this.checkboxChanged.emit(this.isChecked);
+    }
+    render() {
+        return (h("div", { key: 'f22a132a518a98786c8486e08c9a65050f3c5ea0', class: "mt-4 form-check" }, h("input", { key: '6f1392f9dd29a9761f5942b0a40e05a899858ada', type: "checkbox", checked: this.isChecked, onChange: (event) => this.handleCheckboxChange(event), class: "form-check-input" }), h("label", { key: 'e6e5908ba70ece8ea19370a04104d88d17237fc7', class: "form-check-label" }, "Save new payment method")));
+    }
+};
+
+export { BillingForm as justifi_billing_form, SaveNewPaymentMethod as justifi_save_new_payment_method };

package/dist/webcomponents/p-7582b554.entry.js

@@ -0,0 +1,18 @@
+import { r as registerInstance, h } from './p-fad19d75.js';
+import { E as ErrorState } from './p-dce846bf.js';
+import { S as StyledHost } from './p-ba4bae6f.js';
+
+const Details = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.errorMessage = undefined;
+    }
+    render() {
+        return (h(StyledHost, { key: '00b10fc4e459688ae06147ef1535f03609ec35e4', exportParts: 'detail-empty-state, detail-metadata-title, detail-metadata, detail-section, detail-section-title, \n        detail-section-item-title, detail-section-item-data, detail-head, detail-title, detail-head-info' }, this.errorMessage ?
+            ErrorState(this.errorMessage)
+            :
+                h("main", { class: "p-2" }, h("slot", { name: "head-info" }), h("slot", { name: 'detail-sections' }))));
+    }
+};
+
+export { Details as justifi_details };

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

@@ -0,0 +1,61 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './p-fad19d75.js';
+import { I as IMask } from './p-1ad5995e.js';
+import { C as CURRENCY_MASK } from './p-525db3e8.js';
+
+const MonetaryInput = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.formControlInput = createEvent(this, "formControlInput", 7);
+        this.formControlBlur = createEvent(this, "formControlBlur", 7);
+        this.imask = null;
+        this.initializeIMask = () => {
+            if (!this.textInput)
+                return;
+            this.imask = IMask(this.textInput, this.maskOptions);
+            this.imask.on('accept', () => {
+                const rawValue = this.imask.unmaskedValue;
+                this.inputHandler(this.name, rawValue);
+                this.formControlInput.emit({ name: this.name, value: rawValue });
+            });
+            this.textInput.addEventListener('blur', () => this.formControlBlur.emit());
+        };
+        this.handleFormControlInput = (event) => {
+            const target = event.target;
+            const name = target.getAttribute('name');
+            const rawValue = this.imask.unmaskedValue;
+            this.formControlInput.emit({ name: name, value: rawValue });
+        };
+        this.updateInput = (newValue) => {
+            if (this.imask) {
+                this.imask.value = String(newValue);
+            }
+        };
+        this.label = undefined;
+        this.name = undefined;
+        this.helpText = undefined;
+        this.errorText = undefined;
+        this.defaultValue = undefined;
+        this.inputHandler = undefined;
+        this.maskOptions = CURRENCY_MASK.DECIMAL;
+        this.disabled = undefined;
+    }
+    handleDefaultValueChange(newValue) {
+        this.updateInput(newValue);
+    }
+    componentDidLoad() {
+        this.initializeIMask();
+        this.updateInput(this.defaultValue);
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.imask) === null || _a === void 0 ? void 0 : _a.destroy();
+    }
+    render() {
+        return (h(Host, { key: '8797b3aa5c6a30f472d51e2b9437b6158b0566fc', exportparts: "label,input,input-group-input,input-group-text,input-invalid" }, h("div", { key: '0d3e068cf104aec3f6250f5cd6c00a9342928fe8', class: "form-group d-flex flex-column" }, h("label", { key: '0e86db7c0d981bdae74c51dd75bf5579d07b4793', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("div", { key: '8fc773de3995bb37e6fa00b34d8d9e2deaef4bbd', class: "input-group" }, h("span", { key: '83860eac764be9eeea31302d60525fb56af9dc1d', class: "input-group-text", part: "input-group-text" }, "$"), h("input", { key: 'b8c655c0b8eeb6ec328eeaed651773c293aa3100', ref: el => (this.textInput = el), id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input input-group-input ${this.errorText && 'input-invalid'}`, class: this.errorText ? 'form-control monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), h("form-control-help-text", { key: 'b3f142b9c67a792a96b597bdaf91fd3abe1b7ce3', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'daefe97a15bde309c397a506de6cda9a0376323b', errorText: this.errorText, name: this.name }))));
+    }
+    static get watchers() { return {
+        "defaultValue": ["handleDefaultValueChange"]
+    }; }
+};
+
+export { MonetaryInput as form_control_monetary };