@justifi/webcomponents 5.3.6 → 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, a1 as inputDisabled, a as inputFocused, ae as tooltip, af as tooltipInner, ag as tooltipIcon } from './parts-2c5c609b.js';
-import { F as FormControlErrorText } from './form-control-error-text-466c252b.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: '58d3e4003254d47d57421a2b98c4c3c4ae1ad7d7' }, h("div", { key: 'ef490c45923857d072b54511d28289231843d6d4', class: "form-group d-flex flex-column" }, h("div", { key: '4554059b6543dee11f4baf897161a0403067d9fc', class: "d-flex align-items-start gap-2" }, h("label", { key: 'c9aac34dbea8460850416432b26c341de0fd709f', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '9c71653212fc53843f7ef0ab99c7b4458a0c54cc', helpText: this.helpText })), h("input", { key: 'c014ebd061185484c91229bbe0b0dc89e66c7b03', 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: 'a885a023a35e3801365d97e22c54615b77d45863', 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-391d00e2.js';
-import './ComponentError-c61dce41.js';
-import './Checkout-2bc873fb.js';
-import './Pagination-afc8f96d.js';
-import './Payment-82d2f453.js';
-import './SubAccount-dbd4e50c.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-0137575f.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,h as i}from"./p-2783e363.js";import{c as s,d as a,F as o}from"./p-5844a0f0.js";import{A as r}from"./p-0e180654.js";import"./p-9dd8685c.js";import"./p-daf0303f.js";import"./p-56f6ce4c.js";import"./p-9894484a.js";import"./p-382ab4e8.js";import"./p-61f0a2ce.js";import{C as n}from"./p-525db3e8.js";import{S as d}from"./p-bfe9748b.js";import"./p-2ca5b5e4.js";import"./p-abdbcd8e.js";const f=s().shape({amount:a().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(t){return t<=this.options.context.amount})).nullable()}),m=class{constructor(i){t(this,i),this.submitted=e(this,"submitted",7),this.authToken=void 0,this.paymentId=void 0,this.amount=0,this.submitButtonText="Submit",this.withButton=void 0,this.refundInfoText=void 0,this.errors={},this.isSubmitting=!1}componentWillLoad(){this.formController=new o(f),this.formController.setInitialValues({amount:this.amount,message:""}),this.initializeApi()}componentDidLoad(){this.formController.errors.subscribe((t=>{this.errors=Object.assign({},t)}))}async handleSubmit(t){t.preventDefault(),this.formController.validateAndSubmit(this.submitRefund.bind(this),{amount:this.amount})}async submitRefund(){this.isSubmitting=!0;const t=this.formController.values.getValue();try{await this.api.post(`payments/${this.paymentId}/refunds`,t),this.submitted.emit(t)}catch(t){console.error("Error submitting refund:",t),this.submitted.emit(t)}finally{this.isSubmitting=!1}}handleInput(t,e){this.formController.setValues(Object.assign(Object.assign({},this.formController.values.getValue()),{[t]:e}))}initializeApi(){this.authToken||console.warn("Warning: Missing auth-token."),this.api=r({authToken:this.authToken,apiOrigin:"https://wc-proxy.justifi.ai"})}render(){var t;return i(d,{key:"7becd3fcc3a0beefef5efdb860616aa60f7e61ad"},i("h1",{key:"7125ac0e8452db4013d9065054aca8d65ead0138"},"Refund"),this.refundInfoText&&i("div",{key:"b60dbcac95e75469bab9e575efe5eba40d629693",class:"d-flex align-items-center flex-row gap-4 border-top border-bottom my-4 p-3",role:"alert"},i("img",{key:"231e5bcb4fdd82ea4e9bb0597bfe194759eb8e22",src:"/info-icon.svg",alt:"Information",height:"30",width:"30"}),i("p",{key:"21faa4040e99ee142e0f06246fc8317dcc5dfa28",class:"m-0",innerHTML:this.refundInfoText})),i("form",{key:"4a8671c7f833279c14e29ae0f4054586fa7ecbba",onSubmit:t=>this.handleSubmit(t),class:"d-grid gap-4"},i("div",{key:"d4296520cb377a6b61547615a2b95a3088ace83a",class:"form-group"},i("form-control-monetary",{key:"dbe00249e022722aea24f9967408625b7460f0f7",name:"amount",label:"Refund Amount",defaultValue:(null===(t=this.amount)||void 0===t?void 0:t.toString())||"",maskOptions:n.DECIMAL,inputHandler:(t,e)=>this.handleInput(t,e),errorText:this.errors.amount})),i("div",{key:"765d36337fc31bd6ade5b9a94397b83e7f46e2a8",class:"form-group"},i("form-control-text",{key:"3f3bc7e95568944d876fcf95e98ba9d871479096",name:"notes",label:"Additional Notes",inputHandler:(t,e)=>this.handleInput(t,e),errorText:this.errors.notes})),this.withButton&&i("div",{key:"4576ce0e5d04f063fd53045845fa5a4cf5bc6383",class:"form-group d-flex flex-row-reverse"},i("button",{key:"6165726b003006432d82ce5792a961ea2f42d654",type:"submit",disabled:!!this.isSubmitting,class:"btn btn-primary ml-auto"},this.submitButtonText))))}};export{m as justifi_refund_form}

