@tallyui/components 3.0.0-next.0 → 3.0.0-next.2

package/dist/index.d.ts

@@ -737,7 +737,7 @@ interface CustomerPickerProps {
     create?: (input: CustomerInput) => Promise<Customer>;
     selected: Customer | null;
     onSelect: (customer: Customer | null) => void;
-    /** Called for errors the picker can't explain to the cashier, including ConnectorUnauthorizedError, which means the app should sign in again. */
+    /** Called for errors the picker can't explain to the cashier, including `ConnectorUnauthorizedError`: sign in again only when its `code` is `'unauthorized'` (401). `'forbidden'` (403) means signed in but not allowed; never sign out for it. */
     onError?: (error: unknown) => void;
     /** false disables search and create (online only in v1). */
     online: boolean;

package/dist/index.js

@@ -1734,7 +1734,7 @@ var STATUS_STYLES = {
 };
 function formatAsOf(iso) {
   const date = new Date(iso);
-  return date.toDateString() === (/* @__PURE__ */ new Date()).toDateString() ? date.toLocaleTimeString(void 0, { hour: "2-digit", minute: "2-digit" }) : date.toLocaleDateString(void 0, { day: "numeric", month: "short" });
+  return date.toDateString() === (/* @__PURE__ */ new Date()).toDateString() ? date.toLocaleTimeString(void 0, { hour: "numeric", minute: "2-digit" }) : date.toLocaleDateString(void 0, { day: "numeric", month: "short" });
 }
 function ProductStockBadge({ doc, showQuantity = false, showAsOf = true, className, ...props }) {
   const { status, quantity, asOf } = useProductStock(doc);
@@ -2445,7 +2445,7 @@ function CustomerPicker({ search, create, selected, onSelect, onError, online, d
     if (error2 instanceof CustomerServiceError) {
       setError(error2.code === "network" ? "Couldn't reach the store. Try again." : error2.code === "server" ? "The store couldn't do that. Try again." : error2.message);
     } else {
-      setError(error2 instanceof ConnectorUnauthorizedError ? "Sign in again to continue." : "Something went wrong. Try again.");
+      setError(error2 instanceof ConnectorUnauthorizedError && error2.code === "unauthorized" ? "Sign in again to continue." : error2 instanceof ConnectorUnauthorizedError && error2.code === "forbidden" ? "Your account isn't allowed to do this on this store. Ask the store owner." : "Something went wrong. Try again.");
       onError?.(error2);
     }
   }
@@ -4229,7 +4229,7 @@ var STOCK_LABEL = {
   unknown: "Unknown"
 };
 function formatStockSyncTime(time, locale, hour12, now = /* @__PURE__ */ new Date()) {
-  const timeLabel = time.toLocaleTimeString(locale, { hour: "2-digit", minute: "2-digit", hour12 });
+  const timeLabel = time.toLocaleTimeString(locale, { hour: "numeric", minute: "2-digit", hour12 });
   if (time.toDateString() === now.toDateString()) return timeLabel;
   const dateLabel = time.toLocaleDateString(locale, { day: "numeric", month: "short" });
   return `${dateLabel}, ${timeLabel}`;
@@ -4428,12 +4428,24 @@ function Receipt({
 // src/sale/sync-status.tsx
 import { useEffect as useEffect7, useRef as useRef6, useState as useState18 } from "react";
 import { AccessibilityInfo as AccessibilityInfo2, Platform as Platform3, Text as Text38, View as View59 } from "react-native";
+
+// src/sale/since-text.ts
+function sinceText(clock) {
+  const time = (t) => new Date(t).toLocaleTimeString(void 0, { hour: "numeric", minute: "2-digit" });
+  return clock.firstFailedAt === void 0 ? "about " + time(clock.since) : time(clock.firstFailedAt);
+}
+
+// src/sale/sync-status.tsx
 import { Fragment as Fragment7, jsx as jsx93, jsxs as jsxs52 } from "react/jsx-runtime";
 var PULL_NOTICE_TEXT = {
   unauthorized: {
     line: () => "Products aren't updating: this till needs to sign in to the online store again.",
     detail: () => "You can keep selling. Products, prices and stock stay as they were until someone signs in again."
   },
+  forbidden: {
+    line: () => "Products aren't updating: your account isn't allowed to do this on this store.",
+    detail: () => "You can keep selling. Ask the store owner."
+  },
   till_update_required: {
     line: () => "Products aren't updating: this till needs updating.",
     detail: () => "You can keep selling. Products, prices and stock stay as they were until this till is updated."
@@ -4463,7 +4475,7 @@ var BACKEND_MISSING_DETAIL = "This till couldn't find {pluginName} on the online
 var REFUSED = (n, waiting) => n === 1 ? `1 sale needs attention${waiting} \xB7 The online store refused it. Ask the store owner to look at the till's sync log.` : `${n} sales need attention${waiting} \xB7 The online store refused them. Ask the store owner to look at the till's sync log.`;
 var REFUSED_DETAIL = "Refused sales stay on this till under Needs attention, each with what to do next.";
 var SALES_REFUSED = "The online store refused the last send. This till will try again with the next sale, or when the app is reopened.";
-var TILL_UPDATES_REFUSED = "The online store refused the last send. This till will try again with the next till update.";
+var TILL_UPDATES_REFUSED = "The online store refused the last send. This till will try again with the next till update, or when the app is reopened.";
 var count = (n, noun) => `${n} ${noun}${n === 1 ? "" : "s"}`;
 function useAnnounceOnIos(...texts) {
   const announced = useRef6(texts);
@@ -4490,8 +4502,7 @@ function SyncStatus({ state, registerState, pluginName = "the POS plugin", pullN
   ].filter(Boolean).join(" and ") + " waiting to sync";
   const { stuck } = state;
   const backendMissing = state.backendMissing ?? registerState?.backendMissing;
-  const at = (time) => new Date(time).toLocaleTimeString(void 0, { hour: "numeric", minute: "2-digit" });
-  const backendMissingText = state.pending === 0 && updates > 0 ? registerState?.stuck ? TILL_UPDATES_MISSING_SINCE.replace("{time}", () => at(registerState.stuck.since)) : TILL_UPDATES_MISSING : stuck ? BACKEND_MISSING_SINCE.replace("{time}", () => at(stuck.since)) : BACKEND_MISSING;
+  const backendMissingText = state.pending === 0 && updates > 0 ? registerState?.stuck ? TILL_UPDATES_MISSING_SINCE.replace("{time}", () => sinceText(registerState.stuck)) : TILL_UPDATES_MISSING : stuck ? BACKEND_MISSING_SINCE.replace("{time}", () => sinceText(stuck)) : BACKEND_MISSING;
   const upToDate = state.pending === 0 && updates === 0;
   const sentence = outbox.refused ? ` \xB7 ${outbox === state ? SALES_REFUSED : TILL_UPDATES_REFUSED}` : backendMissing || (state.pending === 0 && updates > 0 ? registerState?.stuck : stuck) ? ` \xB7 ${backendMissingText}` : "";
   const refused = state.rejected ? REFUSED(state.rejected, upToDate ? "" : `, ${updates ? label : `${state.pending} waiting to sync`}`) : "";
@@ -4569,7 +4580,7 @@ function OrdersList({ orders, onRetry, formatDate = defaultFormatDate2, footer,
             " \xB7 ",
             STATUS_LABEL[order.syncStatus]
           ] }),
-          stuckEntry ? /* @__PURE__ */ jsx94(Text39, { className: "text-destructive", children: `Hasn't reached the online store since ${new Date(stuckEntry.since).toLocaleTimeString(void 0, { hour: "numeric", minute: "2-digit" })}.` }) : null,
+          stuckEntry ? /* @__PURE__ */ jsx94(Text39, { className: "text-destructive", children: `Hasn't reached the online store since ${sinceText(stuckEntry)}.` }) : null,
           order.syncStatus === "rejected" ? /* @__PURE__ */ jsx94(Text39, { className: "text-destructive", children: refusalSentence(order.error?.code) }) : null,
           order.lateSessionId !== void 0 ? /* @__PURE__ */ jsx94(Text39, { className: "text-foreground", children: "Taken after the register closed. It is not in that register's closure." }) : null,
           order.localWarnings?.map((warning, index) => /* @__PURE__ */ jsx94(Text39, { className: "text-foreground", children: warning.code === "customer_omitted" ? `The customer's ${warning.field} couldn't be sent to the store, so the order isn't linked to them.` : "The terminal's payment reference couldn't be kept; the payment is recorded without it." }, index)),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tallyui/components",
-  "version": "3.0.0-next.0",
+  "version": "3.0.0-next.2",
   "type": "module",
   "description": "Universal POS UI components for Tally UI",
   "main": "./dist/index.js",
@@ -27,22 +27,22 @@
     "directory": "packages/components"
   },
   "peerDependencies": {
-    "@tallyui/core": "^3.0.0-next.0",
-    "@tallyui/primitives": "^3.0.0-next.0",
-    "@tallyui/theme": "^3.0.0-next.0",
+    "@tallyui/core": "^3.0.0-next.2",
+    "@tallyui/primitives": "^3.0.0-next.2",
+    "@tallyui/theme": "^3.0.0-next.2",
     "react": ">=18",
     "react-native": ">=0.74",
     "react-native-svg": ">=15"
   },
   "dependencies": {
     "class-variance-authority": "^0.7.1",
-    "@tallyui/pos": "3.0.0-next.0"
+    "@tallyui/pos": "3.0.0-next.2"
   },
   "devDependencies": {
-    "@tallyui/connector-medusa": "3.0.0-next.0",
-    "@tallyui/connector-vendure": "3.0.0-next.0",
-    "@tallyui/connector-woocommerce": "3.0.0-next.0",
-    "@tallyui/mock-api": "3.0.0-next.0",
+    "@tallyui/connector-medusa": "3.0.0-next.2",
+    "@tallyui/connector-vendure": "3.0.0-next.2",
+    "@tallyui/connector-woocommerce": "3.0.0-next.2",
+    "@tallyui/mock-api": "3.0.0-next.2",
     "@types/react": ">=18",
     "react": "^19.2.4",
     "react-native-svg": "15.12.1",

package/src/customer/customer-picker.tsx

@@ -13,7 +13,7 @@ export interface CustomerPickerProps {
   create?: (input: CustomerInput) => Promise<Customer>;
   selected: Customer | null;
   onSelect: (customer: Customer | null) => void;
-  /** Called for errors the picker can't explain to the cashier, including ConnectorUnauthorizedError, which means the app should sign in again. */
+  /** Called for errors the picker can't explain to the cashier, including `ConnectorUnauthorizedError`: sign in again only when its `code` is `'unauthorized'` (401). `'forbidden'` (403) means signed in but not allowed; never sign out for it. */
   onError?: (error: unknown) => void;
   /** false disables search and create (online only in v1). */
   online: boolean;
@@ -44,7 +44,9 @@ export function CustomerPicker({ search, create, selected, onSelect, onError, on
       setError(error.code === 'network' ? "Couldn't reach the store. Try again."
         : error.code === 'server' ? "The store couldn't do that. Try again." : error.message);
     } else {
-      setError(error instanceof ConnectorUnauthorizedError ? 'Sign in again to continue.' : 'Something went wrong. Try again.');
+      setError(error instanceof ConnectorUnauthorizedError && error.code === 'unauthorized' ? 'Sign in again to continue.'
+        : error instanceof ConnectorUnauthorizedError && error.code === 'forbidden' ? "Your account isn't allowed to do this on this store. Ask the store owner."
+          : 'Something went wrong. Try again.');
       onError?.(error);
     }
   }

package/src/product/product-stock-badge.tsx

@@ -49,7 +49,7 @@ const STATUS_STYLES: Record<StockStatus, { badge: string; dot: string; text: str
 function formatAsOf(iso: string): string {
   const date = new Date(iso);
   return date.toDateString() === new Date().toDateString()
-    ? date.toLocaleTimeString(undefined, { hour: '2-digit', minute: '2-digit' })
+    ? date.toLocaleTimeString(undefined, { hour: 'numeric', minute: '2-digit' })
     : date.toLocaleDateString(undefined, { day: 'numeric', month: 'short' });
 }
 

package/src/sale/catalogue.tsx

@@ -16,7 +16,7 @@ const STOCK_LABEL = {
 // function) so the formatting is testable without the device; callers default them to the
 // device's own settings and the current moment.
 export function formatStockSyncTime(time: Date, locale?: string, hour12?: boolean, now: Date = new Date()): string {
-  const timeLabel = time.toLocaleTimeString(locale, { hour: '2-digit', minute: '2-digit', hour12 });
+  const timeLabel = time.toLocaleTimeString(locale, { hour: 'numeric', minute: '2-digit', hour12 });
   // "Today" is decided in the device's own timezone: toDateString() reads the Date in local time,
   // the same timezone the device clock and toLocaleTimeString above already use.
   if (time.toDateString() === now.toDateString()) return timeLabel;

package/src/sale/orders-list.tsx

@@ -2,6 +2,7 @@ import { useEffect, useRef, useState, type ReactNode } from 'react';
 import { Pressable, ScrollView, Text, View } from 'react-native';
 import { formatMoney, knownWarnings } from '@tallyui/core';
 import { needsAttention, type OutboxState, type PosOrder } from '@tallyui/pos';
+import { sinceText } from './since-text';
 
 const STATUS_LABEL = { pending: 'Waiting to sync', applied: 'Synced', rejected: 'Not accepted' };
 /** `figures_mismatch`'s labels; a field a newer store sends that isn't here is shown by its raw name. */
@@ -61,7 +62,7 @@ export function OrdersList({ orders, onRetry, formatDate = defaultFormatDate, fo
             <Text className="text-muted-foreground">{formatDate(order.createdAt)} · {formatMoney({ amount: order.totalMinor, currency: order.currency })} · {STATUS_LABEL[order.syncStatus]}</Text>
             {stuckEntry ? <Text className="text-destructive">
               {/* The same words for any reason, with no reason code; the hour as the status line has it (numeric, #245). */}
-              {`Hasn't reached the online store since ${new Date(stuckEntry.since).toLocaleTimeString(undefined, { hour: 'numeric', minute: '2-digit' })}.`}
+              {`Hasn't reached the online store since ${sinceText(stuckEntry)}.`}
             </Text> : null}
             {/* The code's sentence alone: the cashier sees no error code and never the store's message. */}
             {order.syncStatus === 'rejected' ? <Text className="text-destructive">{refusalSentence(order.error?.code)}</Text> : null}

package/src/sale/since-text.ts

@@ -0,0 +1,7 @@
+// The time a stuck line names: the real first failure when this run has one, else "about" the virtual since (after a restart
+// firstFailedAt is gone; see OutboxState.stuck).
+export function sinceText(clock: { since: number; firstFailedAt?: number }): string {
+  // The device's own 12/24-hour format, with no forced leading zero on the hour.
+  const time = (t: number) => new Date(t).toLocaleTimeString(undefined, { hour: 'numeric', minute: '2-digit' });
+  return clock.firstFailedAt === undefined ? 'about ' + time(clock.since) : time(clock.firstFailedAt);
+}

package/src/sale/sync-status.tsx

@@ -2,6 +2,7 @@ import { useEffect, useRef, useState } from 'react';
 import { AccessibilityInfo, Platform, Text, View } from 'react-native';
 import type { SyncNotice } from '@tallyui/core';
 import type { OutboxState } from '@tallyui/pos';
+import { sinceText } from './since-text';
 
 /**
  * What the cashier reads when the product pull stops, keyed by the notice's code; the code itself is never shown.
@@ -14,6 +15,10 @@ const PULL_NOTICE_TEXT: Record<string, PullNoticeText> = {
     line: () => "Products aren't updating: this till needs to sign in to the online store again.",
     detail: () => 'You can keep selling. Products, prices and stock stay as they were until someone signs in again.',
   },
+  forbidden: {
+    line: () => "Products aren't updating: your account isn't allowed to do this on this store.",
+    detail: () => 'You can keep selling. Ask the store owner.',
+  },
   till_update_required: {
     line: () => "Products aren't updating: this till needs updating.",
     detail: () => 'You can keep selling. Products, prices and stock stay as they were until this till is updated.',
@@ -43,7 +48,7 @@ const PULL_NOTICE_FALLBACK: PullNoticeText = {
 
 // The line the cashier reads while the store keeps answering 404 (OutboxState.backendMissing) and no order is stuck.
 const BACKEND_MISSING = "Sales aren't reaching the online store. Keep selling: they're saved on this till and will send by themselves.";
-// The same line once an order is stuck, with the store missing or not; {time} becomes stuck.since.
+// The same line once an order is stuck, with the store missing or not; {time} is the real first failure or about the virtual since.
 const BACKEND_MISSING_SINCE = "Sales haven't reached the online store since {time}. Keep selling: they're saved on this till and will send by themselves.";
 // The line instead when no sale waits but till updates do, and its "since" variant once registerState.stuck is set.
 const TILL_UPDATES_MISSING = "Till updates aren't reaching the online store. Keep selling: they're saved on this till and will send by themselves.";
@@ -62,10 +67,10 @@ const REFUSED = (n: number, waiting: string) => n === 1
 const REFUSED_DETAIL = 'Refused sales stay on this till under Needs attention, each with what to do next.';
 // The sentence after the waiting count once the store refused a whole batch (OutboxState.refused) from the outbox shown, when
 // no command carries a code. Neither outbox sets a timer then: a new pending command flushes its outbox. For sales,
-// useOrderOutbox also calls start() when the store opens, which flushes; no app starts the register outbox at launch today,
-// so the till-updates sentence names only the next till update (#269).
+// useOrderOutbox calls start() when its store opens and useRegisterOutbox when its collection opens, so both flush
+// on reopen and both sentences name a reopen.
 const SALES_REFUSED = 'The online store refused the last send. This till will try again with the next sale, or when the app is reopened.';
-const TILL_UPDATES_REFUSED = 'The online store refused the last send. This till will try again with the next till update.';
+const TILL_UPDATES_REFUSED = 'The online store refused the last send. This till will try again with the next till update, or when the app is reopened.';
 
 const count = (n: number, noun: string) => `${n} ${noun}${n === 1 ? '' : 's'}`;
 // iOS has no live region (accessibilityLiveRegion is Android-only), so there each text is announced when it changes: never on
@@ -99,11 +104,9 @@ export function SyncStatus({ state, registerState, pluginName = 'the POS plugin'
     updates && count(updates, 'till update')].filter(Boolean).join(' and ') + ' waiting to sync';
   const { stuck } = state;
   const backendMissing = state.backendMissing ?? registerState?.backendMissing;
-  // The device's own 12/24-hour format, with no forced leading zero on the hour.
-  const at = (time: number) => new Date(time).toLocaleTimeString(undefined, { hour: 'numeric', minute: '2-digit' });
   const backendMissingText = state.pending === 0 && updates > 0 ? (registerState?.stuck
-    ? TILL_UPDATES_MISSING_SINCE.replace('{time}', () => at(registerState.stuck!.since)) : TILL_UPDATES_MISSING)
-    : stuck ? BACKEND_MISSING_SINCE.replace('{time}', () => at(stuck.since)) : BACKEND_MISSING;
+    ? TILL_UPDATES_MISSING_SINCE.replace('{time}', () => sinceText(registerState.stuck!)) : TILL_UPDATES_MISSING)
+    : stuck ? BACKEND_MISSING_SINCE.replace('{time}', () => sinceText(stuck)) : BACKEND_MISSING;
   const upToDate = state.pending === 0 && updates === 0;
   // The sentence shows with the store missing, or once the waiting sales (with none waiting, the till updates) are stuck, then as
   // its "since" variant: the same words for any reason, and no reason code.