@oxyhq/services 30.0.0 → 30.1.0

package/lib/commonjs/ui/components/RequireOxyAuth.js

@@ -0,0 +1,296 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.RequireOxyAuth = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _theme = require("@oxyhq/bloom/theme");
+var _typography = require("@oxyhq/bloom/typography");
+var _OxyContext = require("../context/OxyContext.js");
+var _OxySignInButton = require("./OxySignInButton.js");
+var _LogoIcon = require("./logo/LogoIcon.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * RequireOxyAuth — the optional signed-out gate primitive (React Native).
+ *
+ * ONE shared way for any Oxy app to opt into a signed-out gate. It is entirely
+ * OPTIONAL: a public app renders its children untouched (`prompt="off"`); an
+ * auth-required app blocks them behind a signed-out state (`prompt="hard"`); an
+ * app that mostly works signed-out but wants a nudge shows a dismissible banner
+ * (`prompt="soft"`). Every mode reuses the ONE account dialog the provider
+ * already mounts — opening the sign-in surface is always
+ * `useOxy().openAccountDialog('signin')`; there is NO second dialog.
+ *
+ * Readiness gating (CRITICAL): the gate keys on the SDK's own readiness state
+ * (`useOxy().canUsePrivateApi` / `isPrivateApiPending`), NEVER on app-local
+ * hooks. While auth is still resolving (`isPrivateApiPending`) it renders a
+ * neutral loading state so the signed-out wall never flashes before the
+ * device-first cold boot concludes (the documented cold-boot race).
+ *
+ * Styling follows the sibling `OxyAccountDialogScreen`/`OxySignInButton` pattern —
+ * `useTheme()` + `StyleSheet` (NOT NativeWind), so the gate renders correctly in
+ * EVERY consumer, including apps that do not run NativeWind (e.g. the accounts
+ * app).
+ */
+
+/**
+ * How `RequireOxyAuth` treats a signed-out (or still-resolving) session.
+ *  - `off`  — always render children (public app; a no-op provided for symmetry).
+ *  - `soft` — render children, plus a dismissible sign-in banner when signed out.
+ *  - `hard` — block children behind a centered signed-out state until signed in.
+ */
+
+const DEFAULT_TITLE = 'Sign in to continue';
+const DEFAULT_SUBTITLE = 'Sign in with your Oxy account to continue.';
+const DEFAULT_BANNER_MESSAGE = "You're browsing signed out.";
+const DEFAULT_BANNER_ACTION = 'Sign in';
+
+/**
+ * Optional signed-out gate. Wrap any subtree (or the whole app via the
+ * provider's `requireAuth` prop) to opt into a shared, readiness-safe wall.
+ */
+const RequireOxyAuth = ({
+  children,
+  prompt = 'hard',
+  loadingFallback,
+  signedOutFallback,
+  title,
+  subtitle,
+  bannerMessage,
+  bannerActionLabel
+}) => {
+  const {
+    canUsePrivateApi,
+    isPrivateApiPending,
+    openAccountDialog
+  } = (0, _OxyContext.useOxy)();
+
+  // Public app: render straight through. Cheap enough to short-circuit before
+  // touching any gate UI.
+  if (prompt === 'off') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: children
+    });
+  }
+
+  // Signed in (and token ready): render the protected subtree in every mode.
+  if (canUsePrivateApi) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: children
+    });
+  }
+  if (prompt === 'soft') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(SoftGate, {
+      pending: isPrivateApiPending,
+      message: bannerMessage ?? DEFAULT_BANNER_MESSAGE,
+      actionLabel: bannerActionLabel ?? DEFAULT_BANNER_ACTION,
+      onSignIn: () => openAccountDialog('signin'),
+      children: children
+    });
+  }
+
+  // prompt === 'hard'
+  if (isPrivateApiPending) {
+    return loadingFallback ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: loadingFallback
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(NeutralLoading, {});
+  }
+  if (signedOutFallback) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: signedOutFallback
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(HardWall, {
+    title: title ?? DEFAULT_TITLE,
+    subtitle: subtitle ?? DEFAULT_SUBTITLE
+  });
+};
+
+// ---------------------------------------------------------------------------
+// Soft gate — children + a dismissible sign-in banner while signed out.
+// ---------------------------------------------------------------------------
+exports.RequireOxyAuth = RequireOxyAuth;
+const SoftGate = ({
+  children,
+  pending,
+  message,
+  actionLabel,
+  onSignIn
+}) => {
+  const theme = (0, _theme.useTheme)();
+  const [dismissed, setDismissed] = (0, _react.useState)(false);
+
+  // Never surface the nudge while auth is still resolving — only once the boot
+  // has concluded signed out and the user has not dismissed it.
+  const showBanner = !pending && !dismissed;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.softRoot,
+    children: [showBanner ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: [styles.banner, {
+        backgroundColor: theme.colors.card,
+        borderColor: theme.colors.border
+      }],
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_LogoIcon.LogoIcon, {
+        height: 20,
+        color: theme.colors.primary
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.Text, {
+        style: [styles.bannerText, {
+          color: theme.colors.text
+        }],
+        numberOfLines: 2,
+        children: message
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+        onPress: onSignIn,
+        style: [styles.bannerCta, {
+          backgroundColor: theme.colors.primary
+        }],
+        accessibilityRole: "button",
+        accessibilityLabel: actionLabel,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.Text, {
+          style: styles.bannerCtaText,
+          children: actionLabel
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+        onPress: () => setDismissed(true),
+        style: styles.bannerDismiss,
+        accessibilityRole: "button",
+        accessibilityLabel: "Dismiss",
+        hitSlop: 8,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.Text, {
+          style: [styles.bannerDismissText, {
+            color: theme.colors.textSecondary
+          }],
+          children: "\u2715"
+        })
+      })]
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.softBody,
+      children: children
+    })]
+  });
+};
+
+// ---------------------------------------------------------------------------
+// Hard wall — centered signed-out state with the "Sign in with Oxy" CTA.
+// ---------------------------------------------------------------------------
+
+const HardWall = ({
+  title,
+  subtitle
+}) => {
+  const theme = (0, _theme.useTheme)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.wallRoot, {
+      backgroundColor: theme.colors.background
+    }],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.logoBadge, {
+        backgroundColor: theme.colors.primarySubtle
+      }],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_LogoIcon.LogoIcon, {
+        height: 44,
+        color: theme.colors.primary
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.Text, {
+      style: [styles.wallTitle, {
+        color: theme.colors.text
+      }],
+      children: title
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.Text, {
+      style: [styles.wallSubtitle, {
+        color: theme.colors.textSecondary
+      }],
+      children: subtitle
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_OxySignInButton.OxySignInButton, {
+      variant: "contained",
+      style: styles.wallCta
+    })]
+  });
+};
+const NeutralLoading = () => {
+  const theme = (0, _theme.useTheme)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [styles.wallRoot, {
+      backgroundColor: theme.colors.background
+    }],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+      color: theme.colors.primary
+    })
+  });
+};
+const styles = _reactNative.StyleSheet.create({
+  softRoot: {
+    flex: 1
+  },
+  softBody: {
+    flex: 1
+  },
+  banner: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 10,
+    paddingVertical: 8,
+    paddingHorizontal: 12,
+    borderBottomWidth: _reactNative.StyleSheet.hairlineWidth
+  },
+  bannerText: {
+    flex: 1,
+    fontSize: 13.5
+  },
+  bannerCta: {
+    paddingVertical: 6,
+    paddingHorizontal: 14,
+    borderRadius: 999
+  },
+  bannerCtaText: {
+    color: '#FFFFFF',
+    fontSize: 13,
+    fontWeight: '700'
+  },
+  bannerDismiss: {
+    width: 28,
+    height: 28,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  bannerDismissText: {
+    fontSize: 15,
+    fontWeight: '600'
+  },
+  wallRoot: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+    padding: 24,
+    gap: 16
+  },
+  logoBadge: {
+    width: 88,
+    height: 88,
+    borderRadius: 44,
+    alignItems: 'center',
+    justifyContent: 'center',
+    marginBottom: 4
+  },
+  wallTitle: {
+    fontSize: 24,
+    fontWeight: '800',
+    letterSpacing: -0.4,
+    textAlign: 'center'
+  },
+  wallSubtitle: {
+    fontSize: 15,
+    lineHeight: 21,
+    textAlign: 'center',
+    maxWidth: 340
+  },
+  wallCta: {
+    marginTop: 8,
+    width: '100%',
+    maxWidth: 320
+  }
+});
+var _default = exports.default = RequireOxyAuth;
+//# sourceMappingURL=RequireOxyAuth.js.map

