snapshot of https://github.com/RocketChat/Rocket.Chat.git (develop, 2026-09-16; blobs > 131072B omitted)

apps/meteor/client/views/marketplace/helpers.ts

@@ -0,0 +1,274 @@
+import { AppStatus } from '@rocket.chat/apps-engine/definition/AppStatus';
+import type { App } from '@rocket.chat/core-typings';
+import semver from 'semver';
+
+// import { t } from '../../../app/utils/client';
+import { appErroredStatuses } from './helpers/appErroredStatuses';
+import { t } from '../../../app/utils/lib/i18n';
+
+export const appEnabledStatuses = [AppStatus.AUTO_ENABLED, AppStatus.MANUALLY_ENABLED];
+
+export type Actions = 'update' | 'install' | 'purchase' | 'request';
+
+type appButtonResponseProps = {
+	action: Actions;
+	icon?: 'reload' | 'warning';
+	label: 'Update' | 'Install' | 'Subscribe' | 'See_Pricing' | 'Try_now' | 'Buy' | 'Request' | 'Requested';
+};
+
+export type appStatusSpanResponseProps = {
+	type?: 'primary' | 'failed' | 'warning' | 'danger';
+	icon?: 'warning' | 'checkmark-circled' | 'check';
+	label:
+		| 'Config_needed'
+		| 'Failed'
+		| 'Disabled'
+		| 'Disabled*'
+		| 'Trial_period'
+		| 'Enabled'
+		| 'Enabled*'
+		| 'Incompatible'
+		| 'request'
+		| 'requests'
+		| 'Requested'
+		| 'Mixed_status';
+	tooltipText?: string;
+};
+
+type appButtonPropsType = App & { isAdminUser: boolean; endUserRequested: boolean };
+
+export const appButtonProps = ({
+	installed,
+	version,
+	marketplaceVersion,
+	isPurchased,
+	price,
+	purchaseType,
+	subscriptionInfo,
+	pricingPlans,
+	isEnterpriseOnly,
+	versionIncompatible,
+	isAdminUser,
+	// TODO: Unify this two variables
+	requestedEndUser,
+	endUserRequested,
+}: appButtonPropsType): appButtonResponseProps | undefined => {
+	if (!isAdminUser) {
+		if (requestedEndUser || endUserRequested) {
+			return {
+				action: 'request',
+				label: 'Requested',
+			};
+		}
+
+		return {
+			action: 'request',
+			label: 'Request',
+		};
+	}
+
+	const canUpdate = installed && version && marketplaceVersion && semver.lt(version, marketplaceVersion);
+	if (canUpdate) {
+		if (versionIncompatible) {
+			return {
+				action: 'update',
+				icon: 'warning',
+				label: 'Update',
+			};
+		}
+
+		return {
+			action: 'update',
+			icon: 'reload',
+			label: 'Update',
+		};
+	}
+
+	if (installed) {
+		return;
+	}
+
+	const canDownload = isPurchased;
+	if (canDownload) {
+		if (versionIncompatible) {
+			return {
+				action: 'install',
+				icon: 'warning',
+				label: 'Install',
+			};
+		}
+
+		return {
+			action: 'install',
+			label: 'Install',
+		};
+	}
+
+	const canSubscribe = purchaseType === 'subscription' && !subscriptionInfo.status;
+	if (canSubscribe) {
+		const cannotTry = pricingPlans.every((currentPricingPlan) => currentPricingPlan.trialDays === 0);
+		const isTierBased = pricingPlans.every((currentPricingPlan) => currentPricingPlan.tiers && currentPricingPlan.tiers.length > 0);
+
+		if (versionIncompatible) {
+			return {
+				action: 'purchase',
+				label: 'Subscribe',
+				icon: 'warning',
+			};
+		}
+
+		if (cannotTry || isEnterpriseOnly) {
+			return {
+				action: 'purchase',
+				label: 'Subscribe',
+			};
+		}
+
+		if (isTierBased) {
+			return {
+				action: 'purchase',
+				label: 'See_Pricing',
+			};
+		}
+
+		return {
+			action: 'purchase',
+			label: 'Try_now',
+		};
+	}
+
+	const canBuy = price > 0;
+	if (canBuy) {
+		if (versionIncompatible) {
+			return {
+				action: 'purchase',
+				label: 'Buy',
+				icon: 'warning',
+			};
+		}
+
+		return {
+			action: 'purchase',
+			label: 'Buy',
+		};
+	}
+
+	if (versionIncompatible) {
+		return {
+			action: 'purchase',
+			label: 'Install',
+			icon: 'warning',
+		};
+	}
+
+	return {
+		action: 'purchase',
+		label: 'Install',
+	};
+};
+
+export const appIncompatibleStatusProps = (): appStatusSpanResponseProps => ({
+	icon: 'check',
+	label: 'Incompatible',
+	tooltipText: t('App_version_incompatible_tooltip'),
+});
+
+export const appStatusSpanProps = (
+	{ installed, status, subscriptionInfo, appRequestStats, migrated, clusterStatus }: App,
+	isEnterprise?: boolean,
+	context?: string,
+	isAppDetailsPage?: boolean,
+): appStatusSpanResponseProps | undefined => {
+	const isEnabled = status && appEnabledStatuses.includes(status);
+
+	const isMixedStatus = clusterStatus && !clusterStatus.every((item) => item.status === clusterStatus?.[0].status);
+
+	if (isMixedStatus) {
+		return {
+			type: 'warning',
+			icon: 'warning',
+			label: 'Mixed_status',
+			tooltipText: t('Mixed_status_tooltip'),
+		};
+	}
+
+	if (installed) {
+		if (isEnabled) {
+			return migrated && !isEnterprise
+				? {
+						label: 'Enabled*',
+						tooltipText: t('Grandfathered_app'),
+					}
+				: {
+						label: 'Enabled',
+					};
+		}
+
+		return migrated && !isEnterprise
+			? {
+					label: 'Disabled*',
+					tooltipText: t('Grandfathered_app'),
+					type: 'danger',
+				}
+			: {
+					type: 'danger',
+					label: 'Disabled',
+				};
+	}
+
+	const isFailed = status && appErroredStatuses.includes(status);
+	if (isFailed) {
+		return {
+			type: 'failed',
+			icon: 'warning',
+			label: status === AppStatus.INVALID_SETTINGS_DISABLED ? 'Config_needed' : 'Failed',
+		};
+	}
+
+	const isOnTrialPeriod = subscriptionInfo && subscriptionInfo.status === 'trialing';
+	if (isOnTrialPeriod) {
+		return {
+			icon: 'checkmark-circled',
+			label: 'Trial_period',
+		};
+	}
+
+	if (context === 'requested' && appRequestStats) {
+		if (isAppDetailsPage) {
+			return {
+				label: 'Requested',
+			};
+		}
+
+		if (appRequestStats.totalUnseen) {
+			return {
+				label: appRequestStats.totalUnseen > 1 ? 'requests' : 'request',
+				type: 'primary',
+			};
+		}
+
+		return {
+			label: appRequestStats.totalSeen > 1 ? 'requests' : 'request',
+		};
+	}
+};
+
+export const appMultiStatusProps = (
+	app: App,
+	isAppDetailsPage: boolean,
+	context: string,
+	isEnterprise: boolean,
+): appStatusSpanResponseProps[] => {
+	const status = appStatusSpanProps(app, isEnterprise, context, isAppDetailsPage);
+	const statuses = [];
+
+	if (app?.versionIncompatible !== undefined && !isAppDetailsPage) {
+		statuses.push(appIncompatibleStatusProps());
+	}
+
+	if (status) {
+		statuses.push(status);
+	}
+
+	return statuses;
+};