@justifi/webcomponents 4.19.1-rc-6 → 4.19.1

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

@@ -3,6 +3,7 @@ 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';
@@ -11,11 +12,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: undefined }).post(endpoint, JSON.stringify(payload));
+        return Api({ authToken, apiOrigin: config.proxyApiOrigin }).post(endpoint, JSON.stringify(payload));
     }
     async toggleCoverage(authToken, quoteId, payload) {
         const endpoint = `insurance/quotes/${quoteId}/toggle`;
-        return Api({ authToken, apiOrigin: undefined }).post(endpoint, JSON.stringify(payload));
+        return Api({ authToken, apiOrigin: config.proxyApiOrigin }).post(endpoint, JSON.stringify(payload));
     }
 }
 

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

@@ -1,4 +1,5 @@
 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';
@@ -19,7 +20,7 @@ const NewPaymentMethod = /*@__PURE__*/ proxyCustomElement(class NewPaymentMethod
         this.onPaymentMethodOptionClick = () => {
             this.paymentMethodOptionSelected.emit(this.paymentMethodOption);
         };
-        this.iframeOrigin = undefined;
+        this.iframeOrigin = config.iframeOrigin;
         this.authToken = undefined;
         this.accountId = undefined;
         this.paymentMethodOption = undefined;
@@ -27,9 +28,6 @@ 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;
     }
@@ -82,7 +80,7 @@ const NewPaymentMethod = /*@__PURE__*/ proxyCustomElement(class NewPaymentMethod
     }
     render() {
         var _a, _b, _c, _d;
-        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));
+        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));
     }
 }, [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-6";
+const version = "4.19.1";
 const description = "JustiFi Web Components";
 const collection = "dist/collection/collection-manifest.json";
 const main = "dist/index.cjs.js";
@@ -24,6 +24,7 @@ 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 = {
@@ -44,15 +45,16 @@ 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,4 +1,5 @@
 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';
@@ -31,7 +32,7 @@ const PaymentMethodOptions = /*@__PURE__*/ proxyCustomElement(class PaymentMetho
         this.insuranceToggled = undefined;
         this.authToken = undefined;
         this.accountId = undefined;
-        this.iframeOrigin = undefined;
+        this.iframeOrigin = config.iframeOrigin;
         this.savedPaymentMethods = [];
         this.paymentAmount = undefined;
         this.selectedPaymentMethodId = undefined;
@@ -77,7 +78,7 @@ const PaymentMethodOptions = /*@__PURE__*/ proxyCustomElement(class PaymentMetho
     }
     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;

package/dist/module/payment.service.js

@@ -2,16 +2,17 @@ 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: undefined });
+        const api = Api({ authToken, apiOrigin: config.proxyApiOrigin });
         const endpoint = `account/${accountId}/payments`;
         return api.get(endpoint, params);
     }
     async fetchPayment(paymentId, authToken) {
         const endpoint = `payments/${paymentId}`;
-        return Api({ authToken, apiOrigin: undefined }).get(endpoint);
+        return Api({ authToken, apiOrigin: config.proxyApiOrigin }).get(endpoint);
     }
 }
 

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

