@neko-os/rc-subscription 0.1.0

package/README.md

@@ -0,0 +1,142 @@
+# neko-rc-subscription
+
+Drop-in RevenueCat subscription module for React Native (Expo) apps built with `@neko-os/ui`. Provides a full paywall, subscription gating, and subscription management — with i18n support for 26 languages.
+
+## Peer Dependencies
+
+- `react-native-purchases` (RevenueCat SDK)
+- `@neko-os/ui`
+- `@react-navigation/native`
+- `react-native-reanimated`
+- `react-native-safe-area-context`
+- `i18next`
+- `dayjs`
+
+## Configuration
+
+Environment variables (or defaults):
+
+| Variable | Default | Description |
+|----------|---------|-------------|
+| `EXPO_PUBLIC_RC_API_KEY_IOS` | — | RevenueCat API key for iOS |
+| `EXPO_PUBLIC_RC_API_KEY_ANDROID` | — | RevenueCat API key for Android |
+| `EXPO_PUBLIC_RC_ENTITLEMENT_ID` | `premium` | RevenueCat entitlement identifier |
+
+Platform-specific API key selected automatically via `Platform.OS`.
+
+## Setup
+
+### 1. Register locales
+
+Call once at app boot, after i18n is initialized:
+
+```jsx
+import { registerSubscriptionLocales } from 'neko-rc-subscription'
+
+registerSubscriptionLocales(i18n)
+```
+
+### 2. Wrap your app
+
+```jsx
+import { SubscriptionHandler } from 'neko-rc-subscription'
+
+<SubscriptionHandler
+  paywallConfig={{
+    title: 'Unlock Full Access',
+    subtitle: 'Track your habits without limits',
+    image: require('./assets/paywall-hero.png'),
+    features: [
+      { label: 'paywall.unlimitedGoals', icon: 'flag-fill', free: false },
+      { label: 'paywall.analytics', icon: 'bar-chart-fill', free: false },
+      { label: 'paywall.basicTracking', icon: 'check-line', free: true },
+    ],
+  }}
+>
+  <App />
+</SubscriptionHandler>
+```
+
+### 3. Add routes
+
+```jsx
+import { ActiveSubscriptionView } from 'neko-rc-subscription'
+
+// Stack navigator
+<Stack.Screen name="subscription/active" component={ActiveSubscriptionView} />
+```
+
+## Exports
+
+### Components
+
+| Export | Description |
+|--------|-------------|
+| `SubscriptionHandler` | Context provider. Configures RevenueCat, fetches offerings and customer info, provides subscription state to the tree. |
+| `SubscriptionRequired` | Gate component. Shows children if subscribed, otherwise renders the Paywall. |
+| `SubscriptionRequiredCTA` | Soft gate. Renders children with a blurred overlay and "Unlock" button when not subscribed. |
+| `Paywall` | Full paywall screen with hero image, feature comparison, plan selection, purchase and restore. |
+| `ActiveSubscriptionView` | Subscription management screen showing plan details and expiry. |
+
+### Hooks
+
+| Export | Description |
+|--------|-------------|
+| `useSubscription()` | Full subscription context: `{ isSubscribed, isLoading, customerInfo, offerings, paywallConfig, refresh }` |
+| `useIsSubscribed()` | Shorthand boolean — `true` when active entitlement exists. |
+
+### Functions
+
+| Export | Description |
+|--------|-------------|
+| `registerSubscriptionLocales(i18n)` | Registers the `subscription` namespace into an existing i18next instance for all 26 supported languages. |
+
+## SubscriptionHandler Props
+
+| Prop | Type | Description |
+|------|------|-------------|
+| `paywallConfig` | `object` | Optional paywall customization (see below). |
+
+### paywallConfig
+
+| Key | Type | Description |
+|-----|------|-------------|
+| `title` | `string` | Hero title. Falls back to `t('paywall.title')`. |
+| `subtitle` | `string` | Hero subtitle. Falls back to `t('paywall.subtitle')`. |
+| `image` | `ImageSource` | Hero image (parallax). Omit for text-only hero. |
+| `features` | `Feature[]` | Feature comparison rows. Each: `{ label, icon?, free? }`. `label` is a i18n key. `free` marks whether available on the free plan. |
+
+## SubscriptionRequired Props
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `disabled` | `bool` | `false` | Bypass the gate (always show children). |
+| `modal` | `bool` | — | Paywall rendered as modal (close icon instead of back arrow). |
+| `showReturn` | `bool` | — | Show return icon on the paywall. |
+| `footerPaddingB` | `number` | — | Override footer bottom padding. |
+
+## SubscriptionRequiredCTA Props
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `disabled` | `bool` | `false` | Bypass the gate. |
+| `size` | `string` | `'xs'` | Button size. |
+| `buttonProps` | `object` | — | Extra props forwarded to the unlock Button. |
+
+## Package Support
+
+The paywall auto-renders available packages from the current RevenueCat offering. Supported package types:
+
+- **Annual** — shows per-month price and save percentage vs monthly
+- **Monthly** — base reference price
+- **Lifetime** — one-time purchase
+
+Free trial detection is automatic from `introPrice` metadata.
+
+## i18n
+
+Namespace: `subscription`
+
+26 languages: cs, da, de, el, en, es, fi, fr, hi, hu, id, it, ja, ko, nl, no, pl, pt, ro, ru, sv, th, tr, uk, vi, zh.
+
+Translation keys are organized under `settings`, `paywall`, `cta`, and `active` groups. See `locales/en.js` for the full key reference.

