v1.1.0 release notes

This release contains a broken import in the @vsf-enterprise/sapcc package which has been fixed in release 1.1.1.

In his release, we have:

Good to know

To verify any of the theme updates, you can download the latest version of the @vsf-enterprise/sapcc-theme package.

Reworked session management

In this release, we have reworked the session management for both authenticated and anonymous users. Read the new Session Management guide to find out more about handling access tokens and login on multiple devices.

The session management rework introduces a breaking change when it comes to creating custom API methods through extensions (opens new window). Make sure you read our new guide on Extending API methods (especially this part) and update all of your custom API methods. Also, keep the changes in mind while creating any new API methods in the future.

Electronics homepage

In this release, we have reworked our demo homepage. Now it is more aligned with SAP's Electronics Store content. The changes involved updating .vue components, translation files as well as static assets.

Theme updates:

  • ~/pages/Home.vue,
  • ~/lang/en.js,
  • ~/lang/ja.js,
  • ~/components/InstagramFeed.vue,
  • ~/static/homepage/electronics,

New Electronics home page

Global getSapImageUrl helper

In this release, we have added a global getSapImageUrl helper allowing us to build proper SAP product image URLs. Read the Displaying product images section of our Working with images guide to find out more about it.

Theme updates:

  • ~/plugins/image-helpers.ts,
  • ~/tests/unit/plugins/image-helpers/getSapImageUrl.spec.ts,
  • ~/nuxt.config.js

Notification system

In this release, we have added a notification system. Read our Handling notifications guide to find out more about it. We've also removed redundant notification logic from several .vue components.

Theme updates:

  • ~/components/MyAccount/AddReviewForm.vue,
  • ~/components/MyAccount/PasswordResetForm.vue,
  • ~/composables/useAppState/index.ts,
  • ~/helpers/constants.ts,
  • ~/lang/en.js,
  • ~/lang/ja.js,
  • ~/layouts/default.vue,
  • ~/nuxt.config.js,
  • ~/pages/Home.vue,
  • ~/plugins/notifications/index.ts,
  • ~/plugins/notifications/notifications.ts

UI notification example

User address picker

In this release, we have added an address picker component. It allows logged-in users to choose from their saved addresses while filling out a shipping form at checkout.

Theme updates:

  • ~/components/Checkout/DeliveryModes.vue
  • ~/pages/MyAccount/MyAddresses.vue
  • ~/pages/Checkout/Shipping.vue
  • ~/lang/ja.js
  • ~/lang/en.js
  • ~/components/MyAccount/UserAddressForm.vue
  • ~/components/Checkout/UserAddresses.vue
  • ~/components/Checkout/BillingForm.vue

Checkout address picker

Introduction →