@justifi/webcomponents 4.19.3-rc-2 → 4.20.0

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

@@ -1,58 +0,0 @@
-import { r as registerInstance, c as createEvent, h } from './p-fad19d75.js';
-import { M as MapPaymentStatusToBadge, f as formatCurrency, b as formatDate, c as formatTime, s as snakeCaseToHumanReadable } from './p-83125497.js';
-import { a as EntityHeadInfo, b as EntityHeadInfoItem, D as DetailSectionTitle, c as DetailItem, C as CodeBlock, E as ErrorState, L as LoadingState } from './p-dce846bf.js';
-import { S as StyledHost } from './p-ba4bae6f.js';
-
-const PaymentDetailsCore = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.errorEvent = createEvent(this, "error-event", 7);
-        this.getPaymentDetails = undefined;
-        this.payment = undefined;
-        this.loading = true;
-        this.errorMessage = undefined;
-    }
-    componentWillLoad() {
-        if (this.getPaymentDetails) {
-            this.fetchData();
-        }
-    }
-    updateOnPropChange() {
-        this.fetchData();
-    }
-    fetchData() {
-        this.loading = true;
-        this.getPaymentDetails({
-            onSuccess: ({ payment }) => {
-                this.payment = payment;
-                this.loading = false;
-                this.errorMessage = null;
-            },
-            onError: ({ error, code, severity }) => {
-                this.errorMessage = error;
-                this.errorEvent.emit({
-                    errorCode: code,
-                    message: error,
-                    severity,
-                });
-                this.loading = false;
-            },
-        });
-    }
-    render() {
-        var _a;
-        return (h(StyledHost, { key: 'aaaea4076938af5a74197256dba1093265f0e2d6' }, this.loading && LoadingState(), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
-            this.payment && (h("justifi-details", { key: '12f06fa05915380403e244cbed053d0c04bfa1d4', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '4d496def6abfc728e6f184fb0729ac648fb2deaf', slot: "head-info", badge: h("span", { slot: 'badge', innerHTML: MapPaymentStatusToBadge(this.payment.status) }), title: `${formatCurrency(this.payment.amount)} ${(_a = this.payment) === null || _a === void 0 ? void 0 : _a.currency.toUpperCase()}` }, h(EntityHeadInfoItem, { key: '78dcff13206646d594bdc80f6297d45dc9932694', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: 'dfa0de667ebd28efd217b6bdf548b9b1b728b57e', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: 'b449b180034f28504007a9c2fb0598607dc00efb', title: "ID", value: this.payment.id })), h("div", { key: '62af84e244e38b24b32f791d13f1b21b49942597', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '0ddb0366b4ab737c7b08a37764b8ce2f7ec4a1e9', sectionTitle: "Details" }), h("div", { key: 'cb699194db16cb8608834779f560e882f6f9da7c', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '3b6eb4a8b782668951bba90be3b5d522f3f7c69b', title: "Amount", value: formatCurrency(this.payment.amount) }), h(DetailItem, { key: '7a59ab0b12a263c38c40a98acbff6492d370b28b', title: "Fees", value: formatCurrency(this.payment.fee_amount) }), h(DetailItem, { key: 'a9eaa5d1959425205c144dc2aa7c7fad77014290', title: "Refunded", value: formatCurrency(this.payment.amount_refunded) }), h(DetailItem, { key: 'd70c3a4bf48c9c69625d5f27f1095f9b0744a71e', title: "Net", value: formatCurrency(this.payment.balance) }), h(DetailItem, { key: '28f526b1adcd475c2ae88a8bf09ae4aea7935df6', title: "Status", value: MapPaymentStatusToBadge(this.payment.status) }), h(DetailItem, { key: '700f51d787f20f575e3e11aa72a8da29a9587c2a', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: 'ea72ecc9c2f5055d4b0f6b37cd16cb318f9a797c', title: "Processing Fees", value: formatCurrency(this.payment.fee_amount) }), h(DetailItem, { key: '9d66af2c0c0baef4e8b7b021daf0b4d6adb267d2', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: '3f21501c1e08feeee1e7427a42faf1c5d1d9c84d', title: "Description", value: this.payment.description })), this.payment.payment_method.card && [
-            h(DetailSectionTitle, { key: 'b7767b93e090c0195aca6c99b66b48d61b6134b3', sectionTitle: "Payment Method" }),
-            h("div", { key: 'a363c7a7e69932a8ffeddb5e0d53f7df13119a9a', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'fb0e1f64fcec23e513590b3048593565685d8400', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: 'bc181b1b94039e1aad341a8e563ba923976c806b', title: "Payment Type", value: "Card" }), h(DetailItem, { key: '88b21dd2368b88232cd0f464c381d4423fe3c774', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: '040fd71315ead633f9c89e9a9dad906889759d77', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: '35ebc74de2c5c8fafd95fc5b15ff4f2ca85220cc', title: "Cardholder", value: this.payment.payment_method.payersName }))
-        ], this.payment.payment_method.bank_account && [
-            h(DetailSectionTitle, { key: 'f10eef0b4e4067fb78dbff16719a6f266f4e6bab', sectionTitle: "Payment Method" }),
-            h("div", { key: '6c1ef713b5dcabba5b516f3cbbd088d098873303', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '8880fd0fb2b16ee6f177aba15d6f4485c95af252', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: 'baa70304d2972f69ce8a5d077a076b16f986745b', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: 'dcb63b9258bea698bf2d165c611dfa05cb320f30', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: '806696c15aa5ef242c230d9c9aea642ddfdfd93d', title: "Account Owner", value: this.payment.payment_method.payersName }))
-        ], h(DetailSectionTitle, { key: '83289d8f2cf57a624678260555f00af4ea96a566', sectionTitle: 'Metadata' }), h("div", { key: '02e248b962e0c06f4d83bae75a5759b234fea36b', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '5d81879c7815102219ed010dab9f573ad6b7985d', metadata: this.payment.metadata })))))));
-    }
-    static get watchers() { return {
-        "getPaymentDetails": ["updateOnPropChange"]
-    }; }
-};
-
-export { PaymentDetailsCore as payment_details_core };