package/lib/commonjs/ui/components/RequireOxyAuth.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_theme","_typography","_OxyContext","_OxySignInButton","_LogoIcon","_jsxRuntime","DEFAULT_TITLE","DEFAULT_SUBTITLE","DEFAULT_BANNER_MESSAGE","DEFAULT_BANNER_ACTION","RequireOxyAuth","children","prompt","loadingFallback","signedOutFallback","title","subtitle","bannerMessage","bannerActionLabel","canUsePrivateApi","isPrivateApiPending","openAccountDialog","useOxy","jsx","Fragment","SoftGate","pending","message","actionLabel","onSignIn","NeutralLoading","HardWall","exports","theme","useTheme","dismissed","setDismissed","useState","showBanner","jsxs","View","style","styles","softRoot","banner","backgroundColor","colors","card","borderColor","border","LogoIcon","height","color","primary","Text","bannerText","text","numberOfLines","Pressable","onPress","bannerCta","accessibilityRole","accessibilityLabel","bannerCtaText","bannerDismiss","hitSlop","bannerDismissText","textSecondary","softBody","wallRoot","background","logoBadge","primarySubtle","wallTitle","wallSubtitle","OxySignInButton","variant","wallCta","ActivityIndicator","StyleSheet","create","flex","flexDirection","alignItems","gap","paddingVertical","paddingHorizontal","borderBottomWidth","hairlineWidth","fontSize","borderRadius","fontWeight","width","justifyContent","padding","marginBottom","letterSpacing","textAlign","lineHeight","maxWidth","marginTop","_default","default"],"sourceRoot":"../../../../src","sources":["ui/components/RequireOxyAuth.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ui/components/SettingsIcon.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.SettingsIcon = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _MaterialCommunityIcons = _interopRequireDefault(require("@expo/vector-icons/MaterialCommunityIcons"));
+var _colorUtils = require("../utils/colorUtils.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * Compact colored-circle icon for use with bloom's SettingsListItem.
+ * Renders a MaterialCommunityIcons glyph inside a tinted circle,
+ * sized to fit bloom's 20x20 icon container.
+ */
+const SettingsIconComponent = ({
+  name,
+  color,
+  iconSize = 14,
+  size = 20
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+  style: [styles.circle, {
+    width: size,
+    height: size,
+    borderRadius: size / 2,
+    backgroundColor: color
+  }],
+  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MaterialCommunityIcons.default, {
+    name: name,
+    size: iconSize,
+    color: (0, _colorUtils.darkenColor)(color)
+  })
+});
+SettingsIconComponent.displayName = 'SettingsIcon';
+const SettingsIcon = exports.SettingsIcon = /*#__PURE__*/(0, _react.memo)(SettingsIconComponent);
+var _default = exports.default = SettingsIcon;
+const styles = _reactNative.StyleSheet.create({
+  circle: {
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+//# sourceMappingURL=SettingsIcon.js.map

package/lib/commonjs/ui/components/SettingsIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_MaterialCommunityIcons","_interopRequireDefault","_colorUtils","_jsxRuntime","e","__esModule","default","SettingsIconComponent","name","color","iconSize","size","jsx","View","style","styles","circle","width","height","borderRadius","backgroundColor","children","darkenColor","displayName","SettingsIcon","exports","memo","_default","StyleSheet","create","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["ui/components/SettingsIcon.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AAAkD,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAG,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAalD;AACA;AACA;AACA;AACA;AACA,MAAMG,qBAAkD,GAAGA,CAAC;EACxDC,IAAI;EACJC,KAAK;EACLC,QAAQ,GAAG,EAAE;EACbC,IAAI,GAAG;AACX,CAAC,kBACG,IAAAR,WAAA,CAAAS,GAAA,EAACb,YAAA,CAAAc,IAAI;EAACC,KAAK,EAAE,CAACC,MAAM,CAACC,MAAM,EAAE;IAAEC,KAAK,EAAEN,IAAI;IAAEO,MAAM,EAAEP,IAAI;IAAEQ,YAAY,EAAER,IAAI,GAAG,CAAC;IAAES,eAAe,EAAEX;EAAM,CAAC,CAAE;EAAAY,QAAA,eACxG,IAAAlB,WAAA,CAAAS,GAAA,EAACZ,uBAAA,CAAAM,OAAsB;IAACE,IAAI,EAAEA,IAAK;IAACG,IAAI,EAAED,QAAS;IAACD,KAAK,EAAE,IAAAa,uBAAW,EAACb,KAAK;EAAE,CAAE;AAAC,CAC/E,CACT;AAEDF,qBAAqB,CAACgB,WAAW,GAAG,cAAc;AAE3C,MAAMC,YAAY,GAAAC,OAAA,CAAAD,YAAA,gBAAG,IAAAE,WAAI,EAACnB,qBAAqB,CAAC;AAAC,IAAAoB,QAAA,GAAAF,OAAA,CAAAnB,OAAA,GACzCkB,YAAY;AAE3B,MAAMT,MAAM,GAAGa,uBAAU,CAACC,MAAM,CAAC;EAC7Bb,MAAM,EAAE;IACJc,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EACpB;AACJ,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/ui/components/SurfaceHeaderAction.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SurfaceHeaderAction = void 0;
+var _reactNative = require("react-native");
+var _theme = require("@oxyhq/bloom/theme");
+var _pressableScale = require("@oxyhq/bloom/pressable-scale");
+var _typography = require("@oxyhq/bloom/typography");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * A filled pill action for a surface's nav-header right slot — the canonical
+ * "Save" affordance. Pass a memoized instance to `useSurfaceHeader({ right })`
+ * so the header does not thrash between renders.
+ */
+const SurfaceHeaderAction = ({
+  label,
+  onPress,
+  loading,
+  disabled
+}) => {
+  const {
+    colors
+  } = (0, _theme.useTheme)();
+  const isDisabled = disabled || loading;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_pressableScale.PressableScale, {
+    onPress: onPress,
+    disabled: isDisabled,
+    accessibilityRole: "button",
+    accessibilityLabel: label,
+    style: [styles.button, {
+      backgroundColor: colors.primary,
+      opacity: isDisabled ? 0.5 : 1
+    }],
+    children: loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+      size: "small",
+      color: colors.primaryForeground
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.Text, {
+      style: [styles.label, {
+        color: colors.primaryForeground
+      }],
+      children: label
+    })
+  });
+};
+exports.SurfaceHeaderAction = SurfaceHeaderAction;
+const styles = _reactNative.StyleSheet.create({
+  button: {
+    height: 36,
+    minWidth: 64,
+    paddingHorizontal: 14,
+    borderRadius: 18,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  label: {
+    fontSize: 14,
+    fontWeight: '600',
+    letterSpacing: -0.2
+  }
+});
+//# sourceMappingURL=SurfaceHeaderAction.js.map

package/lib/commonjs/ui/components/SurfaceHeaderAction.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_theme","_pressableScale","_typography","_jsxRuntime","SurfaceHeaderAction","label","onPress","loading","disabled","colors","useTheme","isDisabled","jsx","PressableScale","accessibilityRole","accessibilityLabel","style","styles","button","backgroundColor","primary","opacity","children","ActivityIndicator","size","color","primaryForeground","Text","exports","StyleSheet","create","height","minWidth","paddingHorizontal","borderRadius","alignItems","justifyContent","fontSize","fontWeight","letterSpacing"],"sourceRoot":"../../../../src","sources":["ui/components/SurfaceHeaderAction.tsx"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAA+C,IAAAI,WAAA,GAAAJ,OAAA;AAW/C;AACA;AACA;AACA;AACA;AACO,MAAMK,mBAAuD,GAAGA,CAAC;EACtEC,KAAK;EACLC,OAAO;EACPC,OAAO;EACPC;AACF,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC;EAC7B,MAAMC,UAAU,GAAGH,QAAQ,IAAID,OAAO;EACtC,oBACE,IAAAJ,WAAA,CAAAS,GAAA,EAACX,eAAA,CAAAY,cAAc;IACbP,OAAO,EAAEA,OAAQ;IACjBE,QAAQ,EAAEG,UAAW;IACrBG,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAEV,KAAM;IAC1BW,KAAK,EAAE,CAACC,MAAM,CAACC,MAAM,EAAE;MAAEC,eAAe,EAAEV,MAAM,CAACW,OAAO;MAAEC,OAAO,EAAEV,UAAU,GAAG,GAAG,GAAG;IAAE,CAAC,CAAE;IAAAW,QAAA,EAE1Ff,OAAO,gBACN,IAAAJ,WAAA,CAAAS,GAAA,EAACd,YAAA,CAAAyB,iBAAiB;MAACC,IAAI,EAAC,OAAO;MAACC,KAAK,EAAEhB,MAAM,CAACiB;IAAkB,CAAE,CAAC,gBAEnE,IAAAvB,WAAA,CAAAS,GAAA,EAACV,WAAA,CAAAyB,IAAI;MAACX,KAAK,EAAE,CAACC,MAAM,CAACZ,KAAK,EAAE;QAAEoB,KAAK,EAAEhB,MAAM,CAACiB;MAAkB,CAAC,CAAE;MAAAJ,QAAA,EAAEjB;IAAK,CAAO;EAChF,CACa,CAAC;AAErB,CAAC;AAACuB,OAAA,CAAAxB,mBAAA,GAAAA,mBAAA;AAEF,MAAMa,MAAM,GAAGY,uBAAU,CAACC,MAAM,CAAC;EAC/BZ,MAAM,EAAE;IACNa,MAAM,EAAE,EAAE;IACVC,QAAQ,EAAE,EAAE;IACZC,iBAAiB,EAAE,EAAE;IACrBC,YAAY,EAAE,EAAE;IAChBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACD/B,KAAK,EAAE;IACLgC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,aAAa,EAAE,CAAC;EAClB;AACF,CAAC,CAAC","ignoreList":[]}