first commit

services/web/frontend/js/features/subscription/util/is-in-free-trial.ts

@@ -0,0 +1,9 @@
+export default function isInFreeTrial(trialEndsAt?: string | null) {
+  if (!trialEndsAt) return false
+
+  const endDate = new Date(trialEndsAt)
+
+  if (endDate.getTime() < Date.now()) return false
+
+  return true
+}

services/web/frontend/js/features/subscription/util/is-monthly-collaborator-plan.ts

@@ -0,0 +1,10 @@
+export default function isMonthlyCollaboratorPlan(
+  planCode: string,
+  isGroupPlan?: boolean
+) {
+  return (
+    planCode.indexOf('collaborator') !== -1 &&
+    planCode.indexOf('ann') === -1 &&
+    !isGroupPlan
+  )
+}

services/web/frontend/js/features/subscription/util/is-recurly-loaded.ts

@@ -0,0 +1,3 @@
+export function isRecurlyLoaded() {
+  return typeof recurly !== 'undefined'
+}

services/web/frontend/js/features/subscription/util/recurly-group-plan-code.ts

@@ -0,0 +1,7 @@
+export function getRecurlyGroupPlanCode(
+  planCode: string,
+  size: string,
+  usage: string
+) {
+  return `group_${planCode}_${size}_${usage}`
+}

services/web/frontend/js/features/subscription/util/recurly-pricing.ts

@@ -0,0 +1,104 @@
+import { SubscriptionPricingState } from '@recurly/recurly-js'
+import { PriceForDisplayData } from '../../../../../types/subscription/plan'
+import { CurrencyCode } from '../../../../../types/subscription/currency'
+import { getRecurlyGroupPlanCode } from './recurly-group-plan-code'
+import { debugConsole } from '@/utils/debugging'
+import { formatCurrency } from '@/shared/utils/currency'
+
+function queryRecurlyPlanPrice(planCode: string, currency: CurrencyCode) {
+  return new Promise(resolve => {
+    recurly.Pricing.Subscription()
+      .plan(planCode, { quantity: 1 })
+      .currency(currency)
+      .catch(debugConsole.error)
+      .done(response => {
+        if (response) {
+          resolve(response)
+        } else {
+          resolve(undefined)
+        }
+      })
+  })
+}
+
+export function formatPriceForDisplayData(
+  price: string,
+  taxRate: number,
+  currencyCode: CurrencyCode,
+  locale: string
+): PriceForDisplayData {
+  const totalPriceExTax = parseFloat(price)
+  let taxAmount = totalPriceExTax * taxRate
+  if (isNaN(taxAmount)) {
+    taxAmount = 0
+  }
+  const totalWithTax = totalPriceExTax + taxAmount
+
+  return {
+    totalForDisplay: formatCurrency(totalWithTax, currencyCode, locale, true),
+    totalAsNumber: totalWithTax,
+    subtotal: formatCurrency(totalPriceExTax, currencyCode, locale),
+    tax: formatCurrency(taxAmount, currencyCode, locale),
+    includesTax: taxAmount !== 0,
+  }
+}
+
+function getPerUserDisplayPrice(
+  totalPrice: number,
+  currency: CurrencyCode,
+  size: string,
+  locale: string
+): string {
+  return formatCurrency(totalPrice / parseInt(size), currency, locale, true)
+}
+
+export async function loadDisplayPriceWithTaxPromise(
+  planCode: string,
+  currencyCode: CurrencyCode,
+  taxRate: number,
+  locale: string
+) {
+  if (!recurly) return
+
+  const price = (await queryRecurlyPlanPrice(
+    planCode,
+    currencyCode
+  )) as SubscriptionPricingState['price']
+  if (price)
+    return formatPriceForDisplayData(
+      price.next.total,
+      taxRate,
+      currencyCode,
+      locale
+    )
+}
+
+export async function loadGroupDisplayPriceWithTaxPromise(
+  groupPlanCode: string,
+  currencyCode: CurrencyCode,
+  taxRate: number,
+  size: string,
+  usage: string,
+  locale: string
+) {
+  if (!recurly) return
+
+  const planCode = getRecurlyGroupPlanCode(groupPlanCode, size, usage)
+  const price = await loadDisplayPriceWithTaxPromise(
+    planCode,
+    currencyCode,
+    taxRate,
+    locale
+  )
+
+  if (price) {
+    price.perUserDisplayPrice = getPerUserDisplayPrice(
+      price.totalAsNumber,
+      currencyCode,
+      size,
+      locale
+    )
+  }
+
+  return price
+}

services/web/frontend/js/features/subscription/util/show-downgrade-option.ts

@@ -0,0 +1,18 @@
+import { Nullable } from '../../../../../types/utils'
+import isInFreeTrial from './is-in-free-trial'
+import isMonthlyCollaboratorPlan from './is-monthly-collaborator-plan'
+
+export default function showDowngradeOption(
+  planCode: string,
+  isGroupPlan?: boolean,
+  trialEndsAt?: string | null,
+  pausedAt?: Nullable<string>,
+  remainingPauseCycles?: Nullable<number>
+) {
+  return (
+    !pausedAt &&
+    !remainingPauseCycles &&
+    isMonthlyCollaboratorPlan(planCode, isGroupPlan) &&
+    !isInFreeTrial(trialEndsAt)
+  )
+}