@justifi/webcomponents 5.4.0 → 5.4.1

package/dist/collection/components/refund-form/refund-form.stories.js

@@ -1,109 +0,0 @@
-export default {
-    title: 'dev/Components/RefundForm',
-    component: 'refund-form',
-    argTypes: {
-        authToken: { control: 'text' },
-        paymentId: { control: 'text' },
-        amount: { control: 'number' },
-        submitButtonText: { control: 'text' },
-        withButton: { control: 'boolean' },
-        refundInfoText: { control: 'text' },
-    },
-};
-const RefundFormTemplate = ({ authToken, paymentId, amount, submitButtonText, withButton, refundInfoText, }) => {
-    return `
-    <div>
-      <justifi-refund-form
-        auth-token="${authToken}"
-        payment-id="${paymentId}"
-        amount="${amount}"
-        submit-button-text="${submitButtonText}"
-        ${withButton ? 'with-button' : ''}
-        refund-info-text="${refundInfoText}"
-      ></justifi-refund-form>
-      ${!withButton
-        ? `<button id="custom-submit" type="button" class="btn btn-primary">Custom Submit</button>`
-        : ''}
-    </div>
-    <style>
-      #custom-submit {
-        color: #fff;
-        background-color: #007bff;
-        border-color: #007bff;
-        display: inline-block;
-        font-weight: 400;
-        text-align: center;
-        vertical-align: middle;
-        user-select: none;
-        background-clip: border-box;
-        border: 1px solid transparent;
-        padding: .375rem .75rem;
-        font-size: 1rem;
-        line-height: 1.5;
-        border-radius: .25rem;
-        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
-        margin-top: 1rem;
-      }
-
-      #custom-submit:hover {
-        color: #fff;
-        background-color: #0069d9;
-        border-color: #0062cc;
-      }
-
-      #custom-submit:focus {
-        outline: 0;
-        box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
-      }
-
-      #custom-submit:disabled {
-        color: #fff;
-        background-color: #007bff;
-        border-color: #007bff;
-        opacity: .65;
-      }
-    </style>
-    <script>
-    function listenSubmittedEvent() {
-      const refundForm = document.querySelector('refund-form');
-      refundForm.addEventListener('submitted', (event) => {
-        console.log(event.detail);
-      });
-    }
-
-    function bindCustomSubmitButton() {
-      const externalSubmitButton = document.getElementById('custom-submit');
-      if (externalSubmitButton) {
-        externalSubmitButton.addEventListener('click', async () => {
-          const refundForm = document.querySelector('refund-form');
-          refundForm.submit();
-        });
-      }
-    }
-
-    (async () => {
-      await customElements.whenDefined('refund-form');
-      listenSubmittedEvent();
-      bindCustomSubmitButton();
-    })();
-    </script>
-  `;
-};
-export const Example = RefundFormTemplate.bind({});
-Example.args = {
-    authToken: '',
-    paymentId: '',
-    amount: 0,
-    submitButtonText: 'Submit',
-    withButton: true,
-    refundInfoText: '',
-};
-export const Styled = RefundFormTemplate.bind({});
-Styled.args = {
-    authToken: '',
-    paymentId: '',
-    amount: 0,
-    submitButtonText: 'Submit',
-    withButton: true,
-    refundInfoText: '',
-};

package/dist/esm/form-control-select_3.entry.js

