@oxyhq/bloom 0.64.0 → 0.65.0

package/lib/commonjs/connection-status/index.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ConnectionStatusToasts = ConnectionStatusToasts;
+var _react = require("react");
+var _netinfo = _interopRequireDefault(require("@react-native-community/netinfo"));
+var _shared = require("./shared.js");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * Connection loss as a toast, not a layout-shifting banner.
+ *
+ * Every Oxy app needs this and none of them should hand-roll it: a coloured bar
+ * sliding in above the header pushes the whole screen down, has to be themed
+ * again in each app, and competes with the app's own chrome. The toast host is
+ * already mounted, already themed, already stacks.
+ *
+ * NATIVE variant: `@react-native-community/netinfo` (an Expo-managed dependency
+ * every Oxy app already ships) reports both link state and reachability. The
+ * web fork uses `navigator.onLine` instead so Vite/SPA consumers need no extra
+ * dependency at all.
+ */
+
+/** Mount once at the app root. Renders nothing. */
+function ConnectionStatusToasts(props = {}) {
+  const [isOnline, setIsOnline] = (0, _react.useState)(null);
+  (0, _react.useEffect)(() => {
+    // `isInternetReachable` is null until the first probe resolves; treat that
+    // as "connected as far as we know" so a captive-portal check never flashes
+    // an outage on launch.
+    return _netinfo.default.addEventListener(state => {
+      setIsOnline(Boolean(state.isConnected && state.isInternetReachable !== false));
+    });
+  }, []);
+  (0, _shared.useConnectionStatusToasts)(isOnline, props);
+  return null;
+}
+ConnectionStatusToasts.displayName = 'ConnectionStatusToasts';
+//# sourceMappingURL=index.js.map

package/lib/commonjs/connection-status/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_netinfo","_interopRequireDefault","_shared","e","__esModule","default","ConnectionStatusToasts","props","isOnline","setIsOnline","useState","useEffect","NetInfo","addEventListener","state","Boolean","isConnected","isInternetReachable","useConnectionStatusToasts","displayName"],"sourceRoot":"../../../src","sources":["connection-status/index.tsx"],"mappings":";;;;;;AAaA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AAAuF,SAAAE,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAhBvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAQA;AACO,SAASG,sBAAsBA,CAACC,KAAkC,GAAG,CAAC,CAAC,EAAQ;EACpF,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAC,eAAQ,EAAiB,IAAI,CAAC;EAE9D,IAAAC,gBAAS,EAAC,MAAM;IACd;IACA;IACA;IACA,OAAOC,gBAAO,CAACC,gBAAgB,CAAEC,KAAK,IAAK;MACzCL,WAAW,CAACM,OAAO,CAACD,KAAK,CAACE,WAAW,IAAIF,KAAK,CAACG,mBAAmB,KAAK,KAAK,CAAC,CAAC;IAChF,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAC,iCAAyB,EAACV,QAAQ,EAAED,KAAK,CAAC;EAC1C,OAAO,IAAI;AACb;AAEAD,sBAAsB,CAACa,WAAW,GAAG,wBAAwB","ignoreList":[]}

package/lib/commonjs/connection-status/index.web.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ConnectionStatusToasts = ConnectionStatusToasts;
+var _react = require("react");
+var _shared = require("./shared.js");
+/**
+ * Web variant — see `./index.tsx` for what this is and why it is a toast.
+ *
+ * `navigator.onLine` + the `online`/`offline` events are the browser's own
+ * signal, so a Vite/SPA consumer needs no native dependency to get the same
+ * behaviour. (The browser only knows about the link, not reachability; that is
+ * the honest limit of what a web app can detect without polling.)
+ */
+
+/** Mount once at the app root. Renders nothing. */
+function ConnectionStatusToasts(props = {}) {
+  const [isOnline, setIsOnline] = (0, _react.useState)(null);
+  (0, _react.useEffect)(() => {
+    if (typeof navigator === 'undefined' || typeof window === 'undefined') return undefined;
+    setIsOnline(navigator.onLine);
+    const update = () => setIsOnline(navigator.onLine);
+    window.addEventListener('online', update);
+    window.addEventListener('offline', update);
+    return () => {
+      window.removeEventListener('online', update);
+      window.removeEventListener('offline', update);
+    };
+  }, []);
+  (0, _shared.useConnectionStatusToasts)(isOnline, props);
+  return null;
+}
+ConnectionStatusToasts.displayName = 'ConnectionStatusToasts';
+//# sourceMappingURL=index.web.js.map

