@repzo/widget-react-native 1.0.0

package/lib/module/ui/screens/home/HomeView.js

@@ -0,0 +1,332 @@
+"use strict";
+
+/**
+ * Home space — branded greeting header, the "start a conversation" card, a
+ * preview of recent threads and a team/availability strip.
+ * Port of `client/src/widget/components/HomeView.tsx`.
+ *
+ * The header meets the white body on a straight seam, the same as the web
+ * widget. Whether that seam is a hard edge or the background washing out into
+ * white is the dashboard's `homeBackgroundFade` toggle, and the start card sits
+ * astride it either way: top over the brand background, bottom over white.
+ *
+ * Everything on this screen comes from the widget config or the conversations
+ * the visitor already has; nothing here assumes a field the backend does not
+ * send today.
+ */
+
+import { Fragment, useEffect, useRef } from 'react';
+import { Animated, Easing, Image, Pressable, ScrollView, StyleSheet, Text, View } from 'react-native';
+import { Avatar } from "../../components/Avatar.js";
+import { ConversationRow } from "../../components/ConversationRow.js";
+import { FadeOverlay, GradientBackground } from "../../components/Gradient.js";
+import { AlertIcon, ArrowRightIcon, ChatIcon, ChatOutlineIcon, CloseIcon } from "../../components/icons.js";
+import { useReduceMotion } from "../../hooks/use-reduce-motion.js";
+import { globalStyles } from "../../styles/global.js";
+import { contrastingTextColor, palette, spacing, withAlpha } from "../../styles/theme.js";
+import { flipForRTL } from "../../utils/rtl.js";
+import { personalizeGreeting } from "./greeting.js";
+import { CLOSE_ICON_SIZE, HEADER_BOTTOM_PADDING, HEADER_FADE_HEIGHT, START_CARD_LIFT, styles } from "./HomeView.styles.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * The admin's explicit black/white toggle always wins. Older configs can omit
+ * it, and defaulting to dark text over a dark brand header is unreadable, so
+ * derive something legible from the background instead.
+ */
+function resolveHeaderTextColor(config, fallbackColor) {
+  if (config?.homeHeaderTextColor === 'white') return palette.white;
+  if (config?.homeHeaderTextColor === 'black') return palette.ink;
+  if (config?.homeBackgroundType === 'image') return palette.white;
+  if (config?.homeBackgroundType === 'gradient') {
+    return contrastingTextColor(config.homeBackgroundGradientStart || fallbackColor);
+  }
+  return contrastingTextColor(config?.homeBackgroundColor || fallbackColor);
+}
+export function HomeView({
+  config,
+  color,
+  visitorName,
+  conversationCount,
+  recentConversations,
+  unreadByConversation,
+  teamAgents,
+  isOnline,
+  offlineMessage,
+  startConversationLabel,
+  replyTimeLabel,
+  allowNewConversations,
+  showPreviousConversations,
+  labels,
+  onClose,
+  onStartConversation,
+  onViewConversations,
+  onOpenConversation
+}) {
+  const heading = personalizeGreeting(config?.welcomeHeading, visitorName, 'Hi there');
+  // Both lines render exactly as the dashboard sent them, so the admin sees the
+  // same header in the preview and on the phone, even when the subheading
+  // repeats the reply time printed on the start card below.
+  const subheading = config?.welcomeSubheading || 'How can we help?';
+  const textColor = resolveHeaderTextColor(config, color);
+  const secondaryTextColor = textColor === palette.white ? withAlpha(palette.white, 0.8) : 'rgba(26,26,26,0.58)';
+  // A pale brand color would otherwise put a white glyph on a near-white disc.
+  const startIconColor = contrastingTextColor(color);
+  const backgroundType = config?.homeBackgroundType ?? 'solid';
+  const gradientColors = [config?.homeBackgroundGradientStart || '#f2f2f2', config?.homeBackgroundGradientMiddle || '', config?.homeBackgroundGradientEnd || '#bfbfbf'].filter(Boolean);
+  // Off, the background stops dead at the seam. On, it washes out into the body
+  // colour over the bottom of the header, so the start card lands on near-white.
+  const fade = config?.homeBackgroundFade ? /*#__PURE__*/_jsx(FadeOverlay, {
+    height: HEADER_FADE_HEIGHT
+  }) : null;
+  const showRecent = showPreviousConversations && recentConversations.length > 0;
+  const showViewAll = conversationCount > recentConversations.length;
+  const showEmptyHint = showPreviousConversations && conversationCount === 0 && allowNewConversations;
+  // One agent already has their face in the row above; repeating it reads as a bug.
+  const showAvatarStack = teamAgents.length >= 2;
+
+  // The start card is pulled up over the seam by a fixed amount, so the header
+  // pads its bottom by that same amount and the greeting never slides under it.
+  const headerStyle = [styles.header, allowNewConversations ? {
+    paddingBottom: HEADER_BOTTOM_PADDING + START_CARD_LIFT
+  } : null];
+  const headerContent = /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.headerTop,
+      children: [config?.homeLogoUrl ? /*#__PURE__*/_jsx(Image, {
+        source: {
+          uri: config.homeLogoUrl
+        },
+        style: styles.logo,
+        resizeMode: "contain",
+        accessibilityIgnoresInvertColors: true
+      }) : /*#__PURE__*/_jsx(View, {}), /*#__PURE__*/_jsx(Pressable, {
+        onPress: onClose,
+        accessibilityRole: "button",
+        accessibilityLabel: labels.close,
+        hitSlop: 12,
+        style: styles.closeButton,
+        children: /*#__PURE__*/_jsx(CloseIcon, {
+          size: CLOSE_ICON_SIZE,
+          color: textColor
+        })
+      })]
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.headerSpacer
+    }), /*#__PURE__*/_jsxs(FadeSlideIn, {
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: [styles.heading, {
+          color: textColor
+        }],
+        children: heading
+      }), /*#__PURE__*/_jsx(Text, {
+        style: [styles.subheading, {
+          color: secondaryTextColor
+        }],
+        children: subheading
+      })]
+    })]
+  });
+  return /*#__PURE__*/_jsxs(ScrollView, {
+    style: globalStyles.screen,
+    contentContainerStyle: styles.contentContainer,
+    keyboardShouldPersistTaps: "handled",
+    children: [backgroundType === 'image' && config?.homeBackgroundImageUrl ? /*#__PURE__*/_jsxs(View, {
+      style: headerStyle,
+      children: [/*#__PURE__*/_jsx(Image, {
+        source: {
+          uri: config.homeBackgroundImageUrl
+        },
+        style: StyleSheet.absoluteFill,
+        resizeMode: "cover",
+        accessibilityIgnoresInvertColors: true
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.imageScrim
+      }), headerContent, fade]
+    }) : backgroundType === 'gradient' ? /*#__PURE__*/_jsxs(GradientBackground, {
+      colors: gradientColors,
+      style: headerStyle,
+      children: [headerContent, fade]
+    }) : /*#__PURE__*/_jsxs(View, {
+      style: [headerStyle, {
+        backgroundColor: config?.homeBackgroundColor || '#f2f2f2'
+      }],
+      children: [headerContent, fade]
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.body,
+      children: [allowNewConversations ? /*#__PURE__*/_jsx(View, {
+        style: styles.startCardSlot,
+        children: /*#__PURE__*/_jsx(FadeSlideIn, {
+          delay: 40,
+          children: /*#__PURE__*/_jsxs(Pressable, {
+            onPress: onStartConversation,
+            accessibilityRole: "button",
+            android_ripple: {
+              color: palette.borderSoft
+            },
+            style: ({
+              pressed
+            }) => [styles.startCard, pressed && styles.startCardPressed],
+            children: [/*#__PURE__*/_jsx(View, {
+              style: [styles.startIcon, {
+                backgroundColor: color
+              }],
+              children: /*#__PURE__*/_jsx(ChatIcon, {
+                size: 18,
+                color: startIconColor
+              })
+            }), /*#__PURE__*/_jsxs(View, {
+              style: styles.startCopy,
+              children: [/*#__PURE__*/_jsx(Text, {
+                style: styles.startTitle,
+                children: startConversationLabel
+              }), /*#__PURE__*/_jsx(Text, {
+                style: styles.startSubtitle,
+                children: replyTimeLabel
+              })]
+            }), /*#__PURE__*/_jsx(ArrowRightIcon, {
+              size: 18,
+              color: color,
+              style: flipForRTL()
+            })]
+          })
+        })
+      }) : null, /*#__PURE__*/_jsxs(View, {
+        style: styles.bodyContent,
+        children: [offlineMessage ? /*#__PURE__*/_jsx(FadeSlideIn, {
+          delay: 70,
+          children: /*#__PURE__*/_jsxs(View, {
+            style: styles.offlineNotice,
+            children: [/*#__PURE__*/_jsx(AlertIcon, {
+              size: 18
+            }), /*#__PURE__*/_jsx(Text, {
+              style: styles.offlineText,
+              children: offlineMessage
+            })]
+          })
+        }) : null, showRecent ? /*#__PURE__*/_jsxs(FadeSlideIn, {
+          delay: 140,
+          children: [/*#__PURE__*/_jsxs(View, {
+            style: styles.recentHeader,
+            children: [/*#__PURE__*/_jsx(Text, {
+              style: styles.recentTitle,
+              children: labels.recentTitle
+            }), showViewAll ? /*#__PURE__*/_jsx(Pressable, {
+              onPress: onViewConversations,
+              accessibilityRole: "button",
+              accessibilityLabel: labels.viewPrevious,
+              hitSlop: 10,
+              style: ({
+                pressed
+              }) => [styles.viewAllButton, pressed && globalStyles.pressed],
+              children: /*#__PURE__*/_jsx(Text, {
+                style: [styles.viewAllLabel, {
+                  color
+                }],
+                children: labels.viewAll
+              })
+            }) : null]
+          }), /*#__PURE__*/_jsx(View, {
+            style: [globalStyles.card, styles.recentCard],
+            children: recentConversations.map((conversation, index) => /*#__PURE__*/_jsxs(Fragment, {
+              children: [index > 0 ? /*#__PURE__*/_jsx(View, {
+                style: [globalStyles.divider, styles.recentDivider]
+              }) : null, /*#__PURE__*/_jsx(ConversationRow, {
+                conversation: conversation,
+                color: color,
+                fallbackName: labels.team,
+                timeLabels: labels.time,
+                unreadCount: unreadByConversation[conversation.id] ?? 0,
+                unreadLabel: labels.unread,
+                horizontalPadding: spacing.lg,
+                onPress: () => onOpenConversation(conversation.id)
+              })]
+            }, conversation.id))
+          })]
+        }) : null, /*#__PURE__*/_jsx(View, {
+          style: styles.spacer,
+          children: showEmptyHint ? /*#__PURE__*/_jsx(FadeSlideIn, {
+            delay: 140,
+            children: /*#__PURE__*/_jsxs(View, {
+              style: styles.emptyHint,
+              children: [/*#__PURE__*/_jsx(ChatOutlineIcon, {
+                size: 30,
+                color: palette.disabled
+              }), /*#__PURE__*/_jsx(Text, {
+                style: styles.emptyHintText,
+                children: labels.noConversations
+              })]
+            })
+          }) : null
+        }), /*#__PURE__*/_jsx(FadeSlideIn, {
+          delay: 200,
+          children: /*#__PURE__*/_jsxs(View, {
+            style: styles.statusStrip,
+            children: [showAvatarStack ? /*#__PURE__*/_jsx(View, {
+              style: styles.avatarStack,
+              children: teamAgents.map((agent, index) => /*#__PURE__*/_jsx(Avatar, {
+                avatar: agent.avatar,
+                name: agent.name,
+                size: 26,
+                color: color,
+                style: [styles.avatarStackItem, index > 0 ? styles.avatarStackOverlap : null]
+              }, `${agent.name ?? 'agent'}-${index}`))
+            }) : null, /*#__PURE__*/_jsx(View, {
+              style: [styles.statusDot, {
+                backgroundColor: isOnline ? palette.online : palette.textSubtle
+              }]
+            }), /*#__PURE__*/_jsx(Text, {
+              style: styles.statusText,
+              numberOfLines: 1,
+              children: isOnline ? labels.statusOnline : labels.statusAway
+            })]
+          })
+        })]
+      })]
+    })]
+  });
+}
+
+/**
+ * Staggered entrance for the body sections. Opacity and translate only, so the
+ * whole thing runs on the native driver and never touches layout.
+ */
+function FadeSlideIn({
+  delay = 0,
+  children
+}) {
+  const reduceMotion = useReduceMotion();
+  const progress = useRef(new Animated.Value(0)).current;
+  useEffect(() => {
+    // `null` means the reduce-motion answer has not landed yet; hold at 0
+    // rather than animating and snapping back.
+    if (reduceMotion === null) return undefined;
+    if (reduceMotion) {
+      progress.setValue(1);
+      return undefined;
+    }
+    Animated.timing(progress, {
+      toValue: 1,
+      duration: 260,
+      delay,
+      easing: Easing.out(Easing.quad),
+      useNativeDriver: true
+    }).start();
+    return () => {
+      progress.stopAnimation();
+    };
+  }, [delay, progress, reduceMotion]);
+  const translateY = progress.interpolate({
+    inputRange: [0, 1],
+    outputRange: [12, 0]
+  });
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: {
+      opacity: progress,
+      transform: [{
+        translateY
+      }]
+    },
+    children: children
+  });
+}
+//# sourceMappingURL=HomeView.js.map