package/dist/config.js

@@ -0,0 +1,5 @@
+import { Platform } from "react-native-web";
+
+export var RC_API_KEY =
+Platform.OS === 'ios' ? process.env.EXPO_PUBLIC_RC_API_KEY_IOS : process.env.EXPO_PUBLIC_RC_API_KEY_ANDROID;
+export var RC_ENTITLEMENT_ID = process.env.EXPO_PUBLIC_RC_ENTITLEMENT_ID || 'premium';

package/dist/containers/SubscriptionHandler.js

@@ -0,0 +1,75 @@
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-rc-subscription/src/containers/SubscriptionHandler.js";function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}function asyncGeneratorStep(n, t, e, r, o, a, c) {try {var i = n[a](c),u = i.value;} catch (n) {return void e(n);}i.done ? t(u) : Promise.resolve(u).then(r, o);}function _asyncToGenerator(n) {return function () {var t = this,e = arguments;return new Promise(function (r, o) {var a = n.apply(t, e);function _next(n) {asyncGeneratorStep(a, r, o, _next, _throw, "next", n);}function _throw(n) {asyncGeneratorStep(a, r, o, _next, _throw, "throw", n);}_next(void 0);});};}import React, { createContext, useContext, useEffect, useState } from 'react';
+import Purchases from 'react-native-purchases';
+
+import { RC_API_KEY, RC_ENTITLEMENT_ID } from "../config";import { jsx as _jsx } from "react/jsx-runtime";
+
+var SubscriptionContext = createContext({
+  isSubscribed: false,
+  isLoading: true,
+  customerInfo: null,
+  offerings: null,
+  paywallConfig: null,
+  refresh: function () {var _refresh = _asyncToGenerator(function* () {});function refresh() {return _refresh.apply(this, arguments);}return refresh;}()
+});
+
+export function useSubscription() {
+  return useContext(SubscriptionContext);
+}
+
+export function useIsSubscribed() {
+  return useContext(SubscriptionContext).isSubscribed;
+}
+
+export default function SubscriptionHandler(_ref) {var children = _ref.children,paywallConfig = _ref.paywallConfig;
+  var _useState = useState(false),_useState2 = _slicedToArray(_useState, 2),isSubscribed = _useState2[0],setIsSubscribed = _useState2[1];
+  var _useState3 = useState(true),_useState4 = _slicedToArray(_useState3, 2),isLoading = _useState4[0],setIsLoading = _useState4[1];
+  var _useState5 = useState(null),_useState6 = _slicedToArray(_useState5, 2),customerInfo = _useState6[0],setCustomerInfo = _useState6[1];
+  var _useState7 = useState(null),_useState8 = _slicedToArray(_useState7, 2),offerings = _useState8[0],setOfferings = _useState8[1];function
+
+  refresh() {return _refresh2.apply(this, arguments);}function _refresh2() {_refresh2 = _asyncToGenerator(function* () {
+      try {var _info$entitlements2, _info$entitlements2$a;
+        var info = yield Purchases.getCustomerInfo();
+        setCustomerInfo(info);
+        setIsSubscribed(!!(info != null && (_info$entitlements2 = info.entitlements) != null && (_info$entitlements2$a = _info$entitlements2.active) != null && _info$entitlements2$a[RC_ENTITLEMENT_ID]));
+      } catch (_) {}
+    });return _refresh2.apply(this, arguments);}
+
+  useEffect(function () {
+    if (!RC_API_KEY) {
+      setIsLoading(false);
+      return;
+    }
+
+    function handleCustomerInfo(info) {var _info$entitlements, _info$entitlements$ac;
+      setCustomerInfo(info);
+      setIsSubscribed(!!(info != null && (_info$entitlements = info.entitlements) != null && (_info$entitlements$ac = _info$entitlements.active) != null && _info$entitlements$ac[RC_ENTITLEMENT_ID]));
+    }
+
+    Purchases.configure({ apiKey: RC_API_KEY });
+
+    _asyncToGenerator(function* () {
+      try {
+        var _yield$Promise$all = yield Promise.all([
+          Purchases.getCustomerInfo(),
+          Purchases.getOfferings()]
+          ),_yield$Promise$all2 = _slicedToArray(_yield$Promise$all, 2),info = _yield$Promise$all2[0],offeringsResult = _yield$Promise$all2[1];
+        handleCustomerInfo(info);
+        setOfferings(offeringsResult);
+      } catch (_) {
+      } finally {
+        setIsLoading(false);
+      }
+    })();
+
+    Purchases.addCustomerInfoUpdateListener(handleCustomerInfo);
+    return function () {return Purchases.removeCustomerInfoUpdateListener(handleCustomerInfo);};
+  }, []);
+
+  return (
+    _jsx(SubscriptionContext.Provider, {
+      value: { isSubscribed: isSubscribed, isLoading: isLoading, customerInfo: customerInfo, offerings: offerings, paywallConfig: paywallConfig, refresh: refresh }, children:
+
+      children }
+    ));
+
+}