package/lib/commonjs/connection-status/index.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_shared","ConnectionStatusToasts","props","isOnline","setIsOnline","useState","useEffect","navigator","window","undefined","onLine","update","addEventListener","removeEventListener","useConnectionStatusToasts","displayName"],"sourceRoot":"../../../src","sources":["connection-status/index.web.tsx"],"mappings":";;;;;;AAQA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAVA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAOA;AACO,SAASE,sBAAsBA,CAACC,KAAkC,GAAG,CAAC,CAAC,EAAQ;EACpF,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAC,eAAQ,EAAiB,IAAI,CAAC;EAE9D,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAI,OAAOC,SAAS,KAAK,WAAW,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE,OAAOC,SAAS;IAEvFL,WAAW,CAACG,SAAS,CAACG,MAAM,CAAC;IAC7B,MAAMC,MAAM,GAAGA,CAAA,KAAMP,WAAW,CAACG,SAAS,CAACG,MAAM,CAAC;IAClDF,MAAM,CAACI,gBAAgB,CAAC,QAAQ,EAAED,MAAM,CAAC;IACzCH,MAAM,CAACI,gBAAgB,CAAC,SAAS,EAAED,MAAM,CAAC;IAC1C,OAAO,MAAM;MACXH,MAAM,CAACK,mBAAmB,CAAC,QAAQ,EAAEF,MAAM,CAAC;MAC5CH,MAAM,CAACK,mBAAmB,CAAC,SAAS,EAAEF,MAAM,CAAC;IAC/C,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAG,iCAAyB,EAACX,QAAQ,EAAED,KAAK,CAAC;EAC1C,OAAO,IAAI;AACb;AAEAD,sBAAsB,CAACc,WAAW,GAAG,wBAAwB","ignoreList":[]}

package/lib/commonjs/connection-status/shared.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useConnectionStatusToasts = useConnectionStatusToasts;
+var _react = require("react");
+var _index = require("../toast/index.js");
+/** One id for the whole lifecycle, so the toast updates in place. */
+const TOAST_ID = 'bloom-connection-status';
+const DEFAULTS = {
+  offlineMessage: 'No internet connection',
+  reconnectingMessage: 'Reconnecting…',
+  restoredMessage: 'Back online',
+  reconnectingDelayMs: 3000,
+  restoredDurationMs: 2500
+};
+
+/**
+ * Drive the connection toast from an `isOnline` signal.
+ *
+ * Platform-agnostic half of `ConnectionStatusToasts`: the forks differ only in
+ * where the signal comes from (NetInfo on native, `navigator.onLine` on web),
+ * never in what the user sees.
+ *
+ * `isOnline === null` means "not determined yet" and shows nothing — a first
+ * paint must not accuse the user of being offline.
+ */
+function useConnectionStatusToasts(isOnline, {
+  offlineMessage = DEFAULTS.offlineMessage,
+  reconnectingMessage = DEFAULTS.reconnectingMessage,
+  restoredMessage = DEFAULTS.restoredMessage,
+  reconnectingDelayMs = DEFAULTS.reconnectingDelayMs,
+  restoredDurationMs = DEFAULTS.restoredDurationMs
+} = {}) {
+  // Whether an outage toast is currently up, so coming back online only
+  // announces itself to someone who saw the outage.
+  const wasOffline = (0, _react.useRef)(false);
+  (0, _react.useEffect)(() => {
+    if (isOnline === null) return undefined;
+    if (!isOnline) {
+      wasOffline.current = true;
+      // Persistent: an outage ends when the network says so, not on a timer.
+      _index.toast.error(offlineMessage, {
+        id: TOAST_ID,
+        duration: Infinity,
+        dismissible: false
+      });
+      const escalate = setTimeout(() => {
+        _index.toast.warning(reconnectingMessage, {
+          id: TOAST_ID,
+          duration: Infinity,
+          dismissible: false
+        });
+      }, reconnectingDelayMs);
+      return () => clearTimeout(escalate);
+    }
+    if (wasOffline.current) {
+      wasOffline.current = false;
+      _index.toast.success(restoredMessage, {
+        id: TOAST_ID,
+        duration: restoredDurationMs
+      });
+    }
+    return undefined;
+  }, [isOnline, offlineMessage, reconnectingMessage, restoredMessage, reconnectingDelayMs, restoredDurationMs]);
+}
+//# sourceMappingURL=shared.js.map

