@namiml/expo-sdk 3.4.4-dev.202607011943 → 3.4.4-dev.202607012039

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@namiml/expo-sdk",
-  "version": "3.4.4-dev.202607011943",
+  "version": "3.4.4-dev.202607012039",
   "type": "module",
   "description": "Nami Expo SDK — paywall and subscription management for Expo apps",
   "main": "./dist/index.cjs",
@@ -29,8 +29,8 @@
     "prepublishOnly": "yarn clean && yarn build:prod"
   },
   "dependencies": {
-    "@namiml/expo-nami-iap": "3.4.4-dev.202607011943",
-    "@namiml/sdk-core": "3.4.4-dev.202607011943",
+    "@namiml/expo-nami-iap": "3.4.4-dev.202607012039",
+    "@namiml/sdk-core": "3.4.4-dev.202607012039",
     "react-native-qrcode-svg": "^6.3.21",
     "react-native-safe-area-context": "^5.6.0",
     "react-native-svg": "^15.15.4"

package/src/components/elements/NamiButton.tsx

@@ -1,7 +1,7 @@
 import React, { useCallback, useMemo, useRef } from 'react';
 import { Pressable, ActivityIndicator, StyleSheet, View, Linking as RNLinking } from 'react-native';
 import { useFirstFocusReadyContext, usePaywallContext } from '../../context/PaywallContext';
-import { applyStyles, parseColor, childSpacingStyle, extractPrefixedStyles, focusedStyleOverrides, parseSize } from '../../utils/styles';
+import { applyStyles, parseColor, childSpacingStyle, extractPrefixedStyles, focusedStyleOverrides, parseSize, buttonFlexDirection } from '../../utils/styles';
 import {
   handleAction,
   shouldHoist,
@@ -200,6 +200,9 @@ export const NamiButton: React.FC<Props> = ({ component, scaleFactor, onClose, p
     if (base.borderRadius != null) {
       base.overflow = 'hidden';
     }
+    // NAM-2417: a directionless button defaults to horizontal (row). applyStyles uses the
+    // shared flexDirectionFromConfig whose default is 'column'; override for buttons here.
+    base.flexDirection = buttonFlexDirection(component.direction);
     return base;
   }, [component, scaleFactor, disabled, backgroundColor, borderOverride, parentDirection, isFocused ]);
 
@@ -209,7 +212,7 @@ export const NamiButton: React.FC<Props> = ({ component, scaleFactor, onClose, p
     component.sku?.id === (ctx.state as any).productBeingPurchased?.id;
   const renderedChildren = useMemo(() => resolvedChildren.map((child: TComponent, i: number) => {
     const resolvedChild = withDisabledChildStyles(child, disabled);
-    const buttonDirection = component.direction ?? "vertical";
+    const buttonDirection = component.direction ?? "horizontal";
     const spacingStyle =
       i === 0
         ? {}

package/src/utils/styles.ts

@@ -189,6 +189,12 @@ export function flexDirectionFromConfig(dir?: string): ViewStyle['flexDirection'
   }
 }
 
+// NAM-2417: a directionless `button` component defaults to horizontal (icon left of
+// label), unlike containers which default to vertical via flexDirectionFromConfig.
+export function buttonFlexDirection(dir?: string): ViewStyle['flexDirection'] {
+  return flexDirectionFromConfig(dir ?? 'horizontal');
+}
+
 const ALIGNMENT_VALUE_MAP: Record<string, ViewStyle['alignItems']> = {
   top: 'flex-start',
   left: 'flex-start',