package/lib/module/ui/screens/home/HomeView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Fragment","useEffect","useRef","Animated","Easing","Image","Pressable","ScrollView","StyleSheet","Text","View","Avatar","ConversationRow","FadeOverlay","GradientBackground","AlertIcon","ArrowRightIcon","ChatIcon","ChatOutlineIcon","CloseIcon","useReduceMotion","globalStyles","contrastingTextColor","palette","spacing","withAlpha","flipForRTL","personalizeGreeting","CLOSE_ICON_SIZE","HEADER_BOTTOM_PADDING","HEADER_FADE_HEIGHT","START_CARD_LIFT","styles","jsx","_jsx","jsxs","_jsxs","_Fragment","resolveHeaderTextColor","config","fallbackColor","homeHeaderTextColor","white","ink","homeBackgroundType","homeBackgroundGradientStart","homeBackgroundColor","HomeView","color","visitorName","conversationCount","recentConversations","unreadByConversation","teamAgents","isOnline","offlineMessage","startConversationLabel","replyTimeLabel","allowNewConversations","showPreviousConversations","labels","onClose","onStartConversation","onViewConversations","onOpenConversation","heading","welcomeHeading","subheading","welcomeSubheading","textColor","secondaryTextColor","startIconColor","backgroundType","gradientColors","homeBackgroundGradientMiddle","homeBackgroundGradientEnd","filter","Boolean","fade","homeBackgroundFade","height","showRecent","length","showViewAll","showEmptyHint","showAvatarStack","headerStyle","header","paddingBottom","headerContent","children","style","headerTop","homeLogoUrl","source","uri","logo","resizeMode","accessibilityIgnoresInvertColors","onPress","accessibilityRole","accessibilityLabel","close","hitSlop","closeButton","size","headerSpacer","FadeSlideIn","screen","contentContainerStyle","contentContainer","keyboardShouldPersistTaps","homeBackgroundImageUrl","absoluteFill","imageScrim","colors","backgroundColor","body","startCardSlot","delay","android_ripple","borderSoft","pressed","startCard","startCardPressed","startIcon","startCopy","startTitle","startSubtitle","bodyContent","offlineNotice","offlineText","recentHeader","recentTitle","viewPrevious","viewAllButton","viewAllLabel","viewAll","card","recentCard","map","conversation","index","divider","recentDivider","fallbackName","team","timeLabels","time","unreadCount","id","unreadLabel","unread","horizontalPadding","lg","spacer","emptyHint","disabled","emptyHintText","noConversations","statusStrip","avatarStack","agent","avatar","name","avatarStackItem","avatarStackOverlap","statusDot","online","textSubtle","statusText","numberOfLines","statusOnline","statusAway","reduceMotion","progress","Value","current","undefined","setValue","timing","toValue","duration","easing","out","quad","useNativeDriver","start","stopAnimation","translateY","interpolate","inputRange","outputRange","opacity","transform"],"sourceRoot":"../../../../../src","sources":["ui/screens/home/HomeView.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,EAAEC,SAAS,EAAEC,MAAM,QAAwB,OAAO;AACnE,SACEC,QAAQ,EACRC,MAAM,EACNC,KAAK,EACLC,SAAS,EACTC,UAAU,EACVC,UAAU,EACVC,IAAI,EACJC,IAAI,QACC,cAAc;AAGrB,SAASC,MAAM,QAAQ,4BAAyB;AAChD,SAASC,eAAe,QAAQ,qCAAkC;AAClE,SAASC,WAAW,EAAEC,kBAAkB,QAAQ,8BAA2B;AAC3E,SACEC,SAAS,EACTC,cAAc,EACdC,QAAQ,EACRC,eAAe,EACfC,SAAS,QACJ,2BAAwB;AAC/B,SAASC,eAAe,QAAQ,kCAA+B;AAC/D,SAASC,YAAY,QAAQ,wBAAqB;AAClD,SAASC,oBAAoB,EAAEC,OAAO,EAAEC,OAAO,EAAEC,SAAS,QAAQ,uBAAoB;AACtF,SAASC,UAAU,QAAQ,oBAAiB;AAC5C,SAASC,mBAAmB,QAAQ,eAAY;AAChD,SACEC,eAAe,EACfC,qBAAqB,EACrBC,kBAAkB,EAClBC,eAAe,EACfC,MAAM,QACD,sBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAApC,QAAA,IAAAqC,SAAA;AAG3B;AACA;AACA;AACA;AACA;AACA,SAASC,sBAAsBA,CAACC,MAA2B,EAAEC,aAAqB,EAAU;EAC1F,IAAID,MAAM,EAAEE,mBAAmB,KAAK,OAAO,EAAE,OAAOlB,OAAO,CAACmB,KAAK;EACjE,IAAIH,MAAM,EAAEE,mBAAmB,KAAK,OAAO,EAAE,OAAOlB,OAAO,CAACoB,GAAG;EAC/D,IAAIJ,MAAM,EAAEK,kBAAkB,KAAK,OAAO,EAAE,OAAOrB,OAAO,CAACmB,KAAK;EAChE,IAAIH,MAAM,EAAEK,kBAAkB,KAAK,UAAU,EAAE;IAC7C,OAAOtB,oBAAoB,CAACiB,MAAM,CAACM,2BAA2B,IAAIL,aAAa,CAAC;EAClF;EACA,OAAOlB,oBAAoB,CAACiB,MAAM,EAAEO,mBAAmB,IAAIN,aAAa,CAAC;AAC3E;AAEA,OAAO,SAASO,QAAQA,CAAC;EACvBR,MAAM;EACNS,KAAK;EACLC,WAAW;EACXC,iBAAiB;EACjBC,mBAAmB;EACnBC,oBAAoB;EACpBC,UAAU;EACVC,QAAQ;EACRC,cAAc;EACdC,sBAAsB;EACtBC,cAAc;EACdC,qBAAqB;EACrBC,yBAAyB;EACzBC,MAAM;EACNC,OAAO;EACPC,mBAAmB;EACnBC,mBAAmB;EACnBC;AACa,CAAC,EAAE;EAChB,MAAMC,OAAO,GAAGtC,mBAAmB,CAACY,MAAM,EAAE2B,cAAc,EAAEjB,WAAW,EAAE,UAAU,CAAC;EACpF;EACA;EACA;EACA,MAAMkB,UAAU,GAAG5B,MAAM,EAAE6B,iBAAiB,IAAI,kBAAkB;EAElE,MAAMC,SAAS,GAAG/B,sBAAsB,CAACC,MAAM,EAAES,KAAK,CAAC;EACvD,MAAMsB,kBAAkB,GACtBD,SAAS,KAAK9C,OAAO,CAACmB,KAAK,GAAGjB,SAAS,CAACF,OAAO,CAACmB,KAAK,EAAE,GAAG,CAAC,GAAG,qBAAqB;EACrF;EACA,MAAM6B,cAAc,GAAGjD,oBAAoB,CAAC0B,KAAK,CAAC;EAElD,MAAMwB,cAAc,GAAGjC,MAAM,EAAEK,kBAAkB,IAAI,OAAO;EAC5D,MAAM6B,cAAc,GAAG,CACrBlC,MAAM,EAAEM,2BAA2B,IAAI,SAAS,EAChDN,MAAM,EAAEmC,4BAA4B,IAAI,EAAE,EAC1CnC,MAAM,EAAEoC,yBAAyB,IAAI,SAAS,CAC/C,CAACC,MAAM,CAACC,OAAO,CAAC;EACjB;EACA;EACA,MAAMC,IAAI,GAAGvC,MAAM,EAAEwC,kBAAkB,gBAAG7C,IAAA,CAACrB,WAAW;IAACmE,MAAM,EAAElD;EAAmB,CAAE,CAAC,GAAG,IAAI;EAE5F,MAAMmD,UAAU,GAAGtB,yBAAyB,IAAIR,mBAAmB,CAAC+B,MAAM,GAAG,CAAC;EAC9E,MAAMC,WAAW,GAAGjC,iBAAiB,GAAGC,mBAAmB,CAAC+B,MAAM;EAClE,MAAME,aAAa,GACjBzB,yBAAyB,IAAIT,iBAAiB,KAAK,CAAC,IAAIQ,qBAAqB;EAC/E;EACA,MAAM2B,eAAe,GAAGhC,UAAU,CAAC6B,MAAM,IAAI,CAAC;;EAE9C;EACA;EACA,MAAMI,WAAW,GAAG,CAClBtD,MAAM,CAACuD,MAAM,EACb7B,qBAAqB,GAAG;IAAE8B,aAAa,EAAE3D,qBAAqB,GAAGE;EAAgB,CAAC,GAAG,IAAI,CAC1F;EAED,MAAM0D,aAAa,gBACjBrD,KAAA,CAAAC,SAAA;IAAAqD,QAAA,gBACEtD,KAAA,CAAC1B,IAAI;MAACiF,KAAK,EAAE3D,MAAM,CAAC4D,SAAU;MAAAF,QAAA,GAC3BnD,MAAM,EAAEsD,WAAW,gBAClB3D,IAAA,CAAC7B,KAAK;QACJyF,MAAM,EAAE;UAAEC,GAAG,EAAExD,MAAM,CAACsD;QAAY,CAAE;QACpCF,KAAK,EAAE3D,MAAM,CAACgE,IAAK;QACnBC,UAAU,EAAC,SAAS;QACpBC,gCAAgC;MAAA,CACjC,CAAC,gBAEFhE,IAAA,CAACxB,IAAI,IAAE,CACR,eACDwB,IAAA,CAAC5B,SAAS;QACR6F,OAAO,EAAEtC,OAAQ;QACjBuC,iBAAiB,EAAC,QAAQ;QAC1BC,kBAAkB,EAAEzC,MAAM,CAAC0C,KAAM;QACjCC,OAAO,EAAE,EAAG;QACZZ,KAAK,EAAE3D,MAAM,CAACwE,WAAY;QAAAd,QAAA,eAC1BxD,IAAA,CAACf,SAAS;UAACsF,IAAI,EAAE7E,eAAgB;UAACoB,KAAK,EAAEqB;QAAU,CAAE;MAAC,CAC7C,CAAC;IAAA,CACR,CAAC,eACPnC,IAAA,CAACxB,IAAI;MAACiF,KAAK,EAAE3D,MAAM,CAAC0E;IAAa,CAAE,CAAC,eACpCtE,KAAA,CAACuE,WAAW;MAAAjB,QAAA,gBACVxD,IAAA,CAACzB,IAAI;QAACkF,KAAK,EAAE,CAAC3D,MAAM,CAACiC,OAAO,EAAE;UAAEjB,KAAK,EAAEqB;QAAU,CAAC,CAAE;QAAAqB,QAAA,EAAEzB;MAAO,CAAO,CAAC,eACrE/B,IAAA,CAACzB,IAAI;QAACkF,KAAK,EAAE,CAAC3D,MAAM,CAACmC,UAAU,EAAE;UAAEnB,KAAK,EAAEsB;QAAmB,CAAC,CAAE;QAAAoB,QAAA,EAAEvB;MAAU,CAAO,CAAC;IAAA,CACzE,CAAC;EAAA,CACd,CACH;EAED,oBACE/B,KAAA,CAAC7B,UAAU;IACToF,KAAK,EAAEtE,YAAY,CAACuF,MAAO;IAC3BC,qBAAqB,EAAE7E,MAAM,CAAC8E,gBAAiB;IAC/CC,yBAAyB,EAAC,SAAS;IAAArB,QAAA,GAClClB,cAAc,KAAK,OAAO,IAAIjC,MAAM,EAAEyE,sBAAsB,gBAC3D5E,KAAA,CAAC1B,IAAI;MAACiF,KAAK,EAAEL,WAAY;MAAAI,QAAA,gBACvBxD,IAAA,CAAC7B,KAAK;QACJyF,MAAM,EAAE;UAAEC,GAAG,EAAExD,MAAM,CAACyE;QAAuB,CAAE;QAC/CrB,KAAK,EAAEnF,UAAU,CAACyG,YAAa;QAC/BhB,UAAU,EAAC,OAAO;QAClBC,gCAAgC;MAAA,CACjC,CAAC,eACFhE,IAAA,CAACxB,IAAI;QAACiF,KAAK,EAAE3D,MAAM,CAACkF;MAAW,CAAE,CAAC,EACjCzB,aAAa,EACbX,IAAI;IAAA,CACD,CAAC,GACLN,cAAc,KAAK,UAAU,gBAC/BpC,KAAA,CAACtB,kBAAkB;MAACqG,MAAM,EAAE1C,cAAe;MAACkB,KAAK,EAAEL,WAAY;MAAAI,QAAA,GAC5DD,aAAa,EACbX,IAAI;IAAA,CACa,CAAC,gBAErB1C,KAAA,CAAC1B,IAAI;MAACiF,KAAK,EAAE,CAACL,WAAW,EAAE;QAAE8B,eAAe,EAAE7E,MAAM,EAAEO,mBAAmB,IAAI;MAAU,CAAC,CAAE;MAAA4C,QAAA,GACvFD,aAAa,EACbX,IAAI;IAAA,CACD,CACP,eAED1C,KAAA,CAAC1B,IAAI;MAACiF,KAAK,EAAE3D,MAAM,CAACqF,IAAK;MAAA3B,QAAA,GACtBhC,qBAAqB,gBACpBxB,IAAA,CAACxB,IAAI;QAACiF,KAAK,EAAE3D,MAAM,CAACsF,aAAc;QAAA5B,QAAA,eAChCxD,IAAA,CAACyE,WAAW;UAACY,KAAK,EAAE,EAAG;UAAA7B,QAAA,eACrBtD,KAAA,CAAC9B,SAAS;YACR6F,OAAO,EAAErC,mBAAoB;YAC7BsC,iBAAiB,EAAC,QAAQ;YAC1BoB,cAAc,EAAE;cAAExE,KAAK,EAAEzB,OAAO,CAACkG;YAAW,CAAE;YAC9C9B,KAAK,EAAEA,CAAC;cAAE+B;YAAQ,CAAC,KAAK,CAAC1F,MAAM,CAAC2F,SAAS,EAAED,OAAO,IAAI1F,MAAM,CAAC4F,gBAAgB,CAAE;YAAAlC,QAAA,gBAC/ExD,IAAA,CAACxB,IAAI;cAACiF,KAAK,EAAE,CAAC3D,MAAM,CAAC6F,SAAS,EAAE;gBAAET,eAAe,EAAEpE;cAAM,CAAC,CAAE;cAAA0C,QAAA,eAC1DxD,IAAA,CAACjB,QAAQ;gBAACwF,IAAI,EAAE,EAAG;gBAACzD,KAAK,EAAEuB;cAAe,CAAE;YAAC,CACzC,CAAC,eACPnC,KAAA,CAAC1B,IAAI;cAACiF,KAAK,EAAE3D,MAAM,CAAC8F,SAAU;cAAApC,QAAA,gBAC5BxD,IAAA,CAACzB,IAAI;gBAACkF,KAAK,EAAE3D,MAAM,CAAC+F,UAAW;gBAAArC,QAAA,EAAElC;cAAsB,CAAO,CAAC,eAC/DtB,IAAA,CAACzB,IAAI;gBAACkF,KAAK,EAAE3D,MAAM,CAACgG,aAAc;gBAAAtC,QAAA,EAAEjC;cAAc,CAAO,CAAC;YAAA,CACtD,CAAC,eACPvB,IAAA,CAAClB,cAAc;cAACyF,IAAI,EAAE,EAAG;cAACzD,KAAK,EAAEA,KAAM;cAAC2C,KAAK,EAAEjE,UAAU,CAAC;YAAE,CAAE,CAAC;UAAA,CACtD;QAAC,CACD;MAAC,CACV,CAAC,GACL,IAAI,eAERU,KAAA,CAAC1B,IAAI;QAACiF,KAAK,EAAE3D,MAAM,CAACiG,WAAY;QAAAvC,QAAA,GAC7BnC,cAAc,gBACbrB,IAAA,CAACyE,WAAW;UAACY,KAAK,EAAE,EAAG;UAAA7B,QAAA,eACrBtD,KAAA,CAAC1B,IAAI;YAACiF,KAAK,EAAE3D,MAAM,CAACkG,aAAc;YAAAxC,QAAA,gBAChCxD,IAAA,CAACnB,SAAS;cAAC0F,IAAI,EAAE;YAAG,CAAE,CAAC,eACvBvE,IAAA,CAACzB,IAAI;cAACkF,KAAK,EAAE3D,MAAM,CAACmG,WAAY;cAAAzC,QAAA,EAAEnC;YAAc,CAAO,CAAC;UAAA,CACpD;QAAC,CACI,CAAC,GACZ,IAAI,EAEP0B,UAAU,gBACT7C,KAAA,CAACuE,WAAW;UAACY,KAAK,EAAE,GAAI;UAAA7B,QAAA,gBACtBtD,KAAA,CAAC1B,IAAI;YAACiF,KAAK,EAAE3D,MAAM,CAACoG,YAAa;YAAA1C,QAAA,gBAC/BxD,IAAA,CAACzB,IAAI;cAACkF,KAAK,EAAE3D,MAAM,CAACqG,WAAY;cAAA3C,QAAA,EAAE9B,MAAM,CAACyE;YAAW,CAAO,CAAC,EAC3DlD,WAAW,gBACVjD,IAAA,CAAC5B,SAAS;cACR6F,OAAO,EAAEpC,mBAAoB;cAC7BqC,iBAAiB,EAAC,QAAQ;cAC1BC,kBAAkB,EAAEzC,MAAM,CAAC0E,YAAa;cACxC/B,OAAO,EAAE,EAAG;cACZZ,KAAK,EAAEA,CAAC;gBAAE+B;cAAQ,CAAC,KAAK,CACtB1F,MAAM,CAACuG,aAAa,EACpBb,OAAO,IAAIrG,YAAY,CAACqG,OAAO,CAC/B;cAAAhC,QAAA,eACFxD,IAAA,CAACzB,IAAI;gBAACkF,KAAK,EAAE,CAAC3D,MAAM,CAACwG,YAAY,EAAE;kBAAExF;gBAAM,CAAC,CAAE;gBAAA0C,QAAA,EAAE9B,MAAM,CAAC6E;cAAO,CAAO;YAAC,CAC7D,CAAC,GACV,IAAI;UAAA,CACJ,CAAC,eACPvG,IAAA,CAACxB,IAAI;YAACiF,KAAK,EAAE,CAACtE,YAAY,CAACqH,IAAI,EAAE1G,MAAM,CAAC2G,UAAU,CAAE;YAAAjD,QAAA,EACjDvC,mBAAmB,CAACyF,GAAG,CAAC,CAACC,YAAY,EAAEC,KAAK,kBAC3C1G,KAAA,CAACpC,QAAQ;cAAA0F,QAAA,GACNoD,KAAK,GAAG,CAAC,gBACR5G,IAAA,CAACxB,IAAI;gBAACiF,KAAK,EAAE,CAACtE,YAAY,CAAC0H,OAAO,EAAE/G,MAAM,CAACgH,aAAa;cAAE,CAAE,CAAC,GAC3D,IAAI,eACR9G,IAAA,CAACtB,eAAe;gBACdiI,YAAY,EAAEA,YAAa;gBAC3B7F,KAAK,EAAEA,KAAM;gBACbiG,YAAY,EAAErF,MAAM,CAACsF,IAAK;gBAC1BC,UAAU,EAAEvF,MAAM,CAACwF,IAAK;gBACxBC,WAAW,EAAEjG,oBAAoB,CAACyF,YAAY,CAACS,EAAE,CAAC,IAAI,CAAE;gBACxDC,WAAW,EAAE3F,MAAM,CAAC4F,MAAO;gBAC3BC,iBAAiB,EAAEjI,OAAO,CAACkI,EAAG;gBAC9BvD,OAAO,EAAEA,CAAA,KAAMnC,kBAAkB,CAAC6E,YAAY,CAACS,EAAE;cAAE,CACpD,CAAC;YAAA,GAbWT,YAAY,CAACS,EAclB,CACX;UAAC,CACE,CAAC;QAAA,CACI,CAAC,GACZ,IAAI,eAERpH,IAAA,CAACxB,IAAI;UAACiF,KAAK,EAAE3D,MAAM,CAAC2H,MAAO;UAAAjE,QAAA,EACxBN,aAAa,gBACZlD,IAAA,CAACyE,WAAW;YAACY,KAAK,EAAE,GAAI;YAAA7B,QAAA,eACtBtD,KAAA,CAAC1B,IAAI;cAACiF,KAAK,EAAE3D,MAAM,CAAC4H,SAAU;cAAAlE,QAAA,gBAC5BxD,IAAA,CAAChB,eAAe;gBAACuF,IAAI,EAAE,EAAG;gBAACzD,KAAK,EAAEzB,OAAO,CAACsI;cAAS,CAAE,CAAC,eACtD3H,IAAA,CAACzB,IAAI;gBAACkF,KAAK,EAAE3D,MAAM,CAAC8H,aAAc;gBAAApE,QAAA,EAAE9B,MAAM,CAACmG;cAAe,CAAO,CAAC;YAAA,CAC9D;UAAC,CACI,CAAC,GACZ;QAAI,CACJ,CAAC,eAEP7H,IAAA,CAACyE,WAAW;UAACY,KAAK,EAAE,GAAI;UAAA7B,QAAA,eACtBtD,KAAA,CAAC1B,IAAI;YAACiF,KAAK,EAAE3D,MAAM,CAACgI,WAAY;YAAAtE,QAAA,GAC7BL,eAAe,gBACdnD,IAAA,CAACxB,IAAI;cAACiF,KAAK,EAAE3D,MAAM,CAACiI,WAAY;cAAAvE,QAAA,EAC7BrC,UAAU,CAACuF,GAAG,CAAC,CAACsB,KAAK,EAAEpB,KAAK,kBAC3B5G,IAAA,CAACvB,MAAM;gBAELwJ,MAAM,EAAED,KAAK,CAACC,MAAO;gBACrBC,IAAI,EAAEF,KAAK,CAACE,IAAK;gBACjB3D,IAAI,EAAE,EAAG;gBACTzD,KAAK,EAAEA,KAAM;gBACb2C,KAAK,EAAE,CAAC3D,MAAM,CAACqI,eAAe,EAAEvB,KAAK,GAAG,CAAC,GAAG9G,MAAM,CAACsI,kBAAkB,GAAG,IAAI;cAAE,GALzE,GAAGJ,KAAK,CAACE,IAAI,IAAI,OAAO,IAAItB,KAAK,EAMvC,CACF;YAAC,CACE,CAAC,GACL,IAAI,eACR5G,IAAA,CAACxB,IAAI;cACHiF,KAAK,EAAE,CACL3D,MAAM,CAACuI,SAAS,EAChB;gBAAEnD,eAAe,EAAE9D,QAAQ,GAAG/B,OAAO,CAACiJ,MAAM,GAAGjJ,OAAO,CAACkJ;cAAW,CAAC;YACnE,CACH,CAAC,eACFvI,IAAA,CAACzB,IAAI;cAACkF,KAAK,EAAE3D,MAAM,CAAC0I,UAAW;cAACC,aAAa,EAAE,CAAE;cAAAjF,QAAA,EAC9CpC,QAAQ,GAAGM,MAAM,CAACgH,YAAY,GAAGhH,MAAM,CAACiH;YAAU,CAC/C,CAAC;UAAA,CACH;QAAC,CACI,CAAC;MAAA,CACV,CAAC;IAAA,CACH,CAAC;EAAA,CACG,CAAC;AAEjB;;AAEA;AACA;AACA;AACA;AACA,SAASlE,WAAWA,CAAC;EAAEY,KAAK,GAAG,CAAC;EAAE7B;AAAkD,CAAC,EAAE;EACrF,MAAMoF,YAAY,GAAG1J,eAAe,CAAC,CAAC;EACtC,MAAM2J,QAAQ,GAAG7K,MAAM,CAAC,IAAIC,QAAQ,CAAC6K,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAEtDhL,SAAS,CAAC,MAAM;IACd;IACA;IACA,IAAI6K,YAAY,KAAK,IAAI,EAAE,OAAOI,SAAS;IAC3C,IAAIJ,YAAY,EAAE;MAChBC,QAAQ,CAACI,QAAQ,CAAC,CAAC,CAAC;MACpB,OAAOD,SAAS;IAClB;IAEA/K,QAAQ,CAACiL,MAAM,CAACL,QAAQ,EAAE;MACxBM,OAAO,EAAE,CAAC;MACVC,QAAQ,EAAE,GAAG;MACb/D,KAAK;MACLgE,MAAM,EAAEnL,MAAM,CAACoL,GAAG,CAACpL,MAAM,CAACqL,IAAI,CAAC;MAC/BC,eAAe,EAAE;IACnB,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;IAEV,OAAO,MAAM;MACXZ,QAAQ,CAACa,aAAa,CAAC,CAAC;IAC1B,CAAC;EACH,CAAC,EAAE,CAACrE,KAAK,EAAEwD,QAAQ,EAAED,YAAY,CAAC,CAAC;EAEnC,MAAMe,UAAU,GAAGd,QAAQ,CAACe,WAAW,CAAC;IAAEC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IAAEC,WAAW,EAAE,CAAC,EAAE,EAAE,CAAC;EAAE,CAAC,CAAC;EAErF,oBACE9J,IAAA,CAAC/B,QAAQ,CAACO,IAAI;IAACiF,KAAK,EAAE;MAAEsG,OAAO,EAAElB,QAAQ;MAAEmB,SAAS,EAAE,CAAC;QAAEL;MAAW,CAAC;IAAE,CAAE;IAAAnG,QAAA,EACtEA;EAAQ,CACI,CAAC;AAEpB","ignoreList":[]}