package/lib/commonjs/connection-status/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_index","TOAST_ID","DEFAULTS","offlineMessage","reconnectingMessage","restoredMessage","reconnectingDelayMs","restoredDurationMs","useConnectionStatusToasts","isOnline","wasOffline","useRef","useEffect","undefined","current","toast","error","id","duration","Infinity","dismissible","escalate","setTimeout","warning","clearTimeout","success"],"sourceRoot":"../../../src","sources":["connection-status/shared.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AAEA;AACA,MAAME,QAAQ,GAAG,yBAAyB;AAe1C,MAAMC,QAAQ,GAAG;EACfC,cAAc,EAAE,wBAAwB;EACxCC,mBAAmB,EAAE,eAAe;EACpCC,eAAe,EAAE,aAAa;EAC9BC,mBAAmB,EAAE,IAAI;EACzBC,kBAAkB,EAAE;AACtB,CAAU;;AAEV;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,yBAAyBA,CACvCC,QAAwB,EACxB;EACEN,cAAc,GAAGD,QAAQ,CAACC,cAAc;EACxCC,mBAAmB,GAAGF,QAAQ,CAACE,mBAAmB;EAClDC,eAAe,GAAGH,QAAQ,CAACG,eAAe;EAC1CC,mBAAmB,GAAGJ,QAAQ,CAACI,mBAAmB;EAClDC,kBAAkB,GAAGL,QAAQ,CAACK;AACH,CAAC,GAAG,CAAC,CAAC,EAC7B;EACN;EACA;EACA,MAAMG,UAAU,GAAG,IAAAC,aAAM,EAAC,KAAK,CAAC;EAEhC,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAIH,QAAQ,KAAK,IAAI,EAAE,OAAOI,SAAS;IAEvC,IAAI,CAACJ,QAAQ,EAAE;MACbC,UAAU,CAACI,OAAO,GAAG,IAAI;MACzB;MACAC,YAAK,CAACC,KAAK,CAACb,cAAc,EAAE;QAAEc,EAAE,EAAEhB,QAAQ;QAAEiB,QAAQ,EAAEC,QAAQ;QAAEC,WAAW,EAAE;MAAM,CAAC,CAAC;MACrF,MAAMC,QAAQ,GAAGC,UAAU,CAAC,MAAM;QAChCP,YAAK,CAACQ,OAAO,CAACnB,mBAAmB,EAAE;UACjCa,EAAE,EAAEhB,QAAQ;UACZiB,QAAQ,EAAEC,QAAQ;UAClBC,WAAW,EAAE;QACf,CAAC,CAAC;MACJ,CAAC,EAAEd,mBAAmB,CAAC;MACvB,OAAO,MAAMkB,YAAY,CAACH,QAAQ,CAAC;IACrC;IAEA,IAAIX,UAAU,CAACI,OAAO,EAAE;MACtBJ,UAAU,CAACI,OAAO,GAAG,KAAK;MAC1BC,YAAK,CAACU,OAAO,CAACpB,eAAe,EAAE;QAAEY,EAAE,EAAEhB,QAAQ;QAAEiB,QAAQ,EAAEX;MAAmB,CAAC,CAAC;IAChF;IACA,OAAOM,SAAS;EAClB,CAAC,EAAE,CACDJ,QAAQ,EACRN,cAAc,EACdC,mBAAmB,EACnBC,eAAe,EACfC,mBAAmB,EACnBC,kBAAkB,CACnB,CAAC;AACJ","ignoreList":[]}

package/lib/module/connection-status/index.js

@@ -0,0 +1,34 @@
+"use strict";
+
+/**
+ * Connection loss as a toast, not a layout-shifting banner.
+ *
+ * Every Oxy app needs this and none of them should hand-roll it: a coloured bar
+ * sliding in above the header pushes the whole screen down, has to be themed
+ * again in each app, and competes with the app's own chrome. The toast host is
+ * already mounted, already themed, already stacks.
+ *
+ * NATIVE variant: `@react-native-community/netinfo` (an Expo-managed dependency
+ * every Oxy app already ships) reports both link state and reachability. The
+ * web fork uses `navigator.onLine` instead so Vite/SPA consumers need no extra
+ * dependency at all.
+ */
+import { useEffect, useState } from 'react';
+import NetInfo from '@react-native-community/netinfo';
+import { useConnectionStatusToasts } from "./shared.js";
+/** Mount once at the app root. Renders nothing. */
+export function ConnectionStatusToasts(props = {}) {
+  const [isOnline, setIsOnline] = useState(null);
+  useEffect(() => {
+    // `isInternetReachable` is null until the first probe resolves; treat that
+    // as "connected as far as we know" so a captive-portal check never flashes
+    // an outage on launch.
+    return NetInfo.addEventListener(state => {
+      setIsOnline(Boolean(state.isConnected && state.isInternetReachable !== false));
+    });
+  }, []);
+  useConnectionStatusToasts(isOnline, props);
+  return null;
+}
+ConnectionStatusToasts.displayName = 'ConnectionStatusToasts';
+//# sourceMappingURL=index.js.map

package/lib/module/connection-status/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useState","NetInfo","useConnectionStatusToasts","ConnectionStatusToasts","props","isOnline","setIsOnline","addEventListener","state","Boolean","isConnected","isInternetReachable","displayName"],"sourceRoot":"../../../src","sources":["connection-status/index.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,OAAOC,OAAO,MAAM,iCAAiC;AAErD,SAASC,yBAAyB,QAA0C,aAAU;AAItF;AACA,OAAO,SAASC,sBAAsBA,CAACC,KAAkC,GAAG,CAAC,CAAC,EAAQ;EACpF,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGN,QAAQ,CAAiB,IAAI,CAAC;EAE9DD,SAAS,CAAC,MAAM;IACd;IACA;IACA;IACA,OAAOE,OAAO,CAACM,gBAAgB,CAAEC,KAAK,IAAK;MACzCF,WAAW,CAACG,OAAO,CAACD,KAAK,CAACE,WAAW,IAAIF,KAAK,CAACG,mBAAmB,KAAK,KAAK,CAAC,CAAC;IAChF,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EAENT,yBAAyB,CAACG,QAAQ,EAAED,KAAK,CAAC;EAC1C,OAAO,IAAI;AACb;AAEAD,sBAAsB,CAACS,WAAW,GAAG,wBAAwB","ignoreList":[]}

package/lib/module/connection-status/index.web.js

