@pushframe/sdk 0.1.2 → 0.1.4

package/dist/index.mjs

@@ -36,7 +36,7 @@ var ScrollView = forwardRef(function ScrollView2({ if: _if, actions: _actions, .
   return /* @__PURE__ */ jsx(ScrollView$1, { ref, ...rest });
 });
 function Image({ if: _if, actions: _actions, src, source, ...rest }) {
-  const resolvedSource = src ? { uri: src } : source ?? { uri: "" };
+  const resolvedSource = src ? { uri: src } : source != null ? source : { uri: "" };
   return /* @__PURE__ */ jsx(Image$1, { source: resolvedSource, ...rest });
 }
 function Pressable({ if: _if, actions: _actions, ...rest }) {
@@ -160,7 +160,8 @@ var ComponentRegistry = class {
    * Returns null if no component is registered for the type.
    */
   resolve(type) {
-    return this.components.get(type) ?? null;
+    var _a;
+    return (_a = this.components.get(type)) != null ? _a : null;
   }
   /**
    * Returns all registered type strings (useful for debugging).
@@ -176,6 +177,7 @@ var TYPE_COLORS = {
   warning: "#f59e0b"
 };
 var ToastHost = forwardRef(function ToastHost2(_props, ref) {
+  var _a, _b;
   const [toast, setToast] = useState(null);
   const opacity = useRef(new Animated.Value(0)).current;
   const idRef = useRef(0);
@@ -206,12 +208,13 @@ var ToastHost = forwardRef(function ToastHost2(_props, ref) {
     ref,
     () => ({
       show(payload) {
+        var _a2, _b2;
         idRef.current += 1;
         setToast({
           id: idRef.current,
           message: payload.message,
-          duration: payload.duration ?? 3e3,
-          type: payload.type ?? "info"
+          duration: (_a2 = payload.duration) != null ? _a2 : 3e3,
+          type: (_b2 = payload.type) != null ? _b2 : "info"
         });
         opacity.setValue(0);
       }
@@ -219,7 +222,7 @@ var ToastHost = forwardRef(function ToastHost2(_props, ref) {
     [opacity]
   );
   if (!toast) return null;
-  const backgroundColor = TYPE_COLORS[toast.type ?? "info"] ?? TYPE_COLORS.info;
+  const backgroundColor = (_b = TYPE_COLORS[(_a = toast.type) != null ? _a : "info"]) != null ? _b : TYPE_COLORS.info;
   return /* @__PURE__ */ jsx(View$1, { style: styles.container, pointerEvents: "none", children: /* @__PURE__ */ jsx(Animated.View, { style: [styles.toast, { backgroundColor, opacity }], children: /* @__PURE__ */ jsx(Text$1, { style: styles.message, children: toast.message }) }) });
 });
 var styles = StyleSheet.create({
@@ -269,7 +272,7 @@ var BottomSheetHost = forwardRef(
           duration: 250,
           useNativeDriver: true
         }).start(() => {
-          onDone?.();
+          onDone == null ? void 0 : onDone();
         });
       },
       [translateY]
@@ -376,7 +379,7 @@ function resolveValue(value, context) {
     return value;
   }
   const fullMatch = FULL_BINDING_RE.exec(value);
-  if (fullMatch?.[1] !== void 0) {
+  if ((fullMatch == null ? void 0 : fullMatch[1]) !== void 0) {
     return evaluateExpression(fullMatch[1].trim(), context);
   }
   if (INLINE_BINDING_RE.test(value)) {
@@ -566,13 +569,16 @@ function PushFrameProvider({
   const toastRef = useRef(null);
   const bottomSheetRef = useRef(null);
   const showToast = useCallback((payload) => {
-    toastRef.current?.show(payload);
+    var _a;
+    (_a = toastRef.current) == null ? void 0 : _a.show(payload);
   }, []);
   const showBottomSheet = useCallback((payload) => {
-    bottomSheetRef.current?.show(payload);
+    var _a;
+    (_a = bottomSheetRef.current) == null ? void 0 : _a.show(payload);
   }, []);
   const dismissBottomSheet = useCallback(() => {
-    bottomSheetRef.current?.dismiss();
+    var _a;
+    (_a = bottomSheetRef.current) == null ? void 0 : _a.dismiss();
   }, []);
   const renderBottomSheetContent = useCallback(
     (schema, sheetContext) => {
@@ -586,7 +592,7 @@ function PushFrameProvider({
           showToast(payload);
           return;
         }
-        onAction?.(action, payload);
+        onAction == null ? void 0 : onAction(action, payload);
       };
       return /* @__PURE__ */ jsx(
         RecursiveRenderer,
@@ -638,6 +644,7 @@ function PushFrameProvider({
   ] });
 }
 async function fetchSchema(baseUrl, apiKey, path) {
+  var _a;
   const url = new URL(path, baseUrl + "/").toString();
   const headers = {
     Accept: "application/json",
@@ -649,7 +656,7 @@ async function fetchSchema(baseUrl, apiKey, path) {
     throw new Error(`[PushFrame] HTTP ${res.status} fetching "${path}"`);
   }
   const envelope = await res.json();
-  return envelope.schema ?? envelope;
+  return (_a = envelope.schema) != null ? _a : envelope;
 }
 function PushFrameComponentInternal({
   id,
@@ -678,7 +685,7 @@ function PushFrameComponentInternal({
   const [schema, setSchema] = useState(null);
   const [fetchError, setFetchError] = useState(null);
   const [isFetching, setIsFetching] = useState(true);
-  const fetchPath = `${resourceType}/${encodeURIComponent(id)}/${encodeURIComponent(appVersion ?? "null")}`;
+  const fetchPath = `${resourceType}/${encodeURIComponent(id)}/${encodeURIComponent(appVersion != null ? appVersion : "null")}`;
   const mergedContext = slotContext ? { ...globalContext, ...slotContext } : globalContext;
   const loadingUI = slotLoading !== void 0 ? slotLoading : providerLoading;
   const fallbackUI = slotFallback !== void 0 ? slotFallback : providerFallback;
@@ -697,7 +704,7 @@ function PushFrameComponentInternal({
         const error = err instanceof Error ? err : new Error(String(err));
         setFetchError(error);
         setIsFetching(false);
-        onError?.(error);
+        onError == null ? void 0 : onError(error);
       }
     });
     return () => {
@@ -721,18 +728,18 @@ function PushFrameComponentInternal({
       if (action === "scroll-to") {
         return;
       }
-      const stopped = slotOnAction?.(action, payload);
+      const stopped = slotOnAction == null ? void 0 : slotOnAction(action, payload);
       if (stopped) return;
-      providerOnAction?.(action, payload);
+      providerOnAction == null ? void 0 : providerOnAction(action, payload);
     },
     [showToast, showBottomSheet, dismissBottomSheet, slotOnAction, providerOnAction]
   );
   const isShowingLoader = externalLoading || isFetching;
   if (isShowingLoader) {
-    return loadingUI ?? null;
+    return loadingUI != null ? loadingUI : null;
   }
   if (fetchError || !schema) {
-    return fallbackUI ?? null;
+    return fallbackUI != null ? fallbackUI : null;
   }
   const rendered = /* @__PURE__ */ jsx(
     RecursiveRenderer,
@@ -924,14 +931,15 @@ function resolveAccessibilityProps(props) {
   return out;
 }
 function buildFrameStyle(props, parentDirection) {
+  var _a, _b, _c, _d;
   const style = {};
-  const frameType = props.type ?? "stack";
+  const frameType = (_a = props.type) != null ? _a : "stack";
   if (frameType === "grid") {
-    if (props.align) style.alignItems = ALIGN_MAP[props.align] ?? props.align;
+    if (props.align) style.alignItems = (_b = ALIGN_MAP[props.align]) != null ? _b : props.align;
   } else {
     style.flexDirection = props.direction === "horizontal" ? "row" : "column";
-    if (props.align) style.alignItems = ALIGN_MAP[props.align] ?? props.align;
-    if (props.distribute) style.justifyContent = DISTRIBUTE_MAP[props.distribute] ?? props.distribute;
+    if (props.align) style.alignItems = (_c = ALIGN_MAP[props.align]) != null ? _c : props.align;
+    if (props.distribute) style.justifyContent = (_d = DISTRIBUTE_MAP[props.distribute]) != null ? _d : props.distribute;
     if (props.gap !== void 0 && props.gap !== 0) style.gap = props.gap;
     if (props.wrap === "yes") style.flexWrap = "wrap";
   }
@@ -1051,9 +1059,10 @@ function transformScreen(id, raw, children) {
   return node;
 }
 function transformFrame(id, raw, children, parentDirection) {
+  var _a, _b;
   const { actions, condition } = extractMeta(raw);
   const p = stripBridgeKeys(raw);
-  const isGrid = (p.type ?? "stack") === "grid";
+  const isGrid = ((_a = p.type) != null ? _a : "stack") === "grid";
   const isScrollable = p.scrollable === true;
   const isPressable = p.pressable === true;
   const direction = p.direction === "horizontal" ? "horizontal" : "vertical";
@@ -1080,7 +1089,7 @@ function transformFrame(id, raw, children, parentDirection) {
       type: "view",
       props: {
         ...Object.keys(gridStyle).length ? { style: gridStyle } : {},
-        numColumns: p.columns ?? 2,
+        numColumns: (_b = p.columns) != null ? _b : 2,
         ...access,
         ...hasSafeArea || isPressable ? {} : vis
       },
@@ -1204,6 +1213,7 @@ function transformFrame(id, raw, children, parentDirection) {
   });
 }
 function transformText(id, raw, parentDirection) {
+  var _a, _b;
   const { actions, condition } = extractMeta(raw);
   const props = stripBridgeKeys(raw);
   const style = {};
@@ -1219,7 +1229,7 @@ function transformText(id, raw, parentDirection) {
   }
   if (props.color) style.color = props.color;
   if (props.fontSize !== void 0) style.fontSize = props.fontSize;
-  if (props.fontWeight) style.fontWeight = FONT_WEIGHT_MAP[props.fontWeight] ?? props.fontWeight;
+  if (props.fontWeight) style.fontWeight = (_a = FONT_WEIGHT_MAP[props.fontWeight]) != null ? _a : props.fontWeight;
   if (props.fontFamily) style.fontFamily = props.fontFamily;
   if (props.fontStyle) style.fontStyle = props.fontStyle;
   if (props.lineHeight !== void 0) style.lineHeight = props.lineHeight;
@@ -1246,7 +1256,7 @@ function transformText(id, raw, parentDirection) {
     props: {
       // SDK contract: text content lives in the `value` prop.
       // The Craft editor stores text in `content`; map it to `value` here.
-      value: props.content ?? "",
+      value: (_b = props.content) != null ? _b : "",
       ...Object.keys(style).length ? { style } : {},
       ...textProps,
       ...resolveAccessibilityProps(props),
@@ -1258,6 +1268,7 @@ function transformText(id, raw, parentDirection) {
   return node;
 }
 function transformImage(id, raw, children, parentDirection) {
+  var _a, _b;
   const { actions, condition } = extractMeta(raw);
   const props = stripBridgeKeys(raw);
   const style = {};
@@ -1271,7 +1282,7 @@ function transformImage(id, raw, children, parentDirection) {
   if (props.src) imageProps.source = { uri: props.src };
   if (props.placeholder) imageProps.defaultSource = { uri: props.placeholder };
   if (props.fallback) imageProps.fallback = { uri: props.fallback };
-  imageProps.resizeMode = FIT_TO_RESIZE_MODE[props.fit ?? "cover"] ?? "cover";
+  imageProps.resizeMode = (_b = FIT_TO_RESIZE_MODE[(_a = props.fit) != null ? _a : "cover"]) != null ? _b : "cover";
   if (props.background === true) imageProps.background = true;
   if (props.decorative) {
     imageProps.accessible = false;
@@ -1296,14 +1307,15 @@ function transformImage(id, raw, children, parentDirection) {
   return node;
 }
 function transformInput(id, raw, parentDirection) {
+  var _a, _b, _c, _d, _e, _f, _g;
   const { actions, condition } = extractMeta(raw);
   const props = stripBridgeKeys(raw);
   const style = {};
-  resolveSizeModeRN(props.width ?? "fill", "width", style, parentDirection);
+  resolveSizeModeRN((_a = props.width) != null ? _a : "fill", "width", style, parentDirection);
   Object.assign(style, resolvePaddingRN(props.padding));
   if (props.opacity !== void 0) style.opacity = props.opacity / 100;
   Object.assign(style, resolvePositionRN(props));
-  const inputTypeDefaults = INPUT_TYPE_MAP[props.inputType ?? "text"] ?? INPUT_TYPE_MAP.text;
+  const inputTypeDefaults = (_c = INPUT_TYPE_MAP[(_b = props.inputType) != null ? _b : "text"]) != null ? _c : INPUT_TYPE_MAP.text;
   const node = {
     id,
     type: "textinput",
@@ -1316,12 +1328,12 @@ function transformInput(id, raw, parentDirection) {
       ...props.errorText !== void 0 ? { errorText: props.errorText } : {},
       ...inputTypeDefaults,
       ...props.autoCapitalize ? { autoCapitalize: props.autoCapitalize } : {},
-      returnKeyType: props.returnKey ?? "done",
-      multiline: props.multiline ?? false,
+      returnKeyType: (_d = props.returnKey) != null ? _d : "done",
+      multiline: (_e = props.multiline) != null ? _e : false,
       ...props.multiline && props.minLines ? { numberOfLines: props.minLines } : {},
       ...props.multiline && props.maxLines ? { maxNumberOfLines: props.maxLines } : {},
-      variant: props.variant ?? "outline",
-      size: props.size ?? "md",
+      variant: (_f = props.variant) != null ? _f : "outline",
+      size: (_g = props.size) != null ? _g : "md",
       ...props.leadingIcon ? { leadingIcon: props.leadingIcon } : {},
       ...props.trailingIcon ? { trailingIcon: props.trailingIcon } : {},
       ...resolveAccessibilityProps(props),
@@ -1333,9 +1345,10 @@ function transformInput(id, raw, parentDirection) {
   return node;
 }
 function transformList(id, raw, children, parentDirection) {
+  var _a, _b, _c;
   const { actions, condition } = extractMeta(raw);
   const props = stripBridgeKeys(raw);
-  const listType = props.type ?? "stack";
+  const listType = (_a = props.type) != null ? _a : "stack";
   const direction = props.direction === "horizontal" ? "horizontal" : "vertical";
   const edges = safeAreaEdges(props.safeArea);
   const hasSafeArea = edges.length > 0;
@@ -1357,8 +1370,8 @@ function transformList(id, raw, children, parentDirection) {
       // `data` holds the binding expression for the list items array.
       // RecursiveRenderer resolves it and passes items to the FlatList primitive.
       data: props.data,
-      keyExtractor: props.keyExtractor ?? "id",
-      ...listType === "grid" ? { numColumns: props.columns ?? 2 } : {},
+      keyExtractor: (_b = props.keyExtractor) != null ? _b : "id",
+      ...listType === "grid" ? { numColumns: (_c = props.columns) != null ? _c : 2 } : {},
       ...listType === "grid" && props.columnGap ? { columnGap: props.columnGap } : {},
       ...listType === "grid" && props.rowGap ? { rowGap: props.rowGap } : {},
       horizontal: direction === "horizontal",
@@ -1390,6 +1403,7 @@ function transformList(id, raw, children, parentDirection) {
   return savNode;
 }
 function transformIcon(id, raw) {
+  var _a, _b;
   const { actions, condition } = extractMeta(raw);
   const props = stripBridgeKeys(raw);
   const style = {};
@@ -1400,8 +1414,8 @@ function transformIcon(id, raw) {
     type: "icon",
     props: {
       name: props.name,
-      set: props.set ?? "default",
-      size: props.size ?? 24,
+      set: (_a = props.set) != null ? _a : "default",
+      size: (_b = props.size) != null ? _b : 24,
       ...props.color ? { color: props.color } : {},
       ...Object.keys(style).length ? { style } : {},
       ...resolveAccessibilityProps(props),
@@ -1413,18 +1427,19 @@ function transformIcon(id, raw) {
   return node;
 }
 function buildNodeFromSchema(nodeId, schema, customComponents, visited, parentId) {
+  var _a, _b, _c, _d, _e;
   if (visited.has(nodeId)) {
     throw new Error(`Circular reference detected at node ${nodeId}`);
   }
   visited.add(nodeId);
   const node = schema[nodeId];
   if (!node) throw new Error(`Node not found: ${nodeId}`);
-  const resolvedName = node.type?.resolvedName;
+  const resolvedName = (_a = node.type) == null ? void 0 : _a.resolvedName;
   if (!resolvedName) throw new Error(`Invalid node type at ${nodeId}`);
-  const raw = node.props ?? {};
-  const parentDirection = parentId ? schema[parentId]?.props?.["direction"] === "horizontal" ? "horizontal" : "vertical" : "vertical";
+  const raw = (_b = node.props) != null ? _b : {};
+  const parentDirection = parentId ? ((_d = (_c = schema[parentId]) == null ? void 0 : _c.props) == null ? void 0 : _d["direction"]) === "horizontal" ? "horizontal" : "vertical" : "vertical";
   const outputId = nodeId === "ROOT" ? "root" : nodeId;
-  const childNodes = (node.nodes ?? []).map(
+  const childNodes = ((_e = node.nodes) != null ? _e : []).map(
     (childId) => buildNodeFromSchema(childId, schema, customComponents, visited, nodeId)
   );
   switch (resolvedName) {
@@ -1452,7 +1467,7 @@ function resolveCustomComponent(id, raw, parentDirection, customComponents) {
   const { actions, condition } = extractMeta(raw);
   const props = stripBridgeKeys(raw);
   const { componentId, componentKey, propValues, ...frameProps } = props;
-  const key = componentKey ?? componentId;
+  const key = componentKey != null ? componentKey : componentId;
   const def = key ? customComponents[key] : void 0;
   const wrapperStyle = buildFrameStyle(frameProps, parentDirection);
   const vis = props.visible !== void 0 && props.visible !== true ? { visible: props.visible } : {};