@buoy-gg/notifications 7.0.41 → 7.0.42

package/lib/module/components/LocalNotificationTest.js

@@ -1,180 +1 @@
-"use strict";
-
-import React, { useRef, useState } from "react";
-import { StyleSheet, Text, TextInput, View } from "react-native";
-import { NightSegmented, night } from "@buoy-gg/shared-ui";
-import { NotificationTestView } from "./NotificationTestView";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function LocalNotificationTest({
-  snapshot,
-  onAction,
-  onViewActivity
-}) {
-  const [title, setTitle] = useState("Test notification");
-  const [message, setMessage] = useState("Tap to open the app.");
-  const [data, setData] = useState("{}");
-  const [seconds, setSeconds] = useState("1");
-  const [busy, setBusy] = useState(false);
-  const lock = useRef(false);
-  const [error, setError] = useState(null);
-  const [latest, setLatest] = useState(null);
-  let custom = {};
-  let validation = null;
-  try {
-    custom = JSON.parse(data);
-    if (!custom || typeof custom !== "object" || Array.isArray(custom)) throw new Error();
-  } catch {
-    validation = "Custom data must be a JSON object. Open Options to edit it.";
-  }
-  async function send() {
-    if (lock.current || validation) return;
-    lock.current = true;
-    setBusy(true);
-    setLatest(null);
-    setError(null);
-    const test = {
-      testId: `buoy-local-${Date.now()}-${Math.random().toString(36).slice(2)}`,
-      startedAt: Date.now(),
-      appId: snapshot?.appId ?? null
-    };
-    try {
-      await onAction("setCaptureSession", {
-        runId: test.testId,
-        durationMs: 1800000
-      });
-      await onAction("scheduleLocal", {
-        title,
-        body: message,
-        data: {
-          ...custom,
-          __buoyTestId: test.testId
-        },
-        seconds: Number(seconds)
-      });
-      setLatest(test);
-    } catch (error) {
-      setError(error instanceof Error ? error.message : String(error));
-    } finally {
-      lock.current = false;
-      setBusy(false);
-    }
-  }
-  const events = latest && latest.appId === snapshot?.appId ? snapshot.events.filter(event => event.testId === latest.testId && event.capturedAt >= latest.startedAt) : [];
-  const received = events.some(event => event.kind === "received");
-  const tapped = events.some(event => event.kind === "response" || event.kind === "startup-response");
-  const outcome = events.some(event => event.kind === "app-outcome");
-  const supported = !!snapshot?.capabilities.includes("local-scheduling");
-  return /*#__PURE__*/_jsx(NotificationTestView, {
-    title: title,
-    message: message,
-    onTitleChange: setTitle,
-    onMessageChange: setMessage,
-    appName: "This app",
-    appearance: snapshot?.preview,
-    destination: /*#__PURE__*/_jsxs(View, {
-      style: s.destination,
-      children: [/*#__PURE__*/_jsxs(View, {
-        style: s.field,
-        children: [/*#__PURE__*/_jsx(Text, {
-          style: s.label,
-          children: "Device"
-        }), /*#__PURE__*/_jsx(Text, {
-          style: s.value,
-          children: "This device"
-        })]
-      }), /*#__PURE__*/_jsxs(View, {
-        style: s.field,
-        children: [/*#__PURE__*/_jsx(Text, {
-          style: s.label,
-          children: "Delivery"
-        }), /*#__PURE__*/_jsx(Text, {
-          style: s.value,
-          children: "Local notification"
-        })]
-      })]
-    }),
-    options: /*#__PURE__*/_jsxs(View, {
-      style: s.options,
-      children: [/*#__PURE__*/_jsx(Text, {
-        style: s.label,
-        children: "Send after"
-      }), /*#__PURE__*/_jsx(NightSegmented, {
-        tabs: [{
-          key: "1",
-          label: "1 second"
-        }, {
-          key: "10",
-          label: "10 seconds"
-        }],
-        activeKey: seconds,
-        onChange: setSeconds,
-        size: "sm",
-        glass: true
-      }), /*#__PURE__*/_jsx(Text, {
-        style: s.label,
-        children: "Custom data"
-      }), /*#__PURE__*/_jsx(TextInput, {
-        accessibilityLabel: "Notification custom data",
-        value: data,
-        onChangeText: setData,
-        multiline: true,
-        autoCapitalize: "none",
-        autoCorrect: false,
-        style: s.json
-      }), /*#__PURE__*/_jsx(Text, {
-        style: s.label,
-        children: "Use the delay to leave the app before delivery. Simulator push and raw APNs payloads are available on desktop."
-      })]
-    }),
-    result: latest ? {
-      title: outcome ? "App reported an outcome" : tapped ? "Notification tapped" : received ? "Received by app" : "Notification scheduled",
-      message: tapped ? "Open Activity to inspect the app’s response." : "Tap the notification to test what opens."
-    } : null,
-    onViewActivity: onViewActivity,
-    onSend: () => {
-      void send();
-    },
-    busy: busy,
-    disabled: !supported || !!validation,
-    error: error ?? validation,
-    hint: !supported ? "Connect Expo notification capture to send a local test." : seconds === "10" ? "You have 10 seconds to leave the app." : "Sends locally on this device after one second."
-  });
-}
-const s = StyleSheet.create({
-  destination: {
-    flexDirection: "row",
-    gap: 12
-  },
-  field: {
-    flex: 1,
-    gap: 7
-  },
-  label: {
-    color: night.color.textSecondary,
-    fontSize: 12,
-    lineHeight: 18
-  },
-  value: {
-    color: night.color.text,
-    fontSize: 13,
-    borderWidth: 1,
-    borderColor: night.color.glassBorder,
-    backgroundColor: night.color.glass,
-    borderRadius: 10,
-    padding: 11
-  },
-  options: {
-    gap: 12
-  },
-  json: {
-    color: night.color.text,
-    fontSize: 12,
-    minHeight: 100,
-    textAlignVertical: "top",
-    padding: 12,
-    borderWidth: 1,
-    borderColor: night.color.glassBorder,
-    borderRadius: 10
-  }
-});
-//# sourceMappingURL=LocalNotificationTest.js.map
+"use strict";import J,{useRef as E,useState as s}from"react";import{StyleSheet as M,Text as a,TextInput as V,View as d}from"react-native";import{NightSegmented as _,night as i}from"@buoy-gg/shared-ui";import{NotificationTestView as B}from"./NotificationTestView";import{jsx as o,jsxs as p}from"react/jsx-runtime";export function LocalNotificationTest({snapshot:n,onAction:m,onViewActivity:I}){const[b,N]=s("Test notification");const[g,k]=s("Tap to open the app.");const[v,A]=s("{}");const[u,j]=s("1");const[D,S]=s(false);const f=E(false);const[z,x]=s(null);const[l,w]=s(null);let r={};let c=null;try{r=JSON.parse(v);if(!r||typeof r!=="object"||Array.isArray(r))throw new Error}catch{c="Custom data must be a JSON object. Open Options to edit it."}async function L(){if(f.current||c)return;f.current=true;S(true);w(null);x(null);const e={testId:`buoy-local-${Date.now()}-${Math.random().toString(36).slice(2)}`,startedAt:Date.now(),appId:n?.appId??null};try{await m("setCaptureSession",{runId:e.testId,durationMs:18e5});await m("scheduleLocal",{title:b,body:g,data:{...r,__buoyTestId:e.testId},seconds:Number(u)});w(e)}catch(h){x(h instanceof Error?h.message:String(h))}finally{f.current=false;S(false)}}const y=l&&l.appId===n?.appId?n.events.filter(e=>e.testId===l.testId&&e.capturedAt>=l.startedAt):[];const O=y.some(e=>e.kind==="received");const C=y.some(e=>e.kind==="response"||e.kind==="startup-response");const R=y.some(e=>e.kind==="app-outcome");const T=!!n?.capabilities.includes("local-scheduling");return o(B,{title:b,message:g,onTitleChange:N,onMessageChange:k,appName:"This app",appearance:n?.preview,destination:p(d,{style:t.destination,children:[p(d,{style:t.field,children:[o(a,{style:t.label,children:"Device"}),o(a,{style:t.value,children:"This device"})]}),p(d,{style:t.field,children:[o(a,{style:t.label,children:"Delivery"}),o(a,{style:t.value,children:"Local notification"})]})]}),options:p(d,{style:t.options,children:[o(a,{style:t.label,children:"Send after"}),o(_,{tabs:[{key:"1",label:"1 second"},{key:"10",label:"10 seconds"}],activeKey:u,onChange:j,size:"sm",glass:true}),o(a,{style:t.label,children:"Custom data"}),o(V,{accessibilityLabel:"Notification custom data",value:v,onChangeText:A,multiline:true,autoCapitalize:"none",autoCorrect:false,style:t.json}),o(a,{style:t.label,children:"Use the delay to leave the app before delivery. Simulator push and raw APNs payloads are available on desktop."})]}),result:l?{title:R?"App reported an outcome":C?"Notification tapped":O?"Received by app":"Notification scheduled",message:C?"Open Activity to inspect the app\u2019s response.":"Tap the notification to test what opens."}:null,onViewActivity:I,onSend:()=>{void L()},busy:D,disabled:!T||!!c,error:z??c,hint:!T?"Connect Expo notification capture to send a local test.":u==="10"?"You have 10 seconds to leave the app.":"Sends locally on this device after one second."})}const t=M.create({destination:{flexDirection:"row",gap:12},field:{flex:1,gap:7},label:{color:i.color.textSecondary,fontSize:12,lineHeight:18},value:{color:i.color.text,fontSize:13,borderWidth:1,borderColor:i.color.glassBorder,backgroundColor:i.color.glass,borderRadius:10,padding:11},options:{gap:12},json:{color:i.color.text,fontSize:12,minHeight:100,textAlignVertical:"top",padding:12,borderWidth:1,borderColor:i.color.glassBorder,borderRadius:10}});

