@softpak/components 21.2.0-capwesome.1 → 21.2.0-capwesome.11

package/fesm2022/softpak-components-spx-update.mjs

@@ -1,45 +1,66 @@
 import * as i3 from '@ionic/angular/standalone';
 import { IonContent, IonHeader, IonToolbar, IonTitle } from '@ionic/angular/standalone';
-import { spxTextCheckingForUpdates, spxTextOneMomentPlease, spxTextUpdate, spxTextReadyToBeInstalled, spxTextPatchAvailable, spxTextUpdateAvailable, spxTextOpenAppStore } from '@softpak/components/spx-translate';
+import { spxTextCheckingForUpdates, spxTextOneMomentPlease, spxTextUpdateErrorReason, spxTextUpdateAppVersion, spxTextUpdateBinaryVersionGroup, spxTextUpdateBuildVersion, spxTextUpdateLastCheck, spxTextUpdateLiveBundle, spxTextUpdateLiveChannel, spxTextUpdateStatus, spxTextUpdateVersionInfo, spxTextUpdateStatusCompleted, spxTextUpdateStatusWebNotAvailable, spxTextUpdateStatusFailed, spxTextUpdateStatusUpdateReady, spxTextUpdateStatusUpToDate, spxTextUpdateStatusReloading, spxTextUpdateStatusSyncing, spxTextUpdateStatusPreparing, spxTextUpdate, spxTextReadyToBeInstalled, spxTextPatchAvailable, spxTextUpdateAvailable, spxTextOpenAppStore, spxTextLiveUpdateCheckFailedWithReason, spxTextLiveUpdateCheckFailed } from '@softpak/components/spx-translate';
+import { App } from '@capacitor/app';
 import * as i0 from '@angular/core';
-import { Component, signal, HostBinding, ChangeDetectionStrategy, inject, Injectable } from '@angular/core';
+import { signal, computed, effect, Component, HostBinding, ChangeDetectionStrategy, inject, Injectable } from '@angular/core';
+import { SpxAppChannelTypeEnum } from '@softpak/components/spx-app-configuration';
 import { SpxCapitalizePipe } from '@softpak/components/spx-capitalize';
-import { TranslatePipe } from '@ngx-translate/core';
-import { unsubscribeSubscriptions, SpxSeverityEnum } from '@softpak/components/spx-helpers';
+import { getBinaryVersionGroup, unsubscribeSubscriptions, SpxSeverityEnum } from '@softpak/components/spx-helpers';
+import { SpxStorage, SpxStorageKeyEnum } from '@softpak/components/spx-storage';
+import { TranslatePipe, TranslateService } from '@ngx-translate/core';
 import * as i1 from '@ngrx/store';
-import { createActionGroup, props, emptyProps, createFeature, createReducer, on } from '@ngrx/store';
+import { createActionGroup, emptyProps, props, createFeature, createReducer, on, Store } from '@ngrx/store';
 import { DateTime } from 'luxon';
 import * as i2 from '@angular/router';
 import { SpxButtonComponent } from '@softpak/components/spx-button';
 import * as i2$1 from '@angular/platform-browser';
-import * as i1$1 from '@ngrx/effects';
 import { Actions, createEffect, ofType } from '@ngrx/effects';
 import { LiveUpdate } from '@capawesome/capacitor-live-update';
-import { from, of } from 'rxjs';
-import { SpxStorage, SpxStorageKeyEnum } from '@softpak/components/spx-storage';
-import { delay, mergeMap, tap, exhaustMap, map, catchError } from 'rxjs/operators';
-import { App } from '@capacitor/app';
+import { spxToasterActions, SpxToasterAutoCloseSpeedEnum } from '@softpak/components/spx-toaster';
+import { of, concat, from, timer } from 'rxjs';
+import { delay, mergeMap, exhaustMap, map, catchError, tap } from 'rxjs/operators';
 import { Capacitor } from '@capacitor/core';
-import { SpxAppChannelTypeEnum } from '@softpak/components/spx-app-configuration';
 import { captureMessage } from '@sentry/angular';
 