@@ -1,139 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-29fcfdf5.js';
-import { l as label, c as input, b as inputInvalid, a5 as inputDisabled, a as inputFocused, aj as tooltip, ak as tooltipInner, al as tooltipIcon } from './parts-ad835bef.js';
-import { F as FormControlErrorText } from './form-control-error-text-1391123f.js';
-
-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.isFocused = false;
-        this.name = undefined;
-        this.label = undefined;
-        this.options = undefined;
-        this.inputHandler = undefined;
-        this.defaultValue = undefined;
-        this.helpText = undefined;
-        this.errorText = undefined;
-        this.disabled = undefined;
-    }
-    handleDefaultValueChange(newValue) {
-        this.updateInput(newValue);
-    }
-    componentDidLoad() {
-        this.updateInput(this.defaultValue);
-    }
-    get part() {
-        let part = input;
-        if (this.errorText) {
-            part = inputInvalid;
-        }
-        if (this.disabled) {
-            part = inputDisabled;
-        }
-        if (this.isFocused) {
-            part = inputFocused;
-        }
-        return part;
-    }
-    render() {
-        var _a;
-        return (h(Host, { key: 'f55283c73225466b10cec78e6e5ff1c268142d1b' }, h("div", { key: '48beb377ca664b867598f8e472a3bb4825aecf9b', class: "form-group d-flex flex-column" }, h("div", { key: '13debfb6a725d7f247eb5601e3361a3964b826e9', class: "d-flex align-items-start gap-2" }, h("label", { key: '15ac64fb03a5c1cb8f55c18bd7eb41d66328e599', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '3d8b43ed6e997234f7c64daf41b2286bec93340e', helpText: this.helpText })), h("select", { key: '1c3eb5699a0b76c694a02fe50e8070483b2960e6', ref: el => (this.selectElement = 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-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(FormControlErrorText, { key: 'd223fd1fad44de99812b0e3a3429e3931b798c2c', 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.isFocused = false;
-        this.name = undefined;
-        this.label = undefined;
-        this.inputHandler = undefined;
-        this.defaultValue = undefined;
-        this.helpText = undefined;
-        this.errorText = undefined;
-        this.maxLength = undefined;
-        this.keyDownHandler = undefined;
-        this.disabled = undefined;
-    }
-    handleDefaultValueChange(newValue) {
-        this.updateInput(newValue);
-    }
-    componentDidLoad() {
-        this.updateInput(this.defaultValue);
-    }
-    get part() {
-        if (this.errorText) {
-            return inputInvalid;
-        }
-        if (this.disabled) {
-            return inputDisabled;
-        }
-        if (this.isFocused) {
-            return inputFocused;
-        }
-        return input;
-    }
-    render() {
-        return (h(Host, { key: 'fde1ad44fc7048a5387f1b4cbaef5e33a4c835e9' }, h("div", { key: '6b91df1b992a5505b490fff460d21f4a9d12a816', class: "form-group d-flex flex-column" }, h("div", { key: '2605c7cbe333c8b68f861c44ca72e4b0cbd647c8', class: "d-flex align-items-start gap-2" }, h("label", { key: '603202cacc1ae6ea0210e6600791f7a9c9e87777', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'a3024f26b2ab58737422f644714cc2ee36933ac0', helpText: this.helpText })), h("input", { key: '46c19900a311b88b41c25533d6a6d4cbbb727be5', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
-                this.isFocused = false;
-                this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled }), h(FormControlErrorText, { key: '1f4d9ba0fe5df28d0c576b5501df94350eeddeee', errorText: this.errorText, name: this.name }))));
-    }
-    get el() { return getElement(this); }
-    static get watchers() { return {
-        "defaultValue": ["handleDefaultValueChange"]
-    }; }
-};
-
-const TooltipComponent = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.anchorIcon = undefined;
-        this.tooltip = undefined;
-        this.helpText = undefined;
-    }
-    show() {
-        this.tooltip.classList.add('show');
-    }
-    hide() {
-        this.tooltip.classList.remove('show');
-    }
-    render() {
-        if (!this.helpText) {
-            return null;
-        }
-        return (h("div", { class: "tooltip-container" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "currentColor", class: "bi bi-question-square tooltip-icon", viewBox: "0 0 16 16", ref: (el) => (this.anchorIcon = el), part: tooltipIcon }, h("path", { d: "M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z" }), h("path", { d: "M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286m1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94" })), h("custom-popper", { trigger: "hover", placement: "top", anchorRef: this.anchorIcon }, h("div", { class: "tooltip bs-tooltip-top", part: tooltip, role: "tooltip", ref: (el) => (this.tooltip = el) }, h("div", { class: "tooltip-inner", part: tooltipInner }, this.helpText)))));
-    }
-};
-
-export { SelectInput as form_control_select, TextInput as form_control_text, TooltipComponent as form_control_tooltip };

package/dist/esm/justifi-refund-form.entry.js

@@ -1,102 +0,0 @@
-import { r as registerInstance, c as createEvent, h } from './index-29fcfdf5.js';
-import { c as create$3, d as create$5, F as FormController } from './index.esm-0b6849c2.js';
-import { A as Api } from './Api-52242eb0.js';
-import './ComponentError-c61dce41.js';
-import './Checkout-2bc873fb.js';
-import './Pagination-afc8f96d.js';
-import './Payment-82d2f453.js';
-import './SubAccount-0248b5ab.js';
-import './Document-1907c0d4.js';
-import { C as CURRENCY_MASK } from './form-input-masks-0e18300f.js';
-import { S as StyledHost } from './styled-host-32228b45.js';
-import './utils-c37124fc.js';
-import './Dispute-5fd28ec9.js';
-
-const RefundFormSchema = create$3().shape({
-    amount: create$5()
-        .required('Amount is required')
-        .typeError('Amount must be a number')
-        .positive('Amount must be positive')
-        .test('amount', 'Refund amount cannot be more than the original payment amount', function (value) {
-        return value <= this.options.context.amount;
-    })
-        .nullable(),
-});
-
-const RefundForm = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.submitted = createEvent(this, "submitted", 7);
-        this.authToken = undefined;
-        this.paymentId = undefined;
-        this.amount = 0;
-        this.submitButtonText = 'Submit';
-        this.withButton = undefined;
-        this.refundInfoText = undefined;
-        this.errors = {};
-        this.isSubmitting = false;
-    }
-    componentWillLoad() {
-        this.formController = new FormController(RefundFormSchema);
-        this.formController.setInitialValues({
-            amount: this.amount,
-            message: '',
-        });
-        this.initializeApi();
-    }
-    componentDidLoad() {
-        this.formController.errors.subscribe(errors => {
-            this.errors = Object.assign({}, errors);
-        });
-    }
-    /**
-     * Handles the form submission.
-     * Prevents the default form action, validates the form, and emits the 'submitted' event.
-     */
-    async handleSubmit(event) {
-        event.preventDefault();
-        this.formController.validateAndSubmit(this.submitRefund.bind(this), {
-            amount: this.amount,
-        });
-    }
-    /**
-     * Submits the refund request to the API.
-     */
-    async submitRefund() {
-        this.isSubmitting = true;
-        const refundFields = this.formController.values.getValue();
-        try {
-            await this.api.post(`payments/${this.paymentId}/refunds`, refundFields);
-            this.submitted.emit(refundFields);
-        }
-        catch (error) {
-            console.error('Error submitting refund:', error);
-            this.submitted.emit(error);
-        }
-        finally {
-            this.isSubmitting = false;
-        }
-    }
-    /**
-     * Handles input changes, updating the refundFields state.
-     */
-    handleInput(field, value) {
-        this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [field]: value }));
-    }
-    /**
-     * Initializes the API with the given authentication token.
-     * Logs a warning if the auth token is missing.
-     */
-    initializeApi() {
-        if (!this.authToken) {
-            console.warn('Warning: Missing auth-token.');
-        }
-        this.api = Api({ authToken: this.authToken, apiOrigin: "https://wc-proxy.justifi.ai" });
-    }
-    render() {
-        var _a;
-        return (h(StyledHost, { key: '7becd3fcc3a0beefef5efdb860616aa60f7e61ad' }, h("h1", { key: '7125ac0e8452db4013d9065054aca8d65ead0138' }, "Refund"), this.refundInfoText && (h("div", { key: 'b60dbcac95e75469bab9e575efe5eba40d629693', class: "d-flex align-items-center flex-row gap-4 border-top border-bottom my-4 p-3", role: "alert" }, h("img", { key: '231e5bcb4fdd82ea4e9bb0597bfe194759eb8e22', src: "/info-icon.svg", alt: "Information", height: "30", width: "30" }), h("p", { key: '21faa4040e99ee142e0f06246fc8317dcc5dfa28', class: "m-0", innerHTML: this.refundInfoText }))), h("form", { key: '4a8671c7f833279c14e29ae0f4054586fa7ecbba', onSubmit: e => this.handleSubmit(e), class: "d-grid gap-4" }, h("div", { key: 'd4296520cb377a6b61547615a2b95a3088ace83a', class: "form-group" }, h("form-control-monetary", { key: 'dbe00249e022722aea24f9967408625b7460f0f7', name: "amount", label: "Refund Amount", defaultValue: ((_a = this.amount) === null || _a === void 0 ? void 0 : _a.toString()) || '', maskOptions: CURRENCY_MASK.DECIMAL, inputHandler: (name, value) => this.handleInput(name, value), errorText: this.errors.amount })), h("div", { key: '765d36337fc31bd6ade5b9a94397b83e7f46e2a8', class: "form-group" }, h("form-control-text", { key: '3f3bc7e95568944d876fcf95e98ba9d871479096', name: "notes", label: "Additional Notes", inputHandler: (name, value) => this.handleInput(name, value), errorText: this.errors.notes })), this.withButton && (h("div", { key: '4576ce0e5d04f063fd53045845fa5a4cf5bc6383', class: "form-group d-flex flex-row-reverse" }, h("button", { key: '6165726b003006432d82ce5792a961ea2f42d654', type: "submit", disabled: !!this.isSubmitting, class: "btn btn-primary ml-auto" }, this.submitButtonText))))));
-    }
-};
-
-export { RefundForm as justifi_refund_form };