package/dist/webcomponents/p-af244664.js

@@ -1,126 +0,0 @@
-import { f as filterNumber, c as constructDate, g as getStateAbbreviation } from './p-1ff8810b.js';
-
-class Owner {
-    constructor(owner) {
-        this.address = Object.assign({}, new Address(owner.address || {}));
-        this.created_at = owner.created_at;
-        this.dob_day = filterNumber(owner.dob_day);
-        this.dob_month = filterNumber(owner.dob_month);
-        this.dob_year = owner.dob_year;
-        this.dob_full = constructDate(this.dob_year, this.dob_month, this.dob_day) || '';
-        this.documents = owner.documents;
-        this.email = owner.email;
-        this.id = owner.id;
-        this.business_id = owner.business_id;
-        this.is_owner = owner.is_owner;
-        this.metadata = owner.metadata;
-        this.name = owner.name;
-        this.phone = owner.phone;
-        this.platform_account_id = owner.platform_account_id;
-        this.identification_number = owner.identification_number;
-        this.ssn_last4 = owner.ssn_last4;
-        this.title = owner.title;
-        this.updated_at = owner.updated_at;
-    }
-}
-class Representative {
-    constructor(representative) {
-        this.address = Object.assign({}, new Address(representative.address || {}));
-        this.created_at = representative.created_at;
-        this.dob_day = filterNumber(representative.dob_day);
-        this.dob_month = filterNumber(representative.dob_month);
-        this.dob_year = representative.dob_year;
-        this.dob_full = constructDate(this.dob_year, this.dob_month, this.dob_day) || '';
-        this.documents = representative.documents;
-        this.email = representative.email;
-        this.id = representative.id;
-        this.business_id = representative.business_id;
-        this.is_owner = representative.is_owner;
-        this.metadata = representative.metadata;
-        this.name = representative.name;
-        this.phone = representative.phone;
-        this.platform_account_id = representative.platform_account_id;
-        this.identification_number = representative.identification_number;
-        this.ssn_last4 = representative.ssn_last4;
-        this.title = representative.title;
-        this.updated_at = representative.updated_at;
-    }
-}
-
-var BusinessClassification;
-(function (BusinessClassification) {
-    BusinessClassification["sole_proprietor"] = "sole_proprietor";
-    BusinessClassification["partnership"] = "partnership";
-    BusinessClassification["corporation"] = "corporation";
-    BusinessClassification["public_company"] = "public_company";
-    BusinessClassification["limited"] = "limited";
-    BusinessClassification["non_profit"] = "non_profit";
-    BusinessClassification["government"] = "government";
-})(BusinessClassification || (BusinessClassification = {}));
-class Address {
-    constructor(address) {
-        this.id = address.id;
-        this.platform_account_id = address.platform_account_id;
-        this.line1 = address.line1;
-        this.line2 = address.line2;
-        this.postal_code = address.postal_code;
-        this.city = address.city;
-        this.state = getStateAbbreviation(address.state);
-        this.country = address.country || 'USA';
-        this.created_at = address.created_at;
-        this.updated_at = address.updated_at;
-    }
-}
-class AdditionalQuestions {
-    constructor(additionalQuestions) {
-        this.business_revenue = additionalQuestions.business_revenue;
-        this.business_payment_volume = additionalQuestions.business_payment_volume;
-        this.business_when_service_received = additionalQuestions.business_when_service_received;
-        this.business_recurring_payments = additionalQuestions.business_recurring_payments;
-        this.business_recurring_payments_percentage = additionalQuestions.business_recurring_payments_percentage;
-        this.business_seasonal = additionalQuestions.business_seasonal;
-        this.business_other_payment_details = additionalQuestions.business_other_payment_details;
-    }
-}
-class CoreBusinessInfo {
-    constructor(coreBusinessInfo) {
-        this.classification = coreBusinessInfo.classification;
-        this.legal_name = coreBusinessInfo.legal_name;
-        this.doing_business_as = coreBusinessInfo.doing_business_as;
-        this.industry = coreBusinessInfo.industry;
-        this.tax_id = coreBusinessInfo.tax_id;
-        this.website_url = coreBusinessInfo.website_url;
-        this.email = coreBusinessInfo.email;
-        this.phone = coreBusinessInfo.phone;
-        this.date_of_incorporation = coreBusinessInfo.date_of_incorporation;
-    }
-}
-class Business {
-    constructor(business) {
-        this.additional_questions = Object.assign({}, new AdditionalQuestions(business.additional_questions || {}));
-        this.associated_accounts = business.associated_accounts;
-        this.classification = business.classification;
-        this.bank_accounts = business.bank_accounts;
-        this.created_at = business.created_at;
-        this.documents = business.documents;
-        this.doing_business_as = business.doing_business_as;
-        this.email = business.email;
-        this.id = business.id;
-        this.industry = business.industry;
-        this.legal_address = Object.assign({}, new Address(business.legal_address || {}));
-        this.legal_name = business.legal_name;
-        this.metadata = business.metadata;
-        this.owners = business.owners;
-        this.phone = business.phone;
-        this.platform_account_id = business.platform_account_id;
-        this.product_categories = business.product_categories;
-        this.representative = Object.assign({}, new Representative(business.representative || {}));
-        this.tax_id = business.tax_id;
-        this.terms_conditions_accepted = business.terms_conditions_accepted;
-        this.updated_at = business.updated_at;
-        this.website_url = business.website_url;
-        this.date_of_incorporation = business.date_of_incorporation;
-    }
-}
-
-export { AdditionalQuestions as A, Business as B, CoreBusinessInfo as C, Owner as O, Representative as R, BusinessClassification as a, Address as b };

