@justifi/webcomponents 6.1.0 → 6.1.1-rc.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/bank-account-document-form-inputs_4.cjs.entry.js +2 -2
- package/dist/cjs/bank-account-form.cjs.entry.js +2 -2
- package/dist/cjs/card-form.cjs.entry.js +2 -2
- package/dist/cjs/{check-pkg-version-C7b-OLb5.js → check-pkg-version-iW3HGQFY.js} +1 -1
- package/dist/cjs/checkouts-list-core.cjs.entry.js +1 -1
- package/dist/cjs/form-alert_5.cjs.entry.js +4 -4
- package/dist/cjs/form-control-checkbox.cjs.entry.js +2 -2
- package/dist/cjs/form-control-monetary-provisioning.cjs.entry.js +2 -2
- package/dist/cjs/form-control-number-masked_2.cjs.entry.js +1 -1
- package/dist/cjs/hidden-input_2.cjs.entry.js +1 -1
- package/dist/cjs/justifi-additional-questions-form-step_9.cjs.entry.js +9 -9
- package/dist/cjs/justifi-apple-pay_8.cjs.entry.js +5 -79
- package/dist/cjs/justifi-bank-account-billing-form-simple_9.cjs.entry.js +6 -6
- package/dist/cjs/justifi-business-details.cjs.entry.js +2 -2
- package/dist/cjs/justifi-business-form.cjs.entry.js +2 -2
- package/dist/cjs/justifi-business-representative-form-inputs.cjs.entry.js +1 -1
- package/dist/cjs/justifi-checkout.cjs.entry.js +4 -4
- package/dist/cjs/justifi-checkouts-list-filters.cjs.entry.js +1 -1
- package/dist/cjs/justifi-checkouts-list.cjs.entry.js +3 -3
- package/dist/cjs/justifi-details.cjs.entry.js +1 -1
- package/dist/cjs/justifi-dispute-management.cjs.entry.js +2 -2
- package/dist/cjs/justifi-dispute-notification_3.cjs.entry.js +2 -2
- package/dist/cjs/justifi-gross-payment-chart.cjs.entry.js +2 -2
- package/dist/cjs/justifi-order-terminals.cjs.entry.js +2 -2
- package/dist/cjs/justifi-owner-form_3.cjs.entry.js +3 -3
- package/dist/cjs/justifi-payment-details.cjs.entry.js +2 -2
- package/dist/cjs/justifi-payment-provisioning-core.cjs.entry.js +1 -1
- package/dist/cjs/justifi-payment-provisioning.cjs.entry.js +3 -3
- package/dist/cjs/justifi-payment-transactions-list.cjs.entry.js +2 -2
- package/dist/cjs/justifi-payments-list.cjs.entry.js +2 -2
- package/dist/cjs/justifi-payout-details.cjs.entry.js +2 -2
- package/dist/cjs/justifi-payout-transactions-list.cjs.entry.js +2 -2
- package/dist/cjs/justifi-payouts-list.cjs.entry.js +2 -2
- package/dist/cjs/justifi-refund-payment.cjs.entry.js +2 -2
- package/dist/cjs/justifi-saved-payment-method.cjs.entry.js +1 -1
- package/dist/cjs/justifi-season-interruption-insurance.cjs.entry.js +2 -2
- package/dist/cjs/justifi-terminal-orders-list.cjs.entry.js +2 -2
- package/dist/cjs/justifi-terminals-list.cjs.entry.js +2 -2
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{package-BHmdO9eK.js → package-CwcyK2nz.js} +1 -1
- package/dist/cjs/pagination-menu.cjs.entry.js +3 -3
- package/dist/cjs/webcomponents.cjs.js +1 -1
- package/dist/collection/api/services/apple-pay.service.js +3 -43
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/collection/components/business-forms/business-form/additional-questions/additional-questions.js +7 -6
- package/dist/collection/components/business-forms/business-form/business-core-info/business-core-info.js +1 -1
- package/dist/collection/components/business-forms/business-form/business-representative/business-representative.js +7 -6
- package/dist/collection/components/business-forms/business-form/legal-address-form/legal-address-form.js +7 -6
- package/dist/collection/components/business-forms/owner-form/identity-address/identity-address-form.js +1 -1
- package/dist/collection/components/business-forms/owner-form/owner-form-core.js +1 -1
- package/dist/collection/components/business-forms/owner-form/owner-form-inputs.js +7 -6
- package/dist/collection/components/business-forms/owner-form/owner-form.js +1 -1
- package/dist/collection/components/business-forms/payment-provisioning/additional-questions/business-additional-questions-form-step.js +1 -1
- package/dist/collection/components/business-forms/payment-provisioning/bank-account/bank-account-document-inputs.js +1 -1
- package/dist/collection/components/business-forms/payment-provisioning/bank-account/bank-account-form-inputs.js +1 -1
- package/dist/collection/components/business-forms/payment-provisioning/bank-account/business-bank-account-form-step.js +1 -1
- package/dist/collection/components/business-forms/payment-provisioning/business-core-info/business-core-info-form-step.js +1 -1
- package/dist/collection/components/business-forms/payment-provisioning/business-owners/business-owners-form-step.js +1 -1
- package/dist/collection/components/business-forms/payment-provisioning/business-representative/business-representative-form-inputs.js +1 -1
- package/dist/collection/components/business-forms/payment-provisioning/business-representative/business-representative-form-step.js +1 -1
- package/dist/collection/components/business-forms/payment-provisioning/form-control-monetary-provisioning.js +2 -2
- package/dist/collection/components/business-forms/payment-provisioning/legal-address-form/legal-address-form-step.js +1 -1
- package/dist/collection/components/business-forms/payment-provisioning/payment-provisioning-core.js +1 -1
- package/dist/collection/components/business-forms/payment-provisioning/payment-provisioning-form-buttons.js +1 -1
- package/dist/collection/components/business-forms/payment-provisioning/payment-provisioning-form-steps.js +1 -1
- package/dist/collection/components/business-forms/payment-provisioning/payment-provisioning.js +1 -1
- package/dist/collection/components/business-forms/payment-provisioning/terms-and-conditions/business-terms-conditions-form-step.js +1 -1
- package/dist/collection/components/checkout/bank-account-form/bank-account-form.js +2 -2
- package/dist/collection/components/checkout/card-form/card-form.js +2 -2
- package/dist/collection/components/checkout/checkout.js +2 -2
- package/dist/collection/components/checkout/save-new-payment-method.js +1 -1
- package/dist/collection/components/checkout/saved-payment-method.js +1 -1
- package/dist/collection/components/checkouts-list/checkouts-list-core.js +1 -1
- package/dist/collection/components/checkouts-list/checkouts-list-filters.js +1 -1
- package/dist/collection/components/checkouts-list/checkouts-list.js +1 -1
- package/dist/collection/components/modular-checkout/modular-checkout.js +2 -3
- package/dist/collection/components/modular-checkout/sub-components/apple-pay.js +0 -34
- package/dist/collection/components/modular-checkout/sub-components/bank-account-billing-form-simple.js +1 -1
- package/dist/collection/components/modular-checkout/sub-components/card-billing-form-simple.js +1 -1
- package/dist/collection/components/tokenize-payment-method/tokenize-payment-method.js +2 -3
- package/dist/collection/ui-components/details/details.js +1 -1
- package/dist/collection/ui-components/form/form-control-checkbox.js +2 -2
- package/dist/collection/ui-components/pagination-menu/pagination-menu.js +3 -3
- package/dist/collection/ui-components/shadow-dom-components/justifi-radio-list-item.js +1 -1
- package/dist/docs.json +22 -97
- package/dist/esm/bank-account-document-form-inputs_4.entry.js +2 -2
- package/dist/esm/bank-account-form.entry.js +2 -2
- package/dist/esm/card-form.entry.js +2 -2
- package/dist/esm/{check-pkg-version-xM0uWxbL.js → check-pkg-version-XGo_oqEC.js} +1 -1
- package/dist/esm/checkouts-list-core.entry.js +1 -1
- package/dist/esm/form-alert_5.entry.js +4 -4
- package/dist/esm/form-control-checkbox.entry.js +2 -2
- package/dist/esm/form-control-monetary-provisioning.entry.js +2 -2
- package/dist/esm/form-control-number-masked_2.entry.js +1 -1
- package/dist/esm/hidden-input_2.entry.js +1 -1
- package/dist/esm/justifi-additional-questions-form-step_9.entry.js +9 -9
- package/dist/esm/justifi-apple-pay_8.entry.js +5 -79
- package/dist/esm/justifi-bank-account-billing-form-simple_9.entry.js +6 -6
- package/dist/esm/justifi-business-details.entry.js +2 -2
- package/dist/esm/justifi-business-form.entry.js +2 -2
- package/dist/esm/justifi-business-representative-form-inputs.entry.js +1 -1
- package/dist/esm/justifi-checkout.entry.js +4 -4
- package/dist/esm/justifi-checkouts-list-filters.entry.js +1 -1
- package/dist/esm/justifi-checkouts-list.entry.js +3 -3
- package/dist/esm/justifi-details.entry.js +1 -1
- package/dist/esm/justifi-dispute-management.entry.js +2 -2
- package/dist/esm/justifi-dispute-notification_3.entry.js +2 -2
- package/dist/esm/justifi-gross-payment-chart.entry.js +2 -2
- package/dist/esm/justifi-order-terminals.entry.js +2 -2
- package/dist/esm/justifi-owner-form_3.entry.js +3 -3
- package/dist/esm/justifi-payment-details.entry.js +2 -2
- package/dist/esm/justifi-payment-provisioning-core.entry.js +1 -1
- package/dist/esm/justifi-payment-provisioning.entry.js +3 -3
- package/dist/esm/justifi-payment-transactions-list.entry.js +2 -2
- package/dist/esm/justifi-payments-list.entry.js +2 -2
- package/dist/esm/justifi-payout-details.entry.js +2 -2
- package/dist/esm/justifi-payout-transactions-list.entry.js +2 -2
- package/dist/esm/justifi-payouts-list.entry.js +2 -2
- package/dist/esm/justifi-refund-payment.entry.js +2 -2
- package/dist/esm/justifi-saved-payment-method.entry.js +1 -1
- package/dist/esm/justifi-season-interruption-insurance.entry.js +2 -2
- package/dist/esm/justifi-terminal-orders-list.entry.js +2 -2
- package/dist/esm/justifi-terminals-list.entry.js +2 -2
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{package-DL-q4EcN.js → package-YyotqiSL.js} +1 -1
- package/dist/esm/pagination-menu.entry.js +3 -3
- package/dist/esm/webcomponents.js +1 -1
- package/dist/module/additional-questions.js +2 -2
- package/dist/module/apple-pay.js +3 -77
- package/dist/module/bank-account-billing-form-simple.js +1 -1
- package/dist/module/bank-account-document-inputs.js +1 -1
- package/dist/module/bank-account-form-inputs2.js +1 -1
- package/dist/module/bank-account-form.js +2 -2
- package/dist/module/business-additional-questions-form-step.js +1 -1
- package/dist/module/business-bank-account-form-step.js +1 -1
- package/dist/module/business-core-info-form-step.js +1 -1
- package/dist/module/business-core-info.js +1 -1
- package/dist/module/business-owners-form-step.js +1 -1
- package/dist/module/business-representative-form-inputs.js +1 -1
- package/dist/module/business-representative-form-step.js +1 -1
- package/dist/module/business-representative.js +2 -2
- package/dist/module/business-terms-conditions-form-step.js +1 -1
- package/dist/module/card-billing-form-simple.js +1 -1
- package/dist/module/card-form.js +2 -2
- package/dist/module/checkouts-list-core2.js +1 -1
- package/dist/module/details.js +1 -1
- package/dist/module/form-control-checkbox2.js +2 -2
- package/dist/module/form-control-monetary-provisioning2.js +2 -2
- package/dist/module/identity-address-form.js +1 -1
- package/dist/module/justifi-checkout.js +2 -2
- package/dist/module/justifi-checkouts-list-filters.js +1 -1
- package/dist/module/justifi-checkouts-list.js +1 -1
- package/dist/module/justifi-payment-provisioning.js +1 -1
- package/dist/module/justifi-radio-list-item2.js +1 -1
- package/dist/module/justifi-saved-payment-method.js +1 -1
- package/dist/module/legal-address-form-step.js +1 -1
- package/dist/module/legal-address-form.js +2 -2
- package/dist/module/owner-form-core2.js +1 -1
- package/dist/module/owner-form-inputs2.js +2 -2
- package/dist/module/owner-form.js +1 -1
- package/dist/module/package.js +1 -1
- package/dist/module/pagination-menu2.js +3 -3
- package/dist/module/payment-provisioning-core.js +1 -1
- package/dist/module/payment-provisioning-form-buttons.js +1 -1
- package/dist/module/payment-provisioning-form-steps.js +1 -1
- package/dist/module/save-new-payment-method.js +1 -1
- package/dist/types/components/business-forms/schemas/business-form-schema.d.ts +1 -1
- package/dist/types/components.d.ts +8 -10
- package/dist/webcomponents/p-02fdd7f5.entry.js +1 -0
- package/dist/webcomponents/{p-cff5dd60.entry.js → p-13df20c1.entry.js} +1 -1
- package/dist/webcomponents/{p-c089fb5f.entry.js → p-28625e07.entry.js} +1 -1
- package/dist/webcomponents/{p-85a2eac6.entry.js → p-3dd950bf.entry.js} +1 -1
- package/dist/webcomponents/{p-baf0d3e7.entry.js → p-447b55c0.entry.js} +1 -1
- package/dist/webcomponents/{p-b612d870.entry.js → p-4bf52215.entry.js} +1 -1
- package/dist/webcomponents/{p-8f8dfd4b.entry.js → p-63ad8ebd.entry.js} +1 -1
- package/dist/webcomponents/{p-720a2324.entry.js → p-63fb5e82.entry.js} +1 -1
- package/dist/webcomponents/p-6472b6db.entry.js +1 -0
- package/dist/webcomponents/{p-8cebc84b.entry.js → p-6e9cd0dd.entry.js} +1 -1
- package/dist/webcomponents/{p-e55a161f.entry.js → p-6f27030e.entry.js} +1 -1
- package/dist/webcomponents/p-705dba52.entry.js +1 -0
- package/dist/webcomponents/{p-be05d450.entry.js → p-7680c57b.entry.js} +1 -1
- package/dist/webcomponents/{p-a5c70eee.entry.js → p-7686ef15.entry.js} +1 -1
- package/dist/webcomponents/{p-d7f91c48.entry.js → p-773d6dd3.entry.js} +1 -1
- package/dist/webcomponents/p-7b55e1c1.entry.js +1 -0
- package/dist/webcomponents/{p-89f6ad8f.entry.js → p-7b5ad3a7.entry.js} +1 -1
- package/dist/webcomponents/p-80b2cdec.entry.js +1 -0
- package/dist/webcomponents/{p-f11a74c3.entry.js → p-9ed7b13f.entry.js} +1 -1
- package/dist/webcomponents/{p-D5Jb9OcR.js → p-CdEseavG.js} +1 -1
- package/dist/webcomponents/p-YyotqiSL.js +1 -0
- package/dist/webcomponents/p-a09695c4.entry.js +1 -0
- package/dist/webcomponents/{p-66db858a.entry.js → p-adc1d0be.entry.js} +1 -1
- package/dist/webcomponents/{p-0f47f052.entry.js → p-aeb22aa2.entry.js} +1 -1
- package/dist/webcomponents/p-b149a2fc.entry.js +1 -0
- package/dist/webcomponents/p-b4aa9298.entry.js +1 -0
- package/dist/webcomponents/p-bc099dd0.entry.js +1 -0
- package/dist/webcomponents/{p-2b568e8e.entry.js → p-c12d0453.entry.js} +1 -1
- package/dist/webcomponents/p-c2569b4c.entry.js +1 -0
- package/dist/webcomponents/p-c644a9f1.entry.js +1 -0
- package/dist/webcomponents/p-cb782215.entry.js +1 -0
- package/dist/webcomponents/{p-ae7054bf.entry.js → p-d5452069.entry.js} +1 -1
- package/dist/webcomponents/{p-28a3bf32.entry.js → p-d88d7418.entry.js} +1 -1
- package/dist/webcomponents/{p-0256af65.entry.js → p-de95bf57.entry.js} +1 -1
- package/dist/webcomponents/{p-b36adce3.entry.js → p-e365b251.entry.js} +1 -1
- package/dist/webcomponents/{p-30856338.entry.js → p-e6fe9b7d.entry.js} +1 -1
- package/dist/webcomponents/{p-f930acaa.entry.js → p-e9f6a621.entry.js} +1 -1
- package/dist/webcomponents/p-edfeb034.entry.js +1 -0
- package/dist/webcomponents/{p-fe8c2243.entry.js → p-f378af59.entry.js} +1 -1
- package/dist/webcomponents/{p-aa14cc74.entry.js → p-fbc5fc6d.entry.js} +1 -1
- package/dist/webcomponents/webcomponents.esm.js +1 -1
- package/package.json +13 -13
- package/LICENSE +0 -21
- package/dist/webcomponents/p-5235230f.entry.js +0 -1
- package/dist/webcomponents/p-5b5d7a8f.entry.js +0 -1
- package/dist/webcomponents/p-7c8deca8.entry.js +0 -1
- package/dist/webcomponents/p-7dc9ef8a.entry.js +0 -1
- package/dist/webcomponents/p-84551ee4.entry.js +0 -1
- package/dist/webcomponents/p-854b3db0.entry.js +0 -1
- package/dist/webcomponents/p-8663e8bd.entry.js +0 -1
- package/dist/webcomponents/p-94237472.entry.js +0 -1
- package/dist/webcomponents/p-DL-q4EcN.js +0 -1
- package/dist/webcomponents/p-b095c781.entry.js +0 -1
- package/dist/webcomponents/p-ce652ff9.entry.js +0 -1
- package/dist/webcomponents/p-d37d752e.entry.js +0 -1
- package/dist/webcomponents/p-d84f0122.entry.js +0 -1
- package/dist/webcomponents/p-fedfe376.entry.js +0 -1
|
@@ -14,7 +14,7 @@ export class IdentityAddressForm {
|
|
|
14
14
|
}
|
|
15
15
|
render() {
|
|
16
16
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
|
|
17
|
-
return (h(Host, { key: '
|
|
17
|
+
return (h(Host, { key: '63db91625abddc3e615b031e04366a5823d516cf' }, h("div", { key: 'e07f0e511b178471343594fe0c88ae286325a5e5', class: "row gy-3" }, h("div", { key: 'a22674f05f19378994eceb7386c29f579c285a26', class: "col-12 col-md-8" }, h("form-control-text", { key: 'c6cfe95a8ce577a162e4eae61ff7d61902b36e73', name: "line1", label: "Street Address", defaultValue: (_a = this.defaultValues) === null || _a === void 0 ? void 0 : _a.line1, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.line1, inputHandler: this.inputHandler, helpText: "\u200B\u200BEnter your address exactly as stated on your driver's license. No PO Boxes." })), h("div", { key: 'de08102a8f4948a929f4fd9194ba7eb2f075d507', class: "col-12 col-md-4" }, h("form-control-text", { key: '8dd269cbd72719ff4ad7b85693ed67e1fdd88225', name: "line2", label: "Apartment, Suite, etc. (optional)", defaultValue: (_c = this.defaultValues) === null || _c === void 0 ? void 0 : _c.line2, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.line2, inputHandler: this.inputHandler })), h("div", { key: 'a1081a9a0016dc5fe06106ffdb0063374389f5de', class: "col-12" }, h("form-control-text", { key: '94b340156ae354a87a93a8cb44bbc0a2f6507489', name: "city", label: "City", defaultValue: (_e = this.defaultValues) === null || _e === void 0 ? void 0 : _e.city, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.city, inputHandler: this.inputHandler })), h("div", { key: '66732609b564a08b4b907e9a50aab38a782b0cbc', class: "col-12 col-md-6" }, h("form-control-select", { key: '8f91fd2a2ae886044b105f21177c0ccd893c3993', name: "state", label: "State", defaultValue: (_g = this.defaultValues) === null || _g === void 0 ? void 0 : _g.state, options: StateOptions, errorText: (_h = this.errors) === null || _h === void 0 ? void 0 : _h.state, inputHandler: this.inputHandler })), h("div", { key: 'ebec4b6351ccb7741e195806f1897436e10404cc', class: "col-12 col-md-6" }, h("form-control-text", { key: '2d0884fb5acd8e2557fb5ece1b735e6d5945f2a1', name: "postal_code", label: "Postal Code", defaultValue: (_j = this.defaultValues) === null || _j === void 0 ? void 0 : _j.postal_code, errorText: (_k = this.errors) === null || _k === void 0 ? void 0 : _k.postal_code, maxLength: 5, keyDownHandler: numberOnlyHandler, inputHandler: this.inputHandler })), h("div", { key: '8051b9545fd8a93fec6f1c00623c2e2876912db7', class: "col-12" }, h("form-control-select", { key: 'c68c63ce249f139f4d1df8820f0e1dd56763a67f', name: "country", label: "Country", options: [{ label: 'United States', value: 'USA' }], inputHandler: this.inputHandler, defaultValue: (_l = this.defaultValues) === null || _l === void 0 ? void 0 : _l.country, errorText: (_m = this.errors) === null || _m === void 0 ? void 0 : _m.country,
|
|
18
18
|
// just for now so we skip handling country specificities
|
|
19
19
|
disabled: true })))));
|
|
20
20
|
}
|
|
@@ -144,7 +144,7 @@ export class BusinessOwnerFormCore {
|
|
|
144
144
|
this.formController.errors.subscribe(errors => (this.errors = Object.assign({}, errors)));
|
|
145
145
|
}
|
|
146
146
|
render() {
|
|
147
|
-
return (h("form", { key: '
|
|
147
|
+
return (h("form", { key: '08673bb0eb61a77b3ed37702606808f28caf507b', onSubmit: this.validateAndSubmit }, h("fieldset", { key: '73e9707a99d56c7eca7737fc02b77a9d69931ef6' }, h("legend", { key: '3d85ec901c9051e30472623c740194e48cc60790', class: "fw-semibold fs-5", part: heading3 }, this.formTitle), h("br", { key: 'a7256d1bfa79edd90c70eab491d533d2bcd07a94' }), h("div", { key: 'b74744930ecd1ac1ef08d8e356d5eeb7f5417c39', class: "row gy-3" }, h("owner-form-inputs", { key: 'a9fdfe906615eb494f74001396b41a433fb5366b', ownerDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController }), h("div", { key: '32fe5564d5feb8056f2401a6dd219dae0d0d10b0', class: "d-flex gap-2 justify-content-start" }, h(Button, { key: '9e2c1d664b382260fb82c735454dbbf478e99fdd', variant: "secondary", type: "button", onClick: this.handleRemoveOwner, hidden: !this.showRemoveButton }, "Remove"), h(Button, { key: 'db94849f699044848b46e87b285bd0ee30d66b92', variant: "primary", type: "submit", onClick: this.handleAddOwner, disabled: this.isLoading }, this.submitButtonText))), h("hr", { key: '9e62fbf6cb1b1d5fa8fc4b676a72cf4350058937' }))));
|
|
148
148
|
}
|
|
149
149
|
static get is() { return "owner-form-core"; }
|
|
150
150
|
static get properties() {
|
|
@@ -11,7 +11,7 @@ export class BusinessOwnerFormInputs {
|
|
|
11
11
|
};
|
|
12
12
|
}
|
|
13
13
|
render() {
|
|
14
|
-
return (h("div", { key: '
|
|
14
|
+
return (h("div", { key: '2f3679b3d4fb45dd55ada0d3752017c9ba94be9e', class: "row gy-3" }, h("div", { key: '4ae3a6fbad22e94321940a46ea79bcc82049ba40', class: "col-12 col-md-8" }, h("form-control-text", { key: 'bad30c901a7341aabe09a20b9b075212092ed475', name: "name", label: "Full Name", defaultValue: this.ownerDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '025366d57d5ceb0932b105410f8948cc092d84f3', class: "col-12 col-md-4" }, h("form-control-text", { key: '7c746f5b8fe06c71e800123b46ea40e701c675ef', name: "title", label: "Title", defaultValue: this.ownerDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler, helpText: "Role at your business, e.g. President, CEO, Treasurer." })), h("div", { key: '97808fe13be4a772d820f92003320e1b2d6dff5c', class: "col-12 col-md-6" }, h("form-control-text", { key: '264e975df8cd9ca53cb05b60824055028839d3ca', name: "email", label: "Email Address", defaultValue: this.ownerDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '3a045af74578f3bec4c66848cec5460a1588800d', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '17627d6bfc876106ec40e63dcb6a3fb1b7b7f009', name: "phone", label: "Phone Number", defaultValue: this.ownerDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '394b0454272509ff5d99cd63e2f3d1f2f1d0dff1', class: "col-12 col-md-4" }, h("form-control-date", { key: 'b079e3422551e8be640d34461adbbbeb86f659b4', name: "dob_full", label: "Birth Date", defaultValue: this.ownerDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), h("div", { key: 'fdaf32d03ac0d562ecc6c14f552a891f7ab0e31f', class: "col-12 col-md-8" }, h("form-control-number-masked", { key: '18c3a9019fb9d0abc8654d59b504bfba27ca9661', name: "identification_number", label: "SSN", defaultValue: this.ownerDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK, helpText: "Enter your full Social Security Number. It is required for Federal OFAC check." })), h("div", { key: '5f5f2815471a5b4a7b18db1aba58597e429b425b', class: "col-12" }, h("justifi-identity-address-form", { key: '663d4185f2a96a260b118e0e4a9437dbff3d1906', errors: this.errors.address, defaultValues: this.ownerDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate }))));
|
|
15
15
|
}
|
|
16
16
|
;
|
|
17
17
|
static get is() { return "owner-form-inputs"; }
|
|
@@ -56,16 +56,15 @@ export class BusinessOwnerFormInputs {
|
|
|
56
56
|
"attribute": "errors"
|
|
57
57
|
},
|
|
58
58
|
"formController": {
|
|
59
|
-
"type": "
|
|
59
|
+
"type": "any",
|
|
60
60
|
"mutable": false,
|
|
61
61
|
"complexType": {
|
|
62
62
|
"original": "FormController",
|
|
63
63
|
"resolved": "FormController",
|
|
64
64
|
"references": {
|
|
65
65
|
"FormController": {
|
|
66
|
-
"location": "
|
|
67
|
-
"
|
|
68
|
-
"id": "src/components.d.ts::FormController"
|
|
66
|
+
"location": "global",
|
|
67
|
+
"id": "global::FormController"
|
|
69
68
|
}
|
|
70
69
|
}
|
|
71
70
|
},
|
|
@@ -76,7 +75,9 @@ export class BusinessOwnerFormInputs {
|
|
|
76
75
|
"text": ""
|
|
77
76
|
},
|
|
78
77
|
"getter": false,
|
|
79
|
-
"setter": false
|
|
78
|
+
"setter": false,
|
|
79
|
+
"reflect": false,
|
|
80
|
+
"attribute": "form-controller"
|
|
80
81
|
}
|
|
81
82
|
};
|
|
82
83
|
}
|
|
@@ -34,7 +34,7 @@ export class BusinessOwnerForm {
|
|
|
34
34
|
});
|
|
35
35
|
}
|
|
36
36
|
render() {
|
|
37
|
-
return (h("owner-form-core", { key: '
|
|
37
|
+
return (h("owner-form-core", { key: 'a918d86ea220a66e69950919593791f3fec0f283', ownerId: this.ownerId, businessId: this.businessId, getOwner: this.getOwner, patchOwner: this.patchOwner, postOwner: this.postOwner, allowOptionalFields: this.allowOptionalFields, removeOwner: this.removeOwner, newFormOpen: this.newFormOpen, ownersLength: this.ownersLength, ref: ref => this.coreComponent = ref }));
|
|
38
38
|
}
|
|
39
39
|
static get is() { return "justifi-owner-form"; }
|
|
40
40
|
static get properties() {
|
|
@@ -34,7 +34,7 @@ export class AdditionalQuestionsFormStep {
|
|
|
34
34
|
}
|
|
35
35
|
}
|
|
36
36
|
render() {
|
|
37
|
-
return (h("justifi-additional-questions-form-step-core", { key: '
|
|
37
|
+
return (h("justifi-additional-questions-form-step-core", { key: '9692b11a4a655aade004e62c4b4c1fa61904ec11', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
|
|
38
38
|
}
|
|
39
39
|
static get is() { return "justifi-additional-questions-form-step"; }
|
|
40
40
|
static get properties() {
|
|
@@ -2,7 +2,7 @@ import { h } from "@stencil/core";
|
|
|
2
2
|
import { EntityDocumentType } from "../../../../api";
|
|
3
3
|
export class BankAccountDocumentFormInputs {
|
|
4
4
|
render() {
|
|
5
|
-
return (h("div", { key: '
|
|
5
|
+
return (h("div", { key: 'c62d858a070a4611bead814bacd350e7faa4b400', class: "row gy-3" }, h("div", { key: '0044e508f449953f9da16907d1a141a0b4b42f1f', class: "col-12" }, h("form-control-file", { key: 'add74fc5424ffdb64dbae5b2e0dddde39544e5e3', name: "voided_check", label: "Voided Check", documentType: EntityDocumentType.voidedCheck, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors["voided_check"], multiple: true })), h("div", { key: '0d69209999cb8ded788a12ac3bd46360a73b1443', class: "col-12" }, h("form-control-file", { key: '73cf74f2a2cd19db35ac9e5191cb59a99098806b', name: "bank_statement", label: "Bank Statement", documentType: EntityDocumentType.bankStatement, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors["bank_statement"], multiple: true }))));
|
|
6
6
|
}
|
|
7
7
|
static get is() { return "bank-account-document-form-inputs"; }
|
|
8
8
|
static get properties() {
|
|
@@ -3,7 +3,7 @@ import { bankAccountTypeOptions } from "../../utils";
|
|
|
3
3
|
import { numberOnlyHandler } from "../../../../ui-components/form/utils";
|
|
4
4
|
export class BankAccountFormInputs {
|
|
5
5
|
render() {
|
|
6
|
-
return (h("div", { key: '
|
|
6
|
+
return (h("div", { key: '1628c5430b9235c9e03eff78ccdbf9af49c7f455', class: "row gy-3" }, h("div", { key: 'c4af1f6adcf00c67cfc1c3e962ba716c471f8176', class: "col-12" }, h("form-control-text", { key: '3cb9addf2e55fb8d7f653621d3adccf17ff0bc3d', name: "bank_name", label: "Bank Name", defaultValue: this.defaultValue.bank_name, errorText: this.errors.bank_name, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '1eb8b918e676b267caa0c8808a4dbde740ca46df', class: "col-12" }, h("form-control-text", { key: 'e540eeac2975e58fb5a28dc670441babdc62f857', name: "nickname", label: "Nickname", defaultValue: this.defaultValue.nickname, errorText: this.errors.nickname, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '102078fb6d9bc409abe06d7ef4d3bbc11edc1f7a', class: "col-12" }, h("form-control-text", { key: '51f7801dab1d69ea38891e5b31c3c23166d2bdc6', name: "account_owner_name", label: "Account Owner Name", defaultValue: this.defaultValue.account_owner_name, errorText: this.errors.account_owner_name, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '66d068a5c05b643e03f45f6cdb0a4f76720d5832', class: "col-12" }, h("form-control-select", { key: '5fa5b53dc35132b0d4948d8ca857563e726599bb', name: "account_type", label: "Account Type", options: bankAccountTypeOptions, defaultValue: this.defaultValue.account_type, errorText: this.errors.account_type, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '522d348ea1460b7d645028a5174fce5bd6704adb', class: "col-12" }, h("form-control-text", { key: 'b2f3c8f097c5f0956252ada807f75d80f0c20225', name: "account_number", label: "Account Number", defaultValue: this.defaultValue.account_number, maxLength: 17, errorText: this.errors.account_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, disabled: this.formDisabled, helpText: "Please copy the account number as shown on your statement/check. Do not include spaces or dashes." })), h("div", { key: '627bfec99086214dad9f938a7c6f6650bb1023b8', class: "col-12" }, h("form-control-text", { key: 'a21cff4dbcbfb85dc851f1905a0dbeb99df81325', name: "routing_number", label: "Routing Number", defaultValue: this.defaultValue.routing_number, maxLength: 9, errorText: this.errors.routing_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, disabled: this.formDisabled, helpText: "A valid routing number is nine digits. Please include any leading or trailing zeroes." }))));
|
|
7
7
|
}
|
|
8
8
|
static get is() { return "bank-account-form-inputs"; }
|
|
9
9
|
static get properties() {
|
|
@@ -37,7 +37,7 @@ export class BusinessBankAccountFormStep {
|
|
|
37
37
|
}
|
|
38
38
|
}
|
|
39
39
|
render() {
|
|
40
|
-
return (h("justifi-business-bank-account-form-step-core", { key: '
|
|
40
|
+
return (h("justifi-business-bank-account-form-step-core", { key: '675d0d4f64e58f8b036ccd0bdf6d2f77d95fab4b', businessId: this.businessId, getBusiness: this.getBusiness, postBankAccount: this.postBankAccount, postDocumentRecord: this.postDocumentRecord, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
|
|
41
41
|
}
|
|
42
42
|
static get is() { return "justifi-business-bank-account-form-step"; }
|
|
43
43
|
static get properties() {
|
|
@@ -34,7 +34,7 @@ export class BusinessCoreInfoFormStep {
|
|
|
34
34
|
}
|
|
35
35
|
}
|
|
36
36
|
render() {
|
|
37
|
-
return (h("justifi-business-core-info-form-step-core", { key: '
|
|
37
|
+
return (h("justifi-business-core-info-form-step-core", { key: 'c8eb1c76b9c7839e83f341eca5cc60737fb83f6e', businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
|
|
38
38
|
}
|
|
39
39
|
static get is() { return "justifi-business-core-info-form-step"; }
|
|
40
40
|
static get properties() {
|
|
@@ -34,7 +34,7 @@ export class BusinessOwnersFormStep {
|
|
|
34
34
|
}
|
|
35
35
|
}
|
|
36
36
|
render() {
|
|
37
|
-
return (h(Host, { key: '
|
|
37
|
+
return (h(Host, { key: 'aa3b4e716a0592f48180b7dbe2f81662aeb4d6e7' }, h("justifi-business-owners-form-step-core", { key: '8e3ef054061dbe2500aa9f67e4aea53b12e5d432', authToken: this.authToken, businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: (el) => this.coreComponent = el })));
|
|
38
38
|
}
|
|
39
39
|
static get is() { return "justifi-business-owners-form-step"; }
|
|
40
40
|
static get properties() {
|
|
@@ -13,7 +13,7 @@ export class RepresentativeFormInputs {
|
|
|
13
13
|
}
|
|
14
14
|
render() {
|
|
15
15
|
var _a, _b, _c, _d, _e, _f, _g;
|
|
16
|
-
return (h("form", { key: '
|
|
16
|
+
return (h("form", { key: 'a2c558b8a6b66d7257fa86ef5f9c1d56a7a273db' }, h("fieldset", { key: '23cb7f2debd4692c39cfe2311ce0d2549ca94ebc' }, h("div", { key: '0c6e94b6a9da6924673f5ebeed93f237ff22a013', class: "d-flex align-items-center gap-2" }, h("legend", { key: 'a165d7dc17dddde2d6ce35af9d836a989f02ffaf', class: "mb-0", part: heading2 }, "Representative"), h("form-control-tooltip", { key: '5c2c29ae9ea82acc6c923c870f4ece5db5e7afb9', helpText: "The representative for your business needs to be someone who has significant control over managing your business\u2019s finance. You will have an opportunity to add owners later in the form." })), h("hr", { key: 'bc481e820461c6ec2088f2879cb9a5837ed02884', class: "mt-2" }), h("div", { key: 'ff4b0731213ddc42ebabb79d49984b83d376f742', class: "row gy-3" }, h("div", { key: '99cac91d3657bce68ce97028342d49cb8a2bb314', class: "col-12 col-md-8" }, h("form-control-text", { key: '534e81b075f732ae3953d8f904199d61a43de4bb', 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: '6070fdff99a868b50deb59c9d006d3c4775a50bd', class: "col-12 col-md-4" }, h("form-control-text", { key: 'c92477cc30c5a9c7d99842dff2855edce67185f9', name: "title", label: "Title", defaultValue: (_b = this.representativeDefaultValue) === null || _b === void 0 ? void 0 : _b.title, errorText: this.errors.title, inputHandler: this.inputHandler, helpText: "Role at your business, e.g. President, CEO, Treasurer." })), h("div", { key: '14d953417a1ec0292d75251b37b580361def0fb3', class: "col-12 col-md-6" }, h("form-control-text", { key: '42562735066b104619b8aa4da966aaec462f177b', 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: 'cb7f6173a31fac67edf74844f0807ea94446c59b', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '42b0833d545243c11f515d320aac5408bb744e89', 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: 'a9468f20a7d832ae44d771c3b8913c32cf0ef2ab', class: "col-12 col-md-4" }, h("form-control-date", { key: '1f739c1d3bb814710ee159740e459bde72a0e790', 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), helpText: "Must be 18 or older." })), h("div", { key: 'e2ecd87320422e1712138115291016f8c1c61ac2', class: "col-12 col-md-8" }, h("form-control-number-masked", { key: 'dd91ffa7877d84cfe315849d18c7cec5bf79b1de', 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, helpText: "Enter your full Social Security Number. It is required for Federal OFAC check." })), h("div", { key: 'ef502c55424287c5c81ca88593f5836d21a2f945', class: "col-12" }, h("justifi-identity-address-form", { key: '26295cbccf0ca23415b4d7c12dc42eb2dbb0d229', errors: this.errors.address, defaultValues: (_g = this.representativeDefaultValue) === null || _g === void 0 ? void 0 : _g.address, handleFormUpdate: this.onAddressFormUpdate }))))));
|
|
17
17
|
}
|
|
18
18
|
static get is() { return "justifi-business-representative-form-inputs"; }
|
|
19
19
|
static get properties() {
|
|
@@ -34,7 +34,7 @@ export class BusinessRepresentativeFormStep {
|
|
|
34
34
|
}
|
|
35
35
|
}
|
|
36
36
|
render() {
|
|
37
|
-
return (h("justifi-business-representative-form-step-core", { key: '
|
|
37
|
+
return (h("justifi-business-representative-form-step-core", { key: '241cd9ff1afae3bf1f9107cf6f66392b7b656471', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
|
|
38
38
|
}
|
|
39
39
|
static get is() { return "justifi-business-representative-form-step"; }
|
|
40
40
|
static get properties() {
|
|
@@ -56,10 +56,10 @@ export class MonetaryInputProvisioning {
|
|
|
56
56
|
return part;
|
|
57
57
|
}
|
|
58
58
|
render() {
|
|
59
|
-
return (h(Host, { key: '
|
|
59
|
+
return (h(Host, { key: '8378b6d06aeeb48d1e3efed4d16b22655e2c23ff' }, h("div", { key: 'cc432cb0a138c336def8b55ac06aa933407d38ef', class: "form-group d-flex flex-column" }, h("label", { key: '08119d56a108275c4f25d28f7b8074ca134c3b72', part: label, class: "form-label", htmlFor: this.name }, this.label), h("div", { key: 'bcf621d3cae2636304185197cb8d3f40f3f0f173', class: "input-group" }, h("span", { key: '3ee602416b555c9bf561abc4055f0a2485762551', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '54c1257a97daae319f5c0ce7556638790e3f286b', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
|
|
60
60
|
this.isFocused = false;
|
|
61
61
|
this.formControlBlur.emit();
|
|
62
|
-
}, onInput: this.handleFormControlInput, part: this.inputPart, class: this.errorText ? 'form-control monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), h(FormControlHelpText, { key: '
|
|
62
|
+
}, onInput: this.handleFormControlInput, part: this.inputPart, class: this.errorText ? 'form-control monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), h(FormControlHelpText, { key: 'b7458313a43d454ad8988f1e4548c7034a5d09d8', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '8e59747949f4fa6697a3b7c083bcd6584d1f5411', errorText: this.errorText, name: this.name }))));
|
|
63
63
|
}
|
|
64
64
|
static get is() { return "form-control-monetary-provisioning"; }
|
|
65
65
|
static get properties() {
|
|
@@ -34,7 +34,7 @@ export class LegalAddressFormStep {
|
|
|
34
34
|
}
|
|
35
35
|
}
|
|
36
36
|
render() {
|
|
37
|
-
return (h("justifi-legal-address-form-step-core", { key: '
|
|
37
|
+
return (h("justifi-legal-address-form-step-core", { key: 'fb07306fe9d60ca061e9291565ea4dd11db6d93f', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
|
|
38
38
|
}
|
|
39
39
|
static get is() { return "justifi-legal-address-form-step"; }
|
|
40
40
|
static get properties() {
|
package/dist/collection/components/business-forms/payment-provisioning/payment-provisioning-core.js
CHANGED
|
@@ -87,7 +87,7 @@ export class PaymentProvisioningCore {
|
|
|
87
87
|
this.loading = event.detail;
|
|
88
88
|
}
|
|
89
89
|
render() {
|
|
90
|
-
return (h(StyledHost, { key: '
|
|
90
|
+
return (h(StyledHost, { key: '24a788f8930d61992cdfe9aaa22271e2b72b5a64' }, h("div", { key: '1b6f7fea61b3df2dab251883deb92a5b2ab1746d', class: 'row gap-3' }, h(Header1, { key: '39f8f198de6f822c32efd5252cbbd207dc0ae619', text: this.formTitle }), h("justifi-payment-provisioning-form-steps", { key: 'd37cb2952eba674fd928fffca80de684b5ae6c45', businessId: this.businessId, authToken: this.authToken, refs: this.refs, currentStep: this.currentStep, allowOptionalFields: this.allowOptionalFields, handleFormLoading: this.handleFormLoading }), h("div", { key: '8d4ab45ab2a4589a04d76602923d4bf68d0aed1b', class: 'd-flex justify-content-between align-items-center' }, h("div", { key: 'b351fd2eaeb4481ca3d173b1dc98774a96a1af5b', class: 'd-flex align-items-center', part: text }, this.stepCounter), h("justifi-payment-provisioning-form-buttons", { key: 'c4a7ac39c8e83b55353c83509f5d8b765af1d9b4', currentStep: this.currentStep, totalSteps: this.totalSteps, formLoading: this.loading, formDisabled: this.formDisabled, previousStepButtonOnClick: this.previousStepButtonOnClick, nextStepButtonOnClick: this.nextStepButtonOnClick })))));
|
|
91
91
|
}
|
|
92
92
|
static get is() { return "justifi-payment-provisioning-core"; }
|
|
93
93
|
static get properties() {
|
|
@@ -12,7 +12,7 @@ export class PaymentProvisioningFormButtons {
|
|
|
12
12
|
return this.currentStep === this.totalSteps;
|
|
13
13
|
}
|
|
14
14
|
render() {
|
|
15
|
-
return (h("div", { key: '
|
|
15
|
+
return (h("div", { key: 'cc744b394b8a75f2cf6b551f50376d16eb4f053b', class: 'd-flex gap-2' }, h(Button, { key: 'b83498b5bd052607803159acc593ed3f53c8cd4f', variant: "secondary", type: "button", onClick: () => this.previousStepButtonOnClick(), disabled: this.formDisabled, hidden: !this.showPreviousStepButton }, "Previous"), h(Button, { key: '02f6dfacedd16c2a82879bf13706bf554372064c', variant: "primary", type: "button", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.nextStep), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showNextStepButton }, "Next"), h(Button, { key: 'eda937677c7e1d5a64f88d020ba4c738bc89af68', variant: "primary", type: "submit", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.submit), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showSubmitButton }, "Submit")));
|
|
16
16
|
}
|
|
17
17
|
static get is() { return "justifi-payment-provisioning-form-buttons"; }
|
|
18
18
|
static get properties() {
|
|
@@ -16,7 +16,7 @@ export class PaymentProvisioningFormSteps {
|
|
|
16
16
|
return this.componentStepMapping[this.currentStep]();
|
|
17
17
|
}
|
|
18
18
|
render() {
|
|
19
|
-
return (h("div", { key: '
|
|
19
|
+
return (h("div", { key: 'bc4e1cd4a04dc6f0d9338fa737b91fe1628ed2b3', class: 'col-12 mb-4' }, this.currentStepComponent));
|
|
20
20
|
}
|
|
21
21
|
static get is() { return "justifi-payment-provisioning-form-steps"; }
|
|
22
22
|
static get properties() {
|
package/dist/collection/components/business-forms/payment-provisioning/payment-provisioning.js
CHANGED
|
@@ -46,7 +46,7 @@ export class PaymentProvisioning {
|
|
|
46
46
|
}
|
|
47
47
|
}
|
|
48
48
|
render() {
|
|
49
|
-
return (h("justifi-payment-provisioning-core", { key: '
|
|
49
|
+
return (h("justifi-payment-provisioning-core", { key: '4d0da0feba2d6786e696f6cc9e286d77e6aca8f1', businessId: this.businessId, authToken: this.authToken, allowOptionalFields: this.allowOptionalFields, formTitle: this.formTitle, getBusiness: this.getBusiness, postProvisioning: this.postProvisioning }));
|
|
50
50
|
}
|
|
51
51
|
static get is() { return "justifi-payment-provisioning"; }
|
|
52
52
|
static get encapsulation() { return "shadow"; }
|
|
@@ -108,7 +108,7 @@ export class BusinessTermsConditionsFormStep {
|
|
|
108
108
|
return (h("a", { href: "https://justifi.tech/merchant-agreement/", target: "_blank", rel: "noopener noreferrer" }, "merchant agreement"));
|
|
109
109
|
}
|
|
110
110
|
render() {
|
|
111
|
-
return (h("form", { key: '
|
|
111
|
+
return (h("form", { key: 'ed3e493e5c53e303c98e97a15149cffd2865de47' }, h("fieldset", { key: 'a4be899152d7930c2e5ac8b384f866ba313a434f' }, h("legend", { key: '6b473d236380c13ec4186cb5088f976349f18e7c', part: heading2 }, "Terms and Conditions"), h("hr", { key: '4ef52973bed72265e0ef29f0ac6e7a0ac1142f8a' }), h("div", { key: '621d89594d6335d10a746af628ce85df0bf4a71f' }, h("p", { key: '2f13e9851fdfa4b8f678de19261e7df7a7968cc0' }, "Please read and accept the ", this.merchantAgreementLink, " to submit your provisioning request.")), h("br", { key: '7951565f2ad57491cbba0d05d650eb0aea1aea54' }), h("div", { key: 'e7d727efbd5d732b31746d3cc61eeaf9eb4b1ff6', class: "row-gy-3" }, h("div", { key: 'b6d8d501530fbe4de7c11eb46218c618a7aec26f', class: "col-12" }, h("form-control-checkbox", { key: '79030af1a43bc5d1742726b8ea66d6dda3306473', name: "accepted", label: "I agree to the terms and conditions", inputHandler: this.inputHandler, errorText: this.errors.accepted, disabled: this.acceptedTermsBefore, helpText: this.formHelperText, checked: this.acceptedTerms }))))));
|
|
112
112
|
}
|
|
113
113
|
static get is() { return "justifi-business-terms-conditions-form-step"; }
|
|
114
114
|
static get properties() {
|
|
@@ -33,10 +33,10 @@ export class BankAccountForm {
|
|
|
33
33
|
return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
|
|
34
34
|
}
|
|
35
35
|
render() {
|
|
36
|
-
return (h(Host, { key: '
|
|
36
|
+
return (h(Host, { key: '75a85f7b9ea4bf40b486706bce4b142821bf9f00' }, h(BankAccountFormSkeleton, { key: 'ce957273b6ac57f4f0c636622cc9578582ceff43', isReady: this.isReady }), h("div", { key: 'd269050f0fc66d7000096ccfb72a075342e0e91a', class: "container-fluid p-0", style: {
|
|
37
37
|
opacity: this.isReady ? '1' : '0',
|
|
38
38
|
height: this.isReady ? 'auto' : '0',
|
|
39
|
-
} }, h("div", { key: '
|
|
39
|
+
} }, h("div", { key: '87285840b03837b7f12922257d6c8ca171db2d7d', class: "row mb-3" }, h("iframe-input", { key: 'd0ad5b047f1a4e51936ce79edc2d195bd781e4b2', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber?tabId=${this.tabId}` })), h("div", { key: 'eee0c473f0add87e7842a0a1f24bdd999fe21a77', class: "row" }, h("iframe-input", { key: 'dfaa618afdffabe07a290cdfe63c6f06b38f8ecf', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber?tabId=${this.tabId}` })))));
|
|
40
40
|
}
|
|
41
41
|
static get is() { return "bank-account-form"; }
|
|
42
42
|
static get states() {
|
|
@@ -37,10 +37,10 @@ export class CardForm {
|
|
|
37
37
|
return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
|
|
38
38
|
}
|
|
39
39
|
render() {
|
|
40
|
-
return (h(Host, { key: '
|
|
40
|
+
return (h(Host, { key: '4867571cdff85823d48b139c1b6e591ff73ca426' }, h(CardFormSkeleton, { key: '37b584aa3865acc9266500f734c7a10e49fa139d', isReady: this.isReady }), h("div", { key: '09b5e58ed9df060922e2579880b68f022cff2940', class: "container-fluid p-0", style: {
|
|
41
41
|
opacity: this.isReady ? '1' : '0',
|
|
42
42
|
height: this.isReady ? 'auto' : '0',
|
|
43
|
-
} }, h("div", { key: '
|
|
43
|
+
} }, h("div", { key: 'bd2f777339e421523cd92c402c4fc066cbde7053', class: "mb-3" }, h("iframe-input", { key: '45b822e5878806ae47f88cf5aa54fe9ae5592eda', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber?tabId=${this.tabId}` })), h("div", { key: 'c9e4d2afd2eef4377356114bc33f1cc29fea46b3', class: "d-flex align-items-start" }, h("div", { key: 'e846e807f6524b9fd6a29a0a0bd2fff74c68f11f', class: "flex-fill me-3" }, h("iframe-input", { key: 'd48a6f05d3ca1341d8060987b53318bf29db4881', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Exp. Month", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth?tabId=${this.tabId}` })), h("div", { key: '9127d9dc4ff3386db9060126a8b0ce2e2125a5c9', class: "flex-fill me-3" }, h("iframe-input", { key: 'ced08ea4750b594b87e19fd6e9ae49b2cb6caa72', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "Exp. Year", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear?tabId=${this.tabId}` })), h("div", { key: '92e07ff8ee6004f64a1e062371fd749771cdb77d', class: "flex-fill" }, h("iframe-input", { key: '487187ddfb9cea24cebc377950f33feb9222b299', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV?tabId=${this.tabId}` }))))));
|
|
44
44
|
}
|
|
45
45
|
static get is() { return "card-form"; }
|
|
46
46
|
static get states() {
|
|
@@ -75,9 +75,9 @@ export class Checkout {
|
|
|
75
75
|
}
|
|
76
76
|
render() {
|
|
77
77
|
var _a, _b;
|
|
78
|
-
return (h(StyledHost, { key: '
|
|
78
|
+
return (h(StyledHost, { key: '468b97261a110d5779ac742de45248aadfbeeb6c' }, h("justifi-modular-checkout", { key: '7ce8d2e147f0b91ad93996f7e044a3fe2a9bd604', ref: (el) => {
|
|
79
79
|
this.modularCheckoutRef = el;
|
|
80
|
-
}, authToken: this.authToken, checkoutId: this.checkoutId }, h("div", { key: '
|
|
80
|
+
}, authToken: this.authToken, checkoutId: this.checkoutId }, h("div", { key: '7ace65df988d338d0cc810a532f8914a046e7268', class: "row gy-3 jfi-checkout-core" }, h("div", { key: '3c6223ef06c7a2b42bef97dd67f5f09f21bb248b', class: "col-12", part: checkoutSummary }, h("justifi-header", { key: '622b2ef667ab222a3152134573e7191bf2fa6117', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), h("section", { key: '036b447e7e92b1c6bfe33aff5d07a35bc2d9a915' }, h("justifi-checkout-summary", { key: '292c0b09960046e78b902652e5b0902129715ef5' }))), h("div", { key: '5d27c5a5d3f026ad9f9da37833f8ecf808a89de9', class: "col-12 mt-4" }, h("slot", { key: '1a583d890039b1c3a4493a0687ac5a9caa21d2b3', name: "insurance" })), h("div", { key: '0d7427acc37518888fceef97431f594fb4ea2359', class: "col-12 mt-4" }, h("justifi-header", { key: '5543bc55d4be2de9064b4c4924ecd7d2f32da7d9', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (h("justifi-header", { key: '80a17876009d3c6e39017432053e3ab18b6d406e', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), h("div", { key: 'eac0e3466d8cf74df53acd1252d11d0461d0a263', class: "d-flex flex-column" }, h("section", { key: '1e27c56d333a44760d552549a716b39b1bcc538f' }, h("div", { key: '65680e1ed1a3eccc84ec67797f468edafcb65a80' }, h("justifi-saved-payment-methods", { key: '800e1e6312f8a38856341b5bc78c93a9fc18434e' }), this.availablePaymentMethods.includes(PAYMENT_METHODS.APPLE_PAY) && (h("div", { key: '0e5d9164a0066b88e7b9467bbb25167262614087', class: "mb-3" }, h("justifi-apple-pay", { key: '81717e6193aa402eef18cf006b74798d02811a8d' }))), this.availablePaymentMethods.includes(PAYMENT_METHODS.SEZZLE) && (h("justifi-radio-list-item", { key: '6405f56f8ee450d410801056c362580a6457325f', name: "paymentMethodType", value: PAYMENT_METHODS.SEZZLE, checked: ((_a = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _a === void 0 ? void 0 : _a.type) === PAYMENT_METHODS.SEZZLE, label: h("justifi-sezzle-payment-method", { ref: (el) => (this.sezzlePaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.sezzlePaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), this.availablePaymentMethods.includes(PAYMENT_METHODS.PLAID) && !this.disableBnpl && (h("justifi-radio-list-item", { key: 'd2b920050db52162f5f1fee2ee46884f50f511e8', name: "paymentMethodType", value: PAYMENT_METHODS.PLAID, checked: ((_b = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _b === void 0 ? void 0 : _b.type) === PAYMENT_METHODS.PLAID, label: h("justifi-plaid-payment-method", { ref: (el) => (this.plaidPaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.plaidPaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), h("justifi-tokenize-payment-method", { key: 'c160cd5403029ce3e1cac142cf1e782c104e97f2', ref: (el) => (this.tokenizePaymentMethodRef = el), authToken: this.authToken, accountId: checkoutStore.accountId, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, hideSubmitButton: true, paymentMethodGroupId: checkoutStore.paymentMethodGroupId }))))), h("div", { key: '6e03db84ccbfab811c72e4df5ffaf23c8822539b', class: "mt-4" }, h("justifi-button", { key: '93bb084fdcce73aebed63ad887ced32c4d47ef7f', text: "Pay", type: "submit", variant: "primary", clickHandler: (e) => this.submit(e), disabled: this.isSubmitting, isLoading: this.isSubmitting, customStyle: { width: '100%', textAlign: "center" } }))))));
|
|
81
81
|
}
|
|
82
82
|
static get is() { return "justifi-checkout"; }
|
|
83
83
|
static get properties() {
|
|
@@ -12,7 +12,7 @@ export class SaveNewPaymentMethod {
|
|
|
12
12
|
};
|
|
13
13
|
}
|
|
14
14
|
render() {
|
|
15
|
-
return (h(StyledHost, { key: '
|
|
15
|
+
return (h(StyledHost, { key: '9aa9ce812c0cb2fdc809c47060ed150903ad7cd5' }, h("form-control-checkbox", { key: '596bc9a145e363c751c8610f4b9f23ad31dab299', label: this.label || 'Save New Payment Method', name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange })));
|
|
16
16
|
}
|
|
17
17
|
static get is() { return "justifi-save-new-payment-method"; }
|
|
18
18
|
static get encapsulation() { return "shadow"; }
|
|
@@ -18,7 +18,7 @@ export class SavedPaymentMethod {
|
|
|
18
18
|
;
|
|
19
19
|
render() {
|
|
20
20
|
var _a, _b, _c;
|
|
21
|
-
return (h(Host, { key: '
|
|
21
|
+
return (h(Host, { key: '7374fc6d31ec0ebdb34cdd2b789fb931cb93216f', class: "payment-method" }, h("div", { key: 'b29b47faffcb10d90a811a255a707dfda8597317', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: '82c2ebcb9d9b47c8a0a6a3a3e35d7e59a4b66ee7', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: `${CardBrandLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.brand] || ''} *${(_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.acct_last_four}` }))));
|
|
22
22
|
}
|
|
23
23
|
static get is() { return "justifi-saved-payment-method"; }
|
|
24
24
|
static get properties() {
|
|
@@ -118,7 +118,7 @@ export class CheckoutsListCore {
|
|
|
118
118
|
return !this.showEmptyState && !this.showErrorState && !this.loading;
|
|
119
119
|
}
|
|
120
120
|
render() {
|
|
121
|
-
return (h(TableWrapper, { key: '
|
|
121
|
+
return (h(TableWrapper, { key: 'a77ef0f8f5b4ddf7448815c9df38097e16a38794' }, h(TableComponent, { key: '6408f3ec06f268f2f5b516fb2fe5e03dcce84bfc' }, h(TableHead, { key: '310864630e702965e885568c513d1d2d8f3805ea' }, h(TableHeadRow, { key: 'bee990fd0a1f8fbf5f21f41ce44f3d57a6bbffa6' }, this.checkoutsTable.columnData.map((column) => column))), h(TableBody, { key: '1a5fd1a0b571205238ec365f0b9688d6abe95dc3' }, h(TableLoadingState, { key: 'df07de295c2a2b6674ed60ff55678a0f67665b15', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'faecb3005baf02ec425b369dcceff2de06e501eb', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: '7d0e879b9e5595550a4cbd9c9948677106859e38', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '3fbdfe68348692e23333bae21fbaef261fe263d4' }, h(TableFootRow, { key: '4e39fd1f73d4b2f943f909fa8d640bf488fb5469' }, h(TableFootCell, { key: 'f245bc167021ff3e1c7f139e31fe151064651dad', colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: 'c9129910b8ffeda06c90ffaa32832b8186687de4', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
|
|
122
122
|
}
|
|
123
123
|
static get is() { return "checkouts-list-core"; }
|
|
124
124
|
static get properties() {
|
|
@@ -38,7 +38,7 @@ export class CheckoutsListFilters {
|
|
|
38
38
|
}
|
|
39
39
|
render() {
|
|
40
40
|
const filterMenuParams = Object.assign({}, filterParams);
|
|
41
|
-
return (h(StyledHost, { key: '
|
|
41
|
+
return (h(StyledHost, { key: 'e68f5bd4687eaad5aae4890d81baec603f72b6de' }, h("table-filters-menu", { key: 'c09285765839dbfad618bc13f39883e3f11ae991', params: filterMenuParams, clearParams: clearParams, part: checkoutsListFilterMenu }, h("div", { key: '96e32ecba5c64ccda108ceb583a82b1554b347a8', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '7ce51a9f065004c169b577bcdd33af8ad7b01ac2', class: "p-2" }, h("form-control-select", { key: 'b6dfda04a58f51b989b1dc655df00500071fea98', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status || '', disabled: !!this.checkoutStatus, part: statusCheckoutsListFilterParam })), h("div", { key: '4feb8c837611e6d0ec9cad6cb7a9f032db8cbbf5', class: "p-2" }, h("form-control-select", { key: '5a2a6c0e21cb62ee792bce703ccdfc9e08a46cc0', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode || '', disabled: !!this.paymentMode, part: paymentModeCheckoutsListFilterParam }))))));
|
|
42
42
|
}
|
|
43
43
|
static get is() { return "justifi-checkouts-list-filters"; }
|
|
44
44
|
static get encapsulation() { return "shadow"; }
|
|
@@ -61,7 +61,7 @@ export class CheckoutsList {
|
|
|
61
61
|
}
|
|
62
62
|
}
|
|
63
63
|
render() {
|
|
64
|
-
return (h(StyledHost, { key: '
|
|
64
|
+
return (h(StyledHost, { key: 'b7e794982435af9a755c272767c017c57fa16b24' }, h("checkouts-list-core", { key: 'a8de52b59cbccd7cd97369663c074011b49b9499', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
|
|
65
65
|
}
|
|
66
66
|
static get is() { return "justifi-checkouts-list"; }
|
|
67
67
|
static get encapsulation() { return "shadow"; }
|
|
@@ -512,9 +512,8 @@ export class ModularCheckout {
|
|
|
512
512
|
"id": "global::Promise"
|
|
513
513
|
},
|
|
514
514
|
"BillingFormFields": {
|
|
515
|
-
"location": "
|
|
516
|
-
"
|
|
517
|
-
"id": "src/components.d.ts::BillingFormFields"
|
|
515
|
+
"location": "global",
|
|
516
|
+
"id": "global::BillingFormFields"
|
|
518
517
|
}
|
|
519
518
|
},
|
|
520
519
|
"return": "Promise<void>"
|
|
@@ -32,14 +32,6 @@ export class ApplePay {
|
|
|
32
32
|
this.isProcessing = true;
|
|
33
33
|
this.error = null;
|
|
34
34
|
this.applePayStarted.emit();
|
|
35
|
-
console.groupCollapsed('[ApplePay Component] handleApplePayClick');
|
|
36
|
-
console.log('[ApplePay Component] click context:', {
|
|
37
|
-
isProcessing: this.isProcessing,
|
|
38
|
-
disabled: this.disabled,
|
|
39
|
-
isAvailable: this.isAvailable,
|
|
40
|
-
canMakePayments: this.canMakePayments,
|
|
41
|
-
hasService: Boolean(this.applePayService),
|
|
42
|
-
});
|
|
43
35
|
const paymentRequest = {
|
|
44
36
|
countryCode: this.countryCode,
|
|
45
37
|
currencyCode: checkoutStore.paymentCurrency,
|
|
@@ -51,13 +43,7 @@ export class ApplePay {
|
|
|
51
43
|
supportedNetworks: ApplePayHelpers.getDefaultSupportedNetworks(),
|
|
52
44
|
total: ApplePayHelpers.createLineItem(checkoutStore.paymentDescription, checkoutStore.paymentAmount),
|
|
53
45
|
};
|
|
54
|
-
console.log("[ApplePay Component] paymentRequest", paymentRequest);
|
|
55
|
-
console.log('[ApplePay Component] identifiers snapshot:', {
|
|
56
|
-
authTokenLength: checkoutStore.authToken ? String(checkoutStore.authToken).length : 0,
|
|
57
|
-
accountId: checkoutStore.accountId,
|
|
58
|
-
});
|
|
59
46
|
const result = await this.applePayService.startPaymentSession(paymentRequest, checkoutStore.authToken, checkoutStore.accountId);
|
|
60
|
-
console.log("[ApplePay Component] startPaymentSession result", result);
|
|
61
47
|
if (result.success) {
|
|
62
48
|
this.applePayCompleted.emit({
|
|
63
49
|
success: true,
|
|
@@ -87,7 +73,6 @@ export class ApplePay {
|
|
|
87
73
|
}
|
|
88
74
|
finally {
|
|
89
75
|
this.isProcessing = false;
|
|
90
|
-
console.groupEnd();
|
|
91
76
|
}
|
|
92
77
|
};
|
|
93
78
|
}
|
|
@@ -96,13 +81,6 @@ export class ApplePay {
|
|
|
96
81
|
this.isLoading = true;
|
|
97
82
|
this.error = null;
|
|
98
83
|
this.isConfigValid = true;
|
|
99
|
-
console.groupCollapsed('[ApplePay Component] initializeApplePay');
|
|
100
|
-
console.log('[ApplePay Component] checkout state snapshot:', {
|
|
101
|
-
paymentAmount: checkoutStore.paymentAmount,
|
|
102
|
-
paymentCurrency: checkoutStore.paymentCurrency,
|
|
103
|
-
hasAuthToken: Boolean(checkoutStore.authToken),
|
|
104
|
-
accountId: checkoutStore.accountId,
|
|
105
|
-
});
|
|
106
84
|
const hasRequiredConfig = Boolean(checkoutStore.paymentAmount) &&
|
|
107
85
|
Boolean(checkoutStore.paymentCurrency) &&
|
|
108
86
|
Boolean(checkoutStore.authToken);
|
|
@@ -117,22 +95,15 @@ export class ApplePay {
|
|
|
117
95
|
});
|
|
118
96
|
this.applePayError.emit({ error: this.error, code: ApplePay.ErrorCode.CONFIG_ERROR });
|
|
119
97
|
this.isLoading = false;
|
|
120
|
-
console.groupEnd();
|
|
121
98
|
return;
|
|
122
99
|
}
|
|
123
100
|
this.isAvailable = ApplePayHelpers.isApplePaySupported();
|
|
124
101
|
this.canMakePayments = ApplePayHelpers.canMakePayments();
|
|
125
|
-
console.log('[ApplePay Component] support check:', {
|
|
126
|
-
isAvailable: this.isAvailable,
|
|
127
|
-
canMakePayments: this.canMakePayments,
|
|
128
|
-
hasApplePaySessionOnWindow: typeof window !== 'undefined' && 'ApplePaySession' in window,
|
|
129
|
-
});
|
|
130
102
|
if (!this.isAvailable) {
|
|
131
103
|
this.error = "Apple Pay is not supported on this device";
|
|
132
104
|
console.error(this.error);
|
|
133
105
|
this.applePayError.emit({ error: this.error, code: ApplePay.ErrorCode.NOT_SUPPORTED });
|
|
134
106
|
this.isLoading = false;
|
|
135
|
-
console.groupEnd();
|
|
136
107
|
return;
|
|
137
108
|
}
|
|
138
109
|
if (!this.canMakePayments) {
|
|
@@ -140,7 +111,6 @@ export class ApplePay {
|
|
|
140
111
|
console.error(this.error);
|
|
141
112
|
this.applePayError.emit({ error: this.error, code: ApplePay.ErrorCode.NOT_AVAILABLE });
|
|
142
113
|
this.isLoading = false;
|
|
143
|
-
console.groupEnd();
|
|
144
114
|
return;
|
|
145
115
|
}
|
|
146
116
|
const applePayConfig = {
|
|
@@ -151,7 +121,6 @@ export class ApplePay {
|
|
|
151
121
|
buttonType: this.buttonType,
|
|
152
122
|
buttonStyle: this.buttonStyle,
|
|
153
123
|
};
|
|
154
|
-
console.log('[ApplePay Component] initializing service with config:', applePayConfig);
|
|
155
124
|
this.applePayService = new ApplePayService();
|
|
156
125
|
this.applePayService.initialize(applePayConfig);
|
|
157
126
|
const hasActiveCard = await this.applePayService.canMakePaymentsWithActiveCard();
|
|
@@ -169,7 +138,6 @@ export class ApplePay {
|
|
|
169
138
|
}
|
|
170
139
|
finally {
|
|
171
140
|
this.isLoading = false;
|
|
172
|
-
console.groupEnd();
|
|
173
141
|
}
|
|
174
142
|
}
|
|
175
143
|
async isSupported() {
|
|
@@ -189,7 +157,6 @@ export class ApplePay {
|
|
|
189
157
|
render() {
|
|
190
158
|
if (!checkoutStore.applePayEnabled) {
|
|
191
159
|
// Render nothing when Apple Pay is disabled at the checkout settings level
|
|
192
|
-
console.log('[ApplePay Component] Apple Pay disabled in checkout settings; not rendering');
|
|
193
160
|
return null;
|
|
194
161
|
}
|
|
195
162
|
const isReady = !this.isLoading &&
|
|
@@ -197,7 +164,6 @@ export class ApplePay {
|
|
|
197
164
|
this.canMakePayments &&
|
|
198
165
|
this.isConfigValid;
|
|
199
166
|
return (h(StyledHost, null, checkoutStore.checkoutLoaded && (h("script", { async: true, src: 'https://applepay.cdn-apple.com/jsapi/1.latest/apple-pay-sdk.js', onLoad: () => {
|
|
200
|
-
console.log('[ApplePay Component] Apple Pay SDK script loaded');
|
|
201
167
|
this.initializeApplePay();
|
|
202
168
|
} })), h("div", { class: 'apple-pay-container' }, h(ApplePaySkeleton, { isLoading: this.isLoading }), isReady && (h(ApplePayButton, { buttonType: this.buttonType, buttonStyle: this.buttonStyle, disabled: this.disabled, isProcessing: this.isProcessing, isAvailable: this.isAvailable, clickHandler: this.handleApplePayClick, width: this.width, height: this.height }))), h("style", null, `
|
|
203
169
|
.apple-pay-container {
|