@justifi/webcomponents 4.19.3-rc → 4.19.3-rc-2

package/dist/webcomponents/p-ba5fae28.js

@@ -1 +1,90 @@
-import{a as e}from"./p-af244664.js";const a=[{label:"Choose business classification",value:""},{label:"Sole Proprietor",value:e.sole_proprietor},{label:"Partnership",value:e.partnership},{label:"Corporation",value:e.corporation},{label:"Public Company",value:e.public_company},{label:"Limited",value:e.limited},{label:"Non Profit",value:e.non_profit},{label:"Government",value:e.government}],l=[{label:"Within 7 days",value:"Within 7 days"},{label:"Within 30 days",value:"Within 30 days"},{label:"Within 90 days",value:"Within 90 days"},{label:"Within 120 days",value:"Within 120 days"},{label:"More than 120 days",value:"More than 120 days"}],s=[{label:"Yes",value:"Yes"},{label:"No",value:"No"}],i=[{label:"Yes. The majority of the business revenue is generated in 3-6 months.",value:"Yes"},{label:"No. The business revenue is generated evenly throughout the year.",value:"No"}],n=[{label:"Checking",value:"checking"},{label:"Savings",value:"savings"}];export{l as a,a as b,n as c,s as r,i as s}
+import { a as BusinessClassification } from './p-af244664.js';
+
+const businessClassificationOptions = [
+    {
+        label: 'Choose business classification',
+        value: '',
+    },
+    {
+        label: 'Sole Proprietor',
+        value: BusinessClassification.sole_proprietor,
+    },
+    {
+        label: 'Partnership',
+        value: BusinessClassification.partnership,
+    },
+    {
+        label: 'Corporation',
+        value: BusinessClassification.corporation,
+    },
+    {
+        label: 'Public Company',
+        value: BusinessClassification.public_company,
+    },
+    {
+        label: 'Limited',
+        value: BusinessClassification.limited,
+    },
+    {
+        label: 'Non Profit',
+        value: BusinessClassification.non_profit,
+    },
+    {
+        label: 'Government',
+        value: BusinessClassification.government,
+    },
+];
+const businessServiceReceivedOptions = [
+    {
+        label: 'Within 7 days',
+        value: 'Within 7 days',
+    },
+    {
+        label: 'Within 30 days',
+        value: 'Within 30 days',
+    },
+    {
+        label: 'Within 90 days',
+        value: 'Within 90 days',
+    },
+    {
+        label: 'Within 120 days',
+        value: 'Within 120 days',
+    },
+    {
+        label: 'More than 120 days',
+        value: 'More than 120 days',
+    }
+];
+const recurringPaymentsOptions = [
+    {
+        label: 'Yes',
+        value: 'Yes',
+    },
+    {
+        label: 'No',
+        value: 'No',
+    }
+];
+const seasonalBusinessOptions = [
+    {
+        label: 'Yes. The majority of the business revenue is generated in 3-6 months.',
+        value: 'Yes',
+    },
+    {
+        label: 'No. The business revenue is generated evenly throughout the year.',
+        value: 'No',
+    }
+];
+const bankAccountTypeOptions = [
+    {
+        label: 'Checking',
+        value: 'checking',
+    },
+    {
+        label: 'Savings',
+        value: 'savings',
+    }
+];
+
+export { businessServiceReceivedOptions as a, businessClassificationOptions as b, bankAccountTypeOptions as c, recurringPaymentsOptions as r, seasonalBusinessOptions as s };

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

