@repzo/widget-react-native 1.0.0

package/lib/commonjs/ui/screens/pre-chat/PreChatForm.styles.js

@@ -0,0 +1,125 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.styles = void 0;
+var _reactNative = require("react-native");
+var _theme = require("../../styles/theme.js");
+var _rtl = require("../../utils/rtl.js");
+/** Styles for the pre-chat form: brand header, fields and the skip/submit row. */
+
+const styles = exports.styles = _reactNative.StyleSheet.create({
+  header: {
+    flexDirection: 'row',
+    alignItems: 'flex-start',
+    gap: _theme.spacing.md,
+    paddingHorizontal: _theme.spacing.xl,
+    paddingVertical: _theme.spacing.lg,
+    minHeight: 96
+  },
+  headerCopy: {
+    flex: 1,
+    minWidth: 0
+  },
+  headerTitle: {
+    textAlign: _rtl.START_ALIGN,
+    fontSize: _theme.fontSize.heading,
+    fontWeight: '700',
+    marginBottom: _theme.spacing.xs
+  },
+  headerSubtitle: {
+    textAlign: _rtl.START_ALIGN,
+    fontSize: _theme.fontSize.meta,
+    lineHeight: _theme.fontSize.meta * 1.4
+  },
+  content: {
+    flexGrow: 1,
+    padding: _theme.spacing.xxl
+  },
+  field: {
+    marginBottom: _theme.spacing.lg
+  },
+  label: {
+    textAlign: _rtl.START_ALIGN,
+    fontSize: _theme.fontSize.meta,
+    fontWeight: '600',
+    color: '#374151',
+    marginBottom: _theme.spacing.xs
+  },
+  required: {
+    color: _theme.palette.danger
+  },
+  input: {
+    textAlign: _rtl.START_ALIGN,
+    borderWidth: _reactNative.StyleSheet.hairlineWidth,
+    borderColor: _theme.palette.disabled,
+    borderRadius: _theme.radius.sm,
+    paddingHorizontal: _theme.spacing.md,
+    paddingVertical: _theme.spacing.sm + 2,
+    fontSize: _theme.fontSize.input,
+    color: _theme.palette.ink,
+    minHeight: 46
+  },
+  inputError: {
+    borderColor: _theme.palette.danger
+  },
+  options: {
+    gap: _theme.spacing.sm
+  },
+  option: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    borderWidth: _reactNative.StyleSheet.hairlineWidth,
+    borderColor: _theme.palette.disabled,
+    borderRadius: _theme.radius.sm,
+    paddingHorizontal: _theme.spacing.md,
+    paddingVertical: _theme.spacing.md,
+    minHeight: 46
+  },
+  optionLabel: {
+    fontSize: _theme.fontSize.body,
+    color: _theme.palette.ink
+  },
+  errorText: {
+    textAlign: _rtl.START_ALIGN,
+    fontSize: _theme.fontSize.caption,
+    color: _theme.palette.danger,
+    marginTop: _theme.spacing.xs
+  },
+  actions: {
+    flexDirection: 'row',
+    gap: _theme.spacing.sm,
+    marginTop: _theme.spacing.lg
+  },
+  skipButton: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderWidth: _reactNative.StyleSheet.hairlineWidth,
+    borderColor: _theme.palette.disabled,
+    borderRadius: _theme.radius.sm,
+    paddingVertical: _theme.spacing.md,
+    minHeight: 46
+  },
+  skipLabel: {
+    fontSize: _theme.fontSize.body,
+    fontWeight: '600',
+    color: '#374151'
+  },
+  submitButton: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderRadius: _theme.radius.sm,
+    paddingVertical: _theme.spacing.md,
+    minHeight: 46
+  },
+  submitLabel: {
+    fontSize: _theme.fontSize.body,
+    fontWeight: '600',
+    color: _theme.palette.white
+  }
+});
+//# sourceMappingURL=PreChatForm.styles.js.map