package/dist/webcomponents/p-039a09b8.entry.js

@@ -1 +0,0 @@
-import{h as i,r as s,c as t}from"./p-2783e363.js";import{B as e,C as r,g as o,t as d}from"./p-f2111e68.js";import{S as l}from"./p-bfe9748b.js";import{E as a}from"./p-547b51e9.js";import{c as n,J as h}from"./p-ee9d433f.js";import{a as c,C as v}from"./p-9dd8685c.js";import{B as u}from"./p-b4ed5a2c.js";import{B as p}from"./p-5d1d2fd7.js";import{m}from"./p-f30cb232.js";import{S as f}from"./p-a3d75257.js";import"./p-daf0303f.js";import"./p-56f6ce4c.js";import"./p-9894484a.js";import{T as b,a as w,b as g}from"./p-382ab4e8.js";import"./p-61f0a2ce.js";import{g as j,a as x}from"./p-87f8c596.js";import{T as y}from"./p-1705af62.js";import"./p-046ecd01.js";import"./p-0e180654.js";import"./p-1ff8810b.js";import"./p-6078a370.js";import"./p-2ca5b5e4.js";import"./p-abdbcd8e.js";const S=()=>i("div",{class:"row gap-3"},i("div",{class:"col-12"},i(f,{width:"25%"})),i("div",{class:"col-12"},i(f,{width:"100%"})),i("div",{class:"col-12 d-flex gap-3"},i(f,{width:"50%"}),i(f,{width:"50%"})),i("div",{class:"col-12 d-flex gap-3"},i(f,{width:"65%"}),i(f,{width:"35%"}))),k=()=>i("div",{class:"row gap-5"},i("div",{class:"col-12"},i(f,{width:"40%",height:"40px"})),i(S,null)),T=()=>i("div",{class:"terminal-selector-skeleton mt-4 rounded shadow-sm"},i("div",{class:"d-flex align-items-center gap-3"},i(f,{width:"125px",height:"125px",styles:{borderRadius:"8px"}}),i("div",{class:"flex-grow-1"},i("div",{class:"d-flex row flex-row"},i("div",{class:"col-6 flex-column"},i(f,null),i(f,{width:"60%"})),i("div",{class:"d-flex justify-content-end align-items-center gap-2 col-6"},i(f,{width:"32px",height:"32px",styles:{borderRadius:"50%"}}),i(f,{width:"80px",height:"32px"}),i(f,{width:"32px",height:"32px",styles:{borderRadius:"50%"}}))),i("div",{class:"mt-4"},i("div",{class:"d-flex flex-column gap-2"},i(f,null),i(f,null)))))),E=class{constructor(i){s(this,i),this.errorEvent=t(this,"error-event",7),this.submitted=t(this,"submit-event",7),this.businessId=void 0,this.authToken=void 0,this.accountId=void 0,this.shipping=!1,this.loading={business:!0,terminals:!0},this.submitting=!1,this.error=null,this.business=void 0,this.terminalModels=void 0,this.orderLimit=void 0,this.order=void 0,this.totalQuantity=0}componentWillLoad(){this.order=new w({business_id:this.businessId,account_id:this.accountId,order_type:this.shipping?g.boardingShipping:g.boardingOnly}),n(),this.analytics=new h(this),this.loadData()}handleError(i,s,t){this.error={message:i,code:s,severity:t},this.errorEvent.emit({errorCode:s,message:i,severity:t})}loadData(){this.businessId&&this.authToken?(this.initializeGetBusiness(),this.initializeGetTerminalModels()):this.handleError("Invalid business id or auth token",v.MISSING_PROPS,c.ERROR)}initializeGetBusiness(){m({id:this.businessId,authToken:this.authToken,service:new u})({onSuccess:({business:i})=>{this.business=new p(i),this.loading.business=!1},onError:({error:i,code:s,severity:t})=>{this.handleError(i,s,t),this.loading.business=!1}})}initializeGetTerminalModels(){(({id:i,authToken:s,service:t})=>async({onSuccess:e,onError:r})=>{var o,d,l,a;try{const n=await t.fetchTerminalModels(i,s);if(n.error)return r({error:j(n.error),code:x(null===(a=n.error)||void 0===a?void 0:a.code),severity:c.ERROR});e({terminals:(null===(d=null===(o=n.data)||void 0===o?void 0:o.terminal_order_models)||void 0===d?void 0:d.map((i=>new b(i))))||[],orderLimit:null===(l=n.data)||void 0===l?void 0:l.order_limit})}catch(i){const s=x(null==i?void 0:i.code);return r({error:i.message||i,code:s,severity:c.ERROR})}})({id:this.accountId,authToken:this.authToken,service:new y})({onSuccess:({terminals:i,orderLimit:s})=>{this.terminalModels=i,this.orderLimit=s,this.loading.terminals=!1},onError:({error:i,code:s,severity:t})=>{this.handleError(i,s,t),this.loading.terminals=!1}})}submitOrder(){const i=(({authToken:i,service:s})=>async({terminalOrder:t,onSuccess:e,onError:r})=>{var o;try{const d=await s.orderTerminals(i,t);if(d.error)return r({error:j(d.error),code:x(null===(o=d.error)||void 0===o?void 0:o.code),severity:c.ERROR});{const{data:i}=d;e({data:i})}}catch(i){const s=x(null==i?void 0:i.code);return r({error:i.message||i,code:s,severity:c.ERROR})}})({authToken:this.authToken,service:new y});this.submitting=!0,i({terminalOrder:this.order.payload,onSuccess:({data:i})=>{this.submitted.emit(i),this.submitting=!1},onError:({error:i,code:s,severity:t})=>{this.handleError(i,s,t),this.submitting=!1}})}onSelectedQuantityChange(i){this.order.updateTerminal(i.detail.modelName,i.detail.quantity),this.totalQuantity=this.order.totalQuantity}renderLoading(){return i("div",null,this.loading.business&&i(k,null),this.loading.terminals&&i("div",{class:"mt-5"},i(T,null),i(T,null),i(T,null)))}renderError(){if(!this.loading.business&&this.error)return a(this.error.message)}renderBusinessDetails(){var s,t,o,d,l,a,n,h;if(!this.loading.business&&this.business)return i("div",{class:"gap-5 pt-5 mb-5"},i("div",{class:"row"},i("div",{class:"col-12"},i("h2",{part:r},this.business.legal_name))),i("div",{class:"row"},i("h5",{part:e},"Representative:"),i("div",null,i("div",null,null===(t=null===(s=this.business)||void 0===s?void 0:s.representative)||void 0===t?void 0:t.name),i("div",null,null===(d=null===(o=this.business)||void 0===o?void 0:o.representative)||void 0===d?void 0:d.title),i("div",null,null===(a=null===(l=this.business)||void 0===l?void 0:l.representative)||void 0===a?void 0:a.email),i("div",null,null===(h=null===(n=this.business)||void 0===n?void 0:n.representative)||void 0===h?void 0:h.phone))))}renderTerminals(){if(!this.loading.terminals&&this.terminalModels)return i("div",{class:"d-flex flex-column gap-2 mt-5"},this.terminalModels.map((s=>i("terminal-quantity-selector",{modelName:s.model_name,description:s.description,imageUrl:s.image_url,helpUrl:s.help_url,limit:this.orderLimit-this.order.totalQuantity,onSelectedQuantityChange:this.onSelectedQuantityChange.bind(this)}))))}renderOrderSection(){return i("div",{class:"mt-3"},i("div",{class:"text-end"},"Order limit: ",this.orderLimit),i("div",{class:"d-flex justify-content-end mt-3"},i("button",{class:"btn btn-primary submit-btn",onClick:this.submitOrder.bind(this),disabled:0===this.order.totalQuantity||this.submitting,part:o},this.submitting?"Submitting...":"Submit Order")))}render(){return i(l,{key:"b8861877f987b473d37858e3b36a5f3901521dd3"},i("div",{key:"4fd38462c88f52afbf48898c417a87acdce46e54",part:d},this.renderLoading(),this.renderError(),this.renderBusinessDetails(),this.renderTerminals(),this.renderOrderSection()))}};export{E as justifi_order_terminals}

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

