@justifi/webcomponents 4.12.2 → 4.13.0-rc.1

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-05-14T19:14:35",
+  "timestamp": "2024-05-23T19:20:23",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.10.0",
@@ -341,12 +341,20 @@
         }
       ],
       "dependents": [
+        "justifi-business-core-info",
+        "justifi-business-core-info-form-step",
         "justifi-business-representative",
         "justifi-business-representative-form-step",
         "justifi-owner-form"
       ],
       "dependencies": [],
       "dependencyGraph": {
+        "justifi-business-core-info": [
+          "form-control-date"
+        ],
+        "justifi-business-core-info-form-step": [
+          "form-control-date"
+        ],
         "justifi-business-representative": [
           "form-control-date"
         ],
@@ -574,6 +582,164 @@
         ]
       }
     },
+    {
+      "filePath": "src/components/form/form-control-file.tsx",
+      "encapsulation": "shadow",
+      "tag": "form-control-file",
+      "readme": "# form-control-text\n\n\n",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "disabled",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "error",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "inputHandler",
+          "type": "(name: string, value: string) => void",
+          "complexType": {
+            "original": "(name: string, value: string) => void",
+            "resolved": "(name: string, value: string) => void",
+            "references": {}
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "(name: string, value: string) => void"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "name",
+          "type": "any",
+          "complexType": {
+            "original": "any",
+            "resolved": "any",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "name",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "any"
+            }
+          ],
+          "optional": false,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [
+        {
+          "event": "formControlBlur",
+          "detail": "any",
+          "bubbles": true,
+          "complexType": {
+            "original": "any",
+            "resolved": "any",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
+        {
+          "event": "formControlInput",
+          "detail": "any",
+          "bubbles": true,
+          "complexType": {
+            "original": "any",
+            "resolved": "any",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [
+        {
+          "name": "label",
+          "docs": ""
+        }
+      ],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
     {
       "filePath": "src/components/form/form-control-monetary.tsx",
       "encapsulation": "shadow",
@@ -666,6 +832,28 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "maskOptions",
+          "type": "any",
+          "complexType": {
+            "original": "any",
+            "resolved": "any",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "mask-options",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "CURRENCY_MASK.DECIMAL",
+          "values": [
+            {
+              "type": "any"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "name",
           "type": "string",
@@ -1353,6 +1541,8 @@
         }
       ],
       "dependents": [
+        "justifi-additional-questions",
+        "justifi-additional-questions-form-step",
         "justifi-business-core-info",
         "justifi-business-core-info-form-step",
         "justifi-identity-address-form",
@@ -1361,6 +1551,12 @@
       ],
       "dependencies": [],
       "dependencyGraph": {
+        "justifi-additional-questions": [
+          "form-control-select"
+        ],
+        "justifi-additional-questions-form-step": [
+          "form-control-select"
+        ],
         "justifi-business-core-info": [
           "form-control-select"
         ],
@@ -1595,6 +1791,8 @@
         }
       ],
       "dependents": [
+        "justifi-additional-questions",
+        "justifi-additional-questions-form-step",
         "justifi-business-core-info",
         "justifi-business-core-info-form-step",
         "justifi-business-owners",
@@ -1608,6 +1806,12 @@
       ],
       "dependencies": [],
       "dependencyGraph": {
+        "justifi-additional-questions": [
+          "form-control-text"
+        ],
+        "justifi-additional-questions-form-step": [
+          "form-control-text"
+        ],
         "justifi-business-core-info": [
           "form-control-text"
         ],
@@ -1823,11 +2027,15 @@
         "justifi-business-form"
       ],
       "dependencies": [
-        "form-control-monetary"
+        "form-control-monetary",
+        "form-control-select",
+        "form-control-text"
       ],
       "dependencyGraph": {
         "justifi-additional-questions": [
-          "form-control-monetary"
+          "form-control-monetary",
+          "form-control-select",
+          "form-control-text"
         ],
         "justifi-business-form": [
           "justifi-additional-questions"
@@ -2020,11 +2228,15 @@
         "justifi-payment-provisioning"
       ],
       "dependencies": [
-        "form-control-monetary"
+        "form-control-monetary",
+        "form-control-select",
+        "form-control-text"
       ],
       "dependencyGraph": {
         "justifi-additional-questions-form-step": [
-          "form-control-monetary"
+          "form-control-monetary",
+          "form-control-select",
+          "form-control-text"
         ],
         "justifi-payment-provisioning": [
           "justifi-additional-questions-form-step"
@@ -2549,12 +2761,14 @@
       ],
       "dependencies": [
         "form-control-text",
+        "form-control-date",
         "form-control-select",
         "form-control-number-masked"
       ],
       "dependencyGraph": {
         "justifi-business-core-info": [
           "form-control-text",
+          "form-control-date",
           "form-control-select",
           "form-control-number-masked"
         ],
@@ -2750,12 +2964,14 @@
       ],
       "dependencies": [
         "form-control-text",
+        "form-control-date",
         "form-control-select",
         "form-control-number-masked"
       ],
       "dependencyGraph": {
         "justifi-business-core-info-form-step": [
           "form-control-text",
+          "form-control-date",
           "form-control-select",
           "form-control-number-masked"
         ],
@@ -3095,6 +3311,7 @@
         ],
         "justifi-business-core-info": [
           "form-control-text",
+          "form-control-date",
           "form-control-select",
           "form-control-number-masked"
         ],
@@ -3103,7 +3320,9 @@
           "form-control-select"
         ],
         "justifi-additional-questions": [
-          "form-control-monetary"
+          "form-control-monetary",
+          "form-control-select",
+          "form-control-text"
         ],
         "justifi-business-representative": [
           "form-control-text",
@@ -4129,7 +4348,7 @@
     },
     {
       "filePath": "src/components/checkout/checkout.tsx",
-      "encapsulation": "shadow",
+      "encapsulation": "none",
       "tag": "justifi-checkout",
       "readme": "<h1>\n  <code><justifi-payment-form /></code>\n</h1>\n\n## Examples\n\n```html\n<!DOCTYPE html>\n<html dir=\"ltr\" lang=\"en\">\n  <head>\n    <meta charset=\"utf-8\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0\" />\n    <title>justifi-payment-form: Simple example</title>\n\n    <!--\n    If you are including the components via CDN the src should be the following:\n    https://cdn.jsdelivr.net/npm/@justifi/webcomponents@2.1.0/dist/webcomponents/webcomponents.esm.js\n  -->\n    <script type=\"module\" src=\"/build/webcomponents.esm.js\"></script>\n    <script nomodule src=\"/build/webcomponents.js\"></script>\n  </head>\n\n  <body>\n    <h1>PaymentForm</h1>\n    <hr />\n    <justifi-payment-form></justifi-payment-form>\n  </body>\n\n  <script>\n    (function () {})();\n  </script>\n</html>\n```\n",
       "docs": "<h1>\n  <code><justifi-payment-form /></code>\n</h1>",
@@ -4201,7 +4420,28 @@
         }
       ],
       "methods": [],
-      "events": [],
+      "events": [
+        {
+          "event": "error-event",
+          "detail": "ComponentError",
+          "bubbles": true,
+          "complexType": {
+            "original": "ComponentError",
+            "resolved": "ComponentError",
+            "references": {
+              "ComponentError": {
+                "location": "import",
+                "path": "../../api/ComponentError",
+                "id": "src/api/ComponentError.ts::ComponentError"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        }
+      ],
       "listeners": [],
       "styles": [],
       "slots": [],
@@ -4381,6 +4621,26 @@
         }
       ],
       "events": [
+        {
+          "event": "error-event",
+          "detail": "ComponentError",
+          "bubbles": true,
+          "complexType": {
+            "original": "ComponentError",
+            "resolved": "ComponentError",
+            "references": {
+              "ComponentError": {
+                "location": "import",
+                "path": "../../api/ComponentError",
+                "id": "src/api/ComponentError.ts::ComponentError"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
         {
           "event": "submitted",
           "detail": "IApiResponse<{ payment_mode: \"ecom\" | \"bnpl\"; payment_token: null; payment_status: string; payment_response: null; checkout_id: string; additional_transactions: any[]; checkout: ICheckout; }>",
@@ -6455,27 +6715,6 @@
           "optional": false,
           "required": false
         },
-        {
-          "name": "selectedPaymentMethodId",
-          "type": "string",
-          "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "selected-payment-method-id",
-          "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
         {
           "name": "showAch",
           "type": "boolean",
@@ -6895,6 +7134,7 @@
         ],
         "justifi-business-core-info-form-step": [
           "form-control-text",
+          "form-control-date",
           "form-control-select",
           "form-control-number-masked"
         ],
@@ -6903,7 +7143,9 @@
           "form-control-select"
         ],
         "justifi-additional-questions-form-step": [
-          "form-control-monetary"
+          "form-control-monetary",
+          "form-control-select",
+          "form-control-text"
         ],
         "justifi-business-representative-form-step": [
           "form-control-text",
@@ -9789,12 +10031,12 @@
       "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_dispute_volume?: string;\n  business_receivable_volume?: 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}",
       "docstring": "",
       "path": "src/api/Business.ts"
     },
     "src/api/Business.ts::IBusiness": {
-      "declaration": "export interface IBusiness {\n  additional_questions: IAdditionalQuestions | {};\n  business_type: BusinessType;\n  business_structure: BusinessStructure;\n  bank_accounts: BankAccount[];\n  created_at: string;\n  documents: Document[];\n  doing_business_as: string;\n  email: string;\n  id: string;\n  industry: string;\n  legal_address: IAddress | {};\n  legal_name: string;\n  metadata: any;\n  owners: Identity[];\n  phone: string;\n  platform_account_id: string;\n  product_categories: ProductCategories;\n  representative: Identity | {};\n  tax_id: string;\n  updated_at: string;\n  website_url: string;\n}",
+      "declaration": "export interface IBusiness {\n  additional_questions: IAdditionalQuestions | {};\n  business_type: BusinessType;\n  business_structure: BusinessStructure;\n  bank_accounts: BankAccount[];\n  created_at: string;\n  documents: Document[];\n  doing_business_as: string;\n  email: string;\n  id: string;\n  industry: string;\n  legal_address: IAddress | {};\n  legal_name: string;\n  metadata: any;\n  owners: Identity[];\n  phone: string;\n  platform_account_id: string;\n  product_categories: ProductCategories;\n  representative: Identity | {};\n  tax_id: string;\n  updated_at: string;\n  website_url: string;\n  date_of_incorporation?: string;\n}",
       "docstring": "",
       "path": "src/api/Business.ts"
     },
@@ -9854,7 +10096,7 @@
       "path": "src/components/checkout/payment-method-option-utils.tsx"
     },
     "src/components/checkout/payment-method-payload.ts::PaymentMethodPayload": {
-      "declaration": "export interface PaymentMethodPayload {\n  token?: string;\n  bnpl?: {\n    order_uuid: string;\n    status: string;\n    session_uuid: string;\n  }\n}",
+      "declaration": "export interface PaymentMethodPayload {\n  token?: string;\n  bnpl?: {\n    order_uuid: string;\n    status: string;\n    session_uuid: string;\n  },\n  error?: {\n    code: string;\n    message: string;\n    decline_code: string;\n  };\n}",
       "docstring": "",
       "path": "src/components/checkout/payment-method-payload.ts"
     },

package/dist/esm/{Api-0e88671c.js → Api-e9d568c7.js}

@@ -91,13 +91,16 @@ const Api = (authToken, apiOrigin) => {
     async function post(endpoint, body, params, signal) {
         return makeRequest(endpoint, 'POST', params, body, signal);
     }
+    async function put(endpoint, body, params, signal) {
+        return makeRequest(endpoint, 'PUT', params, body, signal);
+    }
     async function patch(endpoint, body, params, signal) {
         return makeRequest(endpoint, 'PATCH', params, body, signal);
     }
     async function destroy(endpoint, params, signal) {
         return makeRequest(endpoint, 'DELETE', params, null, signal);
     }
-    return { get, post, patch, destroy };
+    return { get, post, put, patch, destroy };
 };
 function handleError(requestUrl) {
     console.error(`Error fetching from ${requestUrl}`);

package/dist/esm/{Business-0e8a9a3a.js → Business-d83fbdb4.js}

@@ -110,8 +110,11 @@ class AdditionalQuestions {
     constructor(additionalQuestions) {
         this.business_revenue = additionalQuestions.business_revenue;
         this.business_payment_volume = additionalQuestions.business_payment_volume;
-        this.business_dispute_volume = additionalQuestions.business_dispute_volume;
-        this.business_receivable_volume = additionalQuestions.business_receivable_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_seasonal = additionalQuestions.business_seasonal;
+        this.business_other_payment_details = additionalQuestions.business_other_payment_details;
     }
 }
 class CoreBusinessInfo {
@@ -125,11 +128,12 @@ class CoreBusinessInfo {
         this.website_url = coreBusinessInfo.website_url;
         this.email = coreBusinessInfo.email;
         this.phone = coreBusinessInfo.phone;
+        this.date_of_incorporation = coreBusinessInfo.date_of_incorporation;
     }
 }
 class Business {
     constructor(business) {
-        this.additional_questions = business.additional_questions || {};
+        this.additional_questions = Object.assign({}, new AdditionalQuestions(business.additional_questions || {}));
         this.bank_accounts = business.bank_accounts;
         this.business_type = business.business_type;
         this.business_structure = business.business_structure;
@@ -150,6 +154,7 @@ class Business {
         this.tax_id = business.tax_id;
         this.updated_at = business.updated_at;
         this.website_url = business.website_url;
+        this.date_of_incorporation = business.date_of_incorporation;
     }
 }
 

package/dist/esm/{utils-4609f32c.js → ComponentError-2a58dbbc.js}

@@ -13,26 +13,4 @@ var ComponentErrorSeverity;
     ComponentErrorSeverity["ERROR"] = "error";
 })(ComponentErrorSeverity || (ComponentErrorSeverity = {}));
 
-// Errors on [capital]/config/locales/en.yml
-// Add more errors as needed
-const API_ERRORS = {
-    NOT_AUTHENTICATED: 'not_authenticated',
-};
-
-const getErrorMessage = (error) => {
-    if (typeof error === 'string') {
-        return error;
-    }
-    return error.message;
-};
-const getErrorCode = (code) => {
-    switch (code) {
-        case API_ERRORS.NOT_AUTHENTICATED:
-            return ComponentErrorCodes.NOT_AUTHENTICATED;
-        // add more cases as needed
-        default:
-            return ComponentErrorCodes.FETCH_ERROR;
-    }
-};
-
-export { ComponentErrorSeverity as C, getErrorCode as a, ComponentErrorCodes as b, getErrorMessage as g };
+export { ComponentErrorSeverity as C, ComponentErrorCodes as a };

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

@@ -10,10 +10,10 @@ const AdditionalQuestionsDetails = class {
         this.additionalQuestions = undefined;
     }
     render() {
-        var _a, _b, _c, _d;
+        var _a, _b;
         if (isEmptyObject(this.additionalQuestions))
             return null;
-        return (h(Host, null, h(DetailSectionTitle, { sectionTitle: "Additional Questions" }), h("div", { class: "d-table gap-2 w-100" }, h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Business Revenue", value: (_a = this.additionalQuestions.business_revenue) === null || _a === void 0 ? void 0 : _a.toString() }), h(DetailItem, { title: "Business Payment Volume", value: (_b = this.additionalQuestions.business_payment_volume) === null || _b === void 0 ? void 0 : _b.toString() })), h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Business Dispute Volume", value: (_c = this.additionalQuestions.business_dispute_volume) === null || _c === void 0 ? void 0 : _c.toString() }), h(DetailItem, { title: "Business Receivable Volume", value: (_d = this.additionalQuestions.business_receivable_volume) === null || _d === void 0 ? void 0 : _d.toString() }))))));
+        return (h(Host, null, h(DetailSectionTitle, { sectionTitle: "Additional Questions" }), h("div", { class: "d-table gap-2 w-100" }, h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Business Revenue", value: (_a = this.additionalQuestions.business_revenue) === null || _a === void 0 ? void 0 : _a.toString() }), h(DetailItem, { title: "Business Payment Volume", value: (_b = this.additionalQuestions.business_payment_volume) === null || _b === void 0 ? void 0 : _b.toString() }))))));
     }
 };
 AdditionalQuestionsDetails.style = additionalQuestionsDetailsCss;

package/dist/esm/{business-additional-questions-schema-a84dd641.js → business-additional-questions-schema-e96b0509.js}

@@ -1,5 +1,5 @@
-import { c as create$3, a as create$6 } from './index.esm-22b47398.js';
-import { b as businessNameValidation, w as websiteUrlValidation, e as emailValidation, c as phoneValidation, d as doingBusinessAsValidation, f as businessTypeValidation, g as businessStructureValidation, h as industryValidation, t as taxIdValidation } from './payload-parsers-0c4fc2b1.js';
+import { c as create$3 } from './index.esm-22b47398.js';
+import { b as businessNameValidation, w as websiteUrlValidation, e as emailValidation, c as phoneValidation, d as doingBusinessAsValidation, f as businessTypeValidation, g as businessStructureValidation, h as industryValidation, t as taxIdValidation, j as dateOfIncorporationValidation, r as revenueValidation, k as paymentVolumeValidation, l as whenServiceReceivedValidation, m as recurringPaymentsValidation, n as recurringPaymentsPercentageValidation, s as seasonalBusinessValidation, o as otherPaymentDetailsValidation } from './payload-parsers-32028700.js';
 
 const businessCoreInfoSchema = (allowOptionalFields) => {
     const schema = create$3({
@@ -12,6 +12,7 @@ const businessCoreInfoSchema = (allowOptionalFields) => {
         business_structure: businessStructureValidation.required('Select business structure'),
         industry: industryValidation.required('Enter a business industry'),
         tax_id: taxIdValidation.required('Enter tax id'),
+        date_of_incorporation: dateOfIncorporationValidation.required('Enter date of incorporation'),
     });
     const easySchema = create$3({
         legal_name: businessNameValidation.required('Enter legal name'),
@@ -23,22 +24,29 @@ const businessCoreInfoSchema = (allowOptionalFields) => {
         business_structure: businessStructureValidation.nullable(),
         industry: industryValidation.nullable(),
         tax_id: taxIdValidation.nullable(),
+        date_of_incorporation: dateOfIncorporationValidation.nullable(),
     });
     return allowOptionalFields ? easySchema : schema;
 };
 
 const additionalQuestionsSchema = (allowOptionalFields) => {
     const schema = create$3({
-        business_revenue: create$6().required('Enter business revenue'),
-        business_payment_volume: create$6().required('Enter business payment volume'),
-        business_dispute_volume: create$6().required('Enter business dispute volume'),
-        business_receivable_volume: create$6().required('Enter business receivable volume'),
+        business_revenue: revenueValidation.required('Enter business revenue'),
+        business_payment_volume: paymentVolumeValidation.required('Enter business payment volume'),
+        business_when_service_received: whenServiceReceivedValidation.required('Select when service is received'),
+        business_recurring_payments: recurringPaymentsValidation.required('Select recurring payments'),
+        business_recurring_payments_percentage: recurringPaymentsPercentageValidation,
+        business_seasonal: seasonalBusinessValidation.required('Select business seasonal'),
+        business_other_payment_details: otherPaymentDetailsValidation.nullable(),
     });
     const easySchema = create$3({
-        business_revenue: create$6().nullable(),
-        business_payment_volume: create$6().nullable(),
-        business_dispute_volume: create$6().nullable(),
-        business_receivable_volume: create$6().nullable()
+        business_revenue: revenueValidation.nullable(),
+        business_payment_volume: paymentVolumeValidation.nullable(),
+        business_when_service_received: whenServiceReceivedValidation.nullable(),
+        business_recurring_payments: recurringPaymentsValidation.nullable(),
+        business_recurring_payments_percentage: recurringPaymentsPercentageValidation,
+        business_seasonal: seasonalBusinessValidation.nullable(),
+        business_other_payment_details: otherPaymentDetailsValidation.nullable(),
     });
     return allowOptionalFields ? easySchema : schema;
 };