package/lib/module/ui/screens/home/HomeView.styles.js

@@ -0,0 +1,242 @@
+"use strict";
+
+/**
+ * Styles and layout constants for the Home space. The constants live next to
+ * the sheet so the component and the styles can never disagree about them.
+ */
+
+import { I18nManager, StyleSheet } from 'react-native';
+import { rowDividerInset } from "../../components/ConversationRow.js";
+import { fontSize, palette, radius, shadows, spacing } from "../../styles/theme.js";
+import { START_ALIGN } from "../../utils/rtl.js";
+
+/**
+ * Header geometry in dp, measured off the web widget so the two surfaces line
+ * up: a tall header with the greeting pinned low, a start card that overhangs
+ * the seam by a fixed amount rather than half its height, and a fade that is a
+ * straight white ramp over the bottom of the header, starting just under the
+ * heading.
+ */
+export const HEADER_MIN_HEIGHT = 228;
+/** Between the greeting and whatever comes next: the seam, or the start card. */
+export const HEADER_BOTTOM_PADDING = 36;
+export const START_CARD_LIFT = 28;
+export const START_CARD_MIN_HEIGHT = 76;
+export const HEADER_FADE_HEIGHT = 90;
+export const CLOSE_BUTTON_SIZE = 28;
+export const CLOSE_ICON_SIZE = 14;
+export const styles = StyleSheet.create({
+  contentContainer: {
+    flexGrow: 1
+  },
+  // Tall on purpose, with the greeting pinned to the bottom by `headerSpacer`:
+  // the close row stays at the top and the heading sits just above the seam.
+  header: {
+    minHeight: HEADER_MIN_HEIGHT,
+    paddingHorizontal: spacing.xl,
+    paddingTop: spacing.xl,
+    // When the start card is shown the component grows this to clear the card.
+    paddingBottom: HEADER_BOTTOM_PADDING,
+    overflow: 'hidden'
+  },
+  imageScrim: {
+    ...StyleSheet.absoluteFillObject,
+    backgroundColor: 'rgba(0,0,0,0.16)'
+  },
+  // Always as tall as the logo slot, so the greeting lands in the same place
+  // whether or not the workspace uploaded a logo.
+  headerTop: {
+    flexDirection: 'row',
+    alignItems: 'flex-start',
+    justifyContent: 'space-between',
+    minHeight: 40
+  },
+  // Soaks up the header's spare height so the greeting hugs the seam, and
+  // never shrinks below the gap the web widget keeps under the close row.
+  headerSpacer: {
+    flex: 1,
+    minHeight: 40
+  },
+  logo: {
+    width: 132,
+    height: 40
+  },
+  closeButton: {
+    marginStart: 'auto',
+    padding: (CLOSE_BUTTON_SIZE - CLOSE_ICON_SIZE) / 2,
+    borderRadius: radius.pill,
+    backgroundColor: 'rgba(255,255,255,0.18)'
+  },
+  heading: {
+    textAlign: START_ALIGN,
+    fontSize: fontSize.display,
+    lineHeight: fontSize.display * 1.15,
+    fontWeight: '600',
+    marginBottom: spacing.md
+  },
+  subheading: {
+    textAlign: START_ALIGN,
+    fontSize: fontSize.body,
+    lineHeight: fontSize.body * 1.4
+  },
+  // Meets the header on a straight seam. No top padding here: the start card
+  // is pulled up past this edge, and the rest of the content takes its spacing
+  // from `bodyContent`.
+  body: {
+    flex: 1,
+    backgroundColor: palette.white,
+    paddingHorizontal: spacing.xl,
+    paddingBottom: spacing.xxl
+  },
+  bodyContent: {
+    flex: 1,
+    paddingTop: spacing.xl
+  },
+  offlineNotice: {
+    flexDirection: 'row',
+    alignItems: 'flex-start',
+    gap: spacing.sm + 2,
+    padding: spacing.md,
+    borderRadius: radius.md,
+    backgroundColor: palette.warningBg,
+    borderWidth: StyleSheet.hairlineWidth,
+    borderColor: palette.warningBorder,
+    marginBottom: spacing.lg
+  },
+  offlineText: {
+    textAlign: START_ALIGN,
+    flex: 1,
+    fontSize: fontSize.meta,
+    lineHeight: fontSize.meta * 1.4,
+    color: palette.warningText
+  },
+  startCardSlot: {
+    marginTop: -START_CARD_LIFT
+  },
+  // Neutral and opaque, like the web card: it spans two backgrounds, and a
+  // translucent or brand-tinted fill would let the header bleed through its
+  // top or stain the seam. Shadowed because without it the half over the
+  // header reads as a flat cut-out.
+  startCard: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: spacing.md,
+    minHeight: START_CARD_MIN_HEIGHT,
+    paddingHorizontal: spacing.xl,
+    paddingVertical: spacing.lg + 2,
+    borderRadius: radius.lg,
+    borderWidth: StyleSheet.hairlineWidth,
+    borderColor: palette.border,
+    backgroundColor: palette.surface,
+    ...shadows.card
+  },
+  startCardPressed: {
+    opacity: 0.85
+  },
+  startIcon: {
+    width: 40,
+    height: 40,
+    borderRadius: 20,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  startCopy: {
+    flex: 1,
+    minWidth: 0
+  },
+  startTitle: {
+    textAlign: START_ALIGN,
+    fontSize: fontSize.title,
+    fontWeight: '600',
+    color: palette.ink
+  },
+  startSubtitle: {
+    textAlign: START_ALIGN,
+    fontSize: fontSize.meta,
+    color: palette.textSubtle,
+    marginTop: 2
+  },
+  recentHeader: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    minHeight: 28,
+    marginBottom: spacing.sm
+  },
+  recentTitle: {
+    textAlign: START_ALIGN,
+    fontSize: fontSize.caption,
+    fontWeight: '700',
+    color: palette.textMuted,
+    letterSpacing: I18nManager.isRTL ? 0 : 0.6,
+    textTransform: 'uppercase'
+  },
+  viewAllButton: {
+    minHeight: 32,
+    paddingHorizontal: spacing.xs,
+    justifyContent: 'center'
+  },
+  viewAllLabel: {
+    textAlign: START_ALIGN,
+    fontSize: fontSize.meta,
+    fontWeight: '600'
+  },
+  // Border rather than a shadow: `overflow: hidden` keeps the rows' ripple
+  // inside the rounded corners, and would clip a shadow on iOS anyway.
+  recentCard: {
+    overflow: 'hidden'
+  },
+  recentDivider: {
+    marginStart: rowDividerInset(spacing.lg)
+  },
+  // Absorbs the slack so the status strip stays pinned to the bottom, and
+  // centers the empty hint when there is nothing else to show.
+  spacer: {
+    flex: 1,
+    minHeight: spacing.lg,
+    justifyContent: 'center'
+  },
+  emptyHint: {
+    alignItems: 'center',
+    gap: spacing.sm,
+    paddingVertical: spacing.xl
+  },
+  emptyHintText: {
+    fontSize: fontSize.meta,
+    color: palette.textSubtle,
+    textAlign: 'center'
+  },
+  statusStrip: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: spacing.sm + 2,
+    minHeight: 56,
+    paddingTop: spacing.lg,
+    marginTop: spacing.lg,
+    borderTopWidth: StyleSheet.hairlineWidth,
+    borderTopColor: palette.borderSoft
+  },
+  avatarStack: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  avatarStackItem: {
+    borderWidth: 2,
+    borderColor: palette.white
+  },
+  avatarStackOverlap: {
+    marginStart: -10
+  },
+  statusDot: {
+    width: 8,
+    height: 8,
+    borderRadius: 4
+  },
+  statusText: {
+    textAlign: START_ALIGN,
+    flex: 1,
+    fontSize: fontSize.meta,
+    color: palette.textMuted
+  }
+});
+//# sourceMappingURL=HomeView.styles.js.map

