@repzo/widget-react-native 1.0.0

package/lib/module/ui/components/Launcher.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Pressable","StyleSheet","Text","View","useWidgetState","controller","ChatIcon","ChevronIcon","DEFAULT_PRIMARY_COLOR","fontSize","palette","radius","shadows","spacing","jsx","_jsx","jsxs","_jsxs","Launcher","position","verticalPadding","horizontalPadding","hidden","state","config","booted","showLauncher","color","primaryColor","side","bottom","Math","max","launcherVerticalPadding","inset","launcherHorizontalPadding","text","bubbleText","showText","isOpen","style","styles","wrapper","right","left","pointerEvents","children","onPress","store","toggle","accessibilityRole","accessibilityLabel","pressed","bubble","bubbleWithText","bubbleRound","backgroundColor","size","direction","white","unreadCount","badge","badgeLabel","create","height","alignItems","justifyContent","flexDirection","gap","sm","floating","width","borderRadius","pill","paddingHorizontal","xl","body","fontWeight","opacity","transform","scale","top","minWidth","xs","danger","caption"],"sourceRoot":"../../../../src","sources":["ui/components/Launcher.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/components/Markdown.js

@@ -0,0 +1,253 @@
+"use strict";
+
+/**
+ * Minimal Markdown renderer for agent replies.
+ *
+ * The web widget uses react-markdown + remark-gfm; this SDK ships no runtime
+ * dependencies, so it supports the subset agents actually emit: paragraphs,
+ * bullet/numbered lists, bold, italic, inline code, fenced code and links
+ * (including bare URLs, linkified the same way the web widget does).
+ */
+
+import { Fragment } from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import { fontSize, palette, radius, spacing } from "../styles/theme.js";
+import { openExternalUrl } from "../utils/safe-url.js";
+
+// File-like extensions we should NOT treat as clickable domains (e.g. "report.pdf").
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const NON_LINK_EXTENSIONS = new Set(['pdf', 'png', 'jpg', 'jpeg', 'gif', 'svg', 'webp', 'doc', 'docx', 'xls', 'xlsx', 'csv', 'txt', 'zip', 'rar', 'js', 'ts', 'tsx', 'jsx', 'json', 'md', 'html', 'css', 'exe', 'dmg']);
+function linkifyPlainText(text) {
+  const urlRe = /((?:https?:\/\/|www\.)[^\s<>()]+|(?:[a-z0-9-]+\.)+[a-z]{2,24}(?:\/[^\s<>()]*)?)/gi;
+  return text.replace(urlRe, match => {
+    const trailingMatch = match.match(/[.,!?;:)\]]+$/);
+    const tail = trailingMatch ? trailingMatch[0] : '';
+    const core = tail ? match.slice(0, -tail.length) : match;
+    const hasScheme = /^https?:\/\//i.test(core);
+    if (!hasScheme && !/\//.test(core)) {
+      const ext = core.split('.').pop()?.toLowerCase() ?? '';
+      if (NON_LINK_EXTENSIONS.has(ext)) return match;
+    }
+    const href = hasScheme ? core : `https://${core.replace(/^www\./i, '')}`;
+    return `[${core}](${href})${tail}`;
+  });
+}
+
+/** Turn bare URLs into markdown links while leaving code and existing links alone. */
+export function linkifyMarkdown(text) {
+  if (!text) return text;
+  const protectedPattern = /(```[\s\S]*?```|`[^`]*`|!?\[[^\]]*\]\([^)]*\))/g;
+  return text.split(protectedPattern).map((segment, index) => index % 2 === 1 ? segment : linkifyPlainText(segment)).join('');
+}
+const INLINE_PATTERN = /(\*\*[^*]+\*\*|__[^_]+__|\*[^*\n]+\*|_[^_\n]+_|`[^`]+`|!?\[[^\]]*\]\([^)]*\))/g;
+function openLink(href) {
+  void openExternalUrl(href);
+}
+
+/** Renders one line of markdown into nested <Text> runs. */
+function InlineMarkdown({
+  content,
+  color
+}) {
+  const parts = content.split(INLINE_PATTERN).filter(part => part !== undefined && part !== '');
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: parts.map((part, index) => {
+      const key = `${index}-${part.slice(0, 8)}`;
+      if (/^(\*\*|__)[\s\S]+(\*\*|__)$/.test(part)) {
+        return /*#__PURE__*/_jsx(Text, {
+          style: styles.bold,
+          children: part.slice(2, -2)
+        }, key);
+      }
+      if (/^[*_][^*_][\s\S]*[*_]$/.test(part) && part.length > 2) {
+        return /*#__PURE__*/_jsx(Text, {
+          style: styles.italic,
+          children: part.slice(1, -1)
+        }, key);
+      }
+      if (/^`[^`]+`$/.test(part)) {
+        return /*#__PURE__*/_jsx(Text, {
+          style: styles.inlineCode,
+          children: part.slice(1, -1)
+        }, key);
+      }
+      const link = /^!?\[([^\]]*)\]\(([^)]*)\)$/.exec(part);
+      if (link) {
+        const label = link[1] || link[2] || '';
+        const href = link[2] || '';
+        return /*#__PURE__*/_jsx(Text, {
+          style: [styles.link, {
+            color
+          }],
+          onPress: href ? () => openLink(href) : undefined,
+          children: label
+        }, key);
+      }
+      return /*#__PURE__*/_jsx(Fragment, {
+        children: part
+      }, key);
+    })
+  });
+}
+export function Markdown({
+  content,
+  color,
+  linkColor
+}) {
+  const blocks = parseBlocks(linkifyMarkdown(content));
+  const effectiveLinkColor = linkColor ?? color;
+  return /*#__PURE__*/_jsx(View, {
+    children: blocks.map((block, index) => {
+      const key = `block-${index}`;
+      if (block.type === 'code') {
+        return /*#__PURE__*/_jsx(View, {
+          style: styles.codeBlock,
+          children: /*#__PURE__*/_jsx(Text, {
+            style: styles.codeBlockText,
+            children: block.lines.join('\n')
+          })
+        }, key);
+      }
+      if (block.type === 'list') {
+        return /*#__PURE__*/_jsx(View, {
+          style: styles.list,
+          children: block.items.map((item, itemIndex) => /*#__PURE__*/_jsxs(View, {
+            style: styles.listItem,
+            children: [/*#__PURE__*/_jsx(Text, {
+              style: [styles.listMarker, {
+                color
+              }],
+              children: block.ordered ? `${itemIndex + 1}.` : '•'
+            }), /*#__PURE__*/_jsx(Text, {
+              style: [styles.text, styles.listItemText, {
+                color
+              }],
+              children: /*#__PURE__*/_jsx(InlineMarkdown, {
+                content: item,
+                color: effectiveLinkColor
+              })
+            })]
+          }, `${key}-${itemIndex}`))
+        }, key);
+      }
+      return /*#__PURE__*/_jsx(Text, {
+        style: [styles.text, index > 0 && styles.paragraphSpacing, {
+          color
+        }],
+        children: /*#__PURE__*/_jsx(InlineMarkdown, {
+          content: block.lines.join('\n'),
+          color: effectiveLinkColor
+        })
+      }, key);
+    })
+  });
+}
+function parseBlocks(content) {
+  const lines = content.split('\n');
+  const blocks = [];
+  let paragraph = [];
+  const flushParagraph = () => {
+    if (paragraph.length > 0) {
+      blocks.push({
+        type: 'paragraph',
+        lines: paragraph
+      });
+      paragraph = [];
+    }
+  };
+  for (let index = 0; index < lines.length; index += 1) {
+    const line = lines[index];
+    if (line.trim().startsWith('```')) {
+      flushParagraph();
+      const code = [];
+      index += 1;
+      while (index < lines.length && !lines[index].trim().startsWith('```')) {
+        code.push(lines[index]);
+        index += 1;
+      }
+      blocks.push({
+        type: 'code',
+        lines: code
+      });
+      continue;
+    }
+    const bullet = /^\s*[-*+]\s+(.*)$/.exec(line);
+    const ordered = /^\s*\d+[.)]\s+(.*)$/.exec(line);
+    if (bullet || ordered) {
+      flushParagraph();
+      const isOrdered = !!ordered;
+      const items = [(bullet?.[1] ?? ordered?.[1] ?? '').trim()];
+      while (index + 1 < lines.length) {
+        const nextLine = lines[index + 1];
+        const nextMatch = isOrdered ? /^\s*\d+[.)]\s+(.*)$/.exec(nextLine) : /^\s*[-*+]\s+(.*)$/.exec(nextLine);
+        if (!nextMatch) break;
+        items.push((nextMatch[1] ?? '').trim());
+        index += 1;
+      }
+      blocks.push({
+        type: 'list',
+        ordered: isOrdered,
+        items
+      });
+      continue;
+    }
+    if (line.trim() === '') {
+      flushParagraph();
+      continue;
+    }
+
+    // Headings render as emphasised paragraphs — the bubble is already small.
+    paragraph.push(line.replace(/^#{1,6}\s+/, ''));
+  }
+  flushParagraph();
+  return blocks;
+}
+const styles = StyleSheet.create({
+  text: {
+    fontSize: fontSize.body,
+    lineHeight: fontSize.body * 1.45
+  },
+  paragraphSpacing: {
+    marginTop: spacing.sm
+  },
+  bold: {
+    fontWeight: '700'
+  },
+  italic: {
+    fontStyle: 'italic'
+  },
+  link: {
+    textDecorationLine: 'underline'
+  },
+  inlineCode: {
+    fontFamily: 'Courier',
+    fontSize: fontSize.meta
+  },
+  codeBlock: {
+    marginTop: spacing.sm,
+    padding: spacing.sm,
+    borderRadius: radius.sm,
+    backgroundColor: 'rgba(0,0,0,0.06)'
+  },
+  codeBlockText: {
+    fontFamily: 'Courier',
+    fontSize: fontSize.meta,
+    color: palette.text
+  },
+  list: {
+    marginTop: spacing.xs
+  },
+  listItem: {
+    flexDirection: 'row',
+    marginBottom: spacing.xs
+  },
+  listItemText: {
+    flex: 1
+  },
+  listMarker: {
+    fontSize: fontSize.body,
+    lineHeight: fontSize.body * 1.45,
+    width: 20
+  }
+});
+//# sourceMappingURL=Markdown.js.map