package/dist/module/justifi-refund-form.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface JustifiRefundForm extends Components.JustifiRefundForm, HTMLElement {}
-export const JustifiRefundForm: {
-    prototype: JustifiRefundForm;
-    new (): JustifiRefundForm;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/module/justifi-refund-form.js

@@ -1,153 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { c as create$3, e as create$5, F as FormController } from './form.js';
-import { A as Api } from './Api.js';
-import './ComponentError.js';
-import './Checkout.js';
-import './Pagination.js';
-import './Payment.js';
-import './SubAccount.js';
-import './Document.js';
-import { C as CURRENCY_MASK } from './form-input-masks.js';
-import { S as StyledHost } from './styled-host.js';
-import './details.js';
-import { d as defineCustomElement$5 } from './custom-popper2.js';
-import { d as defineCustomElement$4 } from './form-control-monetary2.js';
-import { d as defineCustomElement$3 } from './form-control-text2.js';
-import { d as defineCustomElement$2 } from './form-control-tooltip2.js';
-
-const RefundFormSchema = create$3().shape({
-    amount: create$5()
-        .required('Amount is required')
-        .typeError('Amount must be a number')
-        .positive('Amount must be positive')
-        .test('amount', 'Refund amount cannot be more than the original payment amount', function (value) {
-        return value <= this.options.context.amount;
-    })
-        .nullable(),
-});
-
-const RefundForm = /*@__PURE__*/ proxyCustomElement(class RefundForm extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.submitted = createEvent(this, "submitted", 7);
-        this.authToken = undefined;
-        this.paymentId = undefined;
-        this.amount = 0;
-        this.submitButtonText = 'Submit';
-        this.withButton = undefined;
-        this.refundInfoText = undefined;
-        this.errors = {};
-        this.isSubmitting = false;
-    }
-    componentWillLoad() {
-        this.formController = new FormController(RefundFormSchema);
-        this.formController.setInitialValues({
-            amount: this.amount,
-            message: '',
-        });
-        this.initializeApi();
-    }
-    componentDidLoad() {
-        this.formController.errors.subscribe(errors => {
-            this.errors = Object.assign({}, errors);
-        });
-    }
-    /**
-     * Handles the form submission.
-     * Prevents the default form action, validates the form, and emits the 'submitted' event.
-     */
-    async handleSubmit(event) {
-        event.preventDefault();
-        this.formController.validateAndSubmit(this.submitRefund.bind(this), {
-            amount: this.amount,
-        });
-    }
-    /**
-     * Submits the refund request to the API.
-     */
-    async submitRefund() {
-        this.isSubmitting = true;
-        const refundFields = this.formController.values.getValue();
-        try {
-            await this.api.post(`payments/${this.paymentId}/refunds`, refundFields);
-            this.submitted.emit(refundFields);
-        }
-        catch (error) {
-            console.error('Error submitting refund:', error);
-            this.submitted.emit(error);
-        }
-        finally {
-            this.isSubmitting = false;
-        }
-    }
-    /**
-     * Handles input changes, updating the refundFields state.
-     */
-    handleInput(field, value) {
-        this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [field]: value }));
-    }
-    /**
-     * Initializes the API with the given authentication token.
-     * Logs a warning if the auth token is missing.
-     */
-    initializeApi() {
-        if (!this.authToken) {
-            console.warn('Warning: Missing auth-token.');
-        }
-        this.api = Api({ authToken: this.authToken, apiOrigin: "https://wc-proxy.justifi.ai" });
-    }
-    render() {
-        var _a;
-        return (h(StyledHost, { key: '7becd3fcc3a0beefef5efdb860616aa60f7e61ad' }, h("h1", { key: '7125ac0e8452db4013d9065054aca8d65ead0138' }, "Refund"), this.refundInfoText && (h("div", { key: 'b60dbcac95e75469bab9e575efe5eba40d629693', class: "d-flex align-items-center flex-row gap-4 border-top border-bottom my-4 p-3", role: "alert" }, h("img", { key: '231e5bcb4fdd82ea4e9bb0597bfe194759eb8e22', src: "/info-icon.svg", alt: "Information", height: "30", width: "30" }), h("p", { key: '21faa4040e99ee142e0f06246fc8317dcc5dfa28', class: "m-0", innerHTML: this.refundInfoText }))), h("form", { key: '4a8671c7f833279c14e29ae0f4054586fa7ecbba', onSubmit: e => this.handleSubmit(e), class: "d-grid gap-4" }, h("div", { key: 'd4296520cb377a6b61547615a2b95a3088ace83a', class: "form-group" }, h("form-control-monetary", { key: 'dbe00249e022722aea24f9967408625b7460f0f7', name: "amount", label: "Refund Amount", defaultValue: ((_a = this.amount) === null || _a === void 0 ? void 0 : _a.toString()) || '', maskOptions: CURRENCY_MASK.DECIMAL, inputHandler: (name, value) => this.handleInput(name, value), errorText: this.errors.amount })), h("div", { key: '765d36337fc31bd6ade5b9a94397b83e7f46e2a8', class: "form-group" }, h("form-control-text", { key: '3f3bc7e95568944d876fcf95e98ba9d871479096', name: "notes", label: "Additional Notes", inputHandler: (name, value) => this.handleInput(name, value), errorText: this.errors.notes })), this.withButton && (h("div", { key: '4576ce0e5d04f063fd53045845fa5a4cf5bc6383', class: "form-group d-flex flex-row-reverse" }, h("button", { key: '6165726b003006432d82ce5792a961ea2f42d654', type: "submit", disabled: !!this.isSubmitting, class: "btn btn-primary ml-auto" }, this.submitButtonText))))));
-    }
-}, [1, "justifi-refund-form", {
-        "authToken": [1, "auth-token"],
-        "paymentId": [1, "payment-id"],
-        "amount": [2],
-        "submitButtonText": [1, "submit-button-text"],
-        "withButton": [4, "with-button"],
-        "refundInfoText": [1, "refund-info-text"],
-        "errors": [32],
-        "isSubmitting": [32]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["justifi-refund-form", "custom-popper", "form-control-monetary", "form-control-text", "form-control-tooltip"];
-    components.forEach(tagName => { switch (tagName) {
-        case "justifi-refund-form":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, RefundForm);
-            }
-            break;
-        case "custom-popper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "form-control-monetary":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "form-control-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "form-control-tooltip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const JustifiRefundForm = RefundForm;
-const defineCustomElement = defineCustomElement$1;
-
-export { JustifiRefundForm, defineCustomElement };

package/dist/types/components/refund-form/refund-form-schema.d.ts

@@ -1,11 +0,0 @@
-import * as yup from 'yup';
-export interface RefundFormFields {
-    amount: number | null;
-    message: string;
-}
-declare const RefundFormSchema: yup.ObjectSchema<{
-    amount: number;
-}, yup.AnyObject, {
-    amount: undefined;
-}, "">;
-export default RefundFormSchema;

package/dist/types/components/refund-form/refund-form.stories.d.ts

@@ -1,27 +0,0 @@
-declare const _default: {
-    title: string;
-    component: string;
-    argTypes: {
-        authToken: {
-            control: string;
-        };
-        paymentId: {
-            control: string;
-        };
-        amount: {
-            control: string;
-        };
-        submitButtonText: {
-            control: string;
-        };
-        withButton: {
-            control: string;
-        };
-        refundInfoText: {
-            control: string;
-        };
-    };
-};
-export default _default;
-export declare const Example: any;
-export declare const Styled: any;

package/dist/webcomponents/p-00d55a4b.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as s}from"./p-2783e363.js";import{a as e,C as o}from"./p-9dd8685c.js";import{C as r}from"./p-daf0303f.js";import"./p-56f6ce4c.js";import"./p-9894484a.js";import"./p-651c881b.js";import"./p-61f0a2ce.js";import{g as a,a as c}from"./p-87f8c596.js";import{c as h,J as n}from"./p-251c8e97.js";import{C as p}from"./p-646d007a.js";import{m as d,S as m}from"./p-52e2cc5e.js";import{S as u}from"./p-bfe9748b.js";import{d as f}from"./p-17c4edf7.js";import"./p-2ca5b5e4.js";import"./p-abdbcd8e.js";import"./p-d5960545.js";import"./p-5f6b4bc9.js";import"./p-34a95381.js";import"./p-2dd39017.js";const j=class{constructor(s){t(this,s),this.errorEvent=i(this,"error-event",7),this.handleErrorEvent=t=>{this.errorMessage=t.detail.message,this.errorEvent.emit(t.detail)},this.getCheckouts=void 0,this.getSubAccounts=void 0,this.errorMessage=null,this.accountId=void 0,this.authToken=void 0,this.apiOrigin="https://wc-proxy.justifi.ai",this.columns=f}componentWillLoad(){h(),this.analytics=new n(this),this.initializeGetData()}disconnectedCallback(){this.analytics.cleanup()}propChanged(){this.initializeGetData()}initializeGetData(){this.initializeGetCheckouts(),this.initializeGetSubAccounts()}initializeGetCheckouts(){this.accountId&&this.authToken?this.getCheckouts=(({accountId:t,authToken:i,service:s,apiOrigin:o})=>async({params:h,onSuccess:n,onError:p})=>{var d,m;try{const u=await s.fetchCheckouts(t,i,h,o);if(u.error)return p({error:a(u.error),code:c(null===(m=u.error)||void 0===m?void 0:m.code),severity:e.ERROR});{const t=Object.assign({},u.page_info);n({checkouts:(null===(d=u.data)||void 0===d?void 0:d.map((t=>new r(t))))||[],pagingInfo:t})}}catch(t){const i=c(null==t?void 0:t.code);return p({error:t.message||t,code:i,severity:e.ERROR})}})({accountId:this.accountId,authToken:this.authToken,service:new p,apiOrigin:this.apiOrigin}):(this.errorMessage="Account ID and Auth Token are required",this.errorEvent.emit({errorCode:o.MISSING_PROPS,message:this.errorMessage,severity:e.ERROR}))}initializeGetSubAccounts(){this.accountId&&this.authToken&&(this.getSubAccounts=d({accountId:this.accountId,authToken:this.authToken,service:new m,apiOrigin:this.apiOrigin}))}render(){return s(u,{key:"ae2a18885c69808bd589848ae1b33f4a4a3085e9"},s("checkouts-list-core",{key:"86201976540a348eb800ee07e9c50f68a1f1a1cf",getCheckouts:this.getCheckouts,getSubAccounts:this.getSubAccounts,"onError-event":this.handleErrorEvent,columns:this.columns}))}static get watchers(){return{accountId:["propChanged"],authToken:["propChanged"]}}};export{j as justifi_checkouts_list}

package/dist/webcomponents/p-04d59ef8.js

@@ -1 +0,0 @@
-import{h as t}from"./p-2783e363.js";import{k as e,m as a}from"./p-2dd39017.js";import{c as r}from"./p-2ca5b5e4.js";import{B as d,a as s}from"./p-34a95381.js";const o="created_at,updated_at,order_status,quantity",i={created_at:()=>t("th",{part:e,scope:"col",title:"The date and time the order was created"},"Created At"),updated_at:()=>t("th",{part:e,scope:"col",title:"The date and time the order was last updated"},"Updated At"),order_status:()=>t("th",{part:e,scope:"col",title:"The current status of the order"},"Order Status"),business_id:()=>t("th",{part:e,scope:"col",title:"The business ID associated with the order"},"Business ID"),provider:()=>t("th",{part:e,scope:"col",title:"The provider associated with the order"},"Provider"),order_type:()=>t("th",{part:e,scope:"col",title:"The type of order"},"Order Type"),quantity:()=>t("th",{part:e,scope:"col",title:"The number of terminals associated with the order"},"Order Quantity")},p={created_at:(e,d)=>t("td",{part:a(d)},t("div",{class:"fw-bold"},r(e.created_at,{showDisplayDate:!0})),t("div",{class:"fw-bold"},r(e.created_at,{showTime:!0}))),updated_at:(e,d)=>t("td",{part:a(d)},t("div",{class:"fw-bold"},r(e.updated_at,{showDisplayDate:!0})),t("div",{class:"fw-bold"},r(e.updated_at,{showTime:!0}))),order_status:(e,r)=>t("td",{part:a(r)},t(d,Object.assign({},{submitted:{variant:s.PRIMARY,title:"This order is submitted",text:"Submitted"},completed:{variant:s.SUCCESS,title:"This order has been completed",text:"Completed"},created:{variant:s.SECONDARY,title:"This order is created",text:"Created"}}[e.order_status]))),business_id:(e,r)=>t("td",{part:a(r)},e.business_id),provider:(e,r)=>t("td",{part:a(r)},e.provider),order_type:(e,r)=>t("td",{part:a(r)},e.order_type),quantity:(e,r)=>t("td",{part:a(r)},e.terminals.length)};export{p as a,o as d,i as t}

package/dist/webcomponents/p-07c13189.entry.js

@@ -1 +0,0 @@
-import{r as e,c as t,h as i,H as s}from"./p-2783e363.js";import{I as a}from"./p-1ad5995e.js";import{b as d,a5 as o,a as l,c,l as r}from"./p-2dd39017.js";import{F as n}from"./p-d4724349.js";import{S as h}from"./p-6078a370.js";import{n as f}from"./p-e3c22aa9.js";const u=class{constructor(i){e(this,i),this.formControlInput=t(this,"formControlInput",7),this.formControlBlur=t(this,"formControlBlur",7),this.imask=null,this.initializeIMask=()=>{this.textInput&&(this.imask=a(this.textInput,{mask:this.mask}),this.imask.on("accept",(()=>{var e;const t=null===(e=this.imask)||void 0===e?void 0:e.unmaskedValue;void 0!==t&&this.inputHandler(this.name,t)})),this.textInput.addEventListener("blur",(()=>this.formControlBlur.emit())))},this.handleFormControlInput=e=>{const t=e.target,i=t.getAttribute("name");this.formControlInput.emit({name:i,value:t.value})},this.updateInput=e=>{this.imask&&e&&(this.imask.value=String(e))},this.isFocused=!1,this.label=void 0,this.name=void 0,this.helpText=void 0,this.errorText=void 0,this.defaultValue=void 0,this.inputHandler=void 0,this.mask=void 0,this.disabled=void 0}handleDefaultValueChange(e){this.initializeIMask(),this.updateInput(e)}disconnectedCallback(){var e;null===(e=this.imask)||void 0===e||e.destroy()}componentDidLoad(){this.textInput&&(this.initializeIMask(),this.updateInput(this.defaultValue))}get part(){return this.errorText?d:this.disabled?o:this.isFocused?l:c}render(){return i(s,{key:"33803369123a612e3a59159eca88fa851cc4bdda"},i("div",{key:"4ec22ee1c45e050bb3c82465620f4195f0ee9f78",class:"form-group d-flex flex-column"},i("div",{key:"54f8150c131f9e1d591e893ff850014f986ca4ce",class:"d-flex align-items-start gap-2"},i("label",{key:"10adc8be977ddc13488f86e62d43e15cc27e8061",part:r,class:"form-label",htmlFor:this.name},this.label),i("form-control-tooltip",{key:"db05a1e10871fcb9cf7bf425963b57a802e8258b",helpText:this.helpText})),i("input",{key:"05e6000baf931e6bd51eb44a149613bdad453080",ref:e=>this.textInput=e,id:this.name,name:this.name,onFocus:()=>this.isFocused=!0,onBlur:()=>{this.isFocused=!1,this.formControlBlur.emit()},onInput:this.handleFormControlInput,part:this.part,class:this.errorText?"form-control is-invalid":"form-control",type:"text",disabled:this.disabled}),i(n,{key:"82ec36209485f448694614454cbddfffa1acca9e",errorText:this.errorText,name:this.name})))}static get watchers(){return{defaultValue:["handleDefaultValueChange"]}}},b=class{constructor(t){e(this,t),this.inputHandler=(e,t)=>{this.address[e]=t,this.address=Object.assign({},this.address)},this.handleFormUpdate=void 0,this.errors=void 0,this.defaultValues=void 0,this.address={}}handleAddressChange(e){this.handleFormUpdate(e)}render(){var e,t,a,d,o,l,c,r,n,u,b,v;return i(s,{key:"fee663d501d8ed69d8959f3edbb7d40c8d599ed1"},i("div",{key:"62cf6575afc3a416efbf262d9ad9e9999fd0b480",class:"row gy-3"},i("div",{key:"353941d7f75be1a8f607bcfd6796e84c2923c5d4",class:"col-12 col-md-8"},i("form-control-text",{key:"029374e05a1a4523223eff583b29c264d12c34b9",name:"line1",label:"Street Address",defaultValue:null===(e=this.defaultValues)||void 0===e?void 0:e.line1,errorText:null===(t=this.errors)||void 0===t?void 0:t.line1,inputHandler:this.inputHandler,helpText:"​​Enter your address exactly as stated on your driver's license. No PO Boxes."})),i("div",{key:"5a6efdc6724785c67088a9325c427d7594061db7",class:"col-12 col-md-4"},i("form-control-text",{key:"42b98d49c6e3ccce6c4f27f0edc0b45199ad2011",name:"line2",label:"Apartment, Suite, etc. (optional)",defaultValue:null===(a=this.defaultValues)||void 0===a?void 0:a.line2,errorText:null===(d=this.errors)||void 0===d?void 0:d.line2,inputHandler:this.inputHandler})),i("div",{key:"6e8019d952b5c9b2a1eb1a291a3768e0b1281a10",class:"col-12"},i("form-control-text",{key:"46a9ccdaa06d6f7bcc83589122fb84661091898a",name:"city",label:"City",defaultValue:null===(o=this.defaultValues)||void 0===o?void 0:o.city,errorText:null===(l=this.errors)||void 0===l?void 0:l.city,inputHandler:this.inputHandler})),i("div",{key:"60d5dd274bdafbe4fa9a690cd552e680028c6e5c",class:"col-12 col-md-6"},i("form-control-select",{key:"132d048d21dff090951ffdec6812be06d13be30c",name:"state",label:"State",defaultValue:null===(c=this.defaultValues)||void 0===c?void 0:c.state,options:h,errorText:null===(r=this.errors)||void 0===r?void 0:r.state,inputHandler:this.inputHandler})),i("div",{key:"1f583d9c35eb86fd7067c619bde6d39120ac9581",class:"col-12 col-md-6"},i("form-control-text",{key:"34ae70fda0faab6da9c5a278203144ecebce15b3",name:"postal_code",label:"Postal Code",defaultValue:null===(n=this.defaultValues)||void 0===n?void 0:n.postal_code,errorText:null===(u=this.errors)||void 0===u?void 0:u.postal_code,maxLength:5,keyDownHandler:f,inputHandler:this.inputHandler})),i("div",{key:"b04acb1677d176d7b8ab3086c7ac85ece03a9f31",class:"col-12"},i("form-control-select",{key:"77bd3623328cfb5e090838adb729edc4138134fa",name:"country",label:"Country",options:[{label:"United States",value:"USA"}],inputHandler:this.inputHandler,defaultValue:null===(b=this.defaultValues)||void 0===b?void 0:b.country,errorText:null===(v=this.errors)||void 0===v?void 0:v.country,disabled:!0}))))}static get watchers(){return{address:["handleAddressChange"]}}};export{u as form_control_number_masked,b as justifi_identity_address_form}

package/dist/webcomponents/p-0bafaf49.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as s}from"./p-2783e363.js";import{a as e,C as r}from"./p-9dd8685c.js";import{c as o,J as a}from"./p-251c8e97.js";import{a as p}from"./p-abdbcd8e.js";import{g as n,a as c}from"./p-87f8c596.js";import{D as h}from"./p-324587d0.js";import"./p-d5960545.js";import"./p-5f6b4bc9.js";import"./p-daf0303f.js";import"./p-2ca5b5e4.js";import"./p-56f6ce4c.js";import"./p-9894484a.js";import"./p-651c881b.js";import"./p-61f0a2ce.js";const d=class{constructor(s){t(this,s),this.errorEvent=i(this,"error-event",7),this.handleErrorEvent=t=>{this.errorMessage=t.detail.message,this.errorEvent.emit(t.detail)},this.disputeId=void 0,this.authToken=void 0,this.apiOrigin="https://wc-proxy.justifi.ai",this.getDispute=void 0,this.errorMessage=null}componentWillLoad(){o(),this.analytics=new a(this),this.initializeGetDispute()}disconnectedCallback(){this.analytics.cleanup()}propChanged(){this.initializeGetDispute()}initializeGetDispute(){this.disputeId&&this.authToken?this.getDispute=(({id:t,authToken:i,service:s,apiOrigin:r})=>async({onSuccess:o,onError:a})=>{var h;try{const d=await s.fetchDispute(t,i,r);if(d.error)return a({error:n(d.error),code:c(null===(h=d.error)||void 0===h?void 0:h.code),severity:e.ERROR});{const t=Object.assign({},d.page_info);o({dispute:new p(d.data),pagingInfo:t})}}catch(t){const i=c(null==t?void 0:t.code);return a({error:t.message||t,code:i,severity:e.ERROR})}})({id:this.disputeId,authToken:this.authToken,service:new h,apiOrigin:this.apiOrigin}):(this.errorMessage="Dispute ID and Auth Token are required",this.errorEvent.emit({message:this.errorMessage,errorCode:r.MISSING_PROPS,severity:e.ERROR}))}render(){return s("justifi-dispute-management-core",{key:"ae0e4a208d6250c4da7033e1d8bf8c33ec041c36",getDispute:this.getDispute,disputeId:this.disputeId,authToken:this.authToken,"onError-event":this.handleErrorEvent})}static get watchers(){return{disputeId:["propChanged"],authToken:["propChanged"]}}};export{d as justifi_dispute_management}

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

@@ -1 +0,0 @@
-import{r as i,c as s,h as t}from"./p-2783e363.js";import{B as e}from"./p-944f1cc7.js";import{S as a}from"./p-bfe9748b.js";import{c as o,J as d}from"./p-251c8e97.js";import{a as c,C as r}from"./p-9dd8685c.js";import"./p-daf0303f.js";import"./p-56f6ce4c.js";import"./p-9894484a.js";import"./p-651c881b.js";import"./p-61f0a2ce.js";import"./p-2dd39017.js";import"./p-d5960545.js";import"./p-5f6b4bc9.js";import"./p-2ca5b5e4.js";import"./p-abdbcd8e.js";const h=class{constructor(t){i(this,t),this.errorEvent=s(this,"error-event",7),this.submitEvent=s(this,"submit-event",7),this.authToken=void 0,this.accountId=void 0,this.paymentMethodGroupId=void 0,this.submitButtonText=void 0,this.disableCreditCard=void 0,this.disableBankAccount=void 0,this.hideSubmitButton=void 0,this.hideCardBillingForm=void 0,this.iframeOrigin="https://components.justifi.ai",this.isLoading=!1}componentWillLoad(){o(),this.analytics=new d(this)}async tokenizePaymentMethod(i){let s;i&&i.preventDefault(),this.isLoading=!0;try{s=await this.paymentMethodOptionsRef.resolvePaymentMethod({isValid:!0}),s.error&&this.errorEvent.emit({errorCode:s.error.code,message:s.error.message,severity:c.ERROR})}catch(i){this.errorEvent.emit({errorCode:r.TOKENIZE_ERROR,message:i.message,severity:c.ERROR})}finally{return this.submitEvent.emit({response:s}),this.isLoading=!1,s}}async fillBillingForm(i){this.paymentMethodOptionsRef.fillBillingForm(i)}render(){return t(a,{key:"b4c878459fb1601d429140d80ce02b898d6ca2ed"},t("form",{key:"11917b591a4116e5711c0afd3e68b6599d064cae"},t("fieldset",{key:"b3c4ad0c42a424091a433e9aa8375108831e6c47"},t("div",{key:"bee2fa3c6c5de31d25cb102185fc977a5436a53b",class:"row gy-3"},t("div",{key:"fb32aa9f47716077a3dad2bfd7bfc950200014ba",class:"col-12"},t("justifi-payment-method-options",{key:"dca7ac67609a13e1b14bdc042eb131a07305e0d8",ref:i=>this.paymentMethodOptionsRef=i,"show-card":!this.disableCreditCard,"show-ach":!this.disableBankAccount,"show-bnpl":!1,paymentMethodGroupId:this.paymentMethodGroupId,"show-saved-payment-methods":!1,hideCardBillingForm:this.hideCardBillingForm,authToken:this.authToken,"account-id":this.accountId,iframeOrigin:this.iframeOrigin})),t("div",{key:"2218cb2eac22fd6187da4d205fc2437a980fa2a5",class:"col-12"},t(e,{key:"1299a5a10261b375cfec1b2599cc6de7f606bad9",variant:"primary",type:"submit",onClick:i=>this.tokenizePaymentMethod(i),isLoading:this.isLoading,"data-testid":"submit-button",hidden:this.hideSubmitButton},this.submitButtonText||"Submit"))))))}};export{h as justifi_tokenize_payment_method}

package/dist/webcomponents/p-258087a8.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,h as s,H as a}from"./p-2783e363.js";import{l as i,c as h,b as o,a5 as r,a as c}from"./p-2dd39017.js";import{F as d}from"./p-d4724349.js";const l=class{constructor(s){t(this,s),this.formControlInput=e(this,"formControlInput",7),this.formControlBlur=e(this,"formControlBlur",7),this.handleFormControlInput=t=>{const e=t.target.value;this.inputHandler(this.name,e),this.formControlInput.emit({name:this.name,value:e})},this.isFocused=!1,this.name=void 0,this.label=void 0,this.inputHandler=void 0,this.defaultValue=void 0,this.helpText=void 0,this.errorText=void 0,this.disabled=void 0,this.showTime=void 0,this.maxDate=this.currentDate}handleDefaultValueChange(t){this.updateInput(t)}get currentDate(){return this.showTime?(new Date).toISOString().slice(0,16):(new Date).toISOString().split("T")[0]}componentDidLoad(){this.updateInput(this.defaultValue)}updateInput(t){this.dateInput.value=t}get part(){let t=h;return this.errorText&&(t=o),this.disabled&&(t=r),this.isFocused&&(t=c),t}render(){return s(a,{key:"39efc4cf0cf20cd611c775f1e47ace6b445eab99"},s("div",{key:"82de246b4d67f3c1a234987c3d9259e8ed7fb3e5",class:"form-group d-flex flex-column"},s("div",{key:"033c637f965aa750c6130504f70f7fabb9d1a9da",class:"d-flex gap-2"},s("label",{key:"ce384aeee225254eac66cfcb6fbe8b6b5677cd5e",part:i,class:"form-label",htmlFor:this.name},this.label),s("form-control-tooltip",{key:"a8195ae52a1904bcdaa0ee082b77164bb399e5bc",helpText:this.helpText})),s("input",{key:"07bb64ebf4727c892bc5e873d6b8327cb0e89430",type:this.showTime?"datetime-local":"date",ref:t=>this.dateInput=t,id:this.name,name:this.name,onFocus:()=>this.isFocused=!0,onBlur:()=>{this.isFocused=!1,this.formControlBlur.emit()},onInput:this.handleFormControlInput,part:this.part,class:this.errorText?"form-control is-invalid":"form-control",disabled:this.disabled,max:this.maxDate}),s(d,{key:"783b7b021819a5c26441a438be7b83dabb4cfce1",errorText:this.errorText,name:this.name})))}static get watchers(){return{defaultValue:["handleDefaultValueChange"]}}};export{l as form_control_date}

