@justifi/webcomponents 4.23.1 → 5.0.0-rc-2

package/dist/module/dispute-response-form-types.js

@@ -0,0 +1,59 @@
+var DisputeEvidenceDocumentType;
+(function (DisputeEvidenceDocumentType) {
+    DisputeEvidenceDocumentType["activity_log"] = "activity_log";
+    DisputeEvidenceDocumentType["cancellationPolicy"] = "cancellation_policy";
+    DisputeEvidenceDocumentType["customerCommunication"] = "customer_communication";
+    DisputeEvidenceDocumentType["customerSignature"] = "customer_signature";
+    DisputeEvidenceDocumentType["duplicateChargeDocumentation"] = "duplicate_charge_documentation";
+    DisputeEvidenceDocumentType["receipt"] = "receipt";
+    DisputeEvidenceDocumentType["refundPolicy"] = "refund_policy";
+    DisputeEvidenceDocumentType["serviceDocumentation"] = "service_documentation";
+    DisputeEvidenceDocumentType["shippingDocumentation"] = "shipping_documentation";
+    DisputeEvidenceDocumentType["uncategorizedFile"] = "uncategorized_file";
+})(DisputeEvidenceDocumentType || (DisputeEvidenceDocumentType = {}));
+class DisputeEvidenceDocument {
+    set presignedUrl(url) {
+        this._presignedUrl = url;
+    }
+    get presignedUrl() {
+        return this._presignedUrl;
+    }
+    async getFileString() {
+        let fileString = '';
+        const fileStringPromise = new Promise((resolve, reject) => {
+            const reader = new FileReader();
+            reader.onload = (e) => {
+                fileString = e.target.result;
+                resolve(fileString);
+            };
+            reader.onerror = () => {
+                reject(new Error('Error reading file'));
+            };
+            reader.readAsDataURL(this._file);
+        });
+        await fileStringPromise;
+        return fileString;
+    }
+    ;
+    constructor(file, dispute_evidence_type) {
+        this._file = file;
+        this.file_name = file.name;
+        this.file_type = file.type;
+        this.dispute_evidence_type = dispute_evidence_type;
+    }
+}
+
+var DisputeResponseFormStep;
+(function (DisputeResponseFormStep) {
+    DisputeResponseFormStep["disputeReason"] = "dispute_reason";
+    DisputeResponseFormStep["productOrService"] = "product_or_service";
+    DisputeResponseFormStep["customerDetails"] = "customer_details";
+    DisputeResponseFormStep["cancellationPolicy"] = "cancellation_policy";
+    DisputeResponseFormStep["refundPolicy"] = "refund_policy";
+    DisputeResponseFormStep["duplicateCharge"] = "duplicate_charge";
+    DisputeResponseFormStep["electronicEvidence"] = "electronic_evidence";
+    DisputeResponseFormStep["shippingDetails"] = "shipping_details";
+    DisputeResponseFormStep["additionalStatement"] = "additional_statement";
+})(DisputeResponseFormStep || (DisputeResponseFormStep = {}));
+
+export { DisputeEvidenceDocument as D, DisputeResponseFormStep as a };

package/dist/module/dispute-response.js

