@justifi/webcomponents 4.19.2-rc → 4.19.2

package/dist/collection/components/checkout/new-payment-method.js

@@ -1,4 +1,5 @@
 import { h } from "@stencil/core";
+import { config } from "../../../config";
 const PaymentMethodTypeLabels = {
     bankAccount: 'New bank account',
     card: 'New credit or debit card',
@@ -8,7 +9,7 @@ export class NewPaymentMethod {
         this.onPaymentMethodOptionClick = () => {
             this.paymentMethodOptionSelected.emit(this.paymentMethodOption);
         };
-        this.iframeOrigin = IFRAME_ORIGIN;
+        this.iframeOrigin = config.iframeOrigin;
         this.authToken = undefined;
         this.accountId = undefined;
         this.paymentMethodOption = undefined;
@@ -68,7 +69,7 @@ export class NewPaymentMethod {
     }
     render() {
         var _a, _b, _c, _d;
-        return (h("div", { key: '55a43467070e4981a6fda7b529f329122f33dda8', class: "payment-method" }, h("div", { key: 'b86a20d2e51883dab9f2c46e6787417d498af17e', class: `payment-method-header p-3`, onClick: () => this.onPaymentMethodOptionClick() }, h("input", { key: '900b836be24e83816d1e6c915855b11ba3b605ee', 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: 'b1976293de17845cba7671606c50698b90878bcb', 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: '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));
     }
     static get is() { return "justifi-new-payment-method"; }
     static get properties() {
@@ -89,7 +90,7 @@ export class NewPaymentMethod {
                 },
                 "attribute": "iframe-origin",
                 "reflect": false,
-                "defaultValue": "IFRAME_ORIGIN"
+                "defaultValue": "config.iframeOrigin"
             },
             "authToken": {
                 "type": "string",

package/dist/collection/components/checkout/payment-method-options.js

@@ -1,4 +1,5 @@
 import { h, Host } from "@stencil/core";
+import { config } from "../../../config";
 import { PaymentMethodTypes } from "../../api/Payment";
 import { PaymentMethodOption } from "./payment-method-option-utils";
 export class PaymentMethodOptions {
@@ -12,7 +13,7 @@ export class PaymentMethodOptions {
         this.insuranceToggled = undefined;
         this.authToken = undefined;
         this.accountId = undefined;
-        this.iframeOrigin = IFRAME_ORIGIN;
+        this.iframeOrigin = config.iframeOrigin;
         this.savedPaymentMethods = [];
         this.paymentAmount = undefined;
         this.selectedPaymentMethodId = undefined;
@@ -58,7 +59,7 @@ export class PaymentMethodOptions {
     }
     render() {
         var _a;
-        return (h(Host, { key: '7ee40a1bdc9ec15596e870b48cbe7b6bbc20537c' }, (_a = this.paymentMethodOptions) === null || _a === void 0 ? void 0 : _a.map((paymentMethodOption) => {
+        return (h(Host, { key: '86e309b90ab00f530dd803b00e5aab511f92300f' }, (_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;
@@ -272,7 +273,7 @@ export class PaymentMethodOptions {
                 },
                 "attribute": "iframe-origin",
                 "reflect": false,
-                "defaultValue": "IFRAME_ORIGIN"
+                "defaultValue": "config.iframeOrigin"
             },
             "savedPaymentMethods": {
                 "type": "unknown",

package/dist/collection/components/checkout/saved-payment-method.js

@@ -1,11 +1,12 @@
 import { Fragment, h } from "@stencil/core";
+import { config } from "../../../config";
 import { CardBrandLabels } from "./payment-method-option-utils";
 export class SavedPaymentMethod {
     constructor() {
         this.onPaymentMethodOptionClick = () => {
             this.paymentMethodOptionSelected.emit(this.paymentMethodOption);
         };
-        this.iframeOrigin = IFRAME_ORIGIN;
+        this.iframeOrigin = config.iframeOrigin;
         this.paymentMethodOption = undefined;
         this.isSelected = undefined;
     }
@@ -19,7 +20,7 @@ export class SavedPaymentMethod {
     ;
     render() {
         var _a, _b, _c, _d, _e;
-        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 :
+        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 :
             _e.acct_last_four)))));
     }
     static get is() { return "justifi-saved-payment-method"; }
@@ -41,7 +42,7 @@ export class SavedPaymentMethod {
                 },
                 "attribute": "iframe-origin",
                 "reflect": false,
-                "defaultValue": "IFRAME_ORIGIN"
+                "defaultValue": "config.iframeOrigin"
             },
             "paymentMethodOption": {
                 "type": "unknown",

package/dist/collection/components/checkout/sezzle-payment-method.js

@@ -1,4 +1,5 @@
 import { h } from "@stencil/core";
+import { config } from "../../../config";
 import { formatCurrency } from "../../utils/utils";
 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: {
         display: 'inline',
@@ -38,7 +39,7 @@ export class SezzlePaymentMethod {
             this.sezzleCheckout = checkout;
             this.installmentPlan = this.sezzleCheckout.getInstallmentPlan(amount);
         };
-        this.iframeOrigin = IFRAME_ORIGIN;
+        this.iframeOrigin = config.iframeOrigin;
         this.bnpl = undefined;
         this.clientId = undefined;
         this.accountId = undefined;
@@ -64,7 +65,7 @@ export class SezzlePaymentMethod {
     }
     render() {
         var _a, _b, _c, _d, _e;
-        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))))))));
+        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))))))));
     }
     static get is() { return "justifi-sezzle-payment-method"; }
     static get properties() {
@@ -85,7 +86,7 @@ export class SezzlePaymentMethod {
                 },
                 "attribute": "iframe-origin",
                 "reflect": false,
-                "defaultValue": "IFRAME_ORIGIN"
+                "defaultValue": "config.iframeOrigin"
             },
             "bnpl": {
                 "type": "any",

package/dist/collection/components/payment-form/payment-form.js

@@ -1,6 +1,7 @@
 import { h } from "@stencil/core";
 import { PaymentMethodTypes } from "../../api";
 import { loadFontsOnParent } from "../../utils/utils";
+import { config } from "../../../config";
 import { ComponentErrorCodes, ComponentErrorSeverity } from "../../api/ComponentError";
 import { getErrorMessage } from "../../api/services/utils";
 import JustifiAnalytics from "../../api/Analytics";
@@ -105,15 +106,15 @@ export class PaymentForm {
         }
     }
     render() {
-        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: IFRAME_ORIGIN, ref: el => {
+        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 => {
                 if (el) {
                     this.paymentMethodFormRef = el;
                 }
-            } })), h("div", { key: '433a8ac42c0eec9180e37da222da1dbb1112e48e', class: "col-12" }, h("justifi-billing-form", { key: '4f24f1c8b4083e2d9e5bb2272d32d20bb5cc225d', legend: "Billing Info", ref: el => {
+            } })), h("div", { key: '29f15f1cece3e07a569e514d08bf9996405699c6', class: "col-12" }, h("justifi-billing-form", { key: '9928924cc29bfa5c5e46ada294cb26da0c1d222b', legend: "Billing Info", ref: el => {
                 if (el) {
                     this.billingFormRef = el;
                 }
-            } })), 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')))));
+            } })), 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')))));
     }
     static get is() { return "justifi-payment-form"; }
     static get encapsulation() { return "shadow"; }

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

