@pushframe/sdk 0.1.5 → 0.1.8

package/lib/commonjs/components/PushFrameProvider.js

@@ -0,0 +1,115 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PushFrameProvider = PushFrameProvider;
+var _react = _interopRequireWildcard(require("react"));
+var _PushFrameContext = require("../context/PushFrameContext");
+var _ComponentRegistry = require("../registry/ComponentRegistry");
+var _ToastHost = require("../overlays/ToastHost");
+var _BottomSheetHost = require("../overlays/BottomSheetHost");
+var _RecursiveRenderer = require("../renderer/RecursiveRenderer");
+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); }
+const DEFAULT_BASE_URL = 'https://api.pushframe.io';
+
+// ---------------------------------------------------------------------------
+// Props
+// ---------------------------------------------------------------------------
+
+// ---------------------------------------------------------------------------
+// PushFrameProvider
+// ---------------------------------------------------------------------------
+
+/**
+ * Root provider for the PushFrame SDK.
+ *
+ * Wrap your app (or a subtree) in this provider. All PushFrame.Screen and
+ * PushFrame.Component slots inside will fetch their schemas from the delivery
+ * service and render them using the shared ComponentRegistry and context.
+ *
+ * Also renders the ToastHost and BottomSheetHost overlay hosts at root level
+ * so any component in the tree can trigger them via built-in actions.
+ */
+function PushFrameProvider({
+  apiKey,
+  context = {},
+  baseUrl = DEFAULT_BASE_URL,
+  appVersion,
+  components,
+  loadingComponent,
+  fallbackComponent,
+  onAction,
+  onError,
+  children
+}) {
+  // Registry — created once (components prop should be stable)
+  const registry = (0, _react.useMemo)(() => new _ComponentRegistry.ComponentRegistry(components),
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  []);
+
+  // Overlay refs
+  const toastRef = (0, _react.useRef)(null);
+  const bottomSheetRef = (0, _react.useRef)(null);
+  const showToast = (0, _react.useCallback)(payload => {
+    toastRef.current?.show(payload);
+  }, []);
+  const showBottomSheet = (0, _react.useCallback)(payload => {
+    bottomSheetRef.current?.show(payload);
+  }, []);
+  const dismissBottomSheet = (0, _react.useCallback)(() => {
+    bottomSheetRef.current?.dismiss();
+  }, []);
+
+  // renderContent for BottomSheetHost — renders a schema node with the Provider's registry
+  const renderBottomSheetContent = (0, _react.useCallback)((schema, sheetContext) => {
+    const mergedContext = sheetContext ? {
+      ...context,
+      ...sheetContext
+    } : context;
+    // No-op dispatchAction for bottom sheet content (actions bubble via onAction)
+    const dispatchAction = (action, payload) => {
+      if (action === 'dismiss-bottom-sheet') {
+        dismissBottomSheet();
+        return;
+      }
+      if (action === 'show-toast') {
+        showToast(payload);
+        return;
+      }
+      onAction?.(action, payload);
+    };
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RecursiveRenderer.RecursiveRenderer, {
+      node: schema,
+      context: mergedContext,
+      registry: registry,
+      dispatchAction: dispatchAction,
+      fallbackComponent: fallbackComponent
+    });
+  }, [context, registry, fallbackComponent, onAction, dismissBottomSheet, showToast]);
+  const contextValue = (0, _react.useMemo)(() => ({
+    apiKey,
+    baseUrl,
+    appVersion,
+    globalContext: context,
+    registry,
+    loadingComponent,
+    fallbackComponent,
+    onAction,
+    onError,
+    showToast,
+    showBottomSheet,
+    dismissBottomSheet
+  }), [apiKey, baseUrl, appVersion, context, registry, loadingComponent, fallbackComponent, onAction, onError, showToast, showBottomSheet, dismissBottomSheet]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_PushFrameContext.PushFrameContext.Provider, {
+    value: contextValue,
+    children: [children, /*#__PURE__*/(0, _jsxRuntime.jsx)(_ToastHost.ToastHost, {
+      ref: toastRef
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_BottomSheetHost.BottomSheetHost, {
+      ref: bottomSheetRef,
+      renderContent: renderBottomSheetContent
+    })]
+  });
+}
+//# sourceMappingURL=PushFrameProvider.js.map

