@neko-os/rc-subscription 0.1.0

package/src/containers/paywall/PaywallPlanCard.js

@@ -0,0 +1,71 @@
+import { Card, Link, Radio, Tag, Text, View, useTranslation } from '@neko-os/ui'
+
+const TYPE_LABELS = {
+  MONTHLY: 'monthly',
+  ANNUAL: 'yearly',
+  LIFETIME: 'lifetime',
+}
+
+function getTrialDays(introPrice) {
+  if (!introPrice || introPrice.price > 0) return null
+  const units = introPrice.periodNumberOfUnits || 0
+  const unit = introPrice.periodUnit?.toUpperCase()
+  if (unit === 'DAY') return units
+  if (unit === 'WEEK') return units * 7
+  if (unit === 'MONTH') return units * 30
+  return units
+}
+
+function getSavePercent(monthlyPrice, annualPrice) {
+  if (!monthlyPrice || !annualPrice) return null
+  const yearlyFromMonthly = monthlyPrice * 12
+  const percent = Math.round(((yearlyFromMonthly - annualPrice) / yearlyFromMonthly) * 100)
+  return percent > 0 ? percent : null
+}
+
+export default function PaywallPlanCard({ pkg, selected, onSelect, monthlyPrice }) {
+  const { t } = useTranslation('subscription')
+  const product = pkg.product
+  const typeKey = TYPE_LABELS[pkg.packageType] || pkg.packageType
+  const label = t('paywall.' + typeKey, { defaultValue: typeKey })
+
+  const trialDays = getTrialDays(product.introPrice)
+  const savePercent = pkg.packageType === 'ANNUAL' ? getSavePercent(monthlyPrice, product.price) : null
+
+  return (
+    <Link onPress={() => onSelect(pkg)}>
+      <Card
+        row
+        centerV
+        padding="md"
+        gap="md"
+        bg={selected ? 'primary_op10' : 'overlayBG'}
+        borderColor={selected ? 'primary' : 'divider'}
+        border
+        minH="xxl"
+      >
+        <Radio xs value={selected} />
+
+        <View flex gap="xxs">
+          <View row centerV gap="xs">
+            <Text strong>{label}</Text>
+            {savePercent && <Tag primary label={t('paywall.save', { percent: savePercent })} fill />}
+            {trialDays && <Tag green label={t('paywall.freeTrial', { count: trialDays })} />}
+          </View>
+          {pkg.packageType === 'ANNUAL' && product.pricePerMonthString && (
+            <Text xs text3>
+              {t('paywall.perMonth', { price: product.pricePerMonthString })}
+            </Text>
+          )}
+          {product.introPrice && product.introPrice.price > 0 && (
+            <Text xs text3>
+              {product.introPrice.priceString} intro
+            </Text>
+          )}
+        </View>
+
+        <Text strong>{product.priceString}</Text>
+      </Card>
+    </Link>
+  )
+}

package/src/containers/paywall/PaywallReturnIcon.js

@@ -0,0 +1,8 @@
+import { Button } from '@neko-os/ui'
+import { useNavigation } from '@react-navigation/native'
+
+export default function PaywallReturnIcon({ modal }) {
+  const { goBack } = useNavigation()
+
+  return <Button icon={modal ? 'close-line' : 'arrow-left-line'} ratio={1} xs color="mainBG" round onPress={goBack} />
+}

package/src/containers/paywall/_request/usePaywallActions.js

