@justifi/webcomponents 4.19.1-rc → 4.19.1-rc-4

package/dist/module/justifi-bank-account-form.js

@@ -1,5 +1,4 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { c as config } from './config.js';
 import { J as JustifiAnalytics } from './Analytics.js';
 import { d as defineCustomElement$2 } from './payment-method-form.js';
 
@@ -12,7 +11,7 @@ const BankAccountForm = /*@__PURE__*/ proxyCustomElement(class BankAccountForm e
         this.bankAccountFormTokenized = createEvent(this, "bankAccountFormTokenize", 7);
         this.bankAccountFormValidated = createEvent(this, "bankAccountFormValidate", 7);
         this.validationMode = undefined;
-        this.iframeOrigin = config.iframeOrigin;
+        this.iframeOrigin = undefined;
         this.internalStyleOverrides = undefined;
     }
     readyHandler(event) {
@@ -64,7 +63,7 @@ const BankAccountForm = /*@__PURE__*/ proxyCustomElement(class BankAccountForm e
         return this.childRef.resize();
     }
     render() {
-        return (h("justifi-payment-method-form", { key: 'e2fa64d199a6c550329c9797a6951335e7c12bc6', ref: el => {
+        return (h("justifi-payment-method-form", { key: '646e392c1a9ed38e73780ed6a01b6f019767794c', ref: el => {
                 if (el) {
                     this.childRef = el;
                 }

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

@@ -9,7 +9,6 @@ import './Pagination.js';
 import './Payment.js';
 import './Payout.js';
 import { a as parseBusiness } from './payload-parsers.js';
-import { c as config } from './config.js';
 import { a as BusinessFormServerErrors, b as BusinessFormClickActions } from './business-form-types.js';
 import { a as Business } from './Business.js';
 import { J as JustifiAnalytics } from './Analytics.js';
@@ -95,7 +94,7 @@ const BusinessForm = /*@__PURE__*/ proxyCustomElement(class BusinessForm extends
         if (!this.businessId)
             console.error(missingBusinessIdMessage);
         this.formController = new FormController(businessFormSchema);
-        this.api = Api({ authToken: this.authToken, apiOrigin: config.proxyApiOrigin });
+        this.api = Api({ authToken: this.authToken, apiOrigin: undefined });
         this.fetchData();
     }
     disconnectedCallback() {
@@ -123,7 +122,7 @@ const BusinessForm = /*@__PURE__*/ proxyCustomElement(class BusinessForm extends
         this.instantiateBusiness(response.data);
     }
     render() {
-        return (h(StyledHost, { key: '60989d23631d6a02e9a25313dd7297a61063a09c', exportparts: "label,input,input-invalid" }, h("form", { key: 'd961174a3e93ed505012919a0e7e036bd61a4902', onSubmit: this.validateAndSubmit }, h("div", { key: '2be81a7f0e3b568266ee66127f2b537d57c36762', class: "row gap-3" }, h("h1", { key: 'eefc257f687ff24cebf13155a571398e3ddbcabd' }, this.title), h("form-alert", { key: '173d3ee84f5a952a51884ab5f3818c768fcc9b08', text: this.errorMessage, hideAlert: this.hideErrors }), h("div", { key: 'bfd7fd73aca630fcf56f468d912759d5a96de172', class: "col-12 mb-4" }, h("justifi-business-core-info", { key: 'dc15f46a28301c03ccd884ff09740e87d67b2e5a', formController: this.formController })), h("div", { key: 'b4cd6ba605ea28a7692cc561951bb69ad93bb8f5', class: "col-12 mb-4" }, h("justifi-legal-address-form", { key: '670f320ff6d1ba86a34f5b42dd97a5d38e96c209', formController: this.formController })), h("div", { key: '0afb9d18e6ecb951cefda4df5dd133d31359cecc', class: "col-12 mb-4" }, h("justifi-additional-questions", { key: '6953718bea9525126db35adc44a9c8754234816a', formController: this.formController })), h("div", { key: 'f88b576b9159cd43f17d5a63c26acc4b53dfa9a0', class: "col-12 mb-4" }, h("justifi-business-representative", { key: '4353116715c7f7b906c3c0eae322df04703fd8e5', formController: this.formController })), h("div", { key: 'd626b0738ce71f7529fa270d7a2c479f517e48a2', class: "col-12 d-flex flex-row-reverse" }, h("button", { key: '9469e132726c9bd02b8a1f4c4ca1a4c2a9000c1b', type: "submit", class: "btn btn-primary jfi-submit-button", disabled: this.disabledState, onClick: () => this.fireClickEvents({ name: BusinessFormClickActions.submit }) }, this.isLoading ? 'Loading...' : 'Submit'))))));
+        return (h(StyledHost, { key: '8fb79d577c13246fcf3ec1ee8460713fee07d01a', exportparts: "label,input,input-invalid" }, h("form", { key: '1fe23a8cc8714aee257b6c73c6b7b096d684ea1c', onSubmit: this.validateAndSubmit }, h("div", { key: 'e501f6963ed5bfd9eb80f67df13108289db6eba7', class: "row gap-3" }, h("h1", { key: 'f81f22704bda1480c467b872cd3fd309505b0e94' }, this.title), h("form-alert", { key: '15b2ff75d4db6447bfd1892542e8e972ede0ac7e', text: this.errorMessage, hideAlert: this.hideErrors }), h("div", { key: 'fd6a375fd187426940df3f28262be7aec3fedbe5', class: "col-12 mb-4" }, h("justifi-business-core-info", { key: 'd16818a2124cb04dd5a5e84ea40639991fb04a80', formController: this.formController })), h("div", { key: 'd48b04718cf938484cf65cc956bf798f44ed17a7', class: "col-12 mb-4" }, h("justifi-legal-address-form", { key: '3a2bc6babfe8a0a265b2a7f9e7bea1abebd3eb43', formController: this.formController })), h("div", { key: '5c4d5d1fa1e2aba32f42c2bb9e97c0d796ecf709', class: "col-12 mb-4" }, h("justifi-additional-questions", { key: 'c888fb627380d05302cb106c5642e39b1f2652fa', formController: this.formController })), h("div", { key: '623e94d84976cfe29f4501a781c750d1bb537605', class: "col-12 mb-4" }, h("justifi-business-representative", { key: '594c893c0976b58a309679a031f6f1c787e66f48', formController: this.formController })), h("div", { key: '9fbc36ed183b1ebf171da14276092195c7aaf3a9', class: "col-12 d-flex flex-row-reverse" }, h("button", { key: 'a60da6fdda5193d3c41c589b00b040c05ae425ac', type: "submit", class: "btn btn-primary jfi-submit-button", disabled: this.disabledState, onClick: () => this.fireClickEvents({ name: BusinessFormClickActions.submit }) }, this.isLoading ? 'Loading...' : 'Submit'))))));
     }
     static get style() { return JustifiBusinessFormStyle0; }
 }, [1, "justifi-business-form", {

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

@@ -1,5 +1,4 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { c as config } from './config.js';
 import { J as JustifiAnalytics } from './Analytics.js';
 import { d as defineCustomElement$2 } from './payment-method-form.js';
 
@@ -12,7 +11,7 @@ const CardForm = /*@__PURE__*/ proxyCustomElement(class CardForm extends HTMLEle
         this.cardFormTokenized = createEvent(this, "cardFormTokenize", 7);
         this.cardFormValidated = createEvent(this, "cardFormValidate", 7);
         this.validationMode = undefined;
-        this.iframeOrigin = config.iframeOrigin;
+        this.iframeOrigin = undefined;
         this.singleLine = false;
         this.internalStyleOverrides = undefined;
     }
@@ -65,7 +64,7 @@ const CardForm = /*@__PURE__*/ proxyCustomElement(class CardForm extends HTMLEle
         return this.childRef.resize();
     }
     render() {
-        return (h("justifi-payment-method-form", { key: '58843b8a47f35d716845de11f6a66d8960bc0776', ref: el => {
+        return (h("justifi-payment-method-form", { key: 'cc0ad5d8a262ff5c8422d247caed469a8dea3488', ref: el => {
                 if (el) {
                     this.childRef = el;
                 }

package/dist/module/justifi-checkout.js

@@ -5,7 +5,6 @@ import { A as Api } from './Api.js';
 import './Pagination.js';
 import './Payment.js';
 import './Payout.js';
-import { c as config } from './config.js';
 import { J as JustifiAnalytics } from './Analytics.js';
 import { d as defineCustomElement$d } from './form-control-error-text2.js';
 import { d as defineCustomElement$c } from './form-control-help-text2.js';
@@ -77,7 +76,7 @@ const makeCheckoutComplete = ({ authToken, checkoutId, service }) => async ({ pa
 class CheckoutService {
     async fetchCheckout(authToken, checkoutId) {
         const endpoint = `checkouts/${checkoutId}`;
-        return Api({ authToken, apiOrigin: config.proxyApiOrigin }).get(endpoint);
+        return Api({ authToken, apiOrigin: undefined }).get(endpoint);
     }
     async complete(authToken, checkoutId, payment) {
         const endpoint = `checkouts/${checkoutId}/complete`;
@@ -87,7 +86,7 @@ class CheckoutService {
         if (payment.payment_token) {
             payload.payment_token = payment.payment_token;
         }
-        return Api({ authToken, apiOrigin: config.proxyApiOrigin }).post(endpoint, JSON.stringify(payload));
+        return Api({ authToken, apiOrigin: undefined }).post(endpoint, JSON.stringify(payload));
     }
 }
 

package/dist/module/justifi-gross-payment-chart.js

@@ -1,5 +1,4 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { c as config } from './config.js';
 import { A as Api } from './Api.js';
 import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils3.js';
@@ -9,7 +8,7 @@ import { d as defineCustomElement$2 } from './gross-payment-chart-core2.js';
 
 class ReportsService {
     async fetchGrossVolumeChartData(accountId, authToken) {
-        const api = Api({ authToken: authToken, apiOrigin: config.proxyApiOrigin });
+        const api = Api({ authToken: authToken, apiOrigin: undefined });
         const endpoint = `account/${accountId}/reports/gross_volume`;
         return api.get(endpoint);
     }

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

@@ -3,7 +3,6 @@ import './Pagination.js';
 import { P as PaymentMethodTypes } from './Payment.js';
 import './Payout.js';
 import { l as loadFontsOnParent } from './utils2.js';
-import { c as config } from './config.js';
 import { C as ComponentErrorCodes, a as ComponentErrorSeverity } from './ComponentError.js';
 import { g as getErrorMessage } from './utils3.js';
 import { J as JustifiAnalytics } from './Analytics.js';
@@ -125,15 +124,15 @@ const PaymentForm = /*@__PURE__*/ proxyCustomElement(class PaymentForm extends H
         }
     }
     render() {
-        return (h(StyledHost, { key: '38bd6cca38d9068fa9277a8568a98f261a4cc616' }, h("form", { key: 'fec19f5e2f11934e6783124c4c437a2d3947f596', class: "row gy-3" }, this.showPaymentMethodTypeSelector() && (h("div", { key: '18001f78e03336d01de8473a57e3e228e9fce201', class: "col-12" }, h("justifi-payment-method-selector", { key: '260ac1ade3ccfe6baf518eb856bdf4d380025620', selectedPaymentMethodType: this.getSelectedPaymentMethodType(), onPaymentMethodSelected: event => this.paymentMethodSelectedHandler(event) }))), h("div", { key: 'f6ade2336314e05f2bdce75df8577939efe33e3b', class: "col-12" }, h("justifi-payment-method-form", { key: 'ad8e5b121b8425175f7ac7f38ab24dfba1801a28', "payment-method-form-type": this.getSelectedPaymentMethodType(), iframeOrigin: config.iframeOrigin, ref: el => {
+        return (h(StyledHost, { key: '8cb6e3903a0045fbffed5f17dc29aacc6b57ad7f' }, h("form", { key: '4e8f00c3d29c0db0bc99fd79da46abe7c40e3e30', class: "row gy-3" }, this.showPaymentMethodTypeSelector() && (h("div", { key: '344a1356f6f482493a35015c32f8e9a9b4cc8a80', class: "col-12" }, h("justifi-payment-method-selector", { key: '36b9dd7a9bc8336b4bef0d12f56c811effbc0a0b', selectedPaymentMethodType: this.getSelectedPaymentMethodType(), onPaymentMethodSelected: event => this.paymentMethodSelectedHandler(event) }))), h("div", { key: '225a260f817f9dd02a7f0a5b25562179ab80f7de', class: "col-12" }, h("justifi-payment-method-form", { key: '52e2bf20b265cc96ab556571a323370cc27ac278', "payment-method-form-type": this.getSelectedPaymentMethodType(), iframeOrigin: undefined, ref: el => {
                 if (el) {
                     this.paymentMethodFormRef = el;
                 }
-            } })), h("div", { key: '29f15f1cece3e07a569e514d08bf9996405699c6', class: "col-12" }, h("justifi-billing-form", { key: '9928924cc29bfa5c5e46ada294cb26da0c1d222b', legend: "Billing Info", ref: el => {
+            } })), h("div", { key: '433a8ac42c0eec9180e37da222da1dbb1112e48e', class: "col-12" }, h("justifi-billing-form", { key: '4f24f1c8b4083e2d9e5bb2272d32d20bb5cc225d', legend: "Billing Info", ref: el => {
                 if (el) {
                     this.billingFormRef = el;
                 }
-            } })), h("slot", { key: 'c36583ab34bc105b506df27aec02898455855cec', name: 'insurance' }), h("div", { key: 'cc38292ae8a59bc6f4624a8535e8b7c93e6f3a35', class: "col-12" }, h(Button, { key: 'e5fe0f50ee2322ab2a199a6229015c9daa198cc0', variant: "primary", type: "submit", onClick: event => this.submit(event), disabled: !this.submitButtonEnabled || this.isLoading, isLoading: this.isLoading, "data-testid": "submit-button", style: { width: '100%' } }, this.submitButtonText || 'Submit')))));
+            } })), h("slot", { key: '9397ae7fdd2677cd61a425fcf5818ae14fabbed0', name: 'insurance' }), h("div", { key: 'db9131f6f35165e69d3b59da7fa25b95f1e46168', class: "col-12" }, h(Button, { key: 'c280836cf6445a7132ff9202a09b6fdac8e29f77', variant: "primary", type: "submit", onClick: event => this.submit(event), disabled: !this.submitButtonEnabled || this.isLoading, isLoading: this.isLoading, "data-testid": "submit-button", style: { width: '100%' } }, this.submitButtonText || 'Submit')))));
     }
     static get style() { return JustifiPaymentFormStyle0; }
 }, [1, "justifi-payment-form", {

package/dist/module/justifi-payment-provisioning.js

@@ -3,7 +3,6 @@ import { J as JustifiAnalytics } from './Analytics.js';
 import { C as ComponentErrorCodes, a as ComponentErrorSeverity } from './ComponentError.js';
 import { m as makeGetBusiness, e as makePostProvisioning } from './payment-provisioning-actions.js';
 import { B as BusinessService } from './business.service.js';
-import { c as config } from './config.js';
 import { A as Api } from './Api.js';
 import { d as defineCustomElement$y } from './form-control-checkbox2.js';
 import { d as defineCustomElement$x } from './form-control-date2.js';
@@ -44,9 +43,9 @@ class ProvisionService {
         const endpoint = `entities/provisioning`;
         const payload = {
             business_id: businessId,
-            product_category: product
+            product_category: product,
         };
-        return Api({ authToken, apiOrigin: config.proxyApiOrigin }).post(endpoint, JSON.stringify(payload));
+        return Api({ authToken, apiOrigin: undefined }).post(endpoint, JSON.stringify(payload));
     }
 }
 

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

@@ -4,7 +4,6 @@ import { A as Api } from './Api.js';
 import './Pagination.js';
 import './Payment.js';
 import './Payout.js';
-import { c as config } from './config.js';
 import { C as CURRENCY_MASK } from './form-input-masks.js';
 import { S as StyledHost } from './styled-host.js';
 import { d as defineCustomElement$5 } from './form-control-error-text2.js';
@@ -96,11 +95,11 @@ const RefundForm = /*@__PURE__*/ proxyCustomElement(class RefundForm extends HTM
         if (!this.authToken) {
             console.warn('Warning: Missing auth-token.');
         }
-        this.api = Api({ authToken: this.authToken, apiOrigin: config.proxyApiOrigin });
+        this.api = Api({ authToken: this.authToken, apiOrigin: undefined });
     }
     render() {
         var _a;
-        return (h(StyledHost, { key: 'd0d0962eaecab749aa1eb124e86701a2fb4dfd53' }, h("h1", { key: 'cb3071d89c291b1664e551fcf2808a64569ba5eb' }, "Refund"), this.refundInfoText && (h("div", { key: '01a6f4567f882d2eec492ef6d98db7d04747ecb4', class: "d-flex align-items-center flex-row gap-4 border-top border-bottom my-4 p-3", role: "alert" }, h("img", { key: '8ae5928aaf8ead35a7ad180a01bdde05ebec3d5f', src: "/info-icon.svg", alt: "Information", height: "30", width: "30" }), h("p", { key: '425a7dfe9d8b886b55fd0878f3989373733c1758', class: "m-0", innerHTML: this.refundInfoText }))), h("form", { key: '5516d2ac500611d2410b9b4c2a4d0d15e417b2d1', onSubmit: e => this.handleSubmit(e), class: "d-grid gap-4" }, h("div", { key: 'b67a7c56f070a5a25d91aa0cc77755b27d420fdc', class: "form-group" }, h("form-control-monetary", { key: '76b6cfdf2b39674434f4d880333dd5d5f603f0b6', 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: '5e581cdea69d2ce9dbad774214cd904923d199b3', class: "form-group" }, h("form-control-text", { key: '926ae888676a4089d3381bd4d650e6f84f6e206a', name: "notes", label: "Additional Notes", inputHandler: (name, value) => this.handleInput(name, value), errorText: this.errors.notes })), this.withButton && (h("div", { key: 'de5df506b7b64a69a16241f117bf9bea4fd79b57', class: "form-group d-flex flex-row-reverse" }, h("button", { key: '92ad4d43677587c2c20dc03c6f03a6cf1f20ac12', type: "submit", disabled: !!this.isSubmitting, class: "btn btn-primary ml-auto" }, this.submitButtonText))))));
+        return (h(StyledHost, { key: '8d31f1a9bf936c9e11f8eca1dc55e614b9fa5939' }, h("h1", { key: 'be589740535ee8a5ab6d4af7151d7ae026f08002' }, "Refund"), this.refundInfoText && (h("div", { key: 'b1d40507dec53bac422f99a3d62678c78c0c2038', class: "d-flex align-items-center flex-row gap-4 border-top border-bottom my-4 p-3", role: "alert" }, h("img", { key: 'cc76014eef0d826bec5ec09355dc5fc747fd2070', src: "/info-icon.svg", alt: "Information", height: "30", width: "30" }), h("p", { key: 'c2efa0f2acdf3faaa6e2974d0535f48799e3cbbd', class: "m-0", innerHTML: this.refundInfoText }))), h("form", { key: '68220114781378f6507651414c87532171bebb31', onSubmit: e => this.handleSubmit(e), class: "d-grid gap-4" }, h("div", { key: '075545e9837316fe160760e0dba9a5104654dd2b', class: "form-group" }, h("form-control-monetary", { key: 'c8ff8a822d2b74b2f80b33cd6cd2b42ceebbff11', 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: '92093284e763466be5138ea6d788145d5d47bd87', class: "form-group" }, h("form-control-text", { key: 'ddf9e221d43d84ad7436261c5755e673224aa82e', name: "notes", label: "Additional Notes", inputHandler: (name, value) => this.handleInput(name, value), errorText: this.errors.notes })), this.withButton && (h("div", { key: '58abbbabce09d82da4032ef0e08e6cfac1433153', class: "form-group d-flex flex-row-reverse" }, h("button", { key: '3e703ef633e0d45ba70425dc6d58bcd2d590ce1b', type: "submit", disabled: !!this.isSubmitting, class: "btn btn-primary ml-auto" }, this.submitButtonText))))));
     }
     static get style() { return JustifiRefundFormStyle0; }
 }, [1, "justifi-refund-form", {

package/dist/module/justifi-season-interruption-insurance.js

@@ -3,7 +3,6 @@ import { A as Api } from './Api.js';
 import './Pagination.js';
 import './Payment.js';
 import './Payout.js';
-import { c as config } from './config.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils3.js';
 import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError.js';
 import { J as JustifiAnalytics } from './Analytics.js';
@@ -12,11 +11,11 @@ import { d as defineCustomElement$2 } from './season-interruption-insurance-core
 class InsuranceService {
     async fetchQuote(authToken, payload) {
         const endpoint = 'insurance/quotes';
-        return Api({ authToken, apiOrigin: config.proxyApiOrigin }).post(endpoint, JSON.stringify(payload));
+        return Api({ authToken, apiOrigin: undefined }).post(endpoint, JSON.stringify(payload));
     }
     async toggleCoverage(authToken, quoteId, payload) {
         const endpoint = `insurance/quotes/${quoteId}/toggle`;
-        return Api({ authToken, apiOrigin: config.proxyApiOrigin }).post(endpoint, JSON.stringify(payload));
+        return Api({ authToken, apiOrigin: undefined }).post(endpoint, JSON.stringify(payload));
     }
 }
 

package/dist/module/new-payment-method.js

@@ -1,5 +1,4 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { c as config } from './config.js';
 import { d as defineCustomElement$7 } from './form-control-error-text2.js';
 import { d as defineCustomElement$6 } from './form-control-help-text2.js';
 import { d as defineCustomElement$5 } from './form-control-select2.js';
@@ -20,7 +19,7 @@ const NewPaymentMethod = /*@__PURE__*/ proxyCustomElement(class NewPaymentMethod
         this.onPaymentMethodOptionClick = () => {
             this.paymentMethodOptionSelected.emit(this.paymentMethodOption);
         };
-        this.iframeOrigin = config.iframeOrigin;
+        this.iframeOrigin = undefined;
         this.authToken = undefined;
         this.accountId = undefined;
         this.paymentMethodOption = undefined;
@@ -28,6 +27,9 @@ const NewPaymentMethod = /*@__PURE__*/ proxyCustomElement(class NewPaymentMethod
         this.isSelected = undefined;
         this.saveNewPaymentMethodChecked = false;
     }
+    componentWillLoad() {
+        console.log('NewPaymentMethod: componentWillLoad iframeOrigin', this, this.iframeOrigin);
+    }
     handleCheckboxChanged(event) {
         this.saveNewPaymentMethodChecked = event.detail;
     }
@@ -80,7 +82,7 @@ const NewPaymentMethod = /*@__PURE__*/ proxyCustomElement(class NewPaymentMethod
     }
     render() {
         var _a, _b, _c, _d;
-        return (h("div", { key: '93c3e6d38d1e18be54006bf82cd6c8148df3518d', class: "payment-method" }, h("div", { key: '6dbb687fbd3e33a6095be7c39ec0974bcc4809b8', class: `payment-method-header p-3`, onClick: () => this.onPaymentMethodOptionClick() }, h("input", { key: '6c5be962cf5d357211c6716b53d0d8dd3fcf0bb0', type: "radio", name: "paymentMethodType", id: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, value: (_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id, onClick: (event) => event.preventDefault(), checked: this.isSelected, class: "form-check-input me-2" }), h("label", { key: '796868afd192703a81d94897872dd9c0504cbc1e', htmlFor: (_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.id, class: "form-check-label" }, PaymentMethodTypeLabels[(_d = this.paymentMethodOption) === null || _d === void 0 ? void 0 : _d.id])), this.isSelected ? this.showNewPaymentMethodForm() : null));
+        return (h("div", { key: 'd597ba8b0ac2a650a14a79d002a91ef3edf604a4', class: "payment-method" }, h("div", { key: 'a287f7ffd480f17f0f1093d71b9d02fe3db39e0f', class: `payment-method-header p-3`, onClick: () => this.onPaymentMethodOptionClick() }, h("input", { key: 'f53d08d048cc242414fcf6794614ad2334db81bb', type: "radio", name: "paymentMethodType", id: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, value: (_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id, onClick: (event) => event.preventDefault(), checked: this.isSelected, class: "form-check-input me-2" }), h("label", { key: '01712a80a30df19a7b540434532cffb4cb3b61e8', htmlFor: (_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.id, class: "form-check-label" }, PaymentMethodTypeLabels[(_d = this.paymentMethodOption) === null || _d === void 0 ? void 0 : _d.id])), this.isSelected ? this.showNewPaymentMethodForm() : null));
     }
 }, [0, "justifi-new-payment-method", {
         "iframeOrigin": [1025, "iframe-origin"],

package/dist/module/package.js

@@ -1,5 +1,5 @@
 const name = "@justifi/webcomponents";
-const version = "4.19.1-rc";
+const version = "4.19.1-rc-4";
 const description = "JustiFi Web Components";
 const collection = "dist/collection/collection-manifest.json";
 const main = "dist/index.cjs.js";
@@ -24,7 +24,6 @@ const scripts = {
 	generate: "stencil generate",
 	test: "TZ=utc stencil test --spec",
 	"test:watch": "TZ=utc stencil test --spec --watchAll",
-	"test:e2e": "stencil test --e2e",
 	"test:file": "stencil test --spec --watch --"
 };
 const dependencies = {
@@ -45,16 +44,15 @@ const devDependencies = {
 	"@babel/preset-env": "^7.21.5",
 	"@babel/preset-react": "^7.18.6",
 	"@babel/preset-typescript": "^7.21.5",
+	"@rollup/plugin-replace": "^5.0.7",
 	"@stencil/sass": "^3.0.1",
 	"@types/jest": "27.0.3",
-	"@types/node": "^20.1.4",
 	"@types/react": "^18.0.37",
 	"@types/react-dom": "^18.0.11",
 	dotenv: "^16.3.1",
 	jest: "^29.7.0",
 	"jest-cli": "^29.7.0",
 	"jest-environment-node": "^29.7.0",
-	puppeteer: "^21.0.0",
 	"ts-jest": "^29.1.2"
 };
 const license = "MIT";

package/dist/module/payment-method-options.js

@@ -1,5 +1,4 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { c as config } from './config.js';
 import { P as PaymentMethodTypes } from './Payment.js';
 import { d as defineCustomElement$2, P as PaymentMethodOption } from './saved-payment-method.js';
 import { d as defineCustomElement$a } from './form-control-error-text2.js';
@@ -32,7 +31,7 @@ const PaymentMethodOptions = /*@__PURE__*/ proxyCustomElement(class PaymentMetho
         this.insuranceToggled = undefined;
         this.authToken = undefined;
         this.accountId = undefined;
-        this.iframeOrigin = config.iframeOrigin;
+        this.iframeOrigin = undefined;
         this.savedPaymentMethods = [];
         this.paymentAmount = undefined;
         this.selectedPaymentMethodId = undefined;
@@ -78,7 +77,7 @@ const PaymentMethodOptions = /*@__PURE__*/ proxyCustomElement(class PaymentMetho
     }
     render() {
         var _a;
-        return (h(Host, { key: '86e309b90ab00f530dd803b00e5aab511f92300f' }, (_a = this.paymentMethodOptions) === null || _a === void 0 ? void 0 : _a.map((paymentMethodOption) => {
+        return (h(Host, { key: '7ee40a1bdc9ec15596e870b48cbe7b6bbc20537c' }, (_a = this.paymentMethodOptions) === null || _a === void 0 ? void 0 : _a.map((paymentMethodOption) => {
             const newCard = paymentMethodOption.id === PaymentMethodTypes.card;
             const newBankAccount = paymentMethodOption.id === PaymentMethodTypes.bankAccount;
             const isSelected = this.selectedPaymentMethodId === paymentMethodOption.id;

package/dist/module/payment.service.js

@@ -2,17 +2,16 @@ import { A as Api } from './Api.js';
 import './Pagination.js';
 import './Payment.js';
 import './Payout.js';
-import { c as config } from './config.js';
 
 class PaymentService {
     async fetchPayments(accountId, authToken, params) {
-        const api = Api({ authToken, apiOrigin: config.proxyApiOrigin });
+        const api = Api({ authToken, apiOrigin: undefined });
         const endpoint = `account/${accountId}/payments`;
         return api.get(endpoint, params);
     }
     async fetchPayment(paymentId, authToken) {
         const endpoint = `payments/${paymentId}`;
-        return Api({ authToken, apiOrigin: config.proxyApiOrigin }).get(endpoint);
+        return Api({ authToken, apiOrigin: undefined }).get(endpoint);
     }
 }
 

package/dist/module/saved-payment-method.js

@@ -1,5 +1,4 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Fragment } from '@stencil/core/internal/client';
-import { c as config } from './config.js';
 import { j as snakeToCamel } from './utils2.js';
 
 class PaymentMethodOption {
@@ -30,7 +29,7 @@ const SavedPaymentMethod = /*@__PURE__*/ proxyCustomElement(class SavedPaymentMe
         this.onPaymentMethodOptionClick = () => {
             this.paymentMethodOptionSelected.emit(this.paymentMethodOption);
         };
-        this.iframeOrigin = config.iframeOrigin;
+        this.iframeOrigin = undefined;
         this.paymentMethodOption = undefined;
         this.isSelected = undefined;
     }
@@ -44,7 +43,7 @@ const SavedPaymentMethod = /*@__PURE__*/ proxyCustomElement(class SavedPaymentMe
     ;
     render() {
         var _a, _b, _c, _d, _e;
-        return (h(Fragment, { key: '9c2174123f1675d60bc48d8109821c0bc2ad7682' }, h("div", { key: '07bffce2603110d44f38ffb2f57a60f07faddb3b', class: "payment-method" }, h("div", { key: 'f489d3a05db45c2b2581bc8f0fc093afed453d91', class: "payment-method-header p-3", onClick: () => this.onPaymentMethodOptionClick() }, h("input", { key: '70681612520aa621c39a017b72b25a7dd3211282', type: "radio", name: "paymentMethodType", id: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, value: (_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id, onClick: (event) => event.preventDefault(), checked: this.isSelected, class: "form-check-input me-2" }), h("label", { key: 'a58e14ae9d199b0e0eb01b4c0a4a8bd9c8fec41d', htmlFor: (_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.id, class: "form-check-label" }, CardBrandLabels[(_d = this.paymentMethodOption) === null || _d === void 0 ? void 0 : _d.brand], " *", (_e = this.paymentMethodOption) === null || _e === void 0 ? void 0 :
+        return (h(Fragment, { key: '247dafc3fe4011c5f6a2202690310eedfa5422c8' }, h("div", { key: '9cfb0b6ca9c10e5cc6173832bb8211ddb1d0ae5b', class: "payment-method" }, h("div", { key: 'd247cc4cf9f7bf43d7153134c66a921b5bfc49bc', class: "payment-method-header p-3", onClick: () => this.onPaymentMethodOptionClick() }, h("input", { key: '180c3aa6c4153bccf7cb620b6df49cc288754cd2', type: "radio", name: "paymentMethodType", id: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, value: (_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id, onClick: (event) => event.preventDefault(), checked: this.isSelected, class: "form-check-input me-2" }), h("label", { key: '6ec14d77e8171a1ddb37c686189878a7ebb4b4f4', htmlFor: (_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.id, class: "form-check-label" }, CardBrandLabels[(_d = this.paymentMethodOption) === null || _d === void 0 ? void 0 : _d.brand], " *", (_e = this.paymentMethodOption) === null || _e === void 0 ? void 0 :
             _e.acct_last_four)))));
     }
 }, [0, "justifi-saved-payment-method", {

package/dist/module/sezzle-payment-method.js

@@ -1,5 +1,4 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
-import { c as config } from './config.js';
 import { a as formatCurrency } from './utils2.js';
 
 const sezzleLogo = (h("img", { class: "sezzle-smart-button-logo-img", src: "https://media.sezzle.com/branding/2.0/Sezzle_Logo_FullColor.svg", alt: "Sezzle", style: {
@@ -43,7 +42,7 @@ const SezzlePaymentMethod = /*@__PURE__*/ proxyCustomElement(class SezzlePayment
             this.sezzleCheckout = checkout;
             this.installmentPlan = this.sezzleCheckout.getInstallmentPlan(amount);
         };
-        this.iframeOrigin = config.iframeOrigin;
+        this.iframeOrigin = undefined;
         this.bnpl = undefined;
         this.clientId = undefined;
         this.accountId = undefined;
@@ -69,7 +68,7 @@ const SezzlePaymentMethod = /*@__PURE__*/ proxyCustomElement(class SezzlePayment
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h("div", { key: '4deca512311cd98d358c7099141b15538857a4e5', class: "payment-method" }, h("script", { key: '94b232291153bba85efebb101e7e6e816857da96', src: "https://checkout-sdk.sezzle.com/checkout.min.js", async: true, ref: (el) => (this.scriptRef = el) }), h("div", { key: '7cd9052ae6613fe7f187f3a51b7d6ac7087fdeb1', class: `payment-method-header p-3`, onClick: () => this.onPaymentMethodOptionClick() }, h("input", { key: '1e15e6c2ddced23b049e2559da27532f9be94fb5', type: "radio", name: "paymentMethodType", id: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, value: (_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id, onClick: (event) => event.preventDefault(), checked: this.isSelected, class: "form-check-input me-2" }), h("label", { key: '0a3637002ef373c05424d6769b070d9db0e66ce8', htmlFor: (_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.id, class: "form-check-label" }, h("div", { key: '6398e2f00088edf8a1a3699e149760744dda4cb1' }, "Buy now, pay later with ", sezzleLogo), this.installmentPlan && (h("small", { key: 'bfd33da875aa5e9f5b649ac8fc7aa5758393b6e8' }, h("span", { key: 'c07fd5d32fe897a45a67140e2cb81b1f4d537c4a' }, (_d = this.installmentPlan) === null || _d === void 0 ? void 0 : _d.installments.length), "\u00A0", h("span", { key: '2b11e4aa6389a4b98cd003c031aed8f01ec8a4df' }, this.installmentPlan.schedule, " payments of"), "\u00A0", h("span", { key: '90cf3bfa1f0d36c8d4719f164d436407d7fc692b', class: "fw-bold" }, formatCurrency((_e = this.installmentPlan) === null || _e === void 0 ? void 0 : _e.installments[0].amountInCents))))))));
+        return (h("div", { key: '1b4e4a142e1e59465e0db5515ee6b0a0b2aac146', class: "payment-method" }, h("script", { key: 'c835bc94836949e2362974eaeefca1f6a579a1a0', src: "https://checkout-sdk.sezzle.com/checkout.min.js", async: true, ref: (el) => (this.scriptRef = el) }), h("div", { key: '051a0392e6353116423f706be48eb266daf12b84', class: `payment-method-header p-3`, onClick: () => this.onPaymentMethodOptionClick() }, h("input", { key: '6dd0d61f1b8788b45b008f5ac05f8a8b6a6591f2', type: "radio", name: "paymentMethodType", id: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, value: (_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id, onClick: (event) => event.preventDefault(), checked: this.isSelected, class: "form-check-input me-2" }), h("label", { key: 'caf3429bae616a016f58e141ac5c4493174cf3ef', htmlFor: (_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.id, class: "form-check-label" }, h("div", { key: '0e4ea85fc6fc32a1c35fe0dac86f21ab7f86eb0a' }, "Buy now, pay later with ", sezzleLogo), this.installmentPlan && (h("small", { key: '3740565f14b87aa2e4af44b7e2b12d93d6e454c2' }, h("span", { key: 'ca9b6dff0042c41d378b101067d060092234fa7c' }, (_d = this.installmentPlan) === null || _d === void 0 ? void 0 : _d.installments.length), "\u00A0", h("span", { key: '14ab21fd2d9bd612f41d5cd3e175402593012619' }, this.installmentPlan.schedule, " payments of"), "\u00A0", h("span", { key: '25e08c1e711af0979e14bbb911aedb58f59bc180', class: "fw-bold" }, formatCurrency((_e = this.installmentPlan) === null || _e === void 0 ? void 0 : _e.installments[0].amountInCents))))))));
     }
 }, [0, "justifi-sezzle-payment-method", {
         "iframeOrigin": [1025, "iframe-origin"],

package/dist/types/components/checkout/new-payment-method.d.ts

@@ -13,6 +13,7 @@ export declare class NewPaymentMethod {
     paymentMethodOptionSelected: EventEmitter;
     private billingFormRef?;
     private paymentMethodFormRef?;
+    componentWillLoad(): void;
     handleCheckboxChanged(event: CustomEvent<boolean>): void;
     fillBillingForm(fields: BillingFormFields): Promise<void>;
     resolvePaymentMethod(insuranceValidation: any): Promise<PaymentMethodPayload>;

package/dist/webcomponents/index.esm.js

@@ -0,0 +1 @@
+

package/dist/webcomponents/p-01a404ca.entry.js

@@ -0,0 +1,44 @@
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './p-fad19d75.js';
+
+const FileInput = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.formControlInput = createEvent(this, "formControlInput", 7);
+        this.formControlBlur = createEvent(this, "formControlBlur", 7);
+        this.fileSelected = createEvent(this, "fileSelected", 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.changeHandler = () => {
+            const inputFileList = this.fileInput.files;
+            if (inputFileList) {
+                this.fileSelected.emit({
+                    fileList: inputFileList,
+                    document_type: this.documentType
+                });
+            }
+        };
+        this.files = undefined;
+        this.fileString = undefined;
+        this.label = undefined;
+        this.name = undefined;
+        this.helpText = undefined;
+        this.errorText = undefined;
+        this.multiple = undefined;
+        this.documentType = undefined;
+        this.inputHandler = undefined;
+        this.disabled = undefined;
+    }
+    componentDidLoad() {
+        this.fileInput = this.el.querySelector('input');
+    }
+    render() {
+        return (h(Host, { key: 'ed29128c1c4c811aa030697347adb88e0143b031', exportparts: "label,input,input-invalid" }, h("div", { key: '6c924bdbbccae8e98a382a92e54c5b9c288de8d4', class: "form-group d-flex flex-column" }, h("label", { key: 'dbacccea94e39815737683495e3df83b514b79af', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("input", { key: 'a7eef53c9fff54eace8c6960b8c62a833d30bfa3', ref: (el) => this.fileInput = el, type: "file", name: this.name, part: `input ${this.errorText ? 'input-invalid ' : ''}${this.disabled ? ' input-disabled' : ''}`, class: this.errorText ? 'form-control is-invalid' : 'form-control', multiple: this.multiple, disabled: this.disabled, onChange: this.changeHandler, onInput: this.handleFormControlInput, onBlur: () => this.formControlBlur.emit() }), h("form-control-help-text", { key: 'a5abacb92bdb3fb59d0a2265114e858540f2c4b7', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '6eeeef347237d363d3bc6616d58f19a7f0be7e3c', errorText: this.errorText, name: this.name }))));
+    }
+    get el() { return getElement(this); }
+};
+
+export { FileInput as form_control_file };

package/dist/webcomponents/p-02c58e00.entry.js

@@ -0,0 +1,97 @@
+import { r as registerInstance, c as createEvent, h } from './p-fad19d75.js';
+import { A as Api } from './p-29c0b182.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './p-14c91ffd.js';
+import { g as getErrorMessage, a as getErrorCode } from './p-8115b2f4.js';
+import { E as ErrorState } from './p-dce846bf.js';
+import { J as JustifiAnalytics } from './p-9282eab8.js';
+import './p-492588bf.js';
+
+class ReportsService {
+    async fetchGrossVolumeChartData(accountId, authToken) {
+        const api = Api({ authToken: authToken, apiOrigin: undefined });
+        const endpoint = `account/${accountId}/reports/gross_volume`;
+        return api.get(endpoint);
+    }
+}
+
+const makeGetGrossPaymentChartData = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
+    var _a;
+    try {
+        const response = await service.fetchGrossVolumeChartData(id, authToken);
+        if (!response.error) {
+            onSuccess(response.data);
+        }
+        else {
+            const errorMessage = getErrorMessage(response.error);
+            const code = getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
+            onError({
+                error: errorMessage,
+                code,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    catch (error) {
+        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        const errorMessage = getErrorMessage(error);
+        onError({
+            error: errorMessage,
+            code,
+            severity: ComponentErrorSeverity.ERROR,
+        });
+    }
+};
+
+const GrossPaymentChart = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.errorEvent = createEvent(this, "error-event", 7);
+        this.handleErrorEvent = (event) => {
+            this.errorMessage = event.detail.message;
+            this.errorEvent.emit(event.detail);
+        };
+        this.accountId = undefined;
+        this.authToken = undefined;
+        this.getGrossPayment = undefined;
+        this.errorMessage = null;
+    }
+    componentWillLoad() {
+        this.analytics = new JustifiAnalytics(this);
+        this.initializeGetGrossPayment();
+    }
+    disconnectedCallback() {
+        this.analytics.cleanup();
+    }
+    propChanged() {
+        this.initializeGetGrossPayment();
+    }
+    initializeGetGrossPayment() {
+        if (this.accountId && this.authToken) {
+            this.getGrossPayment = makeGetGrossPaymentChartData({
+                id: this.accountId,
+                authToken: this.authToken,
+                service: new ReportsService(),
+            });
+        }
+        else {
+            this.errorMessage = 'Account ID and Auth Token are required';
+            this.errorEvent.emit({
+                errorCode: ComponentErrorCodes.MISSING_PROPS,
+                message: this.errorMessage,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    render() {
+        if (this.errorMessage) {
+            return ErrorState(this.errorMessage);
+        }
+        return (h("gross-payment-chart-core", { getGrossPayment: this.getGrossPayment, "onError-event": this.handleErrorEvent }));
+    }
+    static get watchers() { return {
+        "accountId": ["propChanged"],
+        "authToken": ["propChanged"]
+    }; }
+};
+
+export { GrossPaymentChart as justifi_gross_payment_chart };