package/lib/commonjs/components/PushFrameProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_PushFrameContext","_ComponentRegistry","_ToastHost","_BottomSheetHost","_RecursiveRenderer","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DEFAULT_BASE_URL","PushFrameProvider","apiKey","context","baseUrl","appVersion","components","loadingComponent","fallbackComponent","onAction","onError","children","registry","useMemo","ComponentRegistry","toastRef","useRef","bottomSheetRef","showToast","useCallback","payload","current","show","showBottomSheet","dismissBottomSheet","dismiss","renderBottomSheetContent","schema","sheetContext","mergedContext","dispatchAction","action","jsx","RecursiveRenderer","node","contextValue","globalContext","jsxs","PushFrameContext","Provider","value","ToastHost","ref","BottomSheetHost","renderContent"],"sourceRoot":"../../../src","sources":["components/PushFrameProvider.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/PushFrameScreen.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PushFrameScreen = PushFrameScreen;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _PushFrameComponent = require("./PushFrameComponent");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * Fetches a screen schema from GET /screens/:id[/:appVersion] on the delivery
+ * service and renders it with flex:1 sizing (full-page layout).
+ *
+ * Identical to PushFrame.Component in behaviour, but:
+ * - Fetches from /screens/:id instead of /components/:id
+ * - Applies flex:1 to its container so it fills the available space
+ *
+ * Context is merged: Provider context → slot context (local wins).
+ * Actions bubble: slot onAction → Provider onAction.
+ * Built-in actions (show-toast, show-bottom-sheet, etc.) are handled internally.
+ */
+function PushFrameScreen(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.container,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PushFrameComponent.PushFrameComponentInternal, {
+      ...props,
+      resourceType: "screens",
+      fullscreen: true
+    })
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1
+  }
+});
+//# sourceMappingURL=PushFrameScreen.js.map

package/lib/commonjs/components/PushFrameScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_PushFrameComponent","_jsxRuntime","e","__esModule","default","PushFrameScreen","props","jsx","View","style","styles","container","children","PushFrameComponentInternal","resourceType","fullscreen","StyleSheet","create","flex"],"sourceRoot":"../../../src","sources":["components/PushFrameScreen.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,mBAAA,GAAAF,OAAA;AAAkE,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAGlE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASG,eAAeA,CAACC,KAAyB,EAAE;EACzD,oBACE,IAAAL,WAAA,CAAAM,GAAA,EAACR,YAAA,CAAAS,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,eAC5B,IAAAX,WAAA,CAAAM,GAAA,EAACP,mBAAA,CAAAa,0BAA0B;MAAA,GAAKP,KAAK;MAAEQ,YAAY,EAAC,SAAS;MAACC,UAAU;IAAA,CAAE;EAAC,CACvE,CAAC;AAEX;AAEA,MAAML,MAAM,GAAGM,uBAAU,CAACC,MAAM,CAAC;EAC/BN,SAAS,EAAE;IACTO,IAAI,EAAE;EACR;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/components/ScrollViewComponent.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ScrollViewComponent = ScrollViewComponent;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function ScrollViewComponent({
+  props,
+  children
+}) {
+  const {
+    horizontal = false,
+    padding,
+    paddingTop,
+    paddingBottom,
+    paddingLeft,
+    paddingRight,
+    backgroundColor,
+    flex,
+    showsScrollIndicator = true,
+    contentPadding,
+    contentPaddingTop,
+    contentPaddingBottom,
+    contentPaddingLeft,
+    contentPaddingRight
+  } = props;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+    horizontal: horizontal,
+    showsHorizontalScrollIndicator: horizontal ? showsScrollIndicator : false,
+    showsVerticalScrollIndicator: !horizontal ? showsScrollIndicator : false,
+    style: [padding !== undefined && {
+      padding
+    }, paddingTop !== undefined && {
+      paddingTop
+    }, paddingBottom !== undefined && {
+      paddingBottom
+    }, paddingLeft !== undefined && {
+      paddingLeft
+    }, paddingRight !== undefined && {
+      paddingRight
+    }, backgroundColor !== undefined && {
+      backgroundColor
+    }, flex !== undefined && {
+      flex
+    }],
+    contentContainerStyle: [contentPadding !== undefined && {
+      padding: contentPadding
+    }, contentPaddingTop !== undefined && {
+      paddingTop: contentPaddingTop
+    }, contentPaddingBottom !== undefined && {
+      paddingBottom: contentPaddingBottom
+    }, contentPaddingLeft !== undefined && {
+      paddingLeft: contentPaddingLeft
+    }, contentPaddingRight !== undefined && {
+      paddingRight: contentPaddingRight
+    }],
+    children: children
+  });
+}
+//# sourceMappingURL=ScrollViewComponent.js.map