package/dist/webcomponents/p-2759d157.entry.js

@@ -1 +0,0 @@
-import{h as e,r as a,c as t}from"./p-2783e363.js";import{b as s,a as d,s as i}from"./p-2ca5b5e4.js";import{M as c}from"./p-88af0d7d.js";import{a as b,b as f,D as l,c as h,C as r,E as o}from"./p-365e56fc.js";import{S as y}from"./p-bfe9748b.js";import{S as n}from"./p-8946edfd.js";import"./p-34a95381.js";import"./p-2dd39017.js";const v=()=>e("div",{class:"row gap-3"},e("div",{class:"col-12"},e(n,{width:"35%",height:"30px"})),e("div",{class:"col-12"},e(n,{width:"70%"})),e("div",{class:"col-12"},e(n,{width:"40%"})),e("div",{class:"col-12"},e(n,{width:"40%"})),e("div",{class:"col-12"},e(n,{width:"100%"})),e("div",{class:"col-12"},e(n,{width:"80%"}))),k=class{constructor(e){a(this,e),this.errorEvent=t(this,"error-event",7),this.getPaymentDetails=void 0,this.payment=void 0,this.loading=!0,this.errorMessage=void 0}componentWillLoad(){this.getPaymentDetails&&this.fetchData()}updateOnPropChange(){this.fetchData()}fetchData(){this.loading=!0,this.getPaymentDetails({onSuccess:({payment:e})=>{this.payment=e,this.loading=!1,this.errorMessage=null},onError:({error:e,code:a,severity:t})=>{this.errorMessage=e,this.errorEvent.emit({errorCode:a,message:e,severity:t}),this.loading=!1}})}render(){return e(y,{key:"00ba42c81617d9593246956e97b6b962817cc167"},this.loading&&e(v,{key:"1c0fee27dec985cad2cc7d41f61d137246ffcc3e"}),!this.loading&&this.errorMessage&&o(this.errorMessage),!this.loading&&!this.errorMessage&&this.payment&&e("justifi-details",{key:"e264b42451a8966a4e6313486bc9d1ccaea0141b","error-message":this.errorMessage},e(b,{key:"af96a0f502cce1be451160e8ac2f92074b0ee168",slot:"head-info",badge:c(this.payment.status),title:this.payment.formattedPaymentAmount(this.payment.amount)},e(f,{key:"94f876bd62dd9ccaa6f63f25326390b03c9938d5",classes:"border-1 border-end",title:"Updated At",value:`${s(this.payment.updated_at)} ${d(this.payment.updated_at)}`}),e(f,{key:"96c629e2d1a99eca277ec7337cb3e00e88c1b31e",classes:"border-1 border-end",title:"Created At",value:`${s(this.payment.created_at)} ${d(this.payment.created_at)}`}),e(f,{key:"0d18abfae7e9fd0a692ac54640194033a5c36f41",title:"ID",value:this.payment.id})),e("div",{key:"7f9e14d7e0312ba1136cf5734754bf0af6c19774",slot:"detail-sections"},e(l,{key:"a11b47796dada4f9678487edf19dcd7928b08e94",sectionTitle:"Details"}),e("div",{key:"fa8a895e037adbbcf5856aae4f40306b789a90c8",class:"d-table gap-2 w-100"},e(h,{key:"84a8fa2b0dc39aa331501e00a8eb9bf93e8bb8c2",title:"Amount",value:this.payment.formattedPaymentAmount(this.payment.amount)}),e(h,{key:"632fa4e703aabc7b606b939e95d1633a43fedfaa",title:"Fees",value:this.payment.formattedPaymentAmount(this.payment.fee_amount)}),e(h,{key:"bc37a80a15fea95932d04676f2c5a8a57276958b",title:"Refunded",value:this.payment.formattedPaymentAmount(this.payment.amount_refunded)}),e(h,{key:"588a76203897cd31b9d0c1c8de1b7b9b0b107421",title:"Net",value:this.payment.formattedPaymentAmount(this.payment.balance)}),e(h,{key:"c0fea24390417c591327c76568829cbf9f9147a9",title:"Status",value:c(this.payment.status)}),e(h,{key:"e332a896b55bb58f3fd26ee892556acb08ced52d",title:"Payment ID",value:this.payment.id}),e(h,{key:"844fdb40ed55ca0e2f848e7325dcb64f134fa5d6",title:"Processing Fees",value:this.payment.formattedPaymentAmount(this.payment.fee_amount)}),e(h,{key:"dce95b409eb465e8d6373ad80b7b14a0eecc5aca",title:"Statement Descriptor",value:this.payment.statement_descriptor}),e(h,{key:"bed2051bd720b1a790ff59b50bee7f01e3fb222a",title:"Description",value:this.payment.description})),this.payment.payment_method.card&&[e(l,{key:"3283ea5236fab75a32fe569ad29d9b70c62b49a0",sectionTitle:"Payment Method"}),e("div",{key:"b9a0d9cfca791e3afb4a2e1e73b036319191d485",class:"d-table gap-2 w-100"},e(h,{key:"15da44c97292af05a14b3f7840b07bdcf34ae953",title:"ID",value:this.payment.payment_method.card.id}),e(h,{key:"d8a4a431c3e3ab0d14be8992521ee89b5e126a04",title:"Payment Type",value:"Card"}),e(h,{key:"1a8ed38a316ea943761d2dd7fda58490180ef3bc",title:"Last 4 Numbers",value:this.payment.payment_method.lastFourDigits}),e(h,{key:"db695d1b89896a7a73c83fd8a7d5837ad1e69909",title:"Brand",value:i(this.payment.payment_method.card.brand)}),e(h,{key:"d94879fb30ac0a05a16ce9ddb199fb5cb003a8c1",title:"Cardholder",value:this.payment.payment_method.payersName}))],this.payment.payment_method.bank_account&&[e(l,{key:"84dae904db3c22ff5ed03abaeb57d3b0736d1fbb",sectionTitle:"Payment Method"}),e("div",{key:"400801019a53feec0478273866fffa5683b408aa",class:"d-table gap-2 w-100"},e(h,{key:"ca7bb52e4275659b18daacfa6367de2f32617e70",title:"ID",value:this.payment.payment_method.bank_account.id}),e(h,{key:"4885d2b5f05b6a713d61074271c7a95b23604dca",title:"Last 4 Numbers",value:this.payment.last_four_digits}),e(h,{key:"604ec4efe78a12a1c36d8416c9fdec70351a6dad",title:"Bank Name",value:this.payment.payment_method.bank_account.brand}),e(h,{key:"1ef77a81232e19d1063af9e863f5c9ada183715f",title:"Account Owner",value:this.payment.payment_method.payersName}))],e(l,{key:"1d0a45dd7b7f44b2bad75db9ddb7886b9fc36c9c",sectionTitle:"Metadata"}),e("div",{key:"364dfb72b9585b672a510b11ecf794c8293ac88d",class:"d-table gap-2 w-100"},e(r,{key:"1b9254f2f5f81959ea4e190a3a84129d8c54eccd",metadata:this.payment.metadata})))))}static get watchers(){return{getPaymentDetails:["updateOnPropChange"]}}};export{k as payment_details_core}