Upgrade to Pro License design

[NghiaTranUIT]

Description

Problem: Proxyman Windows doesn't show what is different between the Free and Pro versions. We should implement it.

Beta build:

• Download from https://github.com/ProxymanApp/Proxyman/issues/1784

UI

• Replace the License Screen with a new one:
• Beta build with a working UI will be provided this week 👍

Logic

• Implement a new design: Please notice the font size, font family, and padding. Make it similar to the macOS.
• Use ShadCN UI
• Use new menu: Buy Proxyman Pro… (If there is no activated license key), and Proxyman Pro… if there is an activated license.

• Click on the "Free Version" button will now show the Proxyman Pro Screen

  

• Click on the Arrow button will show the corresponding Docs page:

  

• Use Dialog: However, disable the dismiss action when clicking on the outside Background.

• Click X to hide the dismiss, or use the ESC shortcut.

• Verify whenever the Proxyman Pro Screen, we will call the API to verify the license key -> Save the key to a local file (I assume this logic is already done in the License Screen, but please double check it).

[NghiaTranUIT]

Lock some features:

• Add a lock button on some features
• Click on the Lock button will open the Pro Screen
• Make sure to observe the license notification change -> If I activate the license key -> The lock button must be hidden, and we can use the feature.

[NghiaTranUIT]

Scenario 1: Activated License Key

• Show the license info:

• More button: Destructive Unlink Device button

[NghiaTranUIT]

Activate with Expired License Key:

• Use alert dialog: https://ui.shadcn.com/docs/components/alert-dialog
• Implement the same UI (No need to have the Proxyman icon). Just had the same Title and Description. Use the default font of the ShadCN

• Download the Old Build URL: "https://proxyman.io/release/osx/Proxyman.dmg?license_key=" ⚠️ I will provide the Windows and Linux URL: Please use a switch case to get a correct URL.
• Renew URL: https://proxyman.io/order/renew-license?license_key=<>
• ⚠️ When passing the License Key into the URL, please safely check: If it's empty or undefined, don't include the Query. Just open the URL (without Query)

[NghiaTranUIT]

Run out of seats

• New UI

• Extend URL: https://proxyman.io/order/extend-seats?license_key=<key>

  

• ⚠️ When passing the License Key into the URL, please safely check: If it's empty or undefined, don't include the Query. Just open the URL (without Query)

[NghiaTranUIT]

Expired License key

How to setup:

1. Change the Build Number of the app build.config.ts to the old build. Please open the Github Release, and see the correct build number / version
2. Start the app
3. Activate with an expired license key (Ping @NghiaTranUIT )

Logic

• Implement new UI
• Show number of build behind correctly

• Make sure this feature is working fine:

[NghiaTranUIT]

Hit Limit UI

• Implement new Design with Alert Dialog: https://github.com/ProxymanApp/proxyman-windows-linux/issues/308
• No need to show the Proxyman Icon
• Use the same Font size, font family with the Previous Alert Dialog
• Make sure it applies with all current limited features, such as Map Local, Breakpoint, Diff, Multiple Filter, ...

[NghiaTranUIT]

New Beta build updated: https://github.com/ProxymanApp/Proxyman/issues/1784#issuecomment-1738409655