package/dist/containers/SubscriptionRequired.js

@@ -0,0 +1,11 @@
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-rc-subscription/src/containers/SubscriptionRequired.js";import { Loading } from '@neko-os/ui';
+
+import Paywall from "./paywall/Paywall";
+import { useSubscription } from "./SubscriptionHandler";import { jsx as _jsx } from "react/jsx-runtime";
+
+export default function SubscriptionRequired(_ref) {var children = _ref.children,_ref$disabled = _ref.disabled,disabled = _ref$disabled === void 0 ? false : _ref$disabled,modal = _ref.modal,showReturn = _ref.showReturn,footerPaddingB = _ref.footerPaddingB;
+  var _useSubscription = useSubscription(),isSubscribed = _useSubscription.isSubscribed,isLoading = _useSubscription.isLoading;
+  if (disabled || isSubscribed) return children;
+  if (isLoading) return _jsx(Loading, {});
+  return _jsx(Paywall, { modal: modal, showReturn: showReturn, footerPaddingB: footerPaddingB });
+}

package/dist/containers/SubscriptionRequiredCTA.js

@@ -0,0 +1,37 @@
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-rc-subscription/src/containers/SubscriptionRequiredCTA.js";var _excluded = ["children", "disabled", "hideButton", "size", "buttonProps"];function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}import { BlurView, Button, View, useTranslation } from '@neko-os/ui';
+import { useNavigation } from '@react-navigation/native';
+
+import { useIsSubscribed } from "./SubscriptionHandler";import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+
+export default function SubscriptionRequiredCTA(_ref)
+
+
+
+
+
+
+{var children = _ref.children,_ref$disabled = _ref.disabled,disabled = _ref$disabled === void 0 ? false : _ref$disabled,_ref$hideButton = _ref.hideButton,hideButton = _ref$hideButton === void 0 ? false : _ref$hideButton,size = _ref.size,buttonProps = _ref.buttonProps,props = _objectWithoutProperties(_ref, _excluded);
+  var _useTranslation = useTranslation('subscription'),t = _useTranslation.t;
+  var _useNavigation = useNavigation(),navigate = _useNavigation.navigate;
+  var isSubscribed = useIsSubscribed();
+
+  if (disabled || isSubscribed) return children;
+
+  return (
+    _jsxs(View, Object.assign({ relative: true, hiddenOverflow: true }, props, { children: [
+      children,
+      _jsx(BlurView, { absoluteFill: true, center: true, zIndex: 10, intensity: 18, onPress: function onPress() {return navigate('subscription/active');}, children:
+        !hideButton &&
+        _jsx(Button, Object.assign({
+          label: t('cta.unlock'),
+          icon: "trophy-fill",
+          yellow: true,
+          size: size || 'xs' },
+        buttonProps, {
+          onPress: function onPress() {return navigate('subscription/active');} })
+        ) }
+
+      )] })
+    ));
+
+}