@@ -0,0 +1,31 @@
+"use strict";
+
+/**
+ * Web variant — see `./index.tsx` for what this is and why it is a toast.
+ *
+ * `navigator.onLine` + the `online`/`offline` events are the browser's own
+ * signal, so a Vite/SPA consumer needs no native dependency to get the same
+ * behaviour. (The browser only knows about the link, not reachability; that is
+ * the honest limit of what a web app can detect without polling.)
+ */
+import { useEffect, useState } from 'react';
+import { useConnectionStatusToasts } from "./shared.js";
+/** Mount once at the app root. Renders nothing. */
+export function ConnectionStatusToasts(props = {}) {
+  const [isOnline, setIsOnline] = useState(null);
+  useEffect(() => {
+    if (typeof navigator === 'undefined' || typeof window === 'undefined') return undefined;
+    setIsOnline(navigator.onLine);
+    const update = () => setIsOnline(navigator.onLine);
+    window.addEventListener('online', update);
+    window.addEventListener('offline', update);
+    return () => {
+      window.removeEventListener('online', update);
+      window.removeEventListener('offline', update);
+    };
+  }, []);
+  useConnectionStatusToasts(isOnline, props);
+  return null;
+}
+ConnectionStatusToasts.displayName = 'ConnectionStatusToasts';
+//# sourceMappingURL=index.web.js.map

package/lib/module/connection-status/index.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useState","useConnectionStatusToasts","ConnectionStatusToasts","props","isOnline","setIsOnline","navigator","window","undefined","onLine","update","addEventListener","removeEventListener","displayName"],"sourceRoot":"../../../src","sources":["connection-status/index.web.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAE3C,SAASC,yBAAyB,QAA0C,aAAU;AAItF;AACA,OAAO,SAASC,sBAAsBA,CAACC,KAAkC,GAAG,CAAC,CAAC,EAAQ;EACpF,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGL,QAAQ,CAAiB,IAAI,CAAC;EAE9DD,SAAS,CAAC,MAAM;IACd,IAAI,OAAOO,SAAS,KAAK,WAAW,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE,OAAOC,SAAS;IAEvFH,WAAW,CAACC,SAAS,CAACG,MAAM,CAAC;IAC7B,MAAMC,MAAM,GAAGA,CAAA,KAAML,WAAW,CAACC,SAAS,CAACG,MAAM,CAAC;IAClDF,MAAM,CAACI,gBAAgB,CAAC,QAAQ,EAAED,MAAM,CAAC;IACzCH,MAAM,CAACI,gBAAgB,CAAC,SAAS,EAAED,MAAM,CAAC;IAC1C,OAAO,MAAM;MACXH,MAAM,CAACK,mBAAmB,CAAC,QAAQ,EAAEF,MAAM,CAAC;MAC5CH,MAAM,CAACK,mBAAmB,CAAC,SAAS,EAAEF,MAAM,CAAC;IAC/C,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAENT,yBAAyB,CAACG,QAAQ,EAAED,KAAK,CAAC;EAC1C,OAAO,IAAI;AACb;AAEAD,sBAAsB,CAACW,WAAW,GAAG,wBAAwB","ignoreList":[]}

package/lib/module/connection-status/shared.js

@@ -0,0 +1,65 @@
+"use strict";
+
+import { useEffect, useRef } from 'react';
+import { toast } from "../toast/index.js";
+
+/** One id for the whole lifecycle, so the toast updates in place. */
+const TOAST_ID = 'bloom-connection-status';
+const DEFAULTS = {
+  offlineMessage: 'No internet connection',
+  reconnectingMessage: 'Reconnecting…',
+  restoredMessage: 'Back online',
+  reconnectingDelayMs: 3000,
+  restoredDurationMs: 2500
+};
+
+/**
+ * Drive the connection toast from an `isOnline` signal.
+ *
+ * Platform-agnostic half of `ConnectionStatusToasts`: the forks differ only in
+ * where the signal comes from (NetInfo on native, `navigator.onLine` on web),
+ * never in what the user sees.
+ *
+ * `isOnline === null` means "not determined yet" and shows nothing — a first
+ * paint must not accuse the user of being offline.
+ */
+export function useConnectionStatusToasts(isOnline, {
+  offlineMessage = DEFAULTS.offlineMessage,
+  reconnectingMessage = DEFAULTS.reconnectingMessage,
+  restoredMessage = DEFAULTS.restoredMessage,
+  reconnectingDelayMs = DEFAULTS.reconnectingDelayMs,
+  restoredDurationMs = DEFAULTS.restoredDurationMs
+} = {}) {
+  // Whether an outage toast is currently up, so coming back online only
+  // announces itself to someone who saw the outage.
+  const wasOffline = useRef(false);
+  useEffect(() => {
+    if (isOnline === null) return undefined;
+    if (!isOnline) {
+      wasOffline.current = true;
+      // Persistent: an outage ends when the network says so, not on a timer.
+      toast.error(offlineMessage, {
+        id: TOAST_ID,
+        duration: Infinity,
+        dismissible: false
+      });
+      const escalate = setTimeout(() => {
+        toast.warning(reconnectingMessage, {
+          id: TOAST_ID,
+          duration: Infinity,
+          dismissible: false
+        });
+      }, reconnectingDelayMs);
+      return () => clearTimeout(escalate);
+    }
+    if (wasOffline.current) {
+      wasOffline.current = false;
+      toast.success(restoredMessage, {
+        id: TOAST_ID,
+        duration: restoredDurationMs
+      });
+    }
+    return undefined;
+  }, [isOnline, offlineMessage, reconnectingMessage, restoredMessage, reconnectingDelayMs, restoredDurationMs]);
+}
+//# sourceMappingURL=shared.js.map