@@ -0,0 +1,39 @@
+import { Alert } from 'react-native'
+import { useTranslation } from '@neko-os/ui'
+import { useState } from 'react'
+import Purchases from 'react-native-purchases'
+
+import { useSubscription } from '../../SubscriptionHandler'
+
+export default function usePaywallActions() {
+  const { t } = useTranslation('subscription')
+  const { refresh } = useSubscription()
+  const [loading, setLoading] = useState(false)
+
+  async function handlePurchase(pkg) {
+    if (!pkg || loading) return
+    setLoading(true)
+    try {
+      await Purchases.purchasePackage(pkg)
+    } catch (e) {
+      if (!e.userCancelled) Alert.alert(t('paywall.errorTitle', { defaultValue: 'Error' }), e.message)
+    } finally {
+      setLoading(false)
+    }
+  }
+
+  async function handleRestore() {
+    if (loading) return
+    setLoading(true)
+    try {
+      await Purchases.restorePurchases()
+      await refresh()
+    } catch (e) {
+      Alert.alert(t('paywall.errorTitle', { defaultValue: 'Error' }), e.message)
+    } finally {
+      setLoading(false)
+    }
+  }
+
+  return { handlePurchase, handleRestore, loading }
+}

package/src/index.js

@@ -0,0 +1,6 @@
+export { registerSubscriptionLocales } from './locales/index'
+export { default as SubscriptionHandler, useIsSubscribed, useSubscription } from './containers/SubscriptionHandler'
+export { default as SubscriptionRequired } from './containers/SubscriptionRequired'
+export { default as SubscriptionRequiredCTA } from './containers/SubscriptionRequiredCTA'
+export { default as Paywall } from './containers/paywall/Paywall'
+export { default as ActiveSubscriptionView } from './views/active/ActiveSubscriptionView'

package/src/locales/cs.js

@@ -0,0 +1,30 @@
+export const subscriptionCS = {
+  settings: {
+    linkLabel: 'Predplatne',
+  },
+  paywall: {
+    title: 'Prejdi na Premium',
+    subtitle: 'Odemkni vsechny funkce',
+    cta: 'Pokracovat',
+    ctaTrial: 'Zahajit zkusebni obdobi',
+    restore: 'Obnovit nakupy',
+    monthly: 'Mesicne',
+    yearly: 'Rocne',
+    lifetime: 'Dozivotne',
+    perMonth: '{{price}}/mes.',
+    save: 'Usetri {{percent}} %',
+    freeTrial: '{{count}} dni zdarma',
+    free: 'Zdarma',
+    pro: 'Pro',
+  },
+  cta: {
+    unlock: 'Odemknout plny pristup',
+  },
+  active: {
+    title: 'Predplatne',
+    plan: 'Plan',
+    expires: 'Vyprsi',
+    lifetime: 'Dozivotni pristup',
+    manage: 'Spravovat predplatne',
+  },
+}

package/src/locales/da.js

@@ -0,0 +1,30 @@
+export const subscriptionDA = {
+  settings: {
+    linkLabel: 'Abonnement',
+  },
+  paywall: {
+    title: 'Bliv Premium',
+    subtitle: 'Las alle funktioner op',
+    cta: 'Fortsaet',
+    ctaTrial: 'Start gratis proveperiode',
+    restore: 'Gendan kob',
+    monthly: 'Manedligt',
+    yearly: 'Arligt',
+    lifetime: 'Livstid',
+    perMonth: '{{price}}/md.',
+    save: 'Spar {{percent}} %',
+    freeTrial: '{{count}} dage gratis',
+    free: 'Gratis',
+    pro: 'Pro',
+  },
+  cta: {
+    unlock: 'Las fuld adgang op',
+  },
+  active: {
+    title: 'Abonnement',
+    plan: 'Plan',
+    expires: 'Udlober',
+    lifetime: 'Livstidsadgang',
+    manage: 'Administrer abonnement',
+  },
+}

package/src/locales/de.js