package/lib/module/ui/screens/home/HomeView.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["I18nManager","StyleSheet","rowDividerInset","fontSize","palette","radius","shadows","spacing","START_ALIGN","HEADER_MIN_HEIGHT","HEADER_BOTTOM_PADDING","START_CARD_LIFT","START_CARD_MIN_HEIGHT","HEADER_FADE_HEIGHT","CLOSE_BUTTON_SIZE","CLOSE_ICON_SIZE","styles","create","contentContainer","flexGrow","header","minHeight","paddingHorizontal","xl","paddingTop","paddingBottom","overflow","imageScrim","absoluteFillObject","backgroundColor","headerTop","flexDirection","alignItems","justifyContent","headerSpacer","flex","logo","width","height","closeButton","marginStart","padding","borderRadius","pill","heading","textAlign","display","lineHeight","fontWeight","marginBottom","md","subheading","body","white","xxl","bodyContent","offlineNotice","gap","sm","warningBg","borderWidth","hairlineWidth","borderColor","warningBorder","lg","offlineText","meta","color","warningText","startCardSlot","marginTop","startCard","paddingVertical","border","surface","card","startCardPressed","opacity","startIcon","startCopy","minWidth","startTitle","title","ink","startSubtitle","textSubtle","recentHeader","recentTitle","caption","textMuted","letterSpacing","isRTL","textTransform","viewAllButton","xs","viewAllLabel","recentCard","recentDivider","spacer","emptyHint","emptyHintText","statusStrip","borderTopWidth","borderTopColor","borderSoft","avatarStack","avatarStackItem","avatarStackOverlap","statusDot","statusText"],"sourceRoot":"../../../../../src","sources":["ui/screens/home/HomeView.styles.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/screens/home/HomeView.types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=HomeView.types.js.map

package/lib/module/ui/screens/home/HomeView.types.js.map

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

package/lib/module/ui/screens/home/greeting.js

@@ -0,0 +1,44 @@
+"use strict";
+
+/**
+ * Greeting helpers for the Home space. The admin's heading renders exactly as
+ * the dashboard sent it, with one exception: an explicit name token, which is
+ * the admin asking for the visitor's first name to be filled in.
+ * Deliberately free of React and React Native so they stay trivial to test.
+ */
+
+/** `{{name}}`, `{name}`, `{{first_name}}` all stand in for the visitor's first name. */
+const NAME_TOKEN = /\{\{?\s*(?:name|first_?name)\s*\}?\}/gi;
+const EMAIL_LIKE = /@/;
+const PHONE_LIKE = /^[\d\s+()\-.]+$/;
+
+/**
+ * First name suitable for greeting someone by. Hosts sometimes put an email or
+ * a phone number in the name field, and greeting "Hi rep@acme.com" is worse
+ * than not personalizing at all.
+ */
+export function firstName(fullName) {
+  const trimmed = (fullName ?? '').trim();
+  if (!trimmed || EMAIL_LIKE.test(trimmed) || PHONE_LIKE.test(trimmed)) return null;
+  const candidate = (trimmed.split(/\s+/)[0] ?? '').replace(/[,;:.]+$/, '');
+  // Under 2 rejects a bare initial; over 24 means a sentence landed in the field.
+  if (candidate.length < 2 || candidate.length > 24) return null;
+  return candidate;
+}
+
+/** Repair the spacing and punctuation left behind when a token resolves to nothing. */
+function tidy(value) {
+  return value.replace(/\s+/g, ' ').replace(/\s+([,!?.:;])/g, '$1').replace(/^[\s,]+/, '').trim();
+}
+
+/**
+ * Resolve the admin's heading against the visitor's name. Only an explicit
+ * token is substituted: a generic "Hi there" stays "Hi there", because that is
+ * what the dashboard preview shows the admin and the phone has to match it.
+ */
+export function personalizeGreeting(template, visitorName, fallback) {
+  const base = (template ?? '').trim() || fallback;
+  const tokenized = base.replace(NAME_TOKEN, firstName(visitorName) ?? '');
+  return tokenized === base ? base : tidy(tokenized);
+}
+//# sourceMappingURL=greeting.js.map