@justifi/webcomponents 5.4.0 → 5.4.2

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

@@ -1,145 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-5b9a3b5f.js');
-const parts = require('./parts-3118ab4b.js');
-const formControlErrorText = require('./form-control-error-text-377bcf59.js');
-
-const SelectInput = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.formControlInput = index.createEvent(this, "formControlInput", 7);
-        this.formControlBlur = index.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 = parts.input;
-        if (this.errorText) {
-            part = parts.inputInvalid;
-        }
-        if (this.disabled) {
-            part = parts.inputDisabled;
-        }
-        if (this.isFocused) {
-            part = parts.inputFocused;
-        }
-        return part;
-    }
-    render() {
-        var _a;
-        return (index.h(index.Host, { key: 'f55283c73225466b10cec78e6e5ff1c268142d1b' }, index.h("div", { key: '48beb377ca664b867598f8e472a3bb4825aecf9b', class: "form-group d-flex flex-column" }, index.h("div", { key: '13debfb6a725d7f247eb5601e3361a3964b826e9', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '15ac64fb03a5c1cb8f55c18bd7eb41d66328e599', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '3d8b43ed6e997234f7c64daf41b2286bec93340e', helpText: this.helpText })), index.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 => (index.h("option", { value: option.value }, option.label)))), index.h(formControlErrorText.FormControlErrorText, { key: 'd223fd1fad44de99812b0e3a3429e3931b798c2c', errorText: this.errorText, name: this.name }))));
-    }
-    static get watchers() { return {
-        "defaultValue": ["handleDefaultValueChange"]
-    }; }
-};
-
-const TextInput = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.formControlInput = index.createEvent(this, "formControlInput", 7);
-        this.formControlBlur = index.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 parts.inputInvalid;
-        }
-        if (this.disabled) {
-            return parts.inputDisabled;
-        }
-        if (this.isFocused) {
-            return parts.inputFocused;
-        }
-        return parts.input;
-    }
-    render() {
-        return (index.h(index.Host, { key: 'fde1ad44fc7048a5387f1b4cbaef5e33a4c835e9' }, index.h("div", { key: '6b91df1b992a5505b490fff460d21f4a9d12a816', class: "form-group d-flex flex-column" }, index.h("div", { key: '2605c7cbe333c8b68f861c44ca72e4b0cbd647c8', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '603202cacc1ae6ea0210e6600791f7a9c9e87777', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'a3024f26b2ab58737422f644714cc2ee36933ac0', helpText: this.helpText })), index.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 }), index.h(formControlErrorText.FormControlErrorText, { key: '1f4d9ba0fe5df28d0c576b5501df94350eeddeee', errorText: this.errorText, name: this.name }))));
-    }
-    get el() { return index.getElement(this); }
-    static get watchers() { return {
-        "defaultValue": ["handleDefaultValueChange"]
-    }; }
-};
-
-const TooltipComponent = class {
-    constructor(hostRef) {
-        index.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 (index.h("div", { class: "tooltip-container" }, index.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: parts.tooltipIcon }, index.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" }), index.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" })), index.h("custom-popper", { trigger: "hover", placement: "top", anchorRef: this.anchorIcon }, index.h("div", { class: "tooltip bs-tooltip-top", part: parts.tooltip, role: "tooltip", ref: (el) => (this.tooltip = el) }, index.h("div", { class: "tooltip-inner", part: parts.tooltipInner }, this.helpText)))));
-    }
-};
-
-exports.form_control_select = SelectInput;
-exports.form_control_text = TextInput;
-exports.form_control_tooltip = TooltipComponent;

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

@@ -1,106 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-5b9a3b5f.js');
-const index_esm = require('./index.esm-a397536a.js');
-const Api = require('./Api-83d93333.js');
-require('./ComponentError-233ac749.js');
-require('./Checkout-eef27045.js');
-require('./Pagination-0da8f095.js');
-require('./Payment-c47ed1e1.js');
-require('./SubAccount-9babbfd3.js');
-require('./Document-0b828345.js');
-const formInputMasks = require('./form-input-masks-0879c139.js');
-const styledHost = require('./styled-host-94309bab.js');
-require('./utils-337befa9.js');
-require('./Dispute-eb6bad54.js');
-
-const RefundFormSchema = index_esm.create$3().shape({
-    amount: index_esm.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) {
-        index.registerInstance(this, hostRef);
-        this.submitted = index.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 index_esm.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.Api({ authToken: this.authToken, apiOrigin: "https://wc-proxy.justifi.ai" });
-    }
-    render() {
-        var _a;
-        return (index.h(styledHost.StyledHost, { key: '7becd3fcc3a0beefef5efdb860616aa60f7e61ad' }, index.h("h1", { key: '7125ac0e8452db4013d9065054aca8d65ead0138' }, "Refund"), this.refundInfoText && (index.h("div", { key: 'b60dbcac95e75469bab9e575efe5eba40d629693', class: "d-flex align-items-center flex-row gap-4 border-top border-bottom my-4 p-3", role: "alert" }, index.h("img", { key: '231e5bcb4fdd82ea4e9bb0597bfe194759eb8e22', src: "/info-icon.svg", alt: "Information", height: "30", width: "30" }), index.h("p", { key: '21faa4040e99ee142e0f06246fc8317dcc5dfa28', class: "m-0", innerHTML: this.refundInfoText }))), index.h("form", { key: '4a8671c7f833279c14e29ae0f4054586fa7ecbba', onSubmit: e => this.handleSubmit(e), class: "d-grid gap-4" }, index.h("div", { key: 'd4296520cb377a6b61547615a2b95a3088ace83a', class: "form-group" }, index.h("form-control-monetary", { key: 'dbe00249e022722aea24f9967408625b7460f0f7', name: "amount", label: "Refund Amount", defaultValue: ((_a = this.amount) === null || _a === void 0 ? void 0 : _a.toString()) || '', maskOptions: formInputMasks.CURRENCY_MASK.DECIMAL, inputHandler: (name, value) => this.handleInput(name, value), errorText: this.errors.amount })), index.h("div", { key: '765d36337fc31bd6ade5b9a94397b83e7f46e2a8', class: "form-group" }, index.h("form-control-text", { key: '3f3bc7e95568944d876fcf95e98ba9d871479096', name: "notes", label: "Additional Notes", inputHandler: (name, value) => this.handleInput(name, value), errorText: this.errors.notes })), this.withButton && (index.h("div", { key: '4576ce0e5d04f063fd53045845fa5a4cf5bc6383', class: "form-group d-flex flex-row-reverse" }, index.h("button", { key: '6165726b003006432d82ce5792a961ea2f42d654', type: "submit", disabled: !!this.isSubmitting, class: "btn btn-primary ml-auto" }, this.submitButtonText))))));
-    }
-};
-
-exports.justifi_refund_form = RefundForm;

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

@@ -1,13 +0,0 @@
-import * as yup from "yup";
-const RefundFormSchema = yup.object().shape({
-    amount: yup
-        .number()
-        .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(),
-});
-export default RefundFormSchema;

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;