package/lib/module/ui/components/Markdown.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Fragment","StyleSheet","Text","View","fontSize","palette","radius","spacing","openExternalUrl","jsx","_jsx","_Fragment","jsxs","_jsxs","NON_LINK_EXTENSIONS","Set","linkifyPlainText","text","urlRe","replace","match","trailingMatch","tail","core","slice","length","hasScheme","test","ext","split","pop","toLowerCase","has","href","linkifyMarkdown","protectedPattern","map","segment","index","join","INLINE_PATTERN","openLink","InlineMarkdown","content","color","parts","filter","part","undefined","children","key","style","styles","bold","italic","inlineCode","link","exec","label","onPress","Markdown","linkColor","blocks","parseBlocks","effectiveLinkColor","block","type","codeBlock","codeBlockText","lines","list","items","item","itemIndex","listItem","listMarker","ordered","listItemText","paragraphSpacing","paragraph","flushParagraph","push","line","trim","startsWith","code","bullet","isOrdered","nextLine","nextMatch","create","body","lineHeight","marginTop","sm","fontWeight","fontStyle","textDecorationLine","fontFamily","meta","padding","borderRadius","backgroundColor","xs","flexDirection","marginBottom","flex","width"],"sourceRoot":"../../../../src","sources":["ui/components/Markdown.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/components/OutboundMessageCard.js

