@developer_tribe/react-builder 1.2.27 → 1.2.29

package/src/product-base/extractIOSParams.ts

@@ -0,0 +1,199 @@
+import { convertIOSPeriodUnit } from './periodLocalizationKeys';
+import { iapLogger } from '../logger';
+import {
+  calculateDiscount,
+  calculatePricePerMonth,
+  calculatePricePerYear,
+} from './calculations';
+import type { Product, IOSDiscount, IOSIntroductoryPrice } from './types';
+
+export interface IOSParams {
+  price: string;
+  promoPrice: string;
+  currency: string;
+  localizedPrice: string;
+  period: string;
+  periodValue: string;
+  periodType: string;
+  promoPeriod: string;
+  promoCycles: string;
+  promoPeriodUnit: string;
+  hasTrial: string;
+  trialPeriod: string;
+  trialPeriodUnit: string;
+  discountPercentage: string;
+  pricePerMonth: string;
+  pricePerYear: string;
+}
+
+function isFreeTrialIntro(introPrice: IOSIntroductoryPrice): boolean {
+  return (
+    introPrice.type === 'free_trial' ||
+    parseFloat(introPrice.price || introPrice.priceIOS || '0') === 0
+  );
+}
+
+function extractPromoCyclesAndPeriod(
+  cycles: number,
+  periodUnit: string,
+): { promoPeriod: string; promoCycles: string; promoPeriodUnit: string } {
+  return {
+    promoPeriod: `${cycles} ${periodUnit}${cycles > 1 ? 's' : ''}`,
+    promoCycles: String(cycles),
+    promoPeriodUnit: periodUnit,
+  };
+}
+
+/**
+ * iOS product'tan params'ları extract eder
+ * introductoryPrice ve discounts'tan trial/promo bilgilerini parse eder
+ */
+export function extractIOSParams(
+  product: Product,
+  offerId?: string,
+): IOSParams {
+  try {
+    const price = String(product.price || product.localizedPrice || '').replace(
+      /[^0-9.]/g,
+      '',
+    );
+    const currency = product.currency || product.currencyCode || '';
+    const localizedPrice = product.localizedPrice || '';
+
+    const periodUnit = convertIOSPeriodUnit(
+      product.subscriptionPeriodUnitIOS || 'MONTH',
+    );
+    const periodValue = String(product.subscriptionPeriodNumberIOS || 1);
+    const periodType = `${periodValue} ${periodUnit}${parseInt(periodValue, 10) > 1 ? 's' : ''}`;
+
+    const introPrice =
+      product.introductoryPrice || product.introductoryPriceIOS;
+    const hasIntro = !!introPrice;
+    const isTrial = hasIntro && isFreeTrialIntro(introPrice);
+
+    let hasTrial = 'false';
+    let trialPeriod = '';
+    let trialPeriodUnit = '';
+    let promoPrice = '';
+    let promoPeriod = '';
+    let promoCycles = '';
+    let promoPeriodUnit = '';
+
+    if (isTrial) {
+      hasTrial = 'true';
+      trialPeriod = String(
+        introPrice.subscriptionPeriodNumberIOS ||
+          introPrice.numberOfPeriods ||
+          7,
+      );
+      trialPeriodUnit = convertIOSPeriodUnit(
+        introPrice.subscriptionPeriodUnitIOS ||
+          introPrice.subscriptionPeriod ||
+          'DAY',
+      );
+    } else if (hasIntro) {
+      promoPrice = String(
+        introPrice.price || introPrice.priceIOS || '',
+      ).replace(/[^0-9.]/g, '');
+      const cycles = introPrice.numberOfPeriods || 1;
+      const unit = convertIOSPeriodUnit(
+        introPrice.subscriptionPeriodUnitIOS ||
+          introPrice.subscriptionPeriod ||
+          'MONTH',
+      );
+      const extracted = extractPromoCyclesAndPeriod(cycles, unit);
+      promoPeriod = extracted.promoPeriod;
+      promoCycles = extracted.promoCycles;
+      promoPeriodUnit = extracted.promoPeriodUnit;
+    }
+
+    // Promotional offers (discounts) - offerId ile eşleşen discount
+    if (offerId && product.discounts) {
+      const discount = product.discounts.find(
+        (d: IOSDiscount) => d.identifier === offerId,
+      );
+
+      if (discount) {
+        promoPrice = String(discount.price || '').replace(/[^0-9.]/g, '');
+        const cycles = discount.numberOfPeriods || 1;
+        const unit = convertIOSPeriodUnit(
+          discount.subscriptionPeriod || 'MONTH',
+        );
+        const extracted = extractPromoCyclesAndPeriod(cycles, unit);
+        promoPeriod = extracted.promoPeriod;
+        promoCycles = extracted.promoCycles;
+        promoPeriodUnit = extracted.promoPeriodUnit;
+      } else {
+        iapLogger.error(
+          ['extractIOSParams'],
+          'Requested offer not found in discounts',
+          {
+            productId: product.id || product.productId,
+            requestedOfferId: offerId,
+            availableDiscounts: product.discounts.map(
+              (d: IOSDiscount) => d.identifier,
+            ),
+          },
+          { remote: true },
+        );
+      }
+    }
+
+    const discountPercentage = calculateDiscount(price, promoPrice);
+    const priceNum = parseFloat(price);
+    const pricePerMonth = calculatePricePerMonth(priceNum, periodUnit);
+    const pricePerYear = calculatePricePerYear(priceNum, periodUnit);
+
+    return {
+      price,
+      promoPrice,
+      currency,
+      localizedPrice,
+      period: periodUnit,
+      periodValue,
+      periodType,
+      promoPeriod,
+      promoCycles,
+      promoPeriodUnit,
+      hasTrial,
+      trialPeriod,
+      trialPeriodUnit,
+      discountPercentage,
+      pricePerMonth,
+      pricePerYear,
+    };
+  } catch (error) {
+    iapLogger.error(
+      ['extractIOSParams'],
+      'Failed to extract iOS params',
+      {
+        productId: product?.id || product?.productId,
+        error: error instanceof Error ? error.message : String(error),
+      },
+      { remote: true },
+    );
+    return getEmptyParams();
+  }
+}
+
+/** Boş params döner (fallback) */
+function getEmptyParams(): IOSParams {
+  return {
+    price: '',
+    promoPrice: '',
+    currency: '',
+    localizedPrice: '',
+    period: 'month',
+    periodValue: '1',
+    periodType: '1 month',
+    promoPeriod: '',
+    promoCycles: '',
+    promoPeriodUnit: '',
+    hasTrial: 'false',
+    trialPeriod: '',
+    trialPeriodUnit: '',
+    discountPercentage: '',
+    pricePerMonth: '',
+    pricePerYear: '',
+  };
+}