package/dist/containers/paywall/Paywall.js

@@ -0,0 +1,130 @@
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-rc-subscription/src/containers/paywall/Paywall.js";function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}import {
+  AnimatedTopBar,
+  BlurView,
+  ReanimatedScrollHandler,
+  ScrollView,
+  View,
+  useReanimatedScroll,
+  useTranslation } from
+'@neko-os/ui';
+import { Platform } from "react-native-web";
+import { useState } from 'react';
+import Animated from 'react-native-reanimated';
+
+import { useSubscription } from "../SubscriptionHandler";
+import PaywallFeatures from "./PaywallFeatures";
+import PaywallFooter from "./PaywallFooter";
+import PaywallHero from "./PaywallHero";
+import PaywallPlanCard from "./PaywallPlanCard";
+import PaywallReturnIcon from "./PaywallReturnIcon";
+import usePaywallActions from "./_request/usePaywallActions";import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+
+var AnimatedScrollView = Animated.createAnimatedComponent(ScrollView);
+
+function getAvailablePackages(offerings) {
+  if (!(offerings != null && offerings.current)) return [];
+  var _offerings$current = offerings.current,annual = _offerings$current.annual,monthly = _offerings$current.monthly,lifetime = _offerings$current.lifetime;
+  return [annual, monthly, lifetime].filter(Boolean);
+}
+
+function getTrialDays(pkg) {var _pkg$product, _intro$periodUnit;
+  var intro = pkg == null ? void 0 : (_pkg$product = pkg.product) == null ? void 0 : _pkg$product.introPrice;
+  if (!intro || intro.price > 0) return null;
+  var units = intro.periodNumberOfUnits || 0;
+  var unit = (_intro$periodUnit = intro.periodUnit) == null ? void 0 : _intro$periodUnit.toUpperCase();
+  if (unit === 'DAY') return units;
+  if (unit === 'WEEK') return units * 7;
+  if (unit === 'MONTH') return units * 30;
+  return units;
+}
+
+function PaywallScrollContent(_ref)
+
+
+
+
+
+
+
+
+
+
+{var _this = this;var image = _ref.image,title = _ref.title,subtitle = _ref.subtitle,features = _ref.features,packages = _ref.packages,selectedPkg = _ref.selectedPkg,onSelect = _ref.onSelect,monthlyPrice = _ref.monthlyPrice,showReturnIcon = _ref.showReturnIcon,modal = _ref.modal;
+  var _useReanimatedScroll = useReanimatedScroll(),scrollHandler = _useReanimatedScroll.scrollHandler;
+
+  return (
+    _jsxs(AnimatedScrollView, { onScroll: scrollHandler, children: [
+      _jsx(PaywallHero, { image: image, title: title, subtitle: subtitle, showReturnIcon: showReturnIcon, modal: modal }),
+      _jsx(PaywallFeatures, { features: features }),
+
+      _jsx(View, { gap: "xs", paddingH: "md", paddingT: "sm", children:
+        packages.map(function (pkg) {return (
+            _jsx(PaywallPlanCard, {
+
+              pkg: pkg,
+              selected: (selectedPkg == null ? void 0 : selectedPkg.identifier) === pkg.identifier,
+              onSelect: onSelect,
+              monthlyPrice: monthlyPrice }, pkg.identifier
+            ));}
+        ) }
+      ),
+      _jsx(View, { height: 200 })] }
+    ));
+
+}
+
+export default function Paywall(_ref2) {var _packages$find, _packages$find$produc;var modal = _ref2.modal,showReturn = _ref2.showReturn,footerPaddingB = _ref2.footerPaddingB;
+  var _useTranslation = useTranslation('subscription'),t = _useTranslation.t;
+  var _useSubscription = useSubscription(),offerings = _useSubscription.offerings,paywallConfig = _useSubscription.paywallConfig;
+  var _usePaywallActions = usePaywallActions(),handlePurchase = _usePaywallActions.handlePurchase,handleRestore = _usePaywallActions.handleRestore,loading = _usePaywallActions.loading;
+
+  var packages = getAvailablePackages(offerings);
+  var _useState = useState(function () {return packages[0] || null;}),_useState2 = _slicedToArray(_useState, 2),selectedPkg = _useState2[0],setSelectedPkg = _useState2[1];
+
+  var monthlyPrice = (_packages$find = packages.find(function (p) {return p.packageType === 'MONTHLY';})) == null ? void 0 : (_packages$find$produc = _packages$find.product) == null ? void 0 : _packages$find$produc.price;
+  var trialDays = getTrialDays(selectedPkg);
+
+  var title = (paywallConfig == null ? void 0 : paywallConfig.title) || t('paywall.title');
+  var subtitle = (paywallConfig == null ? void 0 : paywallConfig.subtitle) || t('paywall.subtitle');
+  var image = paywallConfig == null ? void 0 : paywallConfig.image;
+  var features = paywallConfig == null ? void 0 : paywallConfig.features;
+  var showReturnIcon = modal || showReturn;
+
+  return (
+    _jsxs(View, { flex: true, bg: "mainBG", children: [
+      _jsxs(ReanimatedScrollHandler, { children: [
+        _jsx(AnimatedTopBar, {
+          WrapperView: BlurView,
+          title: title,
+          subtitle: subtitle,
+          slide: true,
+          shadow: true,
+          showAfter: 230,
+          useSafeArea: !(modal && Platform.OS === 'ios'),
+          left: showReturnIcon && _jsx(PaywallReturnIcon, { modal: modal }) }
+        ),
+
+        _jsx(PaywallScrollContent, {
+          image: image,
+          title: title,
+          subtitle: subtitle,
+          features: features,
+          packages: packages,
+          selectedPkg: selectedPkg,
+          onSelect: setSelectedPkg,
+          monthlyPrice: monthlyPrice,
+          showReturnIcon: showReturnIcon,
+          modal: modal }
+        )] }
+      ),
+
+      _jsx(PaywallFooter, {
+        onPurchase: function onPurchase() {return handlePurchase(selectedPkg);},
+        onRestore: handleRestore,
+        loading: loading,
+        trialDays: trialDays,
+        footerPaddingB: footerPaddingB }
+      )] }
+    ));
+
+}

