@wix/himalaya-cli 0.941.0 → 0.942.0

package/dist/cli.mjs

@@ -18541,6 +18541,7 @@ function shouldRevealError(args) {
 var EMAIL_RE, URL_HOST_RE, INTEGER_RE, NUMBER_RE;
 var init_validation = __esm({
   "../../core/ts/src/validation.ts"() {
+    "use strict";
     EMAIL_RE = /^[A-Za-z0-9._%+-]+@[A-Za-z0-9-]+(\.[A-Za-z0-9-]+)*\.[A-Za-z]{2,}$/;
     URL_HOST_RE = /^[A-Za-z0-9-]+(\.[A-Za-z0-9-]+)*(:[0-9]+)?$/;
     INTEGER_RE = /^[+-]?[0-9]+$/;
@@ -21964,6 +21965,7 @@ function validateWorkerSubtree(raw, slotId, policy, actionCatalog) {
 var WORKER_SUBTREE_CEILINGS, ID_PART, ACTION_ID;
 var init_worker_subtree = __esm({
   "../../core/ts/src/worker-subtree.ts"() {
+    "use strict";
     init_worker_subtree_safe_types_generated();
     WORKER_SUBTREE_CEILINGS = Object.freeze({
       maxEncodedBytes: 65536,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/himalaya-cli",
-  "version": "0.941.0",
+  "version": "0.942.0",
   "type": "module",
   "description": "himi — the Himalaya authoring CLI. Build a Tier-5 content package on your own machine, push it to the production serve as a draft, preview it on web + Himi Player, and read worker logs back — the remote dev loop. Wraps @himalaya/serve-cli for transport.",
   "keywords": [
@@ -64,5 +64,5 @@
       "artifactId": "himalaya-cli"
     }
   },
-  "falconPackageHash": "f6ef221b31d3e6cb04fc7f80011d74de1d766b5da1d85c61f7a68530"
+  "falconPackageHash": "8700bed97461c826fd04a33c50c3cc26d349fdeaad788594d2f598c1"
 }

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");
       }
     },
   },

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

@@ -13,7 +13,11 @@ interface Row { id: string; title: string; subtitle: string }
 interface S {
   status: "loading" | "ready";
   conversations: 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;
 }
 
 // businessDisplayData / participantDisplayData are open maps; pull a human name from
@@ -33,28 +37,27 @@ function norm(c: WixConversation, i: number): Row {
   return { id: c.id || `conv-${i}`, title, subtitle: preview };
 }
 
-const MOCK_BANNER = "Sample content — this site has no messages yet.";
 const MOCK: Row[] = [
   { id: "sample-orders",  title: "Orders",   subtitle: "Your order is on its way — track it here." },
   { id: "sample-support", title: "Support",  subtitle: "Hi! Let us know how we can help." },
   { id: "sample-team",    title: "The Team", subtitle: "Welcome 👋 Thanks for joining us!" },
 ];
 
-function mockState(s: S): S {
-  return { ...s, status: "ready", conversations: MOCK.map((r) => ({ ...r })), emptyText: "", isMock: true, notMock: false, mockBanner: MOCK_BANNER };
+function mockState(s: S, reason: "empty" | "unavailable"): S {
+  return { ...s, status: "ready", conversations: MOCK.map((r) => ({ ...r })), emptyText: "", isMock: true, notMock: false, notMockEmpty: reason !== "empty", notMockUnavailable: reason !== "unavailable"};
 }
 
 const svc = defineService<S, { load: (s: S) => Promise<S> }>("himiBrandedInbox", {
-  state: { status: "loading", conversations: [], emptyText: "", isMock: false, notMock: true, mockBanner: "" },
+  state: { status: "loading", conversations: [], emptyText: "", isMock: false, notMock: true, notMockEmpty: true, notMockUnavailable: true},
   actions: {
     load: async (s) => {
       try {
         const r = await listConversations({ paging: { limit: 50 } });
         const conversations = (r.conversations ?? []).map(norm);
-        if (conversations.length) return { ...s, status: "ready", conversations, emptyText: "", isMock: false, notMock: true, mockBanner: "" };
-        return mockState(s);
+        if (conversations.length) return { ...s, status: "ready", conversations, 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-invoices/index.ts

@@ -11,7 +11,11 @@ interface Row { id: string; title: string; subtitle: string }
 interface S {
   status: "loading" | "ready";
   invoices: 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> = {
@@ -35,28 +39,27 @@ function norm(v: WixInvoice): Row {
   return { id: v.id || "invoice", title, subtitle };
 }
 
-const MOCK_BANNER = "Sample content — you have no invoices yet.";
 const MOCK: Row[] = [
   { id: "sample-1024", title: "Invoice #1024", subtitle: "Paid · $120.00" },
   { id: "sample-1031", title: "Invoice #1031", subtitle: "Sent · $80.00" },
   { id: "sample-1042", title: "Invoice #1042", subtitle: "Overdue · $45.00" },
 ];
 
-function mockState(s: S): S {
-  return { ...s, status: "ready", invoices: MOCK.map((r) => ({ ...r })), emptyText: "", isMock: true, notMock: false, mockBanner: MOCK_BANNER };
+function mockState(s: S, reason: "empty" | "unavailable"): S {
+  return { ...s, status: "ready", invoices: MOCK.map((r) => ({ ...r })), emptyText: "", isMock: true, notMock: false, notMockEmpty: reason !== "empty", notMockUnavailable: reason !== "unavailable"};
 }
 
 const svc = defineService<S, { load: (s: S) => Promise<S> }>("himiBrandedInvoices", {
-  state: { status: "loading", invoices: [], emptyText: "", isMock: false, notMock: true, mockBanner: "" },
+  state: { status: "loading", invoices: [], emptyText: "", isMock: false, notMock: true, notMockEmpty: true, notMockUnavailable: true},
   actions: {
     load: async (s) => {
       try {
         const r = await queryInvoices({ query: { paging: { limit: 20 } } });
         const invoices = (r.invoices ?? []).filter((v) => v.archived !== true).map(norm);
-        if (invoices.length) return { ...s, status: "ready", invoices, emptyText: "", isMock: false, notMock: true, mockBanner: "" };
-        return mockState(s);
+        if (invoices.length) return { ...s, status: "ready", invoices, 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-loyalty/index.ts

@@ -13,7 +13,11 @@ interface S {
   status: "loading" | "ready";
   programName: string; unit: string;
   rewards: 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;
 }
 
 /** "500 points" / "Free" from a reward's requiredPoints. */
@@ -28,7 +32,6 @@ function norm(r: WixLoyaltyReward, unit: string): Row {
   return { id: r.id || r.name || "reward", name: r.name || "Reward", subtitle: pointsLabel(r, unit) };
 }
 
-const MOCK_BANNER = "Sample content — this business hasn't set up a rewards program yet.";
 const MOCK: Row[] = [
   { id: "sample-5off",    name: "$5 off your next order", subtitle: "500 points" },
   { id: "sample-ship",    name: "Free shipping",         subtitle: "300 points" },
@@ -36,12 +39,12 @@ const MOCK: Row[] = [
   { id: "sample-gift",    name: "Free welcome gift",     subtitle: "1,000 points" },
 ];
 
-function mockState(s: S): S {
-  return { ...s, status: "ready", programName: "Rewards", unit: "points", rewards: MOCK.map((r) => ({ ...r })), emptyText: "", isMock: true, notMock: false, mockBanner: MOCK_BANNER };
+function mockState(s: S, reason: "empty" | "unavailable"): S {
+  return { ...s, status: "ready", programName: "Rewards", unit: "points", rewards: MOCK.map((r) => ({ ...r })), emptyText: "", isMock: true, notMock: false, notMockEmpty: reason !== "empty", notMockUnavailable: reason !== "unavailable"};
 }
 
 const svc = defineService<S, { load: (s: S) => Promise<S> }>("himiBrandedLoyalty", {
-  state: { status: "loading", programName: "Rewards", unit: "points", rewards: [], emptyText: "", isMock: false, notMock: true, mockBanner: "" },
+  state: { status: "loading", programName: "Rewards", unit: "points", rewards: [], emptyText: "", isMock: false, notMock: true, notMockEmpty: true, notMockUnavailable: true},
   actions: {
     load: async (s) => {
       try {
@@ -51,10 +54,10 @@ const svc = defineService<S, { load: (s: S) => Promise<S> }>("himiBrandedLoyalty
         const programName = (p?.name || "Rewards").trim() || "Rewards";
         const r = await listLoyaltyRewards();
         const rewards = (r.rewards ?? []).filter((x) => x.active !== false).map((x) => norm(x, unit));
-        if (rewards.length) return { ...s, status: "ready", programName, unit, rewards, emptyText: "", isMock: false, notMock: true, mockBanner: "" };
-        return mockState(s);
+        if (rewards.length) return { ...s, status: "ready", programName, unit, rewards, 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-notifications/index.ts

@@ -25,7 +25,12 @@ interface Row {
 interface S {
   status: "loading" | "ready";
   items: 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;
 }
 
 /** Human "2h ago" / "Yesterday" from an ISO date. */
@@ -79,7 +84,6 @@ function norm(n: MfvNotification): Row {
   };
 }
 
-const MOCK_BANNER = "Sample content — you have no notifications yet.";
 const MOCK: Row[] = [
   { id: "sample-like",    name: "Maya Levin liked your post",           subtitle: "“Weekend pop-up” · 2h ago",  unread: true,  unreadDot: "●", photo: "", initial: "M", dest: "" },
   { id: "sample-comment", name: "Daniel Cohen commented on your post",  subtitle: "“Love this — count me in!” · 5h ago", unread: true,  unreadDot: "●", photo: "", initial: "D", dest: "" },
@@ -88,8 +92,9 @@ const MOCK: Row[] = [
   { id: "sample-offer",   name: "New offer just for you",               subtitle: "15% off your next order · 3d ago", unread: false, unreadDot: "", photo: "", initial: "%", dest: "" },
 ];
 
-function mockState(s: S): S {
-  return { ...s, status: "ready", items: MOCK.map((r) => ({ ...r })), emptyText: "", isMock: true, notMock: false, mockBanner: MOCK_BANNER };
+function mockState(s: S, reason: "empty" | "unavailable"): S {
+  return { ...s, status: "ready", items: MOCK.map((r) => ({ ...r })), emptyText: "", isMock: true, notMock: false,
+    notMockEmpty: reason !== "empty", notMockUnavailable: reason !== "unavailable" };
 }
 
 const svc = defineService<S, {
@@ -97,15 +102,15 @@ const svc = defineService<S, {
   markOneRead: (s: S, id: string) => Promise<S>;
   markAll: (s: S) => Promise<S>;
 }>("himiBrandedNotifications", {
-  state: { status: "loading", items: [], emptyText: "", isMock: false, notMock: true, mockBanner: "" },
+  state: { status: "loading", items: [], emptyText: "", isMock: false, notMock: true, notMockEmpty: true, notMockUnavailable: true },
   actions: {
     load: async (s) => {
       try {
         const items = (await queryNotifications(25)).map(norm);
-        if (items.length) return { ...s, status: "ready", items, emptyText: "", isMock: false, notMock: true, mockBanner: "" };
-        return mockState(s);
+        if (items.length) return { ...s, status: "ready", items, emptyText: "", isMock: false, notMock: true, notMockEmpty: true, notMockUnavailable: true };
+        return mockState(s, "empty");
       } catch {
-        return mockState(s);
+        return mockState(s, "unavailable");
       }
     },
     // Mark one read; optimistically clear its dot. Real write is best-effort and

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

@@ -21,7 +21,11 @@ interface Row { id: string; name: string; subtitle: string; on: boolean }
 interface S {
   status: "loading" | "ready";
   topics: 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;
 }
 
 /** A topic delivers unless an explicit MUTED preference silences it. The status
@@ -45,7 +49,6 @@ function norm(t: NotificationTopic, prefs: PreferenceInfo[]): Row {
   return row(t.id || name, name, isOn(t.id, prefs));
 }
 
-const MOCK_BANNER = "Sample content — notification settings will appear here once configured.";
 const MOCK: Row[] = [
   row("sample-orders", "Order updates", true),
   row("sample-bookings", "Bookings & reminders", true),
@@ -53,15 +56,15 @@ const MOCK: Row[] = [
   row("sample-community", "Community activity", true),
 ];
 
-function mockState(s: S): S {
-  return { ...s, status: "ready", topics: MOCK.map((r) => ({ ...r })), emptyText: "", isMock: true, notMock: false, mockBanner: MOCK_BANNER };
+function mockState(s: S, reason: "empty" | "unavailable"): S {
+  return { ...s, status: "ready", topics: MOCK.map((r) => ({ ...r })), emptyText: "", isMock: true, notMock: false, notMockEmpty: reason !== "empty", notMockUnavailable: reason !== "unavailable"};
 }
 
 const svc = defineService<S, {
   load: (s: S) => Promise<S>;
   toggle: (s: S, p?: { id?: string }) => Promise<S>;
 }>("himiBrandedNotifSettings", {
-  state: { status: "loading", topics: [], emptyText: "", isMock: false, notMock: true, mockBanner: "" },
+  state: { status: "loading", topics: [], emptyText: "", isMock: false, notMock: true, notMockEmpty: true, notMockUnavailable: true},
   actions: {
     load: async (s) => {
       try {
@@ -71,10 +74,10 @@ const svc = defineService<S, {
         ]);
         const prefs = prefsRes.preferences?.preferencesInfo ?? [];
         const topics = (topicsRes.topics ?? []).map((t) => norm(t, prefs));
-        if (topics.length) return { ...s, status: "ready", topics, emptyText: "", isMock: false, notMock: true, mockBanner: "" };
-        return mockState(s);
+        if (topics.length) return { ...s, status: "ready", topics, emptyText: "", isMock: false, notMock: true, notMockEmpty: true, notMockUnavailable: true};
+        return mockState(s, "empty");
       } catch {
-        return mockState(s);
+        return mockState(s, "unavailable");
       }
     },
     // Flip one topic's On/Off. Optimistic (updates the row immediately); the real

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

@@ -24,7 +24,11 @@ interface S {
   /** The Agenda wire shape, derived from `reservations` on every transition. */
   events: CalendarEvent[];
   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> = {
@@ -93,7 +97,6 @@ function withEvents(s: S, reservations: Row[]): S {
   return { ...s, reservations, events: eventsOf(reservations) };
 }
 
-const MOCK_BANNER = "Sample content — you have no reservations yet.";
 /** Sample rows sit on days RELATIVE to now, not on frozen "Aug 8" strings: an
  *  Agenda groups by real calendar day, and hardcoded past dates would pile the
  *  whole sample under one stale heading. */
@@ -119,8 +122,8 @@ function mockRows(): Row[] {
   ];
 }
 
-function mockState(s: S): S {
-  return withEvents({ ...s, status: "ready", emptyText: "", isMock: true, notMock: false, mockBanner: MOCK_BANNER }, mockRows());
+function mockState(s: S, reason: "empty" | "unavailable"): S {
+  return withEvents({ ...s, status: "ready", emptyText: "", isMock: true, notMock: false, notMockEmpty: reason !== "empty", notMockUnavailable: reason !== "unavailable"}, mockRows());
 }
 
 /** The reservation id out of a tap. `Agenda.onSelectEvent` dispatches
@@ -138,7 +141,7 @@ const svc = defineService<S, {
   load: (s: S) => Promise<S>;
   cancel: (s: S, p?: unknown) => Promise<S>;
 }>("himiBrandedReservations", {
-  state: { status: "loading", reservations: [], events: [], emptyText: "", isMock: false, notMock: true, mockBanner: "" },
+  state: { status: "loading", reservations: [], events: [], emptyText: "", isMock: false, notMock: true, notMockEmpty: true, notMockUnavailable: true},
   actions: {
     load: async (s) => {
       try {
@@ -147,11 +150,11 @@ const svc = defineService<S, {
         const r = await queryReservations({ cursorPaging: { limit: 20 }, sort: [{ fieldName: "details.startDate", order: "ASC" }] });
         const reservations = (r.reservations ?? []).map(norm);
         if (reservations.length) {
-          return withEvents({ ...s, status: "ready", emptyText: "", isMock: false, notMock: true, mockBanner: "" }, reservations);
+          return withEvents({ ...s, status: "ready", emptyText: "", isMock: false, notMock: true, notMockEmpty: true, notMockUnavailable: true}, reservations);
         }
-        return mockState(s);
+        return mockState(s, "empty");
       } catch {
-        return mockState(s);
+        return mockState(s, "unavailable");
       }
     },
     // Cancel one upcoming reservation. Optimistic (marks it Canceled immediately);

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

@@ -12,7 +12,11 @@ interface Row { id: string; author: string; stars: string; title: string; body:
 interface S {
   status: "loading" | "ready";
   reviews: 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;
 }
 
 /** "★★★★☆" from a 0–5 rating (clamped). */
@@ -32,7 +36,6 @@ function norm(v: WixReview): Row {
   };
 }
 
-const MOCK_BANNER = "Sample content — this business has no reviews yet.";
 const MOCK: Row[] = [
   { id: "sample-1", author: "Maya L.",   stars: "★★★★★", title: "Fantastic experience", body: "Best in town — friendly staff and top quality. Highly recommend!" },
   { id: "sample-2", author: "Daniel C.", stars: "★★★★☆", title: "Great value",          body: "Really enjoyed it and will definitely be coming back." },
@@ -40,22 +43,22 @@ const MOCK: Row[] = [
   { id: "sample-4", author: "Amit L.",   stars: "★★★★☆", title: "Solid",                body: "Good quality and quick service. Would order again." },
 ];
 
-function mockState(s: S): S {
-  return { ...s, status: "ready", reviews: MOCK.map((r) => ({ ...r })), emptyText: "", isMock: true, notMock: false, mockBanner: MOCK_BANNER };
+function mockState(s: S, reason: "empty" | "unavailable"): S {
+  return { ...s, status: "ready", reviews: MOCK.map((r) => ({ ...r })), emptyText: "", isMock: true, notMock: false, notMockEmpty: reason !== "empty", notMockUnavailable: reason !== "unavailable"};
 }
 
 const svc = defineService<S, { load: (s: S) => Promise<S> }>("himiBrandedReviews", {
-  state: { status: "loading", reviews: [], emptyText: "", isMock: false, notMock: true, mockBanner: "" },
+  state: { status: "loading", reviews: [], emptyText: "", isMock: false, notMock: true, notMockEmpty: true, notMockUnavailable: true},
   actions: {
     load: async (s) => {
       try {
         const r = await queryReviews({ cursorPaging: { limit: 20 } });
         const raw = (r.reviews ?? r.results ?? []) as WixReview[];
         const reviews = raw.map(norm).filter((x) => x.title || x.body);
-        if (reviews.length) return { ...s, status: "ready", reviews, emptyText: "", isMock: false, notMock: true, mockBanner: "" };
-        return mockState(s);
+        if (reviews.length) return { ...s, status: "ready", reviews, 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-videos/index.ts

@@ -37,7 +37,11 @@ interface Row { id: string; title: string; subtitle: string }
 interface S {
   status: "loading" | "ready";
   channels: 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: VodChannel): Row {
@@ -47,24 +51,23 @@ function norm(c: VodChannel): Row {
   return { id: c.id || "channel", title, subtitle: parts.join(" · ") };
 }
 
-const MOCK_BANNER = "Sample content — this site has no Wix Video channels yet.";
 const MOCK: Row[] = [
   { id: "sample-tutorials", title: "Tutorials",       subtitle: "12 videos" },
   { id: "sample-behind",    title: "Behind the Scenes", subtitle: "6 videos" },
   { id: "sample-masterclass", title: "Masterclass",    subtitle: "8 videos · Premium" },
 ];
 
-function mockState(s: S): S {
-  return { ...s, status: "ready", channels: MOCK.map((r) => ({ ...r })), emptyText: "", isMock: true, notMock: false, mockBanner: MOCK_BANNER };
+function mockState(s: S, reason: "empty" | "unavailable"): S {
+  return { ...s, status: "ready", channels: MOCK.map((r) => ({ ...r })), emptyText: "", isMock: true, notMock: false, notMockEmpty: reason !== "empty", notMockUnavailable: reason !== "unavailable"};
 }
 
 const svc = defineService<S, { load: (s: S) => Promise<S> }>("himiBrandedVideos", {
-  state: { status: "loading", channels: [], emptyText: "", isMock: false, notMock: true, mockBanner: "" },
+  state: { status: "loading", channels: [], 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("POST", VOD_PUBLIC_GRAPHQL, { query: CHANNEL_LIST_QUERY, variables: {} })) as
           { data?: { channels?: { entities?: VodChannel[] } } } | { channels?: { entities?: VodChannel[] } };
         // The gateway may return the GraphQL envelope ({data:{...}}) or the bridge may
@@ -73,10 +76,10 @@ const svc = defineService<S, { load: (s: S) => Promise<S> }>("himiBrandedVideos"
           (res as { data?: { channels?: { entities?: VodChannel[] } } })?.data?.channels?.entities ??
           (res as { channels?: { entities?: VodChannel[] } })?.channels?.entities ?? [];
         const channels = entities.map(norm);
-        if (channels.length) return { ...s, status: "ready", channels, emptyText: "", isMock: false, notMock: true, mockBanner: "" };
-        return mockState(s);
+        if (channels.length) return { ...s, status: "ready", channels, emptyText: "", isMock: false, notMock: true, notMockEmpty: true, notMockUnavailable: true};
+        return mockState(s, "empty");
       } catch {
-        return mockState(s);
+        return mockState(s, "unavailable");
       }
     },
   },