@wix/himalaya-cli 0.941.0 → 0.943.0

package/templates/branded-lite/dev/index.ts

@@ -27533,7 +27533,22 @@ const SCREENS = runtimeSetting({
                 }
               },
               "modifiers": {
-                "hiddenPath": "$service:himiBrandedCoupons.notMock"
+                "hiddenPath": "$service:himiBrandedCoupons.notMockEmpty"
+              }
+            },
+            {
+              "id": "himi_coupons.unavailable_banner",
+              "body": {
+                "package": "himalaya",
+                "type": "Banner",
+                "props": {
+                  "severity": "warning",
+                  "title": "Sample content",
+                  "message": "Sample content — this site's offers couldn't be loaded."
+                }
+              },
+              "modifiers": {
+                "hiddenPath": "$service:himiBrandedCoupons.notMockUnavailable"
               }
             },
             {
@@ -29751,7 +29766,22 @@ const SCREENS = runtimeSetting({
                 }
               },
               "modifiers": {
-                "hiddenPath": "$service:himiBrandedNotifications.notMock"
+                "hiddenPath": "$service:himiBrandedNotifications.notMockEmpty"
+              }
+            },
+            {
+              "id": "himi_notifications.unavailable_banner",
+              "body": {
+                "package": "himalaya",
+                "type": "Banner",
+                "props": {
+                  "severity": "warning",
+                  "title": "Sample content",
+                  "message": "Sample content — your notifications couldn't be loaded."
+                }
+              },
+              "modifiers": {
+                "hiddenPath": "$service:himiBrandedNotifications.notMockUnavailable"
               }
             },
             {
@@ -31913,7 +31943,22 @@ const SCREENS = runtimeSetting({
                 }
               },
               "modifiers": {
-                "hiddenPath": "$service:himiBrandedLoyalty.notMock"
+                "hiddenPath": "$service:himiBrandedLoyalty.notMockEmpty"
+              }
+            },
+            {
+              "id": "himi_loyalty.unavailable_banner",
+              "body": {
+                "package": "himalaya",
+                "type": "Banner",
+                "props": {
+                  "severity": "warning",
+                  "title": "Sample content",
+                  "message": "Sample content — the rewards program couldn't be loaded."
+                }
+              },
+              "modifiers": {
+                "hiddenPath": "$service:himiBrandedLoyalty.notMockUnavailable"
               }
             },
             {
@@ -34154,7 +34199,22 @@ const SCREENS = runtimeSetting({
                 }
               },
               "modifiers": {
-                "hiddenPath": "$service:himiBrandedReviews.notMock"
+                "hiddenPath": "$service:himiBrandedReviews.notMockEmpty"
+              }
+            },
+            {
+              "id": "himi_reviews.unavailable_banner",
+              "body": {
+                "package": "himalaya",
+                "type": "Banner",
+                "props": {
+                  "severity": "warning",
+                  "title": "Sample content",
+                  "message": "Sample content — this business's reviews couldn't be loaded."
+                }
+              },
+              "modifiers": {
+                "hiddenPath": "$service:himiBrandedReviews.notMockUnavailable"
               }
             },
             {
@@ -39102,7 +39162,22 @@ const SCREENS = runtimeSetting({
                 }
               },
               "modifiers": {
-                "hiddenPath": "$service:himiBrandedReservations.notMock"
+                "hiddenPath": "$service:himiBrandedReservations.notMockEmpty"
+              }
+            },
+            {
+              "id": "himi_reservations.unavailable_banner",
+              "body": {
+                "package": "himalaya",
+                "type": "Banner",
+                "props": {
+                  "severity": "warning",
+                  "title": "Sample content",
+                  "message": "Sample content — your reservations couldn't be loaded."
+                }
+              },
+              "modifiers": {
+                "hiddenPath": "$service:himiBrandedReservations.notMockUnavailable"
               }
             },
             {
@@ -39241,7 +39316,22 @@ const SCREENS = runtimeSetting({
                 }
               },
               "modifiers": {
-                "hiddenPath": "$service:himiBrandedInvoices.notMock"
+                "hiddenPath": "$service:himiBrandedInvoices.notMockEmpty"
+              }
+            },
+            {
+              "id": "himi_invoices.unavailable_banner",
+              "body": {
+                "package": "himalaya",
+                "type": "Banner",
+                "props": {
+                  "severity": "warning",
+                  "title": "Sample content",
+                  "message": "Sample content — your invoices couldn't be loaded."
+                }
+              },
+              "modifiers": {
+                "hiddenPath": "$service:himiBrandedInvoices.notMockUnavailable"
               }
             },
             {
@@ -41400,7 +41490,22 @@ const SCREENS = runtimeSetting({
                 }
               },
               "modifiers": {
-                "hiddenPath": "$service:himiBrandedBadges.notMock"
+                "hiddenPath": "$service:himiBrandedBadges.notMockEmpty"
+              }
+            },
+            {
+              "id": "himi_badges.unavailable_banner",
+              "body": {
+                "package": "himalaya",
+                "type": "Banner",
+                "props": {
+                  "severity": "warning",
+                  "title": "Sample content",
+                  "message": "Sample content — this community's badges couldn't be loaded."
+                }
+              },
+              "modifiers": {
+                "hiddenPath": "$service:himiBrandedBadges.notMockUnavailable"
               }
             },
             {
@@ -43641,7 +43746,22 @@ const SCREENS = runtimeSetting({
                 }
               },
               "modifiers": {
-                "hiddenPath": "$service:himiBrandedNotifSettings.notMock"
+                "hiddenPath": "$service:himiBrandedNotifSettings.notMockEmpty"
+              }
+            },
+            {
+              "id": "himi_notif_settings.unavailable_banner",
+              "body": {
+                "package": "himalaya",
+                "type": "Banner",
+                "props": {
+                  "severity": "warning",
+                  "title": "Sample content",
+                  "message": "Sample content — your notification settings couldn't be loaded."
+                }
+              },
+              "modifiers": {
+                "hiddenPath": "$service:himiBrandedNotifSettings.notMockUnavailable"
               }
             },
             {
@@ -55810,7 +55930,22 @@ const SCREENS = runtimeSetting({
                 }
               },
               "modifiers": {
-                "hiddenPath": "$service:himiBrandedDonations.notMock"
+                "hiddenPath": "$service:himiBrandedDonations.notMockEmpty"
+              }
+            },
+            {
+              "id": "himi_donations.unavailable_banner",
+              "body": {
+                "package": "himalaya",
+                "type": "Banner",
+                "props": {
+                  "severity": "warning",
+                  "title": "Sample content",
+                  "message": "Sample content — this site's donation campaigns couldn't be loaded."
+                }
+              },
+              "modifiers": {
+                "hiddenPath": "$service:himiBrandedDonations.notMockUnavailable"
               }
             },
             {
@@ -58051,7 +58186,22 @@ const SCREENS = runtimeSetting({
                 }
               },
               "modifiers": {
-                "hiddenPath": "$service:himiBrandedGiftCards.notMock"
+                "hiddenPath": "$service:himiBrandedGiftCards.notMockEmpty"
+              }
+            },
+            {
+              "id": "himi_gift_cards.unavailable_banner",
+              "body": {
+                "package": "himalaya",
+                "type": "Banner",
+                "props": {
+                  "severity": "warning",
+                  "title": "Sample content",
+                  "message": "Sample content — your gift cards couldn't be loaded."
+                }
+              },
+              "modifiers": {
+                "hiddenPath": "$service:himiBrandedGiftCards.notMockUnavailable"
               }
             },
             {
@@ -60292,7 +60442,22 @@ const SCREENS = runtimeSetting({
                 }
               },
               "modifiers": {
-                "hiddenPath": "$service:himiBrandedVideos.notMock"
+                "hiddenPath": "$service:himiBrandedVideos.notMockEmpty"
+              }
+            },
+            {
+              "id": "himi_videos.unavailable_banner",
+              "body": {
+                "package": "himalaya",
+                "type": "Banner",
+                "props": {
+                  "severity": "warning",
+                  "title": "Sample content",
+                  "message": "Sample content — this site's video channels couldn't be loaded."
+                }
+              },
+              "modifiers": {
+                "hiddenPath": "$service:himiBrandedVideos.notMockUnavailable"
               }
             },
             {
@@ -65307,7 +65472,22 @@ const SCREENS = runtimeSetting({
                 }
               },
               "modifiers": {
-                "hiddenPath": "$service:himiBrandedForms.notMock"
+                "hiddenPath": "$service:himiBrandedForms.notMockEmpty"
+              }
+            },
+            {
+              "id": "himi_forms.unavailable_banner",
+              "body": {
+                "package": "himalaya",
+                "type": "Banner",
+                "props": {
+                  "severity": "warning",
+                  "title": "Sample content",
+                  "message": "Sample content — this site's forms couldn't be loaded."
+                }
+              },
+              "modifiers": {
+                "hiddenPath": "$service:himiBrandedForms.notMockUnavailable"
               }
             },
             {
@@ -67452,7 +67632,22 @@ const SCREENS = runtimeSetting({
                 }
               },
               "modifiers": {
-                "hiddenPath": "$service:himiBrandedGalleries.notMock"
+                "hiddenPath": "$service:himiBrandedGalleries.notMockEmpty"
+              }
+            },
+            {
+              "id": "himi_galleries.unavailable_banner",
+              "body": {
+                "package": "himalaya",
+                "type": "Banner",
+                "props": {
+                  "severity": "warning",
+                  "title": "Sample content",
+                  "message": "Sample content — this site's galleries couldn't be loaded."
+                }
+              },
+              "modifiers": {
+                "hiddenPath": "$service:himiBrandedGalleries.notMockUnavailable"
               }
             },
             {
@@ -69969,7 +70164,22 @@ const SCREENS = runtimeSetting({
                 }
               },
               "modifiers": {
-                "hiddenPath": "$service:himiBrandedInbox.notMock"
+                "hiddenPath": "$service:himiBrandedInbox.notMockEmpty"
+              }
+            },
+            {
+              "id": "himi_inbox.unavailable_banner",
+              "body": {
+                "package": "himalaya",
+                "type": "Banner",
+                "props": {
+                  "severity": "warning",
+                  "title": "Sample content",
+                  "message": "Sample content — your messages couldn't be loaded."
+                }
+              },
+              "modifiers": {
+                "hiddenPath": "$service:himiBrandedInbox.notMockUnavailable"
               }
             },
             {

package/templates/branded-lite/tier5-src/himi-branded-lite-badges/index.ts

@@ -13,7 +13,11 @@ interface Row { id: string; title: string; subtitle: string }
 interface S {
   status: "loading" | "ready";
   badges: Row[]; emptyText: string;
-  isMock: boolean; notMock: boolean; mockBanner: string;
+  isMock: boolean; notMock: boolean; /** #2849 — hiddenWhen() hides on TRUE, so these are inverted: the empty-state banner
+   *  shows only when the site really has none, and the unavailable one only when the
+   *  query failed. A failed query must never render the sentence that claims the
+   *  customer has no content. */
+  notMockEmpty: boolean; notMockUnavailable: boolean;
 }
 
 function norm(b: WixBadge): Row {
@@ -21,7 +25,6 @@ function norm(b: WixBadge): Row {
   return { id: b.id || b.slug || "badge", title, subtitle: (b.description || "").trim() };
 }
 
-const MOCK_BANNER = "Sample content — this community has no badges yet.";
 const MOCK: Row[] = [
   { id: "sample-founder",     title: "Founding Member", subtitle: "One of the first to join the community." },
   { id: "sample-top",         title: "Top Contributor", subtitle: "Recognized for consistently helpful posts." },
@@ -29,21 +32,21 @@ const MOCK: Row[] = [
   { id: "sample-vip",         title: "VIP",             subtitle: "A valued long-standing customer." },
 ];
 
-function mockState(s: S): S {
-  return { ...s, status: "ready", badges: MOCK.map((r) => ({ ...r })), emptyText: "", isMock: true, notMock: false, mockBanner: MOCK_BANNER };
+function mockState(s: S, reason: "empty" | "unavailable"): S {
+  return { ...s, status: "ready", badges: MOCK.map((r) => ({ ...r })), emptyText: "", isMock: true, notMock: false, notMockEmpty: reason !== "empty", notMockUnavailable: reason !== "unavailable"};
 }
 
 const svc = defineService<S, { load: (s: S) => Promise<S> }>("himiBrandedBadges", {
-  state: { status: "loading", badges: [], emptyText: "", isMock: false, notMock: true, mockBanner: "" },
+  state: { status: "loading", badges: [], emptyText: "", isMock: false, notMock: true, notMockEmpty: true, notMockUnavailable: true},
   actions: {
     load: async (s) => {
       try {
         const r = await queryBadges({ query: { cursorPaging: { limit: 50 } } });
         const badges = (r.badges ?? []).map(norm);
-        if (badges.length) return { ...s, status: "ready", badges, emptyText: "", isMock: false, notMock: true, mockBanner: "" };
-        return mockState(s);
+        if (badges.length) return { ...s, status: "ready", badges, emptyText: "", isMock: false, notMock: true, notMockEmpty: true, notMockUnavailable: true};
+        return mockState(s, "empty");
       } catch {
-        return mockState(s);
+        return mockState(s, "unavailable");
       }
     },
   },

package/templates/branded-lite/tier5-src/himi-branded-lite-coupons/index.ts

@@ -11,7 +11,11 @@ interface Row { id: string; name: string; subtitle: string }
 interface S {
   status: "loading" | "ready";
   coupons: Row[]; emptyText: string;
-  isMock: boolean; notMock: boolean; mockBanner: string;
+  isMock: boolean; notMock: boolean; /** #2849 — hiddenWhen() hides on TRUE, so these are inverted: the empty-state banner
+   *  shows only when the site really has none, and the unavailable one only when the
+   *  query failed. A failed query must never render the sentence that claims the
+   *  customer has no content. */
+  notMockEmpty: boolean; notMockUnavailable: boolean;
 }
 
 function norm(c: WixCoupon): Row {
@@ -19,7 +23,6 @@ function norm(c: WixCoupon): Row {
   return { id: cc.id || cc.code || "coupon", name: cc.name || cc.code || "Coupon", subtitle: cc.code ? `Code: ${cc.code}` : "" };
 }
 
-const MOCK_BANNER = "Sample content — your site has no coupons yet.";
 const MOCK: Row[] = [
   { id: "sample-welcome15", name: "Welcome — 15% off your first order", subtitle: "Code: WELCOME15 · ends Aug 31" },
   { id: "sample-freeship", name: "Free shipping", subtitle: "Code: FREESHIP · orders over $50" },
@@ -27,17 +30,25 @@ const MOCK: Row[] = [
   { id: "sample-loyal10", name: "Loyalty reward — $10 off", subtitle: "Code: LOYAL10 · members only" },
 ];
 
+/** The sample fallback, shared by both arms so neither can drift from the other — this
+ *  worker inlined it twice, which is how a rename reached the constants and missed the
+ *  uses. */
+function mockState(s: S, reason: "empty" | "unavailable"): S {
+  return { ...s, status: "ready", coupons: MOCK, emptyText: "", isMock: true, notMock: false,
+    notMockEmpty: reason !== "empty", notMockUnavailable: reason !== "unavailable" };
+}
+
 const svc = defineService<S, { load: (s: S) => Promise<S> }>("himiBrandedCoupons", {
-  state: { status: "loading", coupons: [], emptyText: "", isMock: false, notMock: true, mockBanner: "" },
+  state: { status: "loading", coupons: [], emptyText: "", isMock: false, notMock: true, notMockEmpty: true, notMockUnavailable: true},
   actions: {
     load: async (s) => {
       try {
         const r = await queryCoupons({ paging: { limit: 30 } } as never);
         const coupons = (((r as unknown as { coupons?: WixCoupon[] }).coupons) ?? []).map(norm);
-        if (coupons.length) return { ...s, status: "ready", coupons, emptyText: "", isMock: false, notMock: true, mockBanner: "" };
-        return { ...s, status: "ready", coupons: MOCK, emptyText: "", isMock: true, notMock: false, mockBanner: MOCK_BANNER };
+        if (coupons.length) return { ...s, status: "ready", coupons, emptyText: "", isMock: false, notMock: true, notMockEmpty: true, notMockUnavailable: true};
+        return mockState(s, "empty");
       } catch {
-        return { ...s, status: "ready", coupons: MOCK, emptyText: "", isMock: true, notMock: false, mockBanner: MOCK_BANNER };
+        return mockState(s, "unavailable");
       }
     },
   },

package/templates/branded-lite/tier5-src/himi-branded-lite-donations/index.ts

@@ -11,7 +11,11 @@ interface Row { id: string; title: string; subtitle: string }
 interface S {
   status: "loading" | "ready";
   campaigns: Row[]; emptyText: string;
-  isMock: boolean; notMock: boolean; mockBanner: string;
+  isMock: boolean; notMock: boolean; /** #2849 — hiddenWhen() hides on TRUE, so these are inverted: the empty-state banner
+   *  shows only when the site really has none, and the unavailable one only when the
+   *  query failed. A failed query must never render the sentence that claims the
+   *  customer has no content. */
+  notMockEmpty: boolean; notMockUnavailable: boolean;
 }
 
 const STATUS_LABEL: Record<string, string> = {
@@ -30,28 +34,27 @@ function norm(c: WixDonationCampaign): Row {
   return { id: c.id || "campaign", title: (c.name || "Campaign").trim() || "Campaign", subtitle: subtitleFor(c) };
 }
 
-const MOCK_BANNER = "Sample content — this site has no donation campaigns yet.";
 const MOCK: Row[] = [
   { id: "sample-reef",   title: "Save the Coral Reef",   subtitle: "Goal: $10,000 · Active" },
   { id: "sample-school", title: "Build a Village School", subtitle: "Goal: $25,000 · Active" },
   { id: "sample-relief", title: "Winter Relief Fund",     subtitle: "Goal: $5,000 · Goal reached" },
 ];
 
-function mockState(s: S): S {
-  return { ...s, status: "ready", campaigns: MOCK.map((r) => ({ ...r })), emptyText: "", isMock: true, notMock: false, mockBanner: MOCK_BANNER };
+function mockState(s: S, reason: "empty" | "unavailable"): S {
+  return { ...s, status: "ready", campaigns: MOCK.map((r) => ({ ...r })), emptyText: "", isMock: true, notMock: false, notMockEmpty: reason !== "empty", notMockUnavailable: reason !== "unavailable"};
 }
 
 const svc = defineService<S, { load: (s: S) => Promise<S> }>("himiBrandedDonations", {
-  state: { status: "loading", campaigns: [], emptyText: "", isMock: false, notMock: true, mockBanner: "" },
+  state: { status: "loading", campaigns: [], emptyText: "", isMock: false, notMock: true, notMockEmpty: true, notMockUnavailable: true},
   actions: {
     load: async (s) => {
       try {
         const r = await queryDonationCampaigns({ query: { cursorPaging: { limit: 20 } } });
         const campaigns = (r.donationCampaigns ?? []).filter((c) => c.archived !== true).map(norm);
-        if (campaigns.length) return { ...s, status: "ready", campaigns, emptyText: "", isMock: false, notMock: true, mockBanner: "" };
-        return mockState(s);
+        if (campaigns.length) return { ...s, status: "ready", campaigns, emptyText: "", isMock: false, notMock: true, notMockEmpty: true, notMockUnavailable: true};
+        return mockState(s, "empty");
       } catch {
-        return mockState(s);
+        return mockState(s, "unavailable");
       }
     },
   },

package/templates/branded-lite/tier5-src/himi-branded-lite-forms/index.ts

@@ -8,14 +8,17 @@
 // there would state "this site has none yet", which the app never established.
 // Real forms always win the moment any exist.
 import { defineService } from "../_shared/collection-service.js";
-import { copyParam } from "../_shared/himi-copy.js";
 import { queryForms, type WixForm } from "@himalaya/wix-forms";
 
 interface Row { id: string; title: string; subtitle: string }
 interface S {
   status: "loading" | "ready" | "error";
   forms: Row[]; emptyText: string;
-  isMock: boolean; notMock: boolean; mockBanner: string;
+  isMock: boolean; notMock: boolean; /** #2849 — hiddenWhen() hides on TRUE, so these are inverted: the empty-state banner
+   *  shows only when the site really has none, and the unavailable one only when the
+   *  query failed. A failed query must never render the sentence that claims the
+   *  customer has no content. */
+  notMockEmpty: boolean; notMockUnavailable: boolean;
 }
 
 const STATUS_LABEL: Record<string, string> = { PUBLISHED: "Published", DRAFT: "Draft" };
@@ -41,32 +44,30 @@ function norm(f: WixForm): Row {
  *  which keeps these verticals showing labelled sample content rather than a blank screen.
  *  So what was wrong was never the samples — it was claiming to know something the app had
  *  not established. */
-const MOCK_BANNER_EMPTY = "Sample content — this site has no forms yet.";
-const MOCK_BANNER_UNAVAILABLE = "Sample content — this site's forms couldn't be loaded.";
 const MOCK: Row[] = [
   { id: "sample-contact",   title: "Contact Us",       subtitle: "4 fields · Published" },
   { id: "sample-subscribe", title: "Newsletter Signup", subtitle: "2 fields · Published" },
   { id: "sample-feedback",  title: "Feedback",          subtitle: "5 fields · Published" },
 ];
 
-function mockState(s: S, banner: string): S {
-  return { ...s, status: "ready", forms: MOCK.map((r) => ({ ...r })), emptyText: "", isMock: true, notMock: false, mockBanner: banner };
+function mockState(s: S, reason: "empty" | "unavailable"): S {
+  return { ...s, status: "ready", forms: MOCK.map((r) => ({ ...r })), emptyText: "", isMock: true, notMock: false, notMockEmpty: reason !== "empty", notMockUnavailable: reason !== "unavailable"};
 }
 
 const svc = defineService<S, { load: (s: S) => Promise<S> }>("himiBrandedForms", {
-  state: { status: "loading", forms: [], emptyText: "", isMock: false, notMock: true, mockBanner: "" },
+  state: { status: "loading", forms: [], emptyText: "", isMock: false, notMock: true, notMockEmpty: true, notMockUnavailable: true},
   actions: {
     load: async (s) => {
       try {
         const r = await queryForms({ filter: { namespace: FORMS_NAMESPACE }, paging: { limit: 50 } });
         const forms = (r.forms ?? []).map(norm);
-        if (forms.length) return { ...s, status: "ready", forms, emptyText: "", isMock: false, notMock: true, mockBanner: "" };
-        return mockState(s, copyParam("forms.emptyBanner", MOCK_BANNER_EMPTY));
+        if (forms.length) return { ...s, status: "ready", forms, emptyText: "", isMock: false, notMock: true, notMockEmpty: true, notMockUnavailable: true};
+        return mockState(s, "empty");
       } catch {
         // The samples still render — a blank screen helps nobody and this vertical
         // deliberately ships a fallback — but the banner no longer asserts the site is
         // empty, because a failed query established no such thing.
-        return mockState(s, copyParam("forms.unavailableBanner", MOCK_BANNER_UNAVAILABLE));
+        return mockState(s, "unavailable");
       }
     },
   },

package/templates/branded-lite/tier5-src/himi-branded-lite-galleries/index.ts

@@ -25,7 +25,11 @@ interface Row { id: string; title: string; subtitle: string }
 interface S {
   status: "loading" | "ready";
   galleries: Row[]; emptyText: string;
-  isMock: boolean; notMock: boolean; mockBanner: string;
+  isMock: boolean; notMock: boolean; /** #2849 — hiddenWhen() hides on TRUE, so these are inverted: the empty-state banner
+   *  shows only when the site really has none, and the unavailable one only when the
+   *  query failed. A failed query must never render the sentence that claims the
+   *  customer has no content. */
+  notMockEmpty: boolean; notMockUnavailable: boolean;
 }
 
 function norm(g: RawGallery, i: number): Row {
@@ -35,24 +39,23 @@ function norm(g: RawGallery, i: number): Row {
   return { id: g.id || `gallery-${i}`, title, subtitle };
 }
 
-const MOCK_BANNER = "Sample content — this site has no galleries yet.";
 const MOCK: Row[] = [
   { id: "sample-work",   title: "Our Work",     subtitle: "24 photos" },
   { id: "sample-events", title: "Events",       subtitle: "48 photos" },
   { id: "sample-team",   title: "The Team",     subtitle: "9 photos" },
 ];
 
-function mockState(s: S): S {
-  return { ...s, status: "ready", galleries: MOCK.map((r) => ({ ...r })), emptyText: "", isMock: true, notMock: false, mockBanner: MOCK_BANNER };
+function mockState(s: S, reason: "empty" | "unavailable"): S {
+  return { ...s, status: "ready", galleries: MOCK.map((r) => ({ ...r })), emptyText: "", isMock: true, notMock: false, notMockEmpty: reason !== "empty", notMockUnavailable: reason !== "unavailable"};
 }
 
 const svc = defineService<S, { load: (s: S) => Promise<S> }>("himiBrandedGalleries", {
-  state: { status: "loading", galleries: [], emptyText: "", isMock: false, notMock: true, mockBanner: "" },
+  state: { status: "loading", galleries: [], emptyText: "", isMock: false, notMock: true, notMockEmpty: true, notMockUnavailable: true},
   actions: {
     load: async (s) => {
       try {
         const api = wixApi();
-        if (!api) return mockState(s);
+        if (!api) return mockState(s, "unavailable");
         const res = (await api.call("GET", GALLERIES_URL)) as
           { galleries?: RawGallery[] } | RawGallery[] | { data?: { galleries?: RawGallery[] } };
         // Accept {galleries:[...]}, a top-level array, or a {data:{galleries}} envelope.
@@ -61,10 +64,10 @@ const svc = defineService<S, { load: (s: S) => Promise<S> }>("himiBrandedGalleri
           (Array.isArray(res) ? (res as RawGallery[]) : undefined) ??
           (res as { data?: { galleries?: RawGallery[] } })?.data?.galleries ?? [];
         const galleries = raw.map(norm);
-        if (galleries.length) return { ...s, status: "ready", galleries, emptyText: "", isMock: false, notMock: true, mockBanner: "" };
-        return mockState(s);
+        if (galleries.length) return { ...s, status: "ready", galleries, emptyText: "", isMock: false, notMock: true, notMockEmpty: true, notMockUnavailable: true};
+        return mockState(s, "empty");
       } catch {
-        return mockState(s);
+        return mockState(s, "unavailable");
       }
     },
   },

package/templates/branded-lite/tier5-src/himi-branded-lite-giftcards/index.ts

@@ -11,7 +11,11 @@ interface Row { id: string; title: string; subtitle: string }
 interface S {
   status: "loading" | "ready";
   cards: Row[]; emptyText: string;
-  isMock: boolean; notMock: boolean; mockBanner: string;
+  isMock: boolean; notMock: boolean; /** #2849 — hiddenWhen() hides on TRUE, so these are inverted: the empty-state banner
+   *  shows only when the site really has none, and the unavailable one only when the
+   *  query failed. A failed query must never render the sentence that claims the
+   *  customer has no content. */
+  notMockEmpty: boolean; notMockUnavailable: boolean;
 }
 
 const CURRENCY_SYMBOL: Record<string, string> = { USD: "$", EUR: "€", GBP: "£", ILS: "₪", AUD: "A$", CAD: "C$" };
@@ -34,28 +38,27 @@ function norm(c: WixGiftCard): Row {
   return { id: c.id || c.code || "gift-card", title, subtitle };
 }
 
-const MOCK_BANNER = "Sample content — you have no gift cards yet.";
 const MOCK: Row[] = [
   { id: "sample-1", title: "Gift card ····4821", subtitle: "Balance $50.00" },
   { id: "sample-2", title: "Gift card ····9075", subtitle: "Balance $18.50" },
   { id: "sample-3", title: "Gift card ····3312", subtitle: "Balance $0.00" },
 ];
 
-function mockState(s: S): S {
-  return { ...s, status: "ready", cards: MOCK.map((r) => ({ ...r })), emptyText: "", isMock: true, notMock: false, mockBanner: MOCK_BANNER };
+function mockState(s: S, reason: "empty" | "unavailable"): S {
+  return { ...s, status: "ready", cards: MOCK.map((r) => ({ ...r })), emptyText: "", isMock: true, notMock: false, notMockEmpty: reason !== "empty", notMockUnavailable: reason !== "unavailable"};
 }
 
 const svc = defineService<S, { load: (s: S) => Promise<S> }>("himiBrandedGiftCards", {
-  state: { status: "loading", cards: [], emptyText: "", isMock: false, notMock: true, mockBanner: "" },
+  state: { status: "loading", cards: [], emptyText: "", isMock: false, notMock: true, notMockEmpty: true, notMockUnavailable: true},
   actions: {
     load: async (s) => {
       try {
         const r = await queryGiftCards({ query: { cursorPaging: { limit: 20 } } });
         const cards = (r.giftCards ?? []).map(norm);
-        if (cards.length) return { ...s, status: "ready", cards, emptyText: "", isMock: false, notMock: true, mockBanner: "" };
-        return mockState(s);
+        if (cards.length) return { ...s, status: "ready", cards, emptyText: "", isMock: false, notMock: true, notMockEmpty: true, notMockUnavailable: true};
+        return mockState(s, "empty");
       } catch {
-        return mockState(s);
+        return mockState(s, "unavailable");
       }
     },
   },