@wix/himalaya-cli 0.1614.0 → 0.1615.0

package/templates/salon-spa/tier5-src/himi-booking-account/index.ts

@@ -0,0 +1,241 @@
+// Tier-5 bundle: himi-booking — visitor/member account state.
+import { defineService } from "@himalaya/state";
+import { dispatch } from "@himalaya/dispatch";
+import { queryBookings, type WixBooking } from "@himalaya/wix-bookings";
+import { loadMemberProfile, strOf, fmtDateTime, titleCase, type AccountActivityRow } from "../_shared/himi-account";
+import { stashCopy, copyParam } from "../_shared/himi-copy.js";
+
+interface S {
+  status: "loading" | "ready";
+  isMember: boolean;
+  notMember: boolean;
+  identityLine: string;
+  detailLine: string;
+  memberName: string;
+  memberEmail: string;
+  memberImage: string;
+  memberInitials: string;
+  hasMemberImage: boolean;
+  noMemberImage: boolean;
+  authTitle: string;
+  authBody: string;
+  email: string;
+  password: string;
+  firstName: string;
+  lastName: string;
+  message: string;
+  isLoading: boolean;
+  notLoading: boolean;
+  isRegistering: boolean;
+  notRegistering: boolean;
+  activityTitle: string;
+  activitySummary: string;
+  activityRows: AccountActivityRow[];
+  activityEmptyText: string;
+  hasActivity: boolean;
+  noActivity: boolean;
+  servicesScreenId: string;
+  bookingsScreenId: string;
+}
+
+function derive(s: S): S {
+  const isRegistering = !!s.isRegistering;
+  const hasActivity = s.activityRows.length > 0;
+  return {
+    ...s,
+    isLoading: s.status === "loading",
+    notLoading: s.status !== "loading",
+    notMember: !s.isMember,
+    isRegistering,
+    notRegistering: !isRegistering,
+    hasActivity,
+    noActivity: !hasActivity,
+    authTitle: isRegistering
+      ? copyParam("bookingAccount.authTitleRegister", "Create account")
+      : copyParam("bookingAccount.authTitle", "Welcome"),
+    authBody: isRegistering
+      ? copyParam("bookingAccount.authBodyRegister", "Create a member account to book services and see your history.")
+      : copyParam("bookingAccount.authBody", "Sign in to book services and see your history."),
+  };
+}
+
+function bookingEmail(booking: WixBooking): string {
+  const contact = booking.contactDetails as { email?: string; contactEmail?: string } | undefined;
+  return (contact?.email ?? contact?.contactEmail ?? "").toLowerCase();
+}
+
+function bookingTitle(booking: WixBooking): string {
+  const entity = booking.bookedEntity as { serviceName?: string; title?: string } | undefined;
+  return entity?.serviceName || entity?.title || "Booking";
+}
+
+function bookingStart(booking: WixBooking): string | undefined {
+  const entity = booking.bookedEntity as { slot?: { startDate?: string } } | undefined;
+  return entity?.slot?.startDate || booking.startDate || booking.createdDate;
+}
+
+function bookingRow(booking: WixBooking): AccountActivityRow {
+  const start = bookingStart(booking);
+  return {
+    id: booking.id || start || bookingTitle(booking),
+    title: bookingTitle(booking),
+    subtitle: fmtDateTime(start) || "Booked time",
+    meta: titleCase(booking.paymentStatus) || "",
+    status: titleCase(booking.status) || "Booked",
+  };
+}
+
+async function bookingRows(memberEmail: string): Promise<AccountActivityRow[]> {
+  if (!memberEmail) return [];
+  const res = await queryBookings({ query: { paging: { limit: 50 } } });
+  return (res.bookings ?? [])
+    .filter((booking) => bookingEmail(booking) === memberEmail.toLowerCase())
+    .sort((a, b) => (Date.parse(bookingStart(b) || "") || 0) - (Date.parse(bookingStart(a) || "") || 0))
+    .slice(0, 3)
+    .map(bookingRow);
+}
+
+async function probe(s: S): Promise<S> {
+  const profile = await loadMemberProfile(copyParam("bookingAccount.guestDetail", "Sign in to book services and see your booking history."));
+  let activityRows: AccountActivityRow[] = [];
+  if (profile.isMember) {
+    try {
+      activityRows = await bookingRows(profile.memberEmail);
+    } catch {
+      activityRows = [];
+    }
+  }
+  return derive({
+    ...s,
+    status: "ready",
+    isMember: profile.isMember,
+    identityLine: profile.identityLine,
+    detailLine: profile.detailLine,
+    memberName: profile.memberName,
+    memberEmail: profile.memberEmail,
+    memberImage: profile.memberImage,
+    memberInitials: profile.memberInitials,
+    hasMemberImage: profile.hasMemberImage,
+    noMemberImage: profile.noMemberImage,
+    email: profile.memberEmail || s.email,
+    message: "",
+    activityRows,
+    activityTitle: copyParam("bookingAccount.activityTitle", "Recent bookings"),
+    activitySummary: activityRows.length
+      ? `${activityRows.length} recent ${activityRows.length === 1 ? "booking" : "bookings"}`
+      : copyParam("bookingAccount.activityHint", "Bookings are loaded from Wix Bookings."),
+    activityEmptyText: profile.isMember
+      ? copyParam("bookingAccount.activityEmptyMember", "No bookings for this member yet.")
+      : copyParam("bookingAccount.activityEmptyGuest", "Sign in to see bookings."),
+  });
+}
+
+function optimisticMember(s: S, email: string): S {
+  return derive({
+    ...s,
+    status: "ready",
+    isMember: true,
+    identityLine: copyParam("bookingAccount.signedIn", "Signed in"),
+    detailLine: email,
+    memberName: email,
+    memberEmail: email,
+    memberImage: "",
+    memberInitials: "M",
+    hasMemberImage: false,
+    noMemberImage: true,
+    email,
+    password: "",
+    firstName: "",
+    lastName: "",
+    isRegistering: false,
+    message: "",
+  });
+}
+
+const svc = defineService<S, {
+  load: (s: S, arg?: unknown) => Promise<S>;
+  refresh: (s: S, arg?: unknown) => Promise<S>;
+  setEmail: (s: S, arg?: unknown) => S;
+  setPassword: (s: S, arg?: unknown) => S;
+  setFirstName: (s: S, arg?: unknown) => S;
+  setLastName: (s: S, arg?: unknown) => S;
+  showRegister: (s: S) => S;
+  showSignIn: (s: S) => S;
+  signIn: (s: S) => Promise<S>;
+  register: (s: S) => Promise<S>;
+  signOut: (s: S) => Promise<S>;
+}>("himiBookingAccount", {
+  state: derive({
+    status: "loading",
+    isMember: false,
+    notMember: true,
+    identityLine: "",
+    detailLine: "",
+    memberName: "",
+    memberEmail: "",
+    memberImage: "",
+    memberInitials: "M",
+    hasMemberImage: false,
+    noMemberImage: true,
+    authTitle: "Welcome",
+    authBody: "Sign in to book services and see your history.",
+    email: "",
+    password: "",
+    firstName: "",
+    lastName: "",
+    message: "",
+    isLoading: true,
+    notLoading: false,
+    isRegistering: false,
+    notRegistering: true,
+    activityTitle: "Recent bookings",
+    activitySummary: "",
+    activityRows: [],
+    activityEmptyText: "No bookings for this member yet.",
+    hasActivity: false,
+    noActivity: true,
+    servicesScreenId: "himi_services",
+    bookingsScreenId: "himi_bookings",
+  }),
+  actions: {
+    load: (s, arg) => { stashCopy(arg); return probe(s); },
+    refresh: (s, arg) => { stashCopy(arg); return probe(s); },
+    setEmail: (s, arg) => derive({ ...s, email: strOf(arg), message: "" }),
+    setPassword: (s, arg) => derive({ ...s, password: strOf(arg), message: "" }),
+    setFirstName: (s, arg) => derive({ ...s, firstName: strOf(arg), message: "" }),
+    setLastName: (s, arg) => derive({ ...s, lastName: strOf(arg), message: "" }),
+    showRegister: (s) => derive({ ...s, isRegistering: true, message: "" }),
+    showSignIn: (s) => derive({ ...s, isRegistering: false, message: "" }),
+    signIn: async (s) => {
+      if (!s.email || !s.password) return derive({ ...s, message: copyParam("bookingAccount.validationEmailPassword", "Enter your email and password.") });
+      try {
+        await dispatch("himi.wix.signInDirect", { email: s.email, password: s.password });
+        const next = await probe(optimisticMember(s, s.email));
+        return derive({ ...next, password: "", message: next.isMember ? "" : copyParam("bookingAccount.signInCheckDetails", "Sign in failed. Check your details.") });
+      } catch {
+        return derive({ ...s, password: "", message: copyParam("bookingAccount.signInFailed", "Sign in failed. Try again.") });
+      }
+    },
+    register: async (s) => {
+      if (!s.email || !s.password) return derive({ ...s, message: copyParam("bookingAccount.validationEmailPassword", "Enter your email and password.") });
+      try {
+        await dispatch("himi.wix.registerDirect", {
+          email: s.email,
+          password: s.password,
+          firstName: s.firstName,
+          lastName: s.lastName,
+        });
+        const next = await probe(optimisticMember(s, s.email));
+        return derive({ ...next, password: "", message: next.isMember ? "" : copyParam("bookingAccount.registerTrySignIn", "Account creation failed. Try signing in.") });
+      } catch {
+        return derive({ ...s, password: "", message: copyParam("bookingAccount.registerFailed", "Account creation failed. Try another email.") });
+      }
+    },
+    signOut: async (s) => {
+      try { await dispatch("himi.wix.signOut"); } catch { /* ignore */ }
+      return probe({ ...s, isMember: false, isRegistering: false, message: "" });
+    },
+  },
+});
+svc.load();
+export { svc };