Fix new pricing issues before v12 launch (#9330)

* update link

* change wording

* add statistic

* fix bug

packages/insomnia/src/models/organization.ts

@@ -77,7 +77,7 @@ export const formatCurrentPlanType = (type: PersonalPlanType) => {
       return 'Enterprise';
     }
     case 'enterprise-member': {
-      return 'Enterprise Member';
+      return 'Enterprise';
     }
     default: {
       return 'Free';

packages/insomnia/src/ui/components/header-plan-indicator.tsx

@@ -87,7 +87,7 @@ export const HeaderPlanIndicator = ({ isMinimal }: Props) => {
   const userTip =
     userStatus === 'error'
       ? 'You have reached your limit of licensed users. Invite more by Upgrading your plan.'
-      : 'This number represents the amount of licensed users are in your plan.';
+      : 'The number of users currently consuming a license within your account.';
 
   return (
     <DialogTrigger isOpen={open} onOpenChange={setOpen}>
@@ -123,7 +123,7 @@ export const HeaderPlanIndicator = ({ isMinimal }: Props) => {
                   className="rounded-sm border border-solid border-[--hl-md] px-4 py-1 text-sm text-[--color-font] ring-1 ring-transparent transition-all hover:bg-[--hl-xs] hover:bg-opacity-80 focus:ring-inset focus:ring-[--hl-md] aria-pressed:bg-[--hl-sm]"
                   href={
                     isEssential
-                      ? getAppWebsiteBaseURL() + '/app/pricing'
+                      ? getAppWebsiteBaseURL() + '/app/pricing?source=app_topbar'
                       : getAppWebsiteBaseURL() + '/app/subscription/update?plan=enterprise&source=app_topbar'
                   }
                 >
@@ -159,7 +159,7 @@ export const HeaderPlanIndicator = ({ isMinimal }: Props) => {
                     <span className="capitalize">Unmanaged users</span>
                     <Tooltip
                       position="bottom"
-                      message="This number represents the amount of free users are in your plan."
+                      message="The number of open source users from your verified domains, not currently attached to your account."
                     >
                       <Icon icon="info-circle" className="ml-2" />
                     </Tooltip>

packages/insomnia/src/ui/components/modals/invite-modal/invite-form.tsx

@@ -56,7 +56,7 @@ interface EmailsInputProps {
   onInviteCompleted?: () => void;
 }
 
-const upgradeModalWording = {
+const upgradeBannerWording = {
   [needsToUpgrade]: {
     ownerTitle: 'Upgrade plan to invite more people',
     memberTitle: 'Ask plan owner to upgrade to invite more people',
@@ -79,7 +79,7 @@ const upgradeModalWording = {
       </>
     ),
     submitText: 'Upgrade',
-    submitLink: getAppWebsiteBaseURL() + '/app/pricing',
+    submitLink: getAppWebsiteBaseURL() + '/app/pricing?source=app_invite_modal',
   },
   [needsToIncreaseSeats]: {
     ownerTitle: 'Increase plan seats to invite more people',
@@ -103,7 +103,7 @@ const upgradeModalWording = {
       </>
     ),
     submitText: 'Increase seats',
-    submitLink: getAppWebsiteBaseURL() + '/app/pricing',
+    submitLink: getAppWebsiteBaseURL() + '/app/pricing?source=app_invite_modal',
   },
 };
 
@@ -268,20 +268,20 @@ export const InviteForm = ({
           <div className="flex flex-col items-start justify-start gap-3.5">
             <Heading className="text-lg font-bold">
               {isUserOwner
-                ? upgradeModalWording[upgradeBannerStatus].ownerTitle
-                : upgradeModalWording[upgradeBannerStatus].memberTitle}
+                ? upgradeBannerWording[upgradeBannerStatus].ownerTitle
+                : upgradeBannerWording[upgradeBannerStatus].memberTitle}
             </Heading>
             <p>
               {isUserOwner
-                ? upgradeModalWording[upgradeBannerStatus].ownerDescription
-                : upgradeModalWording[upgradeBannerStatus].memberDescription}
+                ? upgradeBannerWording[upgradeBannerStatus].ownerDescription
+                : upgradeBannerWording[upgradeBannerStatus].memberDescription}
             </p>
             {isUserOwner && (
               <a
-                href={upgradeModalWording[upgradeBannerStatus].submitLink}
+                href={upgradeBannerWording[upgradeBannerStatus].submitLink}
                 className="rounded-sm border border-solid border-[--hl-md] px-3 py-2 text-[--color-font] transition-colors hover:bg-opacity-90 hover:no-underline"
               >
-                {upgradeModalWording[upgradeBannerStatus].submitText}
+                {upgradeBannerWording[upgradeBannerStatus].submitText}
               </a>
             )}
           </div>

packages/insomnia/src/ui/components/modals/upgrade-plan-modal.tsx

@@ -30,7 +30,7 @@ export const UpgradePlanModal = () => {
   const startFetcher = useTrialStartActionFetcher();
 
   const handleUpgrade = () => {
-    window.main.openInBrowser(`${getAppWebsiteBaseURL()}/app/pricing`);
+    window.main.openInBrowser(`${getAppWebsiteBaseURL()}/app/pricing?source=app_welcome_modal`);
   };
 
   const handleClose = () => {

packages/insomnia/src/ui/components/project/project-settings-form.tsx

@@ -348,10 +348,7 @@ export const ProjectSettingsForm: FC<Props> = ({
                           </a>
                         </p>
                         <a
-                          href={
-                            getAppWebsiteBaseURL() +
-                            '/app/subscription/update?plan=team&pay_schedule=year&source=app_feature_git_sync'
-                          }
+                          href={getAppWebsiteBaseURL() + '/app/pricing?source=app_create_git_project'}
                           className="rounded-sm border border-solid border-[--hl-md] px-3 py-2 text-[--color-font] transition-colors hover:bg-opacity-90 hover:no-underline"
                         >
                           Upgrade
@@ -364,10 +361,7 @@ export const ProjectSettingsForm: FC<Props> = ({
                           will need to upgrade the plan for you to access it.
                         </p>
                         <a
-                          href={
-                            getAppWebsiteBaseURL() +
-                            '/app/subscription/update?plan=team&pay_schedule=year&source=app_feature_git_sync'
-                          }
+                          href={docsPricingLearnMoreLink}
                           className="rounded-sm border border-solid border-[--hl-md] px-3 py-2 text-[--color-font] transition-colors hover:bg-opacity-90 hover:no-underline"
                         >
                           Learn More ↗