@@ -1 +0,0 @@
-import{r as t,c as e,h as s}from"./p-2783e363.js";import{T as a,a as i,b as r,c,d as h}from"./p-71897cbc.js";import{P as o,Q as d}from"./p-f2111e68.js";import"./p-9dd8685c.js";import"./p-daf0303f.js";import{p as b}from"./p-56f6ce4c.js";import"./p-9894484a.js";import"./p-382ab4e8.js";import"./p-61f0a2ce.js";import{t as n,a as p}from"./p-fae67ab3.js";import"./p-3cbdca1b.js";import"./p-2ca5b5e4.js";import"./p-abdbcd8e.js";import"./p-b5addd78.js";const f=class{constructor(s){t(this,s),this.clickEvent=e(this,"click-event",7),this.errorEvent=e(this,"error-event",7),this.handleClickPrevious=t=>{this.pagingParams={before_cursor:t},this.clickEvent.emit({name:a.previous})},this.handleClickNext=t=>{this.pagingParams={after_cursor:t},this.clickEvent.emit({name:a.next})},this.rowClickHandler=t=>{const e=t.target.closest("tr").dataset.rowEntityId;if(!e)return;const s=this.terminalOrders.find((t=>t.id===e));this.clickEvent.emit({name:a.row,data:s})},this.getTerminalOrders=void 0,this.columns=void 0,this.terminalOrders=[],this.terminalOrdersTable=void 0,this.loading=!0,this.errorMessage=void 0,this.paging=b,this.pagingParams={}}updateOnPropChange(){this.fetchData()}componentWillLoad(){this.terminalOrdersTable=new i(this.terminalOrders,this.columns,n,p),this.getTerminalOrders&&this.fetchData()}fetchData(){this.loading=!0,this.getTerminalOrders({params:{},onSuccess:async({terminalOrders:t,pagingInfo:e})=>{this.terminalOrders=t,this.paging=e,this.terminalOrdersTable.collectionData=this.terminalOrders},onError:({error:t,code:e,severity:s})=>{this.errorMessage=t,this.errorEvent.emit({errorCode:e,message:t,severity:s})},final:()=>{this.loading=!1}})}get entityId(){return this.terminalOrders.map((t=>t.id))}get showEmptyState(){return!this.loading&&!this.errorMessage&&this.terminalOrdersTable.rowData.length<1}get showErrorState(){return!this.loading&&!!this.errorMessage}get showRowData(){return!this.showEmptyState&&!this.showErrorState&&!this.loading}render(){return s("div",{key:"ceeaed5590e1586fdbb568ae3e3efd0b9569bfe2"},s("div",{key:"1324282d71ced0bc43e73722f0286ce35141d122",class:"table-wrapper"},s("table",{key:"15648ceb92e0a0461809e8a64539935c6b095515",class:"table table-hover",part:o},s("thead",{key:"15aff763ff1b972c8f578ae927459afdbd6544f9",class:"table-head sticky-top"},s("tr",{key:"912564fcbdc5e827beacd09832fe0bb69408aee2",class:"table-light text-nowrap"},this.terminalOrdersTable.columnData.map((t=>t)))),s("tbody",{key:"2aa023da48163f637eabf32ed662e722e1ea0129",class:"table-body"},s(r,{key:"db59bd7cdbd9d955a7310134ffa7133a1aecac61",columnSpan:this.terminalOrdersTable.columnKeys.length,isLoading:this.loading}),s(c,{key:"7396924a0bb453d13c709ff692c09a5d42a29389",isEmpty:this.showEmptyState,columnSpan:this.terminalOrdersTable.columnKeys.length}),s(h,{key:"7d53ab680cd832c4b8b58297b9aa7e4d35c28fd1",columnSpan:this.terminalOrdersTable.columnKeys.length,errorMessage:this.errorMessage}),this.showRowData&&this.terminalOrdersTable.rowData.map(((t,e)=>s("tr",{"data-test-id":"table-row","data-row-entity-id":this.entityId[e],onClick:this.rowClickHandler},t)))),this.paging&&s("tfoot",{key:"b4a1ca8efb71e67a5d41cebbf45367abe53a8943",class:"sticky-bottom"},s("tr",{key:"b3b2e69b93316738593fc6e30101266dc30a5af9",class:"table-light align-middle"},s("td",{key:"5a2782c37a1606b34b1055088eb943dc2f93cce8",part:d,colSpan:this.terminalOrdersTable.columnData.length},s("pagination-menu",{key:"015d4d7aef4ab85b5dd3dac7563520d498747c04",paging:Object.assign(Object.assign({},this.paging),{handleClickPrevious:this.handleClickPrevious,handleClickNext:this.handleClickNext})})))))))}static get watchers(){return{pagingParams:["updateOnPropChange"],getTerminalOrders:["updateOnPropChange"],columns:["updateOnPropChange"]}}};export{f as terminal_orders_list_core}

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

