beenull/ente
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

[web] Redirect to payment portal if subscription is past due

Browse source
This commit is contained in:
vishnukvmd 2024-03-27 15:57:00 +05:30
parent a581e31ef9
commit a15e9b0c9a
2 changed files with 25 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
web/apps/photos/src/components/Sidebar/userDetailsSection.tsx
View file

@ -4,8 +4,10 @@ import { Box, Skeleton } from "@mui/material";
import Typography from "@mui/material/Typography"; import Typography from "@mui/material/Typography";
import { GalleryContext } from "pages/gallery"; import { GalleryContext } from "pages/gallery";
import { useContext, useEffect, useMemo, useState } from "react"; import { useContext, useEffect, useMemo, useState } from "react";
import billingService from "services/billingService";
import { getUserDetailsV2 } from "services/userService"; import { getUserDetailsV2 } from "services/userService";
import { UserDetails } from "types/user"; import { UserDetails } from "types/user";
import { hasStripeSubscription, isSubscriptionPastDue } from "utils/billing";
import { isFamilyAdmin, isPartOfFamily } from "utils/user/family"; import { isFamilyAdmin, isPartOfFamily } from "utils/user/family";
import { MemberSubscriptionManage } from "../MemberSubscriptionManage"; import { MemberSubscriptionManage } from "../MemberSubscriptionManage";
import SubscriptionCard from "./SubscriptionCard"; import SubscriptionCard from "./SubscriptionCard";
@ -50,9 +52,20 @@ export default function UserDetailsSection({ sidebarView }) {
[userDetails], [userDetails],
); );
const handleSubscriptionCardClick = isMemberSubscription const handleSubscriptionCardClick = () => {
? openMemberSubscriptionManage if (isMemberSubscription) {
: galleryContext.showPlanSelectorModal; openMemberSubscriptionManage();
} else {
if (
hasStripeSubscription(userDetails.subscription) &&
isSubscriptionPastDue(userDetails.subscription)
) {
billingService.redirectToCustomerPortal();
} else {
galleryContext.showPlanSelectorModal();
}
}
};
return ( return (
<> <>

9
web/apps/photos/src/utils/billing/index.ts
View file

@ -17,6 +17,7 @@ const PAYMENT_PROVIDER_STRIPE = "stripe";
const PAYMENT_PROVIDER_APPSTORE = "appstore"; const PAYMENT_PROVIDER_APPSTORE = "appstore";
const PAYMENT_PROVIDER_PLAYSTORE = "playstore"; const PAYMENT_PROVIDER_PLAYSTORE = "playstore";
const FREE_PLAN = "free"; const FREE_PLAN = "free";
const THIRTY_DAYS_IN_MICROSECONDS = 30 * 24 * 60 * 60 * 1000 * 1000;
enum FAILURE_REASON { enum FAILURE_REASON {
AUTHENTICATION_FAILED = "authentication_failed", AUTHENTICATION_FAILED = "authentication_failed",
@ -151,6 +152,14 @@ export function hasExceededStorageQuota(userDetails: UserDetails) {
} }
} }
export function isSubscriptionPastDue(subscription: Subscription) {
const currentTime = Date.now() * 1000;
return (
subscription.expiryTime < currentTime &&
subscription.expiryTime > currentTime - THIRTY_DAYS_IN_MICROSECONDS
);
}
export function isPopularPlan(plan: Plan) { export function isPopularPlan(plan: Plan) {
return plan.storage === 100 * ONE_GB; return plan.storage === 100 * ONE_GB;
} }