-const SpxUpdateCheckActions = createActionGroup({
+const spxUpdateCheckActions = createActionGroup({
     source: 'SpxUpdateCheck',
     events: {
-        AnUpdateIsReady: emptyProps(),
-        ClearError: emptyProps(),
-        CheckFailed: props(),
-        Initialaize: emptyProps(),
-        NoUpdateWasFound: props(),
-        NotAvailableOnWeb: emptyProps(),
-        RunCheck: props(),
+        anUpdateIsReady: emptyProps(),
+        checkFailed: props(),
+        clearError: emptyProps(),
+        initialize: emptyProps(),
+        noUpdateWasFound: props(),
+        notAvailableOnWeb: emptyProps(),
+        reloadStarted: emptyProps(),
+        runCheck: props(),
+        syncStarted: emptyProps(),
     },
 });
 
+var SpxUpdateCheckStatusEnum;
+(function (SpxUpdateCheckStatusEnum) {
+    SpxUpdateCheckStatusEnum["failed"] = "failed";
+    SpxUpdateCheckStatusEnum["idle"] = "idle";
+    SpxUpdateCheckStatusEnum["notAvailableOnWeb"] = "notAvailableOnWeb";
+    SpxUpdateCheckStatusEnum["preparing"] = "preparing";
+    SpxUpdateCheckStatusEnum["reloading"] = "reloading";
+    SpxUpdateCheckStatusEnum["syncing"] = "syncing";
+    SpxUpdateCheckStatusEnum["upToDate"] = "upToDate";
+    SpxUpdateCheckStatusEnum["updateReady"] = "updateReady";
+})(SpxUpdateCheckStatusEnum || (SpxUpdateCheckStatusEnum = {}));
+
+var spxUpdateCheck_state = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    get SpxUpdateCheckStatusEnum () { return SpxUpdateCheckStatusEnum; }
+});
+
 const initialState$1 = {
     forceWaitForUpdate: false,
+    lastErrorReason: null,
     lastCheck: null,
     showError: false,
+    status: SpxUpdateCheckStatusEnum.idle,
 };
 
 var spxUpdateCheck_initial = /*#__PURE__*/Object.freeze({
@@ -49,39 +70,60 @@ var spxUpdateCheck_initial = /*#__PURE__*/Object.freeze({
 
 var updCheck = createFeature({
     name: 'spxUpdateCheck',
-    reducer: createReducer(initialState$1, on(SpxUpdateCheckActions.anUpdateIsReady, (state) => {
+    reducer: createReducer(initialState$1, on(spxUpdateCheckActions.anUpdateIsReady, (state) => {
         return {
             ...state,
             lastCheck: DateTime.now().toISO(),
+            lastErrorReason: null,
             showError: false,
+            status: SpxUpdateCheckStatusEnum.updateReady,
         };
-    }), on(SpxUpdateCheckActions.clearError, (state) => {
+    }), on(spxUpdateCheckActions.clearError, (state) => {
         return {
             ...state,
+            lastErrorReason: null,
             showError: false,
         };
-    }), on(SpxUpdateCheckActions.checkFailed, (state) => {
+    }), on(spxUpdateCheckActions.checkFailed, (state, { errorReason }) => {
         return {
             ...state,
             forceWaitForUpdate: false,
+            lastErrorReason: errorReason || null,
             showError: true,
+            status: SpxUpdateCheckStatusEnum.failed,
         };
-    }), on(SpxUpdateCheckActions.noUpdateWasFound, (state) => {
+    }), on(spxUpdateCheckActions.noUpdateWasFound, (state) => {
         return {
             ...state,
             forceWaitForUpdate: false,
             lastCheck: DateTime.now().toISO(),
+            lastErrorReason: null,
+            showError: false,
+            status: SpxUpdateCheckStatusEnum.upToDate,
+        };
+    }), on(spxUpdateCheckActions.runCheck, (state, { forceWaitForUpdate }) => {
+        return {
+            ...state,
+            forceWaitForUpdate: forceWaitForUpdate ? true : state.forceWaitForUpdate,
+            lastErrorReason: null,
             showError: false,
+            status: SpxUpdateCheckStatusEnum.preparing,
         };
-    }), on(SpxUpdateCheckActions.runCheck, (state, { forceWaitForUpdate }) => {
+    }), on(spxUpdateCheckActions.syncStarted, (state) => {
         return {
             ...state,
-            forceWaitForUpdate: forceWaitForUpdate ? true : state.forceWaitForUpdate
+            status: SpxUpdateCheckStatusEnum.syncing,
         };
-    }), on(SpxUpdateCheckActions.notAvailableOnWeb, (state) => {
+    }), on(spxUpdateCheckActions.reloadStarted, (state) => {
         return {
             ...state,
-            forceWaitForUpdate: false
+            status: SpxUpdateCheckStatusEnum.reloading,
+        };
+    }), on(spxUpdateCheckActions.notAvailableOnWeb, (state) => {
+        return {
+            ...state,
+            forceWaitForUpdate: false,
+            status: SpxUpdateCheckStatusEnum.notAvailableOnWeb,
         };
     })),
 });
@@ -93,29 +135,105 @@ var spxUpdateCheck_reducer = /*#__PURE__*/Object.freeze({
 
 class SpxUpdatePageComponent {
     ngOnInit() {
-        this.appStore.dispatch(SpxUpdateCheckActions.runCheck({ forceWaitForUpdate: true }));
-        this.subscriptions.updCheck = this.appStore.select(updCheck.selectForceWaitForUpdate).subscribe(forceWaitForUpdate => {
-            if (forceWaitForUpdate === false) {
-                if (this.activatedRoute.snapshot.data['url'] === undefined) {
-                    console.error('configure data property \'url\' in route for update page');
-                }
-                this.navController.navigateRoot(this.activatedRoute.snapshot.data['url']);
-            }
-        });
-    }
-    ngOnDestroy() {
-        unsubscribeSubscriptions(this.subscriptions);
+        this.hasStarted.set(true);
+        void this.loadVersionInfo();
+        this.appStore.dispatch(spxUpdateCheckActions.runCheck({ forceWaitForUpdate: true }));
     }
     constructor(appStore, activatedRoute, navController) {
         this.appStore = appStore;
         this.activatedRoute = activatedRoute;
         this.navController = navController;
+        this.appVersion = signal('-', ...(ngDevMode ? [{ debugName: "appVersion" }] : []));
+        this.binaryVersionGroup = signal('-', ...(ngDevMode ? [{ debugName: "binaryVersionGroup" }] : []));
+        this.buildVersion = signal('-', ...(ngDevMode ? [{ debugName: "buildVersion" }] : []));
+        this.lastCheck = this.appStore.selectSignal(updCheck.selectLastCheck);
+        this.lastErrorReason = this.appStore.selectSignal(updCheck.selectLastErrorReason);
+        this.forceWaitForUpdate = this.appStore.selectSignal(updCheck.selectForceWaitForUpdate);
+        this.hasStarted = signal(false, ...(ngDevMode ? [{ debugName: "hasStarted" }] : []));
+        this.liveBundle = signal('-', ...(ngDevMode ? [{ debugName: "liveBundle" }] : []));
+        this.liveUpdateChannel = signal('-', ...(ngDevMode ? [{ debugName: "liveUpdateChannel" }] : []));
+        this.status = this.appStore.selectSignal(updCheck.selectStatus);
         this.spxTextCheckingForUpdates = spxTextCheckingForUpdates;
         this.spxTextOneMomentPlease = spxTextOneMomentPlease;
-        this.subscriptions = {};
+        this.spxTextUpdateErrorReason = spxTextUpdateErrorReason;
+        this.spxTextUpdateAppVersion = spxTextUpdateAppVersion;
+        this.spxTextUpdateBinaryVersionGroup = spxTextUpdateBinaryVersionGroup;
+        this.spxTextUpdateBuildVersion = spxTextUpdateBuildVersion;
+        this.spxTextUpdateLastCheck = spxTextUpdateLastCheck;
+        this.spxTextUpdateLiveBundle = spxTextUpdateLiveBundle;
+        this.spxTextUpdateLiveChannel = spxTextUpdateLiveChannel;
+        this.spxTextUpdateStatus = spxTextUpdateStatus;
+        this.spxTextUpdateVersionInfo = spxTextUpdateVersionInfo;
+        this.statusText = computed(() => {
+            switch (this.status()) {
+                case SpxUpdateCheckStatusEnum.idle:
+                    return spxTextUpdateStatusPreparing;
+                case SpxUpdateCheckStatusEnum.preparing:
+                    return spxTextUpdateStatusPreparing;
+                case SpxUpdateCheckStatusEnum.syncing:
+                    return spxTextUpdateStatusSyncing;
+                case SpxUpdateCheckStatusEnum.reloading:
+                    return spxTextUpdateStatusReloading;
+                case SpxUpdateCheckStatusEnum.upToDate:
+                    return spxTextUpdateStatusUpToDate;
+                case SpxUpdateCheckStatusEnum.updateReady:
+                    return spxTextUpdateStatusUpdateReady;
+                case SpxUpdateCheckStatusEnum.failed:
+                    return spxTextUpdateStatusFailed;
+                case SpxUpdateCheckStatusEnum.notAvailableOnWeb:
+                    return spxTextUpdateStatusWebNotAvailable;
+                default:
+                    return spxTextUpdateStatusCompleted;
+            }
+        }, ...(ngDevMode ? [{ debugName: "statusText" }] : []));
+        this.showError = this.appStore.selectSignal(updCheck.selectShowError);
+        effect(() => {
+            this.status();
+            this.refreshStorageVersionInfo();
+        });
+        effect(() => {
+            if (!this.hasStarted() || this.forceWaitForUpdate() || this.showError()) {
+                return;
+            }
+            if (this.activatedRoute.snapshot.data['url'] === undefined) {
+                console.error('configure data property \'url\' in route for update page');
+            }
+            this.navController.navigateRoot(this.activatedRoute.snapshot.data['url']);
+        });
+    }
+    async loadVersionInfo() {
+        const appInfo = await App.getInfo();
+        const appVersion = appInfo.version || '-';
+        this.appVersion.set(appVersion);
+        this.buildVersion.set(appInfo.build || '-');
+        try {
+            const computedBinaryVersionGroup = `${getBinaryVersionGroup(appVersion)}.x`;
+            const storedBinaryVersionGroup = SpxStorage.getSetting(SpxStorageKeyEnum.binaryVersionGroup);
+            this.binaryVersionGroup.set(storedBinaryVersionGroup || computedBinaryVersionGroup);
+            const storedLiveUpdateChannel = SpxStorage.getSetting(SpxStorageKeyEnum.liveUpdateChannel);
+            const channelType = SpxStorage.getSetting(SpxStorageKeyEnum.channelType) || SpxAppChannelTypeEnum.production;
+            this.liveUpdateChannel.set(storedLiveUpdateChannel || `${channelType}-${computedBinaryVersionGroup}`);
+        }
+        catch {
+            this.binaryVersionGroup.set(SpxStorage.getSetting(SpxStorageKeyEnum.binaryVersionGroup) || '-');
+            this.liveUpdateChannel.set(SpxStorage.getSetting(SpxStorageKeyEnum.liveUpdateChannel) || '-');
+        }
+        this.refreshStorageVersionInfo();
+    }
+    refreshStorageVersionInfo() {
+        const storedBinaryVersionGroup = SpxStorage.getSetting(SpxStorageKeyEnum.binaryVersionGroup);
+        const storedLiveUpdateChannel = SpxStorage.getSetting(SpxStorageKeyEnum.liveUpdateChannel);
+        const storedLiveBundle = SpxStorage.getSetting(SpxStorageKeyEnum.liveUpdate);
+        if (storedBinaryVersionGroup) {
+            this.binaryVersionGroup.set(storedBinaryVersionGroup);
+        }
+        if (storedLiveUpdateChannel) {
+            this.liveUpdateChannel.set(storedLiveUpdateChannel);
+        }
+        this.liveBundle.set(storedLiveBundle || '-');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SpxUpdatePageComponent, deps: [{ token: i1.Store }, { token: i2.ActivatedRoute }, { token: i3.NavController }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: SpxUpdatePageComponent, isStandalone: true, selector: "spx-update-page", ngImport: i0, template: "<ion-header>\n    <ion-toolbar>\n        <ion-title>\n            {{ spxTextCheckingForUpdates | translate | capitalize }}\n        </ion-title>\n    </ion-toolbar>\n</ion-header>\n\n<ion-content class=\"ion-padding\">\n    {{ spxTextOneMomentPlease | translate | capitalize }}...\n</ion-content>\n", dependencies: [{ kind: "component", type: IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "pipe", type: SpxCapitalizePipe, name: "capitalize" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: SpxUpdatePageComponent, isStandalone: true, selector: "spx-update-page", ngImport: i0, template: "<ion-header>\n    <ion-toolbar>\n        <ion-title>\n            {{ spxTextCheckingForUpdates | translate | capitalize }}\n        </ion-title>\n    </ion-toolbar>\n</ion-header>\n\n<ion-content class=\"ion-padding\">\n    <p>{{ spxTextOneMomentPlease | translate | capitalize }}...</p>\n    <p class=\"mt-2\">\n        <strong>{{ spxTextUpdateStatus | translate | capitalize }}:</strong>\n        {{ statusText() | translate | capitalize }}\n    </p>\n    @if (lastErrorReason()) {\n    <p class=\"mt-2 text-red-700\">\n        <strong>{{ spxTextUpdateErrorReason | translate | capitalize }}:</strong>\n        {{ lastErrorReason() }}\n    </p>\n    }\n    @if (lastCheck()) {\n    <p class=\"mt-1 text-sm text-zinc-600\">\n        <strong>{{ spxTextUpdateLastCheck | translate | capitalize }}:</strong>\n        {{ lastCheck() }}\n    </p>\n    }\n\n    <div class=\"mt-6 text-sm text-zinc-600\">\n        <p><strong>{{ spxTextUpdateVersionInfo | translate | capitalize }}</strong></p>\n        <p>{{ spxTextUpdateAppVersion | translate | capitalize }}: {{ appVersion() }}</p>\n        <p>{{ spxTextUpdateBuildVersion | translate | capitalize }}: {{ buildVersion() }}</p>\n        <p>{{ spxTextUpdateBinaryVersionGroup | translate | capitalize }}: {{ binaryVersionGroup() }}</p>\n        <p>{{ spxTextUpdateLiveChannel | translate | capitalize }}: {{ liveUpdateChannel() }}</p>\n        <p>{{ spxTextUpdateLiveBundle | translate | capitalize }}: {{ liveBundle() }}</p>\n    </div>\n</ion-content>\n", dependencies: [{ kind: "component", type: IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "pipe", type: SpxCapitalizePipe, name: "capitalize" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SpxUpdatePageComponent, decorators: [{
             type: Component,
@@ -126,7 +244,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
                         IonTitle,
                         SpxCapitalizePipe,
                         TranslatePipe,
-                    ], standalone: true, template: "<ion-header>\n    <ion-toolbar>\n        <ion-title>\n            {{ spxTextCheckingForUpdates | translate | capitalize }}\n        </ion-title>\n    </ion-toolbar>\n</ion-header>\n\n<ion-content class=\"ion-padding\">\n    {{ spxTextOneMomentPlease | translate | capitalize }}...\n</ion-content>\n" }]
+                    ], standalone: true, template: "<ion-header>\n    <ion-toolbar>\n        <ion-title>\n            {{ spxTextCheckingForUpdates | translate | capitalize }}\n        </ion-title>\n    </ion-toolbar>\n</ion-header>\n\n<ion-content class=\"ion-padding\">\n    <p>{{ spxTextOneMomentPlease | translate | capitalize }}...</p>\n    <p class=\"mt-2\">\n        <strong>{{ spxTextUpdateStatus | translate | capitalize }}:</strong>\n        {{ statusText() | translate | capitalize }}\n    </p>\n    @if (lastErrorReason()) {\n    <p class=\"mt-2 text-red-700\">\n        <strong>{{ spxTextUpdateErrorReason | translate | capitalize }}:</strong>\n        {{ lastErrorReason() }}\n    </p>\n    }\n    @if (lastCheck()) {\n    <p class=\"mt-1 text-sm text-zinc-600\">\n        <strong>{{ spxTextUpdateLastCheck | translate | capitalize }}:</strong>\n        {{ lastCheck() }}\n    </p>\n    }\n\n    <div class=\"mt-6 text-sm text-zinc-600\">\n        <p><strong>{{ spxTextUpdateVersionInfo | translate | capitalize }}</strong></p>\n        <p>{{ spxTextUpdateAppVersion | translate | capitalize }}: {{ appVersion() }}</p>\n        <p>{{ spxTextUpdateBuildVersion | translate | capitalize }}: {{ buildVersion() }}</p>\n        <p>{{ spxTextUpdateBinaryVersionGroup | translate | capitalize }}: {{ binaryVersionGroup() }}</p>\n        <p>{{ spxTextUpdateLiveChannel | translate | capitalize }}: {{ liveUpdateChannel() }}</p>\n        <p>{{ spxTextUpdateLiveBundle | translate | capitalize }}: {{ liveBundle() }}</p>\n    </div>\n</ion-content>\n" }]
         }], ctorParameters: () => [{ type: i1.Store }, { type: i2.ActivatedRoute }, { type: i3.NavController }] });
 
 const SpxUpdatePendingActions = createActionGroup({
@@ -234,49 +352,99 @@ const spxUpdateUrl = '';
 let Effects$1 = class Effects {
     constructor() {
         this.actions$ = inject(Actions);
-        this.afterInitialize$ = createEffect(() => this.actions$.pipe(ofType(SpxUpdateCheckActions.initialaize), delay(300000), mergeMap(() => [
-            SpxUpdateCheckActions.runCheck({}),
+        this.translateService = inject(TranslateService);
+        this.afterInitialize$ = createEffect(() => this.actions$.pipe(ofType(spxUpdateCheckActions.initialize), delay(120000), mergeMap(() => [
+            spxUpdateCheckActions.runCheck({}),
         ])));
-        this.onRun$ = createEffect(() => this.actions$.pipe(ofType(SpxUpdateCheckActions.runCheck), tap(async () => {
-            if (Capacitor.getPlatform() !== 'web') {
+        this.onRun$ = createEffect(() => this.actions$.pipe(ofType(spxUpdateCheckActions.runCheck), exhaustMap((action) => {
+            if (Capacitor.getPlatform() === 'web') {
+                return of(spxUpdateCheckActions.notAvailableOnWeb());
+            }
+            return concat(of(spxUpdateCheckActions.syncStarted()), from(App.getInfo()).pipe(mergeMap((binaryInfo) => {
                 // Migrate from e.g. 1.2.x to 1.3.x
-                const binaryInfo = await App.getInfo();
-                const binaryVersionGroup = binaryInfo.version.substring(0, 3);
-                let channelType = SpxStorage.getSetting(SpxStorageKeyEnum.channelType);
+                const binaryVersionGroup = getBinaryVersionGroup(binaryInfo.version);
+                const channelType = SpxStorage.getSetting(SpxStorageKeyEnum.channelType);
                 if (SpxStorage.getSetting(SpxStorageKeyEnum.binaryVersionGroup)) {
                     SpxStorage.setSetting(SpxStorageKeyEnum.lastBinaryVersionGroup, SpxStorage.getSetting(SpxStorageKeyEnum.binaryVersionGroup));
                 }
                 SpxStorage.setSetting(SpxStorageKeyEnum.binaryVersionGroup, `${binaryVersionGroup}.x`);
                 SpxStorage.setSetting(SpxStorageKeyEnum.liveUpdateChannel, `${channelType ? channelType : SpxAppChannelTypeEnum.production}-${binaryVersionGroup}.x`);
                 // End migrate from e.g. 1.2.x to 1.3.x
-            }
-        }), exhaustMap((action) => from(LiveUpdate.sync({ channel: SpxStorage.getSetting(SpxStorageKeyEnum.liveUpdateChannel) })).pipe(map((syncResult) => {
-            if (syncResult.nextBundleId) {
-                SpxStorage.setSetting(SpxStorageKeyEnum.liveUpdate, syncResult.nextBundleId);
-                if (action.forceWaitForUpdate) {
-                    LiveUpdate.reload();
+                return from(LiveUpdate.sync({ channel: SpxStorage.getSetting(SpxStorageKeyEnum.liveUpdateChannel) }));
+            }), mergeMap((syncResult) => {
+                if (syncResult.nextBundleId) {
+                    SpxStorage.setSetting(SpxStorageKeyEnum.liveUpdate, syncResult.nextBundleId);
+                    if (action.forceWaitForUpdate) {
+                        return concat(of(spxUpdateCheckActions.reloadStarted()), from(LiveUpdate.reload()).pipe(map(() => spxUpdateCheckActions.anUpdateIsReady()), catchError((err) => {
+                            const errorReason = this.getReadableErrorReason(err);
+                            captureMessage(`[UPD] Reload failed: ${errorReason}`);
+                            return of(spxUpdateCheckActions.checkFailed({
+                                errorReason,
+                                startUpdateAgainAfterTimeout: false,
+                            }));
+                        })));
+                    }
+                    return of(spxUpdateCheckActions.anUpdateIsReady());
                 }
-                return SpxUpdateCheckActions.anUpdateIsReady();
-            }
-            else {
-                return SpxUpdateCheckActions.noUpdateWasFound({ startUpdateAgainAfterTimeout: !action.forceWaitForUpdate });
-            }
-        }), catchError((err) => {
-            if (err.message !== 'Not implemented for web only') {
-                captureMessage("[UPD] Handled: " + err.message);
-            }
-            return err.message === 'Not implemented for web only' ? of(SpxUpdateCheckActions.notAvailableOnWeb()) : of(SpxUpdateCheckActions.checkFailed({ startUpdateAgainAfterTimeout: false }));
-        })))));
-        this.whenAndUpdateIsReady$ = createEffect(() => this.actions$.pipe(ofType(SpxUpdateCheckActions.anUpdateIsReady), mergeMap(() => [
+                else {
+                    return of(spxUpdateCheckActions.noUpdateWasFound({ startUpdateAgainAfterTimeout: !action.forceWaitForUpdate }));
+                }
+            }), catchError((err) => {
+                const errorReason = this.getReadableErrorReason(err);
+                if (this.isSyncAlreadyInProgress(errorReason)) {
+                    return timer(1500).pipe(map(() => spxUpdateCheckActions.runCheck({ forceWaitForUpdate: action.forceWaitForUpdate })));
+                }
+                captureMessage(`[UPD] Handled: ${errorReason}`);
+                return of(spxUpdateCheckActions.checkFailed({
+                    errorReason,
+                    startUpdateAgainAfterTimeout: false,
+                }));
+            })));
+        })));
+        this.whenAndUpdateIsReady$ = createEffect(() => this.actions$.pipe(ofType(spxUpdateCheckActions.anUpdateIsReady), mergeMap(() => [
             SpxUpdatePendingActions.hasBeenDownloaded(),
         ])));
-        this.whenCheckHasFailed$ = createEffect(() => this.actions$.pipe(ofType(SpxUpdateCheckActions.checkFailed), delay(30000), mergeMap((action) => !action.startUpdateAgainAfterTimeout ? [] : [
-            SpxUpdateCheckActions.runCheck({}),
+        this.whenCheckHasFailed$ = createEffect(() => this.actions$.pipe(ofType(spxUpdateCheckActions.checkFailed), delay(30000), mergeMap((action) => !action.startUpdateAgainAfterTimeout ? [] : [
+            spxUpdateCheckActions.runCheck({}),
         ])));
-        this.whenNoUpdateWasFound$ = createEffect(() => this.actions$.pipe(ofType(SpxUpdateCheckActions.noUpdateWasFound), delay(120000), mergeMap((action) => !action.startUpdateAgainAfterTimeout ? [] : [
-            SpxUpdateCheckActions.runCheck({}),
+        this.whenCheckHasFailedShowError$ = createEffect(() => this.actions$.pipe(ofType(spxUpdateCheckActions.checkFailed), map((action) => spxToasterActions.createError({
+            autoClose: SpxToasterAutoCloseSpeedEnum.DEFAULT,
+            messageText: action.errorReason
+                ? this.translateService.instant(spxTextLiveUpdateCheckFailedWithReason, { reason: action.errorReason })
+                : this.translateService.instant(spxTextLiveUpdateCheckFailed),
+        }))));
+        this.whenNoUpdateWasFound$ = createEffect(() => this.actions$.pipe(ofType(spxUpdateCheckActions.noUpdateWasFound), delay(120000), mergeMap((action) => !action.startUpdateAgainAfterTimeout ? [] : [
+            spxUpdateCheckActions.runCheck({}),
         ])));
     }
+    getReadableErrorReason(err) {
+        if (err instanceof Error && err.message?.trim()) {
+            return err.message.trim();
+        }
+        if (typeof err === 'string' && err.trim()) {
+            return err.trim();
+        }
+        if (err && typeof err === 'object') {
+            const withMessage = err;
+            if (typeof withMessage.message === 'string' && withMessage.message.trim()) {
+                return withMessage.message.trim();
+            }
+            try {
+                const serialized = JSON.stringify(err);
+                if (serialized && serialized !== '{}') {
+                    return serialized.length > 180 ? `${serialized.slice(0, 177)}...` : serialized;
+                }
+            }
+            catch {
+                // ignore serialization errors
+            }
+        }
+        return '';
+    }
+    isSyncAlreadyInProgress(errorReason) {
+        const normalized = errorReason.toLowerCase();
+        return normalized.includes('sync is already in progress');
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: Effects, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: Effects }); }
 };
@@ -289,24 +457,54 @@ var spxUpdateCheck_effects = /*#__PURE__*/Object.freeze({
     Effects: Effects$1
 });
 
-var spxUpdateCheck_state = /*#__PURE__*/Object.freeze({
-    __proto__: null
-});
-
 class Effects {
-    constructor(actions$) {
-        this.actions$ = actions$;
-        this.whenAccepted$ = createEffect(() => this.actions$.pipe(ofType(SpxUpdatePendingActions.acceptUpdate), mergeMap(() => {
-            LiveUpdate.reload();
-            return [];
-        })));
+    constructor() {
+        this.actions$ = inject(Actions);
+        this.appStore = inject(Store);
+        this.translateService = inject(TranslateService);
+        this.whenAccepted$ = createEffect(() => this.actions$.pipe(ofType(SpxUpdatePendingActions.acceptUpdate), tap(() => {
+            void LiveUpdate.reload().catch((err) => {
+                const errorReason = this.getReadableErrorReason(err);
+                captureMessage(`[UPD] Accept reload failed: ${errorReason}`);
+                this.appStore.dispatch(spxToasterActions.createError({
+                    autoClose: SpxToasterAutoCloseSpeedEnum.DEFAULT,
+                    messageText: errorReason
+                        ? this.translateService.instant(spxTextLiveUpdateCheckFailedWithReason, { reason: errorReason })
+                        : this.translateService.instant(spxTextLiveUpdateCheckFailed),
+                }));
+            });
+        })), { dispatch: false });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: Effects, deps: [{ token: i1$1.Actions }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    getReadableErrorReason(err) {
+        if (err instanceof Error && err.message?.trim()) {
+            return err.message.trim();
+        }
+        if (typeof err === 'string' && err.trim()) {
+            return err.trim();
+        }
+        if (err && typeof err === 'object') {
+            const withMessage = err;
+            if (typeof withMessage.message === 'string' && withMessage.message.trim()) {
+                return withMessage.message.trim();
+            }
+            try {
+                const serialized = JSON.stringify(err);
+                if (serialized && serialized !== '{}') {
+                    return serialized.length > 180 ? `${serialized.slice(0, 177)}...` : serialized;
+                }
+            }
+            catch {
+                // ignore serialization errors
+            }
+        }
+        return '';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: Effects, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: Effects }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: Effects, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i1$1.Actions }] });
+        }] });
 
 var spxUpdatePending_effects = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -321,5 +519,5 @@ var spxUpdatePending_state = /*#__PURE__*/Object.freeze({
  * Generated bundle index. Do not edit.
  */
 
-export { SpxUpdateCheckActions, SpxUpdatePageComponent, SpxUpdatePendingActions, SpxUpdatePendingComponent, spxUpdateCheck_effects as spxUpdateCheckEffects, spxUpdateCheck_initial as spxUpdateCheckInitial, spxUpdateCheck_reducer as spxUpdateCheckReducer, spxUpdateCheck_state as spxUpdateCheckState, spxUpdatePending_effects as spxUpdatePendingEffects, spxUpdatePending_initial as spxUpdatePendingInitial, spxUpdatePending_reducer as spxUpdatePendingReducer, spxUpdatePending_state as spxUpdatePendingState, spxUpdateUrl };
+export { SpxUpdatePageComponent, SpxUpdatePendingActions, SpxUpdatePendingComponent, spxUpdateCheckActions, spxUpdateCheck_effects as spxUpdateCheckEffects, spxUpdateCheck_initial as spxUpdateCheckInitial, spxUpdateCheck_reducer as spxUpdateCheckReducer, spxUpdateCheck_state as spxUpdateCheckState, spxUpdatePending_effects as spxUpdatePendingEffects, spxUpdatePending_initial as spxUpdatePendingInitial, spxUpdatePending_reducer as spxUpdatePendingReducer, spxUpdatePending_state as spxUpdatePendingState, spxUpdateUrl };
 //# sourceMappingURL=softpak-components-spx-update.mjs.map