@buoy-gg/notifications 7.0.41 → 7.0.42

package/lib/commonjs/components/LocalNotificationTest.js

@@ -1,185 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LocalNotificationTest = LocalNotificationTest;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _NotificationTestView = require("./NotificationTestView");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function LocalNotificationTest({
-  snapshot,
-  onAction,
-  onViewActivity
-}) {
-  const [title, setTitle] = (0, _react.useState)("Test notification");
-  const [message, setMessage] = (0, _react.useState)("Tap to open the app.");
-  const [data, setData] = (0, _react.useState)("{}");
-  const [seconds, setSeconds] = (0, _react.useState)("1");
-  const [busy, setBusy] = (0, _react.useState)(false);
-  const lock = (0, _react.useRef)(false);
-  const [error, setError] = (0, _react.useState)(null);
-  const [latest, setLatest] = (0, _react.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__*/(0, _jsxRuntime.jsx)(_NotificationTestView.NotificationTestView, {
-    title: title,
-    message: message,
-    onTitleChange: setTitle,
-    onMessageChange: setMessage,
-    appName: "This app",
-    appearance: snapshot?.preview,
-    destination: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: s.destination,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: s.field,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: s.label,
-          children: "Device"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: s.value,
-          children: "This device"
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: s.field,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: s.label,
-          children: "Delivery"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: s.value,
-          children: "Local notification"
-        })]
-      })]
-    }),
-    options: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: s.options,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: s.label,
-        children: "Send after"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.NightSegmented, {
-        tabs: [{
-          key: "1",
-          label: "1 second"
-        }, {
-          key: "10",
-          label: "10 seconds"
-        }],
-        activeKey: seconds,
-        onChange: setSeconds,
-        size: "sm",
-        glass: true
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: s.label,
-        children: "Custom data"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
-        accessibilityLabel: "Notification custom data",
-        value: data,
-        onChangeText: setData,
-        multiline: true,
-        autoCapitalize: "none",
-        autoCorrect: false,
-        style: s.json
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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 = _reactNative.StyleSheet.create({
-  destination: {
-    flexDirection: "row",
-    gap: 12
-  },
-  field: {
-    flex: 1,
-    gap: 7
-  },
-  label: {
-    color: _sharedUi.night.color.textSecondary,
-    fontSize: 12,
-    lineHeight: 18
-  },
-  value: {
-    color: _sharedUi.night.color.text,
-    fontSize: 13,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.glassBorder,
-    backgroundColor: _sharedUi.night.color.glass,
-    borderRadius: 10,
-    padding: 11
-  },
-  options: {
-    gap: 12
-  },
-  json: {
-    color: _sharedUi.night.color.text,
-    fontSize: 12,
-    minHeight: 100,
-    textAlignVertical: "top",
-    padding: 12,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.glassBorder,
-    borderRadius: 10
-  }
-});
-//# sourceMappingURL=LocalNotificationTest.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.LocalNotificationTest=LocalNotificationTest;var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _NotificationTestView=require("./NotificationTestView");var _jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(i,u){if("function"==typeof WeakMap)var h=new WeakMap,p=new WeakMap;return(_interopRequireWildcard=function(e,l){if(!l&&e&&e.__esModule)return e;var a,r,n={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return n;if(a=l?p:h){if(a.has(e))return a.get(e);a.set(e,n)}for(const o in e)"default"!==o&&{}.hasOwnProperty.call(e,o)&&((r=(a=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,o))&&(r.get||r.set)?a(n,o,r):n[o]=e[o]);return n})(i,u)}function LocalNotificationTest({snapshot:i,onAction:u,onViewActivity:h}){const[p,e]=(0,_react.useState)("Test notification");const[l,a]=(0,_react.useState)("Tap to open the app.");const[r,n]=(0,_react.useState)("{}");const[o,w]=(0,_react.useState)("1");const[T,x]=(0,_react.useState)(false);const y=(0,_react.useRef)(false);const[_,v]=(0,_react.useState)(null);const[c,m]=(0,_react.useState)(null);let d={};let f=null;try{d=JSON.parse(r);if(!d||typeof d!=="object"||Array.isArray(d))throw new Error}catch{f="Custom data must be a JSON object. Open Options to edit it."}async function N(){if(y.current||f)return;y.current=true;x(true);m(null);v(null);const t={testId:`buoy-local-${Date.now()}-${Math.random().toString(36).slice(2)}`,startedAt:Date.now(),appId:i?.appId??null};try{await u("setCaptureSession",{runId:t.testId,durationMs:18e5});await u("scheduleLocal",{title:p,body:l,data:{...d,__buoyTestId:t.testId},seconds:Number(o)});m(t)}catch(b){v(b instanceof Error?b.message:String(b))}finally{y.current=false;x(false)}}const g=c&&c.appId===i?.appId?i.events.filter(t=>t.testId===c.testId&&t.capturedAt>=c.startedAt):[];const C=g.some(t=>t.kind==="received");const j=g.some(t=>t.kind==="response"||t.kind==="startup-response");const k=g.some(t=>t.kind==="app-outcome");const S=!!i?.capabilities.includes("local-scheduling");return(0,_jsxRuntime.jsx)(_NotificationTestView.NotificationTestView,{title:p,message:l,onTitleChange:e,onMessageChange:a,appName:"This app",appearance:i?.preview,destination:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:s.destination,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:s.field,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:s.label,children:"Device"}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:s.value,children:"This device"})]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:s.field,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:s.label,children:"Delivery"}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:s.value,children:"Local notification"})]})]}),options:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:s.options,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:s.label,children:"Send after"}),(0,_jsxRuntime.jsx)(_sharedUi.NightSegmented,{tabs:[{key:"1",label:"1 second"},{key:"10",label:"10 seconds"}],activeKey:o,onChange:w,size:"sm",glass:true}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:s.label,children:"Custom data"}),(0,_jsxRuntime.jsx)(_reactNative.TextInput,{accessibilityLabel:"Notification custom data",value:r,onChangeText:n,multiline:true,autoCapitalize:"none",autoCorrect:false,style:s.json}),(0,_jsxRuntime.jsx)(_reactNative.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:c?{title:k?"App reported an outcome":j?"Notification tapped":C?"Received by app":"Notification scheduled",message:j?"Open Activity to inspect the app\u2019s response.":"Tap the notification to test what opens."}:null,onViewActivity:h,onSend:()=>{void N()},busy:T,disabled:!S||!!f,error:_??f,hint:!S?"Connect Expo notification capture to send a local test.":o==="10"?"You have 10 seconds to leave the app.":"Sends locally on this device after one second."})}const s=_reactNative.StyleSheet.create({destination:{flexDirection:"row",gap:12},field:{flex:1,gap:7},label:{color:_sharedUi.night.color.textSecondary,fontSize:12,lineHeight:18},value:{color:_sharedUi.night.color.text,fontSize:13,borderWidth:1,borderColor:_sharedUi.night.color.glassBorder,backgroundColor:_sharedUi.night.color.glass,borderRadius:10,padding:11},options:{gap:12},json:{color:_sharedUi.night.color.text,fontSize:12,minHeight:100,textAlignVertical:"top",padding:12,borderWidth:1,borderColor:_sharedUi.night.color.glassBorder,borderRadius:10}});

package/lib/commonjs/components/NotificationTestView.js

@@ -1,329 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.NotificationTestView = NotificationTestView;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function NotificationTestView(props) {
-  const [iconFailed, setIconFailed] = (0, _react.useState)(false);
-  (0, _react.useEffect)(() => setIconFailed(false), [props.appearance?.iconUri]);
-  const ink = props.appearance?.textColor ? {
-    color: props.appearance.textColor
-  } : undefined;
-  const [optionsOpen, setOptionsOpen] = (0, _react.useState)(false);
-  const insets = (0, _sharedUi.useSafeAreaInsets)({
-    minBottom: 12
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: s.root,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
-      testID: "notification-test-scroll",
-      style: s.root,
-      contentContainerStyle: s.scroll,
-      keyboardShouldPersistTaps: "handled",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: s.content,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: s.intro,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            accessibilityRole: "header",
-            style: s.heading,
-            children: "Test a notification"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: s.caption,
-            children: "Send a test notification to your app."
-          })]
-        }), props.destination, props.previewNote ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: s.caption,
-          children: props.previewNote
-        }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: [s.preview, props.appearance?.backgroundColor ? {
-            backgroundColor: props.appearance.backgroundColor,
-            borderColor: props.appearance.backgroundColor
-          } : undefined],
-          accessibilityLabel: "Notification preview",
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: s.row,
-            children: [props.appearance?.iconUri && !iconFailed ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-              style: s.iconFallback,
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.NotificationsIcon, {
-                size: 22,
-                color: _sharedUi.night.color.accent
-              })
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              numberOfLines: 1,
-              style: [s.caption, s.appName, ink],
-              children: props.appearance?.appName ?? props.appName
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: [s.caption, ink],
-              children: "now"
-            })]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
-            accessibilityLabel: "Notification title",
-            placeholder: "Title",
-            placeholderTextColor: _sharedUi.night.color.placeholder,
-            value: props.title,
-            onChangeText: props.onTitleChange,
-            style: [s.input, s.title, ink],
-            editable: !props.busy
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
-            accessibilityLabel: "Notification message",
-            placeholder: "Message",
-            placeholderTextColor: _sharedUi.night.color.placeholder,
-            value: props.message,
-            onChangeText: props.onMessageChange,
-            style: [s.input, ink],
-            editable: !props.busy
-          })]
-        }), props.result && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          accessibilityRole: "summary",
-          accessibilityLiveRegion: "polite",
-          testID: "notification-test-result",
-          style: s.result,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: s.row,
-            children: [props.result.failed ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.XCircle, {
-              size: 16,
-              color: _sharedUi.night.color.danger
-            }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.CheckCircle, {
-              size: 16,
-              color: _sharedUi.night.color.accent
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: s.resultTitle,
-              children: props.result.title
-            })]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: s.caption,
-            children: props.result.message
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-            accessibilityRole: "button",
-            accessibilityLabel: "View activity",
-            onPress: props.onViewActivity,
-            style: s.secondary,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: s.secondaryText,
-              children: "View activity"
-            })
-          })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
-            accessibilityRole: "button",
-            accessibilityLabel: "Notification options",
-            accessibilityState: {
-              expanded: optionsOpen
-            },
-            onPress: () => setOptionsOpen(!optionsOpen),
-            style: s.options,
-            children: [optionsOpen ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ChevronDown, {
-              size: 12,
-              color: _sharedUi.night.color.textSecondary
-            }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ChevronRight, {
-              size: 12,
-              color: _sharedUi.night.color.textSecondary
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: s.caption,
-              children: "Options"
-            })]
-          }), optionsOpen && props.options]
-        })]
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: [s.footer, {
-        paddingBottom: insets.bottom
-      }],
-      children: [!!props.error && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        accessibilityRole: "alert",
-        style: s.error,
-        children: props.error
-      }), !!props.notice && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        accessibilityLiveRegion: "polite",
-        style: s.caption,
-        children: props.notice
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: s.footerRow,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [s.caption, s.hint],
-          children: props.hint
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.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__*/(0, _jsxRuntime.jsx)(_sharedUi.NotificationsIcon, {
-            size: 15,
-            color: _sharedUi.night.color.onAccent
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: s.sendText,
-            children: props.busy ? "Sending…" : "Send notification"
-          })]
-        })]
-      })]
-    })]
-  });
-}
-const s = _reactNative.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: _sharedUi.night.color.text,
-    fontSize: 22,
-    fontWeight: "600",
-    letterSpacing: -0.5
-  },
-  caption: {
-    color: _sharedUi.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: _sharedUi.night.color.fillSecondary
-  },
-  preview: {
-    padding: 16,
-    gap: 8,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.glassBorder,
-    borderRadius: 20,
-    backgroundColor: _sharedUi.night.color.glass
-  },
-  input: {
-    color: _sharedUi.night.color.text,
-    fontSize: 14,
-    padding: 6,
-    minHeight: 36
-  },
-  title: {
-    fontSize: 16,
-    fontWeight: "600"
-  },
-  result: {
-    gap: 10,
-    padding: 16,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.glassBorder,
-    borderRadius: 14
-  },
-  resultTitle: {
-    color: _sharedUi.night.color.text,
-    fontWeight: "500",
-    fontSize: 13,
-    flexShrink: 1
-  },
-  secondary: {
-    alignSelf: "flex-start",
-    paddingHorizontal: 14,
-    paddingVertical: 8,
-    borderRadius: 24,
-    backgroundColor: _sharedUi.night.color.fillSecondary
-  },
-  secondaryText: {
-    color: _sharedUi.night.color.accent,
-    fontSize: 13
-  },
-  options: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 6,
-    paddingVertical: 12
-  },
-  footer: {
-    padding: 14,
-    gap: 8,
-    borderTopWidth: 1,
-    borderTopColor: _sharedUi.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: _sharedUi.night.color.accent
-  },
-  sendText: {
-    color: _sharedUi.night.color.onAccent,
-    fontSize: 13,
-    fontWeight: "600"
-  },
-  disabled: {
-    opacity: 0.4
-  },
-  pressed: {
-    opacity: 0.8
-  },
-  error: {
-    color: _sharedUi.night.color.danger,
-    fontSize: 12,
-    lineHeight: 18
-  }
-});
-//# sourceMappingURL=NotificationTestView.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.NotificationTestView=NotificationTestView;var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,d){if("function"==typeof WeakMap)var a=new WeakMap,o=new WeakMap;return(_interopRequireWildcard=function(t,c){if(!c&&t&&t.__esModule)return t;var i,n,l={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return l;if(i=c?o:a){if(i.has(t))return i.get(t);i.set(t,l)}for(const r in t)"default"!==r&&{}.hasOwnProperty.call(t,r)&&((n=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,r))&&(n.get||n.set)?i(l,r,n):l[r]=t[r]);return l})(e,d)}function NotificationTestView(e){const[d,a]=(0,_react.useState)(false);(0,_react.useEffect)(()=>a(false),[e.appearance?.iconUri]);const o=e.appearance?.textColor?{color:e.appearance.textColor}:void 0;const[t,c]=(0,_react.useState)(false);const i=(0,_sharedUi.useSafeAreaInsets)({minBottom:12});return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:s.root,children:[(0,_jsxRuntime.jsx)(_reactNative.ScrollView,{testID:"notification-test-scroll",style:s.root,contentContainerStyle:s.scroll,keyboardShouldPersistTaps:"handled",children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:s.content,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:s.intro,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{accessibilityRole:"header",style:s.heading,children:"Test a notification"}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:s.caption,children:"Send a test notification to your app."})]}),e.destination,e.previewNote?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:s.caption,children:e.previewNote}):(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[s.preview,e.appearance?.backgroundColor?{backgroundColor:e.appearance.backgroundColor,borderColor:e.appearance.backgroundColor}:void 0],accessibilityLabel:"Notification preview",children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:s.row,children:[e.appearance?.iconUri&&!d?(0,_jsxRuntime.jsx)(_reactNative.Image,{testID:"buoy-internal-notification-preview",source:{uri:e.appearance.iconUri},accessibilityLabel:`${e.appearance.appName??e.appName} icon`,style:s.appIcon,onError:()=>a(true)}):(0,_jsxRuntime.jsx)(_reactNative.View,{style:s.iconFallback,children:(0,_jsxRuntime.jsx)(_sharedUi.NotificationsIcon,{size:22,color:_sharedUi.night.color.accent})}),(0,_jsxRuntime.jsx)(_reactNative.Text,{numberOfLines:1,style:[s.caption,s.appName,o],children:e.appearance?.appName??e.appName}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[s.caption,o],children:"now"})]}),(0,_jsxRuntime.jsx)(_reactNative.TextInput,{accessibilityLabel:"Notification title",placeholder:"Title",placeholderTextColor:_sharedUi.night.color.placeholder,value:e.title,onChangeText:e.onTitleChange,style:[s.input,s.title,o],editable:!e.busy}),(0,_jsxRuntime.jsx)(_reactNative.TextInput,{accessibilityLabel:"Notification message",placeholder:"Message",placeholderTextColor:_sharedUi.night.color.placeholder,value:e.message,onChangeText:e.onMessageChange,style:[s.input,o],editable:!e.busy})]}),e.result&&(0,_jsxRuntime.jsxs)(_reactNative.View,{accessibilityRole:"summary",accessibilityLiveRegion:"polite",testID:"notification-test-result",style:s.result,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:s.row,children:[e.result.failed?(0,_jsxRuntime.jsx)(_sharedUi.XCircle,{size:16,color:_sharedUi.night.color.danger}):(0,_jsxRuntime.jsx)(_sharedUi.CheckCircle,{size:16,color:_sharedUi.night.color.accent}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:s.resultTitle,children:e.result.title})]}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:s.caption,children:e.result.message}),(0,_jsxRuntime.jsx)(_reactNative.Pressable,{accessibilityRole:"button",accessibilityLabel:"View activity",onPress:e.onViewActivity,style:s.secondary,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:s.secondaryText,children:"View activity"})})]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{children:[(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{accessibilityRole:"button",accessibilityLabel:"Notification options",accessibilityState:{expanded:t},onPress:()=>c(!t),style:s.options,children:[t?(0,_jsxRuntime.jsx)(_sharedUi.ChevronDown,{size:12,color:_sharedUi.night.color.textSecondary}):(0,_jsxRuntime.jsx)(_sharedUi.ChevronRight,{size:12,color:_sharedUi.night.color.textSecondary}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:s.caption,children:"Options"})]}),t&&e.options]})]})}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[s.footer,{paddingBottom:i.bottom}],children:[!!e.error&&(0,_jsxRuntime.jsx)(_reactNative.Text,{accessibilityRole:"alert",style:s.error,children:e.error}),!!e.notice&&(0,_jsxRuntime.jsx)(_reactNative.Text,{accessibilityLiveRegion:"polite",style:s.caption,children:e.notice}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:s.footerRow,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[s.caption,s.hint],children:e.hint}),(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{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:n})=>[s.send,(e.disabled||e.busy)&&s.disabled,n&&s.pressed],children:[(0,_jsxRuntime.jsx)(_sharedUi.NotificationsIcon,{size:15,color:_sharedUi.night.color.onAccent}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:s.sendText,children:e.busy?"Sending\u2026":"Send notification"})]})]})]})]})}const s=_reactNative.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:_sharedUi.night.color.text,fontSize:22,fontWeight:"600",letterSpacing:-.5},caption:{color:_sharedUi.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:_sharedUi.night.color.fillSecondary},preview:{padding:16,gap:8,borderWidth:1,borderColor:_sharedUi.night.color.glassBorder,borderRadius:20,backgroundColor:_sharedUi.night.color.glass},input:{color:_sharedUi.night.color.text,fontSize:14,padding:6,minHeight:36},title:{fontSize:16,fontWeight:"600"},result:{gap:10,padding:16,borderWidth:1,borderColor:_sharedUi.night.color.glassBorder,borderRadius:14},resultTitle:{color:_sharedUi.night.color.text,fontWeight:"500",fontSize:13,flexShrink:1},secondary:{alignSelf:"flex-start",paddingHorizontal:14,paddingVertical:8,borderRadius:24,backgroundColor:_sharedUi.night.color.fillSecondary},secondaryText:{color:_sharedUi.night.color.accent,fontSize:13},options:{flexDirection:"row",alignItems:"center",gap:6,paddingVertical:12},footer:{padding:14,gap:8,borderTopWidth:1,borderTopColor:_sharedUi.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:_sharedUi.night.color.accent},sendText:{color:_sharedUi.night.color.onAccent,fontSize:13,fontWeight:"600"},disabled:{opacity:.4},pressed:{opacity:.8},error:{color:_sharedUi.night.color.danger,fontSize:12,lineHeight:18}});