From 9b4aa12a338b9a1c07d09b89b6d896560bcc7080 Mon Sep 17 00:00:00 2001 From: panteliselef Date: Tue, 29 Jul 2025 20:35:45 +0300 Subject: [PATCH 1/5] chore(clerk-js,localizations): Reposition manage subscription button --- .../OrganizationBillingPage.tsx | 7 +- .../Subscriptions/SubscriptionsList.tsx | 139 ++++++++---------- .../ui/components/UserProfile/BillingPage.tsx | 7 +- .../ui/customizables/elementDescriptors.ts | 1 + packages/clerk-js/src/ui/elements/Section.tsx | 21 +++ packages/localizations/src/en-US.ts | 2 + packages/types/src/appearance.ts | 1 + packages/types/src/localization.ts | 2 + 8 files changed, 102 insertions(+), 78 deletions(-) diff --git a/packages/clerk-js/src/ui/components/OrganizationProfile/OrganizationBillingPage.tsx b/packages/clerk-js/src/ui/components/OrganizationProfile/OrganizationBillingPage.tsx index 978eba26a18..1eca8ace58f 100644 --- a/packages/clerk-js/src/ui/components/OrganizationProfile/OrganizationBillingPage.tsx +++ b/packages/clerk-js/src/ui/components/OrganizationProfile/OrganizationBillingPage.tsx @@ -57,12 +57,15 @@ const OrganizationBillingPageInternal = withCardStateProvider(() => { has({ permission: 'org:sys_billing:manage' })}> diff --git a/packages/clerk-js/src/ui/components/Subscriptions/SubscriptionsList.tsx b/packages/clerk-js/src/ui/components/Subscriptions/SubscriptionsList.tsx index fbb3e77a6f4..58b55e531fe 100644 --- a/packages/clerk-js/src/ui/components/Subscriptions/SubscriptionsList.tsx +++ b/packages/clerk-js/src/ui/components/Subscriptions/SubscriptionsList.tsx @@ -1,8 +1,9 @@ +import type { CommercePlanResource } from '@clerk/types'; import { useMemo } from 'react'; +import { useProtect } from '@/ui/common/Gate'; import { ProfileSection } from '@/ui/elements/Section'; -import { useProtect } from '../../common'; import { useEnvironment, usePlansContext, @@ -11,44 +12,43 @@ import { useSubscription, } from '../../contexts'; import type { LocalizationKey } from '../../customizables'; -import { - Button, - Col, - Flex, - Icon, - localizationKeys, - Span, - Table, - Tbody, - Td, - Text, - Th, - Thead, - Tr, -} from '../../customizables'; +import { Col, Flex, Icon, localizationKeys, Span, Table, Tbody, Td, Text, Th, Thead, Tr } from '../../customizables'; import { ArrowsUpDown, CogFilled, Plans, Plus } from '../../icons'; import { useRouter } from '../../router'; import { SubscriptionBadge } from './badge'; +const isFreePlan = (plan: CommercePlanResource) => !plan.hasBaseFee; + export function SubscriptionsList({ title, - arrowButtonText, - arrowButtonEmptyText, + switchPlansLabel, + newSubscriptionLabel, + manageSubscriptionLabel, }: { title: LocalizationKey; - arrowButtonText: LocalizationKey; - arrowButtonEmptyText: LocalizationKey; + switchPlansLabel: LocalizationKey; + newSubscriptionLabel: LocalizationKey; + manageSubscriptionLabel: LocalizationKey; }) { const { captionForSubscription, openSubscriptionDetails } = usePlansContext(); const localizationRoot = useSubscriberTypeLocalizationRoot(); const subscriberType = useSubscriberTypeContext(); - const { subscriptionItems } = useSubscription(); - const canManageBilling = useProtect( - has => has({ permission: 'org:sys_billing:manage' }) || subscriberType === 'user', - ); + const { subscriptionItems, data: subscription } = useSubscription(); + const canManageBilling = + useProtect(has => has({ permission: 'org:sys_billing:manage' })) || subscriberType === 'user'; const { navigate } = useRouter(); const { commerceSettings } = useEnvironment(); + const billingPlansExist = + (commerceSettings.billing.user.hasPaidPlans && subscriberType === 'user') || + (commerceSettings.billing.organization.hasPaidPlans && subscriberType === 'organization'); + + const hasActiveFreePlan = useMemo(() => { + return subscriptionItems.some(sub => isFreePlan(sub.plan) && sub.status === 'active'); + }, [subscriptionItems]); + + const isManageButtonVisible = canManageBilling && !!subscription && !hasActiveFreePlan; + const sortedSubscriptions = useMemo( () => subscriptionItems.sort((a, b) => { @@ -90,11 +90,6 @@ export function SubscriptionsList({ `${localizationRoot}.billingPage.subscriptionsListSection.tableHeader__startDate`, )} /> - @@ -164,57 +159,53 @@ export function SubscriptionsList({ )} - ({ - textAlign: 'right', - })} - > - - ))} )} - {(commerceSettings.billing.user.hasPaidPlans && subscriberType === 'user') || - (commerceSettings.billing.organization.hasPaidPlans && subscriberType === 'organization') ? ( - 0 ? arrowButtonText : arrowButtonEmptyText} - sx={[ - t => ({ - justifyContent: 'start', - height: t.sizes.$8, - }), - ]} - leftIcon={subscriptionItems.length > 0 ? ArrowsUpDown : Plus} - leftIconSx={t => ({ - width: t.sizes.$4, - height: t.sizes.$4, - })} - onClick={() => void navigate('plans')} - /> - ) : null} + + {billingPlansExist ? ( + 0 ? switchPlansLabel : newSubscriptionLabel} + sx={[ + t => ({ + justifyContent: 'start', + height: t.sizes.$8, + width: isManageButtonVisible ? 'unset' : undefined, + }), + ]} + leftIcon={subscriptionItems.length > 0 ? ArrowsUpDown : Plus} + leftIconSx={t => ({ + width: t.sizes.$4, + height: t.sizes.$4, + })} + onClick={() => void navigate('plans')} + /> + ) : null} + + {isManageButtonVisible ? ( + ({ + justifyContent: 'start', + height: t.sizes.$8, + width: 'unset', + }), + ]} + leftIcon={CogFilled} + leftIconSx={t => ({ + width: t.sizes.$4, + height: t.sizes.$4, + })} + onClick={event => openSubscriptionDetails(event)} + /> + ) : null} + ); } diff --git a/packages/clerk-js/src/ui/components/UserProfile/BillingPage.tsx b/packages/clerk-js/src/ui/components/UserProfile/BillingPage.tsx index 6f70e5494c8..e56d53c587c 100644 --- a/packages/clerk-js/src/ui/components/UserProfile/BillingPage.tsx +++ b/packages/clerk-js/src/ui/components/UserProfile/BillingPage.tsx @@ -53,12 +53,15 @@ const BillingPageInternal = withCardStateProvider(() => { ({ width: '100%', flexDirection: 'column' })}> diff --git a/packages/clerk-js/src/ui/customizables/elementDescriptors.ts b/packages/clerk-js/src/ui/customizables/elementDescriptors.ts index cd7ffe647ae..a171a027725 100644 --- a/packages/clerk-js/src/ui/customizables/elementDescriptors.ts +++ b/packages/clerk-js/src/ui/customizables/elementDescriptors.ts @@ -419,6 +419,7 @@ export const APPEARANCE_KEYS = containsAllElementsConfigKeys([ 'profileSectionSubtitleText', 'profileSectionContent', 'profileSectionPrimaryButton', + 'profileSectionButtonGroup', 'profilePage', 'formattedPhoneNumber', diff --git a/packages/clerk-js/src/ui/elements/Section.tsx b/packages/clerk-js/src/ui/elements/Section.tsx index c223657156e..42a7636cf43 100644 --- a/packages/clerk-js/src/ui/elements/Section.tsx +++ b/packages/clerk-js/src/ui/elements/Section.tsx @@ -211,6 +211,26 @@ const ProfileSectionArrowButton = forwardRef & { + id: ProfileSectionId; + disableAnimation?: boolean; +}; + +const ProfileSectionButtonGroup = (props: ProfileSectionButtonGroupProps) => { + const { children, id, ...rest } = props; + return ( + + {children} + + ); +}; + export type ProfileSectionActionMenuItemProps = PropsOfComponent & { destructive?: boolean; leftIcon?: React.ComponentType | React.ReactElement; @@ -318,6 +338,7 @@ export const ProfileSection = { Item: ProfileSectionItem, Button: ProfileSectionButton, ArrowButton: ProfileSectionArrowButton, + ButtonGroup: ProfileSectionButtonGroup, ActionMenu: ProfileSectionActionMenu, ActionMenuItem: ProfileSectionActionMenuItem, }; diff --git a/packages/localizations/src/en-US.ts b/packages/localizations/src/en-US.ts index cb64ff7594a..161d113a0cb 100644 --- a/packages/localizations/src/en-US.ts +++ b/packages/localizations/src/en-US.ts @@ -295,6 +295,7 @@ export const enUS: LocalizationResource = { }, subscriptionsListSection: { actionLabel__newSubscription: 'Subscribe to a plan', + actionLabel__manageSubscription: 'Manage', actionLabel__switchPlan: 'Switch plans', tableHeader__edit: 'Edit', tableHeader__plan: 'Plan', @@ -948,6 +949,7 @@ export const enUS: LocalizationResource = { }, subscriptionsListSection: { actionLabel__newSubscription: 'Subscribe to a plan', + actionLabel__manageSubscription: 'Manage', actionLabel__switchPlan: 'Switch plans', tableHeader__edit: 'Edit', tableHeader__plan: 'Plan', diff --git a/packages/types/src/appearance.ts b/packages/types/src/appearance.ts index e04f74b2598..635c1029fab 100644 --- a/packages/types/src/appearance.ts +++ b/packages/types/src/appearance.ts @@ -552,6 +552,7 @@ export type ElementsConfig = { profileSectionSubtitleText: WithOptions; profileSectionContent: WithOptions; profileSectionPrimaryButton: WithOptions; + profileSectionButtonGroup: WithOptions; profilePage: WithOptions; // TODO: review diff --git a/packages/types/src/localization.ts b/packages/types/src/localization.ts index 4ff866aa834..eb5c6511abd 100644 --- a/packages/types/src/localization.ts +++ b/packages/types/src/localization.ts @@ -859,6 +859,7 @@ export type __internal_LocalizationResource = { tableHeader__edit: LocalizationValue; title: LocalizationValue; actionLabel__newSubscription: LocalizationValue; + actionLabel__manageSubscription: LocalizationValue; actionLabel__switchPlan: LocalizationValue; }; paymentHistorySection: { @@ -1086,6 +1087,7 @@ export type __internal_LocalizationResource = { tableHeader__edit: LocalizationValue; title: LocalizationValue; actionLabel__newSubscription: LocalizationValue; + actionLabel__manageSubscription: LocalizationValue; actionLabel__switchPlan: LocalizationValue; }; paymentHistorySection: { From a1e48892659c223da4440520b566c78c912c0f95 Mon Sep 17 00:00:00 2001 From: panteliselef Date: Tue, 29 Jul 2025 20:37:07 +0300 Subject: [PATCH 2/5] add more localizations --- packages/localizations/src/ar-SA.ts | 2 ++ packages/localizations/src/be-BY.ts | 2 ++ packages/localizations/src/bg-BG.ts | 2 ++ packages/localizations/src/bn-IN.ts | 2 ++ packages/localizations/src/ca-ES.ts | 2 ++ packages/localizations/src/cs-CZ.ts | 2 ++ packages/localizations/src/da-DK.ts | 2 ++ packages/localizations/src/de-DE.ts | 2 ++ packages/localizations/src/el-GR.ts | 2 ++ packages/localizations/src/en-GB.ts | 2 ++ packages/localizations/src/en-US.ts | 4 ++-- packages/localizations/src/es-CR.ts | 2 ++ packages/localizations/src/es-ES.ts | 2 ++ packages/localizations/src/es-MX.ts | 2 ++ packages/localizations/src/es-UY.ts | 2 ++ packages/localizations/src/fa-IR.ts | 2 ++ packages/localizations/src/fi-FI.ts | 2 ++ packages/localizations/src/fr-FR.ts | 2 ++ packages/localizations/src/he-IL.ts | 2 ++ packages/localizations/src/hi-IN.ts | 2 ++ packages/localizations/src/hr-HR.ts | 2 ++ packages/localizations/src/hu-HU.ts | 2 ++ packages/localizations/src/id-ID.ts | 2 ++ packages/localizations/src/is-IS.ts | 2 ++ packages/localizations/src/it-IT.ts | 2 ++ packages/localizations/src/ja-JP.ts | 2 ++ packages/localizations/src/kk-KZ.ts | 2 ++ packages/localizations/src/ko-KR.ts | 2 ++ packages/localizations/src/mn-MN.ts | 2 ++ packages/localizations/src/ms-MY.ts | 2 ++ packages/localizations/src/nb-NO.ts | 2 ++ packages/localizations/src/nl-BE.ts | 2 ++ packages/localizations/src/nl-NL.ts | 2 ++ packages/localizations/src/pl-PL.ts | 2 ++ packages/localizations/src/pt-BR.ts | 2 ++ packages/localizations/src/pt-PT.ts | 2 ++ packages/localizations/src/ro-RO.ts | 2 ++ packages/localizations/src/ru-RU.ts | 2 ++ packages/localizations/src/sk-SK.ts | 2 ++ packages/localizations/src/sr-RS.ts | 2 ++ packages/localizations/src/sv-SE.ts | 2 ++ packages/localizations/src/ta-IN.ts | 2 ++ packages/localizations/src/te-IN.ts | 2 ++ packages/localizations/src/th-TH.ts | 2 ++ packages/localizations/src/tr-TR.ts | 2 ++ packages/localizations/src/uk-UA.ts | 2 ++ packages/localizations/src/vi-VN.ts | 2 ++ packages/localizations/src/zh-CN.ts | 2 ++ packages/localizations/src/zh-TW.ts | 2 ++ 49 files changed, 98 insertions(+), 2 deletions(-) diff --git a/packages/localizations/src/ar-SA.ts b/packages/localizations/src/ar-SA.ts index 7f231c2a68d..e8d0c5f85bb 100644 --- a/packages/localizations/src/ar-SA.ts +++ b/packages/localizations/src/ar-SA.ts @@ -300,6 +300,7 @@ export const arSA: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, @@ -948,6 +949,7 @@ export const arSA: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, diff --git a/packages/localizations/src/be-BY.ts b/packages/localizations/src/be-BY.ts index 1fa0db9597b..f18a2f8ff9f 100644 --- a/packages/localizations/src/be-BY.ts +++ b/packages/localizations/src/be-BY.ts @@ -301,6 +301,7 @@ export const beBY: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, @@ -957,6 +958,7 @@ export const beBY: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, diff --git a/packages/localizations/src/bg-BG.ts b/packages/localizations/src/bg-BG.ts index 3d9bf7348bd..a542742b54e 100644 --- a/packages/localizations/src/bg-BG.ts +++ b/packages/localizations/src/bg-BG.ts @@ -299,6 +299,7 @@ export const bgBG: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, @@ -948,6 +949,7 @@ export const bgBG: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, diff --git a/packages/localizations/src/bn-IN.ts b/packages/localizations/src/bn-IN.ts index 6af8dfccb99..b47ae0d8d52 100644 --- a/packages/localizations/src/bn-IN.ts +++ b/packages/localizations/src/bn-IN.ts @@ -301,6 +301,7 @@ export const bnIN: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, @@ -960,6 +961,7 @@ export const bnIN: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, diff --git a/packages/localizations/src/ca-ES.ts b/packages/localizations/src/ca-ES.ts index ac2f2352634..9b7a1f4e63e 100644 --- a/packages/localizations/src/ca-ES.ts +++ b/packages/localizations/src/ca-ES.ts @@ -299,6 +299,7 @@ export const caES: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, @@ -951,6 +952,7 @@ export const caES: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, diff --git a/packages/localizations/src/cs-CZ.ts b/packages/localizations/src/cs-CZ.ts index 439065c910b..30e685cd038 100644 --- a/packages/localizations/src/cs-CZ.ts +++ b/packages/localizations/src/cs-CZ.ts @@ -305,6 +305,7 @@ export const csCZ: LocalizationResource = { totalPaid: 'Celkem zaplaceno', }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: 'Přihlásit se k plánu', actionLabel__switchPlan: 'Změnit plány', tableHeader__edit: 'Upravit', @@ -960,6 +961,7 @@ export const csCZ: LocalizationResource = { totalPaid: 'Celkem zaplaceno', }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: 'Přihlásit se k plánu', actionLabel__switchPlan: 'Změnit plány', tableHeader__edit: 'Upravit', diff --git a/packages/localizations/src/da-DK.ts b/packages/localizations/src/da-DK.ts index cd63084f454..ba65ab99643 100644 --- a/packages/localizations/src/da-DK.ts +++ b/packages/localizations/src/da-DK.ts @@ -300,6 +300,7 @@ export const daDK: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, @@ -948,6 +949,7 @@ export const daDK: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, diff --git a/packages/localizations/src/de-DE.ts b/packages/localizations/src/de-DE.ts index 40ca9071436..c334a9698e1 100644 --- a/packages/localizations/src/de-DE.ts +++ b/packages/localizations/src/de-DE.ts @@ -306,6 +306,7 @@ export const deDE: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: 'Plan abonnieren', actionLabel__switchPlan: 'Plan wechseln', tableHeader__edit: undefined, @@ -972,6 +973,7 @@ export const deDE: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: 'Plan abonnieren', actionLabel__switchPlan: 'Plan wechseln', tableHeader__edit: undefined, diff --git a/packages/localizations/src/el-GR.ts b/packages/localizations/src/el-GR.ts index 6885f3b2722..572b13551b8 100644 --- a/packages/localizations/src/el-GR.ts +++ b/packages/localizations/src/el-GR.ts @@ -300,6 +300,7 @@ export const elGR: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, @@ -956,6 +957,7 @@ export const elGR: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, diff --git a/packages/localizations/src/en-GB.ts b/packages/localizations/src/en-GB.ts index b048817ee51..cbf73b57f90 100644 --- a/packages/localizations/src/en-GB.ts +++ b/packages/localizations/src/en-GB.ts @@ -300,6 +300,7 @@ export const enGB: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, @@ -956,6 +957,7 @@ export const enGB: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, diff --git a/packages/localizations/src/en-US.ts b/packages/localizations/src/en-US.ts index 161d113a0cb..fc636279125 100644 --- a/packages/localizations/src/en-US.ts +++ b/packages/localizations/src/en-US.ts @@ -294,8 +294,8 @@ export const enUS: LocalizationResource = { totalPaid: 'Total paid', }, subscriptionsListSection: { - actionLabel__newSubscription: 'Subscribe to a plan', actionLabel__manageSubscription: 'Manage', + actionLabel__newSubscription: 'Subscribe to a plan', actionLabel__switchPlan: 'Switch plans', tableHeader__edit: 'Edit', tableHeader__plan: 'Plan', @@ -948,8 +948,8 @@ export const enUS: LocalizationResource = { totalPaid: 'Total paid', }, subscriptionsListSection: { - actionLabel__newSubscription: 'Subscribe to a plan', actionLabel__manageSubscription: 'Manage', + actionLabel__newSubscription: 'Subscribe to a plan', actionLabel__switchPlan: 'Switch plans', tableHeader__edit: 'Edit', tableHeader__plan: 'Plan', diff --git a/packages/localizations/src/es-CR.ts b/packages/localizations/src/es-CR.ts index ec1836e964a..bcff82463c6 100644 --- a/packages/localizations/src/es-CR.ts +++ b/packages/localizations/src/es-CR.ts @@ -301,6 +301,7 @@ export const esCR: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, @@ -961,6 +962,7 @@ export const esCR: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, diff --git a/packages/localizations/src/es-ES.ts b/packages/localizations/src/es-ES.ts index fe773022cc6..c88cef8ce8d 100644 --- a/packages/localizations/src/es-ES.ts +++ b/packages/localizations/src/es-ES.ts @@ -300,6 +300,7 @@ export const esES: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, @@ -954,6 +955,7 @@ export const esES: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, diff --git a/packages/localizations/src/es-MX.ts b/packages/localizations/src/es-MX.ts index 8ab1e744c6d..2b1c57ce30a 100644 --- a/packages/localizations/src/es-MX.ts +++ b/packages/localizations/src/es-MX.ts @@ -301,6 +301,7 @@ export const esMX: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, @@ -961,6 +962,7 @@ export const esMX: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, diff --git a/packages/localizations/src/es-UY.ts b/packages/localizations/src/es-UY.ts index e195ec77d32..b250a8e7938 100644 --- a/packages/localizations/src/es-UY.ts +++ b/packages/localizations/src/es-UY.ts @@ -301,6 +301,7 @@ export const esUY: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, @@ -962,6 +963,7 @@ export const esUY: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, diff --git a/packages/localizations/src/fa-IR.ts b/packages/localizations/src/fa-IR.ts index 8c9aafe7d01..c393f80a662 100644 --- a/packages/localizations/src/fa-IR.ts +++ b/packages/localizations/src/fa-IR.ts @@ -305,6 +305,7 @@ export const faIR: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: 'در یک طرح مشترک شوید', actionLabel__switchPlan: 'تغییر طرح', tableHeader__edit: undefined, @@ -960,6 +961,7 @@ export const faIR: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: 'در یک طرح مشترک شوید', actionLabel__switchPlan: 'تغییر طرح', tableHeader__edit: undefined, diff --git a/packages/localizations/src/fi-FI.ts b/packages/localizations/src/fi-FI.ts index a3b02b66237..7f79a8c984d 100644 --- a/packages/localizations/src/fi-FI.ts +++ b/packages/localizations/src/fi-FI.ts @@ -300,6 +300,7 @@ export const fiFI: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, @@ -951,6 +952,7 @@ export const fiFI: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, diff --git a/packages/localizations/src/fr-FR.ts b/packages/localizations/src/fr-FR.ts index ce6097b94e6..346f5321260 100644 --- a/packages/localizations/src/fr-FR.ts +++ b/packages/localizations/src/fr-FR.ts @@ -305,6 +305,7 @@ export const frFR: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: "S'abonner à un plan", actionLabel__switchPlan: 'Changer de plan', tableHeader__edit: undefined, @@ -963,6 +964,7 @@ export const frFR: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: "S'abonner à un plan", actionLabel__switchPlan: 'Changer de plan', tableHeader__edit: undefined, diff --git a/packages/localizations/src/he-IL.ts b/packages/localizations/src/he-IL.ts index e698684c647..38b7ba172a0 100644 --- a/packages/localizations/src/he-IL.ts +++ b/packages/localizations/src/he-IL.ts @@ -299,6 +299,7 @@ export const heIL: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, @@ -939,6 +940,7 @@ export const heIL: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, diff --git a/packages/localizations/src/hi-IN.ts b/packages/localizations/src/hi-IN.ts index a4222322c50..13717fe99f1 100644 --- a/packages/localizations/src/hi-IN.ts +++ b/packages/localizations/src/hi-IN.ts @@ -301,6 +301,7 @@ export const hiIN: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, @@ -961,6 +962,7 @@ export const hiIN: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, diff --git a/packages/localizations/src/hr-HR.ts b/packages/localizations/src/hr-HR.ts index 8ad7c3a0705..18ecaa8306d 100644 --- a/packages/localizations/src/hr-HR.ts +++ b/packages/localizations/src/hr-HR.ts @@ -299,6 +299,7 @@ export const hrHR: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, @@ -956,6 +957,7 @@ export const hrHR: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, diff --git a/packages/localizations/src/hu-HU.ts b/packages/localizations/src/hu-HU.ts index e5fd2700de9..72bba532783 100644 --- a/packages/localizations/src/hu-HU.ts +++ b/packages/localizations/src/hu-HU.ts @@ -299,6 +299,7 @@ export const huHU: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, @@ -951,6 +952,7 @@ export const huHU: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, diff --git a/packages/localizations/src/id-ID.ts b/packages/localizations/src/id-ID.ts index 7583d763157..e117869f638 100644 --- a/packages/localizations/src/id-ID.ts +++ b/packages/localizations/src/id-ID.ts @@ -300,6 +300,7 @@ export const idID: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, @@ -960,6 +961,7 @@ export const idID: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, diff --git a/packages/localizations/src/is-IS.ts b/packages/localizations/src/is-IS.ts index 0a160eacc02..c1961c12038 100644 --- a/packages/localizations/src/is-IS.ts +++ b/packages/localizations/src/is-IS.ts @@ -300,6 +300,7 @@ export const isIS: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, @@ -954,6 +955,7 @@ export const isIS: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, diff --git a/packages/localizations/src/it-IT.ts b/packages/localizations/src/it-IT.ts index d4914eb5548..4fb7071266b 100644 --- a/packages/localizations/src/it-IT.ts +++ b/packages/localizations/src/it-IT.ts @@ -308,6 +308,7 @@ export const itIT: LocalizationResource = { totalPaid: 'Totale pagato', }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: 'Abbonati a un piano', actionLabel__switchPlan: 'Cambia piano', tableHeader__edit: 'Modifica', @@ -960,6 +961,7 @@ export const itIT: LocalizationResource = { totalPaid: 'Totale pagato', }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: 'Abbonati a un piano', actionLabel__switchPlan: 'Cambia piano', tableHeader__edit: 'Modifica', diff --git a/packages/localizations/src/ja-JP.ts b/packages/localizations/src/ja-JP.ts index ba0a194fdd7..81ae8ed9348 100644 --- a/packages/localizations/src/ja-JP.ts +++ b/packages/localizations/src/ja-JP.ts @@ -300,6 +300,7 @@ export const jaJP: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, @@ -950,6 +951,7 @@ export const jaJP: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, diff --git a/packages/localizations/src/kk-KZ.ts b/packages/localizations/src/kk-KZ.ts index ee53194775c..3390cc1d17f 100644 --- a/packages/localizations/src/kk-KZ.ts +++ b/packages/localizations/src/kk-KZ.ts @@ -299,6 +299,7 @@ export const kkKZ: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, @@ -937,6 +938,7 @@ export const kkKZ: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, diff --git a/packages/localizations/src/ko-KR.ts b/packages/localizations/src/ko-KR.ts index d03c7921d6f..d86fc477cce 100644 --- a/packages/localizations/src/ko-KR.ts +++ b/packages/localizations/src/ko-KR.ts @@ -300,6 +300,7 @@ export const koKR: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, @@ -943,6 +944,7 @@ export const koKR: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, diff --git a/packages/localizations/src/mn-MN.ts b/packages/localizations/src/mn-MN.ts index f9ceba12cfd..18f88647403 100644 --- a/packages/localizations/src/mn-MN.ts +++ b/packages/localizations/src/mn-MN.ts @@ -300,6 +300,7 @@ export const mnMN: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, @@ -951,6 +952,7 @@ export const mnMN: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, diff --git a/packages/localizations/src/ms-MY.ts b/packages/localizations/src/ms-MY.ts index 0d4d67ffd3c..3952215056b 100644 --- a/packages/localizations/src/ms-MY.ts +++ b/packages/localizations/src/ms-MY.ts @@ -301,6 +301,7 @@ export const msMY: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, @@ -966,6 +967,7 @@ export const msMY: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, diff --git a/packages/localizations/src/nb-NO.ts b/packages/localizations/src/nb-NO.ts index 7870cc5f8a5..b5dfbfd1a2e 100644 --- a/packages/localizations/src/nb-NO.ts +++ b/packages/localizations/src/nb-NO.ts @@ -300,6 +300,7 @@ export const nbNO: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, @@ -950,6 +951,7 @@ export const nbNO: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, diff --git a/packages/localizations/src/nl-BE.ts b/packages/localizations/src/nl-BE.ts index daca9acd34c..8f2fcfe9742 100644 --- a/packages/localizations/src/nl-BE.ts +++ b/packages/localizations/src/nl-BE.ts @@ -299,6 +299,7 @@ export const nlBE: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, @@ -950,6 +951,7 @@ export const nlBE: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, diff --git a/packages/localizations/src/nl-NL.ts b/packages/localizations/src/nl-NL.ts index 1c9ae9e7a1f..426bdec2cdd 100644 --- a/packages/localizations/src/nl-NL.ts +++ b/packages/localizations/src/nl-NL.ts @@ -299,6 +299,7 @@ export const nlNL: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, @@ -950,6 +951,7 @@ export const nlNL: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, diff --git a/packages/localizations/src/pl-PL.ts b/packages/localizations/src/pl-PL.ts index eb513255e6b..e10a39e9acd 100644 --- a/packages/localizations/src/pl-PL.ts +++ b/packages/localizations/src/pl-PL.ts @@ -300,6 +300,7 @@ export const plPL: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, @@ -959,6 +960,7 @@ export const plPL: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, diff --git a/packages/localizations/src/pt-BR.ts b/packages/localizations/src/pt-BR.ts index 84c038377bb..9120e9e2835 100644 --- a/packages/localizations/src/pt-BR.ts +++ b/packages/localizations/src/pt-BR.ts @@ -305,6 +305,7 @@ export const ptBR: LocalizationResource = { totalPaid: 'Total pago', }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: 'Assinar um plano', actionLabel__switchPlan: 'Mudar de plano', tableHeader__edit: 'Editar', @@ -963,6 +964,7 @@ export const ptBR: LocalizationResource = { totalPaid: 'Total pago', }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: 'Assinar um plano', actionLabel__switchPlan: 'Mudar de plano', tableHeader__edit: 'Editar', diff --git a/packages/localizations/src/pt-PT.ts b/packages/localizations/src/pt-PT.ts index a93fbd9a6cc..f65c03c7e2d 100644 --- a/packages/localizations/src/pt-PT.ts +++ b/packages/localizations/src/pt-PT.ts @@ -299,6 +299,7 @@ export const ptPT: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, @@ -950,6 +951,7 @@ export const ptPT: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, diff --git a/packages/localizations/src/ro-RO.ts b/packages/localizations/src/ro-RO.ts index aaf27f21528..d569845432d 100644 --- a/packages/localizations/src/ro-RO.ts +++ b/packages/localizations/src/ro-RO.ts @@ -301,6 +301,7 @@ export const roRO: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, @@ -954,6 +955,7 @@ export const roRO: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, diff --git a/packages/localizations/src/ru-RU.ts b/packages/localizations/src/ru-RU.ts index a4499e2e908..90b7ca0d16e 100644 --- a/packages/localizations/src/ru-RU.ts +++ b/packages/localizations/src/ru-RU.ts @@ -303,6 +303,7 @@ export const ruRU: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, @@ -966,6 +967,7 @@ export const ruRU: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, diff --git a/packages/localizations/src/sk-SK.ts b/packages/localizations/src/sk-SK.ts index 8251ebf4c68..0cf8284214c 100644 --- a/packages/localizations/src/sk-SK.ts +++ b/packages/localizations/src/sk-SK.ts @@ -300,6 +300,7 @@ export const skSK: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, @@ -957,6 +958,7 @@ export const skSK: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, diff --git a/packages/localizations/src/sr-RS.ts b/packages/localizations/src/sr-RS.ts index 4c0ab72bda1..aec580cd514 100644 --- a/packages/localizations/src/sr-RS.ts +++ b/packages/localizations/src/sr-RS.ts @@ -299,6 +299,7 @@ export const srRS: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, @@ -950,6 +951,7 @@ export const srRS: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, diff --git a/packages/localizations/src/sv-SE.ts b/packages/localizations/src/sv-SE.ts index 99d72a6f07c..14048a3bebd 100644 --- a/packages/localizations/src/sv-SE.ts +++ b/packages/localizations/src/sv-SE.ts @@ -300,6 +300,7 @@ export const svSE: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, @@ -953,6 +954,7 @@ export const svSE: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, diff --git a/packages/localizations/src/ta-IN.ts b/packages/localizations/src/ta-IN.ts index d937a81a6ea..202712344f8 100644 --- a/packages/localizations/src/ta-IN.ts +++ b/packages/localizations/src/ta-IN.ts @@ -301,6 +301,7 @@ export const taIN: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, @@ -967,6 +968,7 @@ export const taIN: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, diff --git a/packages/localizations/src/te-IN.ts b/packages/localizations/src/te-IN.ts index 08b8882d867..6b9cd4fc8d7 100644 --- a/packages/localizations/src/te-IN.ts +++ b/packages/localizations/src/te-IN.ts @@ -300,6 +300,7 @@ export const teIN: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, @@ -963,6 +964,7 @@ export const teIN: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, diff --git a/packages/localizations/src/th-TH.ts b/packages/localizations/src/th-TH.ts index ebb2707edb2..d8057a30bb7 100644 --- a/packages/localizations/src/th-TH.ts +++ b/packages/localizations/src/th-TH.ts @@ -299,6 +299,7 @@ export const thTH: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, @@ -948,6 +949,7 @@ export const thTH: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, diff --git a/packages/localizations/src/tr-TR.ts b/packages/localizations/src/tr-TR.ts index 5600b1d2a47..31ca5fc02ac 100644 --- a/packages/localizations/src/tr-TR.ts +++ b/packages/localizations/src/tr-TR.ts @@ -299,6 +299,7 @@ export const trTR: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, @@ -954,6 +955,7 @@ export const trTR: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, diff --git a/packages/localizations/src/uk-UA.ts b/packages/localizations/src/uk-UA.ts index 3216135a2da..b843ce8125c 100644 --- a/packages/localizations/src/uk-UA.ts +++ b/packages/localizations/src/uk-UA.ts @@ -300,6 +300,7 @@ export const ukUA: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, @@ -947,6 +948,7 @@ export const ukUA: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, diff --git a/packages/localizations/src/vi-VN.ts b/packages/localizations/src/vi-VN.ts index 8300ac25f2d..825ff15be6d 100644 --- a/packages/localizations/src/vi-VN.ts +++ b/packages/localizations/src/vi-VN.ts @@ -305,6 +305,7 @@ export const viVN: LocalizationResource = { totalPaid: 'Tổng thanh toán', }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: 'Đăng ký gói', actionLabel__switchPlan: 'Chuyển gói', tableHeader__edit: 'Sửa', @@ -958,6 +959,7 @@ export const viVN: LocalizationResource = { totalPaid: 'Tổng thanh toán', }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: 'Đăng ký gói', actionLabel__switchPlan: 'Chuyển gói', tableHeader__edit: 'Sửa', diff --git a/packages/localizations/src/zh-CN.ts b/packages/localizations/src/zh-CN.ts index 76facbcc215..955631ae5e2 100644 --- a/packages/localizations/src/zh-CN.ts +++ b/packages/localizations/src/zh-CN.ts @@ -298,6 +298,7 @@ export const zhCN: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, @@ -933,6 +934,7 @@ export const zhCN: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, diff --git a/packages/localizations/src/zh-TW.ts b/packages/localizations/src/zh-TW.ts index 2ca2be64a2d..df0b9c4f566 100644 --- a/packages/localizations/src/zh-TW.ts +++ b/packages/localizations/src/zh-TW.ts @@ -298,6 +298,7 @@ export const zhTW: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, @@ -932,6 +933,7 @@ export const zhTW: LocalizationResource = { totalPaid: undefined, }, subscriptionsListSection: { + actionLabel__manageSubscription: undefined, actionLabel__newSubscription: undefined, actionLabel__switchPlan: undefined, tableHeader__edit: undefined, From b91785382a089a48d2de531a0a54b4bdbe0afffc Mon Sep 17 00:00:00 2001 From: panteliselef Date: Tue, 29 Jul 2025 21:08:28 +0300 Subject: [PATCH 3/5] update test --- integration/tests/pricing-table.test.ts | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/integration/tests/pricing-table.test.ts b/integration/tests/pricing-table.test.ts index 5538294589e..f4ebf643cc9 100644 --- a/integration/tests/pricing-table.test.ts +++ b/integration/tests/pricing-table.test.ts @@ -272,7 +272,10 @@ testAgainstRunningApps({ withEnv: [appConfigs.envs.withBilling] })('pricing tabl await u.page.waitForTimeout(1000); await expect(u.po.page.locator('.cl-profileSectionContent__subscriptionsList').getByText('Plus')).toBeVisible(); - await u.po.page.getByRole('button', { name: 'Manage subscription' }).first().click(); + await u.po.page + .locator('.cl-profileSectionContent__subscriptionsList') + .getByRole('button', { name: 'Manage' }) + .click(); await u.po.subscriptionDetails.waitForMounted(); await u.po.subscriptionDetails.root.locator('.cl-menuButtonEllipsisBordered').click(); await u.po.subscriptionDetails.root.getByText('Cancel subscription').click(); From c68fcb8cfe501253eecafc9ad9918b11c75f65d8 Mon Sep 17 00:00:00 2001 From: panteliselef Date: Wed, 30 Jul 2025 11:57:37 +0300 Subject: [PATCH 4/5] changeset --- .changeset/better-results-jump.md | 7 +++++++ 1 file changed, 7 insertions(+) create mode 100644 .changeset/better-results-jump.md diff --git a/.changeset/better-results-jump.md b/.changeset/better-results-jump.md new file mode 100644 index 00000000000..7209e8aacce --- /dev/null +++ b/.changeset/better-results-jump.md @@ -0,0 +1,7 @@ +--- +'@clerk/localizations': minor +'@clerk/clerk-js': patch +'@clerk/types': minor +--- + +Change placement of the manage subscription button inside `` and `` From 87a55d36a330d2cca65736ac1117c336aca3e582 Mon Sep 17 00:00:00 2001 From: panteliselef Date: Wed, 30 Jul 2025 19:19:39 +0300 Subject: [PATCH 5/5] Allow `rightIcon` for `ArrowBlockButton` to be null and hide the default arrow icon --- .../Subscriptions/SubscriptionsList.tsx | 1 + .../src/ui/elements/ArrowBlockButton.tsx | 38 ++++++++++--------- 2 files changed, 21 insertions(+), 18 deletions(-) diff --git a/packages/clerk-js/src/ui/components/Subscriptions/SubscriptionsList.tsx b/packages/clerk-js/src/ui/components/Subscriptions/SubscriptionsList.tsx index 58b55e531fe..59853aa83e3 100644 --- a/packages/clerk-js/src/ui/components/Subscriptions/SubscriptionsList.tsx +++ b/packages/clerk-js/src/ui/components/Subscriptions/SubscriptionsList.tsx @@ -197,6 +197,7 @@ export function SubscriptionsList({ width: 'unset', }), ]} + rightIcon={null} leftIcon={CogFilled} leftIconSx={t => ({ width: t.sizes.$4, diff --git a/packages/clerk-js/src/ui/elements/ArrowBlockButton.tsx b/packages/clerk-js/src/ui/elements/ArrowBlockButton.tsx index 1bd564fd06c..8e51ce721f3 100644 --- a/packages/clerk-js/src/ui/elements/ArrowBlockButton.tsx +++ b/packages/clerk-js/src/ui/elements/ArrowBlockButton.tsx @@ -7,7 +7,7 @@ import { ArrowRightIcon } from '../icons'; import type { PropsOfComponent, ThemableCssProp } from '../styledSystem'; type ArrowBlockButtonProps = PropsOfComponent & { - rightIcon?: React.ComponentType; + rightIcon?: React.ComponentType | null; rightIconSx?: ThemableCssProp; leftIcon?: React.ComponentType | React.ReactElement; leftIconSx?: ThemableCssProp; @@ -125,23 +125,25 @@ export const ArrowBlockButton = React.forwardRef {badge} - ({ - transition: 'all 100ms ease', - minWidth: theme.sizes.$4, - minHeight: theme.sizes.$4, - width: '1em', - height: '1em', - opacity: `var(--arrow-opacity)`, - transform: `var(--arrow-transform)`, - }), - rightIconSx, - ]} - /> + {rightIcon && ( + ({ + transition: 'all 100ms ease', + minWidth: theme.sizes.$4, + minHeight: theme.sizes.$4, + width: '1em', + height: '1em', + opacity: `var(--arrow-opacity)`, + transform: `var(--arrow-transform)`, + }), + rightIconSx, + ]} + /> + )} ); });