react-native-revnix 1.5.0 → 1.7.0

package/ios/RevnixStore.swift

@@ -1,3 +1,5 @@
+import CryptoKit
+import DeviceCheck
 import Foundation
 import React
 import StoreKit
@@ -88,6 +90,33 @@ class RevnixStore: RCTEventEmitter {
     }
   }
 
+  @objc(deviceIntegrity:resolver:rejecter:)
+  func deviceIntegrity(
+    _ customerId: String,
+    resolver resolve: @escaping RCTPromiseResolveBlock,
+    rejecter reject: @escaping RCTPromiseRejectBlock
+  ) {
+    let service = DCAppAttestService.shared
+    guard service.isSupported else {
+      resolve(nil)
+      return
+    }
+    Task {
+      do {
+        let keyId = try await service.generateKey()
+        let clientDataHash = Data(SHA256.hash(data: Data(customerId.utf8)))
+        let attestation = try await service.attestKey(keyId, clientDataHash: clientDataHash)
+        resolve([
+          "platform": "ios",
+          "keyId": keyId,
+          "attestation": attestation.base64EncodedString(),
+        ])
+      } catch {
+        resolve(nil)
+      }
+    }
+  }
+
   private static func payload(_ verification: VerificationResult<Transaction>) -> [String: Any] {
     let transaction = verification.unsafePayloadValue
     var payload: [String: Any] = [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-revnix",
-  "version": "1.5.0",
+  "version": "1.7.0",
   "description": "Revnix SDK for React, React Native & Next.js: purchase registration, entitlements, identity, and placements over the Revnix /v1 API.",
   "license": "MIT",
   "repository": {

package/src/blocks/locale.ts

@@ -125,7 +125,14 @@ function localizeBlock(
     case "text":
       return { ...block, text: at("text", block.text) };
     case "button":
+    case "toggle":
       return { ...block, label: at("label", block.label) };
+    case "timer":
+      return {
+        ...block,
+        format: opt("format", block.format),
+        expiredText: opt("expiredText", block.expiredText),
+      };
     case "list":
       return {
         ...block,

package/src/blocks/selection.ts

@@ -11,6 +11,7 @@ import type {
   CardBlock,
   PaywallBlock,
   PaywallBlockDoc,
+  ToggleBlock,
 } from "./types.js";
 import { DESIGN_CANVAS } from "./types.js";
 import { resolveTags } from "./tags.js";
@@ -33,6 +34,18 @@ export function selectedPackageId(
   return packages[0]?.packageId;
 }
 
+export function toggleSelection(
+  block: ToggleBlock,
+  packages: ReadonlyArray<{ packageId: string }>,
+  selectedId: string | undefined
+): { on: boolean; target: string } | null {
+  const on = packages[block.onPackageIndex];
+  const off = packages[block.offPackageIndex];
+  if (on === undefined || off === undefined) return null;
+  const isOn = on.packageId === selectedId;
+  return { on: isOn, target: (isOn ? off : on).packageId };
+}
+
 /** The context a package-bearing card opens for itself and its subtree. */
 export function packageContext(
   pkg: { packageId: string } | undefined,

package/src/blocks/tags.ts

@@ -11,6 +11,7 @@
 // approximated — a wrong price must never reach a customer silently.
 
 import type { RevnixPaywallPackage } from "../ui/RevnixPaywall.js";
+import type { TimerBlock } from "./types.js";
 
 /** Renewal cycles, in months. Lifetime and one-time products have no cycle. */
 const MONTHS: Record<string, number | undefined> = {
@@ -123,3 +124,40 @@ export function resolveTags(
     }
   });
 }
+
+export function formatCountdown(format: string, remaining: number): string {
+  const pad = (n: number) => String(n).padStart(2, "0");
+  let span = Infinity;
+  const part = (token: string, unit: number) => {
+    const value = Math.floor((remaining % span) / unit);
+    if (format.includes(token)) span = unit;
+    return value;
+  };
+  const days = part("{d}", 86400);
+  const hours = part("{hh}", 3600);
+  const minutes = part("{mm}", 60);
+  const seconds = part("{ss}", 1);
+  return format
+    .replace(/\{d\}/g, String(days))
+    .replace(/\{hh\}/g, pad(hours))
+    .replace(/\{mm\}/g, pad(minutes))
+    .replace(/\{ss\}/g, pad(seconds));
+}
+
+export function timerText(
+  block: TimerBlock,
+  shownAt: number,
+  now: number,
+): string | null {
+  const deadline =
+    block.endsAt !== undefined
+      ? Date.parse(block.endsAt)
+      : shownAt + (block.duration ?? 0) * 1000;
+  const remaining = Number.isNaN(deadline)
+    ? 0
+    : Math.max(0, Math.floor((deadline - now) / 1000));
+  if (remaining > 0) {
+    return formatCountdown(block.format ?? "{hh}:{mm}:{ss}", remaining);
+  }
+  return block.expiredText ?? null;
+}

package/src/blocks/types.ts

@@ -257,13 +257,58 @@ export interface SpacerBlock {
   visibility?: BlockVisibility;
 }
 
+/** Countdown text. `endsAt` is one deadline for everyone; `duration` counts
+ *  from the moment this paywall view opened. At zero it draws `expiredText`,
+ *  or nothing when that is absent. Tokens in `format`: {d} {hh} {mm} {ss}. */
+export interface TimerBlock {
+  id: string;
+  type: "timer";
+  endsAt?: string;
+  duration?: number;
+  format?: string;
+  expiredText?: string;
+  style?: BlockStyle;
+  selectedStyle?: BlockStyle;
+  visibility?: BlockVisibility;
+}
+
+/** A muted looping clip. React Native has no built-in player, so this SDK
+ *  draws `poster` in its place, sized like an image block. */
+export interface VideoBlock {
+  id: string;
+  type: "video";
+  url: string;
+  poster?: string;
+  fit?: "cover" | "contain";
+  style?: BlockStyle;
+  selectedStyle?: BlockStyle;
+  visibility?: BlockVisibility;
+}
+
+/** The free-trial switch: ON while package `onPackageIndex` is selected, and
+ *  tapping it selects the other one. Hidden when the offering lacks either
+ *  index. */
+export interface ToggleBlock {
+  id: string;
+  type: "toggle";
+  label: string;
+  onPackageIndex: number;
+  offPackageIndex: number;
+  style?: BlockStyle;
+  selectedStyle?: BlockStyle;
+  visibility?: BlockVisibility;
+}
+
 /** The one container block. `layout` picks how children are placed: column /
  *  row are flex lines, `stack` layers them (children position with
- *  style.inset or the edge offsets), and `grid` is an N-column grid. */
+ *  style.inset or the edge offsets), `grid` is an N-column grid, and
+ *  `carousel` pages through its children one swipe at a time. */
 export interface CardBlock {
   id: string;
   type: "card";
-  layout?: "column" | "row" | "stack" | "grid";
+  layout?: "column" | "row" | "stack" | "grid" | "carousel";
+  /** carousel only: seconds per page before it moves on by itself. */
+  autoAdvance?: number;
   /** Renders this container once per package in the attached offering. Its
    *  subtree reads the package through tag variables. */
   repeat?: "packages";
@@ -292,6 +337,9 @@ export type PaywallBlock =
   | LinksBlock
   | LineBlock
   | SpacerBlock
+  | TimerBlock
+  | VideoBlock
+  | ToggleBlock
   | CardBlock;
 
 /** The published document: screen palette plus the block tree. */
@@ -345,6 +393,7 @@ export function hasCloseAction(blocks: PaywallBlock[]): boolean {
       : b.type === "card"
         ? b.repeat === undefined &&
           b.packageIndex === undefined &&
+          b.layout !== "carousel" &&
           hasCloseAction(b.children)
         : (b.type === "text" || b.type === "image" || b.type === "button") &&
           b.action === "close"