@@ -2,6 +2,7 @@ import { h, } from "@stencil/core";
 import RefundFormSchema from "./refund-form-schema";
 import { Api } from "../../api";
 import { FormController } from "../form/form";
+import { config } from "../../../config";
 import { CURRENCY_MASK } from "../../utils/form-input-masks";
 import { StyledHost } from "../../ui-components";
 export class RefundForm {
@@ -70,11 +71,11 @@ export class RefundForm {
         if (!this.authToken) {
             console.warn('Warning: Missing auth-token.');
         }
-        this.api = Api({ authToken: this.authToken, apiOrigin: PROXY_API_ORIGIN });
+        this.api = Api({ authToken: this.authToken, apiOrigin: config.proxyApiOrigin });
     }
     render() {
         var _a;
-        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))))));
+        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))))));
     }
     static get is() { return "justifi-refund-form"; }
     static get encapsulation() { return "shadow"; }

package/dist/config.js

@@ -0,0 +1,11 @@
+export const config = {
+    iframeOrigin: 'https://js.justifi.ai/v2',
+    proxyApiOrigin: 'https://wc-proxy.justifi.ai',
+    proxyAuthToken: 'eyJraWQiOiJqdXN0aWZpLWUyNDgyMmU3ODE1MmEzZjRkMjU1IiwidHlwIjoiSldUIiwiYWxnIjoiUlMyNTYifQ.eyJpc3MiOiJodHRwczovL2F1dGguanVzdGlmaS5haS8iLCJhenAiOiJvYXNfMmlsWHBqOHQ2WVlEQ0xWU0FiVFczMiIsInN1YiI6Im9hc18yaWxYcGo4dDZZWURDTFZTQWJUVzMyQHNlc3Npb25zIiwiYXVkIjoiaHR0cHM6Ly9hcGkuanVzdGlmaS5haS92MSIsImd0eSI6ImNsaWVudC1jcmVkZW50aWFscyIsInBlcm1pc3Npb25zIjpbeyJyb2xlIjoicmVhZDphY2NvdW50IiwicmVzb3VyY2VfaWQiOiJhY2NfNUV0OWlYclNTQVpSMktTb3VRR0FXaSJ9LHsicm9sZSI6InJlYWQ6YnVzaW5lc3MiLCJyZXNvdXJjZV9pZCI6ImJpel8zYmg2OWJxMXJrM2RtWE5vQUtWb251In1dLCJleHAiOjE3MTE1NTk0MTQsImlhdCI6MTcwMzc4MzQxNCwicGxhdGZvcm1fYWNjb3VudF9pZCI6ImFjY18zcmVOYjRhTll5MmlXRFpRVmN6bXg0In0.oPOoDYxzrnpE8PRUaz-FCU4KqnSuNbFTeDkl3AtMscjUkIctP1OIFh-ZGBjbH5eVH5noXCbaiin0j92dS7jx4gLpxuYT2Q8gpZbuIsT7fa58elvGeRkUUJ-AC5ueZxlv90yPWMm0OIbyrV7XZhuwYyKbV-ZczEbl2JpvBMe40CM-LdClQV66d_-Kw9a23SabBVfYgP5V-5OsagOIESvzZoO-27tGlNkV2a-hxqddDCOZv0HvRYAtp5S7EQrmRdEBu5gCNbf1eRFG424hxZUFVr2LdetYuKQLxJjDdUjf86ZwEUecrEaDSupiN1VC3CitdOwBVf6-R_N0VpN4VLVD5g',
+    exampleAccountId: 'acc_5Et9iXrSSAZR2KSouQGAWi',
+    exampleBusinessId: 'biz_3bh69bq1rk3dmXNoAKVonu',
+    examplePaymentId: 'py_1NNeEnf4FbelxDCQN2RHcE',
+    examplePayoutId: 'po_17745yESnHyEgWNeunmhmR',
+    privateApiOrigin: '',
+    privateAuthToken: '',
+};

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-09-23T01:57:52",
+  "timestamp": "2024-10-03T19:21:08",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.19.2",
@@ -3040,7 +3040,7 @@
           "reflectToAttr": false,
           "docs": "URL for the rendered iFrame. End-users need not use this.",
           "docsTags": [],
