@wix/himalaya-cli 0.1550.0 → 0.1552.0

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

@@ -0,0 +1,399 @@
+// himi-branded-lite-form — the Branded Lite Form screen: one Wix Form a visitor fills
+// out and sends.
+//
+// Reads the form (getForm) and renders its fields in layout order, one page at a time
+// (_shared/branded-form.ts parses the schema). A signed-in member gets email, names and
+// phone filled in from their member record, matched by each field's contact mapping.
+// Send = the app's own checks → validateFormSubmission (Wix's checks, nothing created) →
+// createSubmission, opted into the offline outbox. Server errors land in each field's own
+// slot; a failed send keeps every value and says so by the button.
+//
+// A form with a field the app cannot fill, or a conditional rule, shows a notice that
+// opens the website instead (a hidden required field would fail the whole send). A form
+// whose deadline passed shows a closed notice. Replaces wix-spaces-form-detail for this
+// app only: the Spaces clone fixture still uses that worker.
+import { classifyLoadError, defineService } from "@himalaya/state";
+import { open as openUrl } from "@himalaya/open-url";
+import { createSubmission, getForm, validateFormSubmission } from "@himalaya/wix-forms";
+import { getMyMember } from "@himalaya/wix-members";
+import { copyParam, copyTemplate, stashCopy } from "../_shared/himi-copy.js";
+import { detailInputId, presence, presenceAfterError, type PresenceFlags } from "../_shared/detail-presence.js";
+import { memberAccess } from "../_shared/member-access.js";
+import { formatDateMedium } from "../_shared/engine-intl.js";
+import {
+  EMPTY_VALUE, isoDate, localProblems, parseForm, serverProblems, submissionValues,
+  type FieldValue, type FormFieldModel, type FormModel,
+} from "../_shared/branded-form.js";
+
+interface OptionRow { id: string; target: string; value: string; label: string; selected: boolean }
+interface FieldRow {
+  id: string; target: string;
+  label: string; hideLabel: boolean; help: string; hideHelp: boolean; placeholder: string;
+  checkLabel: string; displayText: string;
+  value: string; dateText: string; hideDateValue: boolean; hideDatePlaceholder: boolean; checked: boolean;
+  error: string; noError: boolean;
+  /** The error line under a control with no error slot of its own (date, choice, checkbox). */
+  noErrorLine: boolean;
+  options: OptionRow[];
+  // hiddenWhen hides on TRUE: one "not" flag per field kind.
+  notText: boolean; notArea: boolean; notEmail: boolean; notPhone: boolean; notNumber: boolean; notUrl: boolean;
+  notDate: boolean; notCheck: boolean; notChoice: boolean; notMulti: boolean; notDisplay: boolean;
+}
+
+interface S extends PresenceFlags {
+  status: "loading" | "ready";
+  title: string;
+  rows: FieldRow[];
+  pageCaption: string; noPageCaption: boolean;
+  primaryLabel: string; backLabel: string; hideSingle: boolean; hidePair: boolean;
+  sending: boolean;
+  sendError: string; noSendError: boolean;
+  /** The fields and the footer: hidden unless the form is there, fillable, open and not sent. */
+  hideForm: boolean;
+  hideUnsupported: boolean; hideClosed: boolean;
+  /** No site URL (hosted mode): the notice keeps its sentence and drops the link. */
+  hideOpenWebsite: boolean;
+  hideDone: boolean; doneTitle: string; doneBody: string;
+  hideOfflineError: boolean; hideServerError: boolean;
+  dateSheetOpen: boolean; dateSheetTitle: string;
+  /** The sheet's date (unix seconds) — the picker shows it and Done writes it. */
+  dateDraft: number;
+}
+
+const BASE: S = {
+  status: "loading", title: "", rows: [], pageCaption: "", noPageCaption: true,
+  primaryLabel: "", backLabel: "", hideSingle: true, hidePair: true, sending: false, sendError: "", noSendError: true,
+  hideForm: true, hideUnsupported: true, hideClosed: true, hideOpenWebsite: true, hideDone: true, doneTitle: "", doneBody: "",
+  hideOfflineError: true, hideServerError: true, dateSheetOpen: false, dateSheetTitle: "", dateDraft: 0,
+  ...presence("loading"),
+};
+
+// The worker is the source of truth for what the visitor typed: a keystroke updates this
+// map and returns the state unchanged, so typing never re-renders the field list.
+let form: FormModel | undefined;
+let values: Record<string, FieldValue> = {};
+let page = 0;
+let problems: Record<string, string> = {};
+let siteUrl = "";
+let dateTarget = "";
+let dateDraft = 0;
+/** Done writes only a date the visitor picked: Android's standalone DatePicker does not read
+ *  `valuePath` and opens blank, so an untouched Done must not write a date nobody saw. */
+let datePicked = false;
+
+const valueOf = (target: string): FieldValue => values[target] ?? EMPTY_VALUE;
+const pageFields = (): FormFieldModel[] => (form?.pages[page] ?? []).map((id) => form!.fields[id]).filter(Boolean);
+const allFields = (): FormFieldModel[] => (form ? form.pages.flat().map((id) => form!.fields[id]).filter(Boolean) : []);
+const lastPage = (): boolean => !form || page >= form.pages.length - 1;
+
+function problemText(f: FormFieldModel, type: string): string {
+  switch (type) {
+    case "required":
+      return f.kind === "checkbox" ? copyParam("form.errorCheck", "Check this box to continue.")
+        : f.kind === "choice" || f.kind === "multi" ? copyParam("form.errorChoose", "Choose an option.")
+        : copyParam("form.errorRequired", "Enter a value.");
+    case "email": return copyParam("form.errorEmail", "Enter a valid email.");
+    case "number": return copyParam("form.errorNumber", "Enter a number.");
+    case "url": return copyParam("form.errorUrl", "Enter a valid link.");
+    case "REQUIRED_VALUE_ERROR": return problemText(f, "required");
+    case "FORMAT_ERROR":
+      return f.kind === "email" ? problemText(f, "email") : f.kind === "phone" ? copyParam("form.errorPhone", "Enter a valid phone number.")
+        : f.kind === "url" ? problemText(f, "url") : copyParam("form.errorInvalid", "Check this value.");
+    default: return copyParam("form.errorInvalid", "Check this value.");
+  }
+}
+
+function dateDisplay(iso: string): string {
+  const m = /^(\d{4})-(\d{2})-(\d{2})$/.exec(iso);
+  return m ? formatDateMedium(new Date(Number(m[1]), Number(m[2]) - 1, Number(m[3]))) : iso;
+}
+
+function row(f: FormFieldModel): FieldRow {
+  const v = valueOf(f.target);
+  const error = problems[f.target] ? problemText(f, problems[f.target]) : "";
+  const marked = f.label ? `${f.label}${f.required ? " *" : ""}` : "";
+  // A checkbox's label sits beside its box, and a text block is its own text: neither has
+  // a label line above it.
+  const label = f.kind === "checkbox" || f.kind === "display" ? "" : marked;
+  return {
+    id: f.id, target: f.target,
+    label, hideLabel: !label, help: f.help, hideHelp: !f.help,
+    checkLabel: f.kind === "checkbox" ? marked : "", displayText: f.kind === "display" ? f.label : "",
+    placeholder: f.kind === "date" ? (f.placeholder || copyParam("form.datePlaceholder", "Choose a date")) : f.placeholder,
+    value: v.text, dateText: dateDisplay(v.text), hideDateValue: !v.text, hideDatePlaceholder: !!v.text, checked: v.checked,
+    error, noError: !error,
+    noErrorLine: !error || !(f.kind === "date" || f.kind === "checkbox" || f.kind === "choice" || f.kind === "multi"),
+    options: f.options.map((o, i) => ({ id: `${f.id}_${i}`, target: f.target, value: o.value, label: o.label, selected: v.selected.includes(o.value) })),
+    notText: f.kind !== "text", notArea: f.kind !== "area", notEmail: f.kind !== "email", notPhone: f.kind !== "phone",
+    notNumber: f.kind !== "number", notUrl: f.kind !== "url", notDate: f.kind !== "date", notCheck: f.kind !== "checkbox",
+    notChoice: f.kind !== "choice", notMulti: f.kind !== "multi", notDisplay: f.kind !== "display",
+  };
+}
+
+/** The visible state for the current form, page, values and problems. */
+function view(s: S, patch: Partial<S> = {}): S {
+  if (!form) return { ...s, ...patch };
+  const pages = form.pages.length;
+  const fillable = !form.unsupported && !form.closed;
+  return {
+    ...s,
+    status: "ready",
+    title: form.title || copyParam("form.untitled", "Untitled form"),
+    rows: fillable ? pageFields().map(row) : [],
+    pageCaption: pages > 1 ? copyTemplate("form.pageCaption", "Page {page} of {total}", { page: String(page + 1), total: String(pages) }) : "",
+    noPageCaption: !fillable || pages < 2,
+    primaryLabel: lastPage() ? (form.submitText || copyParam("form.submitCta", "Submit")) : (form.nextText || copyParam("form.nextCta", "Next")),
+    backLabel: form.backText || copyParam("form.previousCta", "Back"),
+    hideSingle: !fillable || page > 0,
+    hidePair: !fillable || page === 0,
+    hideForm: !fillable,
+    hideUnsupported: !form.unsupported,
+    hideOpenWebsite: !siteUrl,
+    hideClosed: form.unsupported || !form.closed,
+    hideDone: true,
+    hideOfflineError: true, hideServerError: true,
+    ...presence("found"),
+    ...patch,
+  };
+}
+
+/** A signed-in member's own details by contact field, or `{}` for a visitor or a member read
+ *  that fails. Fetched beside the form (not after it), so a member does not wait twice. */
+async function memberDetails(): Promise<Record<string, string | undefined>> {
+  const access = await memberAccess().catch(() => ({ email: "", scope: "" }));
+  if (!access.email) return {};
+  let contact: { firstName?: string; lastName?: string; phones?: string[] } = {};
+  let loginEmail = access.email;
+  try {
+    const r = await getMyMember({ fieldsets: ["FULL"] }) as { member?: { loginEmail?: string; contact?: typeof contact } };
+    contact = r.member?.contact ?? {};
+    loginEmail = (r.member?.loginEmail || access.email).trim();
+  } catch { /* the email from the session is still the member's own */ }
+  return { EMAIL: loginEmail, FIRST_NAME: contact.firstName, LAST_NAME: contact.lastName, PHONE: contact.phones?.[0] };
+}
+
+/** The member's details, written into the empty fields they map to. */
+function prefill(byField: Record<string, string | undefined>): void {
+  for (const f of allFields()) {
+    const known = byField[f.contactField]?.trim();
+    if (!known || valueOf(f.target).text) continue;
+    values[f.target] = { ...valueOf(f.target), text: known };
+  }
+}
+
+function setValue(target: string, next: Partial<FieldValue>): void {
+  values[target] = { ...valueOf(target), ...next };
+}
+
+function argOf(arg: unknown): Record<string, unknown> {
+  return arg && typeof arg === "object" ? arg as Record<string, unknown> : {};
+}
+
+function messageFor(err: unknown): Partial<S> {
+  const offline = (err as { code?: unknown })?.code === "offline_write_blocked" || classifyLoadError(err) === "offline";
+  return {
+    sending: false,
+    sendError: offline ? copyParam("form.offlineError", "Connect to the internet, then try again.") : copyParam("form.sendError", "Couldn't send the form. Try again."),
+    noSendError: false,
+  };
+}
+
+/** Keeps the problems that name a field the screen shows and moves to the first page with one;
+ *  false when none does. A server error for a target the app does not render (a hidden field, an
+ *  unknown path) cannot be shown in a field, so the caller says so by the button instead. */
+function applyProblems(found: Record<string, string>): boolean {
+  const shown = new Set(allFields().map((f) => f.target));
+  problems = Object.fromEntries(Object.entries(found).filter(([target]) => shown.has(target)));
+  const targets = Object.keys(problems);
+  if (!targets.length || !form) return false;
+  const pageWithProblem = form.pages.findIndex((ids) => ids.some((id) => targets.includes(form!.fields[id]?.target ?? "")));
+  if (pageWithProblem >= 0) page = pageWithProblem;
+  return true;
+}
+
+/** A send in flight is numbered; a later load or send makes an earlier answer stale. */
+let sendVersion = 0;
+
+type SendRequest = Parameters<typeof createSubmission>[0];
+
+/** Wix's own checks first: they answer per field and create nothing. A check that cannot
+ *  run (offline, an outage) is not a reason to block the send. Then the send itself,
+ *  opted into the offline outbox. */
+async function send(version: number, request: SendRequest): Promise<void> {
+  let outcome: Record<string, unknown>;
+  try {
+    const check = await validateFormSubmission(request).catch(() => undefined);
+    const found = check && check.valid === false ? serverProblems(check) : {};
+    if (Object.keys(found).length) outcome = { outcome: "problems", problems: found };
+    else {
+      const sent = await createSubmission(request, { offline: "queue" });
+      outcome = { outcome: sent.status === "queued" ? "queued" : "sent" };
+    }
+  } catch (err) {
+    const found = serverProblems(err);
+    outcome = Object.keys(found).length
+      ? { outcome: "problems", problems: found }
+      : { outcome: "failed", error: { code: (err as { code?: unknown })?.code, message: String((err as Error)?.message ?? err) } };
+  }
+  await svc.finishSend({ version, ...outcome });
+}
+
+/** The form was sent (or queued): its done state outlives a repeat onAppear load. */
+let completed = false;
+let inflight: Promise<S> | undefined;
+let inflightId = "";
+
+async function loadForm(id: string): Promise<S> {
+  form = undefined; values = {}; page = 0; problems = {}; sendVersion += 1; completed = false;
+  if (!id) return { ...BASE, status: "ready", ...presence("missing") };
+  const member = memberDetails();
+  try {
+    const res = await getForm(id);
+    const parsed = parseForm(res);
+    if (!parsed.id || (res as { form?: { enabled?: boolean } }).form?.enabled === false) return { ...BASE, status: "ready", ...presence("missing") };
+    form = parsed;
+    prefill(await member);
+    return view({ ...BASE });
+  } catch (err) {
+    const p = presenceAfterError(err);
+    if (p.notFound) return { ...BASE, status: "ready", ...p };
+    const offline = classifyLoadError(err) === "offline";
+    return { ...BASE, status: "ready", ...p, hideLoadError: true, hideOfflineError: !offline, hideServerError: offline };
+  }
+}
+
+const svc = defineService<S, {
+  load: (s: S, arg?: unknown) => Promise<S>;
+  setText: (s: S, arg?: unknown) => S;
+  toggleCheck: (s: S, arg?: unknown) => S;
+  choose: (s: S, arg?: unknown) => S;
+  toggleOption: (s: S, arg?: unknown) => S;
+  openDate: (s: S, arg?: unknown) => S;
+  draftDate: (s: S, arg?: unknown) => S;
+  applyDate: (s: S) => S;
+  closeDate: (s: S) => S;
+  next: (s: S) => S;
+  finishSend: (s: S, arg?: unknown) => S;
+  back: (s: S) => S;
+  openWebsite: (s: S) => Promise<S>;
+}>("himiBrandedForm", {
+  state: BASE,
+  actions: {
+    load: async (s, arg) => {
+      stashCopy(arg);
+      const a = argOf(arg);
+      if (typeof a.siteUrl === "string") siteUrl = a.siteUrl.trim();
+      const id = detailInputId();
+      // The boot load and the descriptor's onAppear both ask for the same form, and onAppear fires
+      // again when the screen comes back (a sheet or the in-app browser closes). The same form id
+      // keeps what the visitor typed and the page they are on; only a new id, or a retry after a
+      // failure (no form held), starts over.
+      // A form already sent keeps its thank-you state: re-opening the editable form would invite
+      // a second submission.
+      if (form && id && form.id === id) return completed ? s : view(s);
+      if (inflight && inflightId === id) return inflight;
+      inflightId = id;
+      inflight = loadForm(id);
+      try { return await inflight; } finally { inflight = undefined; }
+    },
+    // Keystrokes: the value lives in the worker; the state only changes to clear an error.
+    setText: (s, arg) => {
+      const a = argOf(arg);
+      const target = String(a.target ?? "");
+      const text = typeof a.value === "string" ? a.value : typeof a.text === "string" ? a.text : "";
+      if (!target) return s;
+      setValue(target, { text });
+      if (!problems[target]) return s;
+      delete problems[target];
+      return view(s);
+    },
+    toggleCheck: (s, arg) => {
+      const a = argOf(arg);
+      const target = String(a.target ?? "");
+      if (!target) return s;
+      setValue(target, { checked: typeof a.value === "boolean" ? a.value : !valueOf(target).checked });
+      delete problems[target];
+      return view(s);
+    },
+    choose: (s, arg) => {
+      const a = argOf(arg);
+      const target = String(a.target ?? ""), value = String(a.option ?? "");
+      if (!target || !value) return s;
+      setValue(target, { selected: [value] });
+      delete problems[target];
+      return view(s);
+    },
+    toggleOption: (s, arg) => {
+      const a = argOf(arg);
+      const target = String(a.target ?? ""), value = String(a.option ?? "");
+      if (!target || !value) return s;
+      const sel = valueOf(target).selected;
+      setValue(target, { selected: sel.includes(value) ? sel.filter((x) => x !== value) : [...sel, value] });
+      delete problems[target];
+      return view(s);
+    },
+    openDate: (s, arg) => {
+      const target = String(argOf(arg).target ?? "");
+      const f = allFields().find((x) => x.target === target);
+      if (!f || s.sending) return s;
+      dateTarget = target;
+      datePicked = false;
+      const iso = valueOf(target).text;
+      dateDraft = /^\d{4}-\d{2}-\d{2}$/.test(iso) ? Math.floor(new Date(`${iso}T12:00:00`).getTime() / 1000) : Math.floor(Date.now() / 1000);
+      return { ...s, dateSheetOpen: true, dateSheetTitle: f.label, dateDraft };
+    },
+    draftDate: (s, arg) => {
+      const v = Number(argOf(arg).value);
+      if (!Number.isFinite(v) || v <= 0) return s;
+      dateDraft = v;
+      datePicked = true;
+      return { ...s, dateDraft };
+    },
+    applyDate: (s) => {
+      if (dateTarget && dateDraft && datePicked) { setValue(dateTarget, { text: isoDate(dateDraft) }); delete problems[dateTarget]; }
+      return view({ ...s, dateSheetOpen: false });
+    },
+    closeDate: (s) => ({ ...s, dateSheetOpen: false }),
+    back: (s) => {
+      if (page === 0 || s.sending) return s;
+      page -= 1;
+      return view(s, { noSendError: true, sendError: "" });
+    },
+    // "Next" on an earlier page, "Submit" on the last one.
+    next: (s) => {
+      if (!form || s.sending) return s;
+      const local = localProblems(pageFields(), values);
+      if (applyProblems(local)) return view(s, { noSendError: true, sendError: "" });
+      if (!lastPage()) { page += 1; problems = {}; return view(s, { noSendError: true, sendError: "" }); }
+      const all = allFields();
+      const allLocal = localProblems(all, values);
+      if (applyProblems(allLocal)) return view(s, { noSendError: true, sendError: "" });
+      const version = ++sendVersion;
+      void send(version, { submission: { formId: form.id, submissions: submissionValues(all, values) } });
+      return { ...s, sending: true, noSendError: true, sendError: "" };
+    },
+    finishSend: (s, arg) => {
+      const r = argOf(arg) as { version?: unknown; outcome?: unknown; problems?: unknown; error?: unknown };
+      if (r.version !== sendVersion || !form) return s;
+      if (r.outcome === "problems") {
+        if (applyProblems(r.problems as Record<string, string>)) return view(s, { sending: false, noSendError: true, sendError: "" });
+        return view(s, { sending: false, noSendError: false, sendError: copyParam("form.checkError", "Some answers can't be sent. Check the form and try again.") });
+      }
+      if (r.outcome === "failed") return view(s, messageFor(r.error));
+      const queued = r.outcome === "queued";
+      completed = true;
+      return view(s, {
+        sending: false, hideForm: true, hideSingle: true, hidePair: true, hideDone: false, rows: [], noPageCaption: true,
+        doneTitle: queued ? copyParam("form.queuedTitle", "Form saved") : copyParam("form.sentTitle", "Thank you"),
+        doneBody: queued ? copyParam("form.queuedBody", "We'll send your form when you're back online.")
+          : (form.thankYou || copyParam("form.sentBody", "Thanks, we received your submission.")),
+      });
+    },
+    openWebsite: async (s) => {
+      if (siteUrl) { try { await openUrl(siteUrl, "in_app_browser"); } catch { /* the handoff is best-effort */ } }
+      return s;
+    },
+  },
+});
+svc.load();
+export { svc };

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