package/lib/commonjs/components/ScrollViewComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_jsxRuntime","e","__esModule","default","ScrollViewComponent","props","children","horizontal","padding","paddingTop","paddingBottom","paddingLeft","paddingRight","backgroundColor","flex","showsScrollIndicator","contentPadding","contentPaddingTop","contentPaddingBottom","contentPaddingLeft","contentPaddingRight","jsx","ScrollView","showsHorizontalScrollIndicator","showsVerticalScrollIndicator","style","undefined","contentContainerStyle"],"sourceRoot":"../../../src","sources":["components/ScrollViewComponent.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAA0C,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAoBnC,SAASG,mBAAmBA,CAAC;EAAEC,KAAK;EAAEC;AAAmD,CAAC,EAAE;EACjG,MAAM;IACJC,UAAU,GAAG,KAAK;IAClBC,OAAO;IACPC,UAAU;IACVC,aAAa;IACbC,WAAW;IACXC,YAAY;IACZC,eAAe;IACfC,IAAI;IACJC,oBAAoB,GAAG,IAAI;IAC3BC,cAAc;IACdC,iBAAiB;IACjBC,oBAAoB;IACpBC,kBAAkB;IAClBC;EACF,CAAC,GAAGf,KAAK;EAET,oBACE,IAAAL,WAAA,CAAAqB,GAAA,EAACtB,YAAA,CAAAuB,UAAU;IACTf,UAAU,EAAEA,UAAW;IACvBgB,8BAA8B,EAAEhB,UAAU,GAAGQ,oBAAoB,GAAG,KAAM;IAC1ES,4BAA4B,EAAE,CAACjB,UAAU,GAAGQ,oBAAoB,GAAG,KAAM;IACzEU,KAAK,EAAE,CACLjB,OAAO,KAAKkB,SAAS,IAAI;MAAElB;IAAQ,CAAC,EACpCC,UAAU,KAAKiB,SAAS,IAAI;MAAEjB;IAAW,CAAC,EAC1CC,aAAa,KAAKgB,SAAS,IAAI;MAAEhB;IAAc,CAAC,EAChDC,WAAW,KAAKe,SAAS,IAAI;MAAEf;IAAY,CAAC,EAC5CC,YAAY,KAAKc,SAAS,IAAI;MAAEd;IAAa,CAAC,EAC9CC,eAAe,KAAKa,SAAS,IAAI;MAAEb;IAAgB,CAAC,EACpDC,IAAI,KAAKY,SAAS,IAAI;MAAEZ;IAAK,CAAC,CAC9B;IACFa,qBAAqB,EAAE,CACrBX,cAAc,KAAKU,SAAS,IAAI;MAAElB,OAAO,EAAEQ;IAAe,CAAC,EAC3DC,iBAAiB,KAAKS,SAAS,IAAI;MAAEjB,UAAU,EAAEQ;IAAkB,CAAC,EACpEC,oBAAoB,KAAKQ,SAAS,IAAI;MAAEhB,aAAa,EAAEQ;IAAqB,CAAC,EAC7EC,kBAAkB,KAAKO,SAAS,IAAI;MAAEf,WAAW,EAAEQ;IAAmB,CAAC,EACvEC,mBAAmB,KAAKM,SAAS,IAAI;MAAEd,YAAY,EAAEQ;IAAoB,CAAC,CAC1E;IAAAd,QAAA,EAEDA;EAAQ,CACC,CAAC;AAEjB","ignoreList":[]}