package/lib/commonjs/ui/screens/pre-chat/PreChatForm.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_theme","_rtl","styles","exports","StyleSheet","create","header","flexDirection","alignItems","gap","spacing","md","paddingHorizontal","xl","paddingVertical","lg","minHeight","headerCopy","flex","minWidth","headerTitle","textAlign","START_ALIGN","fontSize","heading","fontWeight","marginBottom","xs","headerSubtitle","meta","lineHeight","content","flexGrow","padding","xxl","field","label","color","required","palette","danger","input","borderWidth","hairlineWidth","borderColor","disabled","borderRadius","radius","sm","ink","inputError","options","option","justifyContent","optionLabel","body","errorText","caption","marginTop","actions","skipButton","skipLabel","submitButton","submitLabel","white"],"sourceRoot":"../../../../../src","sources":["ui/screens/pre-chat/PreChatForm.styles.ts"],"mappings":";;;;;;AAEA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,IAAA,GAAAF,OAAA;AALA;;AAOO,MAAMG,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAGE,uBAAU,CAACC,MAAM,CAAC;EACtCC,MAAM,EAAE;IACNC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,YAAY;IACxBC,GAAG,EAAEC,cAAO,CAACC,EAAE;IACfC,iBAAiB,EAAEF,cAAO,CAACG,EAAE;IAC7BC,eAAe,EAAEJ,cAAO,CAACK,EAAE;IAC3BC,SAAS,EAAE;EACb,CAAC;EACDC,UAAU,EAAE;IACVC,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE;EACZ,CAAC;EACDC,WAAW,EAAE;IACXC,SAAS,EAAEC,gBAAW;IACtBC,QAAQ,EAAEA,eAAQ,CAACC,OAAO;IAC1BC,UAAU,EAAE,KAAK;IACjBC,YAAY,EAAEhB,cAAO,CAACiB;EACxB,CAAC;EACDC,cAAc,EAAE;IACdP,SAAS,EAAEC,gBAAW;IACtBC,QAAQ,EAAEA,eAAQ,CAACM,IAAI;IACvBC,UAAU,EAAEP,eAAQ,CAACM,IAAI,GAAG;EAC9B,CAAC;EACDE,OAAO,EAAE;IACPC,QAAQ,EAAE,CAAC;IACXC,OAAO,EAAEvB,cAAO,CAACwB;EACnB,CAAC;EACDC,KAAK,EAAE;IACLT,YAAY,EAAEhB,cAAO,CAACK;EACxB,CAAC;EACDqB,KAAK,EAAE;IACLf,SAAS,EAAEC,gBAAW;IACtBC,QAAQ,EAAEA,eAAQ,CAACM,IAAI;IACvBJ,UAAU,EAAE,KAAK;IACjBY,KAAK,EAAE,SAAS;IAChBX,YAAY,EAAEhB,cAAO,CAACiB;EACxB,CAAC;EACDW,QAAQ,EAAE;IACRD,KAAK,EAAEE,cAAO,CAACC;EACjB,CAAC;EACDC,KAAK,EAAE;IACLpB,SAAS,EAAEC,gBAAW;IACtBoB,WAAW,EAAEtC,uBAAU,CAACuC,aAAa;IACrCC,WAAW,EAAEL,cAAO,CAACM,QAAQ;IAC7BC,YAAY,EAAEC,aAAM,CAACC,EAAE;IACvBpC,iBAAiB,EAAEF,cAAO,CAACC,EAAE;IAC7BG,eAAe,EAAEJ,cAAO,CAACsC,EAAE,GAAG,CAAC;IAC/BzB,QAAQ,EAAEA,eAAQ,CAACkB,KAAK;IACxBJ,KAAK,EAAEE,cAAO,CAACU,GAAG;IAClBjC,SAAS,EAAE;EACb,CAAC;EACDkC,UAAU,EAAE;IACVN,WAAW,EAAEL,cAAO,CAACC;EACvB,CAAC;EACDW,OAAO,EAAE;IACP1C,GAAG,EAAEC,cAAO,CAACsC;EACf,CAAC;EACDI,MAAM,EAAE;IACN7C,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpB6C,cAAc,EAAE,eAAe;IAC/BX,WAAW,EAAEtC,uBAAU,CAACuC,aAAa;IACrCC,WAAW,EAAEL,cAAO,CAACM,QAAQ;IAC7BC,YAAY,EAAEC,aAAM,CAACC,EAAE;IACvBpC,iBAAiB,EAAEF,cAAO,CAACC,EAAE;IAC7BG,eAAe,EAAEJ,cAAO,CAACC,EAAE;IAC3BK,SAAS,EAAE;EACb,CAAC;EACDsC,WAAW,EAAE;IACX/B,QAAQ,EAAEA,eAAQ,CAACgC,IAAI;IACvBlB,KAAK,EAAEE,cAAO,CAACU;EACjB,CAAC;EACDO,SAAS,EAAE;IACTnC,SAAS,EAAEC,gBAAW;IACtBC,QAAQ,EAAEA,eAAQ,CAACkC,OAAO;IAC1BpB,KAAK,EAAEE,cAAO,CAACC,MAAM;IACrBkB,SAAS,EAAEhD,cAAO,CAACiB;EACrB,CAAC;EACDgC,OAAO,EAAE;IACPpD,aAAa,EAAE,KAAK;IACpBE,GAAG,EAAEC,cAAO,CAACsC,EAAE;IACfU,SAAS,EAAEhD,cAAO,CAACK;EACrB,CAAC;EACD6C,UAAU,EAAE;IACV1C,IAAI,EAAE,CAAC;IACPV,UAAU,EAAE,QAAQ;IACpB6C,cAAc,EAAE,QAAQ;IACxBX,WAAW,EAAEtC,uBAAU,CAACuC,aAAa;IACrCC,WAAW,EAAEL,cAAO,CAACM,QAAQ;IAC7BC,YAAY,EAAEC,aAAM,CAACC,EAAE;IACvBlC,eAAe,EAAEJ,cAAO,CAACC,EAAE;IAC3BK,SAAS,EAAE;EACb,CAAC;EACD6C,SAAS,EAAE;IACTtC,QAAQ,EAAEA,eAAQ,CAACgC,IAAI;IACvB9B,UAAU,EAAE,KAAK;IACjBY,KAAK,EAAE;EACT,CAAC;EACDyB,YAAY,EAAE;IACZ5C,IAAI,EAAE,CAAC;IACPV,UAAU,EAAE,QAAQ;IACpB6C,cAAc,EAAE,QAAQ;IACxBP,YAAY,EAAEC,aAAM,CAACC,EAAE;IACvBlC,eAAe,EAAEJ,cAAO,CAACC,EAAE;IAC3BK,SAAS,EAAE;EACb,CAAC;EACD+C,WAAW,EAAE;IACXxC,QAAQ,EAAEA,eAAQ,CAACgC,IAAI;IACvB9B,UAAU,EAAE,KAAK;IACjBY,KAAK,EAAEE,cAAO,CAACyB;EACjB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/ui/screens/pre-chat/PreChatForm.types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=PreChatForm.types.js.map

