@covet-pics/covet-pics-widget 0.149.4 → 0.149.5

package/dist/cjs/covet-pics-widget.cjs.entry.js

@@ -98,6 +98,9 @@ class GalleryLoaderService {
             url += `?${queryFragments.join("&")}`;
         }
         const response = await fetch(url, this.fetchOptions);
+        if (!response.ok) {
+            throw new Error(`${response.status}`);
+        }
         const data = await response.json();
         data.items = this.getItemsWithLocaleLinks(data.items);
         this.data = Object.assign({}, data);
@@ -948,6 +951,7 @@ const CovetPicsWidget = class {
         this.minNumberOfPhotos = undefined;
         this.items = [];
         this.appStore = undefined;
+        this.fetchingError = null;
     }
     async sortUpdatedHandler(event) {
         this.loader.resetPagination();
@@ -1077,41 +1081,50 @@ const CovetPicsWidget = class {
     }
     async loadData() {
         this.isLoading = true;
-        const json = await this.loader.fetchItems();
-        //TODO test set settings after call endpoint use loader
-        this.appStore.dispatch(widgetGalleryIdUpdated(this.loader.galleryId));
-        this.appStore.dispatch(widgetShopIdUpdated(this.loader.shopId));
-        if (this.loader.data.analytics) {
-            this.appStore.dispatch(setAnalytics(this.loader.data.analytics));
-        }
-        else {
-            this.appStore.dispatch(setAnalytics(false));
-        }
-        //TODO test set settings after call endpoint use loader END
-        if (typeof json === "undefined")
-            return false;
-        this.appStore.dispatch(setSettings(json.settings));
-        this.minNumberOfPhotos = json.settings.min_number_of_photos;
-        this.loader.data.settings.display_type === "highlight"
-            ? this.items = [...json.items]
-            : this.items = [...this.getItemsWithUpload(json.items)];
-        this.hideElementsIfEmpty();
-        if (!this.fontsLoaded) {
-            this.loadFont();
-        }
-        if (this.hasEnoughPhotos && getters.getUseAnalytics(this.appState)) {
-            const category = "Covet.pics Gallery";
-            const action = "Covet.pics Gallery View";
-            const label = "Covet.pics Gallery View - " + this.galleryEmbedId;
-            utils.sendToGoogleAnalytics(action, category, label);
+        try {
+            const json = await this.loader.fetchItems();
+            //TODO test set settings after call endpoint use loader
+            this.appStore.dispatch(widgetGalleryIdUpdated(this.loader.galleryId));
+            this.appStore.dispatch(widgetShopIdUpdated(this.loader.shopId));
+            if (this.loader.data.analytics) {
+                this.appStore.dispatch(setAnalytics(this.loader.data.analytics));
+            }
+            else {
+                this.appStore.dispatch(setAnalytics(false));
+            }
+            //TODO test set settings after call endpoint use loader END
+            if (typeof json === "undefined")
+                return false;
+            this.appStore.dispatch(setSettings(json.settings));
+            this.minNumberOfPhotos = json.settings.min_number_of_photos;
+            this.loader.data.settings.display_type === "highlight"
+                ? this.items = [...json.items]
+                : this.items = [...this.getItemsWithUpload(json.items)];
+            this.hideElementsIfEmpty();
+            if (!this.fontsLoaded) {
+                this.loadFont();
+            }
+            if (this.hasEnoughPhotos && getters.getUseAnalytics(this.appState)) {
+                const category = "Covet.pics Gallery";
+                const action = "Covet.pics Gallery View";
+                const label = "Covet.pics Gallery View - " + this.galleryEmbedId;
+                utils.sendToGoogleAnalytics(action, category, label);
+            }
+            if (this.hasEnoughPhotos) {
+                storeUtils.sendBeacon(this.appState, "gallery_view");
+            }
+            this.sharedItemId = await this.findAndLoadSharedItemId(); // TODO test ver
+            this.initFilters();
+            this.isLoading = false;
+            return true;
         }
-        if (this.hasEnoughPhotos) {
-            storeUtils.sendBeacon(this.appState, "gallery_view");
+        catch (err) {
+            if (err.message === "404") {
+                this.fetchingError = "The Covet.pics gallery embed is missing. Please verify that the correct embed ID is being used.";
+            }
+            this.isLoading = false;
+            return this.fetchingError;
         }
-        this.sharedItemId = await this.findAndLoadSharedItemId(); // TODO test ver
-        this.initFilters();
-        this.isLoading = false;
-        return true;
     }
     async findAndLoadSharedItemId() {
         return new Promise(async (resolve) => {
@@ -1214,7 +1227,12 @@ const CovetPicsWidget = class {
     renderUploadStandalone() {
         return (index.h("covet-pics-upload", { standalone: true, appStore: this.appStore }));
     }
+    renderError() {
+        return (index.h(index.Host, null, index.h("p", null, this.fetchingError)));
+    }
     render() {
+        if (!this.isLoading && this.fetchingError !== null)
+            return this.renderError();
         if (!this.isLoading && this.hasEnoughPhotos) {
             const displayType = this.loader.data.settings.display_type;
             if (displayType === "upload-standalone")