package/lib/commonjs/components/StackComponent.js

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StackComponent = StackComponent;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function StackComponent({
+  props,
+  children
+}) {
+  const {
+    direction = 'vertical',
+    padding,
+    paddingTop,
+    paddingBottom,
+    paddingLeft,
+    paddingRight,
+    gap,
+    backgroundColor,
+    flex,
+    alignItems,
+    justifyContent
+  } = props;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [styles.base, direction === 'horizontal' && styles.horizontal, padding !== undefined && {
+      padding
+    }, paddingTop !== undefined && {
+      paddingTop
+    }, paddingBottom !== undefined && {
+      paddingBottom
+    }, paddingLeft !== undefined && {
+      paddingLeft
+    }, paddingRight !== undefined && {
+      paddingRight
+    }, gap !== undefined && {
+      gap
+    }, backgroundColor !== undefined && {
+      backgroundColor
+    }, flex !== undefined && {
+      flex
+    }, alignItems !== undefined && {
+      alignItems
+    }, justifyContent !== undefined && {
+      justifyContent
+    }],
+    children: children
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  base: {
+    flexDirection: 'column'
+  },
+  horizontal: {
+    flexDirection: 'row'
+  }
+});
+//# sourceMappingURL=StackComponent.js.map

package/lib/commonjs/components/StackComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_jsxRuntime","e","__esModule","default","StackComponent","props","children","direction","padding","paddingTop","paddingBottom","paddingLeft","paddingRight","gap","backgroundColor","flex","alignItems","justifyContent","jsx","View","style","styles","base","horizontal","undefined","StyleSheet","create","flexDirection"],"sourceRoot":"../../../src","sources":["components/StackComponent.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAAgD,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAuBzC,SAASG,cAAcA,CAAC;EAAEC,KAAK;EAAEC;AAA8C,CAAC,EAAE;EACvF,MAAM;IACJC,SAAS,GAAG,UAAU;IACtBC,OAAO;IACPC,UAAU;IACVC,aAAa;IACbC,WAAW;IACXC,YAAY;IACZC,GAAG;IACHC,eAAe;IACfC,IAAI;IACJC,UAAU;IACVC;EACF,CAAC,GAAGZ,KAAK;EAET,oBACE,IAAAL,WAAA,CAAAkB,GAAA,EAACnB,YAAA,CAAAoB,IAAI;IACHC,KAAK,EAAE,CACLC,MAAM,CAACC,IAAI,EACXf,SAAS,KAAK,YAAY,IAAIc,MAAM,CAACE,UAAU,EAC/Cf,OAAO,KAAKgB,SAAS,IAAI;MAAEhB;IAAQ,CAAC,EACpCC,UAAU,KAAKe,SAAS,IAAI;MAAEf;IAAW,CAAC,EAC1CC,aAAa,KAAKc,SAAS,IAAI;MAAEd;IAAc,CAAC,EAChDC,WAAW,KAAKa,SAAS,IAAI;MAAEb;IAAY,CAAC,EAC5CC,YAAY,KAAKY,SAAS,IAAI;MAAEZ;IAAa,CAAC,EAC9CC,GAAG,KAAKW,SAAS,IAAI;MAAEX;IAAI,CAAC,EAC5BC,eAAe,KAAKU,SAAS,IAAI;MAAEV;IAAgB,CAAC,EACpDC,IAAI,KAAKS,SAAS,IAAI;MAAET;IAAK,CAAC,EAC9BC,UAAU,KAAKQ,SAAS,IAAI;MAAER;IAAW,CAAC,EAC1CC,cAAc,KAAKO,SAAS,IAAI;MAAEP;IAAe,CAAC,CAClD;IAAAX,QAAA,EAEDA;EAAQ,CACL,CAAC;AAEX;AAEA,MAAMe,MAAM,GAAGI,uBAAU,CAACC,MAAM,CAAC;EAC/BJ,IAAI,EAAE;IACJK,aAAa,EAAE;EACjB,CAAC;EACDJ,UAAU,EAAE;IACVI,aAAa,EAAE;EACjB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/components/TextComponent.js

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TextComponent = TextComponent;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const SIZE_STYLES = {
+  heading: {
+    fontSize: 24,
+    lineHeight: 32
+  },
+  subheading: {
+    fontSize: 18,
+    lineHeight: 26
+  },
+  body: {
+    fontSize: 16,
+    lineHeight: 24
+  },
+  caption: {
+    fontSize: 12,
+    lineHeight: 18
+  }
+};
+const WEIGHT_MAP = {
+  normal: '400',
+  medium: '500',
+  bold: '700'
+};
+function TextComponent({
+  props
+}) {
+  const {
+    content = '',
+    size = 'body',
+    weight = 'normal',
+    color,
+    align,
+    numberOfLines
+  } = props;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+    style: [styles.base, SIZE_STYLES[size], {
+      fontWeight: WEIGHT_MAP[weight]
+    }, color !== undefined && {
+      color
+    }, align !== undefined && {
+      textAlign: align
+    }],
+    numberOfLines: numberOfLines,
+    children: content
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  base: {
+    color: '#1a1a1a'
+  }
+});
+//# sourceMappingURL=TextComponent.js.map