@@ -0,0 +1,30 @@
+export const subscriptionDE = {
+  settings: {
+    linkLabel: 'Abonnement',
+  },
+  paywall: {
+    title: 'Premium holen',
+    subtitle: 'Alle Funktionen freischalten',
+    cta: 'Weiter',
+    ctaTrial: 'Kostenlos testen',
+    restore: 'Kaeufe wiederherstellen',
+    monthly: 'Monatlich',
+    yearly: 'Jaehrlich',
+    lifetime: 'Lebenslang',
+    perMonth: '{{price}}/Monat',
+    save: '{{percent}} % sparen',
+    freeTrial: '{{count}} Tage kostenlos',
+    free: 'Kostenlos',
+    pro: 'Pro',
+  },
+  cta: {
+    unlock: 'Vollen Zugang freischalten',
+  },
+  active: {
+    title: 'Abonnement',
+    plan: 'Tarif',
+    expires: 'Laeuft ab',
+    lifetime: 'Lebenslanger Zugang',
+    manage: 'Abonnement verwalten',
+  },
+}

package/src/locales/el.js

@@ -0,0 +1,30 @@
+export const subscriptionEL = {
+  settings: {
+    linkLabel: 'Syndromi',
+  },
+  paywall: {
+    title: 'Apokti to Premium',
+    subtitle: 'Xekleidose oles tis dynatotites',
+    cta: 'Synecheia',
+    ctaTrial: 'Enarxi dorean dokimis',
+    restore: 'Epanafora agoron',
+    monthly: 'Miniaia',
+    yearly: 'Etisia',
+    lifetime: 'Dia viou',
+    perMonth: '{{price}}/mina',
+    save: 'Exoikonomisi {{percent}}%',
+    freeTrial: '{{count}} imeres dorean',
+    free: 'Dorean',
+    pro: 'Pro',
+  },
+  cta: {
+    unlock: 'Xekleidoma plirous prosvasis',
+  },
+  active: {
+    title: 'Syndromi',
+    plan: 'Plano',
+    expires: 'Ligei',
+    lifetime: 'Dia viou prosvasi',
+    manage: 'Diacheirisi syndromis',
+  },
+}

package/src/locales/en.js

@@ -0,0 +1,30 @@
+export const subscriptionEN = {
+  settings: {
+    linkLabel: 'Subscription',
+  },
+  paywall: {
+    title: 'Unlock Full Access',
+    subtitle: 'Track your habits without limits',
+    cta: 'Continue',
+    ctaTrial: 'Start free trial',
+    restore: 'Restore purchases',
+    monthly: 'Monthly',
+    yearly: 'Yearly',
+    lifetime: 'Lifetime',
+    perMonth: '{{price}}/mo',
+    save: 'Save {{percent}}%',
+    freeTrial: '{{count}} days free',
+    free: 'Free',
+    pro: 'Pro',
+  },
+  cta: {
+    unlock: 'Unlock full access',
+  },
+  active: {
+    title: 'Subscription',
+    plan: 'Plan',
+    expires: 'Expires',
+    lifetime: 'Lifetime access',
+    manage: 'Manage subscription',
+  },
+}

package/src/locales/es.js

@@ -0,0 +1,30 @@
+export const subscriptionES = {
+  settings: {
+    linkLabel: 'Suscripcion',
+  },
+  paywall: {
+    title: 'Hazte Premium',
+    subtitle: 'Desbloquea todas las funciones',
+    cta: 'Continuar',
+    ctaTrial: 'Iniciar prueba gratuita',
+    restore: 'Restaurar compras',
+    monthly: 'Mensual',
+    yearly: 'Anual',
+    lifetime: 'De por vida',
+    perMonth: '{{price}}/mes',
+    save: 'Ahorra {{percent}} %',
+    freeTrial: '{{count}} dias gratis',
+    free: 'Gratis',
+    pro: 'Pro',
+  },
+  cta: {
+    unlock: 'Desbloquear acceso completo',
+  },
+  active: {
+    title: 'Suscripcion',
+    plan: 'Plan',
+    expires: 'Expira',
+    lifetime: 'Acceso de por vida',
+    manage: 'Gestionar suscripcion',
+  },
+}

package/src/locales/fi.js