@@ -1 +0,0 @@
-import{r as t,c as s,h as i}from"./p-2783e363.js";import{P as r}from"./p-9dc9aaba.js";import{a as e,C as o}from"./p-9dd8685c.js";import"./p-daf0303f.js";import"./p-56f6ce4c.js";import{P as a}from"./p-9894484a.js";import"./p-382ab4e8.js";import"./p-61f0a2ce.js";import{g as p,a as n}from"./p-87f8c596.js";import{c as d,J as c}from"./p-ee9d433f.js";import{S as h}from"./p-bfe9748b.js";import{d as m}from"./p-087758d3.js";import"./p-0e180654.js";import"./p-2ca5b5e4.js";import"./p-abdbcd8e.js";import"./p-046ecd01.js";import"./p-c54f54ed.js";import"./p-b5addd78.js";import"./p-f2111e68.js";const f=class{constructor(i){t(this,i),this.errorEvent=s(this,"error-event",7),this.handleErrorEvent=t=>{this.errorMessage=t.detail.message,this.errorEvent.emit(t.detail)},this.getPayments=void 0,this.errorMessage=null,this.accountId=void 0,this.authToken=void 0,this.apiOrigin="https://wc-proxy.justifi.ai",this.columns=m}componentWillLoad(){d(),this.analytics=new c(this),this.initializeGetPayments()}disconnectedCallback(){this.analytics.cleanup()}propChanged(){this.initializeGetPayments()}initializeGetPayments(){this.accountId&&this.authToken?this.getPayments=(({id:t,authToken:s,service:i,apiOrigin:r})=>async({params:o,onSuccess:d,onError:c,final:h})=>{var m,f;try{const h=await i.fetchPayments(t,s,o,r);if(h.error)return c({error:p(h.error),code:n(null===(f=h.error)||void 0===f?void 0:f.code),severity:e.ERROR});{const t=Object.assign({},h.page_info);d({payments:(null===(m=h.data)||void 0===m?void 0:m.map((t=>new a(t))))||[],pagingInfo:t})}}catch(t){const s=n(null==t?void 0:t.code);return c({error:t.message||t,code:s,severity:e.ERROR})}finally{return h()}})({id:this.accountId,authToken:this.authToken,service:new r,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}))}render(){return i(h,{key:"ade68405b7b039032dc8d4a271bdafd6b5b3dfe8"},i("payments-list-core",{key:"30844738130c05a96bd93d670bad14d544368fb2",getPayments:this.getPayments,"onError-event":this.handleErrorEvent,columns:this.columns}))}static get watchers(){return{accountId:["propChanged"],authToken:["propChanged"]}}};export{f as justifi_payments_list}