package/dist/webcomponents/p-b4b8b531.js

@@ -1,44 +0,0 @@
-import { A as Api } from './p-29c0b182.js';
-import './p-56f6ce4c.js';
-import './p-df21aaad.js';
-import './p-e3fab0e2.js';
-import { C as ComponentErrorSeverity } from './p-14c91ffd.js';
-import { g as getErrorMessage, a as getErrorCode } from './p-8115b2f4.js';
-
-class PayoutService {
-    async fetchPayouts(accountId, authToken, params) {
-        const api = Api({ authToken, apiOrigin: "" });
-        const endpoint = `account/${accountId}/payouts`;
-        return api.get(endpoint, params);
-    }
-    async fetchPayout(payoutId, authToken) {
-        const api = Api({ authToken, apiOrigin: "" });
-        const endpoint = `payouts/${payoutId}`;
-        return api.get(endpoint);
-    }
-    async fetchCSV(payoutId, authToken) {
-        const api = Api({ authToken, apiOrigin: "" });
-        const endpoint = `reports/payouts/${payoutId}`;
-        return api.get(endpoint);
-    }
-}
-
-const makeGetPayoutCSV = ({ authToken, service }) => async ({ payoutId, onError }) => {
-    try {
-        const { data } = await service.fetchCSV(payoutId, authToken);
-        const a = document.createElement('a');
-        a.href = data.csv_url;
-        a.click();
-    }
-    catch (error) {
-        const errorMessage = getErrorMessage(error);
-        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
-        onError({
-            error: errorMessage,
-            code,
-            severity: ComponentErrorSeverity.ERROR,
-        });
-    }
-};
-
-export { PayoutService as P, makeGetPayoutCSV as m };

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

@@ -1,111 +0,0 @@
-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 };