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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@namiml/expo-sdk",
-  "version": "3.4.4-dev.202607012039",
+  "version": "3.4.4-dev.202607022250",
   "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.202607012039",
-    "@namiml/sdk-core": "3.4.4-dev.202607012039",
+    "@namiml/expo-nami-iap": "3.4.4-dev.202607022250",
+    "@namiml/sdk-core": "3.4.4-dev.202607022250",
     "react-native-qrcode-svg": "^6.3.21",
     "react-native-safe-area-context": "^5.6.0",
     "react-native-svg": "^15.15.4"

package/src/utils/rendering.ts

@@ -137,10 +137,22 @@ export function getRepeatingListBlocks(ctx: any, component: any): TComponent[][]
   const groupBy: string | undefined = component.groupBy;
   const headerTemplate: TComponent | undefined = component.groupHeaderTemplate;
 
+  // Slots injected after the data pipeline (filter → group → cap). A slot is visible when its
+  // (non-block) conditions all pass; it renders as a plain item block (no __namiGroupHeader
+  // marker → no timeline dot). Unknown positions/ordinals are skipped (tolerant).
+  const visibleSlots: any[] = (component.slots ?? []).filter(
+    (slot: any) =>
+      !slot.conditions?.length ||
+      slot.conditions.every((condition: any) => testObjectMatches(ctx, condition, undefined)),
+  );
+  const slotBlock = (slot: any): TComponent[] => [slot.template as TComponent];
+  const listStart = visibleSlots.filter((s) => s.position === 'listStart').map(slotBlock);
+  const listEnd = visibleSlots.filter((s) => s.position === 'listEnd').map(slotBlock);
+
   if (!groupBy || !headerTemplate) {
     const cappedBlocks =
       component.max != null ? filteredBlocks.slice(0, component.max) : filteredBlocks;
-    return cappedBlocks.map(renderItem);
+    return [...listStart, ...cappedBlocks.map(renderItem), ...listEnd];
   }
 
   const sectionOrder: string[] = [];
@@ -155,12 +167,40 @@ export function getRepeatingListBlocks(ctx: any, component: any): TComponent[][]
     sections.get(key)!.push(block);
   }
 
-  const result: TComponent[][] = [];
+  // Resolve groupStart/groupEnd target keys using the pre-cap filtered blocks: a group qualifies
+  // if any item passes all itemConditions (block context); ordinal picks first/last qualifier.
+  const groupQualifies = (slot: any, blocks: any[]): boolean => {
+    const conditions = slot.group?.itemConditions ?? [];
+    if (!conditions.length) return blocks.length > 0;
+    return blocks.some((block) => conditions.every((c: any) => testObjectMatches(ctx, c, block)));
+  };
+  const targetGroupKey = (slot: any): string | undefined => {
+    const qualifying = sectionOrder.filter((key) => groupQualifies(slot, sections.get(key)!));
+    return slot.group?.ordinal === 'last' ? qualifying[qualifying.length - 1] : qualifying[0];
+  };
+  const groupStartByKey = new Map<string, TComponent[][]>();
+  const groupEndByKey = new Map<string, TComponent[][]>();
+  for (const slot of visibleSlots) {
+    const byKey =
+      slot.position === 'groupStart'
+        ? groupStartByKey
+        : slot.position === 'groupEnd'
+          ? groupEndByKey
+          : null;
+    if (!byKey) continue;
+    const key = targetGroupKey(slot);
+    if (key == null) continue;
+    if (!byKey.has(key)) byKey.set(key, []);
+    byKey.get(key)!.push(slotBlock(slot));
+  }
+
+  const result: TComponent[][] = [...listStart];
   for (const key of sectionOrder) {
     const group = { key };
     const header = interpolate(headerTemplate, interpolate({ group }, { group })) as any;
     header.__namiGroupHeader = true;
     result.push([header]);
+    result.push(...(groupStartByKey.get(key) ?? []));
     const groupItems =
       component.groupMax != null
         ? sections.get(key)!.slice(0, component.groupMax)
@@ -168,7 +208,9 @@ export function getRepeatingListBlocks(ctx: any, component: any): TComponent[][]
     for (const block of groupItems) {
       result.push(renderItem(block));
     }
+    result.push(...(groupEndByKey.get(key) ?? []));
   }
+  result.push(...listEnd);
   return result;
 }