package/dist/webcomponents/p-10e32428.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-c54f54ed.js";import{a as b,b as f,D as l,c as h,C as r,E as o}from"./p-547b51e9.js";import{S as y}from"./p-bfe9748b.js";import{S as n}from"./p-a3d75257.js";import"./p-b5addd78.js";import"./p-f2111e68.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}

package/dist/webcomponents/p-1705af62.js

@@ -1 +0,0 @@
-import{A as r}from"./p-0e180654.js";import"./p-9dd8685c.js";import"./p-daf0303f.js";import"./p-56f6ce4c.js";import"./p-9894484a.js";import"./p-382ab4e8.js";import"./p-61f0a2ce.js";class t{async fetchTerminals(t,i,n,s="https://wc-proxy.justifi.ai"){const a={Account:t};return r({authToken:i,apiOrigin:s}).get("terminals",n,null,a)}async fetchTerminal(t,i,n="https://wc-proxy.justifi.ai"){const s=`terminals/${t}`;return r({authToken:i,apiOrigin:n}).get(s)}async fetchTerminalModels(t,i,n=""){const s={"sub-account":t};return r({authToken:i,apiOrigin:n}).get("terminals/order_models",null,null,s)}async orderTerminals(t,i,n=""){return r({authToken:t,apiOrigin:n}).post("terminals/orders",i)}}export{t as T}

