@softpak/components 21.2.0-capwesome.10 → 21.2.0-capwesome.12

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

@@ -1,27 +1,26 @@
 import * as i3 from '@ionic/angular/standalone';
 import { IonContent, IonHeader, IonToolbar, IonTitle } from '@ionic/angular/standalone';
-import { spxTextCheckingForUpdates, spxTextOneMomentPlease, spxTextUpdateAppVersion, spxTextUpdateBinaryVersionGroup, spxTextUpdateBuildVersion, spxTextUpdateLiveBundle, spxTextUpdateLiveChannel, spxTextUpdateStatus, spxTextUpdateVersionInfo, spxTextUpdateStatusPreparing, spxTextUpdateStatusFailed, spxTextUpdateStatusSyncing, spxTextUpdateStatusCompleted, spxTextUpdate, spxTextReadyToBeInstalled, spxTextPatchAvailable, spxTextUpdateAvailable, spxTextOpenAppStore, spxTextLiveUpdateCheckFailed } 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 { 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 { 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 { unsubscribeSubscriptions, SpxSeverityEnum, getBinaryVersionGroup } from '@softpak/components/spx-helpers';
 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 { spxToasterActions, SpxToasterAutoCloseSpeedEnum } from '@softpak/components/spx-toaster';
-import { of, from } from 'rxjs';
+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({
@@ -33,14 +32,35 @@ const spxUpdateCheckActions = createActionGroup({
         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({
@@ -54,35 +74,56 @@ var updCheck = createFeature({
         return {
             ...state,
             lastCheck: DateTime.now().toISO(),
+            lastErrorReason: null,
             showError: false,
+            status: SpxUpdateCheckStatusEnum.updateReady,
         };
     }), 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) => {
         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
+            forceWaitForUpdate: forceWaitForUpdate ? true : state.forceWaitForUpdate,
+            lastErrorReason: null,
+            showError: false,
+            status: SpxUpdateCheckStatusEnum.preparing,
+        };
+    }), on(spxUpdateCheckActions.syncStarted, (state) => {
+        return {
+            ...state,
+            status: SpxUpdateCheckStatusEnum.syncing,
+        };
+    }), on(spxUpdateCheckActions.reloadStarted, (state) => {
+        return {
+            ...state,
+            status: SpxUpdateCheckStatusEnum.reloading,
         };
     }), on(spxUpdateCheckActions.notAvailableOnWeb, (state) => {
         return {
             ...state,
-            forceWaitForUpdate: false
+            forceWaitForUpdate: false,
+            status: SpxUpdateCheckStatusEnum.notAvailableOnWeb,
         };
     })),
 });
@@ -93,11 +134,15 @@ var spxUpdateCheck_reducer = /*#__PURE__*/Object.freeze({
 });
 
 class SpxUpdatePageComponent {
+    static { this.SUCCESS_CLOSE_DELAY_MS = 5000; }
     ngOnInit() {
         this.hasStarted.set(true);
         void this.loadVersionInfo();
         this.appStore.dispatch(spxUpdateCheckActions.runCheck({ forceWaitForUpdate: true }));
     }
+    ngOnDestroy() {
+        this.clearScheduledClose();
+    }
     constructor(appStore, activatedRoute, navController) {
         this.appStore = appStore;
         this.activatedRoute = activatedRoute;
@@ -105,52 +150,139 @@ class SpxUpdatePageComponent {
         this.appVersion = signal('-', ...(ngDevMode ? [{ debugName: "appVersion" }] : []));
         this.binaryVersionGroup = signal('-', ...(ngDevMode ? [{ debugName: "binaryVersionGroup" }] : []));
         this.buildVersion = signal('-', ...(ngDevMode ? [{ debugName: "buildVersion" }] : []));
-        this.forceWaitForUpdate = this.appStore.selectSignal(updCheck.selectForceWaitForUpdate);
+        this.lastCheck = this.appStore.selectSignal(updCheck.selectLastCheck);
+        this.lastErrorReason = this.appStore.selectSignal(updCheck.selectLastErrorReason);
         this.hasStarted = signal(false, ...(ngDevMode ? [{ debugName: "hasStarted" }] : []));
+        this.hasNavigatedAway = signal(false, ...(ngDevMode ? [{ debugName: "hasNavigatedAway" }] : []));
         this.liveBundle = signal('-', ...(ngDevMode ? [{ debugName: "liveBundle" }] : []));
         this.liveUpdateChannel = signal('-', ...(ngDevMode ? [{ debugName: "liveUpdateChannel" }] : []));
+        this.status = this.appStore.selectSignal(updCheck.selectStatus);
+        this.closeTimerId = null;
         this.spxTextCheckingForUpdates = spxTextCheckingForUpdates;
         this.spxTextOneMomentPlease = spxTextOneMomentPlease;
+        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(() => {
-            if (!this.hasStarted()) {
-                return spxTextUpdateStatusPreparing;
-            }
-            if (this.showError()) {
-                return spxTextUpdateStatusFailed;
+            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;
             }
-            if (this.forceWaitForUpdate()) {
-                return spxTextUpdateStatusSyncing;
-            }
-            return spxTextUpdateStatusCompleted;
         }, ...(ngDevMode ? [{ debugName: "statusText" }] : []));
-        this.showError = this.appStore.selectSignal(updCheck.selectShowError);
         effect(() => {
-            if (!this.hasStarted() || this.forceWaitForUpdate()) {
+            this.status();
+            this.refreshStorageVersionInfo();
+        });
+        effect(() => {
+            const status = this.status();
+            if (!this.hasStarted() || this.hasNavigatedAway()) {
                 return;
             }
-            if (this.activatedRoute.snapshot.data['url'] === undefined) {
+            if (!this.shouldCloseUpdatePage(status)) {
+                this.clearScheduledClose();
+                return;
+            }
+            const targetUrl = this.activatedRoute.snapshot.data['url'];
+            if (targetUrl === undefined) {
                 console.error('configure data property \'url\' in route for update page');
+                return;
+            }
+            const closeDelayMs = this.getCloseDelayMs(status);
+            if (closeDelayMs === 0) {
+                this.clearScheduledClose();
+                this.navigateAway(targetUrl);
+                return;
+            }
+            if (this.closeTimerId !== null) {
+                return;
             }
-            this.navController.navigateRoot(this.activatedRoute.snapshot.data['url']);
+            this.closeTimerId = setTimeout(() => {
+                this.closeTimerId = null;
+                this.navigateAway(targetUrl);
+            }, closeDelayMs);
         });
     }
+    shouldCloseUpdatePage(status) {
+        return status === SpxUpdateCheckStatusEnum.upToDate ||
+            status === SpxUpdateCheckStatusEnum.failed ||
+            status === SpxUpdateCheckStatusEnum.notAvailableOnWeb ||
+            status === SpxUpdateCheckStatusEnum.updateReady;
+    }
+    getCloseDelayMs(status) {
+        if (status === SpxUpdateCheckStatusEnum.upToDate || status === SpxUpdateCheckStatusEnum.updateReady) {
+            return SpxUpdatePageComponent.SUCCESS_CLOSE_DELAY_MS;
+        }
+        return 0;
+    }
+    clearScheduledClose() {
+        if (this.closeTimerId === null) {
+            return;
+        }
+        clearTimeout(this.closeTimerId);
+        this.closeTimerId = null;
+    }
+    navigateAway(targetUrl) {
+        if (this.hasNavigatedAway()) {
+            return;
+        }
+        this.hasNavigatedAway.set(true);
+        this.navController.navigateRoot(targetUrl);
+    }
     async loadVersionInfo() {
         const appInfo = await App.getInfo();
-        this.appVersion.set(appInfo.version || '-');
+        const appVersion = appInfo.version || '-';
+        this.appVersion.set(appVersion);
         this.buildVersion.set(appInfo.build || '-');
-        this.binaryVersionGroup.set(SpxStorage.getSetting(SpxStorageKeyEnum.binaryVersionGroup) || '-');
-        this.liveUpdateChannel.set(SpxStorage.getSetting(SpxStorageKeyEnum.liveUpdateChannel) || '-');
-        this.liveBundle.set(SpxStorage.getSetting(SpxStorageKeyEnum.liveUpdate) || '-');
+        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    <p>{{ spxTextOneMomentPlease | translate | capitalize }}...</p>\n    <p class=\"mt-2\">\n        <strong>{{ spxTextUpdateStatus | translate | capitalize }}:</strong>\n        {{ statusText() | translate | capitalize }}\n    </p>\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" }] }); }
+    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,
@@ -161,7 +293,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    <p>{{ spxTextOneMomentPlease | translate | capitalize }}...</p>\n    <p class=\"mt-2\">\n        <strong>{{ spxTextUpdateStatus | translate | capitalize }}:</strong>\n        {{ statusText() | translate | capitalize }}\n    </p>\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" }]
+                    ], 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({
@@ -277,10 +409,10 @@ let Effects$1 = class Effects {
             if (Capacitor.getPlatform() === 'web') {
                 return of(spxUpdateCheckActions.notAvailableOnWeb());
             }
-            return from(App.getInfo()).pipe(mergeMap((binaryInfo) => {
+            return concat(of(spxUpdateCheckActions.syncStarted()), from(App.getInfo()).pipe(mergeMap((binaryInfo) => {
                 // Migrate from e.g. 1.2.x to 1.3.x
                 const binaryVersionGroup = getBinaryVersionGroup(binaryInfo.version);
-                let channelType = SpxStorage.getSetting(SpxStorageKeyEnum.channelType);
+                const channelType = SpxStorage.getSetting(SpxStorageKeyEnum.channelType);
                 if (SpxStorage.getSetting(SpxStorageKeyEnum.binaryVersionGroup)) {
                     SpxStorage.setSetting(SpxStorageKeyEnum.lastBinaryVersionGroup, SpxStorage.getSetting(SpxStorageKeyEnum.binaryVersionGroup));
                 }
@@ -288,21 +420,35 @@ let Effects$1 = class Effects {
                 SpxStorage.setSetting(SpxStorageKeyEnum.liveUpdateChannel, `${channelType ? channelType : SpxAppChannelTypeEnum.production}-${binaryVersionGroup}.x`);
                 // End migrate from e.g. 1.2.x to 1.3.x
                 return from(LiveUpdate.sync({ channel: SpxStorage.getSetting(SpxStorageKeyEnum.liveUpdateChannel) }));
-            }), map((syncResult) => {
+            }), mergeMap((syncResult) => {
                 if (syncResult.nextBundleId) {
+                    SpxStorage.setSetting(SpxStorageKeyEnum.liveUpdate, syncResult.nextBundleId);
                     if (action.forceWaitForUpdate) {
-                        SpxStorage.setSetting(SpxStorageKeyEnum.liveUpdate, syncResult.nextBundleId);
-                        LiveUpdate.reload();
+                        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 spxUpdateCheckActions.anUpdateIsReady();
+                    return of(spxUpdateCheckActions.anUpdateIsReady());
                 }
                 else {
-                    return spxUpdateCheckActions.noUpdateWasFound({ startUpdateAgainAfterTimeout: !action.forceWaitForUpdate });
+                    return of(spxUpdateCheckActions.noUpdateWasFound({ startUpdateAgainAfterTimeout: !action.forceWaitForUpdate }));
                 }
             }), catchError((err) => {
-                captureMessage("[UPD] Handled: " + err.message);
-                return of(spxUpdateCheckActions.checkFailed({ startUpdateAgainAfterTimeout: !action.forceWaitForUpdate }));
-            }));
+                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(),
@@ -310,14 +456,44 @@ let Effects$1 = class Effects {
         this.whenCheckHasFailed$ = createEffect(() => this.actions$.pipe(ofType(spxUpdateCheckActions.checkFailed), delay(30000), mergeMap((action) => !action.startUpdateAgainAfterTimeout ? [] : [
             spxUpdateCheckActions.runCheck({}),
         ])));
-        this.whenCheckHasFailedShowError$ = createEffect(() => this.actions$.pipe(ofType(spxUpdateCheckActions.checkFailed), map(() => spxToasterActions.createError({
+        this.whenCheckHasFailedShowError$ = createEffect(() => this.actions$.pipe(ofType(spxUpdateCheckActions.checkFailed), map((action) => spxToasterActions.createError({
             autoClose: SpxToasterAutoCloseSpeedEnum.DEFAULT,
-            messageText: this.translateService.instant(spxTextLiveUpdateCheckFailed),
+            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 }); }
 };
@@ -330,23 +506,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$;
+    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();
+            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,