10-Jul-2026 • 48398C • Table Of Contents Login Registration Token Lifetime Logout This document describes the main authentication mechanism if the ICM server is used as identity provider. If you need an introduction to this topic, read the Authentication Concept first. Login If the user wants to login by clicking a login link

10-Jul-2026 • 483C97 • Table Of Contents Architecture State Selectors Actions Reducers Effects Facades Context Facades File Structure Core Store Structure Naming Actions - Types Actions - Creators Reducer State Selectors Facades - Streams Facades - Action Dispatchers Entity State Adapter for Managing Record Collections: @ngrx/entity

10-Jul-2026 • 483R96 • To enable user tracking and setting it up with Google Tag Manager, the popular library Angulartics2 is used. Note The standard Intershop PWA Google Tag Manager integration is very basic and currently only supports the tracking of route changes. Please refer to the angulartics2 documentation for information

10-Jul-2026 • 48S395 • Table Of Contents Introduction Library angular-oauth2-oidc Implementation and Configuration of Identity Providers PWA Initialization Login, Registration, Token Refreshment, Logout Vanishing of the apiToken Cookie Further References Introduction Several ICM REST operations require an authenticated user

10-Jul-2026 • K48394 • Table Of Contents Set up an Intershop PWA-based Project Start Customization Specific Concerns Components Theme-Specific Overrides Existing Features New Features Data NgRx Testing Styling Static Assets Dependencies Cypress Tests Import Changes from New PWA Release (Migration) 1. Range Cherry Pick of New

10-Jul-2026 • 483D93 • Table Of Contents Setup Workflow Further References We integrated Address Doctor to verify address data for correctness. The current integration is based on the Address Doctor API 6.0.0. Setup First, activate the feature toggle addressDoctor . You will also have to provide the endpoint and additional

10-Jul-2026 • 48N392 • Table Of Contents Introduction Workflow Check the Accessibility of a Page ESLint Rules Partially Automated Testing Google Lighthouse Silktide - Accessibility Checker WAVE - Web Accessibility Evaluation Tool IBM - Equal Access Accessibility Checker Manual Testing Keyboard Screen Reader Further References

10-Jul-2026 • 48G391 • To enable Store Locator, add storeLocator to the feature list in your environment file. This will enable a page where users can search for stores based on a country, city and/or postal code. Google Maps Integration Store Locator provides an optional Google Maps integration using the Google Maps JavaScript

10-Jul-2026 • B48390 • NGINX Optimizations NGINX Optimizations Custom Webpack Build PurgeCSS Safelisting Development Further References The NGINX building block applies: Compression of responses ngx_brotli is used to compress files on NGINX because Brotli has a better compression ratio compared to gzip. The configuration of

10-Jul-2026 • 4N8389 • Table Of Contents Overview The Field Library Retrieving Configurations Retrieving Configuration Groups Defining Your Own Configurations & Configuration Groups Defining a FieldLibraryConfiguration Defining a FieldLibraryConfigurationGroup Automatic Field Replacement Using the '#' Pseudo-Type Address Forms

10-Jul-2026 • 48D388 • Table Of Contents Building Building Multiple Themes Running Development Local ICM Cache Heap Dumps Creation Analysis Further References Building To simply build the Intershop PWA in server-side rendering mode, you can use the package.json script npm run build , which builds the Intershop PWA with the

10-Jul-2026 • 4838G7 • Table Of Contents Local Environment Configuration Development Server Testing Production Setups Development Tools Pre-Commit Check Clean Working Copy Visual Studio Code Remote Development Debugging Browser Extensions Tackling Memory Problems Recommended Articles Parallelism Developing with the Intershop

10-Jul-2026 • U48386 • Table Of Contents Configuration Configuration Parameters Explained Multi-Site Configurations Versioning of SPARQUE Service Requests Feature Toggle Behavior Available Feature Toggles Personalization of SPARQUE Requests Provider Concept Search Suggestions Feature Search Box Component Recent Search Terms

10-Jul-2026 • 4838M5 • Table Of Contents Introduction Transition Deadline Scope of PCI DSS 4.0 Guide Structure and Coverage PCI DSS 4.0 Applicability Secure Angular PWA Code & Dependencies Prevent Cross-Site Scripting (XSS) Attacks Secure API Calls & Prevent CORS Attacks Use Secure HTTP Headers to Prevent Browser Attacks Enforce

10-Jul-2026 • 48D384 • Table Of Contents Introduction High Level Overview Integration of the CAPTCHA Components Basic Components CAPTCHA V2 (captcha-v2.component.ts) CAPTCHA V3 (captcha-v3.component.ts) Further References Introduction The PWA supports reCAPTCHA V2 as well as reCAPTCHA V3. Which CAPTCHA version is used depends

10-Jul-2026 • 4L8383 • Table Of Contents Configuration Additional chatflowConfig Variables Customize Chatbot Override Chatbot Styling handleToolCall Actions The Intershop PWA provides an integration with Intershop Copilot for Buyers. Official Intershop Documentation: Overview - Intershop Copilot for Buyers The Intershop Copilot

10-Jul-2026 • S48382 • Table Of Contents Overview Formly-Form Component FormlyFieldConfig Customizing Form Logic Custom Field Types Custom Wrappers Custom Extensions Validation Extras Formly Config Service Testing Formly Testing Custom Types Testing Wrappers Configuring Formly Intershop's Custom Formly Parts Field Types Wrappers

10-Jul-2026 • 483S81 • Table Of Contents Configuring ESLint Custom ESLint Rules Further Reading The PWA uses ESLint for static code analysis and to enforce best practices. In order to use ESLint with Angular, we use the typescript-eslint and angular-eslint packages extensively. The PWA's ruleset is configured in eslint.config

07-Jul-2026 • 483K80 • Table Of Contents Motivation Configuration Multi-Site Production Deployment Further References Motivation Imagine running an Europe-wide shop with Intershop, where the website is available in 16 different countries with different languages and a varying selection of products, but only little modification

07-Jul-2026 • 48L379 • Table Of Contents Zones Zone Stability Using Zone Stability Service Workers and SSR Pitfall: The Zone Must Become Stable Change detection is one of the core concepts of Angular. Component templates contain data bindings that embed data from the component class into the view. The change detection cycle