@@ -0,0 +1,153 @@
+"use strict";
+
+/**
+ * Proactive / campaign card shown above the home + messages spaces.
+ * Port of `client/src/widget/components/OutboundMessageCard.tsx`.
+ */
+
+import { Image, Pressable, StyleSheet, Text, View } from 'react-native';
+import { htmlToText } from "../utils/html.js";
+import { openExternalUrl } from "../utils/safe-url.js";
+import { CloseIcon } from "./icons.js";
+import { START_ALIGN } from "../utils/rtl.js";
+import { fontSize, palette, radius, shadows, spacing } from "../styles/theme.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function OutboundMessageCard({
+  message,
+  color,
+  labels,
+  onDismiss,
+  onStartChat,
+  onTrack
+}) {
+  const ctaLabel = message.ctaLabel || labels.cta;
+  const body = message.body || htmlToText(message.bodyHtml || '');
+  const handlePress = () => {
+    onTrack?.('widget_outbound_clicked', {
+      outboundId: message.id,
+      type: message.type,
+      hasCtaUrl: !!message.ctaUrl
+    });
+    if (message.ctaUrl) {
+      void openExternalUrl(message.ctaUrl);
+      return;
+    }
+    onStartChat(htmlToText(message.prefill || '') || body);
+  };
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.wrapper,
+    children: /*#__PURE__*/_jsxs(View, {
+      style: styles.card,
+      children: [message.imageUrl ? /*#__PURE__*/_jsx(Image, {
+        source: {
+          uri: message.imageUrl
+        },
+        style: styles.image,
+        resizeMode: "cover",
+        accessibilityIgnoresInvertColors: true
+      }) : null, /*#__PURE__*/_jsxs(View, {
+        style: styles.body,
+        children: [/*#__PURE__*/_jsxs(View, {
+          style: styles.header,
+          children: [/*#__PURE__*/_jsxs(View, {
+            style: styles.headerCopy,
+            children: [/*#__PURE__*/_jsx(Text, {
+              style: styles.title,
+              children: message.title || labels.title
+            }), body ? /*#__PURE__*/_jsx(Text, {
+              style: styles.description,
+              children: body
+            }) : null]
+          }), /*#__PURE__*/_jsx(Pressable, {
+            onPress: onDismiss,
+            accessibilityRole: "button",
+            accessibilityLabel: labels.dismiss,
+            hitSlop: 12,
+            style: styles.dismiss,
+            children: /*#__PURE__*/_jsx(CloseIcon, {
+              size: 16,
+              color: palette.textSubtle
+            })
+          })]
+        }), /*#__PURE__*/_jsx(Pressable, {
+          onPress: handlePress,
+          accessibilityRole: "button",
+          style: ({
+            pressed
+          }) => [styles.cta, {
+            backgroundColor: color
+          }, pressed && styles.ctaPressed],
+          children: /*#__PURE__*/_jsx(Text, {
+            style: styles.ctaLabel,
+            children: ctaLabel
+          })
+        })]
+      })]
+    })
+  });
+}
+const styles = StyleSheet.create({
+  wrapper: {
+    padding: spacing.md + 2,
+    backgroundColor: palette.white,
+    borderBottomWidth: StyleSheet.hairlineWidth,
+    borderBottomColor: palette.borderSoft
+  },
+  card: {
+    borderWidth: StyleSheet.hairlineWidth,
+    borderColor: palette.border,
+    borderRadius: radius.xl,
+    overflow: 'hidden',
+    backgroundColor: palette.white,
+    ...shadows.card
+  },
+  image: {
+    width: '100%',
+    height: 150
+  },
+  body: {
+    padding: spacing.lg
+  },
+  header: {
+    flexDirection: 'row',
+    alignItems: 'flex-start',
+    gap: spacing.sm + 2
+  },
+  headerCopy: {
+    flex: 1,
+    minWidth: 0
+  },
+  title: {
+    textAlign: START_ALIGN,
+    fontSize: fontSize.title,
+    fontWeight: '600',
+    color: palette.ink
+  },
+  description: {
+    textAlign: START_ALIGN,
+    marginTop: 5,
+    fontSize: fontSize.meta,
+    lineHeight: fontSize.meta * 1.45,
+    color: palette.textMuted
+  },
+  dismiss: {
+    padding: spacing.xs
+  },
+  cta: {
+    marginTop: spacing.md,
+    borderRadius: radius.pill,
+    alignItems: 'center',
+    justifyContent: 'center',
+    paddingVertical: spacing.md,
+    minHeight: 44
+  },
+  ctaPressed: {
+    opacity: 0.85
+  },
+  ctaLabel: {
+    color: palette.white,
+    fontSize: fontSize.meta,
+    fontWeight: '600'
+  }
+});
+//# sourceMappingURL=OutboundMessageCard.js.map