package/lib/module/connection-status/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useRef","toast","TOAST_ID","DEFAULTS","offlineMessage","reconnectingMessage","restoredMessage","reconnectingDelayMs","restoredDurationMs","useConnectionStatusToasts","isOnline","wasOffline","undefined","current","error","id","duration","Infinity","dismissible","escalate","setTimeout","warning","clearTimeout","success"],"sourceRoot":"../../../src","sources":["connection-status/shared.ts"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAEzC,SAASC,KAAK,QAAQ,mBAAU;;AAEhC;AACA,MAAMC,QAAQ,GAAG,yBAAyB;AAe1C,MAAMC,QAAQ,GAAG;EACfC,cAAc,EAAE,wBAAwB;EACxCC,mBAAmB,EAAE,eAAe;EACpCC,eAAe,EAAE,aAAa;EAC9BC,mBAAmB,EAAE,IAAI;EACzBC,kBAAkB,EAAE;AACtB,CAAU;;AAEV;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,yBAAyBA,CACvCC,QAAwB,EACxB;EACEN,cAAc,GAAGD,QAAQ,CAACC,cAAc;EACxCC,mBAAmB,GAAGF,QAAQ,CAACE,mBAAmB;EAClDC,eAAe,GAAGH,QAAQ,CAACG,eAAe;EAC1CC,mBAAmB,GAAGJ,QAAQ,CAACI,mBAAmB;EAClDC,kBAAkB,GAAGL,QAAQ,CAACK;AACH,CAAC,GAAG,CAAC,CAAC,EAC7B;EACN;EACA;EACA,MAAMG,UAAU,GAAGX,MAAM,CAAC,KAAK,CAAC;EAEhCD,SAAS,CAAC,MAAM;IACd,IAAIW,QAAQ,KAAK,IAAI,EAAE,OAAOE,SAAS;IAEvC,IAAI,CAACF,QAAQ,EAAE;MACbC,UAAU,CAACE,OAAO,GAAG,IAAI;MACzB;MACAZ,KAAK,CAACa,KAAK,CAACV,cAAc,EAAE;QAAEW,EAAE,EAAEb,QAAQ;QAAEc,QAAQ,EAAEC,QAAQ;QAAEC,WAAW,EAAE;MAAM,CAAC,CAAC;MACrF,MAAMC,QAAQ,GAAGC,UAAU,CAAC,MAAM;QAChCnB,KAAK,CAACoB,OAAO,CAAChB,mBAAmB,EAAE;UACjCU,EAAE,EAAEb,QAAQ;UACZc,QAAQ,EAAEC,QAAQ;UAClBC,WAAW,EAAE;QACf,CAAC,CAAC;MACJ,CAAC,EAAEX,mBAAmB,CAAC;MACvB,OAAO,MAAMe,YAAY,CAACH,QAAQ,CAAC;IACrC;IAEA,IAAIR,UAAU,CAACE,OAAO,EAAE;MACtBF,UAAU,CAACE,OAAO,GAAG,KAAK;MAC1BZ,KAAK,CAACsB,OAAO,CAACjB,eAAe,EAAE;QAAES,EAAE,EAAEb,QAAQ;QAAEc,QAAQ,EAAER;MAAmB,CAAC,CAAC;IAChF;IACA,OAAOI,SAAS;EAClB,CAAC,EAAE,CACDF,QAAQ,EACRN,cAAc,EACdC,mBAAmB,EACnBC,eAAe,EACfC,mBAAmB,EACnBC,kBAAkB,CACnB,CAAC;AACJ","ignoreList":[]}

package/lib/typescript/commonjs/connection-status/index.d.ts

@@ -0,0 +1,8 @@
+import { type ConnectionStatusToastsProps } from './shared';
+export type { ConnectionStatusToastsProps } from './shared';
+/** Mount once at the app root. Renders nothing. */
+export declare function ConnectionStatusToasts(props?: ConnectionStatusToastsProps): null;
+export declare namespace ConnectionStatusToasts {
+    var displayName: string;
+}
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/connection-status/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/connection-status/index.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAA6B,KAAK,2BAA2B,EAAE,MAAM,UAAU,CAAC;AAEvF,YAAY,EAAE,2BAA2B,EAAE,MAAM,UAAU,CAAC;AAE5D,mDAAmD;AACnD,wBAAgB,sBAAsB,CAAC,KAAK,GAAE,2BAAgC,GAAG,IAAI,CAcpF;yBAde,sBAAsB"}

package/lib/typescript/commonjs/connection-status/index.web.d.ts

