@repzo/widget-react-native 1.0.0

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

@@ -0,0 +1 @@
+{"version":3,"names":["NAME_TOKEN","EMAIL_LIKE","PHONE_LIKE","firstName","fullName","trimmed","trim","test","candidate","split","replace","length","tidy","value","personalizeGreeting","template","visitorName","fallback","base","tokenized"],"sourceRoot":"../../../../../src","sources":["ui/screens/home/greeting.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,MAAMA,UAAU,GAAG,wCAAwC;AAE3D,MAAMC,UAAU,GAAG,GAAG;AACtB,MAAMC,UAAU,GAAG,iBAAiB;;AAEpC;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,SAASA,CAACC,QAAwB,EAAiB;EACjE,MAAMC,OAAO,GAAG,CAACD,QAAQ,IAAI,EAAE,EAAEE,IAAI,CAAC,CAAC;EACvC,IAAI,CAACD,OAAO,IAAIJ,UAAU,CAACM,IAAI,CAACF,OAAO,CAAC,IAAIH,UAAU,CAACK,IAAI,CAACF,OAAO,CAAC,EAAE,OAAO,IAAI;EACjF,MAAMG,SAAS,GAAG,CAACH,OAAO,CAACI,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,EAAEC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC;EACzE;EACA,IAAIF,SAAS,CAACG,MAAM,GAAG,CAAC,IAAIH,SAAS,CAACG,MAAM,GAAG,EAAE,EAAE,OAAO,IAAI;EAC9D,OAAOH,SAAS;AAClB;;AAEA;AACA,SAASI,IAAIA,CAACC,KAAa,EAAU;EACnC,OAAOA,KAAK,CACTH,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CACpBA,OAAO,CAAC,gBAAgB,EAAE,IAAI,CAAC,CAC/BA,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CACtBJ,IAAI,CAAC,CAAC;AACX;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASQ,mBAAmBA,CACjCC,QAAmC,EACnCC,WAAsC,EACtCC,QAAgB,EACR;EACR,MAAMC,IAAI,GAAG,CAACH,QAAQ,IAAI,EAAE,EAAET,IAAI,CAAC,CAAC,IAAIW,QAAQ;EAChD,MAAME,SAAS,GAAGD,IAAI,CAACR,OAAO,CAACV,UAAU,EAAEG,SAAS,CAACa,WAAW,CAAC,IAAI,EAAE,CAAC;EACxE,OAAOG,SAAS,KAAKD,IAAI,GAAGA,IAAI,GAAGN,IAAI,CAACO,SAAS,CAAC;AACpD","ignoreList":[]}

package/lib/module/ui/screens/pre-chat/PreChatForm.js

@@ -0,0 +1,225 @@
+"use strict";
+
+/**
+ * Pre-chat form — collects visitor info before the first message.
+ * Port of `client/src/widget/components/PreChatForm.tsx`.
+ */
+
+import { useCallback, useRef, useState } from 'react';
+import { Pressable, ScrollView, Text, TextInput, View } from 'react-native';
+import { formatLabel } from "../../../i18n.js";
+import { GradientBackground } from "../../components/Gradient.js";
+import { ChevronIcon } from "../../components/icons.js";
+import { globalStyles } from "../../styles/global.js";
+import { contrastingTextColor, mixHex, palette, withAlpha } from "../../styles/theme.js";
+import { forwardDirection } from "../../utils/rtl.js";
+import { styles } from "./PreChatForm.styles.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** Breathing room kept under a focused field when it is scrolled into view. */
+const FIELD_GUTTER = 16;
+export function PreChatForm({
+  fields,
+  color,
+  labels,
+  onSubmit,
+  onSkip,
+  onClose
+}) {
+  const [values, setValues] = useState({});
+  const [errors, setErrors] = useState({});
+  const scrollRef = useRef(null);
+  const scrollOffset = useRef(0);
+  const viewportHeight = useRef(0);
+  const fieldRefs = useRef({});
+  const focusedField = useRef(null);
+
+  // The keyboard shortens the form instead of scrolling it, so a field low in
+  // the list ends up behind it. Once the viewport has shrunk, lift the focused
+  // field back above the fold. Both edges are measured the same way, so the
+  // offset a modal adds to either cancels out, and RN folds the scroll position
+  // into the field's own measurement.
+  const revealFocusedField = useCallback(() => {
+    const name = focusedField.current;
+    const field = name ? fieldRefs.current[name] : null;
+    const viewport = scrollRef.current?.getNativeScrollRef();
+    if (!field || !viewport) return;
+    viewport.measureInWindow((_vx, viewportY, _vw, height) => {
+      field.measureInWindow((_fx, fieldY, _fw, fieldHeight) => {
+        const hidden = fieldY + fieldHeight + FIELD_GUTTER - (viewportY + height);
+        if (hidden <= 0) return;
+        scrollRef.current?.scrollTo({
+          y: scrollOffset.current + hidden,
+          animated: false
+        });
+      });
+    });
+  }, []);
+  const handleViewportLayout = useCallback(event => {
+    const {
+      height
+    } = event.nativeEvent.layout;
+    const shrank = viewportHeight.current - height > 1;
+    viewportHeight.current = height;
+    if (shrank) revealFocusedField();
+  }, [revealFocusedField]);
+  const handleScroll = useCallback(event => {
+    scrollOffset.current = event.nativeEvent.contentOffset.y;
+  }, []);
+  const hasRequired = fields.some(field => field.required);
+  const handleSubmit = () => {
+    const nextErrors = {};
+    for (const field of fields) {
+      const value = values[field.name]?.trim() || '';
+      if (field.required && !value) {
+        nextErrors[field.name] = formatLabel(labels.fieldRequired, {
+          field: field.label
+        });
+      }
+      if (field.type === 'email' && value && !value.includes('@')) {
+        nextErrors[field.name] = labels.invalidEmail;
+      }
+    }
+    if (Object.keys(nextErrors).length > 0) {
+      setErrors(nextErrors);
+      return;
+    }
+    onSubmit(values);
+  };
+  const headerTextColor = contrastingTextColor(color);
+  return /*#__PURE__*/_jsxs(View, {
+    style: globalStyles.screen,
+    children: [/*#__PURE__*/_jsxs(GradientBackground, {
+      colors: [color, mixHex(color, '#000000', 0.16)],
+      style: styles.header,
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: styles.headerCopy,
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: [styles.headerTitle, {
+            color: headerTextColor
+          }],
+          children: labels.title
+        }), /*#__PURE__*/_jsx(Text, {
+          style: [styles.headerSubtitle, {
+            color: withAlpha(headerTextColor, 0.75)
+          }],
+          numberOfLines: 2,
+          children: labels.subtitle
+        })]
+      }), /*#__PURE__*/_jsx(Pressable, {
+        onPress: onClose,
+        accessibilityRole: "button",
+        accessibilityLabel: labels.close,
+        hitSlop: 12,
+        style: ({
+          pressed
+        }) => [globalStyles.iconButton, {
+          backgroundColor: withAlpha(headerTextColor, 0.16)
+        }, pressed && globalStyles.pressed],
+        children: /*#__PURE__*/_jsx(ChevronIcon, {
+          size: 20,
+          direction: "down",
+          color: headerTextColor
+        })
+      })]
+    }), /*#__PURE__*/_jsxs(ScrollView, {
+      ref: scrollRef,
+      style: globalStyles.fill,
+      contentContainerStyle: styles.content,
+      keyboardShouldPersistTaps: "handled",
+      keyboardDismissMode: "on-drag",
+      onLayout: handleViewportLayout,
+      onScroll: handleScroll,
+      scrollEventThrottle: 16,
+      children: [/*#__PURE__*/_jsx(View, {
+        style: globalStyles.fill,
+        children: fields.map(field => /*#__PURE__*/_jsxs(View, {
+          ref: node => {
+            fieldRefs.current[field.name] = node;
+          },
+          collapsable: false,
+          style: styles.field,
+          children: [/*#__PURE__*/_jsxs(Text, {
+            style: styles.label,
+            children: [field.label, field.required ? /*#__PURE__*/_jsx(Text, {
+              style: styles.required,
+              children: " *"
+            }) : null]
+          }), field.type === 'select' ? /*#__PURE__*/_jsx(View, {
+            style: styles.options,
+            children: (field.options ?? []).map(option => {
+              const selected = values[field.name] === option;
+              return /*#__PURE__*/_jsxs(Pressable, {
+                onPress: () => setValues(current => ({
+                  ...current,
+                  [field.name]: option
+                })),
+                accessibilityRole: "button",
+                accessibilityState: {
+                  selected
+                },
+                style: [styles.option, selected && {
+                  borderColor: color,
+                  backgroundColor: palette.surface
+                }],
+                children: [/*#__PURE__*/_jsx(Text, {
+                  style: [styles.optionLabel, selected && {
+                    color
+                  }],
+                  children: option
+                }), selected ? /*#__PURE__*/_jsx(ChevronIcon, {
+                  size: 14,
+                  direction: forwardDirection(),
+                  color: color
+                }) : null]
+              }, option);
+            })
+          }) : /*#__PURE__*/_jsx(TextInput, {
+            value: values[field.name] || '',
+            onChangeText: text => setValues(current => ({
+              ...current,
+              [field.name]: text
+            })),
+            placeholder: field.label,
+            placeholderTextColor: palette.textSubtle,
+            keyboardType: field.type === 'email' ? 'email-address' : field.type === 'phone' ? 'phone-pad' : 'default',
+            autoCapitalize: field.type === 'email' ? 'none' : 'sentences',
+            autoCorrect: field.type !== 'email',
+            onFocus: () => {
+              focusedField.current = field.name;
+              revealFocusedField();
+            },
+            onBlur: () => {
+              if (focusedField.current === field.name) focusedField.current = null;
+            },
+            style: [styles.input, errors[field.name] ? styles.inputError : null]
+          }), errors[field.name] ? /*#__PURE__*/_jsx(Text, {
+            style: styles.errorText,
+            children: errors[field.name]
+          }) : null]
+        }, field.name))
+      }), /*#__PURE__*/_jsxs(View, {
+        style: styles.actions,
+        children: [!hasRequired ? /*#__PURE__*/_jsx(Pressable, {
+          onPress: onSkip,
+          accessibilityRole: "button",
+          style: styles.skipButton,
+          children: /*#__PURE__*/_jsx(Text, {
+            style: styles.skipLabel,
+            children: labels.skip
+          })
+        }) : null, /*#__PURE__*/_jsx(Pressable, {
+          onPress: handleSubmit,
+          accessibilityRole: "button",
+          style: [styles.submitButton, {
+            backgroundColor: color
+          }],
+          children: /*#__PURE__*/_jsx(Text, {
+            style: styles.submitLabel,
+            children: labels.submit
+          })
+        })]
+      })]
+    })]
+  });
+}
+//# sourceMappingURL=PreChatForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useRef","useState","Pressable","ScrollView","Text","TextInput","View","formatLabel","GradientBackground","ChevronIcon","globalStyles","contrastingTextColor","mixHex","palette","withAlpha","forwardDirection","styles","jsx","_jsx","jsxs","_jsxs","FIELD_GUTTER","PreChatForm","fields","color","labels","onSubmit","onSkip","onClose","values","setValues","errors","setErrors","scrollRef","scrollOffset","viewportHeight","fieldRefs","focusedField","revealFocusedField","name","current","field","viewport","getNativeScrollRef","measureInWindow","_vx","viewportY","_vw","height","_fx","fieldY","_fw","fieldHeight","hidden","scrollTo","y","animated","handleViewportLayout","event","nativeEvent","layout","shrank","handleScroll","contentOffset","hasRequired","some","required","handleSubmit","nextErrors","value","trim","fieldRequired","label","type","includes","invalidEmail","Object","keys","length","headerTextColor","style","screen","children","colors","header","headerCopy","headerTitle","title","headerSubtitle","numberOfLines","subtitle","onPress","accessibilityRole","accessibilityLabel","close","hitSlop","pressed","iconButton","backgroundColor","size","direction","ref","fill","contentContainerStyle","content","keyboardShouldPersistTaps","keyboardDismissMode","onLayout","onScroll","scrollEventThrottle","map","node","collapsable","options","option","selected","accessibilityState","borderColor","surface","optionLabel","onChangeText","text","placeholder","placeholderTextColor","textSubtle","keyboardType","autoCapitalize","autoCorrect","onFocus","onBlur","input","inputError","errorText","actions","skipButton","skipLabel","skip","submitButton","submitLabel","submit"],"sourceRoot":"../../../../../src","sources":["ui/screens/pre-chat/PreChatForm.tsx"],"mappings":"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","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","fontSize","palette","radius","spacing","START_ALIGN","styles","create","header","flexDirection","alignItems","gap","md","paddingHorizontal","xl","paddingVertical","lg","minHeight","headerCopy","flex","minWidth","headerTitle","textAlign","heading","fontWeight","marginBottom","xs","headerSubtitle","meta","lineHeight","content","flexGrow","padding","xxl","field","label","color","required","danger","input","borderWidth","hairlineWidth","borderColor","disabled","borderRadius","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":"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","ignoreList":[]}

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

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