package/dist/containers/paywall/PaywallFeatures.js

@@ -0,0 +1,42 @@
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-rc-subscription/src/containers/paywall/PaywallFeatures.js";import { Icon, Text, View, useTranslation } from '@neko-os/ui';import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+
+export default function PaywallFeatures(_ref) {var _this = this;var features = _ref.features;
+  var _useTranslation = useTranslation('subscription'),t = _useTranslation.t;
+
+  if (!(features != null && features.length)) return null;
+
+  return (
+    _jsxs(View, { paddingH: "xl", paddingB: "md", children: [
+      _jsxs(View, { row: true, paddingB: "xs", children: [
+        _jsx(View, { flex: true }),
+        _jsx(Text, { xs: true, text3: true, center: true, width: 40, children:
+          t('paywall.free') }
+        ),
+        _jsx(Text, { xs: true, strong: true, center: true, width: 40, color: "primary", children:
+          t('paywall.pro') }
+        )] }
+      ),
+
+      features.map(function (feature, i) {return (
+          _jsxs(View, { row: true, centerV: true, paddingV: "sm", children: [
+            _jsxs(View, { flex: true, row: true, gap: "sm", centerV: true, children: [
+              _jsx(Icon, { name: feature.icon || 'check-line', size: "sm" }),
+              _jsx(Text, { sm: true, flex: true, children:
+                t(feature.label) }
+              )] }
+            ),
+            _jsx(View, { width: 40, center: true, children:
+              feature.free ?
+              _jsx(Icon, { name: "checkbox-circle-fill", primary: true, size: "sm" }) :
+
+              _jsx(Icon, { name: "close-circle-fill", color: "text4_op40", size: "sm" }) }
+
+            ),
+            _jsx(View, { width: 40, center: true, children:
+              _jsx(Icon, { name: "checkbox-circle-fill", primary: true, size: "sm" }) }
+            )] }, i
+          ));}
+      )] }
+    ));
+
+}

package/dist/containers/paywall/PaywallFooter.js