@@ -0,0 +1,101 @@
+import { r as registerInstance, c as createEvent, h } from './p-fad19d75.js';
+import { c as create$3, d as create$5, F as FormController } from './p-2eab3c90.js';
+import { A as Api } from './p-29c0b182.js';
+import './p-56f6ce4c.js';
+import './p-df21aaad.js';
+import './p-e3fab0e2.js';
+import { C as CURRENCY_MASK } from './p-525db3e8.js';
+import { S as StyledHost } from './p-ba4bae6f.js';
+
+const RefundFormSchema = create$3().shape({
+    amount: create$5()
+        .required('Amount is required')
+        .typeError('Amount must be a number')
+        .positive('Amount must be positive')
+        .test('amount', 'Refund amount cannot be more than the original payment amount', function (value) {
+        return value <= this.options.context.amount;
+    })
+        .nullable(),
+});
+
+const refundFormCss = ":host{display:block}*::part(input){font-family:var(--jfi-layout-font-family);background-color:var(--jfi-form-control-background-color);border-color:var(--jfi-form-control-border-color);border-width:var(--jfi-form-control-border-width);border-bottom-width:var(--jfi-form-control-border-bottom-width);border-left-width:var(--jfi-form-control-border-left-width);border-right-width:var(--jfi-form-control-border-right-width);border-top-width:var(--jfi-form-control-border-top-width);border-radius:var(--jfi-form-control-border-radius);border-style:var(--jfi-form-control-border-style);box-shadow:var(--jfi-form-control-box-shadow);color:var(--jfi-form-control-color);font-size:var(--jfi-form-control-font-size);font-weight:var(--jfi-form-control-font-weight);line-height:var(--jfi-form-control-line-height);margin:var(--jfi-form-control-margin);padding:var(--jfi-form-control-padding)}*::part(input):focus{color:var(--jfi-form-control-color-focus);border-color:var(--jfi-form-control-border-color-focus);box-shadow:var(--jfi-form-control-box-shadow-focus)}.btn{font-family:var(--jfi-layout-font-family);color:var(--jfi-submit-button-color);background-color:var(--jfi-submit-button-background-color);border-color:var(--jfi-submit-button-border-color);padding:var(--jfi-submit-button-padding);font-size:var(--jfi-submit-button-font-size);border-radius:var(--jfi-submit-button-border-radius);width:var(--jfi-submit-button-width);box-shadow:var(--jfi-submit-button-box-shadow)}.btn:hover{color:var(--jfi-submit-button-color-hover);background-color:var(--jfi-submit-button-background-color-hover);border-color:var(--jfi-submit-button-border-color-hover)}.btn:focus{color:var(--jfi-submit-button-color-focus);background-color:var(--jfi-submit-button-background-color-focus);border-color:var(--jfi-submit-button-border-color-focus)}.btn:active{color:var(--jfi-submit-button-color-active);background-color:var(--jfi-submit-button-background-color-active);border-color:var(--jfi-submit-button-border-color-active)}";
+const JustifiRefundFormStyle0 = refundFormCss;
+
+const RefundForm = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.submitted = createEvent(this, "submitted", 7);
+        this.authToken = undefined;
+        this.paymentId = undefined;
+        this.amount = 0;
+        this.submitButtonText = 'Submit';
+        this.withButton = undefined;
+        this.refundInfoText = undefined;
+        this.errors = {};
+        this.isSubmitting = false;
+    }
+    componentWillLoad() {
+        this.formController = new FormController(RefundFormSchema);
+        this.formController.setInitialValues({
+            amount: this.amount,
+            message: '',
+        });
+        this.initializeApi();
+    }
+    componentDidLoad() {
+        this.formController.errors.subscribe(errors => {
+            this.errors = Object.assign({}, errors);
+        });
+    }
+    /**
+     * Handles the form submission.
+     * Prevents the default form action, validates the form, and emits the 'submitted' event.
+     */
+    async handleSubmit(event) {
+        event.preventDefault();
+        this.formController.validateAndSubmit(this.submitRefund.bind(this), {
+            amount: this.amount,
+        });
+    }
+    /**
+     * Submits the refund request to the API.
+     */
+    async submitRefund() {
+        this.isSubmitting = true;
+        const refundFields = this.formController.values.getValue();
+        try {
+            await this.api.post(`payments/${this.paymentId}/refunds`, refundFields);
+            this.submitted.emit(refundFields);
+        }
+        catch (error) {
+            console.error('Error submitting refund:', error);
+            this.submitted.emit(error);
+        }
+        finally {
+            this.isSubmitting = false;
+        }
+    }
+    /**
+     * Handles input changes, updating the refundFields state.
+     */
+    handleInput(field, value) {
+        this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [field]: value }));
+    }
+    /**
+     * Initializes the API with the given authentication token.
+     * Logs a warning if the auth token is missing.
+     */
+    initializeApi() {
+        if (!this.authToken) {
+            console.warn('Warning: Missing auth-token.');
+        }
+        this.api = Api({ authToken: this.authToken, apiOrigin: "" });
+    }
+    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))))));
+    }
+};
+RefundForm.style = JustifiRefundFormStyle0;
+
+export { RefundForm as justifi_refund_form };

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