@@ -0,0 +1,198 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
+import { c as config } from './config.js';
+import { S as StyledHost } from './styled-host.js';
+import './details.js';
+import { a as makeUpdateDisputeResponse, b as makeCreateDisputeEvidence, m as makeSubmitDisputeResponse, D as DisputeService } from './dispute-response-actions.js';
+import { C as ComponentErrorCodes, a as ComponentErrorSeverity } from './ComponentError.js';
+import { d as defineCustomElement$g } from './custom-popper2.js';
+import { d as defineCustomElement$f } from './form-control-date2.js';
+import { d as defineCustomElement$e } from './form-control-file-v22.js';
+import { d as defineCustomElement$d } from './form-control-help-text3.js';
+import { d as defineCustomElement$c } from './form-control-text2.js';
+import { d as defineCustomElement$b } from './form-control-textarea2.js';
+import { d as defineCustomElement$a } from './form-control-tooltip2.js';
+import { d as defineCustomElement$9 } from './additional-statement.js';
+import { d as defineCustomElement$8 } from './cancellation-policy.js';
+import { d as defineCustomElement$7 } from './customer-details.js';
+import { d as defineCustomElement$6 } from './dispute-response-core.js';
+import { d as defineCustomElement$5 } from './duplicate-charge.js';
+import { d as defineCustomElement$4 } from './electronic-evidence.js';
+import { d as defineCustomElement$3 } from './product-or-service.js';
+import { d as defineCustomElement$2 } from './refund-policy.js';
+import { d as defineCustomElement$1 } from './shipping-details.js';
+
+const DisputeResponse = /*@__PURE__*/ proxyCustomElement(class DisputeResponse extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.errorEvent = createEvent(this, "error-event", 7);
+        this.handleErrorEvent = (event) => {
+            this.errorMessage = event.detail.message;
+            this.errorEvent.emit(event.detail);
+        };
+        this.updateDisputeResponse = undefined;
+        this.submitDisputeResponse = undefined;
+        this.createDisputeEvidence = undefined;
+        this.errorMessage = null;
+        this.authToken = undefined;
+        this.disputeId = undefined;
+        this.disputeResponse = undefined;
+        this.apiOrigin = config.proxyApiOrigin;
+    }
+    componentWillLoad() {
+        checkPkgVersion();
+        this.analytics = new JustifiAnalytics(this);
+        this.initializeDisputeServiceMethods();
+    }
+    disconnectedCallback() {
+        this.analytics.cleanup();
+    }
+    propChanged() {
+        this.initializeDisputeServiceMethods();
+    }
+    initializeDisputeServiceMethods() {
+        if (this.disputeId && this.authToken) {
+            this.updateDisputeResponse = makeUpdateDisputeResponse({
+                disputeId: this.disputeId,
+                authToken: this.authToken,
+                service: new DisputeService()
+            });
+            this.createDisputeEvidence = makeCreateDisputeEvidence({
+                disputeId: this.disputeId,
+                authToken: this.authToken,
+                service: new DisputeService()
+            });
+            this.submitDisputeResponse = makeSubmitDisputeResponse({
+                disputeId: this.disputeId,
+                authToken: this.authToken,
+                service: new DisputeService()
+            });
+        }
+        else {
+            this.errorMessage = 'Account ID and Auth Token are required';
+            this.errorEvent.emit({
+                errorCode: ComponentErrorCodes.MISSING_PROPS,
+                message: this.errorMessage,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    render() {
+        return (h(StyledHost, { key: '359300bac34b3e344e045750f354ce974f6a02ed' }, h("justifi-dispute-response-core", { key: '121c8c358b1a8a6e9084a9de00c977ff806be974', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
+    }
+    ;
+    static get watchers() { return {
+        "accountId": ["propChanged"],
+        "authToken": ["propChanged"]
+    }; }
+}, [1, "justifi-dispute-response", {
+        "authToken": [1, "auth-token"],
+        "disputeId": [1, "dispute-id"],
+        "disputeResponse": [16],
+        "apiOrigin": [1, "api-origin"],
+        "updateDisputeResponse": [32],
+        "submitDisputeResponse": [32],
+        "createDisputeEvidence": [32],
+        "errorMessage": [32]
+    }, undefined, {
+        "accountId": ["propChanged"],
+        "authToken": ["propChanged"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["justifi-dispute-response", "custom-popper", "form-control-date", "form-control-file-v2", "form-control-help-text", "form-control-text", "form-control-textarea", "form-control-tooltip", "justifi-additional-statement", "justifi-cancellation-policy", "justifi-customer-details", "justifi-dispute-response-core", "justifi-duplicate-charge", "justifi-electronic-evidence", "justifi-product-or-service", "justifi-refund-policy", "justifi-shipping-details"];
+    components.forEach(tagName => { switch (tagName) {
+        case "justifi-dispute-response":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DisputeResponse);
+            }
+            break;
+        case "custom-popper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$g();
+            }
+            break;
+        case "form-control-date":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$f();
+            }
+            break;
+        case "form-control-file-v2":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$e();
+            }
+            break;
+        case "form-control-help-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$d();
+            }
+            break;
+        case "form-control-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$c();
+            }
+            break;
+        case "form-control-textarea":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$b();
+            }
+            break;
+        case "form-control-tooltip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$a();
+            }
+            break;
+        case "justifi-additional-statement":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
+            }
+            break;
+        case "justifi-cancellation-policy":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "justifi-customer-details":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "justifi-dispute-response-core":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "justifi-duplicate-charge":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "justifi-electronic-evidence":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "justifi-product-or-service":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "justifi-refund-policy":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "justifi-shipping-details":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { DisputeResponse as D, defineCustomElement as d };

package/dist/module/duplicate-charge.js

@@ -1,26 +1,67 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$7 } from './custom-popper2.js';
-import { d as defineCustomElement$6 } from './form-control-error-text2.js';
-import { d as defineCustomElement$5 } from './form-control-file2.js';
-import { d as defineCustomElement$4 } from './form-control-help-text2.js';
+import { c as create$3, a as create$6, F as FormController } from './form.js';
+import { D as DisputeEvidenceDocument, a as DisputeResponseFormStep } from './dispute-response-form-types.js';
+import { J as heading5 } from './parts.js';
+import { d as defineCustomElement$6 } from './custom-popper2.js';
+import { d as defineCustomElement$5 } from './form-control-file-v22.js';
+import { d as defineCustomElement$4 } from './form-control-help-text3.js';
 import { d as defineCustomElement$3 } from './form-control-text2.js';
 import { d as defineCustomElement$2 } from './form-control-textarea2.js';
 import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
 
+const DuplicateChargeSchema = create$3({
+    duplicate_charge_original_payment_id: create$6().nullable(),
+    duplicate_charge_explanation: create$6().nullable(),
+});
+
 const DuplicateCharge = /*@__PURE__*/ proxyCustomElement(class DuplicateCharge extends HTMLElement {
     constructor() {
         super();
         this.__registerHost();
+        this.inputHandler = (name, value) => {
+            this.form.setValues(Object.assign(Object.assign({}, this.form.values.getValue()), { [name]: value }));
+        };
+        this.handleFileSelection = (e) => {
+            const target = e.target;
+            const name = target.name;
+            const files = target.files;
+            for (const file of files) {
+                this.documentList.push(new DisputeEvidenceDocument(file, name));
+            }
+        };
+        this.disputeResponse = undefined;
+        this.form = undefined;
+        this.errors = {};
+        this.documentList = [];
+    }
+    async validateAndSubmit(onSuccess) {
+        this.form.validateAndSubmit((formData) => onSuccess(formData, this.documentList, DisputeResponseFormStep.duplicateCharge));
+    }
+    ;
+    componentWillLoad() {
+        this.form = new FormController(DuplicateChargeSchema);
+    }
+    componentDidLoad() {
+        this.form.errors.subscribe(errors => {
+            this.errors = Object.assign({}, errors);
+        });
     }
     render() {
-        return (h("div", { key: 'b02f7b5b70969b8bf441266b368e8ddff43dd1e0' }, h("div", { key: 'f6fd012b8b477f4e2130872d0b43b85adad25fdd', class: "row gy-3" }, h("div", { key: '22f93a10a461f4e6e746b019861380c08bee9715', class: "col-12" }, h("h2", { key: 'fdcc6a3b8120bb3efa124e6bb79e96f5b444578a', class: "h5" }, "Duplicate Charge")), h("div", { key: '750890417b504f0477cf3359384c589f835847e5', class: "col-12" }, h("form-control-text", { key: 'e3d5f7886d8c6adea82f05a29ed45b41cd7db60e', label: "Original Payment ID", name: "duplicate_charge_original_payment_id" })), h("div", { key: 'd7c96b14fc113f70b88c24127edac5311323eb0a', class: "col-12" }, h("form-control-textarea", { key: '26fcb96b35087c948cbfd6a469a92ca7cdb86330', label: "Duplicate Charge Explanation", name: "duplicate_charge_explanation" })), h("div", { key: 'eadcc0457689882a1c19d18dd2898059d87547b0', class: "col-12" }, h("form-control-file", { key: 'f7aea8d759f94876bca6213de22cff28f8db8783', label: "Duplicate Charge Documentation", name: "duplicate_charge_documentation" })))));
+        var _a, _b;
+        return (h("div", { key: 'a6729feaab17744bbd3c256b5bdee89939c9be55' }, h("div", { key: 'd3729ddaa5983766f87aa634399704c52ee4979c', class: "row gy-3" }, h("div", { key: '9c9288b63b688e83f53353a110ec31c078068312', class: "col-12" }, h("h2", { key: '431878c838002b8a15d202793ab3701cbc81df7e', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: 'f8b9a8dbb78777cb9c63a4296e41fdfe4edb2c7c', class: "col-12" }, h("form-control-text", { key: '8dc4ddad5ab952a09c99deef8734374891075575', label: "Original Payment ID", name: "duplicate_charge_original_payment_id", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.duplicate_charge_original_payment_id, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_original_payment_id })), h("div", { key: 'c5445211510dbdf1f6b547ef82ce128d3a316554', class: "col-12" }, h("form-control-textarea", { key: 'a650bf8ca839ae86d00d9df0eb77815a63ebafd6', label: "Duplicate Charge Explanation", name: "duplicate_charge_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.duplicate_charge_explanation, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_explanation })), h("div", { key: '47625dc4a02045230234220e24295b8260f38043', class: "col-12" }, h("form-control-file-v2", { key: '242b9ae244cc8fbad3721053a50042a76d8f40ad', label: "Duplicate Charge Documentation", name: "duplicate_charge_documentation", onChange: this.handleFileSelection })))));
     }
-}, [0, "justifi-duplicate-charge"]);
+}, [0, "justifi-duplicate-charge", {
+        "disputeResponse": [8, "dispute-response"],
+        "form": [32],
+        "errors": [32],
+        "documentList": [32],
+        "validateAndSubmit": [64]
+    }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-duplicate-charge", "custom-popper", "form-control-error-text", "form-control-file", "form-control-help-text", "form-control-text", "form-control-textarea", "form-control-tooltip"];
+    const components = ["justifi-duplicate-charge", "custom-popper", "form-control-file-v2", "form-control-help-text", "form-control-text", "form-control-textarea", "form-control-tooltip"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-duplicate-charge":
             if (!customElements.get(tagName)) {
@@ -28,16 +69,11 @@ function defineCustomElement() {
             }
             break;
         case "custom-popper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "form-control-error-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$6();
             }
             break;
-        case "form-control-file":
+        case "form-control-file-v2":
             if (!customElements.get(tagName)) {
                 defineCustomElement$5();
             }

package/dist/module/electronic-evidence.js

@@ -1,25 +1,64 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$6 } from './custom-popper2.js';
-import { d as defineCustomElement$5 } from './form-control-error-text2.js';
-import { d as defineCustomElement$4 } from './form-control-help-text2.js';
-import { d as defineCustomElement$3 } from './form-control-text2.js';
-import { d as defineCustomElement$2 } from './form-control-textarea2.js';
+import { c as create$3, a as create$6, F as FormController } from './form.js';
+import { D as DisputeEvidenceDocument, a as DisputeResponseFormStep } from './dispute-response-form-types.js';
+import { J as heading5 } from './parts.js';
+import { d as defineCustomElement$4 } from './custom-popper2.js';
+import { d as defineCustomElement$3 } from './form-control-file-v22.js';
+import { d as defineCustomElement$2 } from './form-control-text2.js';
 import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
 
+const ElectronicEvidenceSchema = create$3({
+    customer_purchase_ip_address: create$6().nullable(),
+});
+
 const ElectronicEvidence = /*@__PURE__*/ proxyCustomElement(class ElectronicEvidence extends HTMLElement {
     constructor() {
         super();
         this.__registerHost();
+        this.handleFileSelection = (e) => {
+            const target = e.target;
+            const name = target.name;
+            const files = target.files;
+            for (const file of files) {
+                this.documentList.push(new DisputeEvidenceDocument(file, name));
+            }
+        };
+        this.inputHandler = (name, value) => {
+            this.form.setValues(Object.assign(Object.assign({}, this.form.values.getValue()), { [name]: value }));
+        };
+        this.disputeResponse = undefined;
+        this.form = undefined;
+        this.errors = {};
+        this.documentList = [];
+    }
+    async validateAndSubmit(onSuccess) {
+        this.form.validateAndSubmit((formData) => onSuccess(formData, this.documentList, DisputeResponseFormStep.electronicEvidence));
+    }
+    ;
+    componentWillLoad() {
+        this.form = new FormController(ElectronicEvidenceSchema);
+    }
+    componentDidLoad() {
+        this.form.errors.subscribe(errors => {
+            this.errors = Object.assign({}, errors);
+        });
     }
     render() {
-        return (h("div", { key: '9db83df31da31c0f2506636c3626bd7edfce8ee4' }, h("div", { key: '5d7ddc3e3a54efe160240d1996f405e4d3038ed6', class: "row gy-3" }, h("div", { key: 'ea60427980d5b149ab8df1490334fda670c1af42', class: "col-12" }, h("h2", { key: 'b50cbc7b5d48d62dc88c4c27c568f67d46ea212f', class: "h5" }, "Electronic Evidence")), h("div", { key: '523b2a97794e2772c74633bbda2926f339ad7797', class: "col-12" }, h("form-control-text", { key: 'f4769f6d1f3e175963fe7e8b547ae005866ba758', label: "Purchase IP Address", name: "customer_purchase_ip_address", helpText: "The IP address used by the customer during the purchase." })), h("div", { key: 'eb86f2c489bfaa93daa12fb126cff980249a16de', class: "col-12" }, h("form-control-textarea", { key: '7d5090db5478ec0ac38a68113a8786eca7e63549', label: "Activity Logs", name: "access_activity_log", helpText: "Any server or activity logs that provide evidence of the customer's access to or download of the purchased digital product. This information should encompass IP addresses, relevant timestamps, and any detailed records of activity." })))));
+        var _a;
+        return (h("div", { key: '5521599b8e6d23412a06b4a9c6f5360f92ec9c12' }, h("div", { key: 'b1863623b1ffa07c18940d744184c7678515e1f3', class: "row gy-3" }, h("div", { key: '131410f3882f96e0346776db4c213e2ef17b546e', class: "col-12" }, h("h2", { key: '30120f59c8a7896f5294b4ccaf09165c1d28771e', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: '7211111acc93fd40b4140d49d4b1e3d268d13829', class: "col-12" }, h("form-control-text", { key: 'eeb3aeaa550569db5c977f3d2ef68b879be446c6', label: "Purchase IP Address", name: "customer_purchase_ip_address", helpText: "The IP address used by the customer during the purchase.", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_purchase_ip_address, inputHandler: this.inputHandler, errorText: this.errors.customer_purchase_ip_address })), h("div", { key: '7f98aae20a9f87d4f4f0b42f86350bb1468cc767', class: "col-12" }, h("form-control-file-v2", { key: '342b76753a12784852f2eb087941796874b90d39', label: "Activity Logs", name: "activity_log", helpText: "Any server or activity logs that provide evidence of the customer's access to or download of the purchased digital product. This information should encompass IP addresses, relevant timestamps, and any detailed records of activity.", onChange: this.handleFileSelection, errorText: this.errors.activity_log })))));
     }
-}, [0, "justifi-electronic-evidence"]);
+}, [0, "justifi-electronic-evidence", {
+        "disputeResponse": [8, "dispute-response"],
+        "form": [32],
+        "errors": [32],
+        "documentList": [32],
+        "validateAndSubmit": [64]
+    }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-electronic-evidence", "custom-popper", "form-control-error-text", "form-control-help-text", "form-control-text", "form-control-textarea", "form-control-tooltip"];
+    const components = ["justifi-electronic-evidence", "custom-popper", "form-control-file-v2", "form-control-text", "form-control-tooltip"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-electronic-evidence":
             if (!customElements.get(tagName)) {
@@ -27,26 +66,16 @@ function defineCustomElement() {
             }
             break;
         case "custom-popper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "form-control-error-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "form-control-help-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$4();
             }
             break;
-        case "form-control-text":
+        case "form-control-file-v2":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();
             }
             break;
-        case "form-control-textarea":
+        case "form-control-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }

package/dist/module/{table.js → event-types.js}

@@ -1,4 +1,6 @@
 import { h } from '@stencil/core/internal/client';
+import { m as tableEmpty, n as tableError, k as tableCell } from './parts.js';
+import { S as Spinner } from './spinner.js';
 
 const TableEmptyState = (props) => {
     const { columnSpan, isEmpty } = props;
@@ -6,7 +8,7 @@ const TableEmptyState = (props) => {
         return null;
     }
     return (h("tr", null,
-        h("td", { class: "empty-state", part: "empty-state", colSpan: columnSpan, style: { textAlign: 'center' } }, "No results")));
+        h("td", { class: "empty-state", part: tableEmpty, colSpan: columnSpan, style: { textAlign: 'center' } }, "No results")));
 };
 
 const TableErrorState = (props) => {
@@ -15,7 +17,7 @@ const TableErrorState = (props) => {
         return null;
     }
     return (h("tr", null,
-        h("td", { class: "error-state", part: "error-state", colSpan: columnSpan, "data-test-id": "table-error-state", style: { textAlign: 'center' } },
+        h("td", { class: "error-state", part: tableError, colSpan: columnSpan, "data-test-id": "table-error-state", style: { textAlign: 'center' } },
             "An unexpected error occurred: ",
             errorMessage)));
 };
@@ -26,9 +28,8 @@ const TableLoadingState = (props) => {
         return null;
     }
     return (h("tr", null,
-        h("td", { class: "loading-state", part: "loading-state-cell", colSpan: columnSpan, style: { textAlign: 'center' } },
-            h("div", { part: "loading-state-spinner", class: "spinner-border", role: "status" },
-                h("span", { class: "visually-hidden" }, "Loading...")))));
+        h("td", { class: "loading-state", part: tableCell, colSpan: columnSpan, style: { textAlign: 'center' } },
+            h(Spinner, null))));
 };
 
 class Table {
@@ -36,8 +37,8 @@ class Table {
         return this.columnKeys.map((key) => this.tableColumns[key]());
     }
     get rowData() {
-        return this.collection.map((dataEntry) => {
-            return this.columnKeys.map((key) => this.tableCells[key](dataEntry[key]));
+        return this.collection.map((dataEntry, index) => {
+            return this.columnKeys.map((key) => this.tableCells[key](dataEntry[key], index));
         });
     }
     set collectionData(collection) {
@@ -51,4 +52,11 @@ class Table {
     }
 }
 
-export { Table as T, TableLoadingState as a, TableEmptyState as b, TableErrorState as c };
+var TableClickActions;
+(function (TableClickActions) {
+    TableClickActions["row"] = "tableRow";
+    TableClickActions["next"] = "nextPage";
+    TableClickActions["previous"] = "previousPage";
+})(TableClickActions || (TableClickActions = {}));
+
+export { TableClickActions as T, Table as a, TableLoadingState as b, TableEmptyState as c, TableErrorState as d };

package/dist/module/event-types2.js

@@ -0,0 +1,23 @@
+var BusinessFormClickActions;
+(function (BusinessFormClickActions) {
+    BusinessFormClickActions["nextStep"] = "nextStep";
+    BusinessFormClickActions["previousStep"] = "previousStep";
+    BusinessFormClickActions["submit"] = "submit";
+    BusinessFormClickActions["removeOwner"] = "removeOwner";
+    BusinessFormClickActions["addOwner"] = "addOwner";
+    BusinessFormClickActions["addOwnerForm"] = "addOwnerForm";
+    BusinessFormClickActions["updateOwner"] = "updateOwner";
+})(BusinessFormClickActions || (BusinessFormClickActions = {}));
+var BusinessFormStep;
+(function (BusinessFormStep) {
+    BusinessFormStep["businessInfo"] = "business_info";
+    BusinessFormStep["legalAddress"] = "legal_address";
+    BusinessFormStep["additionalQuestions"] = "additional_questions";
+    BusinessFormStep["representative"] = "representative";
+    BusinessFormStep["owners"] = "owners";
+    BusinessFormStep["bankAccount"] = "bank_account";
+    BusinessFormStep["documentUpload"] = "document_upload";
+    BusinessFormStep["termsAndConditions"] = "terms_and_conditions";
+})(BusinessFormStep || (BusinessFormStep = {}));
+
+export { BusinessFormStep as B, BusinessFormClickActions as a };

package/dist/module/event-types3.js

@@ -0,0 +1,22 @@
+var DisputeManagementClickActions;
+(function (DisputeManagementClickActions) {
+    DisputeManagementClickActions["nextStep"] = "nextStep";
+    DisputeManagementClickActions["previousStep"] = "previousStep";
+    DisputeManagementClickActions["cancelDispute"] = "cancelDispute";
+    DisputeManagementClickActions["respondToDispute"] = "respondToDispute";
+    DisputeManagementClickActions["submit"] = "submit";
+})(DisputeManagementClickActions || (DisputeManagementClickActions = {}));
+var DisputeResponseFormStep;
+(function (DisputeResponseFormStep) {
+    DisputeResponseFormStep["disputeReason"] = "dispute_reason";
+    DisputeResponseFormStep["productOrService"] = "product_or_service";
+    DisputeResponseFormStep["customerDetails"] = "customer_details";
+    DisputeResponseFormStep["cancellationPolicy"] = "cancellation_policy";
+    DisputeResponseFormStep["refundPolicy"] = "refund_policy";
+    DisputeResponseFormStep["duplicateCharge"] = "duplicate_charge";
+    DisputeResponseFormStep["electronicEvidence"] = "electronic_evidence";
+    DisputeResponseFormStep["shippingDetails"] = "shipping_details";
+    DisputeResponseFormStep["additionalStatement"] = "additional_statement";
+})(DisputeResponseFormStep || (DisputeResponseFormStep = {}));
+
+export { DisputeManagementClickActions as D };

package/dist/module/form-alert2.js

@@ -1,4 +1,5 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { r as alertDanger } from './parts.js';
 
 const FormAlert = /*@__PURE__*/ proxyCustomElement(class FormAlert extends HTMLElement {
     constructor() {
@@ -14,7 +15,7 @@ const FormAlert = /*@__PURE__*/ proxyCustomElement(class FormAlert extends HTMLE
         if (this.hideAlert) {
             return null;
         }
-        return (h("div", { class: 'alert alert-danger d-flex align-items-center', role: 'alert' }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", fill: "currentColor", class: "bi bi-exclamation-triangle-fill flex-shrink-0 me-2", viewBox: "0 0 16 16", role: "img", "aria-label": "Warning:" }, h("path", { d: "M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z" })), h("div", null, this.text)));
+        return (h("div", { class: 'alert alert-danger d-flex align-items-center', role: 'alert', part: alertDanger }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", fill: "currentColor", class: "bi bi-exclamation-triangle-fill flex-shrink-0 me-2", viewBox: "0 0 16 16", role: "img", "aria-label": "Warning:" }, h("path", { d: "M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z" })), h("div", null, this.text)));
     }
 }, [0, "form-alert", {
         "text": [1],