feat(subscriptions): added polar as payment provider for subscriptions

* feature(dashboard): add polar / subscription

* wip(payments): manage subscription

* wip(payments): add free product, faq and some other improvements

* fix(root): change node to bundler in tsconfig

* wip(payments): display current subscription

* feat(dashboard): schedule project for deletion

* wip(payments): support custom products/subscriptions

* wip(payments): fix polar scripts

* wip(payments): add json package to dockerfiles

apps/dashboard/src/components/report-chart/area/chart.tsx

@@ -105,7 +105,6 @@ export function Chart({ data }: Props) {
   }, [series]);
 
   const yAxisProps = useYAxisProps({
-    data: [data.metrics.max],
     hide: hideYAxis,
   });
   const xAxisProps = useXAxisProps({

apps/dashboard/src/components/report-chart/common/axis.tsx

@@ -22,12 +22,7 @@ export function getYAxisWidth(value: string | undefined | null) {
   return charLength * value.length + charLength;
 }
 
-export const useYAxisProps = ({
-  data,
-  hide,
-  tickFormatter,
-}: {
-  data: number[];
+export const useYAxisProps = (options?: {
   hide?: boolean;
   tickFormatter?: (value: number) => string;
 }) => {
@@ -38,12 +33,14 @@ export const useYAxisProps = ({
 
   return {
     ...AXIS_FONT_PROPS,
-    width: hide ? 0 : width,
+    width: options?.hide ? 0 : width,
     axisLine: false,
     tickLine: false,
     allowDecimals: false,
     tickFormatter: (value: number) => {
-      const tick = tickFormatter ? tickFormatter(value) : number.short(value);
+      const tick = options?.tickFormatter
+        ? options.tickFormatter(value)
+        : number.short(value);
       const newWidth = getYAxisWidth(tick);
       ref.current.push(newWidth);
       setWidthDebounced(Math.max(...ref.current));

apps/dashboard/src/components/report-chart/histogram/chart.tsx

@@ -49,7 +49,6 @@ export function Chart({ data }: Props) {
   const { series, setVisibleSeries } = useVisibleSeries(data);
   const rechartData = useRechartDataModel(series);
   const yAxisProps = useYAxisProps({
-    data: [data.metrics.max],
     hide: hideYAxis,
   });
   const xAxisProps = useXAxisProps({

apps/dashboard/src/components/report-chart/line/chart.tsx

@@ -110,7 +110,6 @@ export function Chart({ data }: Props) {
 
   const xAxisProps = useXAxisProps({ interval, hide: hideXAxis });
   const yAxisProps = useYAxisProps({
-    data: [data.metrics.max],
     hide: hideYAxis,
   });
   return (

apps/dashboard/src/components/report-chart/retention/chart.tsx

@@ -15,7 +15,6 @@ import {
 } from 'recharts';
 
 import { average, round } from '@openpanel/common';
-import { fix } from 'mathjs';
 import { useXAxisProps, useYAxisProps } from '../common/axis';
 import { useReportChartContext } from '../context';
 import { RetentionTooltip } from './tooltip';
@@ -33,7 +32,6 @@ export function Chart({ data }: Props) {
 
   const xAxisProps = useXAxisProps({ interval, hide: hideXAxis });
   const yAxisProps = useYAxisProps({
-    data: [100],
     hide: hideYAxis,
     tickFormatter: (value) => `${value}%`,
   });