MockProcessor-5c5e066a.js
1 month ago
MockProcessor-5c5e066a.js.map
1 month ago
add-query-args-0e2a8393.js
1 year ago
add-query-args-0e2a8393.js.map
1 year ago
address-b8e2e4c8.js
2 months ago
address-b8e2e4c8.js.map
2 months ago
animation-registry-de37bd7e.js
2 months ago
animation-registry-de37bd7e.js.map
2 months ago
app-globals-0eef0276.js
1 month ago
app-globals-0eef0276.js.map
1 month ago
consumer-f1775a76.js
1 month ago
consumer-f1775a76.js.map
1 month ago
currency-a0c9bff4.js
1 year ago
currency-a0c9bff4.js.map
1 year ago
error-b146b98f.js
4 days ago
error-b146b98f.js.map
4 days ago
fetch-cdff67be.js
2 weeks ago
fetch-cdff67be.js.map
2 weeks ago
floating-ui.dom.esm-8dce4ea1.js
5 months ago
floating-ui.dom.esm-8dce4ea1.js.map
5 months ago
form-data-76641f16.js
1 year ago
form-data-76641f16.js.map
1 year ago
functions-4f009ce1.js
2 months ago
functions-4f009ce1.js.map
2 months ago
geo-permission-62aea8ee.js
4 days ago
geo-permission-62aea8ee.js.map
4 days ago
getters-1049a6f8.js
1 month ago
getters-1049a6f8.js.map
1 month ago
getters-1477d792.js
1 month ago
getters-1477d792.js.map
1 month ago
getters-4b4a9eb5.js
4 days ago
getters-4b4a9eb5.js.map
4 days ago
getters-4bb6cc1b.js
1 month ago
getters-4bb6cc1b.js.map
1 month ago
getters-92cbd197.js
4 days ago
getters-92cbd197.js.map
4 days ago
google-a86aa761.js
1 year ago
google-a86aa761.js.map
1 year ago
google-ff13b5f8.js
2 weeks ago
google-ff13b5f8.js.map
2 weeks ago
google-maps-e8b00ffd.js
2 months ago
google-maps-e8b00ffd.js.map
2 months ago
index-18f5a1bc.js
1 month ago
index-18f5a1bc.js.map
1 month ago
index-1db2635f.js
1 year ago
index-1db2635f.js.map
1 year ago
index-25e5af33.js
1 month ago
index-25e5af33.js.map
1 month ago
index-4aa538b7.js
4 days ago
index-4aa538b7.js.map
4 days ago
index-824c562b.js
1 month ago
index-824c562b.js.map
1 month ago
index-871d88b8.js
1 year ago
index-871d88b8.js.map
1 year ago
index-c5a96d53.js
2 years ago
index-c5a96d53.js.map
2 years ago
index-d602bc13.js
2 weeks ago
index-d602bc13.js.map
2 weeks ago
index.js
4 days ago
index.js.map
4 days 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
1 month ago
library-1bd957d5.js.map
1 month ago
loader.js
4 days ago
loader.js.map
1 year ago
media-d21119a3.js
1 year ago
media-d21119a3.js.map
1 year ago
mutations-596ff451.js
4 days ago
mutations-596ff451.js.map
4 days ago
mutations-636921ce.js
4 days ago
mutations-636921ce.js.map
4 days ago
mutations-7458343f.js
1 month ago
mutations-7458343f.js.map
1 month ago
mutations-c99167c2.js
2 weeks ago
mutations-c99167c2.js.map
2 weeks ago
page-align-0cdacf32.js
1 year ago
page-align-0cdacf32.js.map
1 year ago
price-1ff6aa07.js
2 months ago
price-1ff6aa07.js.map
2 months ago
pure-963214cb.js
1 year ago
pure-963214cb.js.map
1 year ago
quantity-5c986f3d.js
2 months ago
quantity-5c986f3d.js.map
2 months ago
razorpay-4c4a3d31.js
2 months ago
razorpay-4c4a3d31.js.map
2 months ago
remove-query-args-938c53ea.js
1 year ago
remove-query-args-938c53ea.js.map
1 year ago
sc-address_5.entry.js
4 days ago
sc-address_5.entry.js.map
2 months ago
sc-alert.entry.js
4 days ago
sc-alert.entry.js.map
1 year ago
sc-avatar_2.entry.js
4 days ago
sc-avatar_2.entry.js.map
1 month ago
sc-badge-notice.entry.js
4 days ago
sc-badge-notice.entry.js.map
1 year ago
sc-block-ui.entry.js
4 days ago
sc-block-ui.entry.js.map
3 months ago
sc-breadcrumb.entry.js
4 days ago
sc-breadcrumb.entry.js.map
1 year ago
sc-breadcrumbs.entry.js
4 days ago
sc-breadcrumbs.entry.js.map
1 year ago
sc-button-group.entry.js
4 days ago
sc-button-group.entry.js.map
1 year ago
sc-button_6.entry.js
4 days ago
sc-button_6.entry.js.map
1 month ago
sc-cancel-dialog_3.entry.js
4 days ago
sc-cancel-dialog_3.entry.js.map
1 month ago
sc-cancel-discount_4.entry.js
4 days ago
sc-cancel-discount_4.entry.js.map
1 month ago
sc-card_2.entry.js
4 days ago
sc-card_2.entry.js.map
2 months ago
sc-cart-button.entry.js
4 days ago
sc-cart-button.entry.js.map
1 year ago
sc-cart-form-submit.entry.js
1 month ago
sc-cart-form-submit.entry.js.map
1 year ago
sc-cart-form.entry.js
4 days ago
sc-cart-form.entry.js.map
1 month ago
sc-cart-header.entry.js
4 days ago
sc-cart-header.entry.js.map
1 year ago
sc-cart-icon.entry.js
4 days ago
sc-cart-icon.entry.js.map
1 year ago
sc-cart-loader.entry.js
4 days ago
sc-cart-loader.entry.js.map
1 year ago
sc-cart-session-provider_3.entry.js
4 days ago
sc-cart-session-provider_3.entry.js.map
1 month ago
sc-cart-submit.entry.js
1 month ago
sc-cart-submit.entry.js.map
1 year ago
sc-cart.entry.js
4 days ago
sc-cart.entry.js.map
1 month ago
sc-cc-logo_2.entry.js
4 days ago
sc-cc-logo_2.entry.js.map
4 days ago
sc-charges-list.entry.js
4 days ago
sc-charges-list.entry.js.map
1 month ago
sc-checkout-autofill-provider_11.entry.js
4 days ago
sc-checkout-autofill-provider_11.entry.js.map
4 days ago
sc-checkout-form-errors.entry.js
1 month ago
sc-checkout-form-errors.entry.js.map
1 year ago
sc-checkout-mollie-payment_3.entry.js
4 days ago
sc-checkout-mollie-payment_3.entry.js.map
1 month ago
sc-checkout-product-price-variant-selector.entry.js
4 days ago
sc-checkout-product-price-variant-selector.entry.js.map
1 month ago
sc-checkout.entry.js
4 days ago
sc-checkout.entry.js.map
4 days ago
sc-choice-container.entry.js
4 days ago
sc-choice-container.entry.js.map
1 year ago
sc-choice.entry.js
4 days ago
sc-choice.entry.js.map
1 year ago
sc-choices.entry.js
4 days ago
sc-choices.entry.js.map
1 year ago
sc-column_2.entry.js
4 days ago
sc-column_2.entry.js.map
4 days ago
sc-compact-address_18.entry.js
4 days ago
sc-compact-address_18.entry.js.map
2 weeks ago
sc-conditional-form.entry.js
4 days ago
sc-conditional-form.entry.js.map
1 month ago
sc-consumer.entry.js
1 month ago
sc-consumer.entry.js.map
1 year ago
sc-coupon-form.entry.js
4 days ago
sc-coupon-form.entry.js.map
4 months ago
sc-custom-order-price-input.entry.js
2 weeks ago
sc-custom-order-price-input.entry.js.map
1 month ago
sc-customer-details.entry.js
4 days ago
sc-customer-details.entry.js.map
6 months ago
sc-customer-edit.entry.js
4 days ago
sc-customer-edit.entry.js.map
1 month ago
sc-customer-email.entry.js
4 days ago
sc-customer-email.entry.js.map
1 month ago
sc-customer-firstname.entry.js
4 days ago
sc-customer-firstname.entry.js.map
1 month ago
sc-customer-lastname.entry.js
4 days ago
sc-customer-lastname.entry.js.map
1 month ago
sc-customer-name.entry.js
4 days ago
sc-customer-name.entry.js.map
1 month ago
sc-dashboard-customer-details.entry.js
4 days ago
sc-dashboard-customer-details.entry.js.map
1 month ago
sc-dashboard-downloads-list.entry.js
4 days ago
sc-dashboard-downloads-list.entry.js.map
1 month ago
sc-dialog.entry.js
4 days ago
sc-dialog.entry.js.map
3 months ago
sc-divider.entry.js
4 days ago
sc-divider.entry.js.map
1 year ago
sc-donation-choices.entry.js
1 month ago
sc-donation-choices.entry.js.map
1 year ago
sc-downloads-list.entry.js
4 days ago
sc-downloads-list.entry.js.map
2 weeks ago
sc-dropdown_3.entry.js
4 days ago
sc-dropdown_3.entry.js.map
5 months ago
sc-empty_3.entry.js
4 days ago
sc-empty_3.entry.js.map
2 months ago
sc-express-payment.entry.js
4 days ago
sc-express-payment.entry.js.map
2 months ago
sc-feature-demo-banner.entry.js
4 days ago
sc-feature-demo-banner.entry.js.map
1 year ago
sc-flex.entry.js
4 days ago
sc-flex.entry.js.map
1 year ago
sc-form-control_2.entry.js
4 days ago
sc-form-control_2.entry.js.map
1 month ago
sc-form-row.entry.js
4 days ago
sc-form-row.entry.js.map
1 year ago
sc-form.entry.js
4 days ago
sc-form.entry.js.map
1 year ago
sc-format-bytes.entry.js
1 month ago
sc-format-bytes.entry.js.map
1 year ago
sc-format-interval.entry.js
1 month ago
sc-format-interval.entry.js.map
1 year ago
sc-format-number.entry.js
1 month ago
sc-format-number.entry.js.map
1 year ago
sc-fulfillment-shipping-status-badge.entry.js
1 month ago
sc-fulfillment-shipping-status-badge.entry.js.map
2 months ago
sc-fulfillments.entry.js
2 weeks ago
sc-fulfillments.entry.js.map
1 month ago
sc-heading_2.entry.js
4 days ago
sc-heading_2.entry.js.map
1 year ago
sc-image-slider.entry.js
4 days ago
sc-image-slider.entry.js.map
4 days ago
sc-invoice-status-badge.entry.js
4 days ago
sc-invoice-status-badge.entry.js.map
2 months ago
sc-invoices-list.entry.js
4 days ago
sc-invoices-list.entry.js.map
1 month ago
sc-license.entry.js
4 days ago
sc-license.entry.js.map
1 month ago
sc-licenses-list.entry.js
4 days ago
sc-licenses-list.entry.js.map
4 days ago
sc-line-item-bump.entry.js
4 days ago
sc-line-item-bump.entry.js.map
1 year ago
sc-line-item-total.entry.js
4 days ago
sc-line-item-total.entry.js.map
5 months ago
sc-line-item.entry.js
4 days ago
sc-line-item.entry.js.map
1 year ago
sc-line-items-provider.entry.js
4 days ago
sc-line-items-provider.entry.js.map
1 year ago
sc-line-items.entry.js
4 days ago
sc-line-items.entry.js.map
2 weeks ago
sc-login-form.entry.js
4 days ago
sc-login-form.entry.js.map
1 month ago
sc-manual-payment-method_3.entry.js
4 days ago
sc-manual-payment-method_3.entry.js.map
2 months ago
sc-menu-divider.entry.js
4 days ago
sc-menu-divider.entry.js.map
1 year ago
sc-menu-label_2.entry.js
4 days ago
sc-menu-label_2.entry.js.map
2 weeks ago
sc-mollie-add-method.entry.js
2 weeks ago
sc-mollie-add-method.entry.js.map
1 month ago
sc-order-confirmation-customer.entry.js
1 month ago
sc-order-confirmation-customer.entry.js.map
1 year ago
sc-order-confirmation-details.entry.js
1 month ago
sc-order-confirmation-details.entry.js.map
10 months ago
sc-order-confirmation-line-items_2.entry.js
4 days ago
sc-order-confirmation-line-items_2.entry.js.map
5 months ago
sc-order-confirmation.entry.js
4 days ago
sc-order-confirmation.entry.js.map
1 month ago
sc-order-coupon-form.entry.js
4 days ago
sc-order-coupon-form.entry.js.map
1 month ago
sc-order-detail.entry.js
1 month ago
sc-order-detail.entry.js.map
1 year ago
sc-order-fulfillment-badge.entry.js
4 days ago
sc-order-fulfillment-badge.entry.js.map
2 months ago
sc-order-manual-instructions.entry.js
1 month ago
sc-order-manual-instructions.entry.js.map
1 year ago
sc-order-password.entry.js
1 month ago
sc-order-password.entry.js.map
1 year ago
sc-order-return-badge.entry.js
4 days ago
sc-order-return-badge.entry.js.map
2 months ago
sc-order-shipment-badge.entry.js
1 month ago
sc-order-shipment-badge.entry.js.map
2 months ago
sc-order-status-badge.entry.js
4 days ago
sc-order-status-badge.entry.js.map
2 months ago
sc-order-submit.entry.js
4 days ago
sc-order-submit.entry.js.map
1 month ago
sc-order-summary.entry.js
4 days ago
sc-order-summary.entry.js.map
2 weeks ago
sc-order.entry.js
4 days ago
sc-order.entry.js.map
1 month ago
sc-orders-list.entry.js
4 days ago
sc-orders-list.entry.js.map
1 month ago
sc-pagination.entry.js
1 month ago
sc-pagination.entry.js.map
1 year ago
sc-password-nag.entry.js
2 weeks ago
sc-password-nag.entry.js.map
1 month ago
sc-password.entry.js
4 days ago
sc-password.entry.js.map
4 days ago
sc-payment-method-choice_2.entry.js
4 days ago
sc-payment-method-choice_2.entry.js.map
1 year ago
sc-payment-method-details.entry.js
4 days ago
sc-payment-method-details.entry.js.map
1 year ago
sc-payment-methods-list.entry.js
4 days ago
sc-payment-methods-list.entry.js.map
1 month ago
sc-payment.entry.js
4 days ago
sc-payment.entry.js.map
2 months ago
sc-paypal-add-method.entry.js
4 days ago
sc-paypal-add-method.entry.js.map
1 month ago
sc-paypal-buttons_2.entry.js
4 days ago
sc-paypal-buttons_2.entry.js.map
1 month ago
sc-paystack-add-method.entry.js
4 days ago
sc-paystack-add-method.entry.js.map
1 month ago
sc-pill-option.entry.js
4 days ago
sc-pill-option.entry.js.map
1 year ago
sc-popover.entry.js
4 days ago
sc-popover.entry.js.map
5 months ago
sc-premium-tag.entry.js
4 days 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 year ago
sc-price-choice.entry.js
2 weeks ago
sc-price-choice.entry.js.map
1 month ago
sc-price-choices.entry.js
4 days ago
sc-price-choices.entry.js.map
1 year ago
sc-price-input.entry.js
4 days ago
sc-price-input.entry.js.map
1 year ago
sc-price-range_4.entry.js
4 days ago
sc-price-range_4.entry.js.map
1 year ago
sc-price.entry.js
1 month ago
sc-price.entry.js.map
10 months ago
sc-product-buy-button.entry.js
4 days ago
sc-product-buy-button.entry.js.map
1 month ago
sc-product-donation-amount-choice.entry.js
4 days ago
sc-product-donation-amount-choice.entry.js.map
1 month ago
sc-product-donation-choices.entry.js
4 days ago
sc-product-donation-choices.entry.js.map
1 month ago
sc-product-donation-custom-amount.entry.js
4 days ago
sc-product-donation-custom-amount.entry.js.map
1 month ago
sc-product-item-list.entry.js
2 weeks ago
sc-product-item-list.entry.js.map
1 month ago
sc-product-item.entry.js
4 days ago
sc-product-item.entry.js.map
1 year ago
sc-product-pills-variant-option.entry.js
4 days ago
sc-product-pills-variant-option.entry.js.map
1 year ago
sc-product-price-choices.entry.js
2 weeks ago
sc-product-price-choices.entry.js.map
1 year ago
sc-product-price-modal.entry.js
4 days ago
sc-product-price-modal.entry.js.map
1 month ago
sc-product-price.entry.js
4 days ago
sc-product-price.entry.js.map
1 month ago
sc-product-quantity.entry.js
4 days ago
sc-product-quantity.entry.js.map
1 year ago
sc-product-selected-price.entry.js
4 days ago
sc-product-selected-price.entry.js.map
1 month ago
sc-product-text.entry.js
2 weeks ago
sc-product-text.entry.js.map
1 year ago
sc-provider.entry.js
1 month ago
sc-provider.entry.js.map
1 year ago
sc-provisional-banner.entry.js
4 days ago
sc-provisional-banner.entry.js.map
10 months ago
sc-purchase-downloads-list.entry.js
4 days ago
sc-purchase-downloads-list.entry.js.map
2 weeks ago
sc-razorpay-add-method.entry.js
4 days ago
sc-razorpay-add-method.entry.js.map
1 month ago
sc-recurring-price-choice-container.entry.js
1 month ago
sc-recurring-price-choice-container.entry.js.map
1 year ago
sc-review-stars.entry.js
1 month ago
sc-review-stars.entry.js.map
4 months ago
sc-rich-text.entry.js
4 days ago
sc-rich-text.entry.js.map
4 days ago
sc-skeleton.entry.js
4 days ago
sc-skeleton.entry.js.map
1 year ago
sc-spacing.entry.js
4 days ago
sc-spacing.entry.js.map
1 year ago
sc-stripe-add-method.entry.js
4 days ago
sc-stripe-add-method.entry.js.map
1 month ago
sc-stripe-element.entry.js
4 days ago
sc-stripe-element.entry.js.map
1 month ago
sc-stripe-payment-element.entry.js
4 days ago
sc-stripe-payment-element.entry.js.map
1 month ago
sc-stripe-payment-request.entry.js
4 days ago
sc-stripe-payment-request.entry.js.map
1 month ago
sc-subscription-ad-hoc-confirm.entry.js
4 days ago
sc-subscription-ad-hoc-confirm.entry.js.map
5 months ago
sc-subscription-details_2.entry.js
4 days ago
sc-subscription-details_2.entry.js.map
1 month ago
sc-subscription-payment-method.entry.js
4 days ago
sc-subscription-payment-method.entry.js.map
1 month ago
sc-subscription-payment.entry.js
4 days ago
sc-subscription-payment.entry.js.map
1 month ago
sc-subscription-switch.entry.js
2 weeks ago
sc-subscription-switch.entry.js.map
1 month ago
sc-subscription-variation-confirm.entry.js
4 days ago
sc-subscription-variation-confirm.entry.js.map
1 year ago
sc-subscription.entry.js
4 days ago
sc-subscription.entry.js.map
1 month ago
sc-subscriptions-list.entry.js
4 days ago
sc-subscriptions-list.entry.js.map
1 month ago
sc-summary.entry.js
4 days ago
sc-summary.entry.js.map
1 year ago
sc-swap.entry.js
4 days ago
sc-swap.entry.js.map
1 month ago
sc-switch.entry.js
4 days ago
sc-switch.entry.js.map
6 months ago
sc-tab-group.entry.js
4 days ago
sc-tab-group.entry.js.map
1 year ago
sc-tab-panel.entry.js
4 days ago
sc-tab-panel.entry.js.map
1 year ago
sc-tab.entry.js
4 days ago
sc-tab.entry.js.map
1 year ago
sc-table-head.entry.js
4 days ago
sc-table-head.entry.js.map
1 year ago
sc-table_3.entry.js
4 days ago
sc-table_3.entry.js.map
8 months ago
sc-tag.entry.js
4 days ago
sc-tag.entry.js.map
2 months ago
sc-test-mode-info.entry.js
4 days ago
sc-test-mode-info.entry.js.map
5 months ago
sc-text.entry.js
4 days ago
sc-text.entry.js.map
1 year ago
sc-toggle.entry.js
4 days ago
sc-toggle.entry.js.map
1 year ago
sc-toggles.entry.js
4 days ago
sc-toggles.entry.js.map
1 year ago
sc-total.entry.js
4 days ago
sc-total.entry.js.map
10 months ago
sc-upcoming-invoice.entry.js
4 days ago
sc-upcoming-invoice.entry.js.map
1 month ago
sc-upgrade-required.entry.js
1 month ago
sc-upgrade-required.entry.js.map
1 year ago
sc-upsell-countdown-timer.entry.js
4 days ago
sc-upsell-countdown-timer.entry.js.map
1 year ago
sc-upsell-no-thanks-button.entry.js
4 days ago
sc-upsell-no-thanks-button.entry.js.map
1 month ago
sc-upsell-submit-button.entry.js
4 days ago
sc-upsell-submit-button.entry.js.map
1 month ago
sc-upsell-totals.entry.js
4 days ago
sc-upsell-totals.entry.js.map
1 month ago
sc-upsell.entry.js
4 days ago
sc-upsell.entry.js.map
1 month ago
sc-verification-code.entry.js
4 days ago
sc-verification-code.entry.js.map
1 month ago
sc-visually-hidden.entry.js
4 days ago
sc-visually-hidden.entry.js.map
1 year ago
sc-wordpress-password-edit.entry.js
4 days ago
sc-wordpress-password-edit.entry.js.map
1 month ago
sc-wordpress-user-edit.entry.js
4 days ago
sc-wordpress-user-edit.entry.js.map
1 month ago
sc-wordpress-user.entry.js
4 days ago
sc-wordpress-user.entry.js.map
1 year ago
store-02394e82.js
1 month ago
store-02394e82.js.map
1 month ago
store-289e460c.js
1 month ago
store-289e460c.js.map
1 month ago
store-b1758b00.js
1 month ago
store-b1758b00.js.map
1 month ago
surecart.js
4 days ago
surecart.js.map
1 year ago
tax-a03623ca.js
1 year ago
tax-a03623ca.js.map
1 year ago
universe-7bd0ac2b.js
1 month ago
universe-7bd0ac2b.js.map
1 month ago
util-dfbf863e.js
1 month ago
util-dfbf863e.js.map
1 month ago
utils-f84b2118.js
2 months ago
utils-f84b2118.js.map
2 months ago
watchers-17c3cde1.js
2 weeks ago
watchers-17c3cde1.js.map
2 weeks ago
watchers-35242771.js
2 weeks ago
watchers-35242771.js.map
2 weeks ago
watchers-447890ff.js
4 days ago
watchers-447890ff.js.map
4 days ago
watchers-c7bbc6b2.js
1 month ago
watchers-c7bbc6b2.js.map
1 month ago
watchers-fb5eec9b.js
4 days ago
watchers-fb5eec9b.js.map
4 days ago
sc-subscription-switch.entry.js
240 lines
| 1 | import { r as registerInstance, h, F as Fragment, a as getElement } from './index-25e5af33.js'; |
| 2 | import './fetch-cdff67be.js'; |
| 3 | import { o as onFirstVisible } from './lazy-deb42890.js'; |
| 4 | import { i as intervalString } from './price-1ff6aa07.js'; |
| 5 | import { a as addQueryArgs } from './add-query-args-0e2a8393.js'; |
| 6 | import { a as apiFetch } from './index-824c562b.js'; |
| 7 | import './remove-query-args-938c53ea.js'; |
| 8 | import './currency-a0c9bff4.js'; |
| 9 | |
| 10 | const scSubscriptionSwitchCss = ":host{display:block;position:relative}[hidden]{display:none !important}.subscriptions-switch{display:grid;gap:0.5em}.subscriptions-switch__switcher{background:rgba(0, 0, 0, 0.035);padding:2px;line-height:1;border-radius:var(--sc-border-radius-small)}"; |
| 11 | const ScSubscriptionSwitchStyle0 = scSubscriptionSwitchCss; |
| 12 | |
| 13 | const ScSubscriptionSwitch = class { |
| 14 | constructor(hostRef) { |
| 15 | registerInstance(this, hostRef); |
| 16 | this.query = undefined; |
| 17 | this.heading = undefined; |
| 18 | this.productGroupId = undefined; |
| 19 | this.productId = undefined; |
| 20 | this.subscription = undefined; |
| 21 | this.filterAbove = 4; |
| 22 | this.successUrl = window.location.href; |
| 23 | this.selectedPrice = undefined; |
| 24 | this.products = []; |
| 25 | this.prices = undefined; |
| 26 | this.filter = 'month'; |
| 27 | this.hasFilters = undefined; |
| 28 | this.showFilters = undefined; |
| 29 | this.loading = undefined; |
| 30 | this.busy = undefined; |
| 31 | this.error = undefined; |
| 32 | } |
| 33 | componentWillLoad() { |
| 34 | onFirstVisible(this.el, async () => { |
| 35 | try { |
| 36 | this.loading = true; |
| 37 | await Promise.all([this.getGroup(), this.getProductPrices()]); |
| 38 | } |
| 39 | catch (e) { |
| 40 | console.error(e); |
| 41 | if (e === null || e === void 0 ? void 0 : e.message) { |
| 42 | this.error = e.message; |
| 43 | } |
| 44 | else { |
| 45 | this.error = wp.i18n.__('Something went wrong', 'surecart'); |
| 46 | } |
| 47 | } |
| 48 | finally { |
| 49 | this.loading = false; |
| 50 | } |
| 51 | }); |
| 52 | this.handleSubscriptionChange(); |
| 53 | } |
| 54 | handleProductsChange() { |
| 55 | var _a; |
| 56 | this.prices = this.products |
| 57 | .map(product => { var _a; return (_a = product === null || product === void 0 ? void 0 : product.prices) === null || _a === void 0 ? void 0 : _a.data; }) |
| 58 | .flat() |
| 59 | .filter((v, i, a) => a.findIndex(t => t.id === v.id) === i) // remove duplicates. |
| 60 | .filter(price => !(price === null || price === void 0 ? void 0 : price.archived)) // remove archived |
| 61 | .filter(price => price.portal_subscription_update_enabled); // only show prices that can be upgraded to. |
| 62 | this.showFilters = ((_a = this.prices) === null || _a === void 0 ? void 0 : _a.length) > this.filterAbove; |
| 63 | } |
| 64 | handlePricesChange(val, prev) { |
| 65 | if (!(prev === null || prev === void 0 ? void 0 : prev.length) && (val === null || val === void 0 ? void 0 : val.length)) { |
| 66 | this.selectedPrice = val.find(price => { var _a, _b; return price.id === ((_b = (_a = this.subscription) === null || _a === void 0 ? void 0 : _a.price) === null || _b === void 0 ? void 0 : _b.id); }); |
| 67 | } |
| 68 | this.hasFilters = { |
| 69 | ...this.hasFilters, |
| 70 | split: this.prices.some(price => !!(price === null || price === void 0 ? void 0 : price.recurring_period_count) && !(price === null || price === void 0 ? void 0 : price.archived)), |
| 71 | month: this.prices.some(price => price.recurring_interval === 'month' && !(price === null || price === void 0 ? void 0 : price.recurring_period_count) && !(price === null || price === void 0 ? void 0 : price.archived)), |
| 72 | year: this.prices.some(price => price.recurring_interval === 'year' && !(price === null || price === void 0 ? void 0 : price.recurring_period_count) && !(price === null || price === void 0 ? void 0 : price.archived)), |
| 73 | never: this.prices.some(price => (price.recurring_interval === 'never' || !price.recurring_interval) && !(price === null || price === void 0 ? void 0 : price.archived)), |
| 74 | }; |
| 75 | } |
| 76 | handleSubscriptionChange() { |
| 77 | var _a, _b; |
| 78 | this.filter = ((_b = (_a = this.subscription) === null || _a === void 0 ? void 0 : _a.price) === null || _b === void 0 ? void 0 : _b.recurring_interval) || 'month'; |
| 79 | } |
| 80 | hasMultipleFilters() { |
| 81 | return Object.values(this.hasFilters || {}).filter(v => !!v).length > 1; |
| 82 | } |
| 83 | /** Get all subscriptions */ |
| 84 | async getGroup() { |
| 85 | if (!this.productGroupId) |
| 86 | return; |
| 87 | const products = (await await apiFetch({ |
| 88 | path: addQueryArgs(`surecart/v1/products/`, { |
| 89 | product_group_ids: [this.productGroupId], |
| 90 | expand: ['prices'], |
| 91 | ...this.query, |
| 92 | }), |
| 93 | })); |
| 94 | this.products = [...this.products, ...products]; |
| 95 | } |
| 96 | /** Get the product's prices. */ |
| 97 | async getProductPrices() { |
| 98 | if (!this.productId) |
| 99 | return; |
| 100 | const product = (await await apiFetch({ |
| 101 | path: addQueryArgs(`surecart/v1/products/${this.productId}`, { |
| 102 | expand: ['prices'], |
| 103 | }), |
| 104 | })); |
| 105 | this.products = [...this.products, ...[product]]; |
| 106 | } |
| 107 | async handleSubmit(e) { |
| 108 | var _a, _b, _c, _d, _e, _f, _g, _h; |
| 109 | const { plan } = await e.target.getFormJson(); |
| 110 | const price = this.prices.find(p => p.id === plan); |
| 111 | const currentPlan = (_a = this.subscription) === null || _a === void 0 ? void 0 : _a.price; |
| 112 | if ((price === null || price === void 0 ? void 0 : price.id) === currentPlan.id && !(price === null || price === void 0 ? void 0 : price.ad_hoc) && !((_c = (_b = this.subscription) === null || _b === void 0 ? void 0 : _b.variant_options) === null || _c === void 0 ? void 0 : _c.length)) |
| 113 | return; |
| 114 | // confirm product variation. |
| 115 | if ((_e = (_d = this.subscription) === null || _d === void 0 ? void 0 : _d.variant_options) === null || _e === void 0 ? void 0 : _e.length) { |
| 116 | this.busy = true; |
| 117 | return window.location.assign(addQueryArgs(this.successUrl, { |
| 118 | action: 'confirm_variation', |
| 119 | price_id: plan, |
| 120 | ...(((_f = this.subscription) === null || _f === void 0 ? void 0 : _f.live_mode) === false ? { live_mode: false } : {}), |
| 121 | })); |
| 122 | } |
| 123 | // confirm ad_hoc amount. |
| 124 | if (price === null || price === void 0 ? void 0 : price.ad_hoc) { |
| 125 | this.busy = true; |
| 126 | return window.location.assign(addQueryArgs(this.successUrl, { |
| 127 | action: 'confirm_amount', |
| 128 | price_id: plan, |
| 129 | ...(((_g = this.subscription) === null || _g === void 0 ? void 0 : _g.live_mode) === false ? { live_mode: false } : {}), |
| 130 | })); |
| 131 | } |
| 132 | // confirm plan. |
| 133 | this.busy = true; |
| 134 | window.location.assign(addQueryArgs(this.successUrl, { |
| 135 | action: 'confirm', |
| 136 | price_id: plan, |
| 137 | ...(((_h = this.subscription) === null || _h === void 0 ? void 0 : _h.live_mode) === false ? { live_mode: false } : {}), |
| 138 | })); |
| 139 | } |
| 140 | renderSwitcher() { |
| 141 | if (!this.hasMultipleFilters()) |
| 142 | return; |
| 143 | if (!this.showFilters) |
| 144 | return; |
| 145 | return (h("sc-flex", { slot: "end", class: "subscriptions-switch__switcher" }, this.hasFilters.month && (h("sc-button", { onClick: () => (this.filter = 'month'), size: "small", type: this.filter === 'month' ? 'default' : 'text' }, wp.i18n.__('Monthly', 'surecart'))), this.hasFilters.week && (h("sc-button", { onClick: () => (this.filter = 'week'), size: "small", type: this.filter === 'week' ? 'default' : 'text' }, wp.i18n.__('Weekly', 'surecart'))), this.hasFilters.year && (h("sc-button", { onClick: () => (this.filter = 'year'), size: "small", type: this.filter === 'year' ? 'default' : 'text' }, wp.i18n.__('Yearly', 'surecart'))), this.hasFilters.never && (h("sc-button", { onClick: () => (this.filter = 'never'), size: "small", type: this.filter === 'never' ? 'default' : 'text' }, wp.i18n.__('Lifetime', 'surecart'))), this.hasFilters.split && (h("sc-button", { onClick: () => (this.filter = 'split'), size: "small", type: this.filter === 'split' ? 'default' : 'text' }, wp.i18n.__('Payment Plan', 'surecart'))))); |
| 146 | } |
| 147 | renderLoading() { |
| 148 | return (h("sc-choice", { name: "loading", disabled: true }, h("sc-skeleton", { style: { width: '60px', display: 'inline-block' } }), h("sc-skeleton", { style: { width: '80px', display: 'inline-block' }, slot: "price" }), h("sc-skeleton", { style: { width: '120px', display: 'inline-block' }, slot: "description" }))); |
| 149 | } |
| 150 | /** Is the price hidden or not */ |
| 151 | isHidden(price) { |
| 152 | // don't hide if no filters or has no multiple filters available. |
| 153 | if (!this.showFilters || !this.hasMultipleFilters()) |
| 154 | return false; |
| 155 | // hide if the filter does not match the recurring interval. |
| 156 | let hidden = this.filter !== price.recurring_interval; |
| 157 | // if filter is never, show prices with non-recurring interval. |
| 158 | if (this.filter === 'never' && !(price === null || price === void 0 ? void 0 : price.recurring_interval)) { |
| 159 | hidden = false; |
| 160 | } |
| 161 | // if filter is split, show prices with a recurring_period_count. |
| 162 | if (this.filter === 'split' && (price === null || price === void 0 ? void 0 : price.recurring_period_count)) { |
| 163 | hidden = false; |
| 164 | } |
| 165 | return hidden; |
| 166 | } |
| 167 | renderContent() { |
| 168 | if (this.loading) { |
| 169 | return this.renderLoading(); |
| 170 | } |
| 171 | return (h("sc-choices", { required: true }, h("div", null, (this.prices || []) |
| 172 | .filter(price => !price.archived) |
| 173 | .filter(price => { var _a; return (price === null || price === void 0 ? void 0 : price.currency) === ((_a = this.subscription) === null || _a === void 0 ? void 0 : _a.currency); }) |
| 174 | .sort((a, b) => a.amount - b.amount) |
| 175 | .map(price => { |
| 176 | var _a, _b; |
| 177 | const currentPlan = ((_b = (_a = this.subscription) === null || _a === void 0 ? void 0 : _a.price) === null || _b === void 0 ? void 0 : _b.id) === (price === null || price === void 0 ? void 0 : price.id); |
| 178 | const product = this.products.find(product => product.id === (price === null || price === void 0 ? void 0 : price.product)); |
| 179 | return (h("sc-choice", { key: price === null || price === void 0 ? void 0 : price.id, checked: currentPlan, name: "plan", value: price === null || price === void 0 ? void 0 : price.id, hidden: this.isHidden(price), onScChange: e => { |
| 180 | if (e.detail) { |
| 181 | this.selectedPrice = this.prices.find(p => p.id === (price === null || price === void 0 ? void 0 : price.id)); |
| 182 | } |
| 183 | } }, h("div", null, h("strong", null, product === null || product === void 0 ? void 0 : |
| 184 | product.name, " ", (price === null || price === void 0 ? void 0 : price.name) && h(Fragment, null, " \u2014 ", price === null || price === void 0 ? void 0 : |
| 185 | price.name))), h("div", { slot: "description" }, (price === null || price === void 0 ? void 0 : price.ad_hoc) ? (`${wp.i18n.__('Custom amount', 'surecart')} ${intervalString(price)}`) : (h(Fragment, null, h("sc-format-number", { type: "currency", currency: (price === null || price === void 0 ? void 0 : price.currency) || 'usd', value: price === null || price === void 0 ? void 0 : price.amount }), " ", intervalString(price, { showOnce: true })))), currentPlan && (h("sc-tag", { type: "warning", slot: "price" }, wp.i18n.__('Current Plan', 'surecart'))))); |
| 186 | })))); |
| 187 | } |
| 188 | buttonText() { |
| 189 | var _a, _b, _c, _d, _e, _f, _g, _h, _j; |
| 190 | if ((_b = (_a = this.subscription) === null || _a === void 0 ? void 0 : _a.variant_options) === null || _b === void 0 ? void 0 : _b.length) { |
| 191 | if (((_c = this.selectedPrice) === null || _c === void 0 ? void 0 : _c.id) === ((_e = (_d = this.subscription) === null || _d === void 0 ? void 0 : _d.price) === null || _e === void 0 ? void 0 : _e.id)) { |
| 192 | return wp.i18n.__('Update Options', 'surecart'); |
| 193 | } |
| 194 | else { |
| 195 | return wp.i18n.__('Choose Options', 'surecart'); |
| 196 | } |
| 197 | } |
| 198 | if ((_f = this.selectedPrice) === null || _f === void 0 ? void 0 : _f.ad_hoc) { |
| 199 | if (((_g = this.selectedPrice) === null || _g === void 0 ? void 0 : _g.id) === ((_j = (_h = this.subscription) === null || _h === void 0 ? void 0 : _h.price) === null || _j === void 0 ? void 0 : _j.id)) { |
| 200 | return wp.i18n.__('Update Amount', 'surecart'); |
| 201 | } |
| 202 | else { |
| 203 | return wp.i18n.__('Choose Amount', 'surecart'); |
| 204 | } |
| 205 | } |
| 206 | return wp.i18n.__('Next', 'surecart'); |
| 207 | } |
| 208 | buttonDisabled() { |
| 209 | var _a, _b, _c, _d, _e; |
| 210 | if ((_a = this.subscription) === null || _a === void 0 ? void 0 : _a.variant_options) { |
| 211 | return false; |
| 212 | } |
| 213 | return ((_c = (_b = this.subscription) === null || _b === void 0 ? void 0 : _b.price) === null || _c === void 0 ? void 0 : _c.id) === ((_d = this.selectedPrice) === null || _d === void 0 ? void 0 : _d.id) && !((_e = this.selectedPrice) === null || _e === void 0 ? void 0 : _e.ad_hoc); |
| 214 | } |
| 215 | render() { |
| 216 | var _a, _b, _c, _d, _e, _f; |
| 217 | // we are not loading and we don't have enough prices to switch. |
| 218 | if (!this.loading && ((_a = this.prices) === null || _a === void 0 ? void 0 : _a.length) < 2) { |
| 219 | if (!((_c = (_b = this.prices) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.ad_hoc) && !((_e = (_d = this.subscription) === null || _d === void 0 ? void 0 : _d.variant_options) === null || _e === void 0 ? void 0 : _e.length)) { |
| 220 | return null; |
| 221 | } |
| 222 | } |
| 223 | // subscription is a payment plan. |
| 224 | if ((_f = this.subscription) === null || _f === void 0 ? void 0 : _f.finite) { |
| 225 | return (h("sc-alert", { type: "info", open: true }, wp.i18n.__('To make changes to your payment plan, please contact us.', 'surecart'))); |
| 226 | } |
| 227 | return (h("sc-dashboard-module", { heading: this.heading || wp.i18n.__('Update Plan', 'surecart'), class: "subscription-switch", error: this.error }, h("span", { slot: "end" }, this.renderSwitcher()), h("sc-form", { class: "subscriptions-switch", onScFormSubmit: e => this.handleSubmit(e) }, this.renderContent(), h("sc-button", { type: "primary", full: true, submit: true, loading: this.loading || this.busy, disabled: this.buttonDisabled() }, this.buttonText(), " ", h("sc-icon", { name: "arrow-right", slot: "suffix" })), this.busy && h("sc-block-ui", { style: { zIndex: '9' } })))); |
| 228 | } |
| 229 | get el() { return getElement(this); } |
| 230 | static get watchers() { return { |
| 231 | "products": ["handleProductsChange"], |
| 232 | "prices": ["handlePricesChange"], |
| 233 | "subscription": ["handleSubscriptionChange"] |
| 234 | }; } |
| 235 | }; |
| 236 | ScSubscriptionSwitch.style = ScSubscriptionSwitchStyle0; |
| 237 | |
| 238 | export { ScSubscriptionSwitch as sc_subscription_switch }; |
| 239 | |
| 240 | //# sourceMappingURL=sc-subscription-switch.entry.js.map |