@wix/himalaya-cli 0.1574.0 → 0.1576.0

package/templates/beauty-salon-owner/tier5-src/_shared/exclusive-writes.ts

@@ -0,0 +1,66 @@
+import { defineService as register, type ServiceDefinition } from '@himalaya/state';
+
+/** Reject repeated taps until the accepted write's result is committed. A promise
+ * queue alone releases before the host applies the reducer result, so the next
+ * write can still read an old revision/id. The private synchronous reducer below
+ * publishes busy and commits completion through the ordinary service handle;
+ * awaiting that handle guarantees the host has stored the result before unlock.
+ * Skipped actions return undefined, so they cannot roll back the accepted write.
+ */
+export function withExclusiveWrites<S extends object = Record<string, unknown>>(
+  registerService: typeof register, names: readonly string[],
+  options: { prepare?: (action: string, args: readonly unknown[]) => void; coalesce?: readonly string[]; settle?: (before: S, next: S, live: S) => S } = {},
+): typeof register {
+  return ((name: string, definition: ServiceDefinition<Record<string, unknown>>) => {
+    let busy = false;
+    let activeAction = "";
+    let completion = Promise.resolve();
+    let complete = () => {};
+    let handle: { getState(): Record<string, unknown>; exclusiveWriteState(next: Record<string, unknown>): Promise<unknown> };
+    const wrapped: ServiceDefinition<Record<string, unknown>> = {
+      ...definition,
+      state: { ...definition.state, writeBusy: false },
+      notHydrated: [...(definition.notHydrated ?? []), 'writeBusy'],
+      actions: {
+        ...Object.fromEntries(Object.entries(definition.actions ?? {}).map(([action, reduce]) => [action,
+          names.includes(action) ? async (state: Record<string, unknown>, ...args: never[]) => {
+            // Intake request metadata even when its state replacement is skipped.
+            options.prepare?.(action, args);
+            if (busy) {
+              // Repeated initial loads must await the accepted load, so callers
+              // observe its committed rows rather than the initial skeleton.
+              if (activeAction === action && options.coalesce?.includes(action)) await completion;
+              return;
+            }
+            busy = true;
+            activeAction = action;
+            completion = new Promise<void>(resolve => { complete = resolve; });
+            try {
+              await handle.exclusiveWriteState({ ...handle.getState(), writeBusy: true });
+              const next = await reduce(state, ...args);
+              const live = handle.getState();
+              // Non-write actions (for example editing a draft field) can still run
+              // during I/O. Let the owning service preserve those newer edits.
+              const settled = options.settle ? options.settle(state as S, (next ?? live) as S, live as S) : next ?? live;
+              await handle.exclusiveWriteState({ ...settled, writeBusy: false });
+            } catch (error) {
+              await handle.exclusiveWriteState({ ...handle.getState(), writeBusy: false });
+              throw error;
+            } finally {
+              busy = false;
+              complete();
+            }
+          } : reduce,
+        ])),
+        exclusiveWriteState: (_state, next: Record<string, unknown>) => next,
+      },
+    };
+    const registered = registerService(name, wrapped);
+    // Registration preserves this private action, but the dynamic action map
+    // cannot express its payload to the generic service handle.
+    handle = registered as unknown as typeof handle;
+    // Older hosts ignore notHydrated. A fresh worker has no pending write.
+    handle.getState().writeBusy = false;
+    return registered;
+  }) as typeof register;
+}

package/templates/beauty-salon-owner/tier5-src/himi-owner-lite-post-form/index.ts

