@justifi/webcomponents 5.4.3 → 5.5.0

package/dist/cjs/justifi-payout-details.cjs.entry.js

@@ -1,30 +1,29 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-5b9a3b5f.js');
-const getPayoutCsv = require('./get-payout-csv-7607c71e.js');
-const ComponentError = require('./ComponentError-233ac749.js');
-require('./Checkout-5352009d.js');
-require('./Pagination-0da8f095.js');
-require('./Payment-bccd8f7d.js');
-const SubAccount = require('./SubAccount-2a302ead.js');
-require('./Document-0b828345.js');
-const utils = require('./utils-7a478c37.js');
-const utils$1 = require('./utils-f8714daa.js');
-const checkPkgVersion = require('./check-pkg-version-64d3381a.js');
-require('./Api-83d93333.js');
-require('./utils-4120664c.js');
-require('./Dispute-eb6bad54.js');
-require('./parts-5ca90f9a.js');
-require('./package-99f9fc82.js');
+var index = require('./index-DtkhH7sB.js');
+var getPayoutCsv = require('./get-payout-csv-DD9C5yMw.js');
+require('./utils-DmZ8Dia3.js');
+var ComponentError = require('./ComponentError-C4MdBBMe.js');
+require('./Checkout-RAGvjVPj.js');
+require('./Pagination-Dediz133.js');
+require('./Payment-CQCmj3Ck.js');
+var Refund = require('./Refund-DpKGhW3o.js');
+require('./Document-rXGBUaOh.js');
+var utils = require('./utils-l0veqT9y.js');
+var utils$1 = require('./utils-D3seTk2e.js');
+var checkPkgVersion = require('./check-pkg-version-CLsX6cK5.js');
+require('./Api-KMweahmp.js');
+require('./_commonjsHelpers-BJu3ubxk.js');
+require('./Dispute-CruQTF6_.js');
+require('./parts-D_uKOPFe.js');
+require('./package-5B4P3NpD.js');
 
 const makeGetPayoutDetails = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
     var _a;
     try {
         const response = await service.fetchPayout(id, authToken);
         if (!response.error) {
-            const payout = new SubAccount.Payout(response.data);
+            const payout = new Refund.Payout(response.data);
             onSuccess(payout);
         }
         else {
@@ -51,17 +50,13 @@ const makeGetPayoutDetails = ({ id, authToken, service }) => async ({ onSuccess,
 const PayoutDetails = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.errorEvent = index.createEvent(this, "error-event", 7);
+        this.errorEvent = index.createEvent(this, "error-event");
+        this.apiOrigin = "https://wc-proxy.justifi.ai";
+        this.errorMessage = null;
         this.handleErrorEvent = (event) => {
             this.errorMessage = event.detail.message;
             this.errorEvent.emit(event.detail);
         };
-        this.payoutId = undefined;
-        this.authToken = undefined;
-        this.apiOrigin = "https://wc-proxy.justifi.ai";
-        this.getPayout = undefined;
-        this.getPayoutCSV = undefined;
-        this.errorMessage = null;
     }
     componentWillLoad() {
         checkPkgVersion.checkPkgVersion();

package/dist/cjs/justifi-payouts-list-filters.cjs.entry.js

@@ -1,13 +1,12 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-5b9a3b5f.js');
-const payoutsListParamsState = require('./payouts-list-params-state-033b76d6.js');
-const parts = require('./parts-5ca90f9a.js');
-const styledHost = require('./styled-host-94309bab.js');
-const utils = require('./utils-4120664c.js');
-require('./index-d2d0b181.js');
+var index = require('./index-DtkhH7sB.js');
+var payoutsListParamsState = require('./payouts-list-params-state-Cmfy_CND.js');
+var parts = require('./parts-D_uKOPFe.js');
+var styledHost = require('./styled-host-JifnTMIV.js');
+var utils = require('./utils-DmZ8Dia3.js');
+require('./index-DhcqPIbT.js');
+require('./_commonjsHelpers-BJu3ubxk.js');
 
 const PayoutsListFilters = class {
     constructor(hostRef) {
@@ -19,8 +18,6 @@ const PayoutsListFilters = class {
             const utcDate = utils.convertToUTC(value, { setEndOfDay: true });
             this.setParamsOnChange(name, utcDate);
         };
-        this.createdAfter = undefined;
-        this.createdBefore = undefined;
     }
     componentWillLoad() {
         const propsToSet = {
@@ -35,8 +32,8 @@ const PayoutsListFilters = class {
     }
     render() {
         const filterMenuParams = Object.assign({}, payoutsListParamsState.filterParams);
-        return (index.h(styledHost.StyledHost, { key: '30857b318a635a1420f56799c572f39da85d6317' }, index.h("table-filters-menu", { key: 'c3b0bdc3d50d9cc3e2cef3adfbba7f0fe7539044', params: filterMenuParams, clearParams: payoutsListParamsState.clearParams, part: parts.payoutsListFilterMenu }, index.h("div", { key: '9be791ebd77eb197e18e7663c30fa2a12c1e9a4f', class: "grid-cols-2 gap-3 p-1" }, index.h("div", { key: '3e172e7f255b4e78b48cb03d2b921b01fdefc4b0', class: "p-2" }, index.h("form-control-date", { key: '875f2202358370bec6df4b724dbc2db7070b1ff7', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: utils.convertToLocal(this.createdAfter, { showInputDate: true }) ||
-                utils.convertToLocal(payoutsListParamsState.filterParams.created_after, { showInputDate: true }), disabled: !!this.createdAfter, part: parts.createdAfterPayoutsListFilterParam })), index.h("div", { key: 'ce324f47aa1b38b6d24f200a7b468076c6998faf', class: "p-2" }, index.h("form-control-date", { key: '3d2543d40d2f3ac60c7f3f09d905c102425dffc6', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: utils.convertToLocal(this.createdBefore, { showInputDate: true }) ||
+        return (index.h(styledHost.StyledHost, { key: 'a02b73ab10133c56f31f99b55573fb20e0e86347' }, index.h("table-filters-menu", { key: 'b59a8bd778d74f92683b379b1496ac08c2caa261', params: filterMenuParams, clearParams: payoutsListParamsState.clearParams, part: parts.payoutsListFilterMenu }, index.h("div", { key: '8ff8564e37ed565b4efdab9a2ae10caa400968ad', class: "grid-cols-2 gap-3 p-1" }, index.h("div", { key: '7506e9a888dbee516cdd52d504ff6dbe4b09ac11', class: "p-2" }, index.h("form-control-date", { key: '8ecdb74398e9375250bee9a89c649b4049d22a93', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: utils.convertToLocal(this.createdAfter, { showInputDate: true }) ||
+                utils.convertToLocal(payoutsListParamsState.filterParams.created_after, { showInputDate: true }), disabled: !!this.createdAfter, part: parts.createdAfterPayoutsListFilterParam })), index.h("div", { key: '89767b23bfa33b5df07067815205091d808b5656', class: "p-2" }, index.h("form-control-date", { key: '8c58ded3c3597f3d7a01a06f11a480fa998ed658', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: utils.convertToLocal(this.createdBefore, { showInputDate: true }) ||
                 utils.convertToLocal(payoutsListParamsState.filterParams.created_before, { showInputDate: true }), disabled: !!this.createdBefore, part: parts.createdBeforePayoutsListFilterParam }))))));
     }
 };

package/dist/cjs/justifi-payouts-list.cjs.entry.js

@@ -1,27 +1,26 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-5b9a3b5f.js');
-const ComponentError = require('./ComponentError-233ac749.js');
-const checkPkgVersion = require('./check-pkg-version-64d3381a.js');
-const getPayoutCsv = require('./get-payout-csv-7607c71e.js');
-require('./Checkout-5352009d.js');
-require('./Pagination-0da8f095.js');
-require('./Payment-bccd8f7d.js');
-const SubAccount = require('./SubAccount-2a302ead.js');
-require('./Document-0b828345.js');
-const utils = require('./utils-7a478c37.js');
-const getSubaccounts = require('./get-subaccounts-ae5b35a8.js');
-const styledHost = require('./styled-host-94309bab.js');
-const payoutsTable = require('./payouts-table-aedce326.js');
-require('./package-99f9fc82.js');
-require('./Api-83d93333.js');
-require('./utils-4120664c.js');
-require('./Dispute-eb6bad54.js');
-require('./payouts-status-ced97c2b.js');
-require('./badge-364e6311.js');
-require('./parts-5ca90f9a.js');
+var index = require('./index-DtkhH7sB.js');
+var ComponentError = require('./ComponentError-C4MdBBMe.js');
+var checkPkgVersion = require('./check-pkg-version-CLsX6cK5.js');
+var getPayoutCsv = require('./get-payout-csv-DD9C5yMw.js');
+require('./utils-DmZ8Dia3.js');
+require('./Checkout-RAGvjVPj.js');
+require('./Pagination-Dediz133.js');
+require('./Payment-CQCmj3Ck.js');
+var Refund = require('./Refund-DpKGhW3o.js');
+require('./Document-rXGBUaOh.js');
+var utils = require('./utils-l0veqT9y.js');
+var getSubaccounts = require('./get-subaccounts-YlFT-fBr.js');
+var styledHost = require('./styled-host-JifnTMIV.js');
+var payoutsTable = require('./payouts-table-Bbi23U5v.js');
+require('./package-5B4P3NpD.js');
+require('./Api-KMweahmp.js');
+require('./_commonjsHelpers-BJu3ubxk.js');
+require('./Dispute-CruQTF6_.js');
+require('./payouts-status-CYrKPRld.js');
+require('./badge-BXpCpcer.js');
+require('./parts-D_uKOPFe.js');
 
 const tableExportedParts = `
 table-head,table-head-row,table-head-cell,table-body,table-row,table-row-even,
@@ -35,7 +34,7 @@ const makeGetPayouts = ({ id, authToken, service, apiOrigin }) => async ({ param
         const response = await service.fetchPayouts(id, authToken, params, apiOrigin);
         if (!response.error) {
             const pagingInfo = Object.assign({}, response.page_info);
-            const payouts = ((_a = response.data) === null || _a === void 0 ? void 0 : _a.map((dataItem) => new SubAccount.Payout(dataItem))) || [];
+            const payouts = ((_a = response.data) === null || _a === void 0 ? void 0 : _a.map((dataItem) => new Refund.Payout(dataItem))) || [];
             onSuccess({ payouts, pagingInfo });
         }
         else {
@@ -61,19 +60,14 @@ const makeGetPayouts = ({ id, authToken, service, apiOrigin }) => async ({ param
 const PayoutsList = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.errorEvent = index.createEvent(this, "error-event", 7);
+        this.errorEvent = index.createEvent(this, "error-event");
+        this.errorMessage = null;
+        this.apiOrigin = "https://wc-proxy.justifi.ai";
+        this.columns = payoutsTable.defaultColumnsKeys;
         this.handleOnError = (event) => {
             this.errorMessage = event.detail.message;
             this.errorEvent.emit(event.detail);
         };
-        this.getPayouts = undefined;
-        this.getPayoutCSV = undefined;
-        this.getSubAccounts = undefined;
-        this.errorMessage = null;
-        this.accountId = undefined;
-        this.authToken = undefined;
-        this.apiOrigin = "https://wc-proxy.justifi.ai";
-        this.columns = payoutsTable.defaultColumnsKeys;
     }
     componentWillLoad() {
         checkPkgVersion.checkPkgVersion();
@@ -121,7 +115,7 @@ const PayoutsList = class {
         }
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '434171dee57c7d639a894133b36f7dc727e28381', exportedparts: tableExportedParts }, index.h("payouts-list-core", { key: 'e4ed849e1c839dcdd3990a1b64d2bd132cda86f8', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
+        return (index.h(styledHost.StyledHost, { key: '59e0cf1800c624229e00efcdfcb0bd5837a285f4', exportedparts: tableExportedParts }, index.h("payouts-list-core", { key: '7a9d5bff50bffa36c037420e57cbdf4254eadafa', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

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

@@ -1,33 +1,53 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-5b9a3b5f.js');
-const index_esm = require('./index.esm-544c08fd.js');
-const utils = require('./utils-4120664c.js');
-const Api = require('./Api-83d93333.js');
-const ComponentError = require('./ComponentError-233ac749.js');
-require('./Checkout-5352009d.js');
-require('./Pagination-0da8f095.js');
-require('./Payment-bccd8f7d.js');
-require('./SubAccount-2a302ead.js');
-require('./Document-0b828345.js');
-const button = require('./button-4a9fd41e.js');
-const styledHost = require('./styled-host-94309bab.js');
-require('./Dispute-eb6bad54.js');
-require('./parts-5ca90f9a.js');
+var index = require('./index-DtkhH7sB.js');
+var index_esm = require('./index.esm-CVuJLXJZ.js');
+var utils = require('./utils-DmZ8Dia3.js');
+var ComponentError = require('./ComponentError-C4MdBBMe.js');
+require('./Checkout-RAGvjVPj.js');
+require('./Pagination-Dediz133.js');
+require('./Payment-CQCmj3Ck.js');
+var Refund = require('./Refund-DpKGhW3o.js');
+require('./Document-rXGBUaOh.js');
+var button = require('./button-KWTLx2LP.js');
+var styledHost = require('./styled-host-JifnTMIV.js');
+var payment_service = require('./payment.service-BrHUGHYs.js');
+var getPaymentDetails = require('./get-payment-details-CKg1Lb3_.js');
+var checkPkgVersion = require('./check-pkg-version-CLsX6cK5.js');
+var utils$1 = require('./utils-l0veqT9y.js');
+var Api = require('./Api-KMweahmp.js');
+var skeleton = require('./skeleton-C59M0QK2.js');
+require('./_commonjsHelpers-BJu3ubxk.js');
+require('./Dispute-CruQTF6_.js');
+require('./parts-D_uKOPFe.js');
+require('./package-5B4P3NpD.js');
 
+const amountValidation = (maxAmount) => {
+    const max = +maxAmount;
+    return (index_esm.create$6()
+        .required('Amount is required')
+        .test('max-amount', `Refund amount cannot be more than payment amount: ${utils.formatCurrency(max)}`, function (value) {
+        return +value <= +max;
+    })
+        .test('min-amount', 'Refund amount must be greater than 0', function (value) {
+        return +value > 0;
+    }));
+};
 const RefundPaymentSchema = (maxRefundAmount) => {
-    const maxAmount = +maxRefundAmount;
-    return index_esm.create$3().shape({
-        amount: index_esm.create$6()
-            .required('Amount is required')
-            .typeError('Amount must be a number')
-            .test('amount', `Refund amount cannot be more than ${utils.formatCurrency(maxAmount)}`, function (value) {
-            return +value <= maxAmount;
-        })
-            .nullable(),
+    if (!maxRefundAmount) {
+        return;
+    }
+    const schema = index_esm.create$3({
+        amount: amountValidation(maxRefundAmount),
+        description: index_esm.create$6().optional(),
+        reason: index_esm.create$6().optional()
+            .oneOf([
+            Refund.RefundReasons.customerRequest,
+            Refund.RefundReasons.duplicate,
+            Refund.RefundReasons.fraudulent,
+        ], 'Select a reason')
     });
+    return schema;
 };
 
 const refundReasonOptions = [
@@ -49,70 +69,170 @@ const refundReasonOptions = [
     }
 ];
 
+const makePostRefund = ({ authToken, accountId, paymentId, service, apiOrigin }) => async ({ refundBody, onSuccess, onError, final }) => {
+    var _a;
+    try {
+        const response = await service.postRefund(paymentId, accountId, authToken, refundBody, apiOrigin);
+        if (!response.error) {
+            onSuccess(response);
+        }
+        else {
+            const responseError = utils$1.getErrorMessage(response.error);
+            const code = utils$1.getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
+            return onError({
+                error: responseError,
+                code,
+                severity: ComponentError.ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    catch (error) {
+        const code = utils$1.getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        return onError({
+            error: error.message || error,
+            code,
+            severity: ComponentError.ComponentErrorSeverity.ERROR,
+        });
+    }
+    finally {
+        return final();
+    }
+};
+
+class RefundService {
+    async postRefund(paymentId, accountId, authToken, refundBody, apiOrigin = "https://wc-proxy.justifi.ai") {
+        const api = Api.Api({ authToken, apiOrigin });
+        const endpoint = `payments/${paymentId}/refunds`;
+        const headers = { 'Sub-Account': accountId };
+        return api.post({ endpoint, headers, body: refundBody });
+    }
+}
+
+const FormBlock = () => (index.h("div", { class: "row gap-3" },
+    index.h("div", { class: "col-12" },
+        index.h(skeleton.Skeleton, { width: "100%", height: "40px" }))));
+const RefundLoading = () => {
+    return (index.h(styledHost.StyledHost, null,
+        index.h("div", { class: "row gap-5" },
+            index.h(FormBlock, null),
+            index.h(FormBlock, null),
+            index.h(FormBlock, null))));
+};
+
 const RefundPayment = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.errorEvent = index.createEvent(this, "error-event", 7);
-        this.submitEvent = index.createEvent(this, "submit-event", 7);
-        this.authToken = undefined;
-        this.paymentId = undefined;
+        this.errorEvent = index.createEvent(this, "error-event");
+        this.submitEvent = index.createEvent(this, "submit-event");
+        this.refundPayload = {};
+        this.displayAmount = '';
+        this.errors = {};
+        this.paymentLoading = true;
+        this.refundLoading = false;
         this.hideSubmitButton = false;
         this.apiOrigin = "https://wc-proxy.justifi.ai";
-        this.paymentAmountRefundable = 0;
-        this.errorMessage = null;
-        this.errors = {};
-        this.values = {};
-        this.isLoading = false;
+        this.inputHandler = (name, value) => {
+            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
+        };
     }
     componentWillLoad() {
-        this.formController = new index_esm.FormController(RefundPaymentSchema(this.paymentAmountRefundable.toString()));
+        checkPkgVersion.checkPkgVersion();
+        this.analytics = new checkPkgVersion.JustifiAnalytics(this);
         this.initializeApi();
+        this.formController = new index_esm.FormController(RefundPaymentSchema());
     }
-    componentDidLoad() {
-        this.formController.errors.subscribe(errors => {
-            this.errors = Object.assign({}, errors);
-        });
-        this.formController.values.subscribe(values => {
-            this.values = Object.assign({}, values);
-        });
+    handleError(code, errorMessage, severity) {
+        this.errorEvent.emit({ errorCode: code, message: errorMessage, severity });
     }
-    async handleSubmit(event) {
-        event.preventDefault();
-        this.formController.validateAndSubmit(this.submitRefund);
+    checkAmount(amount) {
+        return amount > 0;
     }
-    async submitRefund(values) {
-        this.isLoading = true;
-        let refundResponse;
-        try {
-            refundResponse = await this.api.post(`payments/${this.paymentId}/refunds`, values);
-        }
-        catch (error) {
-            console.error('Error submitting refund:', error);
-            this.errorEvent.emit(error);
-        }
-        finally {
-            this.submitEvent.emit({ response: refundResponse });
-            this.isLoading = false;
-        }
+    handleInvalidAmount() {
+        this.submitDisabled = true;
+        const errorMessage = 'Refund amount must be greater than 0';
+        this.handleError(ComponentError.ComponentErrorCodes.INVALID_REFUND_AMOUNT, errorMessage, ComponentError.ComponentErrorSeverity.ERROR);
     }
-    handleInput(field, value) {
-        this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [field]: value }));
+    initializeFormController() {
+        const amount = this.refundPayload.amount;
+        const amountRefundable = amount ? amount.toString() : '0';
+        this.formController = new index_esm.FormController(RefundPaymentSchema(amountRefundable));
+        this.formController.setInitialValues({
+            amount: amountRefundable
+        });
+        this.formController.values.subscribe(values => {
+            this.refundPayload = Object.assign({}, values);
+        });
+        this.formController.errors.subscribe(errors => {
+            this.errors = Object.assign({}, errors);
+        });
     }
     initializeApi() {
         if (this.paymentId && this.authToken) {
-            this.api = Api.Api({ authToken: this.authToken, apiOrigin: "https://wc-proxy.justifi.ai" });
+            const getPayment = getPaymentDetails.makeGetPaymentDetails({
+                id: this.paymentId,
+                authToken: this.authToken,
+                service: new payment_service.PaymentService(),
+                apiOrigin: this.apiOrigin
+            });
+            getPayment({
+                onSuccess: ({ payment }) => {
+                    this.refundPayload = new Refund.RefundPayload({ amount: payment.amount_refundable });
+                },
+                onError: ({ error, code, severity }) => {
+                    this.handleError(code, error, severity);
+                },
+                final: () => {
+                    const amount = this.refundPayload.amount;
+                    const validAmount = this.checkAmount(amount);
+                    !validAmount ? this.handleInvalidAmount() : this.initializeFormController();
+                    this.paymentLoading = false;
+                }
+            });
         }
         else {
-            this.errorMessage = 'Payment ID and Auth Token are required';
-            this.errorEvent.emit({
-                errorCode: ComponentError.ComponentErrorCodes.MISSING_PROPS,
-                message: this.errorMessage,
-                severity: ComponentError.ComponentErrorSeverity.ERROR,
-            });
+            const errorMessage = 'Payment ID and Auth Token are required';
+            this.handleError(ComponentError.ComponentErrorCodes.MISSING_PROPS, errorMessage, ComponentError.ComponentErrorSeverity.ERROR);
         }
     }
+    async refundPayment(event) {
+        event && event.preventDefault();
+        const valid = await this.formController.validate();
+        if (!valid)
+            return;
+        const postRefund = makePostRefund({
+            authToken: this.authToken,
+            accountId: this.accountId,
+            paymentId: this.paymentId,
+            service: new RefundService(),
+            apiOrigin: this.apiOrigin
+        });
+        const values = this.formController.values.getValue();
+        this.refundLoading = true;
+        return new Promise((resolve) => {
+            let refundResponse;
+            postRefund({
+                refundBody: values,
+                onSuccess: (response) => { refundResponse = response; },
+                onError: ({ error, code, severity }) => {
+                    refundResponse = error;
+                    this.handleError(error, code, severity);
+                },
+                final: () => {
+                    this.submitEvent.emit({ response: refundResponse });
+                    this.submitDisabled = true;
+                    this.refundLoading = false;
+                    resolve(refundResponse.data);
+                },
+            });
+        });
+    }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'ea0429d62ea383b6525251150978bb0ebfb2704e' }, index.h("form", { key: '8f2e00b871ee896ba82311d8975574e5a2cbf6e3' }, index.h("div", { key: 'fa6476367e4a8b7fd7cdfff906671ef597b453de', class: "row gy-3" }, index.h("div", { key: '72a48181200d6116ceb4bb511bdd33c8c8197742', class: "form-group" }, index.h("form-control-monetary", { key: 'f6a3b3a7d8d8c733cb032db96878ad64ff712356', name: "amount", label: "Refund Amount", inputHandler: (name, value) => this.handleInput(name, value), errorText: this.errors.amount, defaultValue: this.paymentAmountRefundable.toString() })), index.h("div", { key: '47e6dc07510e192caf00ce959348a2a9472f48f8', class: "form-group" }, index.h("form-control-select", { key: '9f9b761eea9964c7f6ac1dd907a4fee8cd63c906', label: "Reason for refund (optional)", options: refundReasonOptions, name: "reason", defaultValue: '' })), index.h("div", { key: 'daa4bf44ec311e0554ea28f97a0932673d542a31', class: "form-group" }, index.h("form-control-textarea", { key: 'a03d055e6462b9a23e714ca58a942a6da0365919', name: "description", label: "Note (optional)", inputHandler: (name, value) => this.handleInput(name, value), errorText: this.errors.description, maxLength: 250 })), index.h("div", { key: 'b744d28ff0a2d6aa37b1ebe2b7ea6d9b3edbbc39', class: "form-group d-flex flex-row-reverse" }, index.h(button.Button, { key: '3f62881a5fa333277478d35a7c19a8c4ca8bb929', variant: "primary", type: "submit", onClick: e => this.handleSubmit(e), isLoading: this.isLoading, hidden: this.hideSubmitButton }, `Refund ${utils.formatCurrency(+this.values.amount)}`))))));
+        if (this.paymentLoading) {
+            return index.h(RefundLoading, null);
+        }
+        const defaultValues = this.formController.getInitialValues();
+        const currentRefundAmount = this.refundPayload.amount;
+        return (index.h(styledHost.StyledHost, null, index.h("form", null, index.h("fieldset", null, index.h("div", { class: "row gy-3" }, index.h("div", { class: "col-12" }, index.h("form-control-monetary", { name: "amount", label: "Refund Amount", defaultValue: defaultValues.amount, inputHandler: this.inputHandler, errorText: this.errors.amount })), index.h("div", { class: "col-12" }, index.h("form-control-select", { name: "reason", label: "Reason for refund (optional)", defaultValue: defaultValues.reason, inputHandler: this.inputHandler, options: refundReasonOptions, errorText: this.errors.reason })), index.h("div", { class: "col-12" }, index.h("form-control-textarea", { name: "description", label: "Note (optional)", defaultValue: defaultValues.description, inputHandler: this.inputHandler, maxLength: 250, errorText: this.errors.description })), index.h("div", { class: "form-group d-flex flex-row-reverse" }, index.h(button.Button, { variant: "primary", type: "submit", onClick: this.refundPayment.bind(this), isLoading: this.paymentLoading || this.refundLoading, hidden: this.hideSubmitButton, disabled: this.submitDisabled }, `Refund ${utils.formatCurrency(+currentRefundAmount)}`)))))));
     }
 };
 

package/dist/cjs/justifi-season-interruption-insurance-core.cjs.entry.js

@@ -1,14 +1,13 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-5b9a3b5f.js');
-const utils = require('./utils-4120664c.js');
-const insuranceState = require('./insurance-state-71f8b653.js');
-const parts = require('./parts-5ca90f9a.js');
-const styledHost = require('./styled-host-94309bab.js');
-const skeleton = require('./skeleton-e8aa41d0.js');
-require('./index-d2d0b181.js');
+var index = require('./index-DtkhH7sB.js');
+var utils = require('./utils-DmZ8Dia3.js');
+var insuranceState = require('./insurance-state-q5eNmjIK.js');
+var parts = require('./parts-D_uKOPFe.js');
+var styledHost = require('./styled-host-JifnTMIV.js');
+var skeleton = require('./skeleton-C59M0QK2.js');
+require('./_commonjsHelpers-BJu3ubxk.js');
+require('./index-DhcqPIbT.js');
 
 const SeasonInterruptionInsuranceLoading = () => (index.h("div", { class: "row gap-3" },
     index.h("div", { class: "col-12" },
@@ -27,25 +26,9 @@ const SeasonInterruptionInsuranceLoading = () => (index.h("div", { class: "row g
 const SeasonInterruptionInsuranceCore = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.insuranceUpdated = index.createEvent(this, "insurance-updated", 7);
-        this.errorEvent = index.createEvent(this, "error-event", 7);
-        this.checkoutId = undefined;
-        this.getQuote = undefined;
-        this.toggleCoverage = undefined;
-        this.primaryIdentityFirstName = undefined;
-        this.primaryIdentityLastName = undefined;
-        this.primaryIdentityState = undefined;
-        this.primaryIdentityPostalCode = undefined;
-        this.primaryIdentityCountry = undefined;
-        this.primaryIdentityEmailAddress = undefined;
-        this.policyAttributesInsurableAmount = undefined;
-        this.policyAttributesStartDate = undefined;
-        this.policyAttributesEndDate = undefined;
-        this.coveredIdentityFirstName = undefined;
-        this.coveredIdentityLastName = undefined;
-        this.quote = undefined;
+        this.insuranceUpdated = index.createEvent(this, "insurance-updated");
+        this.errorEvent = index.createEvent(this, "error-event");
         this.isLoading = true;
-        this.accepted = undefined;
     }
     async validate() {
         return insuranceState.validateInsuranceValues();

package/dist/cjs/justifi-season-interruption-insurance.cjs.entry.js

@@ -1,29 +1,34 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-5b9a3b5f.js');
-const Api = require('./Api-83d93333.js');
-const ComponentError = require('./ComponentError-233ac749.js');
-require('./Checkout-5352009d.js');
-require('./Pagination-0da8f095.js');
-require('./Payment-bccd8f7d.js');
-require('./SubAccount-2a302ead.js');
-require('./Document-0b828345.js');
-const utils = require('./utils-7a478c37.js');
-const checkPkgVersion = require('./check-pkg-version-64d3381a.js');
-require('./utils-4120664c.js');
-require('./Dispute-eb6bad54.js');
-require('./package-99f9fc82.js');
+var index = require('./index-DtkhH7sB.js');
+var Api = require('./Api-KMweahmp.js');
+var ComponentError = require('./ComponentError-C4MdBBMe.js');
+require('./Checkout-RAGvjVPj.js');
+require('./Pagination-Dediz133.js');
+require('./Payment-CQCmj3Ck.js');
+require('./Refund-DpKGhW3o.js');
+require('./Document-rXGBUaOh.js');
+var utils = require('./utils-l0veqT9y.js');
+var checkPkgVersion = require('./check-pkg-version-CLsX6cK5.js');
+require('./utils-DmZ8Dia3.js');
+require('./_commonjsHelpers-BJu3ubxk.js');
+require('./Dispute-CruQTF6_.js');
+require('./package-5B4P3NpD.js');
 
 class InsuranceService {
     async fetchQuote(authToken, payload) {
         const endpoint = 'insurance/quotes';
-        return Api.Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).post(endpoint, payload);
+        return Api.Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).post({
+            endpoint,
+            body: payload,
+        });
     }
     async toggleCoverage(authToken, quoteId, payload) {
         const endpoint = `insurance/quotes/${quoteId}/toggle`;
-        return Api.Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).post(endpoint, payload);
+        return Api.Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).post({
+            endpoint,
+            body: payload,
+        });
     }
 }
 
@@ -85,23 +90,7 @@ const makeToggleCoverage = ({ authToken, service }) => async ({ quoteId, payload
 const SeasonInterruptionInsurance = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.errorEvent = index.createEvent(this, "error-event", 7);
-        this.authToken = undefined;
-        this.checkoutId = undefined;
-        this.primaryIdentityFirstName = undefined;
-        this.primaryIdentityLastName = undefined;
-        this.primaryIdentityState = undefined;
-        this.primaryIdentityPostalCode = undefined;
-        this.primaryIdentityCountry = undefined;
-        this.primaryIdentityEmailAddress = undefined;
-        this.policyAttributesInsurableAmount = undefined;
-        this.policyAttributesStartDate = undefined;
-        this.policyAttributesEndDate = undefined;
-        this.coveredIdentityFirstName = undefined;
-        this.coveredIdentityLastName = undefined;
-        this.getQuote = undefined;
-        this.toggleCoverage = undefined;
-        this.quote = undefined;
+        this.errorEvent = index.createEvent(this, "error-event");
     }
     async validate() {
         return this.seasonInterruptionCoreRef.validate();
@@ -135,7 +124,7 @@ const SeasonInterruptionInsurance = class {
         });
     }
     render() {
-        return (index.h("justifi-season-interruption-insurance-core", { key: 'e1826234d0f2daf33b983a76f36bd652454c77fa', ref: (el) => (this.seasonInterruptionCoreRef = el), "checkout-id": this.checkoutId, getQuote: this.getQuote, toggleCoverage: this.toggleCoverage, "primary-identity-first-name": this.primaryIdentityFirstName, "primary-identity-last-name": this.primaryIdentityLastName, "primary-identity-state": this.primaryIdentityState, "primary-identity-postal-code": this.primaryIdentityPostalCode, "primary-identity-country": this.primaryIdentityCountry, "primary-identity-email-address": this.primaryIdentityEmailAddress, "policy-attributes-insurable-amount": this.policyAttributesInsurableAmount, "policy-attributes-start-date": this.policyAttributesStartDate, "policy-attributes-end-date": this.policyAttributesEndDate, "covered-identity-first-name": this.coveredIdentityFirstName, "covered-identity-last-name": this.coveredIdentityLastName }));
+        return (index.h("justifi-season-interruption-insurance-core", { key: 'aa3c7b6eacef9803f86dfc731d23022d0dd2625c', ref: (el) => (this.seasonInterruptionCoreRef = el), "checkout-id": this.checkoutId, getQuote: this.getQuote, toggleCoverage: this.toggleCoverage, "primary-identity-first-name": this.primaryIdentityFirstName, "primary-identity-last-name": this.primaryIdentityLastName, "primary-identity-state": this.primaryIdentityState, "primary-identity-postal-code": this.primaryIdentityPostalCode, "primary-identity-country": this.primaryIdentityCountry, "primary-identity-email-address": this.primaryIdentityEmailAddress, "policy-attributes-insurable-amount": this.policyAttributesInsurableAmount, "policy-attributes-start-date": this.policyAttributesStartDate, "policy-attributes-end-date": this.policyAttributesEndDate, "covered-identity-first-name": this.coveredIdentityFirstName, "covered-identity-last-name": this.coveredIdentityLastName }));
     }
 };