解約だと思って権限を切ったユーザーは、まだ払う気だった — 支払い猶予期間と権限維持の実装

// worker/notifications.ts (Cloudflare Workers)
// ストアごとの通知タイプを EntitlementState に写像する
type Store = 'apple' | 'google';
 
function mapApple(notificationType: string, subtype?: string): EntitlementState {
  switch (notificationType) {
    case 'DID_RENEW':
    case 'SUBSCRIBED':
      return 'active';
    case 'DID_FAIL_TO_RENEW':
      // subtype が GRACE_PERIOD なら猶予中、なければホールドへ
      return subtype === 'GRACE_PERIOD' ? 'grace' : 'hold';
    case 'EXPIRED':
      return 'expired';
    default:
      return 'active'; // 不明な型は権限を維持側に倒す（誤って締め出さない）
  }
}
 
function mapGoogle(notificationType: number): EntitlementState {
  // Google Play RTDN の subscriptionNotificationType
  switch (notificationType) {
    case 2:  // SUBSCRIPTION_RENEWED
    case 4:  // SUBSCRIPTION_PURCHASED
    case 7:  // SUBSCRIPTION_RESTARTED（ホールドから復帰）
      return 'active';
    case 6:  // SUBSCRIPTION_IN_GRACE_PERIOD
      return 'grace';
    case 5:  // SUBSCRIPTION_ON_HOLD
      return 'hold';
    case 3:  // SUBSCRIPTION_CANCELED
    case 13: // SUBSCRIPTION_EXPIRED
      return 'expired';
    default:
      return 'active';
  }
}

// subscription/access.ts
import { EntitlementSnapshot } from './types';
 
export function canUsePremium(snap: EntitlementSnapshot): boolean {
  // grace は権限維持。hold/expired/never は不可
  return snap.state === 'active' || snap.state === 'grace';
}
 
// 画面に出す案内の種別を決める
export type RecoveryPrompt = 'none' | 'soft' | 'hard';
 
export function recoveryPrompt(snap: EntitlementSnapshot): RecoveryPrompt {
  if (snap.state === 'grace') return 'soft'; // まだ使えるが、そっと知らせる
  if (snap.state === 'hold') return 'hard';  // 使えない。明確に復帰を促す
  return 'none';
}

// components/RecoveryBanner.tsx
import { Linking, Platform, Pressable, Text, View } from 'react-native';
import { recoveryPrompt } from '../subscription/access';
import { EntitlementSnapshot } from '../subscription/types';
 
// ストアの購読管理画面を開く（カード更新はここで行ってもらう）
function openManageSubscription() {
  const url = Platform.OS === 'ios'
    ? 'https://apps.apple.com/account/subscriptions'
    : 'https://play.google.com/store/account/subscriptions';
  Linking.openURL(url);
}
 
export function RecoveryBanner({ snap }: { snap: EntitlementSnapshot }) {
  const kind = recoveryPrompt(snap);
  if (kind === 'none') return null;
 
  const soft = kind === 'soft';
  return (
    <View style={{
      padding: 12,
      backgroundColor: soft ? '#FFF7E6' : '#FDECEC',
    }}>
      <Text style={{ fontWeight: '600', marginBottom: 4 }}>
        {soft ? 'お支払いの確認が必要です' : 'プレミアムが一時停止中です'}
      </Text>
      <Text style={{ marginBottom: 8 }}>
        {soft
          ? `カード情報の更新までは引き続きご利用いただけます${
              snap.graceUntil ? `（${formatDate(snap.graceUntil)}まで）` : ''
            }。`
          : 'お支払い方法を更新すると、すぐに元の状態に戻ります。データはそのまま残っています。'}
      </Text>
      <Pressable onPress={openManageSubscription}>
        <Text style={{ color: '#2563EB', fontWeight: '600' }}>
          購読を管理する
        </Text>
      </Pressable>
    </View>
  );
}
 
function formatDate(iso: string): string {
  const d = new Date(iso);
  return `${d.getMonth() + 1}月${d.getDate()}日`;
}

// 状態が変わった瞬間にイベントを送る（分析基盤は任意）
function onEntitlementChange(prev: EntitlementState, next: EntitlementState) {
  if (prev === 'active' && (next === 'grace' || next === 'hold')) {
    track('billing_issue_entered', { from: prev, to: next });
  }
  if ((prev === 'grace' || prev === 'hold') && next === 'active') {
    track('billing_issue_recovered', { from: prev });
  }
}