@allstak/react-native 0.4.0 → 0.4.1

package/CHANGELOG.md

@@ -5,6 +5,21 @@ All notable changes to `@allstak/react-native` are documented in this file.
 The format follows [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [0.4.1] — 2026-05-18
+
+### Fixed
+
+- Masking primitives (`AllStakMaskedView`, `AllStakPrivacyView`,
+  `AllStakTextInput`, `AllStakSensitiveText`) now resolve the
+  `react-native` module reference lazily at render time instead of
+  at module-load time. Caught during simulator cert: Metro bundles
+  `react-native` separately from the SDK, so a top-of-file
+  `require('react-native')` could resolve to a stale stub and cause
+  `View config getter callback for component TextInput must be a function`
+  red-screens in dev. Render-time resolution fixes this on every
+  Metro reload.
+- Provider's root-view wrapper uses the same lazy resolution.
+
 ## [0.4.0] — 2026-05-18
 
 ### Added

package/dist/index.d.mts

@@ -560,7 +560,7 @@ declare function pickScreenshotConfig(source: Record<string, unknown>): Partial<
 
 declare const INGEST_HOST = "https://api.allstak.sa";
 declare const SDK_NAME = "allstak-react-native";
-declare const SDK_VERSION = "0.4.0";
+declare const SDK_VERSION = "0.4.1";
 
 interface AllStakConfig {
     /** Project API key (`ask_live_…`). Required. */

package/dist/index.d.ts

@@ -560,7 +560,7 @@ declare function pickScreenshotConfig(source: Record<string, unknown>): Partial<
 
 declare const INGEST_HOST = "https://api.allstak.sa";
 declare const SDK_NAME = "allstak-react-native";
-declare const SDK_VERSION = "0.4.0";
+declare const SDK_VERSION = "0.4.1";
 
 interface AllStakConfig {
     /** Project API key (`ask_live_…`). Required. */

package/dist/index.js

@@ -1559,7 +1559,9 @@ function tryRequire(id2) {
 
 // src/privacy.tsx
 var React = __toESM(require("react"));
-var RN = tryRequire("react-native");
+function getRN() {
+  return tryRequire("react-native");
+}
 var state = {
   isCapturing: false,
   sensitiveRefs: /* @__PURE__ */ new Set()
@@ -1607,9 +1609,18 @@ function useAllStakPrivacy() {
   const isCapturing = useIsCapturing();
   return { isCapturing, registerSensitiveRef };
 }
-var View = RN?.View ?? ((props) => React.createElement("View", props));
-var Text = RN?.Text ?? ((props) => React.createElement("Text", props));
-var TextInput = RN?.TextInput ?? ((props) => React.createElement("TextInput", props));
+function getView() {
+  const RN = getRN();
+  return RN?.View ?? ((props) => React.createElement(React.Fragment, null, props.children));
+}
+function getText() {
+  const RN = getRN();
+  return RN?.Text ?? ((props) => React.createElement(React.Fragment, null, props.children));
+}
+function getTextInput() {
+  const RN = getRN();
+  return RN?.TextInput ?? ((props) => React.createElement(React.Fragment, null, null));
+}
 var DEFAULT_MASK_COLOR = "#d8dde7";
 var DEFAULT_MASK_LABEL = "\u2022\u2022\u2022\u2022\u2022\u2022";
 function AllStakMaskedView({
@@ -1622,6 +1633,8 @@ function AllStakMaskedView({
   ...rest
 }) {
   const isCapturing = useIsCapturing();
+  const View = getView();
+  const Text = getText();
   if (!isCapturing || privacy === "show") {
     return React.createElement(View, { style, ...rest }, children);
   }
@@ -1644,6 +1657,8 @@ function AllStakTextInput({
   ...rest
 }) {
   const isCapturing = useIsCapturing();
+  const View = getView();
+  const TextInput = getTextInput();
   if (isCapturing && privacy !== "show") {
     return React.createElement(View, {
       style: [{ minHeight: 40, backgroundColor: maskColor, borderRadius: 4 }, style]
@@ -1659,6 +1674,7 @@ function AllStakSensitiveText({
   ...rest
 }) {
   const isCapturing = useIsCapturing();
+  const Text = getText();
   if (isCapturing && privacy !== "show") {
     return React.createElement(Text, { style, ...rest }, maskLabel);
   }
@@ -1760,8 +1776,8 @@ function estimateBase64Size(base64) {
 }
 function readDimensions() {
   try {
-    const RN3 = tryRequire("react-native");
-    const dims = RN3?.Dimensions?.get?.("window");
+    const RN = tryRequire("react-native");
+    const dims = RN?.Dimensions?.get?.("window");
     if (dims && typeof dims.width === "number" && typeof dims.height === "number") {
       return { width: Math.round(dims.width), height: Math.round(dims.height) };
     }
@@ -1847,7 +1863,7 @@ function pickScreenshotConfig(source) {
 // src/client.ts
 var INGEST_HOST = "https://api.allstak.sa";
 var SDK_NAME = "allstak-react-native";
-var SDK_VERSION = "0.4.0";
+var SDK_VERSION = "0.4.1";
 var ERRORS_PATH = "/ingest/v1/errors";
 var LOGS_PATH = "/ingest/v1/logs";
 var VALID_BREADCRUMB_TYPES = /* @__PURE__ */ new Set(["http", "log", "ui", "navigation", "query", "default"]);
@@ -3142,8 +3158,13 @@ function installReactNative(options = {}) {
 }
 
 // src/provider.tsx
-var RN2 = tryRequire("react-native");
-var RootView = RN2?.View ?? ((props) => React2.createElement("View", props));
+function getRN2() {
+  return tryRequire("react-native");
+}
+function getRootView() {
+  const RN = getRN2();
+  return RN?.View;
+}
 var AllStakContext = React2.createContext(null);
 var __providerOwnedInstance = null;
 var AllStakErrorBoundary = class extends React2.Component {
@@ -3308,7 +3329,8 @@ function AllStakProvider({
     };
   }, [destroyOnUnmount, debug]);
   const boundary = /* @__PURE__ */ React2.createElement(AllStakErrorBoundary, { fallback, onError, debug }, children);
-  const wrapped = RN2 ? React2.createElement(
+  const RootView = getRootView();
+  const wrapped = RootView ? React2.createElement(
     RootView,
     { ref: rootRef, style: { flex: 1 }, collapsable: false },
     boundary