package/lib/commonjs/ui/screens/pre-chat/PreChatForm.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["ui/screens/pre-chat/PreChatForm.types.ts"],"mappings":"","ignoreList":[]}

package/lib/commonjs/ui/styles/global.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.globalStyles = void 0;
+var _reactNative = require("react-native");
+var _theme = require("./theme.js");
+/**
+ * Style rules shared by more than one screen or component, so a fingertip-sized
+ * icon button or a hairline divider is written once and looks the same
+ * everywhere. Screens layer their own sheet on top:
+ * `style={[globalStyles.divider, styles.inset]}`.
+ *
+ * Only rules that are identical at every call site belong here. A style that is
+ * "almost the same" stays with its screen: hoisting it would either fork it
+ * into variants or quietly change one screen to match another.
+ */
+
+const globalStyles = exports.globalStyles = _reactNative.StyleSheet.create({
+  /** Full-height white surface every screen starts from. */
+  screen: {
+    flex: 1,
+    backgroundColor: _theme.palette.white
+  },
+  /** Grows to take whatever space its parent has left. */
+  fill: {
+    flex: 1
+  },
+  /** Round icon target in a header bar, sized for a fingertip. */
+  iconButton: {
+    width: 34,
+    height: 34,
+    borderRadius: 17,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  /** Pressed feedback for icon buttons and text links. */
+  pressed: {
+    opacity: 0.6
+  },
+  /** Hairline between list rows; the caller adds the start inset. */
+  divider: {
+    height: _reactNative.StyleSheet.hairlineWidth,
+    backgroundColor: _theme.palette.borderSoft
+  },
+  /** Bordered white card that lists and previews sit in. */
+  card: {
+    borderRadius: _theme.radius.lg,
+    borderWidth: _reactNative.StyleSheet.hairlineWidth,
+    borderColor: _theme.palette.border,
+    backgroundColor: _theme.palette.white
+  }
+});
+//# sourceMappingURL=global.js.map

package/lib/commonjs/ui/styles/global.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_theme","globalStyles","exports","StyleSheet","create","screen","flex","backgroundColor","palette","white","fill","iconButton","width","height","borderRadius","alignItems","justifyContent","pressed","opacity","divider","hairlineWidth","borderSoft","card","radius","lg","borderWidth","borderColor","border"],"sourceRoot":"../../../../src","sources":["ui/styles/global.ts"],"mappings":";;;;;;AAWA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AAbA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAMO,MAAME,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAGE,uBAAU,CAACC,MAAM,CAAC;EAC5C;EACAC,MAAM,EAAE;IACNC,IAAI,EAAE,CAAC;IACPC,eAAe,EAAEC,cAAO,CAACC;EAC3B,CAAC;EACD;EACAC,IAAI,EAAE;IACJJ,IAAI,EAAE;EACR,CAAC;EACD;EACAK,UAAU,EAAE;IACVC,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,EAAE;IAChBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACD;EACAC,OAAO,EAAE;IACPC,OAAO,EAAE;EACX,CAAC;EACD;EACAC,OAAO,EAAE;IACPN,MAAM,EAAEV,uBAAU,CAACiB,aAAa;IAChCb,eAAe,EAAEC,cAAO,CAACa;EAC3B,CAAC;EACD;EACAC,IAAI,EAAE;IACJR,YAAY,EAAES,aAAM,CAACC,EAAE;IACvBC,WAAW,EAAEtB,uBAAU,CAACiB,aAAa;IACrCM,WAAW,EAAElB,cAAO,CAACmB,MAAM;IAC3BpB,eAAe,EAAEC,cAAO,CAACC;EAC3B;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/ui/styles/theme.js

@@ -0,0 +1,148 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DEFAULT_PRIMARY_COLOR = void 0;
+exports.buildTheme = buildTheme;
+exports.contrastingTextColor = contrastingTextColor;
+exports.fontSize = void 0;
+exports.hexToRgb = hexToRgb;
+exports.mixHex = mixHex;
+exports.spacing = exports.shadows = exports.radius = exports.palette = void 0;
+exports.withAlpha = withAlpha;
+/**
+ * Maps the widget's `GET /config` theming fields onto React Native styles.
+ *
+ * The palette mirrors the web widget so a workspace looks the same on both
+ * surfaces; type scales are nudged up because 13px body copy is unreadable on
+ * a phone (minimum readable body size is 15–16px).
+ */
+
+const palette = exports.palette = {
+  white: '#ffffff',
+  ink: '#1a1a1a',
+  text: '#111827',
+  textMuted: '#6b7280',
+  textSubtle: '#9ca3af',
+  textFaint: '#b0b0b0',
+  border: '#e5e7eb',
+  borderSoft: '#f3f4f6',
+  surface: '#f9fafb',
+  surfaceAlt: '#f3f4f6',
+  danger: '#ef4444',
+  warningBg: '#fef3c7',
+  warningBorder: '#fde68a',
+  warningText: '#92400e',
+  warningIcon: '#d97706',
+  online: '#22c55e',
+  disabled: '#d1d5db'
+};
+const radius = exports.radius = {
+  sm: 8,
+  md: 10,
+  lg: 12,
+  xl: 14,
+  pill: 999
+};
+const spacing = exports.spacing = {
+  xs: 4,
+  sm: 8,
+  md: 12,
+  lg: 16,
+  xl: 20,
+  xxl: 24
+};
+
+/** Mobile type scale — one step larger than the web widget's. */
+const fontSize = exports.fontSize = {
+  micro: 10,
+  caption: 12,
+  meta: 13,
+  body: 15,
+  input: 16,
+  title: 17,
+  heading: 22,
+  display: 28
+};
+const DEFAULT_PRIMARY_COLOR = exports.DEFAULT_PRIMARY_COLOR = '#0d9488';
+
+/**
+ * `override` supplies a translation for the active locale when one exists.
+ * Without it the workspace's single-language config fields are used, which is
+ * correct for the default locale and wrong for every other one.
+ */
+// Copy the dashboard owns — the greeting, the card labels — is rendered
+// exactly as the workspace typed it. Translating it is the dashboard's job.
+function buildTheme(config) {
+  return {
+    primaryColor: config?.primaryColor || DEFAULT_PRIMARY_COLOR,
+    position: config?.position || 'right',
+    isOnline: config?.isOnline ?? true,
+    offlineMessage: config && !config.isOnline && config.businessHoursEnabled && config.offlineMessage ? config.offlineMessage : undefined,
+    startConversationLabel: config?.startConversationLabel || 'Send us a message',
+    replyTimeLabel: config?.replyTimeLabel || 'We usually reply within a few minutes',
+    allowNewConversations: config?.allowNewConversations ?? true,
+    showPreviousConversations: config?.showPreviousConversations ?? true,
+    attachmentsEnabled: config?.attachmentsEnabled ?? true,
+    preChatEnabled: config?.preChatEnabled ?? false
+  };
+}
+
+/** `#rrggbb` → `rgba(r, g, b, alpha)`; passes non-hex colors straight through. */
+function withAlpha(color, alpha) {
+  const rgb = hexToRgb(color);
+  if (!rgb) return color;
+  return `rgba(${rgb[0]}, ${rgb[1]}, ${rgb[2]}, ${alpha})`;
+}
+function hexToRgb(color) {
+  const match = /^#?([a-f\d]{3}|[a-f\d]{6})$/i.exec(color.trim());
+  if (!match) return null;
+  let hex = match[1];
+  if (hex.length === 3) {
+    hex = hex.split('').map(char => char + char).join('');
+  }
+  const value = parseInt(hex, 16);
+  return [value >> 16 & 255, value >> 8 & 255, value & 255];
+}
+
+/** Linear blend between two hex colors, used to fake gradients without a native lib. */
+function mixHex(from, to, ratio) {
+  const a = hexToRgb(from);
+  const b = hexToRgb(to);
+  if (!a || !b) return from;
+  const channel = index => Math.round(a[index] + (b[index] - a[index]) * ratio);
+  return `rgb(${channel(0)}, ${channel(1)}, ${channel(2)})`;
+}
+
+/** Pick readable foreground text for an arbitrary brand color. */
+function contrastingTextColor(background) {
+  const rgb = hexToRgb(background);
+  if (!rgb) return palette.white;
+  const [r, g, b] = rgb;
+  const luminance = (0.299 * r + 0.587 * g + 0.114 * b) / 255;
+  return luminance > 0.7 ? palette.ink : palette.white;
+}
+const shadows = exports.shadows = {
+  card: {
+    shadowColor: '#0f172a',
+    shadowOffset: {
+      width: 0,
+      height: 4
+    },
+    shadowOpacity: 0.08,
+    shadowRadius: 14,
+    elevation: 3
+  },
+  floating: {
+    shadowColor: '#000000',
+    shadowOffset: {
+      width: 0,
+      height: 4
+    },
+    shadowOpacity: 0.15,
+    shadowRadius: 12,
+    elevation: 6
+  }
+};
+//# sourceMappingURL=theme.js.map

package/lib/commonjs/ui/styles/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["palette","exports","white","ink","text","textMuted","textSubtle","textFaint","border","borderSoft","surface","surfaceAlt","danger","warningBg","warningBorder","warningText","warningIcon","online","disabled","radius","sm","md","lg","xl","pill","spacing","xs","xxl","fontSize","micro","caption","meta","body","input","title","heading","display","DEFAULT_PRIMARY_COLOR","buildTheme","config","primaryColor","position","isOnline","offlineMessage","businessHoursEnabled","undefined","startConversationLabel","replyTimeLabel","allowNewConversations","showPreviousConversations","attachmentsEnabled","preChatEnabled","withAlpha","color","alpha","rgb","hexToRgb","match","exec","trim","hex","length","split","map","char","join","value","parseInt","mixHex","from","to","ratio","a","b","channel","index","Math","round","contrastingTextColor","background","r","g","luminance","shadows","card","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","floating"],"sourceRoot":"../../../../src","sources":["ui/styles/theme.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ui/utils/conversations.js

@@ -0,0 +1,125 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.formatClockTime = formatClockTime;
+exports.formatDayLabel = formatDayLabel;
+exports.formatRelativeTime = formatRelativeTime;
+exports.isSameDay = isSameDay;
+exports.pickRecentConversations = pickRecentConversations;
+exports.pickTeamAgents = pickTeamAgents;
+exports.sortByRecency = sortByRecency;
+var _i18n = require("../../i18n.js");
+/**
+ * Conversation selectors and formatting shared by the Home and Messages
+ * spaces, so the two can never disagree about ordering or wording.
+ * Pure and free of React so they stay trivial to test.
+ */
+
+const conversationTime = conversation => {
+  const parsed = Date.parse(conversation.lastMessageAt || conversation.createdAt || '');
+  return Number.isNaN(parsed) ? 0 : parsed;
+};
+
+/**
+ * Newest first. The store patches a conversation in place when a message
+ * arrives and never reorders the array, so position is not recency — every
+ * surface that lists conversations has to sort for itself.
+ */
+function sortByRecency(conversations) {
+  return [...conversations].sort((a, b) => conversationTime(b) - conversationTime(a));
+}
+function pickRecentConversations(conversations, limit = 2) {
+  return sortByRecency(conversations).slice(0, limit);
+}
+
+/** Distinct agents the visitor has spoken to, most recent conversation first. */
+function pickTeamAgents(conversations, limit = 3) {
+  const seen = new Set();
+  const agents = [];
+  for (const conversation of sortByRecency(conversations)) {
+    const name = conversation.agentName?.trim();
+    if (!name) continue;
+    const key = name.toLowerCase();
+    if (seen.has(key)) continue;
+    seen.add(key);
+    agents.push({
+      name,
+      avatar: conversation.agentAvatar
+    });
+    if (agents.length >= limit) break;
+  }
+  return agents;
+}
+
+/** Every unit is a translated template, so `2h` can become `منذ ساعتين`. */
+
+function formatRelativeTime(dateStr, labels) {
+  const date = new Date(dateStr);
+  const diffMs = Date.now() - date.getTime();
+  const diffMin = Math.floor(diffMs / 60000);
+  if (diffMin < 1) return labels.justNow;
+  if (diffMin < 60) return (0, _i18n.formatLabel)(labels.minutes, {
+    count: diffMin
+  });
+  const diffHrs = Math.floor(diffMin / 60);
+  if (diffHrs < 24) return (0, _i18n.formatLabel)(labels.hours, {
+    count: diffHrs
+  });
+  const diffDays = Math.floor(diffHrs / 24);
+  if (diffDays < 30) return (0, _i18n.formatLabel)(labels.days, {
+    count: diffDays
+  });
+  const diffMonths = Math.floor(diffDays / 30);
+  if (diffMonths < 12) return (0, _i18n.formatLabel)(labels.months, {
+    count: diffMonths
+  });
+  return (0, _i18n.formatLabel)(labels.years, {
+    count: Math.floor(diffDays / 365)
+  });
+}
+const startOfDay = date => new Date(date.getFullYear(), date.getMonth(), date.getDate()).getTime();
+function isSameDay(a, b) {
+  return startOfDay(new Date(a)) === startOfDay(new Date(b));
+}
+
+/**
+ * Clock time beside a message. Intl ships with Hermes but is guarded anyway —
+ * a missing implementation should not blank out every timestamp in the thread.
+ */
+function formatClockTime(dateStr, locale) {
+  const date = new Date(dateStr);
+  if (Number.isNaN(date.getTime())) return '';
+  try {
+    return new Intl.DateTimeFormat(locale, {
+      hour: 'numeric',
+      minute: '2-digit'
+    }).format(date);
+  } catch {
+    return `${String(date.getHours()).padStart(2, '0')}:${String(date.getMinutes()).padStart(2, '0')}`;
+  }
+}
+
+/** "Today", "Yesterday", then a real date once it is older than that. */
+function formatDayLabel(dateStr, locale, labels) {
+  const date = new Date(dateStr);
+  if (Number.isNaN(date.getTime())) return '';
+  const today = startOfDay(new Date());
+  const day = startOfDay(date);
+  if (day === today) return labels.today;
+  if (today - day === 86400000) return labels.yesterday;
+  const sameYear = date.getFullYear() === new Date().getFullYear();
+  try {
+    return new Intl.DateTimeFormat(locale, {
+      day: 'numeric',
+      month: 'short',
+      ...(sameYear ? {} : {
+        year: 'numeric'
+      })
+    }).format(date);
+  } catch {
+    return date.toDateString();
+  }
+}
+//# sourceMappingURL=conversations.js.map

package/lib/commonjs/ui/utils/conversations.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_i18n","require","conversationTime","conversation","parsed","Date","parse","lastMessageAt","createdAt","Number","isNaN","sortByRecency","conversations","sort","a","b","pickRecentConversations","limit","slice","pickTeamAgents","seen","Set","agents","name","agentName","trim","key","toLowerCase","has","add","push","avatar","agentAvatar","length","formatRelativeTime","dateStr","labels","date","diffMs","now","getTime","diffMin","Math","floor","justNow","formatLabel","minutes","count","diffHrs","hours","diffDays","days","diffMonths","months","years","startOfDay","getFullYear","getMonth","getDate","isSameDay","formatClockTime","locale","Intl","DateTimeFormat","hour","minute","format","String","getHours","padStart","getMinutes","formatDayLabel","today","day","yesterday","sameYear","month","year","toDateString"],"sourceRoot":"../../../../src","sources":["ui/utils/conversations.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ui/utils/html.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.htmlToText = htmlToText;
+exports.stripHtml = stripHtml;
+/**
+ * HTML → text helpers. The CRM stores message bodies as HTML and campaign
+ * payloads as rich text; React Native has no DOMParser, so these are the
+ * regex equivalents of the web widget's `stripHtml` / `htmlToText`.
+ */
+
+const ENTITIES = {
+  '&': '&',
+  '&lt;': '<',
+  '&gt;': '>',
+  '&quot;': '"',
+  '&#39;': "'",
+  '&apos;': "'",
+  '&nbsp;': ' '
+};
+function decodeEntities(text) {
+  return text.replace(/&(amp|lt|gt|quot|#39|apos|nbsp);/g, match => ENTITIES[match] ?? match).replace(/&#(\d+);/g, (_match, code) => String.fromCharCode(Number(code)));
+}
+
+/** Block-level tags become newlines so paragraphs survive the strip. */
+function stripHtml(html) {
+  if (!html) return '';
+  return decodeEntities(html.replace(/<br\s*\/?>/gi, '\n').replace(/<\/(p|div|li|h[1-6]|blockquote|tr)>/gi, '\n').replace(/<li[^>]*>/gi, '• ').replace(/<[^>]+>/g, '')).replace(/\n{3,}/g, '\n\n').trim();
+}
+
+/** Single-line flattening used for campaign cards and list snippets. */
+function htmlToText(html) {
+  if (!html) return '';
+  const spaced = html.replace(/<\/(p|div|li|h[1-6]|blockquote)>/gi, ' $&').replace(/<br\s*\/?>/gi, ' ');
+  return renderFallbackTokens(decodeEntities(spaced.replace(/<[^>]+>/g, ' ')).replace(/\s+/g, ' ').trim());
+}
+
+/** Unresolved merge tags would otherwise leak `{{ contact.firstName }}` to visitors. */
+function renderFallbackTokens(text) {
+  return text.replace(/\{\{\s*contact\.firstName\s*\}\}/g, 'there').replace(/\{\{\s*contact\.fullName\s*\}\}/g, 'there').replace(/\{\{\s*contact\.[^}]+\s*\}\}/g, '').replace(/\s+/g, ' ').trim();
+}
+//# sourceMappingURL=html.js.map

package/lib/commonjs/ui/utils/html.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ENTITIES","decodeEntities","text","replace","match","_match","code","String","fromCharCode","Number","stripHtml","html","trim","htmlToText","spaced","renderFallbackTokens"],"sourceRoot":"../../../../src","sources":["ui/utils/html.ts"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;;AAEA,MAAMA,QAAgC,GAAG;EACvC,OAAO,EAAE,GAAG;EACZ,MAAM,EAAE,GAAG;EACX,MAAM,EAAE,GAAG;EACX,QAAQ,EAAE,GAAG;EACb,OAAO,EAAE,GAAG;EACZ,QAAQ,EAAE,GAAG;EACb,QAAQ,EAAE;AACZ,CAAC;AAED,SAASC,cAAcA,CAACC,IAAY,EAAU;EAC5C,OAAOA,IAAI,CACRC,OAAO,CAAC,mCAAmC,EAAGC,KAAK,IAAKJ,QAAQ,CAACI,KAAK,CAAC,IAAIA,KAAK,CAAC,CACjFD,OAAO,CAAC,WAAW,EAAE,CAACE,MAAM,EAAEC,IAAI,KAAKC,MAAM,CAACC,YAAY,CAACC,MAAM,CAACH,IAAI,CAAC,CAAC,CAAC;AAC9E;;AAEA;AACO,SAASI,SAASA,CAACC,IAAY,EAAU;EAC9C,IAAI,CAACA,IAAI,EAAE,OAAO,EAAE;EACpB,OAAOV,cAAc,CACnBU,IAAI,CACDR,OAAO,CAAC,cAAc,EAAE,IAAI,CAAC,CAC7BA,OAAO,CAAC,uCAAuC,EAAE,IAAI,CAAC,CACtDA,OAAO,CAAC,aAAa,EAAE,IAAI,CAAC,CAC5BA,OAAO,CAAC,UAAU,EAAE,EAAE,CAC3B,CAAC,CACEA,OAAO,CAAC,SAAS,EAAE,MAAM,CAAC,CAC1BS,IAAI,CAAC,CAAC;AACX;;AAEA;AACO,SAASC,UAAUA,CAACF,IAAY,EAAU;EAC/C,IAAI,CAACA,IAAI,EAAE,OAAO,EAAE;EACpB,MAAMG,MAAM,GAAGH,IAAI,CAChBR,OAAO,CAAC,oCAAoC,EAAE,KAAK,CAAC,CACpDA,OAAO,CAAC,cAAc,EAAE,GAAG,CAAC;EAC/B,OAAOY,oBAAoB,CACzBd,cAAc,CAACa,MAAM,CAACX,OAAO,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC,CAC5CA,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CACpBS,IAAI,CAAC,CACV,CAAC;AACH;;AAEA;AACA,SAASG,oBAAoBA,CAACb,IAAY,EAAU;EAClD,OAAOA,IAAI,CACRC,OAAO,CAAC,mCAAmC,EAAE,OAAO,CAAC,CACrDA,OAAO,CAAC,kCAAkC,EAAE,OAAO,CAAC,CACpDA,OAAO,CAAC,+BAA+B,EAAE,EAAE,CAAC,CAC5CA,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CACpBS,IAAI,CAAC,CAAC;AACX","ignoreList":[]}

package/lib/commonjs/ui/utils/native-gradient.js

@@ -0,0 +1,65 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.VERTICAL = exports.DIAGONAL = void 0;
+exports.getNativeGradient = getNativeGradient;
+/**
+ * A real gradient when the host app happens to ship one, stacked bands when it
+ * does not.
+ *
+ * Stacked bands can only ever approximate a ramp: each strip is a solid fill,
+ * and once the strips are thin enough to hide the colour steps their heights
+ * start landing on fractional pixels, which shows up as faint seams. A native
+ * gradient has neither problem, so we use one where it exists — the same
+ * "borrow it from the host" approach as `safe-area.ts` and `storage.ts`.
+ *
+ * Resolution happens once at module load so component identity stays stable
+ * across renders.
+ */
+
+let nativeGradient = null;
+try {
+  // eslint-disable-next-line @typescript-eslint/no-var-requires
+  const mod = require('react-native-linear-gradient');
+  const component = mod?.default ?? mod?.LinearGradient;
+  if (component) nativeGradient = component;
+} catch {
+  nativeGradient = null;
+}
+
+/** Null when the host installed no gradient library; callers fall back to bands. */
+function getNativeGradient() {
+  return nativeGradient;
+}
+
+/** Top-to-bottom. The only direction the band fallback can draw. */
+const VERTICAL = exports.VERTICAL = {
+  start: {
+    x: 0.5,
+    y: 0
+  },
+  end: {
+    x: 0.5,
+    y: 1
+  }
+};
+
+/**
+ * Top-left to bottom-right, the same way round in every language. A brand
+ * ramp is a visual, not a sentence, so it does not mirror with the reading
+ * direction. Needs a native gradient: stacked bands are horizontal strips and
+ * can only ever run top to bottom.
+ */
+const DIAGONAL = exports.DIAGONAL = {
+  start: {
+    x: 0,
+    y: 0
+  },
+  end: {
+    x: 1,
+    y: 1
+  }
+};
+//# sourceMappingURL=native-gradient.js.map

package/lib/commonjs/ui/utils/native-gradient.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["nativeGradient","mod","require","component","default","LinearGradient","getNativeGradient","VERTICAL","exports","start","x","y","end","DIAGONAL"],"sourceRoot":"../../../../src","sources":["ui/utils/native-gradient.ts"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAgBA,IAAIA,cAAyD,GAAG,IAAI;AAEpE,IAAI;EACF;EACA,MAAMC,GAAG,GAAGC,OAAO,CAAC,8BAA8B,CAAC;EACnD,MAAMC,SAAS,GAAGF,GAAG,EAAEG,OAAO,IAAIH,GAAG,EAAEI,cAAc;EACrD,IAAIF,SAAS,EAAEH,cAAc,GAAGG,SAA+C;AACjF,CAAC,CAAC,MAAM;EACNH,cAAc,GAAG,IAAI;AACvB;;AAEA;AACO,SAASM,iBAAiBA,CAAA,EAA8C;EAC7E,OAAON,cAAc;AACvB;;AAEA;AACO,MAAMO,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG;EACtBE,KAAK,EAAE;IAAEC,CAAC,EAAE,GAAG;IAAEC,CAAC,EAAE;EAAE,CAAC;EACvBC,GAAG,EAAE;IAAEF,CAAC,EAAE,GAAG;IAAEC,CAAC,EAAE;EAAE;AACtB,CAAU;;AAEV;AACA;AACA;AACA;AACA;AACA;AACO,MAAME,QAAQ,GAAAL,OAAA,CAAAK,QAAA,GAAG;EACtBJ,KAAK,EAAE;IAAEC,CAAC,EAAE,CAAC;IAAEC,CAAC,EAAE;EAAE,CAAC;EACrBC,GAAG,EAAE;IAAEF,CAAC,EAAE,CAAC;IAAEC,CAAC,EAAE;EAAE;AACpB,CAAU","ignoreList":[]}