@@ -0,0 +1,16 @@
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-rc-subscription/src/containers/paywall/PaywallFooter.js";import { Button, Link, View, useTranslation } from '@neko-os/ui';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+
+export default function PaywallFooter(_ref) {var onPurchase = _ref.onPurchase,onRestore = _ref.onRestore,loading = _ref.loading,trialDays = _ref.trialDays,footerPaddingB = _ref.footerPaddingB;
+  var _useTranslation = useTranslation('subscription'),t = _useTranslation.t;
+  var _useSafeAreaInsets = useSafeAreaInsets(),bottom = _useSafeAreaInsets.bottom;
+
+  var ctaLabel = trialDays ? t('paywall.ctaTrial') : t('paywall.cta');
+
+  return (
+    _jsxs(View, { gap: "sm", padding: "md", paddingB: footerPaddingB || Math.max(bottom / 2, 16), borderT: true, shadow: !footerPaddingB, children: [
+      _jsx(Button, { label: ctaLabel, onPress: onPurchase, disabled: loading, loading: loading }),
+      _jsx(Link, { label: t('paywall.restore'), onPress: onRestore, disabled: loading, xs: true, text3: true, center: true, underline: true })] }
+    ));
+
+}

package/dist/containers/paywall/PaywallHero.js

@@ -0,0 +1,33 @@
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-rc-subscription/src/containers/paywall/PaywallHero.js";import { Image, ParallaxHeader, SafeAreaView, Text, View } from '@neko-os/ui';
+
+import PaywallReturnIcon from "./PaywallReturnIcon";import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+
+export default function PaywallHero(_ref) {var image = _ref.image,title = _ref.title,subtitle = _ref.subtitle,showReturnIcon = _ref.showReturnIcon,modal = _ref.modal;
+  var IMAGE_HEIGHT = modal ? 180 : 280;
+  return (
+    _jsxs(_Fragment, { children: [
+      image &&
+      _jsx(ParallaxHeader, { height: IMAGE_HEIGHT, disableResistence: true, children:
+        _jsx(Image, { source: image, height: IMAGE_HEIGHT, fullW: true, br: 0 }) }
+      ),
+
+
+      showReturnIcon &&
+      _jsx(SafeAreaView, { absolute: true, top: "sm", left: "md", zIndex: 100, children:
+        _jsx(PaywallReturnIcon, { modal: modal }) }
+      ),
+
+
+      _jsxs(View, { brT: "xxxl", bg: "mainBG", marginT: -25, paddingH: "md", gap: "xs", paddingV: "xl", children: [
+        _jsx(Text, { h2: true, strong: true, center: true, children:
+          title }
+        ),
+        subtitle &&
+        _jsx(Text, { sm: true, text3: true, center: true, children:
+          subtitle }
+        )] }
+
+      )] }
+    ));
+
+}

package/dist/containers/paywall/PaywallPlanCard.js

@@ -0,0 +1,71 @@
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-rc-subscription/src/containers/paywall/PaywallPlanCard.js";import { Card, Link, Radio, Tag, Text, View, useTranslation } from '@neko-os/ui';import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+
+var TYPE_LABELS = {
+  MONTHLY: 'monthly',
+  ANNUAL: 'yearly',
+  LIFETIME: 'lifetime'
+};
+
+function getTrialDays(introPrice) {var _introPrice$periodUni;
+  if (!introPrice || introPrice.price > 0) return null;
+  var units = introPrice.periodNumberOfUnits || 0;
+  var unit = (_introPrice$periodUni = introPrice.periodUnit) == null ? void 0 : _introPrice$periodUni.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;
+  var yearlyFromMonthly = monthlyPrice * 12;
+  var percent = Math.round((yearlyFromMonthly - annualPrice) / yearlyFromMonthly * 100);
+  return percent > 0 ? percent : null;
+}
+
+export default function PaywallPlanCard(_ref) {var pkg = _ref.pkg,selected = _ref.selected,onSelect = _ref.onSelect,monthlyPrice = _ref.monthlyPrice;
+  var _useTranslation = useTranslation('subscription'),t = _useTranslation.t;
+  var product = pkg.product;
+  var typeKey = TYPE_LABELS[pkg.packageType] || pkg.packageType;
+  var label = t('paywall.' + typeKey, { defaultValue: typeKey });
+
+  var trialDays = getTrialDays(product.introPrice);
+  var savePercent = pkg.packageType === 'ANNUAL' ? getSavePercent(monthlyPrice, product.price) : null;
+
+  return (
+    _jsx(Link, { onPress: function onPress() {return onSelect(pkg);}, children:
+      _jsxs(Card, {
+        row: true,
+        centerV: true,
+        padding: "md",
+        gap: "md",
+        bg: selected ? 'primary_op10' : 'overlayBG',
+        borderColor: selected ? 'primary' : 'divider',
+        border: true,
+        minH: "xxl", children: [
+
+        _jsx(Radio, { xs: true, value: selected }),
+
+        _jsxs(View, { flex: true, gap: "xxs", children: [
+          _jsxs(View, { row: true, centerV: true, gap: "xs", children: [
+            _jsx(Text, { strong: true, children: label }),
+            savePercent && _jsx(Tag, { primary: true, label: t('paywall.save', { percent: savePercent }), fill: true }),
+            trialDays && _jsx(Tag, { green: true, label: t('paywall.freeTrial', { count: trialDays }) })] }
+          ),
+          pkg.packageType === 'ANNUAL' && product.pricePerMonthString &&
+          _jsx(Text, { xs: true, text3: true, children:
+            t('paywall.perMonth', { price: product.pricePerMonthString }) }
+          ),
+
+          product.introPrice && product.introPrice.price > 0 &&
+          _jsxs(Text, { xs: true, text3: true, children: [
+            product.introPrice.priceString, " intro"] }
+          )] }
+
+        ),
+
+        _jsx(Text, { strong: true, children: product.priceString })] }
+      ) }
+    ));
+
+}