package/lib/commonjs/components/TextComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_jsxRuntime","e","__esModule","default","SIZE_STYLES","heading","fontSize","lineHeight","subheading","body","caption","WEIGHT_MAP","normal","medium","bold","TextComponent","props","content","size","weight","color","align","numberOfLines","jsx","Text","style","styles","base","fontWeight","undefined","textAlign","children","StyleSheet","create"],"sourceRoot":"../../../src","sources":["components/TextComponent.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAAgD,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAehD,MAAMG,WAAuE,GAAG;EAC9EC,OAAO,EAAE;IAAEC,QAAQ,EAAE,EAAE;IAAEC,UAAU,EAAE;EAAG,CAAC;EACzCC,UAAU,EAAE;IAAEF,QAAQ,EAAE,EAAE;IAAEC,UAAU,EAAE;EAAG,CAAC;EAC5CE,IAAI,EAAE;IAAEH,QAAQ,EAAE,EAAE;IAAEC,UAAU,EAAE;EAAG,CAAC;EACtCG,OAAO,EAAE;IAAEJ,QAAQ,EAAE,EAAE;IAAEC,UAAU,EAAE;EAAG;AAC1C,CAAC;AAED,MAAMI,UAAqD,GAAG;EAC5DC,MAAM,EAAE,KAAK;EACbC,MAAM,EAAE,KAAK;EACbC,IAAI,EAAE;AACR,CAAC;AAEM,SAASC,aAAaA,CAAC;EAAEC;AAA0C,CAAC,EAAE;EAC3E,MAAM;IACJC,OAAO,GAAG,EAAE;IACZC,IAAI,GAAG,MAAM;IACbC,MAAM,GAAG,QAAQ;IACjBC,KAAK;IACLC,KAAK;IACLC;EACF,CAAC,GAAGN,KAAK;EAET,oBACE,IAAAhB,WAAA,CAAAuB,GAAA,EAACxB,YAAA,CAAAyB,IAAI;IACHC,KAAK,EAAE,CACLC,MAAM,CAACC,IAAI,EACXvB,WAAW,CAACc,IAAI,CAAC,EACjB;MAAEU,UAAU,EAAEjB,UAAU,CAACQ,MAAM;IAAE,CAAC,EAClCC,KAAK,KAAKS,SAAS,IAAI;MAAET;IAAM,CAAC,EAChCC,KAAK,KAAKQ,SAAS,IAAI;MAAEC,SAAS,EAAET;IAAM,CAAC,CAC3C;IACFC,aAAa,EAAEA,aAAc;IAAAS,QAAA,EAE5Bd;EAAO,CACJ,CAAC;AAEX;AAEA,MAAMS,MAAM,GAAGM,uBAAU,CAACC,MAAM,CAAC;EAC/BN,IAAI,EAAE;IACJP,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/conditions.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.evaluateCondition = evaluateCondition;
+var _bindings = require("./bindings");
+/**
+ * Evaluate a condition against the current context.
+ *
+ * Returns true  → node should render
+ * Returns false → node should be skipped
+ *
+ * When no condition is provided, always returns true.
+ */
+function evaluateCondition(condition, context) {
+  if (!condition) return true;
+  const resolved = (0, _bindings.resolveValue)(condition.if, context);
+  const operator = condition.operator ?? (condition.equals !== undefined ? 'equals' : 'truthy');
+  switch (operator) {
+    case 'truthy':
+      return Boolean(resolved);
+    case 'falsy':
+      return !resolved;
+    case 'equals':
+      {
+        const rhs = (0, _bindings.resolveValue)(condition.equals ?? null, context);
+        return resolved === rhs;
+      }
+    case 'notEquals':
+      {
+        const rhs = (0, _bindings.resolveValue)(condition.equals ?? null, context);
+        return resolved !== rhs;
+      }
+    default:
+      {
+        // Exhaustive check — TypeScript will catch new operators at compile time.
+        const _exhaustive = operator;
+        console.warn('[Pushframe] Unknown condition operator:', _exhaustive);
+        return true;
+      }
+  }
+}
+//# sourceMappingURL=conditions.js.map

