Movatterモバイル変換

[0]ホーム

Currently being edited in Paris

Monocle Logo

Click here to discover more from Monocle

Episode 535
30 min

Review: ‘Licorice Pizza’

Play in Spotify Play in Apple Podcasts

My Account

Welcome to your MONOCLE account,. You can view your billing and address details here, as well as your subscriptions and purchase history.

Overview

Use this section to view your account details.

Edit

Name

Password

********

Subscription

Get details on your current subscription. For queries, or to make any changes, please contact our customer service team.

You do not have any active subscriptions.

Buy a subscription

Addresses

Use this section to view your billing and shipping address details.

Cards

a.id !== address.id);this.deletingAddress = false;}}catch (e) {console.error('Failed to delete address', e);alert('Failed to delete address: ' + e.message);}},isDefaultAddress(address) {return address.id === $store.monocleState.auth.user?.shipping?.accountAddressId;},async setDefaultAddress(address) {if (this.isDefaultAddress(address)) {return;}try {await $store.monocleState.wp.updateUserDefaultAddress(address.id,$store.monocleState.auth.user.email,$store.monocleState.wp.nonce,$store.monocleState.wp.wpRestNonce,);$store.monocleState.auth.user.shipping.accountAddressId = address.id;await $store.monocleState.shop.maybeUpdateCartShippingAddress();// Reload addresses and the subscription data to reflect the change.await loadData();} catch (error) {console.error('Failed to set default address', error);alert('Failed to set default address: ' + error.message);}},validateForm(form) {let isValid = true;const fields = form.querySelectorAll('input, select');fields.forEach((field) => {if (!this.validateField(field)) {isValid = false;}});return isValid;},validateField(field) {// Clear any previous error textconst errorEl = this.getErrorElement(field);if (errorEl) {errorEl.textContent = '';}if (field.type === 'checkbox') {return true;}const isValid = field.checkValidity();field.classList.toggle('user-valid', isValid);field.classList.toggle('user-invalid', !isValid);// If invalid, show error (unless it's a checkbox, which won't have an errorEl)if (!isValid) {this.showError(field);}return isValid;},getErrorElement(field) {if (field.type === 'checkbox') {// We do not display error text for checkboxesreturn null;}// If the next sibling is our .c-form__error container, use itconst nextEl = field.nextElementSibling;if (nextEl && nextEl.matches('.c-form__error')) {return nextEl;}return null;},showError(field) {// For checkboxes, we skip showing text entirelyconst errorEl = this.getErrorElement(field);if (!errorEl) return;// getErrorMessage is assumed to be a separate utility that returns a stringconst errorMessage = this.getErrorMessage(field);errorEl.textContent = errorMessage;},getErrorMessage(field) {if (field.name === 'password' && field.validity.valueMissing) {return `As part of our new site upgrade, existing account holders must reset their password.`;}if (field.validity.valueMissing) {return `This field is required.`;}if (field.validity.typeMismatch) {return `Please enter a valid ${field.type}.`;}if (field.validity.tooShort) {return `This field is too short. Minimum length is ${field.minLength}.`;}if (field.validity.tooLong) {return `This field is too long. Maximum length is ${field.maxLength}.`;}if (field.validity.patternMismatch) {return `Invalid format for this field is incorrect, please try again.`;}if (field.validity.customError) {return field.validationMessage;}return 'Invalid input.';},async saveAddress(event, address) {const form = event.target;const isValid = this.validateForm(form);if (!isValid) {return;}try {this.savingAddress = true;const setAsDefault = address.setAsDefault;delete address.setAsDefault;let newDefaultAddressId;if (address.id === 'new-address') {const { address: swellAddress } = await $store.monocleState.auth.createAddress(address);// Pop the new dummy address from the array to insert the address returned from Swelladdresses.pop();addresses.push(swellAddress);if (setAsDefault) {newDefaultAddressId = swellAddress.id;}}if (setAsDefault && newDefaultAddressId) {try {await $store.monocleState.wp.updateUserDefaultAddress(newDefaultAddressId,$store.monocleState.auth.user.email,$store.monocleState.wp.nonce,$store.monocleState.wp.wpRestNonce,);$store.monocleState.auth.user.shipping.accountAddressId = newDefaultAddressId;await $store.monocleState.shop.maybeUpdateCartShippingAddress();// Reload addresses and the subscription data to reflect the change.await loadData();}catch(e) {alert(e.message);}}this.addressFormOpen = false;this.savingAddress = false;} catch (error) {console.error('Failed to update address', error);alert('Failed to update address: ' + error.message);}}}"x-show="(addresses !== null && addresses.length > 0) || (cards !== null && cards.length > 0)">

Your Addresses

Add Address

Your Default Billing Address

No billing information available

Buy a subscription

History

Use this section to view your past orders.

Number	Date	Status	Total

You do not have any orders yet.

Buy a subscription

Newsletters

Choose which Monocle newsletters you would like to receive; you can opt in or out of them from here.

Communication

Choose how you would like to hear from Monocle; you can opt in or out of communications from here.

[8]ページ先頭

Movatterモバイル変換

Review: ‘Licorice Pizza’

Filter By

Topic

Format

Issues

Sign in to your account.

My Account

Overview

Name

Password

Subscription

+ ShippingActive

Subscription Address

Billing Address

Addresses

Cards

ending in

Your Addresses

Your Default Billing Address

History

Newsletters

Communication

Monocle Cart