@@ -0,0 +1,30 @@
+export const subscriptionFI = {
+  settings: {
+    linkLabel: 'Tilaus',
+  },
+  paywall: {
+    title: 'Hanki Premium',
+    subtitle: 'Avaa kaikki ominaisuudet',
+    cta: 'Jatka',
+    ctaTrial: 'Aloita ilmainen kokeilu',
+    restore: 'Palauta ostokset',
+    monthly: 'Kuukausittain',
+    yearly: 'Vuosittain',
+    lifetime: 'Elinaika',
+    perMonth: '{{price}}/kk',
+    save: 'Saaesta {{percent}} %',
+    freeTrial: '{{count}} paeivaea ilmaiseksi',
+    free: 'Ilmainen',
+    pro: 'Pro',
+  },
+  cta: {
+    unlock: 'Avaa taeysi paeaesy',
+  },
+  active: {
+    title: 'Tilaus',
+    plan: 'Paketti',
+    expires: 'Paeattyy',
+    lifetime: 'Elinikaeinen paeaesy',
+    manage: 'Hallitse tilausta',
+  },
+}

package/src/locales/fr.js

@@ -0,0 +1,30 @@
+export const subscriptionFR = {
+  settings: {
+    linkLabel: 'Abonnement',
+  },
+  paywall: {
+    title: 'Passer Premium',
+    subtitle: 'Debloquer toutes les fonctionnalites',
+    cta: 'Continuer',
+    ctaTrial: 'Demarrer l\'essai gratuit',
+    restore: 'Restaurer les achats',
+    monthly: 'Mensuel',
+    yearly: 'Annuel',
+    lifetime: 'A vie',
+    perMonth: '{{price}}/mois',
+    save: 'Economisez {{percent}} %',
+    freeTrial: '{{count}} jours gratuits',
+    free: 'Gratuit',
+    pro: 'Pro',
+  },
+  cta: {
+    unlock: 'Debloquer l\'acces complet',
+  },
+  active: {
+    title: 'Abonnement',
+    plan: 'Forfait',
+    expires: 'Expire',
+    lifetime: 'Acces a vie',
+    manage: 'Gerer l\'abonnement',
+  },
+}

package/src/locales/hi.js

@@ -0,0 +1,30 @@
+export const subscriptionHI = {
+  settings: {
+    linkLabel: 'Sadasayata',
+  },
+  paywall: {
+    title: 'Premium paaen',
+    subtitle: 'Sabhee suvidhaen kholeen',
+    cta: 'Jaree rakhen',
+    ctaTrial: 'Nishulk pareekshan shuru karen',
+    restore: 'Khareedaaree punastaapeet karen',
+    monthly: 'Maaseek',
+    yearly: 'Vaarshik',
+    lifetime: 'Aajeevon',
+    perMonth: '{{price}}/mahina',
+    save: '{{percent}}% bachaen',
+    freeTrial: '{{count}} din nishulk',
+    free: 'Nishulk',
+    pro: 'Pro',
+  },
+  cta: {
+    unlock: 'Poorn pahunch kholeen',
+  },
+  active: {
+    title: 'Sadasayata',
+    plan: 'Yojana',
+    expires: 'Samaapt hota hai',
+    lifetime: 'Aajeevon pahunch',
+    manage: 'Sadasayata prabandheit karen',
+  },
+}

package/src/locales/hu.js

@@ -0,0 +1,30 @@
+export const subscriptionHU = {
+  settings: {
+    linkLabel: 'Elofizetes',
+  },
+  paywall: {
+    title: 'Valts Premiumra',
+    subtitle: 'Minden funkcio feloldasa',
+    cta: 'Folytatas',
+    ctaTrial: 'Ingyenes proba inditasa',
+    restore: 'Vasarlasok visszaallitasa',
+    monthly: 'Havi',
+    yearly: 'Eves',
+    lifetime: 'Elettartam',
+    perMonth: '{{price}}/ho',
+    save: '{{percent}}% megtakaritas',
+    freeTrial: '{{count}} nap ingyenes',
+    free: 'Ingyenes',
+    pro: 'Pro',
+  },
+  cta: {
+    unlock: 'Teljes hozzaferes feloldasa',
+  },
+  active: {
+    title: 'Elofizetes',
+    plan: 'Csomag',
+    expires: 'Lejar',
+    lifetime: 'Elettartam hozzaferes',
+    manage: 'Elofizetes kezelese',
+  },
+}