package/lib/module/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/module/ui/styles/global.js

@@ -0,0 +1,51 @@
+"use strict";
+
+/**
+ * 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.
+ */
+
+import { StyleSheet } from 'react-native';
+import { palette, radius } from "./theme.js";
+export const globalStyles = StyleSheet.create({
+  /** Full-height white surface every screen starts from. */
+  screen: {
+    flex: 1,
+    backgroundColor: 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: StyleSheet.hairlineWidth,
+    backgroundColor: palette.borderSoft
+  },
+  /** Bordered white card that lists and previews sit in. */
+  card: {
+    borderRadius: radius.lg,
+    borderWidth: StyleSheet.hairlineWidth,
+    borderColor: palette.border,
+    backgroundColor: palette.white
+  }
+});
+//# sourceMappingURL=global.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","palette","radius","globalStyles","create","screen","flex","backgroundColor","white","fill","iconButton","width","height","borderRadius","alignItems","justifyContent","pressed","opacity","divider","hairlineWidth","borderSoft","card","lg","borderWidth","borderColor","border"],"sourceRoot":"../../../../src","sources":["ui/styles/global.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,QAAQ,cAAc;AAEzC,SAASC,OAAO,EAAEC,MAAM,QAAQ,YAAS;AAEzC,OAAO,MAAMC,YAAY,GAAGH,UAAU,CAACI,MAAM,CAAC;EAC5C;EACAC,MAAM,EAAE;IACNC,IAAI,EAAE,CAAC;IACPC,eAAe,EAAEN,OAAO,CAACO;EAC3B,CAAC;EACD;EACAC,IAAI,EAAE;IACJH,IAAI,EAAE;EACR,CAAC;EACD;EACAI,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,EAAEZ,UAAU,CAACmB,aAAa;IAChCZ,eAAe,EAAEN,OAAO,CAACmB;EAC3B,CAAC;EACD;EACAC,IAAI,EAAE;IACJR,YAAY,EAAEX,MAAM,CAACoB,EAAE;IACvBC,WAAW,EAAEvB,UAAU,CAACmB,aAAa;IACrCK,WAAW,EAAEvB,OAAO,CAACwB,MAAM;IAC3BlB,eAAe,EAAEN,OAAO,CAACO;EAC3B;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,137 @@
+"use strict";
+
+/**
+ * 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).
+ */
+
+export const 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'
+};
+export const radius = {
+  sm: 8,
+  md: 10,
+  lg: 12,
+  xl: 14,
+  pill: 999
+};
+export const spacing = {
+  xs: 4,
+  sm: 8,
+  md: 12,
+  lg: 16,
+  xl: 20,
+  xxl: 24
+};
+
+/** Mobile type scale — one step larger than the web widget's. */
+export const fontSize = {
+  micro: 10,
+  caption: 12,
+  meta: 13,
+  body: 15,
+  input: 16,
+  title: 17,
+  heading: 22,
+  display: 28
+};
+export const 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.
+export 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. */
+export function withAlpha(color, alpha) {
+  const rgb = hexToRgb(color);
+  if (!rgb) return color;
+  return `rgba(${rgb[0]}, ${rgb[1]}, ${rgb[2]}, ${alpha})`;
+}
+export 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. */
+export 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. */
+export 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;
+}
+export const 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/module/ui/styles/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["palette","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":[]}