package/lib/commonjs/conditions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_bindings","require","evaluateCondition","condition","context","resolved","resolveValue","if","operator","equals","undefined","Boolean","rhs","_exhaustive","console","warn"],"sourceRoot":"../../src","sources":["conditions.ts"],"mappings":";;;;;;AACA,IAAAA,SAAA,GAAAC,OAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,iBAAiBA,CAC/BC,SAAgC,EAChCC,OAAyB,EAChB;EACT,IAAI,CAACD,SAAS,EAAE,OAAO,IAAI;EAE3B,MAAME,QAAQ,GAAG,IAAAC,sBAAY,EAACH,SAAS,CAACI,EAAE,EAAEH,OAAO,CAAC;EACpD,MAAMI,QAAQ,GAAGL,SAAS,CAACK,QAAQ,KAAKL,SAAS,CAACM,MAAM,KAAKC,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;EAE7F,QAAQF,QAAQ;IACd,KAAK,QAAQ;MACX,OAAOG,OAAO,CAACN,QAAQ,CAAC;IAE1B,KAAK,OAAO;MACV,OAAO,CAACA,QAAQ;IAElB,KAAK,QAAQ;MAAE;QACb,MAAMO,GAAG,GAAG,IAAAN,sBAAY,EAACH,SAAS,CAACM,MAAM,IAAI,IAAI,EAAEL,OAAO,CAAC;QAC3D,OAAOC,QAAQ,KAAKO,GAAG;MACzB;IAEA,KAAK,WAAW;MAAE;QAChB,MAAMA,GAAG,GAAG,IAAAN,sBAAY,EAACH,SAAS,CAACM,MAAM,IAAI,IAAI,EAAEL,OAAO,CAAC;QAC3D,OAAOC,QAAQ,KAAKO,GAAG;MACzB;IAEA;MAAS;QACP;QACA,MAAMC,WAAkB,GAAGL,QAAQ;QACnCM,OAAO,CAACC,IAAI,CAAC,yCAAyC,EAAEF,WAAW,CAAC;QACpE,OAAO,IAAI;MACb;EACF;AACF","ignoreList":[]}

package/lib/commonjs/context/PushFrameContext.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PushFrameContext = void 0;
+exports.usePushFrameContext = usePushFrameContext;
+var _react = require("react");
+// ---------------------------------------------------------------------------
+// Schema types
+// ---------------------------------------------------------------------------
+
+// ---------------------------------------------------------------------------
+// Overlay payload types
+// ---------------------------------------------------------------------------
+
+// ---------------------------------------------------------------------------
+// Context value
+// ---------------------------------------------------------------------------
+
+// ---------------------------------------------------------------------------
+// Context and hook
+// ---------------------------------------------------------------------------
+
+const PushFrameContext = exports.PushFrameContext = /*#__PURE__*/(0, _react.createContext)(null);
+function usePushFrameContext() {
+  const ctx = (0, _react.useContext)(PushFrameContext);
+  if (!ctx) {
+    throw new Error('[PushFrame] usePushFrameContext must be called inside <PushFrame.Provider>');
+  }
+  return ctx;
+}
+//# sourceMappingURL=PushFrameContext.js.map