package/lib/module/components/NotificationTestView.js

@@ -1,324 +1 @@
-"use strict";
-
-import React, { useEffect, useState } from "react";
-import { Image, Pressable, ScrollView, StyleSheet, Text, TextInput, View } from "react-native";
-import { CheckCircle, ChevronDown, ChevronRight, NotificationsIcon, XCircle, night, useSafeAreaInsets } from "@buoy-gg/shared-ui";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function NotificationTestView(props) {
-  const [iconFailed, setIconFailed] = useState(false);
-  useEffect(() => setIconFailed(false), [props.appearance?.iconUri]);
-  const ink = props.appearance?.textColor ? {
-    color: props.appearance.textColor
-  } : undefined;
-  const [optionsOpen, setOptionsOpen] = useState(false);
-  const insets = useSafeAreaInsets({
-    minBottom: 12
-  });
-  return /*#__PURE__*/_jsxs(View, {
-    style: s.root,
-    children: [/*#__PURE__*/_jsx(ScrollView, {
-      testID: "notification-test-scroll",
-      style: s.root,
-      contentContainerStyle: s.scroll,
-      keyboardShouldPersistTaps: "handled",
-      children: /*#__PURE__*/_jsxs(View, {
-        style: s.content,
-        children: [/*#__PURE__*/_jsxs(View, {
-          style: s.intro,
-          children: [/*#__PURE__*/_jsx(Text, {
-            accessibilityRole: "header",
-            style: s.heading,
-            children: "Test a notification"
-          }), /*#__PURE__*/_jsx(Text, {
-            style: s.caption,
-            children: "Send a test notification to your app."
-          })]
-        }), props.destination, props.previewNote ? /*#__PURE__*/_jsx(Text, {
-          style: s.caption,
-          children: props.previewNote
-        }) : /*#__PURE__*/_jsxs(View, {
-          style: [s.preview, props.appearance?.backgroundColor ? {
-            backgroundColor: props.appearance.backgroundColor,
-            borderColor: props.appearance.backgroundColor
-          } : undefined],
-          accessibilityLabel: "Notification preview",
-          children: [/*#__PURE__*/_jsxs(View, {
-            style: s.row,
-            children: [props.appearance?.iconUri && !iconFailed ? /*#__PURE__*/_jsx(Image, {
-              testID: "buoy-internal-notification-preview",
-              source: {
-                uri: props.appearance.iconUri
-              },
-              accessibilityLabel: `${props.appearance.appName ?? props.appName} icon`,
-              style: s.appIcon,
-              onError: () => setIconFailed(true)
-            }) : /*#__PURE__*/_jsx(View, {
-              style: s.iconFallback,
-              children: /*#__PURE__*/_jsx(NotificationsIcon, {
-                size: 22,
-                color: night.color.accent
-              })
-            }), /*#__PURE__*/_jsx(Text, {
-              numberOfLines: 1,
-              style: [s.caption, s.appName, ink],
-              children: props.appearance?.appName ?? props.appName
-            }), /*#__PURE__*/_jsx(Text, {
-              style: [s.caption, ink],
-              children: "now"
-            })]
-          }), /*#__PURE__*/_jsx(TextInput, {
-            accessibilityLabel: "Notification title",
-            placeholder: "Title",
-            placeholderTextColor: night.color.placeholder,
-            value: props.title,
-            onChangeText: props.onTitleChange,
-            style: [s.input, s.title, ink],
-            editable: !props.busy
-          }), /*#__PURE__*/_jsx(TextInput, {
-            accessibilityLabel: "Notification message",
-            placeholder: "Message",
-            placeholderTextColor: night.color.placeholder,
-            value: props.message,
-            onChangeText: props.onMessageChange,
-            style: [s.input, ink],
-            editable: !props.busy
-          })]
-        }), props.result && /*#__PURE__*/_jsxs(View, {
-          accessibilityRole: "summary",
-          accessibilityLiveRegion: "polite",
-          testID: "notification-test-result",
-          style: s.result,
-          children: [/*#__PURE__*/_jsxs(View, {
-            style: s.row,
-            children: [props.result.failed ? /*#__PURE__*/_jsx(XCircle, {
-              size: 16,
-              color: night.color.danger
-            }) : /*#__PURE__*/_jsx(CheckCircle, {
-              size: 16,
-              color: night.color.accent
-            }), /*#__PURE__*/_jsx(Text, {
-              style: s.resultTitle,
-              children: props.result.title
-            })]
-          }), /*#__PURE__*/_jsx(Text, {
-            style: s.caption,
-            children: props.result.message
-          }), /*#__PURE__*/_jsx(Pressable, {
-            accessibilityRole: "button",
-            accessibilityLabel: "View activity",
-            onPress: props.onViewActivity,
-            style: s.secondary,
-            children: /*#__PURE__*/_jsx(Text, {
-              style: s.secondaryText,
-              children: "View activity"
-            })
-          })]
-        }), /*#__PURE__*/_jsxs(View, {
-          children: [/*#__PURE__*/_jsxs(Pressable, {
-            accessibilityRole: "button",
-            accessibilityLabel: "Notification options",
-            accessibilityState: {
-              expanded: optionsOpen
-            },
-            onPress: () => setOptionsOpen(!optionsOpen),
-            style: s.options,
-            children: [optionsOpen ? /*#__PURE__*/_jsx(ChevronDown, {
-              size: 12,
-              color: night.color.textSecondary
-            }) : /*#__PURE__*/_jsx(ChevronRight, {
-              size: 12,
-              color: night.color.textSecondary
-            }), /*#__PURE__*/_jsx(Text, {
-              style: s.caption,
-              children: "Options"
-            })]
-          }), optionsOpen && props.options]
-        })]
-      })
-    }), /*#__PURE__*/_jsxs(View, {
-      style: [s.footer, {
-        paddingBottom: insets.bottom
-      }],
-      children: [!!props.error && /*#__PURE__*/_jsx(Text, {
-        accessibilityRole: "alert",
-        style: s.error,
-        children: props.error
-      }), !!props.notice && /*#__PURE__*/_jsx(Text, {
-        accessibilityLiveRegion: "polite",
-        style: s.caption,
-        children: props.notice
-      }), /*#__PURE__*/_jsxs(View, {
-        style: s.footerRow,
-        children: [/*#__PURE__*/_jsx(Text, {
-          style: [s.caption, s.hint],
-          children: props.hint
-        }), /*#__PURE__*/_jsxs(Pressable, {
-          accessibilityRole: "button",
-          accessibilityLabel: props.busy ? "Sending…" : "Send notification",
-          accessibilityState: {
-            disabled: props.disabled || props.busy
-          },
-          disabled: props.disabled || props.busy,
-          onPress: props.onSend,
-          style: ({
-            pressed
-          }) => [s.send, (props.disabled || props.busy) && s.disabled, pressed && s.pressed],
-          children: [/*#__PURE__*/_jsx(NotificationsIcon, {
-            size: 15,
-            color: night.color.onAccent
-          }), /*#__PURE__*/_jsx(Text, {
-            style: s.sendText,
-            children: props.busy ? "Sending…" : "Send notification"
-          })]
-        })]
-      })]
-    })]
-  });
-}
-const s = StyleSheet.create({
-  root: {
-    flex: 1,
-    minHeight: 0,
-    minWidth: 0
-  },
-  scroll: {
-    padding: 16,
-    flexGrow: 1
-  },
-  content: {
-    width: "100%",
-    maxWidth: 620,
-    alignSelf: "center",
-    gap: 20
-  },
-  intro: {
-    gap: 8,
-    paddingTop: 8
-  },
-  heading: {
-    color: night.color.text,
-    fontSize: 22,
-    fontWeight: "600",
-    letterSpacing: -0.5
-  },
-  caption: {
-    color: night.color.textSecondary,
-    fontSize: 12,
-    lineHeight: 18
-  },
-  row: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8
-  },
-  appName: {
-    flex: 1,
-    fontWeight: "600"
-  },
-  appIcon: {
-    width: 36,
-    height: 36,
-    borderRadius: 8
-  },
-  iconFallback: {
-    width: 36,
-    height: 36,
-    alignItems: "center",
-    justifyContent: "center",
-    borderRadius: 8,
-    backgroundColor: night.color.fillSecondary
-  },
-  preview: {
-    padding: 16,
-    gap: 8,
-    borderWidth: 1,
-    borderColor: night.color.glassBorder,
-    borderRadius: 20,
-    backgroundColor: night.color.glass
-  },
-  input: {
-    color: night.color.text,
-    fontSize: 14,
-    padding: 6,
-    minHeight: 36
-  },
-  title: {
-    fontSize: 16,
-    fontWeight: "600"
-  },
-  result: {
-    gap: 10,
-    padding: 16,
-    borderWidth: 1,
-    borderColor: night.color.glassBorder,
-    borderRadius: 14
-  },
-  resultTitle: {
-    color: night.color.text,
-    fontWeight: "500",
-    fontSize: 13,
-    flexShrink: 1
-  },
-  secondary: {
-    alignSelf: "flex-start",
-    paddingHorizontal: 14,
-    paddingVertical: 8,
-    borderRadius: 24,
-    backgroundColor: night.color.fillSecondary
-  },
-  secondaryText: {
-    color: night.color.accent,
-    fontSize: 13
-  },
-  options: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 6,
-    paddingVertical: 12
-  },
-  footer: {
-    padding: 14,
-    gap: 8,
-    borderTopWidth: 1,
-    borderTopColor: night.color.separator
-  },
-  footerRow: {
-    flexDirection: "row",
-    flexWrap: "wrap",
-    alignItems: "center",
-    justifyContent: "space-between",
-    gap: 12
-  },
-  hint: {
-    flexGrow: 1,
-    flexShrink: 1,
-    flexBasis: 200
-  },
-  send: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "center",
-    gap: 8,
-    borderRadius: 24,
-    paddingHorizontal: 18,
-    paddingVertical: 12,
-    backgroundColor: night.color.accent
-  },
-  sendText: {
-    color: night.color.onAccent,
-    fontSize: 13,
-    fontWeight: "600"
-  },
-  disabled: {
-    opacity: 0.4
-  },
-  pressed: {
-    opacity: 0.8
-  },
-  error: {
-    color: night.color.danger,
-    fontSize: 12,
-    lineHeight: 18
-  }
-});
-//# sourceMappingURL=NotificationTestView.js.map
+"use strict";import I,{useEffect as m,useState as y}from"react";import{Image as p,Pressable as s,ScrollView as S,StyleSheet as w,Text as n,TextInput as h,View as a}from"react-native";import{CheckCircle as C,ChevronDown as T,ChevronRight as R,NotificationsIcon as b,XCircle as z,night as o,useSafeAreaInsets as k}from"@buoy-gg/shared-ui";import{jsx as i,jsxs as l}from"react/jsx-runtime";export function NotificationTestView(e){const[g,d]=y(false);m(()=>d(false),[e.appearance?.iconUri]);const c=e.appearance?.textColor?{color:e.appearance.textColor}:void 0;const[r,f]=y(false);const u=k({minBottom:12});return l(a,{style:t.root,children:[i(S,{testID:"notification-test-scroll",style:t.root,contentContainerStyle:t.scroll,keyboardShouldPersistTaps:"handled",children:l(a,{style:t.content,children:[l(a,{style:t.intro,children:[i(n,{accessibilityRole:"header",style:t.heading,children:"Test a notification"}),i(n,{style:t.caption,children:"Send a test notification to your app."})]}),e.destination,e.previewNote?i(n,{style:t.caption,children:e.previewNote}):l(a,{style:[t.preview,e.appearance?.backgroundColor?{backgroundColor:e.appearance.backgroundColor,borderColor:e.appearance.backgroundColor}:void 0],accessibilityLabel:"Notification preview",children:[l(a,{style:t.row,children:[e.appearance?.iconUri&&!g?i(p,{testID:"buoy-internal-notification-preview",source:{uri:e.appearance.iconUri},accessibilityLabel:`${e.appearance.appName??e.appName} icon`,style:t.appIcon,onError:()=>d(true)}):i(a,{style:t.iconFallback,children:i(b,{size:22,color:o.color.accent})}),i(n,{numberOfLines:1,style:[t.caption,t.appName,c],children:e.appearance?.appName??e.appName}),i(n,{style:[t.caption,c],children:"now"})]}),i(h,{accessibilityLabel:"Notification title",placeholder:"Title",placeholderTextColor:o.color.placeholder,value:e.title,onChangeText:e.onTitleChange,style:[t.input,t.title,c],editable:!e.busy}),i(h,{accessibilityLabel:"Notification message",placeholder:"Message",placeholderTextColor:o.color.placeholder,value:e.message,onChangeText:e.onMessageChange,style:[t.input,c],editable:!e.busy})]}),e.result&&l(a,{accessibilityRole:"summary",accessibilityLiveRegion:"polite",testID:"notification-test-result",style:t.result,children:[l(a,{style:t.row,children:[e.result.failed?i(z,{size:16,color:o.color.danger}):i(C,{size:16,color:o.color.accent}),i(n,{style:t.resultTitle,children:e.result.title})]}),i(n,{style:t.caption,children:e.result.message}),i(s,{accessibilityRole:"button",accessibilityLabel:"View activity",onPress:e.onViewActivity,style:t.secondary,children:i(n,{style:t.secondaryText,children:"View activity"})})]}),l(a,{children:[l(s,{accessibilityRole:"button",accessibilityLabel:"Notification options",accessibilityState:{expanded:r},onPress:()=>f(!r),style:t.options,children:[r?i(T,{size:12,color:o.color.textSecondary}):i(R,{size:12,color:o.color.textSecondary}),i(n,{style:t.caption,children:"Options"})]}),r&&e.options]})]})}),l(a,{style:[t.footer,{paddingBottom:u.bottom}],children:[!!e.error&&i(n,{accessibilityRole:"alert",style:t.error,children:e.error}),!!e.notice&&i(n,{accessibilityLiveRegion:"polite",style:t.caption,children:e.notice}),l(a,{style:t.footerRow,children:[i(n,{style:[t.caption,t.hint],children:e.hint}),l(s,{accessibilityRole:"button",accessibilityLabel:e.busy?"Sending\u2026":"Send notification",accessibilityState:{disabled:e.disabled||e.busy},disabled:e.disabled||e.busy,onPress:e.onSend,style:({pressed:x})=>[t.send,(e.disabled||e.busy)&&t.disabled,x&&t.pressed],children:[i(b,{size:15,color:o.color.onAccent}),i(n,{style:t.sendText,children:e.busy?"Sending\u2026":"Send notification"})]})]})]})]})}const t=w.create({root:{flex:1,minHeight:0,minWidth:0},scroll:{padding:16,flexGrow:1},content:{width:"100%",maxWidth:620,alignSelf:"center",gap:20},intro:{gap:8,paddingTop:8},heading:{color:o.color.text,fontSize:22,fontWeight:"600",letterSpacing:-.5},caption:{color:o.color.textSecondary,fontSize:12,lineHeight:18},row:{flexDirection:"row",alignItems:"center",gap:8},appName:{flex:1,fontWeight:"600"},appIcon:{width:36,height:36,borderRadius:8},iconFallback:{width:36,height:36,alignItems:"center",justifyContent:"center",borderRadius:8,backgroundColor:o.color.fillSecondary},preview:{padding:16,gap:8,borderWidth:1,borderColor:o.color.glassBorder,borderRadius:20,backgroundColor:o.color.glass},input:{color:o.color.text,fontSize:14,padding:6,minHeight:36},title:{fontSize:16,fontWeight:"600"},result:{gap:10,padding:16,borderWidth:1,borderColor:o.color.glassBorder,borderRadius:14},resultTitle:{color:o.color.text,fontWeight:"500",fontSize:13,flexShrink:1},secondary:{alignSelf:"flex-start",paddingHorizontal:14,paddingVertical:8,borderRadius:24,backgroundColor:o.color.fillSecondary},secondaryText:{color:o.color.accent,fontSize:13},options:{flexDirection:"row",alignItems:"center",gap:6,paddingVertical:12},footer:{padding:14,gap:8,borderTopWidth:1,borderTopColor:o.color.separator},footerRow:{flexDirection:"row",flexWrap:"wrap",alignItems:"center",justifyContent:"space-between",gap:12},hint:{flexGrow:1,flexShrink:1,flexBasis:200},send:{flexDirection:"row",alignItems:"center",justifyContent:"center",gap:8,borderRadius:24,paddingHorizontal:18,paddingVertical:12,backgroundColor:o.color.accent},sendText:{color:o.color.onAccent,fontSize:13,fontWeight:"600"},disabled:{opacity:.4},pressed:{opacity:.8},error:{color:o.color.danger,fontSize:12,lineHeight:18}});