@@ -0,0 +1,8 @@
+import { type ConnectionStatusToastsProps } from './shared';
+export type { ConnectionStatusToastsProps } from './shared';
+/** Mount once at the app root. Renders nothing. */
+export declare function ConnectionStatusToasts(props?: ConnectionStatusToastsProps): null;
+export declare namespace ConnectionStatusToasts {
+    var displayName: string;
+}
+//# sourceMappingURL=index.web.d.ts.map

package/lib/typescript/commonjs/connection-status/index.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../../src/connection-status/index.web.tsx"],"names":[],"mappings":"AAUA,OAAO,EAA6B,KAAK,2BAA2B,EAAE,MAAM,UAAU,CAAC;AAEvF,YAAY,EAAE,2BAA2B,EAAE,MAAM,UAAU,CAAC;AAE5D,mDAAmD;AACnD,wBAAgB,sBAAsB,CAAC,KAAK,GAAE,2BAAgC,GAAG,IAAI,CAkBpF;yBAlBe,sBAAsB"}

package/lib/typescript/commonjs/connection-status/shared.d.ts

@@ -0,0 +1,24 @@
+export interface ConnectionStatusToastsProps {
+    /** Shown as soon as the device reports no connection. */
+    offlineMessage?: string;
+    /** Replaces `offlineMessage` once the outage has lasted `reconnectingDelayMs`. */
+    reconnectingMessage?: string;
+    /** Shown briefly when the connection comes back. */
+    restoredMessage?: string;
+    /** How long an outage must last before it reads as "reconnecting". */
+    reconnectingDelayMs?: number;
+    /** How long the restored toast stays up. */
+    restoredDurationMs?: number;
+}
+/**
+ * Drive the connection toast from an `isOnline` signal.
+ *
+ * Platform-agnostic half of `ConnectionStatusToasts`: the forks differ only in
+ * where the signal comes from (NetInfo on native, `navigator.onLine` on web),
+ * never in what the user sees.
+ *
+ * `isOnline === null` means "not determined yet" and shows nothing — a first
+ * paint must not accuse the user of being offline.
+ */
+export declare function useConnectionStatusToasts(isOnline: boolean | null, { offlineMessage, reconnectingMessage, restoredMessage, reconnectingDelayMs, restoredDurationMs, }?: ConnectionStatusToastsProps): void;
+//# sourceMappingURL=shared.d.ts.map

package/lib/typescript/commonjs/connection-status/shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../../src/connection-status/shared.ts"],"names":[],"mappings":"AAOA,MAAM,WAAW,2BAA2B;IAC1C,yDAAyD;IACzD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kFAAkF;IAClF,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,oDAAoD;IACpD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,sEAAsE;IACtE,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,4CAA4C;IAC5C,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAUD;;;;;;;;;GASG;AACH,wBAAgB,yBAAyB,CACvC,QAAQ,EAAE,OAAO,GAAG,IAAI,EACxB,EACE,cAAwC,EACxC,mBAAkD,EAClD,eAA0C,EAC1C,mBAAkD,EAClD,kBAAgD,GACjD,GAAE,2BAAgC,GAClC,IAAI,CAmCN"}

package/lib/typescript/module/connection-status/index.d.ts

@@ -0,0 +1,8 @@
+import { type ConnectionStatusToastsProps } from './shared';
+export type { ConnectionStatusToastsProps } from './shared';
+/** Mount once at the app root. Renders nothing. */
+export declare function ConnectionStatusToasts(props?: ConnectionStatusToastsProps): null;
+export declare namespace ConnectionStatusToasts {
+    var displayName: string;
+}
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/connection-status/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/connection-status/index.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAA6B,KAAK,2BAA2B,EAAE,MAAM,UAAU,CAAC;AAEvF,YAAY,EAAE,2BAA2B,EAAE,MAAM,UAAU,CAAC;AAE5D,mDAAmD;AACnD,wBAAgB,sBAAsB,CAAC,KAAK,GAAE,2BAAgC,GAAG,IAAI,CAcpF;yBAde,sBAAsB"}

package/lib/typescript/module/connection-status/index.web.d.ts

@@ -0,0 +1,8 @@
+import { type ConnectionStatusToastsProps } from './shared';
+export type { ConnectionStatusToastsProps } from './shared';
+/** Mount once at the app root. Renders nothing. */
+export declare function ConnectionStatusToasts(props?: ConnectionStatusToastsProps): null;
+export declare namespace ConnectionStatusToasts {
+    var displayName: string;
+}
+//# sourceMappingURL=index.web.d.ts.map

package/lib/typescript/module/connection-status/index.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../../src/connection-status/index.web.tsx"],"names":[],"mappings":"AAUA,OAAO,EAA6B,KAAK,2BAA2B,EAAE,MAAM,UAAU,CAAC;AAEvF,YAAY,EAAE,2BAA2B,EAAE,MAAM,UAAU,CAAC;AAE5D,mDAAmD;AACnD,wBAAgB,sBAAsB,CAAC,KAAK,GAAE,2BAAgC,GAAG,IAAI,CAkBpF;yBAlBe,sBAAsB"}

package/lib/typescript/module/connection-status/shared.d.ts