package/src/locales/id.js

@@ -0,0 +1,30 @@
+export const subscriptionID = {
+  settings: {
+    linkLabel: 'Langganan',
+  },
+  paywall: {
+    title: 'Jadi Premium',
+    subtitle: 'Buka semua fitur',
+    cta: 'Lanjutkan',
+    ctaTrial: 'Mulai uji coba gratis',
+    restore: 'Pulihkan pembelian',
+    monthly: 'Bulanan',
+    yearly: 'Tahunan',
+    lifetime: 'Seumur hidup',
+    perMonth: '{{price}}/bln',
+    save: 'Hemat {{percent}}%',
+    freeTrial: '{{count}} hari gratis',
+    free: 'Gratis',
+    pro: 'Pro',
+  },
+  cta: {
+    unlock: 'Buka akses penuh',
+  },
+  active: {
+    title: 'Langganan',
+    plan: 'Paket',
+    expires: 'Berakhir',
+    lifetime: 'Akses seumur hidup',
+    manage: 'Kelola langganan',
+  },
+}

package/src/locales/index.js

@@ -0,0 +1,63 @@
+import { subscriptionCS } from './cs'
+import { subscriptionDA } from './da'
+import { subscriptionDE } from './de'
+import { subscriptionEL } from './el'
+import { subscriptionEN } from './en'
+import { subscriptionES } from './es'
+import { subscriptionFI } from './fi'
+import { subscriptionFR } from './fr'
+import { subscriptionHI } from './hi'
+import { subscriptionHU } from './hu'
+import { subscriptionID } from './id'
+import { subscriptionIT } from './it'
+import { subscriptionJA } from './ja'
+import { subscriptionKO } from './ko'
+import { subscriptionNL } from './nl'
+import { subscriptionNO } from './no'
+import { subscriptionPL } from './pl'
+import { subscriptionPT } from './pt'
+import { subscriptionRO } from './ro'
+import { subscriptionRU } from './ru'
+import { subscriptionSV } from './sv'
+import { subscriptionTH } from './th'
+import { subscriptionTR } from './tr'
+import { subscriptionUK } from './uk'
+import { subscriptionVI } from './vi'
+import { subscriptionZH } from './zh'
+
+const locales = {
+  cs: subscriptionCS,
+  da: subscriptionDA,
+  de: subscriptionDE,
+  el: subscriptionEL,
+  en: subscriptionEN,
+  es: subscriptionES,
+  fi: subscriptionFI,
+  fr: subscriptionFR,
+  hi: subscriptionHI,
+  hu: subscriptionHU,
+  id: subscriptionID,
+  it: subscriptionIT,
+  ja: subscriptionJA,
+  ko: subscriptionKO,
+  nl: subscriptionNL,
+  no: subscriptionNO,
+  pl: subscriptionPL,
+  pt: subscriptionPT,
+  ro: subscriptionRO,
+  ru: subscriptionRU,
+  sv: subscriptionSV,
+  th: subscriptionTH,
+  tr: subscriptionTR,
+  uk: subscriptionUK,
+  vi: subscriptionVI,
+  zh: subscriptionZH,
+}
+
+export function registerSubscriptionLocales(i18n) {
+  Object.entries(locales).forEach(([lang, data]) => {
+    if (i18n.resources[lang]) {
+      i18n.addResources(lang, 'subscription', data)
+    }
+  })
+}

package/src/locales/it.js