package/dist/containers/paywall/PaywallReturnIcon.js

@@ -0,0 +1,8 @@
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-rc-subscription/src/containers/paywall/PaywallReturnIcon.js";import { Button } from '@neko-os/ui';
+import { useNavigation } from '@react-navigation/native';import { jsx as _jsx } from "react/jsx-runtime";
+
+export default function PaywallReturnIcon(_ref) {var modal = _ref.modal;
+  var _useNavigation = useNavigation(),goBack = _useNavigation.goBack;
+
+  return _jsx(Button, { icon: modal ? 'close-line' : 'arrow-left-line', ratio: 1, xs: true, color: "mainBG", round: true, onPress: goBack });
+}

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

@@ -0,0 +1,39 @@
+function asyncGeneratorStep(n, t, e, r, o, a, c) {try {var i = n[a](c),u = i.value;} catch (n) {return void e(n);}i.done ? t(u) : Promise.resolve(u).then(r, o);}function _asyncToGenerator(n) {return function () {var t = this,e = arguments;return new Promise(function (r, o) {var a = n.apply(t, e);function _next(n) {asyncGeneratorStep(a, r, o, _next, _throw, "next", n);}function _throw(n) {asyncGeneratorStep(a, r, o, _next, _throw, "throw", n);}_next(void 0);});};}function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}import { Alert } from "react-native-web";
+import { useTranslation } from '@neko-os/ui';
+import { useState } from 'react';
+import Purchases from 'react-native-purchases';
+
+import { useSubscription } from "../../SubscriptionHandler";
+
+export default function usePaywallActions() {
+  var _useTranslation = useTranslation('subscription'),t = _useTranslation.t;
+  var _useSubscription = useSubscription(),refresh = _useSubscription.refresh;
+  var _useState = useState(false),_useState2 = _slicedToArray(_useState, 2),loading = _useState2[0],setLoading = _useState2[1];function
+
+  handlePurchase(_x) {return _handlePurchase.apply(this, arguments);}function _handlePurchase() {_handlePurchase = _asyncToGenerator(function* (pkg) {
+      if (!pkg || loading) return;
+      setLoading(true);
+      try {
+        yield Purchases.purchasePackage(pkg);
+      } catch (e) {
+        if (!e.userCancelled) Alert.alert(t('paywall.errorTitle', { defaultValue: 'Error' }), e.message);
+      } finally {
+        setLoading(false);
+      }
+    });return _handlePurchase.apply(this, arguments);}function
+
+  handleRestore() {return _handleRestore.apply(this, arguments);}function _handleRestore() {_handleRestore = _asyncToGenerator(function* () {
+      if (loading) return;
+      setLoading(true);
+      try {
+        yield Purchases.restorePurchases();
+        yield refresh();
+      } catch (e) {
+        Alert.alert(t('paywall.errorTitle', { defaultValue: 'Error' }), e.message);
+      } finally {
+        setLoading(false);
+      }
+    });return _handleRestore.apply(this, arguments);}
+
+  return { handlePurchase: handlePurchase, handleRestore: handleRestore, loading: loading };
+}

package/dist/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";