@@ -0,0 +1,24 @@
+export interface ConnectionStatusToastsProps {
+    /** Shown as soon as the device reports no connection. */
+    offlineMessage?: string;
+    /** Replaces `offlineMessage` once the outage has lasted `reconnectingDelayMs`. */
+    reconnectingMessage?: string;
+    /** Shown briefly when the connection comes back. */
+    restoredMessage?: string;
+    /** How long an outage must last before it reads as "reconnecting". */
+    reconnectingDelayMs?: number;
+    /** How long the restored toast stays up. */
+    restoredDurationMs?: number;
+}
+/**
+ * Drive the connection toast from an `isOnline` signal.
+ *
+ * Platform-agnostic half of `ConnectionStatusToasts`: the forks differ only in
+ * where the signal comes from (NetInfo on native, `navigator.onLine` on web),
+ * never in what the user sees.
+ *
+ * `isOnline === null` means "not determined yet" and shows nothing — a first
+ * paint must not accuse the user of being offline.
+ */
+export declare function useConnectionStatusToasts(isOnline: boolean | null, { offlineMessage, reconnectingMessage, restoredMessage, reconnectingDelayMs, restoredDurationMs, }?: ConnectionStatusToastsProps): void;
+//# sourceMappingURL=shared.d.ts.map

package/lib/typescript/module/connection-status/shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../../src/connection-status/shared.ts"],"names":[],"mappings":"AAOA,MAAM,WAAW,2BAA2B;IAC1C,yDAAyD;IACzD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kFAAkF;IAClF,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,oDAAoD;IACpD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,sEAAsE;IACtE,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,4CAA4C;IAC5C,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAUD;;;;;;;;;GASG;AACH,wBAAgB,yBAAyB,CACvC,QAAQ,EAAE,OAAO,GAAG,IAAI,EACxB,EACE,cAAwC,EACxC,mBAAkD,EAClD,eAA0C,EAC1C,mBAAkD,EAClD,kBAAgD,GACjD,GAAE,2BAAgC,GAClC,IAAI,CAmCN"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oxyhq/bloom",
-  "version": "0.64.0",
+  "version": "0.65.0",
   "description": "Bloom UI — Oxy ecosystem component library for React Native + Expo + Web",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -148,6 +148,22 @@
         "default": "./lib/commonjs/portal/index.js"
       }
     },