package/dist/webcomponents/p-19b8c3c8.entry.js

@@ -1 +0,0 @@
-import{r as s,h as t,H as a}from"./p-2783e363.js";import{E as e}from"./p-547b51e9.js";import"./p-f2111e68.js";const i=class{constructor(t){s(this,t),this.errorMessage=void 0}render(){return t(a,{key:"d00d3b1c3b5d73af5a0eb1a18f2095f023aeb816"},this.errorMessage?e(this.errorMessage):t("main",{class:"p-2"},t("slot",{name:"head-info"}),t("slot",{name:"detail-sections"})))}};export{i as justifi_details}

package/dist/webcomponents/p-1a48d917.entry.js

@@ -1 +0,0 @@
-import{r as t,c as s,h as i,H as e,g as a}from"./p-2783e363.js";import{l as o,c as h,b as r,a1 as l,a as c,ae as d,af as n,ag as f}from"./p-f2111e68.js";import{F as p}from"./p-5ee67fad.js";const b=class{constructor(i){t(this,i),this.formControlInput=s(this,"formControlInput",7),this.formControlBlur=s(this,"formControlBlur",7),this.handleFormControlInput=t=>{const s=t.target,i=s.getAttribute("name");this.inputHandler(i,s.value),this.formControlInput.emit(s.value)},this.updateInput=t=>{this.selectElement.value=t},this.isFocused=!1,this.name=void 0,this.label=void 0,this.options=void 0,this.inputHandler=void 0,this.defaultValue=void 0,this.helpText=void 0,this.errorText=void 0,this.disabled=void 0}handleDefaultValueChange(t){this.updateInput(t)}componentDidLoad(){this.updateInput(this.defaultValue)}get part(){let t=h;return this.errorText&&(t=r),this.disabled&&(t=l),this.isFocused&&(t=c),t}render(){var t;return i(e,{key:"f55283c73225466b10cec78e6e5ff1c268142d1b"},i("div",{key:"48beb377ca664b867598f8e472a3bb4825aecf9b",class:"form-group d-flex flex-column"},i("div",{key:"13debfb6a725d7f247eb5601e3361a3964b826e9",class:"d-flex align-items-start gap-2"},i("label",{key:"15ac64fb03a5c1cb8f55c18bd7eb41d66328e599",part:o,class:"form-label",htmlFor:this.name},this.label),i("form-control-tooltip",{key:"3d8b43ed6e997234f7c64daf41b2286bec93340e",helpText:this.helpText})),i("select",{key:"1c3eb5699a0b76c694a02fe50e8070483b2960e6",ref:t=>this.selectElement=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-select is-invalid":"form-select",disabled:this.disabled},null===(t=this.options)||void 0===t?void 0:t.map((t=>i("option",{value:t.value},t.label)))),i(p,{key:"d223fd1fad44de99812b0e3a3429e3931b798c2c",errorText:this.errorText,name:this.name})))}static get watchers(){return{defaultValue:["handleDefaultValueChange"]}}},u=class{constructor(i){t(this,i),this.formControlInput=s(this,"formControlInput",7),this.formControlBlur=s(this,"formControlBlur",7),this.handleFormControlInput=t=>{const s=t.target,i=s.getAttribute("name");this.inputHandler(i,s.value),this.formControlInput.emit({name:i,value:s.value})},this.updateInput=t=>{const s=this.el.querySelector("input");s&&(s.value=t||"")},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.maxLength=void 0,this.keyDownHandler=void 0,this.disabled=void 0}handleDefaultValueChange(t){this.updateInput(t)}componentDidLoad(){this.updateInput(this.defaultValue)}get part(){return this.errorText?r:this.disabled?l:this.isFocused?c:h}render(){return i(e,{key:"58d3e4003254d47d57421a2b98c4c3c4ae1ad7d7"},i("div",{key:"ef490c45923857d072b54511d28289231843d6d4",class:"form-group d-flex flex-column"},i("div",{key:"4554059b6543dee11f4baf897161a0403067d9fc",class:"d-flex align-items-start gap-2"},i("label",{key:"c9aac34dbea8460850416432b26c341de0fd709f",part:o,class:"form-label",htmlFor:this.name},this.label),i("form-control-tooltip",{key:"9c71653212fc53843f7ef0ab99c7b4458a0c54cc",helpText:this.helpText})),i("input",{key:"c014ebd061185484c91229bbe0b0dc89e66c7b03",id:this.name,name:this.name,onFocus:()=>this.isFocused=!0,onBlur:()=>{this.isFocused=!1,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}),i(p,{key:"a885a023a35e3801365d97e22c54615b77d45863",errorText:this.errorText,name:this.name})))}get el(){return a(this)}static get watchers(){return{defaultValue:["handleDefaultValueChange"]}}},m=class{constructor(s){t(this,s),this.anchorIcon=void 0,this.tooltip=void 0,this.helpText=void 0}show(){this.tooltip.classList.add("show")}hide(){this.tooltip.classList.remove("show")}render(){return this.helpText?i("div",{class:"tooltip-container"},i("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:t=>this.anchorIcon=t,part:f},i("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"}),i("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"})),i("custom-popper",{trigger:"hover",placement:"top",anchorRef:this.anchorIcon},i("div",{class:"tooltip bs-tooltip-top",part:d,role:"tooltip",ref:t=>this.tooltip=t},i("div",{class:"tooltip-inner",part:n},this.helpText)))):null}};export{b as form_control_select,u as form_control_text,m as form_control_tooltip}