@@ -1,4 +1,5 @@
 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 {
@@ -29,7 +30,7 @@ const SavedPaymentMethod = /*@__PURE__*/ proxyCustomElement(class SavedPaymentMe
         this.onPaymentMethodOptionClick = () => {
             this.paymentMethodOptionSelected.emit(this.paymentMethodOption);
         };
-        this.iframeOrigin = undefined;
+        this.iframeOrigin = config.iframeOrigin;
         this.paymentMethodOption = undefined;
         this.isSelected = undefined;
     }
@@ -43,7 +44,7 @@ const SavedPaymentMethod = /*@__PURE__*/ proxyCustomElement(class SavedPaymentMe
     ;
     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)))));
     }
 }, [0, "justifi-saved-payment-method", {

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

@@ -1,4 +1,5 @@
 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: {
@@ -42,7 +43,7 @@ const SezzlePaymentMethod = /*@__PURE__*/ proxyCustomElement(class SezzlePayment
             this.sezzleCheckout = checkout;
             this.installmentPlan = this.sezzleCheckout.getInstallmentPlan(amount);
         };
-        this.iframeOrigin = undefined;
+        this.iframeOrigin = config.iframeOrigin;
         this.bnpl = undefined;
         this.clientId = undefined;
         this.accountId = undefined;
@@ -68,7 +69,7 @@ const SezzlePaymentMethod = /*@__PURE__*/ proxyCustomElement(class SezzlePayment
     }
     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))))))));
     }
 }, [0, "justifi-sezzle-payment-method", {
         "iframeOrigin": [1025, "iframe-origin"],

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

@@ -13,7 +13,6 @@ 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/types/home/runner/work/web-component-library/web-component-library/packages/webcomponents/.stencil/packages/webcomponents/config.d.ts

@@ -0,0 +1,11 @@
+export declare const config: {
+    iframeOrigin: string;
+    proxyApiOrigin: string;
+    proxyAuthToken: string;
+    exampleAccountId: string;
+    exampleBusinessId: string;
+    examplePaymentId: string;
+    examplePayoutId: string;
+    privateApiOrigin: string;
+    privateAuthToken: string;
+};

package/dist/webcomponents/index.esm.js

@@ -1 +0,0 @@
-

package/dist/webcomponents/p-04a0dbb6.js

@@ -0,0 +1 @@
+import{c as e}from"./p-2eab3c90.js";import{h as s,w as n,e as a,d as i,j as r,k as t,m as u,t as _,n as o,r as b,o as c,q as l,u as m,v as p,x as d,y as g}from"./p-241b0ed9.js";const y=b=>{const c=e({legal_name:s.required("Enter legal name"),website_url:n.required("Enter business website url"),email:a.required("Enter business email"),phone:i.required("Enter phone number"),doing_business_as:r.required("Enter doing business as"),classification:t.required("Select business classification"),industry:u.required("Enter a business industry"),tax_id:_.required("Enter tax id, SSN, or EIN"),date_of_incorporation:o.required("Enter date of incorporation")}),l=e({legal_name:s.required("Enter legal name"),website_url:n.nullable(),email:a.nullable(),phone:i.nullable(),doing_business_as:r.nullable(),classification:t.nullable(),industry:u.nullable(),tax_id:_.nullable(),date_of_incorporation:o.nullable()});return b?l:c},v=s=>{const n=e({business_revenue:b.required("Enter business revenue"),business_payment_volume:c.required("Enter business payment volume"),business_when_service_received:l.required("Select when service is received"),business_recurring_payments:m.required("Select recurring payments"),business_recurring_payments_percentage:p,business_seasonal:d.required("Select business seasonal"),business_other_payment_details:g.nullable()}),a=e({business_revenue:b.nullable(),business_payment_volume:c.nullable(),business_when_service_received:l.nullable(),business_recurring_payments:m.nullable(),business_recurring_payments_percentage:p,business_seasonal:d.nullable(),business_other_payment_details:g.nullable()});return s?a:n};export{v as a,y as b}

package/dist/webcomponents/p-061dcb79.entry.js

@@ -0,0 +1 @@
+import{r as e,c as t,h as r}from"./p-fad19d75.js";import{c as a}from"./p-ae263544.js";import{J as i}from"./p-554a3c18.js";import"./p-d765d638.js";import"./p-29c0b182.js";const o=class{constructor(r){e(this,r),this.cardFormReady=t(this,"cardFormReady",7),this.ready=t(this,"ready",7),this.cardFormTokenized=t(this,"cardFormTokenize",7),this.cardFormValidated=t(this,"cardFormValidate",7),this.validationMode=void 0,this.iframeOrigin=a.iframeOrigin,this.singleLine=!1,this.internalStyleOverrides=void 0}readyHandler(e){console.warn("The 'cardFormReady' event is deprecated in the next major release and will be renamed to 'ready'"),this.cardFormReady.emit(e),this.ready.emit(e)}tokenizeHandler(e){console.warn("The 'cardFormTokenize' event is deprecated in the next major release. Please refer to the documentation for the migration process and alternative approach. This method will be removed in the future."),this.cardFormTokenized.emit(e)}validateHandler(e){console.warn("The 'cardFormValidate' event is deprecated in the next major release. Please refer to the documentation for the migration process and alternative approach. This method will be removed in the future."),this.cardFormValidated.emit(e)}componentWillLoad(){this.analytics=new i(this)}disconnectedCallback(){this.analytics.cleanup()}async tokenize(...e){if(!this.childRef)throw new Error("Cannot call tokenize");return this.childRef.tokenize(...e)}async validate(){if(!this.childRef)throw new Error("Cannot call validate");return this.childRef.validate()}async resize(){if(console.warn("The 'resize' method is deprecated and will be removed in the next major release. Please refer to the documentation for the migration process and alternative approach."),!this.childRef)throw new Error("Cannot call validate");return this.childRef.resize()}render(){return r("justifi-payment-method-form",{key:"58843b8a47f35d716845de11f6a66d8960bc0776",ref:e=>{e&&(this.childRef=e)},"iframe-origin":this.iframeOrigin,"payment-method-form-type":"card","single-line":this.singleLine,"payment-method-form-ready":this.cardFormReady,"payment-method-form-validate":this.cardFormValidated,"payment-method-form-tokenize":this.cardFormTokenized,"payment-method-form-validation-mode":this.validationMode||"onSubmit"})}};export{o as justifi_card_form}

package/dist/webcomponents/p-07109641.entry.js

@@ -0,0 +1 @@
+import{r as t,h as i,c as s,H as e,g as o}from"./p-fad19d75.js";const a=class{constructor(i){t(this,i),this.errorText=void 0,this.name=void 0}render(){return this.errorText?i("small",{class:"form-text text-danger",id:`form-error-text-${this.name}`},this.errorText):null}},r=class{constructor(i){t(this,i),this.helpText=void 0,this.name=void 0}render(){return this.helpText?i("small",{class:"form-text text-muted",id:`form-help-text-${this.name}`},this.helpText):null}},h=class{constructor(i){t(this,i),this.formControlInput=s(this,"formControlInput",7),this.formControlBlur=s(this,"formControlBlur",7),this.handleFormControlInput=t=>{const i=t.target,s=i.getAttribute("name");this.inputHandler(s,i.value),this.formControlInput.emit(i.value)},this.updateInput=t=>{this.selectElement.value=t},this.label=void 0,this.name=void 0,this.helpText=void 0,this.errorText=void 0,this.defaultValue=void 0,this.inputHandler=void 0,this.options=void 0,this.disabled=void 0}handleDefaultValueChange(t){this.updateInput(t)}componentDidLoad(){this.updateInput(this.defaultValue)}render(){var t;return i(e,{key:"99449e3724103b12af7f2a4573831961074a484a",exportparts:"label,input,input-invalid"},i("div",{key:"d73e89d43da9968b687afece24794d9472fec6b5",class:"form-group d-flex flex-column"},i("label",{key:"6964c55858fc3cf96a137e1061c7f66831105348",part:"label",class:"form-label",htmlFor:this.name},this.label),i("select",{key:"5b1a09a607ad9638915f5e70f2164f6010020438",ref:t=>this.selectElement=t,id:this.name,name:this.name,onBlur:this.formControlBlur.emit,onInput:this.handleFormControlInput,part:"input "+(this.errorText?"input-invalid":""),class:this.errorText?"form-select is-invalid":"form-select",disabled:this.disabled},null===(t=this.options)||void 0===t?void 0:t.map((t=>i("option",{value:t.value},t.label)))),i("form-control-help-text",{key:"62d862921d463c98e56888293c878624f7311548",helpText:this.helpText,name:this.name}),i("form-control-error-text",{key:"0b1c4d4752965fb058208c72c7f1c3872d1e0561",errorText:this.errorText,name:this.name})))}static get watchers(){return{defaultValue:["handleDefaultValueChange"]}}},l=class{constructor(i){t(this,i),this.formControlInput=s(this,"formControlInput",7),this.formControlBlur=s(this,"formControlBlur",7),this.handleFormControlInput=t=>{const i=t.target,s=i.getAttribute("name");this.inputHandler(s,i.value),this.formControlInput.emit({name:s,value:i.value})},this.updateInput=t=>{const i=this.el.querySelector("input");i&&(i.value=t||"")},this.label=void 0,this.name=void 0,this.helpText=void 0,this.errorText=void 0,this.defaultValue=void 0,this.maxLength=void 0,this.inputHandler=void 0,this.keyDownHandler=void 0,this.disabled=void 0}handleDefaultValueChange(t){this.updateInput(t)}componentDidLoad(){this.updateInput(this.defaultValue)}render(){return i(e,{key:"1194532f81831734543bad80860da14f8a5ad856",exportparts:"label,input,input-invalid"},i("div",{key:"296538cf90b62f8041e21620aa06b4074f68b71a",class:"form-group d-flex flex-column"},i("label",{key:"7c009ce96124e58f9657dba2565ef298225f10f7",part:"label",class:"form-label",htmlFor:this.name},this.label),i("input",{key:"4b33cb700aecf4d0a359366ba2e0d248c602d904",id:this.name,name:this.name,onBlur:this.formControlBlur.emit,onInput:this.handleFormControlInput,onKeyDown:this.keyDownHandler,onPaste:this.keyDownHandler,maxLength:this.maxLength,part:`input ${this.errorText?"input-invalid ":""}${this.disabled?" input-disabled":""}`,class:this.errorText?"form-control is-invalid":"form-control",type:"text",disabled:this.disabled}),i("form-control-help-text",{key:"7a279d72bb262fcb044b5b0cc31703878ce9f444",helpText:this.helpText,name:this.name}),i("form-control-error-text",{key:"00bea288a99f626806697a98b6dca3f3298dc0b3",errorText:this.errorText,name:this.name})))}get el(){return o(this)}static get watchers(){return{defaultValue:["handleDefaultValueChange"]}}};export{a as form_control_error_text,r as form_control_help_text,h as form_control_select,l as form_control_text}

package/dist/webcomponents/p-08b0fb31.js

@@ -1,41 +1 @@
-import { h } from './p-fad19d75.js';
-
-// This component relies on "src/styles/animations.css" 
-// where it is defined the pulsation animation.
-// Because of shadow-dom, it's not possible to add it to the root.css.
-// Don't forget to include this file in the `styleUrls` 
-// property of the web component that will render the Skeleton
-const Skeleton = ({ component = 'div', height, width, variant = 'text', componentClassName, styles = {}, }) => {
-    const getVariantStyle = () => {
-        if (variant === 'text') {
-            return {
-                marginTop: 0,
-                marginBottom: 0,
-                height: 'auto',
-                transformOrigin: '0 55%',
-                transform: 'scale(1, 0.60)',
-                borderRadius: '4px/6.67px',
-                '::before': {
-                    content: '"\\00a0"',
-                },
-            };
-        }
-        else if (variant === 'circular') {
-            return {
-                borderRadius: '50%',
-            };
-        }
-        else if (variant === 'rounded') {
-            return {
-                borderRadius: '4px',
-            };
-        }
-        return {};
-    };
-    const combinedStyle = Object.assign(Object.assign(Object.assign({}, styles), getVariantStyle()), { width,
-        height });
-    const TagType = component;
-    return (h(TagType, { class: componentClassName, style: combinedStyle, part: "skeleton" }));
-};
-
-export { Skeleton as S };
+import{h as t}from"./p-fad19d75.js";const e=({component:e="div",height:r,width:o,variant:a="text",componentClassName:s,styles:n={}})=>{const i=Object.assign(Object.assign(Object.assign({},n),"text"===a?{marginTop:0,marginBottom:0,height:"auto",transformOrigin:"0 55%",transform:"scale(1, 0.60)",borderRadius:"4px/6.67px","::before":{content:'"\\00a0"'}}:"circular"===a?{borderRadius:"50%"}:"rounded"===a?{borderRadius:"4px"}:{}),{width:o,height:r});return t(e,{class:s,style:i,part:"skeleton"})};export{e as S}

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

@@ -0,0 +1 @@
+import{r as a,h as e,H as t}from"./p-fad19d75.js";import{E as c}from"./p-56f6ce4c.js";const d=class{constructor(e){a(this,e),this.paging=c,this.params={}}render(){return e(t,{key:"645df5028861aa714a814f908ccace8dcd0986f8",exportparts:"page-arrow,page-button,page-button-disabled,page-button-text"},e("nav",{key:"6cb86ce01c625db9c31204f63258570f8a5d0a0f","aria-label":"Table pagination",class:"d-flex justify-content-end gap-3"},e("ul",{key:"7ffb5771a1c51553d64735721b937e53c699949d",class:"pagination m-0"},e("li",{key:"b439c2f7fe81ccdfa29670a6fc04715681ed5ab3",class:"page-item "+(this.paging.has_previous?"":" disabled")},e("a",{key:"dc59152e834a3076f09304f6fcd0195058ebefec",href:"#",class:"page-link",onClick:a=>{a.preventDefault(),this.paging.handleClickPrevious(this.paging.start_cursor)},part:"page-button"+(this.paging.has_previous?"":" page-button-disabled")},e("span",{key:"fc640fb9ae2ca672bfed89d23c5641cb346c673d",class:"me-1",part:"page-arrow"},"«"),e("span",{key:"fb6fcd31ebd4d194b37f53a071537133b8c4d369",part:"page-button-text"},"Previous"))),e("li",{key:"b10e12ec7bc4a89cd897e868ec7b303c62599cd3",class:"page-item "+(this.paging.has_next?"":" disabled")},e("a",{key:"51f91eb7cfef91dcbcfd9f11522213308bf717b5",href:"#",class:"page-link",onClick:a=>{a.preventDefault(),this.paging.handleClickNext(this.paging.end_cursor)},part:"page-button"+(this.paging.has_next?"":" page-button-disabled")},e("span",{key:"d89f50a44dead676d19b8862a92ba636947fe6b1",part:"page-button-text"},"Next"),e("span",{key:"f5dd2ddddef86931d935df56101f1fed8118e4f6",class:"ms-1",part:"page-arrow"},"»"))))))}};export{d as pagination_menu}

package/dist/webcomponents/p-14c91ffd.js

@@ -1,20 +1 @@
-var ComponentErrorCodes;
-(function (ComponentErrorCodes) {
-    ComponentErrorCodes["MISSING_PROPS"] = "missing-props";
-    ComponentErrorCodes["FETCH_ERROR"] = "fetch-error";
-    ComponentErrorCodes["PATCH_ERROR"] = "patch-error";
-    ComponentErrorCodes["POST_ERROR"] = "post-error";
-    ComponentErrorCodes["UNKNOWN_ERROR"] = "unknown-error";
-    ComponentErrorCodes["TOKENIZE_ERROR"] = "tokenize-error";
-    ComponentErrorCodes["NOT_AUTHENTICATED"] = "not-authenticated";
-    ComponentErrorCodes["INVALID_PARAMETER"] = "invalid-parameter";
-    ComponentErrorCodes["PROVISIONING_REQUESTED"] = "provisioning-already-requested";
-})(ComponentErrorCodes || (ComponentErrorCodes = {}));
-var ComponentErrorSeverity;
-(function (ComponentErrorSeverity) {
-    ComponentErrorSeverity["INFO"] = "info";
-    ComponentErrorSeverity["WARNING"] = "warning";
-    ComponentErrorSeverity["ERROR"] = "error";
-})(ComponentErrorSeverity || (ComponentErrorSeverity = {}));
-
-export { ComponentErrorSeverity as C, ComponentErrorCodes as a };
+var r,e;!function(r){r.MISSING_PROPS="missing-props",r.FETCH_ERROR="fetch-error",r.PATCH_ERROR="patch-error",r.POST_ERROR="post-error",r.UNKNOWN_ERROR="unknown-error",r.TOKENIZE_ERROR="tokenize-error",r.NOT_AUTHENTICATED="not-authenticated",r.INVALID_PARAMETER="invalid-parameter",r.PROVISIONING_REQUESTED="provisioning-already-requested"}(r||(r={})),function(r){r.INFO="info",r.WARNING="warning",r.ERROR="error"}(e||(e={}));export{e as C,r as a}

package/dist/webcomponents/p-198994c0.entry.js

@@ -0,0 +1 @@
+import{r as t,c as s,h as i,H as r}from"./p-fad19d75.js";import{t as o}from"./p-2b6c9c4f.js";import{m as e,P as a}from"./p-8603348a.js";import"./p-56f6ce4c.js";import"./p-df21aaad.js";import{P as n}from"./p-e3fab0e2.js";import{C as p,a as c}from"./p-14c91ffd.js";import{g as h,a as d}from"./p-8115b2f4.js";import{E as u}from"./p-dce846bf.js";import{J as m}from"./p-554a3c18.js";import"./p-29c0b182.js";import"./p-ae263544.js";import"./p-d765d638.js";const f=class{constructor(i){t(this,i),this.errorEvent=s(this,"error-event",7),this.handleOnError=t=>{this.errorMessage=t.detail.message,this.errorEvent.emit(t.detail)},this.accountId=void 0,this.authToken=void 0,this.getPayouts=void 0,this.getPayoutCSV=void 0,this.errorMessage=null}componentWillLoad(){this.analytics=new m(this),this.initializeServices()}disconnectedCallback(){this.analytics.cleanup()}propChanged(){this.initializeServices()}initializeServices(){if(this.accountId&&this.authToken){const t={id:this.accountId,authToken:this.authToken,service:new a};this.getPayouts=(({id:t,authToken:s,service:i})=>async({params:r,onSuccess:o,onError:e})=>{var a,c;try{const u=await i.fetchPayouts(t,s,r);if(u.error)return e({error:h(u.error),code:d(null===(c=u.error)||void 0===c?void 0:c.code),severity:p.ERROR});{const t=Object.assign({},u.page_info);o({payouts:(null===(a=u.data)||void 0===a?void 0:a.map((t=>new n(t))))||[],pagingInfo:t})}}catch(t){return e({error:h(t),code:d(null==t?void 0:t.code),severity:p.ERROR})}})(t),this.getPayoutCSV=e(t)}else this.errorMessage="Account ID and Auth Token are required",this.errorEvent.emit({errorCode:c.MISSING_PROPS,message:"Account ID and Auth Token are required"})}render(){return this.errorMessage?u(this.errorMessage):i(r,{exportedparts:o},i("payouts-list-core",{getPayouts:this.getPayouts,getPayoutCSV:this.getPayoutCSV,"onError-event":this.handleOnError}))}static get watchers(){return{accountId:["propChanged"],authToken:["propChanged"]}}};export{f as justifi_payouts_list}