+    "./connection-status": {
+      "react-native": "./src/connection-status/index.tsx",
+      "browser": {
+        "types": "./lib/typescript/module/connection-status/index.web.d.ts",
+        "import": "./lib/module/connection-status/index.web.js",
+        "require": "./lib/commonjs/connection-status/index.web.js"
+      },
+      "import": {
+        "types": "./lib/typescript/module/connection-status/index.d.ts",
+        "default": "./lib/module/connection-status/index.js"
+      },
+      "require": {
+        "types": "./lib/typescript/commonjs/connection-status/index.d.ts",
+        "default": "./lib/commonjs/connection-status/index.js"
+      }
+    },
     "./overlay": {
       "react-native": "./src/overlay/index.tsx",
       "import": {
@@ -1210,7 +1226,8 @@
     "storybook": "^10",
     "ts-jest": "^29.4.6",
     "typescript": "~5.9.2",
-    "vite": "^7"
+    "vite": "^7",
+    "@react-native-community/netinfo": "^12.0.1"
   },
   "peerDependencies": {
     "expo": "*",
@@ -1229,7 +1246,8 @@
     "react-native-safe-area-context": ">=5.0.0",
     "react-native-screens": ">=3.16.0",
     "react-native-svg": ">=13.0.0",
-    "nativewind": ">=5.0.0"
+    "nativewind": ">=5.0.0",
+    "@react-native-community/netinfo": ""
   },
   "peerDependenciesMeta": {
     "expo": {
@@ -1249,6 +1267,9 @@
     },
     "nativewind": {
       "optional": true
+    },
+    "@react-native-community/netinfo": {
+      "optional": true
     }
   },
   "react-native-builder-bob": {

package/src/connection-status/index.tsx

@@ -0,0 +1,38 @@
+/**
+ * Connection loss as a toast, not a layout-shifting banner.
+ *
+ * Every Oxy app needs this and none of them should hand-roll it: a coloured bar
+ * sliding in above the header pushes the whole screen down, has to be themed
+ * again in each app, and competes with the app's own chrome. The toast host is
+ * already mounted, already themed, already stacks.
+ *
+ * NATIVE variant: `@react-native-community/netinfo` (an Expo-managed dependency
+ * every Oxy app already ships) reports both link state and reachability. The
+ * web fork uses `navigator.onLine` instead so Vite/SPA consumers need no extra
+ * dependency at all.
+ */
+import { useEffect, useState } from 'react';
+import NetInfo from '@react-native-community/netinfo';
+
+import { useConnectionStatusToasts, type ConnectionStatusToastsProps } from './shared';
+
+export type { ConnectionStatusToastsProps } from './shared';
+
+/** Mount once at the app root. Renders nothing. */
+export function ConnectionStatusToasts(props: ConnectionStatusToastsProps = {}): null {
+  const [isOnline, setIsOnline] = useState<boolean | null>(null);
+
+  useEffect(() => {
+    // `isInternetReachable` is null until the first probe resolves; treat that
+    // as "connected as far as we know" so a captive-portal check never flashes
+    // an outage on launch.
+    return NetInfo.addEventListener((state) => {
+      setIsOnline(Boolean(state.isConnected && state.isInternetReachable !== false));
+    });
+  }, []);
+
+  useConnectionStatusToasts(isOnline, props);
+  return null;
+}
+
+ConnectionStatusToasts.displayName = 'ConnectionStatusToasts';

package/src/connection-status/index.web.tsx

@@ -0,0 +1,36 @@
+/**
+ * Web variant — see `./index.tsx` for what this is and why it is a toast.
+ *
+ * `navigator.onLine` + the `online`/`offline` events are the browser's own
+ * signal, so a Vite/SPA consumer needs no native dependency to get the same
+ * behaviour. (The browser only knows about the link, not reachability; that is
+ * the honest limit of what a web app can detect without polling.)
+ */
+import { useEffect, useState } from 'react';
+
+import { useConnectionStatusToasts, type ConnectionStatusToastsProps } from './shared';
+
+export type { ConnectionStatusToastsProps } from './shared';
+
+/** Mount once at the app root. Renders nothing. */
+export function ConnectionStatusToasts(props: ConnectionStatusToastsProps = {}): null {
+  const [isOnline, setIsOnline] = useState<boolean | null>(null);
+
+  useEffect(() => {
+    if (typeof navigator === 'undefined' || typeof window === 'undefined') return undefined;
+
+    setIsOnline(navigator.onLine);
+    const update = () => setIsOnline(navigator.onLine);
+    window.addEventListener('online', update);
+    window.addEventListener('offline', update);
+    return () => {
+      window.removeEventListener('online', update);
+      window.removeEventListener('offline', update);
+    };
+  }, []);
+
+  useConnectionStatusToasts(isOnline, props);
+  return null;
+}
+
+ConnectionStatusToasts.displayName = 'ConnectionStatusToasts';

package/src/connection-status/shared.ts

@@ -0,0 +1,83 @@
+import { useEffect, useRef } from 'react';
+
+import { toast } from '../toast';
+
+/** One id for the whole lifecycle, so the toast updates in place. */
+const TOAST_ID = 'bloom-connection-status';
+
+export interface ConnectionStatusToastsProps {
+  /** Shown as soon as the device reports no connection. */
+  offlineMessage?: string;
+  /** Replaces `offlineMessage` once the outage has lasted `reconnectingDelayMs`. */
+  reconnectingMessage?: string;
+  /** Shown briefly when the connection comes back. */
+  restoredMessage?: string;
+  /** How long an outage must last before it reads as "reconnecting". */
+  reconnectingDelayMs?: number;
+  /** How long the restored toast stays up. */
+  restoredDurationMs?: number;
+}
+
+const DEFAULTS = {
+  offlineMessage: 'No internet connection',
+  reconnectingMessage: 'Reconnecting…',
+  restoredMessage: 'Back online',
+  reconnectingDelayMs: 3000,
+  restoredDurationMs: 2500,
+} as const;
+
+/**
+ * Drive the connection toast from an `isOnline` signal.
+ *
+ * Platform-agnostic half of `ConnectionStatusToasts`: the forks differ only in
+ * where the signal comes from (NetInfo on native, `navigator.onLine` on web),
+ * never in what the user sees.
+ *
+ * `isOnline === null` means "not determined yet" and shows nothing — a first
+ * paint must not accuse the user of being offline.
+ */
+export function useConnectionStatusToasts(
+  isOnline: boolean | null,
+  {
+    offlineMessage = DEFAULTS.offlineMessage,
+    reconnectingMessage = DEFAULTS.reconnectingMessage,
+    restoredMessage = DEFAULTS.restoredMessage,
+    reconnectingDelayMs = DEFAULTS.reconnectingDelayMs,
+    restoredDurationMs = DEFAULTS.restoredDurationMs,
+  }: ConnectionStatusToastsProps = {},
+): void {
+  // Whether an outage toast is currently up, so coming back online only
+  // announces itself to someone who saw the outage.
+  const wasOffline = useRef(false);
+
+  useEffect(() => {
+    if (isOnline === null) return undefined;
+
+    if (!isOnline) {
+      wasOffline.current = true;
+      // Persistent: an outage ends when the network says so, not on a timer.
+      toast.error(offlineMessage, { id: TOAST_ID, duration: Infinity, dismissible: false });
+      const escalate = setTimeout(() => {
+        toast.warning(reconnectingMessage, {
+          id: TOAST_ID,
+          duration: Infinity,
+          dismissible: false,
+        });
+      }, reconnectingDelayMs);
+      return () => clearTimeout(escalate);
+    }
+
+    if (wasOffline.current) {
+      wasOffline.current = false;
+      toast.success(restoredMessage, { id: TOAST_ID, duration: restoredDurationMs });
+    }
+    return undefined;
+  }, [
+    isOnline,
+    offlineMessage,
+    reconnectingMessage,
+    restoredMessage,
+    reconnectingDelayMs,
+    restoredDurationMs,
+  ]);
+}