package/src/product-base/index.ts

@@ -0,0 +1,64 @@
+/**
+ * Product base — centralized product utilities for paywall.
+ *
+ * This module is the single source of truth for product extraction, calculation
+ * and localization logic. It is consumed by:
+ *   - This library's own web builder (PaywallProvider, ProductPresetsModal)
+ *   - The core React Native project via `@developer_tribe/react-builder` exports
+ *
+ * Everything here is RN-safe (no DOM, no SCSS, no window/document).
+ *
+ * Includes:
+ * - types.ts                           : Product, PricingPhase, SubscriptionOffer, IOSDiscount, etc.
+ * - calculations.ts                    : extractPrice, calculateDiscount, pricePerMonth/Year
+ * - periodLocalizationKeys.ts          : PERIOD_LOCALIZATION_KEYS, parseBillingPeriod, convertIOSPeriodUnit
+ * - extractAndroidParams.ts            : Android pricingPhases extraction (trial, promo, regular)
+ * - extractIOSParams.ts                : iOS introductoryPrice/discounts extraction
+ * - buildPaywallLocalizationParams.ts  : Pure function — platform injected from outside
+ * - usePaywallLocalizationParams.ts    : Generic React hook — all deps via config param
+ * - mockProducts.json                  : Mock product data for testing (Android + iOS)
+ */
+
+export * from './types';
+export * from './calculations';
+export * from './periodLocalizationKeys';
+export * from './extractAndroidParams';
+export * from './extractIOSParams';
+export * from './buildPaywallLocalizationParams';
+export * from './usePaywallLocalizationParams';
+
+/* ── Mock Products ── */
+
+import presetsJson from './mockProducts.json';
+import type { Product } from './types';
+
+/** Preset map: preset key → product array. */
+export type MockProductPresets = Record<string, Product[]>;
+
+/**
+ * Returns a deep-copy of all mock product presets.
+ *
+ * Use this instead of importing `mockProducts.json` directly so that:
+ * 1. Consumers don't couple to a JSON file path.
+ * 2. Each call returns a fresh copy (safe to mutate).
+ *
+ * @example
+ * import { getMockProducts } from '@developer_tribe/react-builder';
+ * const presets = getMockProducts(); // { 'preset-1': [...], ... }
+ */
+export function getMockProducts(): MockProductPresets {
+  return JSON.parse(JSON.stringify(presetsJson)) as MockProductPresets;
+}
+
+/**
+ * Returns the product list for a specific preset key (deep-copied).
+ * Returns an empty array if the key doesn't exist.
+ *
+ * @example
+ * import { getMockProductsByPreset } from '@developer_tribe/react-builder';
+ * const products = getMockProductsByPreset('preset-1');
+ */
+export function getMockProductsByPreset(presetKey: string): Product[] {
+  const all = getMockProducts();
+  return all[presetKey] ?? [];
+}