@@ -5,8 +5,11 @@
 // visitor) and an empty one is a real empty state — never sample rows presented as
 // the customer's own. Samples appear only in the host's explicit sample preview
 // (_shared/branded-load-state.ts).
+import { classifyLoadError } from "@himalaya/state";
 import { defineService } from "../_shared/collection-service.js";
 import { LOADING, loaded, loadFailed, type LoadCopy, type LoadFlags } from "../_shared/branded-load-state.js";
+import { copyParam, stashCopy } from "../_shared/himi-copy.js";
+import { hasInputFields } from "../_shared/branded-form.js";
 import { queryForms, type WixForm } from "@himalaya/wix-forms";
 
 interface Row { id: string; title: string; subtitle: string }
@@ -17,6 +20,9 @@ interface S extends LoadFlags {
    *  query failed. A failed query must never render the sentence that claims the
    *  customer has no content. */
   notMockEmpty: boolean; notMockUnavailable: boolean;
+  /** The list's own states (the screen has no collection chrome): EmptyState only for a
+   *  real empty answer, one ErrorState per failure class. */
+  noEmpty: boolean; hideOfflineError: boolean; hideServerError: boolean; hideSignInError: boolean;
 }
 
 /** The Wix Forms namespace the Forms app owns. Booking/event registration forms live
@@ -24,7 +30,7 @@ interface S extends LoadFlags {
 const FORMS_NAMESPACE = "wix.form_app.form";
 
 function norm(f: WixForm): Row {
-  const title = (f.name || "Form").trim() || "Form";
+  const title = (f.name || "").trim() || copyParam("forms.untitled", "Untitled form");
   // The subtitle used to be "5 fields · Published" — a form-builder metric and a publishing
   // status, both back-office facts ([branded-lite-qa] #3077). A visitor sees the form's own
   // description when it has one, and nothing otherwise.
@@ -49,18 +55,27 @@ const COPY: LoadCopy<Row> = {
   sample: () => MOCK.map((r) => ({ ...r })),
 };
 
-const svc = defineService<S, { load: (s: S) => Promise<S> }>("himiBrandedForms", {
-  state: { ...LOADING, forms: [], emptyText: "" },
+const NO_STATES = { noEmpty: true, hideOfflineError: true, hideServerError: true, hideSignInError: true };
+
+const svc = defineService<S, { load: (s: S, arg?: unknown) => Promise<S> }>("himiBrandedForms", {
+  state: { ...LOADING, forms: [], emptyText: "", ...NO_STATES },
   actions: {
-    load: async (s) => {
+    load: async (s, arg) => {
+      stashCopy(arg);
       try {
         const r = await queryForms({ filter: { namespace: FORMS_NAMESPACE }, paging: { limit: 50 } });
         // A visitor can only fill a live form: a disabled or draft one used to be listed with a
         // "Disabled"/"Draft" label; now that the row carries no back-office status, it is not listed.
-        const forms = (r.forms ?? []).filter((f) => f.enabled !== false && !/^DRAFT$/i.test(String(f.status ?? ""))).map(norm);
-        return { ...s, ...loaded("forms", forms, COPY) };
+        const forms = (r.forms ?? [])
+          .filter((f) => f.enabled !== false && !/^DRAFT$/i.test(String(f.status ?? "")) && hasInputFields(f))
+          .map(norm);
+        const next = loaded("forms", forms, COPY);
+        return { ...s, ...next, ...NO_STATES, noEmpty: next.forms.length > 0 || next.isMock };
       } catch (err) {
-        return { ...s, ...loadFailed("forms", err, COPY) };
+        const next = loadFailed("forms", err, COPY);
+        // One state per class: offline and server failures offer Retry; a refused visitor offers Sign in.
+        const kind = next.signInRequired ? "signIn" : classifyLoadError(err) === "offline" ? "offline" : "server";
+        return { ...s, ...next, ...NO_STATES, hideOfflineError: next.isMock || kind !== "offline", hideServerError: next.isMock || kind !== "server", hideSignInError: next.isMock || kind !== "signIn" };
       }
     },
   },

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

@@ -481,7 +481,7 @@ function applePurchase(state: S): IapPurchaseFields {
   const id = inputId();
   const loaded = !!id && lastLoadedId === id;
   const sellable = SELLS_THROUGH_APPLE && loaded && lastProduct?.productType?.toLowerCase() === "digital" && !state.optionsUnknown && state.optionGroups.length === 0;
-  const copy = { ...iapPurchaseCopy("product"), buy: copyParam("product.buyCta", "Buy") };
+  const copy = iapPurchaseCopy("product");
   const fields = sellable ? productPricing.purchaseFields({ kind: "storesProduct", id }, copy) : NOT_APPLE;
   return fields.appleRoute ? fields : NOT_APPLE;
 }

package/templates/community-club/config.ts

@@ -38,6 +38,19 @@ export default defineApp({
     sync: "http://localhost:8190/v1/sync",
   },
   capabilities: ["live_activity","push","share","secure_storage","open_url","calendar","local_database","wix_api","wix_platform","app_info","iap","release_control","clipboard","theme"],
+  cache: {
+    "rules": [
+      {
+        "method": "POST",
+        "pathPrefix": "/form-submission-service/v4/submissions",
+        "cacheable": false,
+        "ttl": 0,
+        "swr": 0,
+        "tag": "forms",
+        "queueOffline": true
+      }
+    ]
+  },
   designTokensPath: "./tokens.json",
   navigation: {
     "navKind": "responsive",

package/templates/community-club/tier5-src/_shared/iap-attendance-purchase.ts

@@ -111,7 +111,7 @@ export function createAttendancePurchase(options: { kind: "bookingsService" | "e
     const classified = classifyForApple(metadata, currency);
     const candidate = platform === "ios" && classified === "appleIap";
     const price = iapPriceFields(commerce.pricing.view(reference), iapPriceCopy(prefix));
-    const copy = { ...iapPurchaseCopy(prefix), buy: copyParam(`${prefix}.appleBuyCta`, options.kind === "bookingsService" ? "Book with Apple" : "Buy ticket with Apple"), buyAnother: copyParam(`${prefix}.buyAnotherCta`, options.kind === "bookingsService" ? "Book again" : "Buy another ticket") };
+    const copy = iapPurchaseCopy(prefix);
     const purchase = commerce.purchaseFields(reference, copy);
     const apple = candidate || (platform === "ios" && classified !== "wixPayments" && purchase.appleRoute);
     const enabled = attendanceCheckoutRoute(metadata, currency, platform) === "appleIap";

package/templates/community-club/tier5-src/_shared/iap-worker.ts

@@ -20,7 +20,7 @@ export function iapPriceCopy(prefix: string): IapPriceCopy {
  *  `iapPurchaseFields`. Customer copy only: no backend names, ids or diagnostics. */
 export function iapPurchaseCopy(prefix: string): IapPurchaseCopy {
   return {
-    buy: copyParam(`${prefix}.buyCta`, "Get access"),
+    buy: copyParam(`${prefix}.buyCta`, "Buy now"),
     processing: copyParam(`${prefix}.purchaseProcessingText`, "Processing your purchase…"),
     awaitingApproval: copyParam(`${prefix}.purchaseAwaitingApprovalText`, "Waiting for approval"),
     unavailable: copyParam(`${prefix}.purchaseTemporarilyUnavailableText`, "Purchasing is temporarily unavailable."),

package/templates/events-meetups/config.ts

@@ -38,6 +38,19 @@ export default defineApp({
     sync: "http://localhost:8190/v1/sync",
   },
   capabilities: ["live_activity","push","share","secure_storage","open_url","calendar","local_database","wix_api","wix_platform","app_info","iap","release_control","clipboard","theme"],
+  cache: {
+    "rules": [
+      {
+        "method": "POST",
+        "pathPrefix": "/form-submission-service/v4/submissions",
+        "cacheable": false,
+        "ttl": 0,
+        "swr": 0,
+        "tag": "forms",
+        "queueOffline": true
+      }
+    ]
+  },
   designTokensPath: "./tokens.json",
   navigation: {
     "navKind": "responsive",

package/templates/events-meetups/tier5-src/_shared/iap-attendance-purchase.ts

@@ -111,7 +111,7 @@ export function createAttendancePurchase(options: { kind: "bookingsService" | "e
     const classified = classifyForApple(metadata, currency);
     const candidate = platform === "ios" && classified === "appleIap";
     const price = iapPriceFields(commerce.pricing.view(reference), iapPriceCopy(prefix));
-    const copy = { ...iapPurchaseCopy(prefix), buy: copyParam(`${prefix}.appleBuyCta`, options.kind === "bookingsService" ? "Book with Apple" : "Buy ticket with Apple"), buyAnother: copyParam(`${prefix}.buyAnotherCta`, options.kind === "bookingsService" ? "Book again" : "Buy another ticket") };
+    const copy = iapPurchaseCopy(prefix);
     const purchase = commerce.purchaseFields(reference, copy);
     const apple = candidate || (platform === "ios" && classified !== "wixPayments" && purchase.appleRoute);
     const enabled = attendanceCheckoutRoute(metadata, currency, platform) === "appleIap";

package/templates/events-meetups/tier5-src/_shared/iap-worker.ts

@@ -20,7 +20,7 @@ export function iapPriceCopy(prefix: string): IapPriceCopy {
  *  `iapPurchaseFields`. Customer copy only: no backend names, ids or diagnostics. */
 export function iapPurchaseCopy(prefix: string): IapPurchaseCopy {
   return {
-    buy: copyParam(`${prefix}.buyCta`, "Get access"),
+    buy: copyParam(`${prefix}.buyCta`, "Buy now"),
     processing: copyParam(`${prefix}.purchaseProcessingText`, "Processing your purchase…"),
     awaitingApproval: copyParam(`${prefix}.purchaseAwaitingApprovalText`, "Waiting for approval"),
     unavailable: copyParam(`${prefix}.purchaseTemporarilyUnavailableText`, "Purchasing is temporarily unavailable."),

package/templates/gym-fitness/config.ts

@@ -38,6 +38,19 @@ export default defineApp({
     sync: "http://localhost:8190/v1/sync",
   },
   capabilities: ["live_activity","push","share","secure_storage","open_url","calendar","local_database","wix_api","wix_platform","app_info","iap","release_control","clipboard","motion","theme"],
+  cache: {
+    "rules": [
+      {
+        "method": "POST",
+        "pathPrefix": "/form-submission-service/v4/submissions",
+        "cacheable": false,
+        "ttl": 0,
+        "swr": 0,
+        "tag": "forms",
+        "queueOffline": true
+      }
+    ]
+  },
   designTokensPath: "./tokens.json",
   navigation: {
     "navKind": "responsive",

package/templates/gym-fitness/tier5-src/_shared/iap-attendance-purchase.ts

@@ -111,7 +111,7 @@ export function createAttendancePurchase(options: { kind: "bookingsService" | "e
     const classified = classifyForApple(metadata, currency);
     const candidate = platform === "ios" && classified === "appleIap";
     const price = iapPriceFields(commerce.pricing.view(reference), iapPriceCopy(prefix));
-    const copy = { ...iapPurchaseCopy(prefix), buy: copyParam(`${prefix}.appleBuyCta`, options.kind === "bookingsService" ? "Book with Apple" : "Buy ticket with Apple"), buyAnother: copyParam(`${prefix}.buyAnotherCta`, options.kind === "bookingsService" ? "Book again" : "Buy another ticket") };
+    const copy = iapPurchaseCopy(prefix);
     const purchase = commerce.purchaseFields(reference, copy);
     const apple = candidate || (platform === "ios" && classified !== "wixPayments" && purchase.appleRoute);
     const enabled = attendanceCheckoutRoute(metadata, currency, platform) === "appleIap";

package/templates/gym-fitness/tier5-src/_shared/iap-worker.ts

@@ -20,7 +20,7 @@ export function iapPriceCopy(prefix: string): IapPriceCopy {
  *  `iapPurchaseFields`. Customer copy only: no backend names, ids or diagnostics. */
 export function iapPurchaseCopy(prefix: string): IapPurchaseCopy {
   return {
-    buy: copyParam(`${prefix}.buyCta`, "Get access"),
+    buy: copyParam(`${prefix}.buyCta`, "Buy now"),
     processing: copyParam(`${prefix}.purchaseProcessingText`, "Processing your purchase…"),
     awaitingApproval: copyParam(`${prefix}.purchaseAwaitingApprovalText`, "Waiting for approval"),
     unavailable: copyParam(`${prefix}.purchaseTemporarilyUnavailableText`, "Purchasing is temporarily unavailable."),

package/templates/gym-fitness/tier5-src/himi-store-product/index.ts

@@ -490,7 +490,7 @@ function applePurchase(state: S): IapPurchaseFields {
   const id = inputId();
   const loaded = !!id && lastLoadedId === id;
   const sellable = SELLS_THROUGH_APPLE && loaded && lastProduct?.productType?.toLowerCase() === "digital" && !state.optionsUnknown && state.optionGroups.length === 0;
-  const copy = { ...iapPurchaseCopy("product"), buy: copyParam("product.buyCta", "Buy") };
+  const copy = iapPurchaseCopy("product");
   const fields = sellable ? productPricing.purchaseFields({ kind: "storesProduct", id }, copy) : NOT_APPLE;
   return fields.appleRoute ? fields : NOT_APPLE;
 }

package/templates/nonprofit-cause/config.ts

@@ -38,6 +38,19 @@ export default defineApp({
     sync: "http://localhost:8190/v1/sync",
   },
   capabilities: ["live_activity","push","share","secure_storage","open_url","calendar","local_database","wix_api","wix_platform","app_info","iap","release_control","clipboard","theme"],
+  cache: {
+    "rules": [
+      {
+        "method": "POST",
+        "pathPrefix": "/form-submission-service/v4/submissions",
+        "cacheable": false,
+        "ttl": 0,
+        "swr": 0,
+        "tag": "forms",
+        "queueOffline": true
+      }
+    ]
+  },
   designTokensPath: "./tokens.json",
   navigation: {
     "navKind": "responsive",

package/templates/nonprofit-cause/tier5-src/_shared/iap-attendance-purchase.ts

@@ -111,7 +111,7 @@ export function createAttendancePurchase(options: { kind: "bookingsService" | "e
     const classified = classifyForApple(metadata, currency);
     const candidate = platform === "ios" && classified === "appleIap";
     const price = iapPriceFields(commerce.pricing.view(reference), iapPriceCopy(prefix));
-    const copy = { ...iapPurchaseCopy(prefix), buy: copyParam(`${prefix}.appleBuyCta`, options.kind === "bookingsService" ? "Book with Apple" : "Buy ticket with Apple"), buyAnother: copyParam(`${prefix}.buyAnotherCta`, options.kind === "bookingsService" ? "Book again" : "Buy another ticket") };
+    const copy = iapPurchaseCopy(prefix);
     const purchase = commerce.purchaseFields(reference, copy);
     const apple = candidate || (platform === "ios" && classified !== "wixPayments" && purchase.appleRoute);
     const enabled = attendanceCheckoutRoute(metadata, currency, platform) === "appleIap";