@@ -8,7 +8,9 @@ import { editorSubmitValue, queuedDocument, editorChanged, editorRunKeys, resetH
 import { ricosUploadService } from "@himalaya/wix-rich-content-editor";
 import { wixCall } from "@himalaya/wix-site-media";
 import { wixMediaUrl, WIX_DETAIL_IMAGE } from "../_shared/himi-store.js";
-import { defineService } from "@himalaya/state";
+import { defineService as registerService } from "@himalaya/state";
+import { withExclusiveWrites } from "../_shared/exclusive-writes.js";
+const defineService = withExclusiveWrites(registerService, ["submit"]);
 import { getDraftPost, createDraftPost, updateDraftPost, type WixDraftPostWrite, type WixRichContent } from "@himalaya/wix-blog";
 import { ownerLoadError, isOwnerPreviewDemo, ownerDemoFallback, ownerWriteError } from "../_shared/owner-load-error.js";
 import { DEMO_POSTS, DEMO_NOTE, DEMO_SAVE_NOTE, demoRefusalPatch } from "../_shared/owner-preview-demo.js";
@@ -53,6 +55,7 @@ interface PostFormState {
   noCover: boolean;
   isFeatured: string;
   status: "idle" | "loading" | "saving" | "saved" | "error";
+  writeBusy: boolean;
   error: string;
   savedMessage: string;
   /** WS-C — canonical detail target (`himi_owner_lite_post`); `savedId` rides
@@ -128,6 +131,7 @@ function shape(s: Partial<PostFormState>): PostFormState {
     noCover: !s.coverUrl,
     isFeatured: s.isFeatured ?? "false",
     status: s.status ?? "idle",
+    writeBusy: s.writeBusy ?? false,
     error: s.error ?? "",
     savedMessage: s.savedMessage ?? "",
     // WS-C — canonical detail target + the saved entity's id as a separate nav

package/templates/beauty-salon-owner/tier5-src/himi-owner-lite-product-form/index.ts

@@ -6,7 +6,9 @@
 // the WRITE shape needs `priceData: { price: <number>, currency }`. Bound by the
 // generic buildForm descriptor ($service:himiOwnerLiteProductForm.*).
 
-import { defineService } from "@himalaya/state";
+import { defineService as registerService } from "@himalaya/state";
+import { withExclusiveWrites } from "../_shared/exclusive-writes.js";
+const defineService = withExclusiveWrites(registerService, ["submit"]);
 import {
   getProduct,
   createProduct,
@@ -76,6 +78,7 @@ interface ProductFormState {
   descriptionNote: string;
   visible: string;
   status: "idle" | "loading" | "saving" | "saved" | "error";
+  writeBusy: boolean;
   error: string;
   savedMessage: string;
   /** WS-C — canonical detail target (`himi_owner_lite_product`); `savedId` rides
@@ -161,6 +164,7 @@ function shape(s: Partial<ProductFormState>): ProductFormState {
     descriptionNote: dMode === "locked" ? copyParam("ownerProductForm.richDescriptionNote", "This description has formatting or media. Edit it in your site dashboard to keep that content intact; name, price and SKU can be changed here.") : "",
     visible: s.visible ?? "true",
     status: s.status ?? "idle",
+    writeBusy: s.writeBusy ?? false,
     error: s.error ?? "",
     savedMessage: s.savedMessage ?? "",
     // WS-C — canonical detail target + the saved entity's id as a separate nav

package/templates/beauty-salon-owner/tier5-src/himi-owner-lite-service-form/index.ts

@@ -5,7 +5,9 @@
 // updateService. Bound by buildForm ($service:himiOwnerLiteServiceForm.*).
 
 import { landsOnLive } from "../_shared/owner-editor-value.js";
-import { defineService } from "@himalaya/state";
+import { defineService as registerService } from "@himalaya/state";
+import { withExclusiveWrites } from "../_shared/exclusive-writes.js";
+const defineService = withExclusiveWrites(registerService, ["submit"]);
 import { getService, updateService, type WixService } from "@himalaya/wix-bookings";
 import { ownerLoadError, isOwnerPreviewDemo, ownerDemoFallback, ownerWriteError } from "../_shared/owner-load-error.js";
 import { DEMO_SERVICES, DEMO_NOTE, DEMO_SAVE_NOTE, demoRefusalPatch } from "../_shared/owner-preview-demo.js";
@@ -31,6 +33,7 @@ interface ServiceFormState {
   description: string;
   category: string;
   status: "idle" | "loading" | "saving" | "saved" | "error";
+  writeBusy: boolean;
   error: string;
   savedMessage: string;
   /** WS-C — canonical detail target (`himi_owner_lite_service`); `savedId` rides
@@ -88,6 +91,7 @@ function shape(s: Partial<ServiceFormState>): ServiceFormState {
     description: s.description ?? "",
     category: s.category ?? "",
     status: s.status ?? "idle",
+    writeBusy: s.writeBusy ?? false,
     error: s.error ?? "",
     savedMessage: s.savedMessage ?? "",
     // WS-C — canonical detail target + the saved entity's id as a separate nav

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

@@ -16938,39 +16938,28 @@ const SCREENS = runtimeSetting({
                                                       "id": "himi_cart.qty_minus",
                                                       "body": {
                                                         "package": "himalaya",
-                                                        "type": "ZStack",
+                                                        "type": "Button",
                                                         "props": {
-                                                          "alignment": "center",
-                                                          "children": [
-                                                            {
-                                                              "id": "",
-                                                              "body": {
-                                                                "package": "himalaya",
-                                                                "type": "Icon",
-                                                                "props": {
-                                                                  "name": "minus",
-                                                                  "size": 24,
-                                                                  "tint": "textPrimary"
-                                                                }
-                                                              },
-                                                              "modifiers": {
-                                                                "accessibilityRole": "decorative"
-                                                              }
+                                                          "title": "Decrease quantity",
+                                                          "action": {
+                                                            "actionId": "tier5.himiStoreCart.decrement",
+                                                            "params": {
+                                                              "id": "$item.id"
                                                             }
-                                                          ]
+                                                          },
+                                                          "style": "tertiary",
+                                                          "iconOnly": true,
+                                                          "leadingIcon": "minus",
+                                                          "cornerRadius": 22,
+                                                          "minHeight": 44,
+                                                          "disabledPath": "$service:himiStoreCart.writeBusy"
                                                         }
                                                       },
                                                       "modifiers": {
                                                         "width": 44,
                                                         "height": 44,
-                                                        "onTap": {
-                                                          "actionId": "tier5.himiStoreCart.decrement",
-                                                          "params": {
-                                                            "id": "$item.id"
-                                                          }
-                                                        },
-                                                        "accessibilityRole": "button",
                                                         "accessibilityLabel": "Decrease quantity",
+                                                        "accessibilityRole": "button",
                                                         "haptic": "light"
                                                       }
                                                     },
@@ -16993,39 +16982,28 @@ const SCREENS = runtimeSetting({
                                                       "id": "himi_cart.qty_plus",
                                                       "body": {
                                                         "package": "himalaya",
-                                                        "type": "ZStack",
+                                                        "type": "Button",
                                                         "props": {
-                                                          "alignment": "center",
-                                                          "children": [
-                                                            {
-                                                              "id": "",
-                                                              "body": {
-                                                                "package": "himalaya",
-                                                                "type": "Icon",
-                                                                "props": {
-                                                                  "name": "plus",
-                                                                  "size": 24,
-                                                                  "tint": "textPrimary"
-                                                                }
-                                                              },
-                                                              "modifiers": {
-                                                                "accessibilityRole": "decorative"
-                                                              }
+                                                          "title": "Increase quantity",
+                                                          "action": {
+                                                            "actionId": "tier5.himiStoreCart.increment",
+                                                            "params": {
+                                                              "id": "$item.id"
                                                             }
-                                                          ]
+                                                          },
+                                                          "style": "tertiary",
+                                                          "iconOnly": true,
+                                                          "leadingIcon": "plus",
+                                                          "cornerRadius": 22,
+                                                          "minHeight": 44,
+                                                          "disabledPath": "$service:himiStoreCart.writeBusy"
                                                         }
                                                       },
                                                       "modifiers": {
                                                         "width": 44,
                                                         "height": 44,
-                                                        "onTap": {
-                                                          "actionId": "tier5.himiStoreCart.increment",
-                                                          "params": {
-                                                            "id": "$item.id"
-                                                          }
-                                                        },
-                                                        "accessibilityRole": "button",
                                                         "accessibilityLabel": "Increase quantity",
+                                                        "accessibilityRole": "button",
                                                         "haptic": "light"
                                                       }
                                                     },
@@ -17041,39 +17019,28 @@ const SCREENS = runtimeSetting({
                                                       "id": "himi_cart.save_filled",
                                                       "body": {
                                                         "package": "himalaya",
-                                                        "type": "ZStack",
+                                                        "type": "Button",
                                                         "props": {
-                                                          "alignment": "center",
-                                                          "children": [
-                                                            {
-                                                              "id": "",
-                                                              "body": {
-                                                                "package": "himalaya",
-                                                                "type": "Icon",
-                                                                "props": {
-                                                                  "name": "heart_fill",
-                                                                  "size": 24,
-                                                                  "tint": "textPrimary"
-                                                                }
-                                                              },
-                                                              "modifiers": {
-                                                                "accessibilityRole": "decorative"
-                                                              }
+                                                          "title": "Remove from wishlist",
+                                                          "action": {
+                                                            "actionId": "tier5.himiStoreCart.save",
+                                                            "params": {
+                                                              "id": "$item.id"
                                                             }
-                                                          ]
+                                                          },
+                                                          "style": "tertiary",
+                                                          "iconOnly": true,
+                                                          "leadingIcon": "heart_fill",
+                                                          "cornerRadius": 22,
+                                                          "minHeight": 44,
+                                                          "disabledPath": "$service:himiStoreCart.writeBusy"
                                                         }
                                                       },
                                                       "modifiers": {
                                                         "width": 44,
                                                         "height": 44,
-                                                        "onTap": {
-                                                          "actionId": "tier5.himiStoreCart.save",
-                                                          "params": {
-                                                            "id": "$item.id"
-                                                          }
-                                                        },
-                                                        "accessibilityRole": "button",
                                                         "accessibilityLabel": "Remove from wishlist",
+                                                        "accessibilityRole": "button",
                                                         "haptic": "light",
                                                         "hiddenPath": "$item.notSaved"
                                                       }
@@ -17082,39 +17049,28 @@ const SCREENS = runtimeSetting({
                                                       "id": "himi_cart.save",
                                                       "body": {
                                                         "package": "himalaya",
-                                                        "type": "ZStack",
+                                                        "type": "Button",
                                                         "props": {
-                                                          "alignment": "center",
-                                                          "children": [
-                                                            {
-                                                              "id": "",
-                                                              "body": {
-                                                                "package": "himalaya",
-                                                                "type": "Icon",
-                                                                "props": {
-                                                                  "name": "heart",
-                                                                  "size": 24,
-                                                                  "tint": "textPrimary"
-                                                                }
-                                                              },
-                                                              "modifiers": {
-                                                                "accessibilityRole": "decorative"
-                                                              }
+                                                          "title": "Add to wishlist",
+                                                          "action": {
+                                                            "actionId": "tier5.himiStoreCart.save",
+                                                            "params": {
+                                                              "id": "$item.id"
                                                             }
-                                                          ]
+                                                          },
+                                                          "style": "tertiary",
+                                                          "iconOnly": true,
+                                                          "leadingIcon": "heart",
+                                                          "cornerRadius": 22,
+                                                          "minHeight": 44,
+                                                          "disabledPath": "$service:himiStoreCart.writeBusy"
                                                         }
                                                       },
                                                       "modifiers": {
                                                         "width": 44,
                                                         "height": 44,
-                                                        "onTap": {
-                                                          "actionId": "tier5.himiStoreCart.save",
-                                                          "params": {
-                                                            "id": "$item.id"
-                                                          }
-                                                        },
-                                                        "accessibilityRole": "button",
                                                         "accessibilityLabel": "Add to wishlist",
+                                                        "accessibilityRole": "button",
                                                         "haptic": "light",
                                                         "hiddenPath": "$item.saved"
                                                       }
@@ -17123,39 +17079,28 @@ const SCREENS = runtimeSetting({
                                                       "id": "himi_cart.remove",
                                                       "body": {
                                                         "package": "himalaya",
-                                                        "type": "ZStack",
+                                                        "type": "Button",
                                                         "props": {
-                                                          "alignment": "center",
-                                                          "children": [
-                                                            {
-                                                              "id": "",
-                                                              "body": {
-                                                                "package": "himalaya",
-                                                                "type": "Icon",
-                                                                "props": {
-                                                                  "name": "trash",
-                                                                  "size": 24,
-                                                                  "tint": "textPrimary"
-                                                                }
-                                                              },
-                                                              "modifiers": {
-                                                                "accessibilityRole": "decorative"
-                                                              }
+                                                          "title": "Remove from cart",
+                                                          "action": {
+                                                            "actionId": "tier5.himiStoreCart.remove",
+                                                            "params": {
+                                                              "id": "$item.id"
                                                             }
-                                                          ]
+                                                          },
+                                                          "style": "tertiary",
+                                                          "iconOnly": true,
+                                                          "leadingIcon": "trash",
+                                                          "cornerRadius": 22,
+                                                          "minHeight": 44,
+                                                          "disabledPath": "$service:himiStoreCart.writeBusy"
                                                         }
                                                       },
                                                       "modifiers": {
                                                         "width": 44,
                                                         "height": 44,
-                                                        "onTap": {
-                                                          "actionId": "tier5.himiStoreCart.remove",
-                                                          "params": {
-                                                            "id": "$item.id"
-                                                          }
-                                                        },
-                                                        "accessibilityRole": "button",
                                                         "accessibilityLabel": "Remove from cart",
+                                                        "accessibilityRole": "button",
                                                         "haptic": "light"
                                                       }
                                                     }
@@ -17404,7 +17349,7 @@ const SCREENS = runtimeSetting({
                           "action": {
                             "actionId": "tier5.himiStoreCart.applyPromo"
                           },
-                          "disabledPath": "$service:himiStoreCart.promoBusy"
+                          "disabledPath": "$service:himiStoreCart.writeBusy"
                         }
                       },
                       "modifiers": {
@@ -17461,7 +17406,8 @@ const SCREENS = runtimeSetting({
                                   "iconOnly": true,
                                   "leadingIcon": "close",
                                   "cornerRadius": 22,
-                                  "minHeight": 44
+                                  "minHeight": 44,
+                                  "disabledPath": "$service:himiStoreCart.writeBusy"
                                 }
                               },
                               "modifiers": {
@@ -17595,6 +17541,7 @@ const SCREENS = runtimeSetting({
                   "title": "Checkout",
                   "style": "primary",
                   "fullWidth": true,
+                  "disabledPath": "$service:himiStoreCart.writeBusy",
                   "action": {
                     "actionId": "tier5.himiStoreCart.checkout"
                   }
@@ -86187,7 +86134,7 @@ const SCREENS = runtimeSetting({
                         "package": "himalaya",
                         "type": "Text",
                         "props": {
-                          "text": "Loading…",
+                          "text": "$t:common.detailLoadingText",
                           "style": "body",
                           "color": "textSecondary",
                           "collapseWhenEmpty": true,
@@ -86279,7 +86226,7 @@ const SCREENS = runtimeSetting({
                         "package": "himalaya",
                         "type": "Button",
                         "props": {
-                          "title": "Sign in",
+                          "title": "$t:account.signInCta",
                           "leadingIcon": "person",
                           "style": "primary",
                           "size": "md",
@@ -86306,7 +86253,7 @@ const SCREENS = runtimeSetting({
                         "package": "himalaya",
                         "type": "Button",
                         "props": {
-                          "title": "Try again",
+                          "title": "$t:common.retryCta",
                           "action": {
                             "actionId": "tier5.businessChat.init"
                           },
@@ -86341,8 +86288,8 @@ const SCREENS = runtimeSetting({
                 "package": "himalaya",
                 "type": "EmptyState",
                 "props": {
-                  "title": "No messages yet",
-                  "subtitle": "Send a message to start the conversation.",
+                  "title": "$t:businessChat.emptyTitle",
+                  "subtitle": "$t:chatThread.emptySubtitle",
                   "icon": "chat"
                 }
               },
@@ -86967,7 +86914,7 @@ const SCREENS = runtimeSetting({
                                                                         "package": "himalaya",
                                                                         "type": "Text",
                                                                         "props": {
-                                                                          "text": "Coupon code",
+                                                                          "text": "$t:chatThread.couponLabel",
                                                                           "style": "caption",
                                                                           "color": "textSecondary",
                                                                           "collapseWhenEmpty": true,
@@ -87452,6 +87399,37 @@ const SCREENS = runtimeSetting({
         "onAppear": {
           "actionId": "tier5.businessChat.init",
           "params": {
+            "businessChat.emptyTitle": "$t:businessChat.emptyTitle",
+            "businessChat.sending": "$t:businessChat.sending",
+            "businessChat.unconfirmed": "$t:businessChat.unconfirmed",
+            "businessChat.sessionChanged": "$t:businessChat.sessionChanged",
+            "businessChat.hostUnavailable": "$t:businessChat.hostUnavailable",
+            "businessChat.sendFailed": "$t:businessChat.sendFailed",
+            "businessChat.openFailed": "$t:businessChat.openFailed",
+            "businessChat.loadFailed": "$t:businessChat.loadFailed",
+            "businessChat.signInPrompt": "$t:businessChat.signInPrompt",
+            "businessChat.rejected": "$t:businessChat.rejected",
+            "businessChat.checkDelivery": "$t:businessChat.checkDelivery",
+            "businessChat.suggestionSent": "$t:businessChat.suggestionSent",
+            "businessChat.suggestionRejected": "$t:businessChat.suggestionRejected",
+            "businessChat.suggestionUnconfirmed": "$t:businessChat.suggestionUnconfirmed",
+            "businessChat.productImage": "$t:businessChat.productImage",
+            "businessChat.connecting": "$t:businessChat.connecting",
+            "businessChat.reconnecting": "$t:businessChat.reconnecting",
+            "businessChat.liveSessionUnavailable": "$t:businessChat.liveSessionUnavailable",
+            "businessChat.liveHostUnavailable": "$t:businessChat.liveHostUnavailable",
+            "businessChat.liveSetupFailed": "$t:businessChat.liveSetupFailed",
+            "businessChat.liveAuthFailed": "$t:businessChat.liveAuthFailed",
+            "businessChat.liveInterrupted": "$t:businessChat.liveInterrupted",
+            "businessChat.liveUnreadable": "$t:businessChat.liveUnreadable",
+            "businessChat.livePaused": "$t:businessChat.livePaused",
+            "businessChat.liveUnavailable": "$t:businessChat.liveUnavailable",
+            "businessChat.openLink": "$t:businessChat.openLink",
+            "businessChat.today": "$t:businessChat.today",
+            "businessChat.yesterday": "$t:businessChat.yesterday",
+            "businessChat.aiAssistant": "$t:businessChat.aiAssistant",
+            "businessChat.staffResponse": "$t:businessChat.staffResponse",
+            "businessChat.imageAttachment": "$t:businessChat.imageAttachment",
             "displayName": "__HIMI_APP_NAME__",
             "siteUrl": "__HIMI_MEMBER_SITE_URL__",
             "productScreen": "himi_product",
@@ -87709,7 +87687,7 @@ const SCREENS = runtimeSetting({
                           "onChange": {
                             "actionId": "tier5.businessChat.setDraft"
                           },
-                          "placeholder": "Type your message…",
+                          "placeholder": "$t:chatThread.composerPlaceholder",
                           "maxLength": 4000,
                           "multilineMaxLines": 5,
                           "borderless": true
@@ -87718,7 +87696,7 @@ const SCREENS = runtimeSetting({
                       "modifiers": {
                         "weight": 1,
                         "fillMaxWidth": true,
-                        "accessibilityLabel": "Type your message",
+                        "accessibilityLabel": "$t:chatThread.composerLabel",
                         "padding": {
                           "leading": 12,
                           "trailing": 10,
@@ -87785,7 +87763,7 @@ const SCREENS = runtimeSetting({
                                 "background": {
                                   "token": "accentPrimary"
                                 },
-                                "accessibilityLabel": "Send",
+                                "accessibilityLabel": "$t:chatThread.sendCta",
                                 "onTap": {
                                   "actionId": "tier5.businessChat.send"
                                 },