@@ -0,0 +1,99 @@
+import { r as registerInstance, c as createEvent, h } from './p-fad19d75.js';
+import { m as makeGetPayoutCSV, P as PayoutService } from './p-b4b8b531.js';
+import './p-56f6ce4c.js';
+import './p-df21aaad.js';
+import { P as Payout } from './p-e3fab0e2.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './p-14c91ffd.js';
+import { g as getErrorMessage, a as getErrorCode } from './p-8115b2f4.js';
+import { E as ErrorState } from './p-dce846bf.js';
+import { J as JustifiAnalytics } from './p-15eafa87.js';
+import './p-29c0b182.js';
+import './p-2e8f4937.js';
+
+const makeGetPayoutDetails = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
+    var _a;
+    try {
+        const response = await service.fetchPayout(id, authToken);
+        if (!response.error) {
+            const payout = new Payout(response.data);
+            onSuccess(payout);
+        }
+        else {
+            const errorMessage = getErrorMessage(response.error);
+            const code = getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
+            onError({
+                error: errorMessage,
+                code,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    catch (error) {
+        const errorMessage = getErrorMessage(error);
+        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        onError({
+            error: errorMessage,
+            code,
+            severity: ComponentErrorSeverity.ERROR,
+        });
+    }
+};
+
+const PayoutDetails = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.errorEvent = createEvent(this, "error-event", 7);
+        this.handleErrorEvent = (event) => {
+            this.errorMessage = event.detail.message;
+            this.errorEvent.emit(event.detail);
+        };
+        this.payoutId = undefined;
+        this.authToken = undefined;
+        this.getPayout = undefined;
+        this.getPayoutCSV = undefined;
+        this.errorMessage = null;
+    }
+    componentWillLoad() {
+        this.analytics = new JustifiAnalytics(this);
+        this.initializeServices();
+    }
+    disconnectedCallback() {
+        this.analytics.cleanup();
+    }
+    propChanged() {
+        this.initializeServices();
+    }
+    initializeServices() {
+        if (this.payoutId && this.authToken) {
+            this.getPayout = makeGetPayoutDetails({
+                id: this.payoutId,
+                authToken: this.authToken,
+                service: new PayoutService()
+            });
+            this.getPayoutCSV = makeGetPayoutCSV({
+                authToken: this.authToken,
+                service: new PayoutService()
+            });
+        }
+        else {
+            this.errorMessage = 'Failed to load payout details. payoutId or authToken is not provided.';
+            this.errorEvent.emit({
+                message: this.errorMessage,
+                errorCode: ComponentErrorCodes.MISSING_PROPS,
+                severity: ComponentErrorSeverity.ERROR
+            });
+        }
+    }
+    render() {
+        if (this.errorMessage) {
+            return ErrorState(this.errorMessage);
+        }
+        return (h("payout-details-core", { getPayout: this.getPayout, getPayoutCSV: this.getPayoutCSV, "onError-event": this.handleErrorEvent }));
+    }
+    static get watchers() { return {
+        "payoutId": ["propChanged"],
+        "authToken": ["propChanged"]
+    }; }
+};
+
+export { PayoutDetails as justifi_payout_details };

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

@@ -0,0 +1,26 @@
+import { r as registerInstance, h } from './p-fad19d75.js';
+import { u as updateFormValues, a as updateAddressFormValues, b as updateDateOfBirthFormValues } from './p-7d85af5c.js';
+import { P as PHONE_MASKS, S as SSN_MASK } from './p-525db3e8.js';
+import './p-1ff8810b.js';
+import './p-6078a370.js';
+
+const RepresentativeFormInputs = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.inputHandler = (name, value) => {
+            updateFormValues(this.formController, { [name]: value });
+        };
+        this.onAddressFormUpdate = (values) => {
+            updateAddressFormValues(this.formController, Object.assign(Object.assign({}, this.formController.values.getValue().address), values));
+        };
+        this.representativeDefaultValue = undefined;
+        this.errors = undefined;
+        this.formController = undefined;
+    }
+    render() {
+        var _a, _b, _c, _d, _e, _f, _g;
+        return (h("form", { key: '8b46b3b30681c7e7f30395a2cac575a7bd7ac998' }, h("fieldset", { key: 'e6b8f2ebca22c295fd6897c0e8862200171c2b4d' }, h("legend", { key: '8f8f52240f5ccc3f5d43507681dc970b4260bb1b' }, "Representative"), h("hr", { key: '8b07c69a514534ab731e7c01b6ee4c7a0e59e06e' }), h("div", { key: '79f44ba9dcbcf9d010aed92e332f686ca7127285', class: 'row gy-3' }, h("div", { key: '2a1aeb5ddee1dafc40e108cfb2e9ed6f4d8bc183', class: 'col-12 col-md-8' }, h("form-control-text", { key: '6e089f2d4f734da266e94b38ec1435dc3f461d5f', name: 'name', label: 'Full Name', defaultValue: (_a = this.representativeDefaultValue) === null || _a === void 0 ? void 0 : _a.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: 'c86421e524752e017180aef58e01229bf751e941', class: 'col-12 col-md-4' }, h("form-control-text", { key: 'ad8105f6d9a46397eb481666c19468376716544c', name: 'title', label: 'Title', defaultValue: (_b = this.representativeDefaultValue) === null || _b === void 0 ? void 0 : _b.title, errorText: this.errors.title, inputHandler: this.inputHandler })), h("div", { key: '7775905e46c00337a98ab668c8453e14d27bfc4d', class: 'col-12 col-md-6' }, h("form-control-text", { key: 'e810f2395101a1e48d8d3ff66617ac82d0ec90b3', name: 'email', label: 'Email Address', defaultValue: (_c = this.representativeDefaultValue) === null || _c === void 0 ? void 0 : _c.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '66a91e85d1902e32668407e684774820c02dce67', class: 'col-12 col-md-6' }, h("form-control-number-masked", { key: 'aad97ca95c5b2ec728ea00916a46ff4b84661b96', name: 'phone', label: 'Phone Number', defaultValue: (_d = this.representativeDefaultValue) === null || _d === void 0 ? void 0 : _d.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '3cd56ea0ac1e472e905c8113f6335868c39882f1', class: 'col-12 col-md-4' }, h("form-control-date", { key: '2f6d505220cacc08a80029ada089370f3841d9ed', name: 'dob_full', label: 'Birth Date', defaultValue: (_e = this.representativeDefaultValue) === null || _e === void 0 ? void 0 : _e.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => updateDateOfBirthFormValues(e, this.formController) })), h("div", { key: 'cf2df0af006a50d3533b798607025b4d6ee82ca0', class: 'col-12 col-md-8' }, h("form-control-number-masked", { key: '033e4264a1466d300891b2328c0bfaced7acb04d', name: 'identification_number', label: 'SSN', defaultValue: (_f = this.representativeDefaultValue) === null || _f === void 0 ? void 0 : _f.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK })), h("div", { key: '2dc7be12d65203da4d4e0bdd995256a7bdc5bf37', class: 'col-12' }, h("justifi-identity-address-form", { key: '47916ab24bf990be3541b72bfa2dc46cccca5a31', errors: this.errors.address, defaultValues: (_g = this.representativeDefaultValue) === null || _g === void 0 ? void 0 : _g.address, handleFormUpdate: this.onAddressFormUpdate }))))));
+    }
+};
+
+export { RepresentativeFormInputs as justifi_business_representative_form_inputs };

package/dist/webcomponents/p-d89bad72.js

@@ -1 +1,39 @@
-var r,n,e,t,a;!function(r){r.coreInfo="coreInfo",r.legalAddress="legalAddress",r.additionalQuestions="additionalQuestions",r.representative="representative",r.owners="owners",r.bankAccount="bankAccount",r.documentUpload="documentUpload",r.termsAndConditions="termsAndConditions"}(r||(r={})),function(r){r.fetchData="Error retrieving business data",r.patchData="Error updating business data"}(n||(n={})),function(r){r.nextStep="nextStep",r.previousStep="previousStep",r.submit="submit",r.removeOwner="removeOwner",r.addOwner="addOwner",r.addOwnerForm="addOwnerForm",r.updateOwner="updateOwner"}(e||(e={})),function(r){r.fetchData="Error retrieving owner data",r.patchData="Error updating owner data",r.postData="Error adding owner data"}(t||(t={})),function(r){r.fetchData="Error retrieving document data",r.sendData="Error uploading document data"}(a||(a={}));export{n as B,e as a,r as b}
+var BusinessFormStep;
+(function (BusinessFormStep) {
+    BusinessFormStep["coreInfo"] = "coreInfo";
+    BusinessFormStep["legalAddress"] = "legalAddress";
+    BusinessFormStep["additionalQuestions"] = "additionalQuestions";
+    BusinessFormStep["representative"] = "representative";
+    BusinessFormStep["owners"] = "owners";
+    BusinessFormStep["bankAccount"] = "bankAccount";
+    BusinessFormStep["documentUpload"] = "documentUpload";
+    BusinessFormStep["termsAndConditions"] = "termsAndConditions";
+})(BusinessFormStep || (BusinessFormStep = {}));
+var BusinessFormServerErrors;
+(function (BusinessFormServerErrors) {
+    BusinessFormServerErrors["fetchData"] = "Error retrieving business data";
+    BusinessFormServerErrors["patchData"] = "Error updating business data";
+})(BusinessFormServerErrors || (BusinessFormServerErrors = {}));
+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 OwnerFormServerErrors;
+(function (OwnerFormServerErrors) {
+    OwnerFormServerErrors["fetchData"] = "Error retrieving owner data";
+    OwnerFormServerErrors["patchData"] = "Error updating owner data";
+    OwnerFormServerErrors["postData"] = "Error adding owner data";
+})(OwnerFormServerErrors || (OwnerFormServerErrors = {}));
+var DocumentFormServerErrors;
+(function (DocumentFormServerErrors) {
+    DocumentFormServerErrors["fetchData"] = "Error retrieving document data";
+    DocumentFormServerErrors["sendData"] = "Error uploading document data";
+})(DocumentFormServerErrors || (DocumentFormServerErrors = {}));
+
+export { BusinessFormServerErrors as B, BusinessFormClickActions as a, BusinessFormStep as b };