package/lib/module/ui/components/OutboundMessageCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Image","Pressable","StyleSheet","Text","View","htmlToText","openExternalUrl","CloseIcon","START_ALIGN","fontSize","palette","radius","shadows","spacing","jsx","_jsx","jsxs","_jsxs","OutboundMessageCard","message","color","labels","onDismiss","onStartChat","onTrack","ctaLabel","cta","body","bodyHtml","handlePress","outboundId","id","type","hasCtaUrl","ctaUrl","prefill","style","styles","wrapper","children","card","imageUrl","source","uri","image","resizeMode","accessibilityIgnoresInvertColors","header","headerCopy","title","description","onPress","accessibilityRole","accessibilityLabel","dismiss","hitSlop","size","textSubtle","pressed","backgroundColor","ctaPressed","create","padding","md","white","borderBottomWidth","hairlineWidth","borderBottomColor","borderSoft","borderWidth","borderColor","border","borderRadius","xl","overflow","width","height","lg","flexDirection","alignItems","gap","sm","flex","minWidth","textAlign","fontWeight","ink","marginTop","meta","lineHeight","textMuted","xs","pill","justifyContent","paddingVertical","minHeight","opacity"],"sourceRoot":"../../../../src","sources":["ui/components/OutboundMessageCard.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/components/WidgetPanel.js