@@ -0,0 +1,30 @@
+export const subscriptionIT = {
+  settings: {
+    linkLabel: 'Abbonamento',
+  },
+  paywall: {
+    title: 'Passa a Premium',
+    subtitle: 'Sblocca tutte le funzionalita',
+    cta: 'Continua',
+    ctaTrial: 'Inizia la prova gratuita',
+    restore: 'Ripristina acquisti',
+    monthly: 'Mensile',
+    yearly: 'Annuale',
+    lifetime: 'A vita',
+    perMonth: '{{price}}/mese',
+    save: 'Risparmia {{percent}}%',
+    freeTrial: '{{count}} giorni gratis',
+    free: 'Gratis',
+    pro: 'Pro',
+  },
+  cta: {
+    unlock: 'Sblocca accesso completo',
+  },
+  active: {
+    title: 'Abbonamento',
+    plan: 'Piano',
+    expires: 'Scade',
+    lifetime: 'Accesso a vita',
+    manage: 'Gestisci abbonamento',
+  },
+}

package/src/locales/ja.js

@@ -0,0 +1,30 @@
+export const subscriptionJA = {
+  settings: {
+    linkLabel: 'サブスクリプション',
+  },
+  paywall: {
+    title: 'プレミアムにする',
+    subtitle: 'すべての機能を解放',
+    cta: '続ける',
+    ctaTrial: '無料トライアルを開始',
+    restore: '購入を復元',
+    monthly: '月額',
+    yearly: '年額',
+    lifetime: '買い切り',
+    perMonth: '{{price}}/月',
+    save: '{{percent}}%お得',
+    freeTrial: '{{count}}日間無料',
+    free: '無料',
+    pro: 'Pro',
+  },
+  cta: {
+    unlock: 'フルアクセスを解放',
+  },
+  active: {
+    title: 'サブスクリプション',
+    plan: 'プラン',
+    expires: '有効期限',
+    lifetime: '永久アクセス',
+    manage: 'サブスクリプションを管理',
+  },
+}

package/src/locales/ko.js

@@ -0,0 +1,30 @@
+export const subscriptionKO = {
+  settings: {
+    linkLabel: '구독',
+  },
+  paywall: {
+    title: '프리미엄으로 전환',
+    subtitle: '모든 기능 잠금 해제',
+    cta: '계속',
+    ctaTrial: '무료 체험 시작',
+    restore: '구매 복원',
+    monthly: '월간',
+    yearly: '연간',
+    lifetime: '평생',
+    perMonth: '{{price}}/월',
+    save: '{{percent}}% 절약',
+    freeTrial: '{{count}}일 무료',
+    free: '무료',
+    pro: 'Pro',
+  },
+  cta: {
+    unlock: '전체 액세스 잠금 해제',
+  },
+  active: {
+    title: '구독',
+    plan: '요금제',
+    expires: '만료',
+    lifetime: '평생 액세스',
+    manage: '구독 관리',
+  },
+}

package/src/locales/nl.js

@@ -0,0 +1,30 @@
+export const subscriptionNL = {
+  settings: {
+    linkLabel: 'Abonnement',
+  },
+  paywall: {
+    title: 'Ga Premium',
+    subtitle: 'Ontgrendel alle functies',
+    cta: 'Doorgaan',
+    ctaTrial: 'Start gratis proefperiode',
+    restore: 'Aankopen herstellen',
+    monthly: 'Maandelijks',
+    yearly: 'Jaarlijks',
+    lifetime: 'Levenslang',
+    perMonth: '{{price}}/mnd',
+    save: 'Bespaar {{percent}}%',
+    freeTrial: '{{count}} dagen gratis',
+    free: 'Gratis',
+    pro: 'Pro',
+  },
+  cta: {
+    unlock: 'Ontgrendel volledige toegang',
+  },
+  active: {
+    title: 'Abonnement',
+    plan: 'Plan',
+    expires: 'Verloopt',
+    lifetime: 'Levenslange toegang',
+    manage: 'Abonnement beheren',
+  },
+}