FileMaster
Search
Toggle Dark Mode
Home
/
.
/
wp-content
/
plugins
/
surecart
/
dist
/
components
/
cjs
Edit File: sc-subscription-variation-confirm.cjs.entry.js
'use strict'; Object.defineProperty(exports, '__esModule', { value: true }); const index = require('./index-8acc3c89.js'); const util = require('./util-b877b2bd.js'); const addQueryArgs = require('./add-query-args-49dcb630.js'); const scSubscriptionVariationConfirmCss = ":host{display:block}.sc-product-variation-choice-wrap{display:flex;flex-direction:column;gap:var(--sc-variation-gap, 12px)}"; const ScSubscriptionVariationConfirmStyle0 = scSubscriptionVariationConfirmCss; const ScSubscriptionVariationConfirm = class { constructor(hostRef) { index.registerInstance(this, hostRef); this.heading = undefined; this.product = undefined; this.price = undefined; this.subscription = undefined; this.busy = false; this.variantValues = []; // Bind the submit function to the component instance this.handleSubmit = this.handleSubmit.bind(this); } componentWillLoad() { var _a; this.variantValues = (_a = this.subscription) === null || _a === void 0 ? void 0 : _a.variant_options; } async handleSubmit() { var _a, _b, _c, _d; this.busy = true; const selectedVariant = util.getVariantFromValues({ variants: (_b = (_a = this.product) === null || _a === void 0 ? void 0 : _a.variants) === null || _b === void 0 ? void 0 : _b.data, values: this.variantValues }); // confirm ad_hoc amount. if ((_c = this.price) === null || _c === void 0 ? void 0 : _c.ad_hoc) { return window.location.assign(addQueryArgs.addQueryArgs(window.location.href, { action: 'confirm_amount', price_id: (_d = this.price) === null || _d === void 0 ? void 0 : _d.id, variant: selectedVariant === null || selectedVariant === void 0 ? void 0 : selectedVariant.id, })); } return window.location.assign(addQueryArgs.addQueryArgs(window.location.href, { action: 'confirm', variant: selectedVariant === null || selectedVariant === void 0 ? void 0 : selectedVariant.id, })); } buttonText() { var _a, _b, _c, _d; if ((_a = this.price) === null || _a === void 0 ? void 0 : _a.ad_hoc) { if (((_b = this.price) === null || _b === void 0 ? void 0 : _b.id) === ((_d = (_c = this.subscription) === null || _c === void 0 ? void 0 : _c.price) === null || _d === void 0 ? void 0 : _d.id)) { return wp.i18n.__('Update Amount', 'surecart'); } return wp.i18n.__('Choose Amount', 'surecart'); } return wp.i18n.__('Next', 'surecart'); } render() { var _a, _b; return (index.h("sc-dashboard-module", { key: '4a421841b01001aaa2dd43dedd90094ec1bffcf9', heading: this.heading || wp.i18n.__('Enter An Amount', 'surecart'), class: "subscription-switch" }, index.h("sc-card", { key: '2ce23936605fb3adf36824b720b84be1ada4ff36' }, index.h("sc-form", { key: '33dda8dee9d902f282bae556f27f3eabe335de32', onScSubmit: this.handleSubmit }, index.h("div", { key: 'b830d6118e280daa5cda4c8ea9b9bf37409946e9', class: "sc-product-variation-choice-wrap" }, (((_b = (_a = this.product) === null || _a === void 0 ? void 0 : _a.variant_options) === null || _b === void 0 ? void 0 : _b.data) || []).map(({ name, values, id }, index$1) => { var _a, _b; return (index.h("sc-select", { exportparts: "base:select__base, input, form-control, label, help-text, trigger, panel, caret, menu__base, spinner__base, empty", part: "name__input", value: ((_b = (_a = this.subscription) === null || _a === void 0 ? void 0 : _a.variant_options) === null || _b === void 0 ? void 0 : _b[index$1]) || '', onScChange: (e) => { this.variantValues[index$1] = e.detail.value; }, label: name, choices: values === null || values === void 0 ? void 0 : values.map(label => ({ label, value: label, })), unselect: false, key: id })); })), index.h("sc-button", { key: '64f6dbcba51b057f761ad1bbbe53dde1cb1ba27d', type: "primary", full: true, submit: true, loading: this.busy }, this.buttonText(), " ", index.h("sc-icon", { key: 'a8da70bc22713863e3d634a940d3eb592dc8745f', name: "arrow-right", slot: "suffix" })))), this.busy && index.h("sc-block-ui", { key: 'c345ee15f7342ebe416767c8f291af7e97489238', style: { zIndex: '9' } }))); } }; ScSubscriptionVariationConfirm.style = ScSubscriptionVariationConfirmStyle0; exports.sc_subscription_variation_confirm = ScSubscriptionVariationConfirm; //# sourceMappingURL=sc-subscription-variation-confirm.cjs.entry.js.map
Save
Back