@@ -0,0 +1,127 @@
+"use strict";
+
+/**
+ * Panel chrome: the colored header (with the assigned agent) and the bottom
+ * space switcher. Port of `client/src/widget/components/WidgetPanel.tsx`; the
+ * fixed-size floating card becomes a full-height sheet because the RN host is
+ * a modal, not an iframe pinned to a corner.
+ */
+
+import { Pressable, StyleSheet, Text, View } from 'react-native';
+import { globalStyles } from "../styles/global.js";
+import { fontSize, palette, spacing } from "../styles/theme.js";
+import { ChatOutlineIcon, HomeIcon } from "./icons.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SPACE_META = {
+  home: {
+    labelKey: 'home',
+    icon: props => /*#__PURE__*/_jsx(HomeIcon, {
+      ...props
+    })
+  },
+  messages: {
+    labelKey: 'messages',
+    icon: props => /*#__PURE__*/_jsx(ChatOutlineIcon, {
+      ...props
+    })
+  }
+};
+export function WidgetPanel({
+  color,
+  children,
+  activeTab,
+  onTabChange,
+  showTabs,
+  spaces,
+  unreadCount = 0,
+  labels
+}) {
+  const enabledSpaces = spaces.filter(space => space.enabled);
+  return /*#__PURE__*/_jsxs(View, {
+    style: globalStyles.screen,
+    children: [/*#__PURE__*/_jsx(View, {
+      style: globalStyles.fill,
+      children: children
+    }), showTabs && enabledSpaces.length > 1 && /*#__PURE__*/_jsx(View, {
+      style: styles.tabBar,
+      children: enabledSpaces.map(space => {
+        const meta = SPACE_META[space.type];
+        if (!meta) return null;
+        const active = activeTab === space.type;
+        const showBadge = space.type === 'messages' && unreadCount > 0;
+        return /*#__PURE__*/_jsxs(Pressable, {
+          onPress: () => onTabChange(space.type),
+          accessibilityRole: "tab",
+          accessibilityState: {
+            selected: active
+          },
+          accessibilityLabel: showBadge ? `${labels[meta.labelKey]}, ${labels.unread}` : undefined,
+          style: styles.tab,
+          children: [/*#__PURE__*/_jsxs(View, {
+            style: styles.tabIconWrap,
+            children: [meta.icon({
+              size: 22,
+              color: active ? color : palette.textSubtle
+            }), showBadge ? /*#__PURE__*/_jsx(View, {
+              style: styles.tabBadge,
+              pointerEvents: "none",
+              children: /*#__PURE__*/_jsx(Text, {
+                style: styles.tabBadgeLabel,
+                children: unreadCount > 9 ? '9+' : unreadCount
+              })
+            }) : null]
+          }), /*#__PURE__*/_jsx(Text, {
+            style: [styles.tabLabel, {
+              color: active ? color : palette.textSubtle
+            }],
+            children: labels[meta.labelKey]
+          })]
+        }, space.type);
+      })
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  tabIconWrap: {
+    position: 'relative'
+  },
+  tabBadge: {
+    position: 'absolute',
+    top: -5,
+    end: -12,
+    minWidth: 18,
+    height: 18,
+    borderRadius: 9,
+    paddingHorizontal: spacing.xs,
+    backgroundColor: palette.danger,
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderWidth: 2,
+    borderColor: palette.white
+  },
+  tabBadgeLabel: {
+    fontSize: fontSize.micro,
+    fontWeight: '700',
+    color: palette.white
+  },
+  tabBar: {
+    flexDirection: 'row',
+    borderTopWidth: StyleSheet.hairlineWidth,
+    borderTopColor: palette.border,
+    backgroundColor: palette.white
+  },
+  tab: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+    gap: 2,
+    paddingVertical: spacing.sm,
+    minHeight: 52
+  },
+  tabLabel: {
+    fontSize: fontSize.caption,
+    // Weight stays constant across states — only color signals the active tab.
+    fontWeight: '600'
+  }
+});
+//# sourceMappingURL=WidgetPanel.js.map

package/lib/module/ui/components/WidgetPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Pressable","StyleSheet","Text","View","globalStyles","fontSize","palette","spacing","ChatOutlineIcon","HomeIcon","jsx","_jsx","jsxs","_jsxs","SPACE_META","home","labelKey","icon","props","messages","WidgetPanel","color","children","activeTab","onTabChange","showTabs","spaces","unreadCount","labels","enabledSpaces","filter","space","enabled","style","screen","fill","length","styles","tabBar","map","meta","type","active","showBadge","onPress","accessibilityRole","accessibilityState","selected","accessibilityLabel","unread","undefined","tab","tabIconWrap","size","textSubtle","tabBadge","pointerEvents","tabBadgeLabel","tabLabel","create","position","top","end","minWidth","height","borderRadius","paddingHorizontal","xs","backgroundColor","danger","alignItems","justifyContent","borderWidth","borderColor","white","micro","fontWeight","flexDirection","borderTopWidth","hairlineWidth","borderTopColor","border","flex","gap","paddingVertical","sm","minHeight","caption"],"sourceRoot":"../../../../src","sources":["ui/components/WidgetPanel.tsx"],"mappings":"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","ignoreList":[]}