package/lib/commonjs/context/PushFrameContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","PushFrameContext","exports","createContext","usePushFrameContext","ctx","useContext","Error"],"sourceRoot":"../../../src","sources":["context/PushFrameContext.ts"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAIA;AACA;AACA;;AA6BA;AACA;AACA;;AAmBA;AACA;AACA;;AAkBA;AACA;AACA;;AAEO,MAAMC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,gBAAG,IAAAE,oBAAa,EAA+B,IAAI,CAAC;AAE1E,SAASC,mBAAmBA,CAAA,EAA0B;EAC3D,MAAMC,GAAG,GAAG,IAAAC,iBAAU,EAACL,gBAAgB,CAAC;EACxC,IAAI,CAACI,GAAG,EAAE;IACR,MAAM,IAAIE,KAAK,CAAC,4EAA4E,CAAC;EAC/F;EACA,OAAOF,GAAG;AACZ","ignoreList":[]}

package/lib/commonjs/index.js

@@ -0,0 +1,200 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  PushFrame: true,
+  PushFrameProvider: true,
+  PushFrameScreen: true,
+  PushFrameComponent: true,
+  PushFrameContext: true,
+  usePushFrameContext: true,
+  ComponentRegistry: true,
+  RecursiveRenderer: true,
+  resolveValue: true,
+  resolveProps: true,
+  resolveDeep: true,
+  evaluateIf: true,
+  transformCraftToSDUI: true
+};
+Object.defineProperty(exports, "ComponentRegistry", {
+  enumerable: true,
+  get: function () {
+    return _ComponentRegistry.ComponentRegistry;
+  }
+});
+exports.PushFrame = void 0;
+Object.defineProperty(exports, "PushFrameComponent", {
+  enumerable: true,
+  get: function () {
+    return _PushFrameComponent.PushFrameComponent;
+  }
+});
+Object.defineProperty(exports, "PushFrameContext", {
+  enumerable: true,
+  get: function () {
+    return _PushFrameContext.PushFrameContext;
+  }
+});
+Object.defineProperty(exports, "PushFrameProvider", {
+  enumerable: true,
+  get: function () {
+    return _PushFrameProvider.PushFrameProvider;
+  }
+});
+Object.defineProperty(exports, "PushFrameScreen", {
+  enumerable: true,
+  get: function () {
+    return _PushFrameScreen.PushFrameScreen;
+  }
+});
+Object.defineProperty(exports, "RecursiveRenderer", {
+  enumerable: true,
+  get: function () {
+    return _RecursiveRenderer.RecursiveRenderer;
+  }
+});
+Object.defineProperty(exports, "evaluateIf", {
+  enumerable: true,
+  get: function () {
+    return _conditionalEvaluator.evaluateIf;
+  }
+});
+Object.defineProperty(exports, "resolveDeep", {
+  enumerable: true,
+  get: function () {
+    return _bindingResolver.resolveDeep;
+  }
+});
+Object.defineProperty(exports, "resolveProps", {
+  enumerable: true,
+  get: function () {
+    return _bindingResolver.resolveProps;
+  }
+});
+Object.defineProperty(exports, "resolveValue", {
+  enumerable: true,
+  get: function () {
+    return _bindingResolver.resolveValue;
+  }
+});
+Object.defineProperty(exports, "transformCraftToSDUI", {
+  enumerable: true,
+  get: function () {
+    return _index2.transformCraftToSDUI;
+  }
+});
+Object.defineProperty(exports, "usePushFrameContext", {
+  enumerable: true,
+  get: function () {
+    return _PushFrameContext.usePushFrameContext;
+  }
+});
+var _PushFrameProvider = require("./components/PushFrameProvider");
+var _PushFrameScreen = require("./components/PushFrameScreen");
+var _PushFrameComponent = require("./components/PushFrameComponent");
+var _Text = require("./primitives/Text");
+var _View = require("./primitives/View");
+var _ScrollView = require("./primitives/ScrollView");
+var _Image = require("./primitives/Image");
+var _Pressable = require("./primitives/Pressable");
+var _TextInput = require("./primitives/TextInput");
+var _FlatList = require("./primitives/FlatList");
+var _Modal = require("./primitives/Modal");
+var _ActivityIndicator = require("./primitives/ActivityIndicator");
+var _Switch = require("./primitives/Switch");
+var _KeyboardAvoidingView = require("./primitives/KeyboardAvoidingView");
+var _SafeAreaView = require("./primitives/SafeAreaView");
+var _StatusBar = require("./primitives/StatusBar");
+var _PushFrameContext = require("./context/PushFrameContext");
+var _ComponentRegistry = require("./registry/ComponentRegistry");
+var _RecursiveRenderer = require("./renderer/RecursiveRenderer");
+var _bindingResolver = require("./renderer/bindingResolver");
+var _conditionalEvaluator = require("./renderer/conditionalEvaluator");
+var _index = require("./primitives/index");
+Object.keys(_index).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _index[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _index[key];
+    }
+  });
+});
+var _index2 = require("./transformer/index");
+/**
+ * @pushframe/sdk — Server-Driven UI for React Native
+ *
+ * Usage:
+ *   import { PushFrame } from '@pushframe/sdk';
+ *
+ *   <PushFrame.Provider apiKey="..." context={...}>
+ *     <PushFrame.Screen name="home" />
+ *     <PushFrame.Component name="promo-banner" />
+ *   </PushFrame.Provider>
+ */
+
+// ---------------------------------------------------------------------------
+// Component imports (for namespace assembly)
+// ---------------------------------------------------------------------------
+
+// ---------------------------------------------------------------------------
+// PushFrame namespace — the primary API surface
+// ---------------------------------------------------------------------------
+
+/**
+ * The PushFrame namespace. Import this as the single entry-point for the SDK.
+ *
+ * Slot components:
+ * - PushFrame.Provider  — wraps the app, initialises registry and context
+ * - PushFrame.Screen    — full-page slot (fetches /screens/:name, applies flex:1)
+ * - PushFrame.Component — inline slot (fetches /components/:name)
+ *
+ * Primitives (used internally by RecursiveRenderer, available for direct use):
+ * - PushFrame.Text, PushFrame.View, PushFrame.ScrollView, PushFrame.Image
+ * - PushFrame.Pressable, PushFrame.TextInput, PushFrame.FlatList
+ * - PushFrame.Modal, PushFrame.ActivityIndicator, PushFrame.Switch
+ * - PushFrame.KeyboardAvoidingView, PushFrame.SafeAreaView, PushFrame.StatusBar
+ */
+const PushFrame = exports.PushFrame = {
+  // Slot components
+  Provider: _PushFrameProvider.PushFrameProvider,
+  Screen: _PushFrameScreen.PushFrameScreen,
+  Component: _PushFrameComponent.PushFrameComponent,
+  // Primitives
+  Text: _Text.Text,
+  View: _View.View,
+  ScrollView: _ScrollView.ScrollView,
+  Image: _Image.Image,
+  Pressable: _Pressable.Pressable,
+  TextInput: _TextInput.TextInput,
+  FlatList: _FlatList.FlatList,
+  Modal: _Modal.Modal,
+  ActivityIndicator: _ActivityIndicator.ActivityIndicator,
+  Switch: _Switch.Switch,
+  KeyboardAvoidingView: _KeyboardAvoidingView.KeyboardAvoidingView,
+  SafeAreaView: _SafeAreaView.SafeAreaView,
+  StatusBar: _StatusBar.StatusBar
+};
+
+// ---------------------------------------------------------------------------
+// Named exports (for tree-shaking and selective imports)
+// ---------------------------------------------------------------------------
+
+// Slot components
+
+// Context
+
+// Registry
+
+// Renderer
+
+// Binding utilities
+
+// Primitives
+
+// Transformer (Craft.js → SDUI; intended for backend / dashboard use)
+//# sourceMappingURL=index.js.map