MockProcessor-5c5e066a.js
2 months ago
MockProcessor-5c5e066a.js.map
2 months ago
add-query-args-0e2a8393.js
1 year ago
add-query-args-0e2a8393.js.map
1 year ago
address-b8e2e4c8.js
4 months ago
address-b8e2e4c8.js.map
4 months ago
animation-registry-de37bd7e.js
3 months ago
animation-registry-de37bd7e.js.map
3 months ago
app-globals-0eef0276.js
2 months ago
app-globals-0eef0276.js.map
2 months ago
consumer-f1775a76.js
2 months ago
consumer-f1775a76.js.map
2 months ago
currency-a0c9bff4.js
1 year ago
currency-a0c9bff4.js.map
1 year ago
error-c8bf8e3e.js
1 week ago
error-c8bf8e3e.js.map
1 week ago
fetch-cdff67be.js
1 month ago
fetch-cdff67be.js.map
1 month ago
floating-ui.dom.esm-8dce4ea1.js
6 months ago
floating-ui.dom.esm-8dce4ea1.js.map
6 months ago
form-data-76641f16.js
1 year ago
form-data-76641f16.js.map
1 year ago
functions-4f009ce1.js
3 months ago
functions-4f009ce1.js.map
3 months ago
geo-permission-62aea8ee.js
1 month ago
geo-permission-62aea8ee.js.map
1 month ago
getters-1049a6f8.js
2 months ago
getters-1049a6f8.js.map
2 months ago
getters-1477d792.js
2 months ago
getters-1477d792.js.map
2 months ago
getters-4bb6cc1b.js
2 months ago
getters-4bb6cc1b.js.map
2 months ago
getters-7090a9c1.js
1 week ago
getters-7090a9c1.js.map
1 week ago
getters-9cfeb0de.js
1 week ago
getters-9cfeb0de.js.map
1 week ago
google-52867ad8.js
1 week ago
google-52867ad8.js.map
1 week ago
google-e9085e27.js
1 week ago
google-e9085e27.js.map
1 week ago
google-maps-e8b00ffd.js
3 months ago
google-maps-e8b00ffd.js.map
3 months ago
index-17aac936.js
1 month ago
index-17aac936.js.map
1 month ago
index-18f5a1bc.js
2 months ago
index-18f5a1bc.js.map
2 months ago
index-25e5af33.js
2 months ago
index-25e5af33.js.map
2 months ago
index-824c562b.js
2 months ago
index-824c562b.js.map
2 months ago
index-871d88b8.js
1 year ago
index-871d88b8.js.map
1 year ago
index-a786f689.js
1 week ago
index-a786f689.js.map
1 week ago
index-c5a96d53.js
2 years ago
index-c5a96d53.js.map
2 years ago
index-d602bc13.js
1 month ago
index-d602bc13.js.map
1 month ago
index.js
1 week ago
index.js.map
1 month ago
inline-c012a0f9.js
1 year ago
inline-c012a0f9.js.map
1 year ago
lazy-deb42890.js
1 year ago
lazy-deb42890.js.map
1 year ago
library-1bd957d5.js
2 months ago
library-1bd957d5.js.map
2 months ago
loader.js
2 weeks ago
loader.js.map
1 year ago
media-d21119a3.js
1 year ago
media-d21119a3.js.map
1 year ago
mutations-7458343f.js
2 months ago
mutations-7458343f.js.map
2 months ago
mutations-9ffd30f4.js
1 week ago
mutations-9ffd30f4.js.map
1 week ago
mutations-ae7167ad.js
1 week ago
mutations-ae7167ad.js.map
1 week ago
mutations-b310b068.js
1 week ago
mutations-b310b068.js.map
1 week ago
page-align-0cdacf32.js
1 year ago
page-align-0cdacf32.js.map
1 year ago
price-1ff6aa07.js
4 months ago
price-1ff6aa07.js.map
4 months ago
pure-963214cb.js
1 year ago
pure-963214cb.js.map
1 year ago
quantity-5c986f3d.js
3 months ago
quantity-5c986f3d.js.map
3 months ago
razorpay-4c4a3d31.js
3 months ago
razorpay-4c4a3d31.js.map
3 months ago
remove-query-args-938c53ea.js
1 year ago
remove-query-args-938c53ea.js.map
1 year ago
sc-address_5.entry.js
2 weeks ago
sc-address_5.entry.js.map
2 weeks ago
sc-alert.entry.js
1 month ago
sc-alert.entry.js.map
1 year ago
sc-avatar_2.entry.js
1 week ago
sc-avatar_2.entry.js.map
1 month ago
sc-badge-notice.entry.js
1 month ago
sc-badge-notice.entry.js.map
1 year ago
sc-block-ui.entry.js
1 month ago
sc-block-ui.entry.js.map
5 months ago
sc-breadcrumb.entry.js
1 month ago
sc-breadcrumb.entry.js.map
1 year ago
sc-breadcrumbs.entry.js
1 month ago
sc-breadcrumbs.entry.js.map
1 year ago
sc-button-group.entry.js
1 month ago
sc-button-group.entry.js.map
1 year ago
sc-button_6.entry.js
1 month ago
sc-button_6.entry.js.map
1 month ago
sc-cancel-dialog_3.entry.js
1 month ago
sc-cancel-dialog_3.entry.js.map
1 month ago
sc-cancel-discount_4.entry.js
1 month ago
sc-cancel-discount_4.entry.js.map
2 months ago
sc-card_2.entry.js
1 month ago
sc-card_2.entry.js.map
4 months ago
sc-cart-button.entry.js
1 week ago
sc-cart-button.entry.js.map
1 year ago
sc-cart-form-submit.entry.js
2 months ago
sc-cart-form-submit.entry.js.map
1 year ago
sc-cart-form.entry.js
1 week ago
sc-cart-form.entry.js.map
1 month ago
sc-cart-header.entry.js
1 week ago
sc-cart-header.entry.js.map
1 year ago
sc-cart-icon.entry.js
1 week ago
sc-cart-icon.entry.js.map
1 year ago
sc-cart-loader.entry.js
1 week ago
sc-cart-loader.entry.js.map
1 year ago
sc-cart-session-provider_3.entry.js
1 week ago
sc-cart-session-provider_3.entry.js.map
2 months ago
sc-cart-submit.entry.js
2 months ago
sc-cart-submit.entry.js.map
1 year ago
sc-cart.entry.js
1 week ago
sc-cart.entry.js.map
2 months ago
sc-cc-logo_2.entry.js
1 month ago
sc-cc-logo_2.entry.js.map
1 month ago
sc-charges-list.entry.js
1 month ago
sc-charges-list.entry.js.map
2 months ago
sc-checkout-autofill-provider_11.entry.js
1 week ago
sc-checkout-autofill-provider_11.entry.js.map
1 month ago
sc-checkout-form-errors.entry.js
2 months ago
sc-checkout-form-errors.entry.js.map
1 year ago
sc-checkout-mollie-payment_3.entry.js
1 week ago
sc-checkout-mollie-payment_3.entry.js.map
2 months ago
sc-checkout-product-bundle-component-variants.entry.js
1 week ago
sc-checkout-product-bundle-component-variants.entry.js.map
1 month ago
sc-checkout-product-price-variant-selector.entry.js
1 week ago
sc-checkout-product-price-variant-selector.entry.js.map
4 weeks ago
sc-checkout.entry.js
1 week ago
sc-checkout.entry.js.map
1 month ago
sc-choice-container.entry.js
1 month ago
sc-choice-container.entry.js.map
1 year ago
sc-choice.entry.js
1 month ago
sc-choice.entry.js.map
1 year ago
sc-choices.entry.js
1 month ago
sc-choices.entry.js.map
1 year ago
sc-column_2.entry.js
1 month ago
sc-column_2.entry.js.map
1 month ago
sc-compact-address_18.entry.js
1 week ago
sc-compact-address_18.entry.js.map
1 month ago
sc-conditional-form.entry.js
1 week ago
sc-conditional-form.entry.js.map
2 months ago
sc-consumer.entry.js
2 months ago
sc-consumer.entry.js.map
1 year ago
sc-coupon-form.entry.js
1 week ago
sc-coupon-form.entry.js.map
5 months ago
sc-custom-order-price-input.entry.js
1 month ago
sc-custom-order-price-input.entry.js.map
2 months ago
sc-customer-details.entry.js
1 month ago
sc-customer-details.entry.js.map
7 months ago
sc-customer-edit.entry.js
1 month ago
sc-customer-edit.entry.js.map
2 months ago
sc-customer-email.entry.js
1 week ago
sc-customer-email.entry.js.map
1 month ago
sc-customer-firstname.entry.js
1 week ago
sc-customer-firstname.entry.js.map
2 months ago
sc-customer-lastname.entry.js
1 week ago
sc-customer-lastname.entry.js.map
2 months ago
sc-customer-name.entry.js
1 week ago
sc-customer-name.entry.js.map
2 months ago
sc-dashboard-customer-details.entry.js
1 month ago
sc-dashboard-customer-details.entry.js.map
2 months ago
sc-dashboard-downloads-list.entry.js
1 month ago
sc-dashboard-downloads-list.entry.js.map
2 months ago
sc-dialog.entry.js
1 month ago
sc-dialog.entry.js.map
5 months ago
sc-divider.entry.js
1 month ago
sc-divider.entry.js.map
1 year ago
sc-donation-choices.entry.js
2 months ago
sc-donation-choices.entry.js.map
1 year ago
sc-downloads-list.entry.js
1 month ago
sc-downloads-list.entry.js.map
1 month ago
sc-dropdown_3.entry.js
1 month ago
sc-dropdown_3.entry.js.map
6 months ago
sc-empty_3.entry.js
1 month ago
sc-empty_3.entry.js.map
4 months ago
sc-express-payment.entry.js
1 week ago
sc-express-payment.entry.js.map
3 months ago
sc-feature-demo-banner.entry.js
1 month ago
sc-feature-demo-banner.entry.js.map
1 year ago
sc-flex.entry.js
1 month ago
sc-flex.entry.js.map
1 year ago
sc-form-control_2.entry.js
1 month ago
sc-form-control_2.entry.js.map
2 months ago
sc-form-row.entry.js
1 month ago
sc-form-row.entry.js.map
1 year ago
sc-form.entry.js
1 month ago
sc-form.entry.js.map
1 year ago
sc-format-bytes.entry.js
2 months ago
sc-format-bytes.entry.js.map
1 year ago
sc-format-interval.entry.js
2 months ago
sc-format-interval.entry.js.map
1 year ago
sc-format-number.entry.js
2 months ago
sc-format-number.entry.js.map
1 year ago
sc-fulfillment-shipping-status-badge.entry.js
2 months ago
sc-fulfillment-shipping-status-badge.entry.js.map
4 months ago
sc-fulfillments.entry.js
1 month ago
sc-fulfillments.entry.js.map
2 months ago
sc-heading_2.entry.js
1 month ago
sc-heading_2.entry.js.map
1 year ago
sc-image-slider.entry.js
1 month ago
sc-image-slider.entry.js.map
1 month ago
sc-invoice-status-badge.entry.js
1 month ago
sc-invoice-status-badge.entry.js.map
4 months ago
sc-invoices-list.entry.js
1 month ago
sc-invoices-list.entry.js.map
2 months ago
sc-license.entry.js
1 month ago
sc-license.entry.js.map
2 months ago
sc-licenses-list.entry.js
1 month ago
sc-licenses-list.entry.js.map
1 month ago
sc-line-item-bump.entry.js
1 week ago
sc-line-item-bump.entry.js.map
1 year ago
sc-line-item-total.entry.js
1 week ago
sc-line-item-total.entry.js.map
6 months ago
sc-line-item.entry.js
1 month ago
sc-line-item.entry.js.map
1 year ago
sc-line-items-provider.entry.js
1 month ago
sc-line-items-provider.entry.js.map
1 year ago
sc-line-items.entry.js
1 week ago
sc-line-items.entry.js.map
1 month ago
sc-login-form.entry.js
1 month ago
sc-login-form.entry.js.map
2 months ago
sc-manual-payment-method_3.entry.js
1 month ago
sc-manual-payment-method_3.entry.js.map
3 months ago
sc-menu-divider.entry.js
1 month ago
sc-menu-divider.entry.js.map
1 year ago
sc-menu-label_2.entry.js
1 month ago
sc-menu-label_2.entry.js.map
1 month ago
sc-mollie-add-method.entry.js
1 month ago
sc-mollie-add-method.entry.js.map
2 months ago
sc-order-confirmation-customer.entry.js
2 months ago
sc-order-confirmation-customer.entry.js.map
1 year ago
sc-order-confirmation-details.entry.js
2 months ago
sc-order-confirmation-details.entry.js.map
11 months ago
sc-order-confirmation-line-items_2.entry.js
1 month ago
sc-order-confirmation-line-items_2.entry.js.map
1 month ago
sc-order-confirmation.entry.js
1 month ago
sc-order-confirmation.entry.js.map
2 months ago
sc-order-coupon-form.entry.js
1 week ago
sc-order-coupon-form.entry.js.map
2 months ago
sc-order-detail.entry.js
2 months ago
sc-order-detail.entry.js.map
1 year ago
sc-order-fulfillment-badge.entry.js
1 month ago
sc-order-fulfillment-badge.entry.js.map
4 months ago
sc-order-manual-instructions.entry.js
2 months ago
sc-order-manual-instructions.entry.js.map
1 year ago
sc-order-password.entry.js
2 months ago
sc-order-password.entry.js.map
1 year ago
sc-order-return-badge.entry.js
1 month ago
sc-order-return-badge.entry.js.map
4 months ago
sc-order-shipment-badge.entry.js
2 months ago
sc-order-shipment-badge.entry.js.map
4 months ago
sc-order-status-badge.entry.js
1 month ago
sc-order-status-badge.entry.js.map
4 months ago
sc-order-submit.entry.js
1 week ago
sc-order-submit.entry.js.map
2 months ago
sc-order-summary.entry.js
1 week ago
sc-order-summary.entry.js.map
1 month ago
sc-order.entry.js
1 month ago
sc-order.entry.js.map
1 month ago
sc-orders-list.entry.js
1 month ago
sc-orders-list.entry.js.map
1 month ago
sc-pagination.entry.js
2 months ago
sc-pagination.entry.js.map
1 year ago
sc-password-nag.entry.js
1 month ago
sc-password-nag.entry.js.map
2 months ago
sc-password.entry.js
1 month ago
sc-password.entry.js.map
1 month ago
sc-payment-method-choice_2.entry.js
1 month ago
sc-payment-method-choice_2.entry.js.map
1 year ago
sc-payment-method-details.entry.js
1 month ago
sc-payment-method-details.entry.js.map
1 year ago
sc-payment-methods-list.entry.js
1 month ago
sc-payment-methods-list.entry.js.map
2 months ago
sc-payment.entry.js
1 week ago
sc-payment.entry.js.map
3 months ago
sc-paypal-add-method.entry.js
1 month ago
sc-paypal-add-method.entry.js.map
2 months ago
sc-paypal-buttons_2.entry.js
1 week ago
sc-paypal-buttons_2.entry.js.map
2 months ago
sc-paystack-add-method.entry.js
1 month ago
sc-paystack-add-method.entry.js.map
2 months ago
sc-pill-option.entry.js
1 month ago
sc-pill-option.entry.js.map
1 year ago
sc-popover.entry.js
1 month ago
sc-popover.entry.js.map
6 months ago
sc-premium-tag.entry.js
1 month ago
sc-premium-tag.entry.js.map
1 year ago
sc-price-choice-container.entry.js
1 month ago
sc-price-choice-container.entry.js.map
1 month ago
sc-price-choice.entry.js
1 month ago
sc-price-choice.entry.js.map
2 months ago
sc-price-choices.entry.js
1 week ago
sc-price-choices.entry.js.map
1 year ago
sc-price-input.entry.js
1 month ago
sc-price-input.entry.js.map
1 year ago
sc-price-range_4.entry.js
1 month ago
sc-price-range_4.entry.js.map
1 year ago
sc-price.entry.js
2 months ago
sc-price.entry.js.map
11 months ago
sc-product-buy-button.entry.js
1 week ago
sc-product-buy-button.entry.js.map
2 months ago
sc-product-donation-amount-choice.entry.js
1 week ago
sc-product-donation-amount-choice.entry.js.map
2 months ago
sc-product-donation-choices.entry.js
1 week ago
sc-product-donation-choices.entry.js.map
2 months ago
sc-product-donation-custom-amount.entry.js
1 week ago
sc-product-donation-custom-amount.entry.js.map
2 months ago
sc-product-item-list.entry.js
1 week ago
sc-product-item-list.entry.js.map
2 months ago
sc-product-item.entry.js
1 month ago
sc-product-item.entry.js.map
1 year ago
sc-product-pills-variant-option.entry.js
1 week ago
sc-product-pills-variant-option.entry.js.map
1 year ago
sc-product-price-choices.entry.js
1 week ago
sc-product-price-choices.entry.js.map
1 year ago
sc-product-price-modal.entry.js
1 week ago
sc-product-price-modal.entry.js.map
2 months ago
sc-product-price.entry.js
1 week ago
sc-product-price.entry.js.map
2 months ago
sc-product-quantity.entry.js
1 week ago
sc-product-quantity.entry.js.map
1 year ago
sc-product-selected-price.entry.js
1 week ago
sc-product-selected-price.entry.js.map
2 months ago
sc-product-text.entry.js
1 week ago
sc-product-text.entry.js.map
1 year ago
sc-provider.entry.js
2 months ago
sc-provider.entry.js.map
1 year ago
sc-provisional-banner.entry.js
1 month ago
sc-provisional-banner.entry.js.map
11 months ago
sc-purchase-downloads-list.entry.js
1 month ago
sc-purchase-downloads-list.entry.js.map
1 month ago
sc-razorpay-add-method.entry.js
1 month ago
sc-razorpay-add-method.entry.js.map
2 months ago
sc-recurring-price-choice-container.entry.js
2 months ago
sc-recurring-price-choice-container.entry.js.map
1 year ago
sc-review-stars.entry.js
2 months ago
sc-review-stars.entry.js.map
5 months ago
sc-rich-text.entry.js
1 month ago
sc-rich-text.entry.js.map
1 month ago
sc-skeleton.entry.js
1 month ago
sc-skeleton.entry.js.map
1 year ago
sc-spacing.entry.js
1 month ago
sc-spacing.entry.js.map
1 year ago
sc-stripe-add-method.entry.js
1 month ago
sc-stripe-add-method.entry.js.map
2 months ago
sc-stripe-element.entry.js
1 week ago
sc-stripe-element.entry.js.map
2 months ago
sc-stripe-payment-element.entry.js
1 week ago
sc-stripe-payment-element.entry.js.map
2 months ago
sc-stripe-payment-request.entry.js
1 week ago
sc-stripe-payment-request.entry.js.map
2 months ago
sc-subscription-ad-hoc-confirm.entry.js
1 month ago
sc-subscription-ad-hoc-confirm.entry.js.map
6 months ago
sc-subscription-details_2.entry.js
1 month ago
sc-subscription-details_2.entry.js.map
1 month ago
sc-subscription-payment-method.entry.js
1 month ago
sc-subscription-payment-method.entry.js.map
2 months ago
sc-subscription-payment.entry.js
1 month ago
sc-subscription-payment.entry.js.map
2 months ago
sc-subscription-switch.entry.js
1 month ago
sc-subscription-switch.entry.js.map
2 months ago
sc-subscription-variation-confirm.entry.js
1 month ago
sc-subscription-variation-confirm.entry.js.map
1 year ago
sc-subscription.entry.js
1 month ago
sc-subscription.entry.js.map
1 month ago
sc-subscriptions-list.entry.js
1 month ago
sc-subscriptions-list.entry.js.map
2 months ago
sc-summary.entry.js
1 month ago
sc-summary.entry.js.map
1 year ago
sc-swap.entry.js
1 week ago
sc-swap.entry.js.map
2 months ago
sc-switch.entry.js
1 month ago
sc-switch.entry.js.map
7 months ago
sc-tab-group.entry.js
1 month ago
sc-tab-group.entry.js.map
1 year ago
sc-tab-panel.entry.js
1 month ago
sc-tab-panel.entry.js.map
1 year ago
sc-tab.entry.js
1 month ago
sc-tab.entry.js.map
1 year ago
sc-table-head.entry.js
1 month ago
sc-table-head.entry.js.map
1 year ago
sc-table_3.entry.js
1 month ago
sc-table_3.entry.js.map
10 months ago
sc-tag.entry.js
1 month ago
sc-tag.entry.js.map
4 months ago
sc-test-mode-info.entry.js
1 month ago
sc-test-mode-info.entry.js.map
6 months ago
sc-text.entry.js
1 month ago
sc-text.entry.js.map
1 year ago
sc-toggle.entry.js
1 month ago
sc-toggle.entry.js.map
1 year ago
sc-toggles.entry.js
1 month ago
sc-toggles.entry.js.map
1 year ago
sc-total.entry.js
1 week ago
sc-total.entry.js.map
1 year ago
sc-upcoming-invoice.entry.js
1 month ago
sc-upcoming-invoice.entry.js.map
2 months ago
sc-upgrade-required.entry.js
2 months ago
sc-upgrade-required.entry.js.map
1 year ago
sc-upsell-countdown-timer.entry.js
1 month ago
sc-upsell-countdown-timer.entry.js.map
1 year ago
sc-upsell-no-thanks-button.entry.js
1 week ago
sc-upsell-no-thanks-button.entry.js.map
2 months ago
sc-upsell-submit-button.entry.js
1 week ago
sc-upsell-submit-button.entry.js.map
2 months ago
sc-upsell-totals.entry.js
1 week ago
sc-upsell-totals.entry.js.map
2 months ago
sc-upsell.entry.js
1 week ago
sc-upsell.entry.js.map
2 months ago
sc-verification-code.entry.js
1 month ago
sc-verification-code.entry.js.map
2 months ago
sc-visually-hidden.entry.js
1 month ago
sc-visually-hidden.entry.js.map
1 year ago
sc-wordpress-password-edit.entry.js
1 month ago
sc-wordpress-password-edit.entry.js.map
2 months ago
sc-wordpress-user-edit.entry.js
1 month ago
sc-wordpress-user-edit.entry.js.map
2 months ago
sc-wordpress-user.entry.js
1 month ago
sc-wordpress-user.entry.js.map
1 year ago
store-289e460c.js
2 months ago
store-289e460c.js.map
2 months ago
store-ac90a769.js
1 month ago
store-ac90a769.js.map
1 month ago
store-b1758b00.js
2 months ago
store-b1758b00.js.map
2 months ago
surecart.js
2 weeks ago
surecart.js.map
1 year ago
tax-a03623ca.js
1 year ago
tax-a03623ca.js.map
1 year ago
universe-7bd0ac2b.js
2 months ago
universe-7bd0ac2b.js.map
2 months ago
util-dfbf863e.js
2 months ago
util-dfbf863e.js.map
2 months ago
utils-f84b2118.js
3 months ago
utils-f84b2118.js.map
3 months ago
verification-00df9439.js
1 month ago
verification-00df9439.js.map
1 month ago
watchers-2d9a1422.js
1 week ago
watchers-2d9a1422.js.map
1 week ago
watchers-81f32d01.js
1 week ago
watchers-81f32d01.js.map
1 week ago
watchers-843c3dbe.js
1 week ago
watchers-843c3dbe.js.map
1 week ago
watchers-c7bbc6b2.js
2 months ago
watchers-c7bbc6b2.js.map
2 months ago
watchers-df374a91.js
1 week ago
watchers-df374a91.js.map
1 week ago
sc-payment-methods-list.entry.js
183 lines
| 1 | import { r as registerInstance, h, a as getElement } from './index-25e5af33.js'; |
| 2 | import './fetch-cdff67be.js'; |
| 3 | import { o as onFirstVisible } from './lazy-deb42890.js'; |
| 4 | import { a as addQueryArgs } from './add-query-args-0e2a8393.js'; |
| 5 | import { a as apiFetch } from './index-824c562b.js'; |
| 6 | import './remove-query-args-938c53ea.js'; |
| 7 | |
| 8 | const scPaymentMethodsListCss = ":host{display:block;position:relative}.payment-methods-list{display:grid;gap:0.5em}.payment-methods-list sc-heading a{text-decoration:none;font-weight:var(--sc-font-weight-semibold);display:inline-flex;align-items:center;gap:0.25em;color:var(--sc-color-primary-500)}.payment-id{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}"; |
| 9 | const ScPaymentMethodsListStyle0 = scPaymentMethodsListCss; |
| 10 | |
| 11 | const ScPaymentMethodsList = class { |
| 12 | constructor(hostRef) { |
| 13 | registerInstance(this, hostRef); |
| 14 | this.query = undefined; |
| 15 | this.heading = undefined; |
| 16 | this.isCustomer = undefined; |
| 17 | this.canDetachDefaultPaymentMethod = false; |
| 18 | this.paymentMethods = []; |
| 19 | this.loading = undefined; |
| 20 | this.busy = undefined; |
| 21 | this.error = undefined; |
| 22 | this.hasTitleSlot = undefined; |
| 23 | this.editPaymentMethod = false; |
| 24 | this.deletePaymentMethod = false; |
| 25 | this.cascadeDefaultPaymentMethod = false; |
| 26 | } |
| 27 | /** Only fetch if visible */ |
| 28 | componentWillLoad() { |
| 29 | onFirstVisible(this.el, () => this.getPaymentMethods()); |
| 30 | this.handleSlotChange(); |
| 31 | } |
| 32 | handleSlotChange() { |
| 33 | this.hasTitleSlot = !!this.el.querySelector('[slot="title"]'); |
| 34 | } |
| 35 | /** |
| 36 | * Delete the payment method. |
| 37 | */ |
| 38 | async deleteMethod() { |
| 39 | var _a; |
| 40 | if (!this.deletePaymentMethod) |
| 41 | return; |
| 42 | try { |
| 43 | this.busy = true; |
| 44 | (await apiFetch({ |
| 45 | path: `surecart/v1/payment_methods/${(_a = this.deletePaymentMethod) === null || _a === void 0 ? void 0 : _a.id}/detach`, |
| 46 | method: 'PATCH', |
| 47 | })); |
| 48 | // remove from view. |
| 49 | this.paymentMethods = this.paymentMethods.filter(m => { var _a; return m.id !== ((_a = this.deletePaymentMethod) === null || _a === void 0 ? void 0 : _a.id); }); |
| 50 | this.deletePaymentMethod = false; |
| 51 | } |
| 52 | catch (e) { |
| 53 | alert((e === null || e === void 0 ? void 0 : e.messsage) || wp.i18n.__('Something went wrong', 'surecart')); |
| 54 | } |
| 55 | finally { |
| 56 | this.busy = false; |
| 57 | } |
| 58 | } |
| 59 | /** |
| 60 | * Set the default payment method. |
| 61 | */ |
| 62 | async setDefault() { |
| 63 | var _a, _b, _c; |
| 64 | if (!this.editPaymentMethod) |
| 65 | return; |
| 66 | try { |
| 67 | this.error = ''; |
| 68 | this.busy = true; |
| 69 | (await apiFetch({ |
| 70 | path: `surecart/v1/customers/${(_b = (_a = this.editPaymentMethod) === null || _a === void 0 ? void 0 : _a.customer) === null || _b === void 0 ? void 0 : _b.id}`, |
| 71 | method: 'PATCH', |
| 72 | data: { |
| 73 | default_payment_method: (_c = this.editPaymentMethod) === null || _c === void 0 ? void 0 : _c.id, |
| 74 | cascade_default_payment_method: this.cascadeDefaultPaymentMethod, |
| 75 | }, |
| 76 | })); |
| 77 | this.editPaymentMethod = false; |
| 78 | } |
| 79 | catch (e) { |
| 80 | this.error = (e === null || e === void 0 ? void 0 : e.message) || wp.i18n.__('Something went wrong', 'surecart'); |
| 81 | } |
| 82 | finally { |
| 83 | this.busy = false; |
| 84 | } |
| 85 | try { |
| 86 | this.busy = true; |
| 87 | this.paymentMethods = (await apiFetch({ |
| 88 | path: addQueryArgs(`surecart/v1/payment_methods/`, { |
| 89 | expand: ['card', 'customer', 'billing_agreement', 'paypal_account', 'payment_instrument', 'bank_account'], |
| 90 | ...this.query, |
| 91 | }), |
| 92 | })); |
| 93 | } |
| 94 | catch (e) { |
| 95 | this.error = (e === null || e === void 0 ? void 0 : e.message) || wp.i18n.__('Something went wrong', 'surecart'); |
| 96 | } |
| 97 | finally { |
| 98 | this.busy = false; |
| 99 | } |
| 100 | } |
| 101 | /** Get all paymentMethods */ |
| 102 | async getPaymentMethods() { |
| 103 | if (!this.isCustomer) { |
| 104 | return; |
| 105 | } |
| 106 | try { |
| 107 | this.loading = true; |
| 108 | this.paymentMethods = (await apiFetch({ |
| 109 | path: addQueryArgs(`surecart/v1/payment_methods/`, { |
| 110 | expand: ['card', 'customer', 'billing_agreement', 'paypal_account', 'payment_instrument', 'bank_account'], |
| 111 | ...this.query, |
| 112 | per_page: 100, |
| 113 | }), |
| 114 | })); |
| 115 | } |
| 116 | catch (e) { |
| 117 | console.error(this.error); |
| 118 | this.error = (e === null || e === void 0 ? void 0 : e.message) || wp.i18n.__('Something went wrong', 'surecart'); |
| 119 | } |
| 120 | finally { |
| 121 | this.loading = false; |
| 122 | } |
| 123 | } |
| 124 | renderLoading() { |
| 125 | return (h("sc-card", { noPadding: true }, h("sc-stacked-list", null, h("sc-stacked-list-row", { style: { '--columns': '4' }, "mobile-size": 500 }, [...Array(4)].map(() => (h("sc-skeleton", { style: { width: '100px', display: 'inline-block' } }))))))); |
| 126 | } |
| 127 | renderEmpty() { |
| 128 | return (h("div", null, h("sc-divider", { style: { '--spacing': '0' } }), h("slot", { name: "empty" }, h("sc-empty", { icon: "credit-card" }, wp.i18n.__("You don't have any saved payment methods.", 'surecart'))))); |
| 129 | } |
| 130 | renderPaymentMethodActions(paymentMethod) { |
| 131 | const { id, customer } = paymentMethod; |
| 132 | // If this is a string, don't show the actions. |
| 133 | if (typeof customer === 'string') |
| 134 | return; |
| 135 | // If this is the default payment method and it cannot be detached, don't show the actions. |
| 136 | if (customer.default_payment_method === id && !this.canDetachDefaultPaymentMethod) |
| 137 | return; |
| 138 | return (h("sc-dropdown", { placement: "bottom-end", slot: "suffix" }, h("sc-icon", { role: "button", tabIndex: 0, name: "more-horizontal", slot: "trigger" }), h("sc-menu", null, customer.default_payment_method !== id && h("sc-menu-item", { onClick: () => (this.editPaymentMethod = paymentMethod) }, wp.i18n.__('Make Default', 'surecart')), h("sc-menu-item", { onClick: () => (this.deletePaymentMethod = paymentMethod) }, wp.i18n.__('Delete', 'surecart'))))); |
| 139 | } |
| 140 | renderList() { |
| 141 | return this.paymentMethods.map(paymentMethod => { |
| 142 | const { id, card, customer, live_mode, billing_agreement, paypal_account } = paymentMethod; |
| 143 | return (h("sc-stacked-list-row", { style: { '--columns': billing_agreement ? '2' : '3' } }, h("sc-payment-method", { paymentMethod: paymentMethod }), h("div", { class: "payment-id" }, !!(card === null || card === void 0 ? void 0 : card.exp_month) && (h("span", null, wp.i18n.__('Exp.', 'surecart'), card === null || card === void 0 ? void 0 : |
| 144 | card.exp_month, "/", card === null || card === void 0 ? void 0 : |
| 145 | card.exp_year)), !!paypal_account && (paypal_account === null || paypal_account === void 0 ? void 0 : paypal_account.email)), h("sc-flex", { "justify-content": "flex-start", "align-items": "center", style: { '--spacing': '0.5em', 'marginLeft': 'auto' } }, typeof customer !== 'string' && (customer === null || customer === void 0 ? void 0 : customer.default_payment_method) === id && h("sc-tag", { type: "info" }, wp.i18n.__('Default', 'surecart')), !live_mode && h("sc-tag", { type: "warning" }, wp.i18n.__('Test', 'surecart'))), this.renderPaymentMethodActions(paymentMethod))); |
| 146 | }); |
| 147 | } |
| 148 | renderContent() { |
| 149 | var _a; |
| 150 | if (!this.isCustomer) { |
| 151 | return this.renderEmpty(); |
| 152 | } |
| 153 | if (this.loading) { |
| 154 | return this.renderLoading(); |
| 155 | } |
| 156 | if (((_a = this.paymentMethods) === null || _a === void 0 ? void 0 : _a.length) === 0) { |
| 157 | return this.renderEmpty(); |
| 158 | } |
| 159 | return (h("sc-card", { "no-padding": true }, h("sc-stacked-list", null, this.renderList()))); |
| 160 | } |
| 161 | handleEditPaymentMethodChange() { |
| 162 | // reset when payment method edit changes |
| 163 | this.cascadeDefaultPaymentMethod = false; |
| 164 | } |
| 165 | render() { |
| 166 | return (h("sc-dashboard-module", { key: 'e92209433e067603d41ec2bd9d38e207f96908d4', class: "payment-methods-list", error: this.error }, h("span", { key: '4c4d68bb058cf048b29c80a9e9687bb3e92b0947', slot: "heading" }, h("slot", { key: '1e7e55cf8b86593f6087438a7eaf8bb27e8395db', name: "heading" }, this.heading || wp.i18n.__('Payment Methods', 'surecart'))), this.isCustomer && (h("sc-flex", { key: '3acfe318bd104baa5fd06c94e507ba7aa313571c', slot: "end" }, h("sc-button", { key: 'c46d9d3e765b94dd7d26bd1297ca1d6e8fb813fa', type: "link", href: addQueryArgs(window.location.href, { |
| 167 | action: 'index', |
| 168 | model: 'charge', |
| 169 | }) }, h("sc-icon", { key: '00270e2a2c5c4cb8d3e723c281fb837827d8e1e8', name: "clock", slot: "prefix" }), wp.i18n.__('Payment History', 'surecart')), h("sc-button", { key: '0c647fc31489abb3e364cf8bea7ce8b06110a0a9', type: "link", href: addQueryArgs(window.location.href, { |
| 170 | action: 'create', |
| 171 | model: 'payment_method', |
| 172 | }) }, h("sc-icon", { key: '593e75c55669d2750a7ef61e2a8a1a02ead78b82', name: "plus", slot: "prefix" }), wp.i18n.__('Add', 'surecart')))), this.renderContent(), h("sc-dialog", { key: '882ee6772c0e561787101a3b3a0ece4d6aef57d2', open: !!this.editPaymentMethod, label: wp.i18n.__('Update Default Payment Method', 'surecart'), onScRequestClose: () => (this.editPaymentMethod = false) }, h("sc-alert", { key: '16b0d67141bacfc6cb628cb612d367e644191529', type: "danger", open: !!this.error }, this.error), h("sc-flex", { key: '2444240887770dea937ce21bf6de92e9259a6975', flexDirection: "column", style: { '--sc-flex-column-gap': 'var(--sc-spacing-small)' } }, h("sc-alert", { key: 'b7c2dafa9f0686c1d3dadf8fdbd6701396824416', type: "info", open: true }, wp.i18n.__('A default payment method will be used as a fallback in case other payment methods get removed from a subscription.', 'surecart')), h("sc-switch", { key: 'db5fff91e517bbc7764010db34ba289970f7b624', checked: this.cascadeDefaultPaymentMethod, onScChange: e => (this.cascadeDefaultPaymentMethod = e.target.checked) }, wp.i18n.__('Update All Subscriptions', 'surecart'), h("span", { key: 'dbc1a593179f95dcf2e98036cfea8d7de7802b06', slot: "description" }, wp.i18n.__('Update all existing subscriptions to use this payment method', 'surecart')))), h("div", { key: '6f4f58b21e7e1079a69847d4b7cffa91e3720e0a', slot: "footer" }, h("sc-button", { key: '60f930412424779b8a26246cc60c68360b4767fb', type: "text", onClick: () => (this.editPaymentMethod = false) }, wp.i18n.__('Cancel', 'surecart')), h("sc-button", { key: 'd5e6d1900102d11cb73e28c71acf662e0017f388', type: "primary", onClick: () => this.setDefault() }, wp.i18n.__('Make Default', 'surecart'))), this.busy && h("sc-block-ui", { key: 'a809f0aba17df5cc3ee976811d25d406bdc749c9', spinner: true })), h("sc-dialog", { key: '6c628650bbc591128e6a5dfb9d7f86d946388527', open: !!this.deletePaymentMethod, label: wp.i18n.__('Delete Payment Method', 'surecart'), onScRequestClose: () => (this.deletePaymentMethod = false) }, h("sc-alert", { key: '8c8dfda309f1a43dbe1aaafb09eeb6c7c30775af', type: "danger", open: !!this.error }, this.error), h("sc-text", { key: '9bc4429a7b45adf2bc75b0009307cf10287d1eee' }, wp.i18n.__('Are you sure you want to remove this payment method?', 'surecart')), h("div", { key: '0cb7e02f9fbe805cdec25eb13f724fd62f83a2d4', slot: "footer" }, h("sc-button", { key: '5ba26761ae3bb9ce8f1574fdc88ad49ca48df8e9', type: "text", onClick: () => (this.deletePaymentMethod = false) }, wp.i18n.__('Cancel', 'surecart')), h("sc-button", { key: '8221a5fa04757965b6e52137145f79a20fb23807', type: "primary", onClick: () => this.deleteMethod() }, wp.i18n.__('Delete', 'surecart'))), this.busy && h("sc-block-ui", { key: 'e572201fdbd3e47860ab55fb1ce3eb0fff45ebe1', spinner: true })), this.busy && h("sc-block-ui", { key: '159176572d462ed7db6c8924b99983c18d835a44', spinner: true }))); |
| 173 | } |
| 174 | get el() { return getElement(this); } |
| 175 | static get watchers() { return { |
| 176 | "editPaymentMethod": ["handleEditPaymentMethodChange"] |
| 177 | }; } |
| 178 | }; |
| 179 | ScPaymentMethodsList.style = ScPaymentMethodsListStyle0; |
| 180 | |
| 181 | export { ScPaymentMethodsList as sc_payment_methods_list }; |
| 182 | |
| 183 | //# sourceMappingURL=sc-payment-methods-list.entry.js.map |