-          "default": "IFRAME_ORIGIN",
+          "default": "config.iframeOrigin",
           "values": [
             {
               "type": "string"
@@ -6281,7 +6281,7 @@
           "reflectToAttr": false,
           "docs": "URL for the rendered iFrame. End-users need not use this.",
           "docsTags": [],
-          "default": "IFRAME_ORIGIN",
+          "default": "config.iframeOrigin",
           "values": [
             {
               "type": "string"
@@ -7035,7 +7035,7 @@
           "reflectToAttr": false,
           "docs": "URL for the rendered iFrame. End-users need not use this.",
           "docsTags": [],
-          "default": "IFRAME_ORIGIN",
+          "default": "config.iframeOrigin",
           "values": [
             {
               "type": "string"
@@ -7961,7 +7961,7 @@
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "IFRAME_ORIGIN",
+          "default": "config.iframeOrigin",
           "values": [
             {
               "type": "string"
@@ -9370,7 +9370,7 @@
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "IFRAME_ORIGIN",
+          "default": "config.iframeOrigin",
           "values": [
             {
               "type": "string"
@@ -11524,7 +11524,7 @@
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "IFRAME_ORIGIN",
+          "default": "config.iframeOrigin",
           "values": [
             {
               "type": "string"
@@ -12466,7 +12466,7 @@
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "IFRAME_ORIGIN",
+          "default": "config.iframeOrigin",
           "values": [
             {
               "type": "string"
@@ -13945,7 +13945,7 @@
       "path": "src/api/ComponentError.ts"
     },
     "src/api/Business.ts::IAdditionalQuestions": {
-      "declaration": "export interface IAdditionalQuestions {\n  business_revenue?: string;\n  business_payment_volume?: string;\n  business_when_service_received?: string;\n  business_recurring_payments?: string;\n  business_recurring_payments_percentage?: string;\n  business_seasonal?: string;\n  business_other_payment_details?: string;\n}",
+      "declaration": "export interface IAdditionalQuestions {\n  business_revenue?: string;\n  business_payment_volume?: string;\n  business_when_service_received?: string;\n  business_recurring_payments?: string;\n  business_recurring_payments_percentage?: string;\n  business_seasonal?: string;\n  business_other_payment_details?: string;\n  payload?: any;\n}",
       "docstring": "",
       "path": "src/api/Business.ts"
     },

package/dist/esm/{Analytics-6f321899.js → Analytics-3e74964a.js}

@@ -1,10 +1,11 @@
-import { p as packageJson } from './package-9f727069.js';
-import { A as Api } from './Api-b09a2f6a.js';
+import { p as packageJson } from './package-925a0fdd.js';
+import { c as config } from './config-476c7241.js';
+import { A as Api } from './Api-c8abc2e0.js';
 
 class AnalyticsService {
     async record(body) {
         const endpoint = 'analytics';
-        return Api({ apiOrigin: "" }).post(endpoint, JSON.stringify(body));
+        return Api({ apiOrigin: config.proxyApiOrigin }).post(endpoint, body);
     }
 }
 

package/dist/esm/{Api-b09a2f6a.js → Api-c8abc2e0.js}

@@ -94,13 +94,13 @@ const Api = ({ authToken, apiOrigin }) => {
         return makeRequest(endpoint, 'GET', params, null, signal);
     }
     async function post(endpoint, body, params, signal) {
-        return makeRequest(endpoint, 'POST', params, body, signal);
+        return makeRequest(endpoint, 'POST', params, JSON.stringify(body), signal);
     }
     async function put(endpoint, body, params, signal) {
-        return makeRequest(endpoint, 'PUT', params, body, signal);
+        return makeRequest(endpoint, 'PUT', params, JSON.stringify(body), signal);
     }
     async function patch(endpoint, body, params, signal) {
-        return makeRequest(endpoint, 'PATCH', params, body, signal);
+        return makeRequest(endpoint, 'PATCH', params, JSON.stringify(body), signal);
     }
     async function destroy(endpoint, params, signal) {
         return makeRequest(endpoint, 'DELETE', params, null, signal);

package/dist/esm/{Business-e218b4f4.js → Business-b73d5055.js}

@@ -7,7 +7,8 @@ class Owner {
         this.dob_day = filterNumber(owner.dob_day);
         this.dob_month = filterNumber(owner.dob_month);
         this.dob_year = owner.dob_year;
-        this.dob_full = constructDate(this.dob_year, this.dob_month, this.dob_day) || '';
+        this.dob_full =
+            constructDate(this.dob_year, this.dob_month, this.dob_day) || '';
         this.documents = owner.documents;
         this.email = owner.email;
         this.id = owner.id;
@@ -22,6 +23,23 @@ class Owner {
         this.title = owner.title;
         this.updated_at = owner.updated_at;
     }
+    // Getter method to return the payload in the desired shape
+    get payload() {
+        return {
+            address: new Address(this.address || {}).payload,
+            dob_day: this.dob_day || '',
+            dob_month: this.dob_month || '',
+            dob_year: this.dob_year || '',
+            email: this.email || '',
+            identification_number: this.identification_number || undefined,
+            is_owner: this.is_owner || false,
+            metadata: this.metadata || null,
+            name: this.name || '',
+            phone: this.phone || '',
+            platform_account_id: this.platform_account_id || null,
+            title: this.title || '',
+        };
+    }
 }
 class Representative {
     constructor(representative) {
@@ -30,7 +48,8 @@ class Representative {
         this.dob_day = filterNumber(representative.dob_day);
         this.dob_month = filterNumber(representative.dob_month);
         this.dob_year = representative.dob_year;
-        this.dob_full = constructDate(this.dob_year, this.dob_month, this.dob_day) || '';
+        this.dob_full =
+            constructDate(this.dob_year, this.dob_month, this.dob_day) || '';
         this.documents = representative.documents;
         this.email = representative.email;
         this.id = representative.id;
@@ -45,6 +64,23 @@ class Representative {
         this.title = representative.title;
         this.updated_at = representative.updated_at;
     }
+    // Getter method to return the payload in the desired shape
+    get payload() {
+        return {
+            address: new Address(this.address || {}).payload,
+            dob_day: this.dob_day || '',
+            dob_month: this.dob_month || '',
+            dob_year: this.dob_year || '',
+            email: this.email || '',
+            is_owner: this.is_owner || false,
+            identification_number: this.identification_number || undefined,
+            metadata: this.metadata || null,
+            name: this.name || '',
+            phone: this.phone || '',
+            platform_account_id: this.platform_account_id || null,
+            title: this.title || '',
+        };
+    }
 }
 
 var BusinessClassification;
@@ -70,16 +106,42 @@ class Address {
         this.created_at = address.created_at;
         this.updated_at = address.updated_at;
     }
+    get payload() {
+        return {
+            platform_account_id: this.platform_account_id || '',
+            line1: this.line1 || '',
+            line2: this.line2 || '',
+            postal_code: this.postal_code || '',
+            city: this.city || '',
+            state: this.state || '',
+            country: this.country || '',
+        };
+    }
 }
 class AdditionalQuestions {
     constructor(additionalQuestions) {
         this.business_revenue = additionalQuestions.business_revenue;
         this.business_payment_volume = additionalQuestions.business_payment_volume;
-        this.business_when_service_received = additionalQuestions.business_when_service_received;
-        this.business_recurring_payments = additionalQuestions.business_recurring_payments;
-        this.business_recurring_payments_percentage = additionalQuestions.business_recurring_payments_percentage;
+        this.business_when_service_received =
+            additionalQuestions.business_when_service_received;
+        this.business_recurring_payments =
+            additionalQuestions.business_recurring_payments;
+        this.business_recurring_payments_percentage =
+            additionalQuestions.business_recurring_payments_percentage;
         this.business_seasonal = additionalQuestions.business_seasonal;
-        this.business_other_payment_details = additionalQuestions.business_other_payment_details;
+        this.business_other_payment_details =
+            additionalQuestions.business_other_payment_details;
+    }
+    get payload() {
+        return {
+            business_revenue: this.business_revenue || '',
+            business_payment_volume: this.business_payment_volume || '',
+            business_when_service_received: this.business_when_service_received || '',
+            business_recurring_payments: this.business_recurring_payments || '',
+            business_recurring_payments_percentage: this.business_recurring_payments_percentage || '',
+            business_seasonal: this.business_seasonal || '',
+            business_other_payment_details: this.business_other_payment_details || '',
+        };
     }
 }
 class CoreBusinessInfo {
@@ -94,10 +156,23 @@ class CoreBusinessInfo {
         this.phone = coreBusinessInfo.phone;
         this.date_of_incorporation = coreBusinessInfo.date_of_incorporation;
     }
+    get payload() {
+        return {
+            classification: this.classification || '',
+            legal_name: this.legal_name || '',
+            doing_business_as: this.doing_business_as || '',
+            industry: this.industry || '',
+            tax_id: this.tax_id || '',
+            website_url: this.website_url || '',
+            email: this.email || '',
+            phone: this.phone || '',
+            date_of_incorporation: this.date_of_incorporation || '',
+        };
+    }
 }
 class Business {
     constructor(business) {
-        this.additional_questions = Object.assign({}, new AdditionalQuestions(business.additional_questions || {}));
+        this.additional_questions = new AdditionalQuestions(business.additional_questions || {});
         this.associated_accounts = business.associated_accounts;
         this.classification = business.classification;
         this.bank_accounts = business.bank_accounts;
@@ -107,20 +182,40 @@ class Business {
         this.email = business.email;
         this.id = business.id;
         this.industry = business.industry;
-        this.legal_address = Object.assign({}, new Address(business.legal_address || {}));
+        this.legal_address = new Address(business.legal_address || {});
         this.legal_name = business.legal_name;
         this.metadata = business.metadata;
         this.owners = business.owners;
         this.phone = business.phone;
         this.platform_account_id = business.platform_account_id;
         this.product_categories = business.product_categories;
-        this.representative = Object.assign({}, new Representative(business.representative || {}));
+        this.representative = new Representative(business.representative || {});
         this.tax_id = business.tax_id;
         this.terms_conditions_accepted = business.terms_conditions_accepted;
         this.updated_at = business.updated_at;
         this.website_url = business.website_url;
         this.date_of_incorporation = business.date_of_incorporation;
     }
+    get payload() {
+        return {
+            additional_questions: new AdditionalQuestions(this.additional_questions)
+                .payload,
+            classification: this.classification || '',
+            doing_business_as: this.doing_business_as || '',
+            email: this.email || '',
+            industry: this.industry || '',
+            legal_address: new Address(this.legal_address).payload,
+            legal_name: this.legal_name || '',
+            metadata: this.metadata || {},
+            owners: this.owners.map((owner) => ({ id: owner.id })),
+            phone: this.phone || '',
+            platform_account_id: this.platform_account_id || '',
+            representative: new Representative(this.representative).payload,
+            tax_id: this.tax_id || '',
+            website_url: this.website_url || '',
+            date_of_incorporation: this.date_of_incorporation || '',
+        };
+    }
 }
 
 export { AdditionalQuestions as A, Business as B, CoreBusinessInfo as C, Owner as O, Representative as R, BusinessClassification as a, Address as b };

package/dist/esm/additional-questions-details_5.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host } from './index-57431c24.js';
 import { c as DetailItem, D as DetailSectionTitle } from './utils-01413a95.js';
-import { i as isEmptyObject, s as snakeCaseToHumanReadable, e as formatMediumDate } from './utils-3c1dd2fa.js';
+import { i as isEmptyObject, s as snakeCaseToHumanReadable, e as formatMediumDate } from './utils-e66d8bca.js';
 
 const sharedBusinessDetailsCss$4 = ".flex-1{flex:1}";
 const AdditionalQuestionsDetailsStyle0 = sharedBusinessDetailsCss$4;

package/dist/esm/{business-additional-questions-schema-956e3caf.js → business-additional-questions-schema-a5583cf8.js}

@@ -1,5 +1,5 @@
 import { c as create$3 } from './index.esm-fc4f5c0c.js';
-import { h as businessNameValidation, w as websiteUrlValidation, e as emailValidation, d as phoneValidation, j as doingBusinessAsValidation, k as businessClassificationValidation, m as industryValidation, t as taxIdValidation, n as dateOfIncorporationValidation, r as revenueValidation, o as paymentVolumeValidation, q as whenServiceReceivedValidation, u as recurringPaymentsValidation, v as recurringPaymentsPercentageValidation, x as seasonalBusinessValidation, y as otherPaymentDetailsValidation } from './schema-validations-a83ff220.js';
+import { b as businessNameValidation, w as websiteUrlValidation, e as emailValidation, p as phoneValidation, d as doingBusinessAsValidation, a as businessClassificationValidation, i as industryValidation, t as taxIdValidation, c as dateOfIncorporationValidation, r as revenueValidation, f as paymentVolumeValidation, g as whenServiceReceivedValidation, h as recurringPaymentsValidation, j as recurringPaymentsPercentageValidation, s as seasonalBusinessValidation, o as otherPaymentDetailsValidation } from './schema-validations-e725d701.js';
 
 const businessCoreInfoSchema = (allowOptionalFields) => {
     const schema = create$3({

package/dist/esm/{business-form-options-7a9a74fc.js → business-form-options-d790973e.js}

@@ -1,4 +1,4 @@
-import { a as BusinessClassification } from './Business-e218b4f4.js';
+import { a as BusinessClassification } from './Business-b73d5055.js';
 
 const businessClassificationOptions = [
     {
@@ -22,7 +22,7 @@ const businessClassificationOptions = [
         value: BusinessClassification.public_company,
     },
     {
-        label: 'Limited',
+        label: 'Limited Liability Company (LLC)',
         value: BusinessClassification.limited,
     },
     {

package/dist/esm/{payload-parsers-acb719d1.js → business-identity-schema-9e3269fb.js}

@@ -1,5 +1,5 @@
 import { c as create$3, a as create$6 } from './index.esm-fc4f5c0c.js';
-import { l as lineOneValidation, a as lineTwoValidation, c as cityValidation, s as stateValidation, p as postalValidation, i as identityNameValidation, b as identityTitleValidation, e as emailValidation, d as phoneValidation, f as dobValidation, g as ssnValidation } from './schema-validations-a83ff220.js';
+import { l as lineOneValidation, k as lineTwoValidation, m as cityValidation, n as stateValidation, q as postalValidation, u as identityNameValidation, v as identityTitleValidation, e as emailValidation, p as phoneValidation, x as dobValidation, y as ssnValidation } from './schema-validations-e725d701.js';
 
 const addressSchema = (allowOptionalFields) => {
     const schema = create$3({
@@ -45,46 +45,4 @@ const identitySchema = (role, allowOptionalFields) => {
     return allowOptionalFields ? easySchema : schema;
 };
 
-// These props should not be sent to the server
-// This function is for the larger business form. 
-const parseBusiness = (values, initialValues) => {
-    var _a;
-    parseCoreInfo(values);
-    parseAddressInfo(values.legal_address);
-    parseIdentityInfo(values.representative);
-    ((_a = initialValues.owners) === null || _a === void 0 ? void 0 : _a.length) && delete values.owners;
-    return values;
-};
-// These functions are for the stepped business form.
-const parseCoreInfo = (values) => {
-    delete values.id;
-    delete values.documents;
-    delete values.bank_accounts;
-    delete values.product_categories;
-    delete values.created_at;
-    delete values.updated_at;
-    delete values.associated_accounts;
-    delete values.terms_conditions_accepted;
-    return values;
-};
-const parseAddressInfo = (values) => {
-    delete values.id;
-    delete values.created_at;
-    delete values.updated_at;
-    return values;
-};
-const parseIdentityInfo = (values) => {
-    delete values.id;
-    delete values.documents;
-    delete values.created_at;
-    delete values.updated_at;
-    delete values.address.id;
-    delete values.address.created_at;
-    delete values.address.updated_at;
-    delete values.business_id;
-    delete values.dob_full;
-    delete values.ssn_last4;
-    return values;
-};
-
-export { addressSchema as a, parseCoreInfo as b, parseIdentityInfo as c, parseAddressInfo as d, identitySchema as i, parseBusiness as p };
+export { addressSchema as a, identitySchema as i };

package/dist/esm/{business.service-37d0cc72.js → business.service-6f139c2b.js}

@@ -1,27 +1,28 @@
-import { A as Api } from './Api-b09a2f6a.js';
+import { c as config } from './config-476c7241.js';
+import { A as Api } from './Api-c8abc2e0.js';
 
 class BusinessService {
     async fetchBusiness(businessId, authToken) {
         const endpoint = `entities/business/${businessId}`;
-        return Api({ authToken, apiOrigin: "" }).get(endpoint);
+        return Api({ authToken, apiOrigin: config.proxyApiOrigin }).get(endpoint);
     }
     async patchBusiness(authToken, businessId, payload) {
         const endpoint = `entities/business/${businessId}`;
-        return Api({ authToken, apiOrigin: "" }).patch(endpoint, payload);
+        return Api({ authToken, apiOrigin: config.proxyApiOrigin }).patch(endpoint, payload);
     }
 }
 class IdentityService {
     async fetchIdentity(identityId, authToken) {
         const endpoint = `entities/identity/${identityId}`;
-        return Api({ authToken, apiOrigin: "" }).get(endpoint);
+        return Api({ authToken, apiOrigin: config.proxyApiOrigin }).get(endpoint);
     }
     async patchIdentity(authToken, identityId, payload) {
         const endpoint = `entities/identity/${identityId}`;
-        return Api({ authToken, apiOrigin: "" }).patch(endpoint, payload);
+        return Api({ authToken, apiOrigin: config.proxyApiOrigin }).patch(endpoint, payload);
     }
     async postIdentity(authToken, payload) {
         const endpoint = `entities/identity`;
-        return Api({ authToken, apiOrigin: "" }).post(endpoint, payload);
+        return Api({ authToken, apiOrigin: config.proxyApiOrigin }).post(endpoint, payload);
     }
 }