Fix Cairo stable and alpha UI links (#701)

Author: ericglau

packages/ui/src/cairo/AccessControlSection.svelte

@@ -33,21 +33,21 @@
   bind:value={access}
   defaultValue="ownable"
   helpContent="Restrict who can access the functions of a contract or when they can do it."
-  helpLink="https://docs.openzeppelin.com/contracts-cairo/access"
+  helpLink="https://docs.openzeppelin.com/contracts-cairo/2.x/access"
   {required}
 >
   <div class="checkbox-group">
     <label class:checked={access === 'ownable'}>
       <input type="radio" bind:group={access} value="ownable" />
       Ownable
-      <HelpTooltip link="https://docs.openzeppelin.com/contracts-cairo/access#ownership_and_ownable">
+      <HelpTooltip link="https://docs.openzeppelin.com/contracts-cairo/2.x/access#ownership_and_ownable">
         Simple mechanism with a single account authorized for all privileged actions.
       </HelpTooltip>
     </label>
     <label class:checked={access === 'roles'}>
       <input type="radio" bind:group={access} value="roles" />
       Roles
-      <HelpTooltip link="https://docs.openzeppelin.com/contracts-cairo/access#role_based_accesscontrol">
+      <HelpTooltip link="https://docs.openzeppelin.com/contracts-cairo/2.x/access#role_based_accesscontrol">
         Flexible mechanism with a separate role for each privileged action. A role can have many authorized accounts.
       </HelpTooltip>
     </label>

packages/ui/src/cairo/AccountControls.svelte

@@ -31,15 +31,15 @@
     <label class:checked={accountType === 'stark'}>
       <input type="radio" bind:group={opts.type} value="stark" />
       Starknet
-      <HelpTooltip link="https://docs.openzeppelin.com/contracts-cairo/accounts#starknet_account">
+      <HelpTooltip link="https://docs.openzeppelin.com/contracts-cairo/2.x/accounts#starknet_account">
         Starknet account that uses the STARK curve for signature checking.
       </HelpTooltip>
     </label>
 
     <label class:checked={accountType === 'eth'}>
       <input type="radio" bind:group={opts.type} value="eth" />
       Ethereum
-      <HelpTooltip link="https://docs.openzeppelin.com/contracts-cairo/accounts#ethereum_account">
+      <HelpTooltip link="https://docs.openzeppelin.com/contracts-cairo/2.x/accounts#ethereum_account">
         Ethereum-flavored account that uses the Secp256k1 curve for signature checking.
       </HelpTooltip>
     </label>
@@ -69,7 +69,7 @@
     <label class:checked={opts.deploy}>
       <input type="checkbox" bind:checked={opts.deploy} />
       Deployable
-      <HelpTooltip link="https://docs.openzeppelin.com/contracts-cairo/accounts#deploying_an_account">
+      <HelpTooltip link="https://docs.openzeppelin.com/contracts-cairo/2.x/accounts#deploying_an_account">
         Enables the account to be counterfactually deployed.
       </HelpTooltip>
     </label>

packages/ui/src/cairo/CustomControls.svelte

@@ -36,7 +36,7 @@
     <label class:checked={opts.pausable}>
       <input type="checkbox" bind:checked={opts.pausable} />
       Pausable
-      <HelpTooltip link="https://docs.openzeppelin.com/contracts-cairo/security#pausable">
+      <HelpTooltip link="https://docs.openzeppelin.com/contracts-cairo/2.x/security#pausable">
         Privileged accounts will be able to pause the functionality marked with <code
           >self.pausable.assert_not_paused()</code
         >. Useful for emergency response.

packages/ui/src/cairo/ERC1155Controls.svelte

@@ -56,7 +56,7 @@
     <label class:checked={opts.pausable}>
       <input type="checkbox" bind:checked={opts.pausable} />
       Pausable
-      <HelpTooltip link="https://docs.openzeppelin.com/contracts-cairo/security#pausable">
+      <HelpTooltip link="https://docs.openzeppelin.com/contracts-cairo/2.x/security#pausable">
         Privileged accounts will be able to pause the functionality marked with <code
           >self.pausable.assert_not_paused()</code
         >. Useful for emergency response.
@@ -65,7 +65,7 @@
     <label class:checked={opts.updatableUri}>
       <input type="checkbox" bind:checked={opts.updatableUri} />
       Updatable URI
-      <HelpTooltip link="https://docs.openzeppelin.com/contracts-cairo/api/erc1155#ERC1155Component-set_base_uri">
+      <HelpTooltip link="https://docs.openzeppelin.com/contracts-cairo/2.x/api/erc1155#ERC1155Component-set_base_uri">
         Privileged accounts will be able to set a new URI for all token types. Clients will replace any instance of {'{id}'}
         in the URI with the tokenId.
       </HelpTooltip>

packages/ui/src/cairo/ERC20Controls.svelte

@@ -61,7 +61,7 @@
     <label class:checked={opts.mintable}>
       <input type="checkbox" bind:checked={opts.mintable} />
       Mintable
-      <HelpTooltip link="https://docs.openzeppelin.com/contracts-cairo/guides/erc20-supply">
+      <HelpTooltip link="https://docs.openzeppelin.com/contracts-cairo/2.x/guides/erc20-supply">
         Privileged accounts will be able to create more supply.
       </HelpTooltip>
     </label>
@@ -75,7 +75,7 @@
     <label class:checked={opts.pausable}>
       <input type="checkbox" bind:checked={opts.pausable} />
       Pausable
-      <HelpTooltip link="https://docs.openzeppelin.com/contracts-cairo/security#pausable">
+      <HelpTooltip link="https://docs.openzeppelin.com/contracts-cairo/2.x/security#pausable">
         Privileged accounts will be able to pause the functionality marked with <code
           >self.pausable.assert_not_paused()</code
         >. Useful for emergency response.
@@ -90,13 +90,13 @@
   label="Votes"
   bind:checked={opts.votes}
   helpContent="Keeps track of historical balances for voting in on-chain governance, with a way to delegate one's voting power to a trusted account."
-  helpLink="https://docs.openzeppelin.com/contracts-cairo/governance/votes"
+  helpLink="https://docs.openzeppelin.com/contracts-cairo/2.x/governance/votes"
   error={errors?.appName || errors?.appVersion}
 >
   <label class="labeled-input">
     <span class="flex justify-between pr-2">
       Application Name
-      <HelpTooltip link="https://docs.openzeppelin.com/contracts-cairo/guides/snip12">
+      <HelpTooltip link="https://docs.openzeppelin.com/contracts-cairo/2.x/guides/snip12">
         Name for domain separator. Prevents two applications from producing the same hash.
       </HelpTooltip>
     </span>
@@ -106,7 +106,7 @@
   <label class="labeled-input">
     <span class="flex justify-between pr-2">
       Application Version
-      <HelpTooltip link="https://docs.openzeppelin.com/contracts-cairo/guides/snip12">
+      <HelpTooltip link="https://docs.openzeppelin.com/contracts-cairo/2.x/guides/snip12">
         Version for domain separator. Prevents two versions of the same application from producing the same hash.
       </HelpTooltip>
     </span>

packages/ui/src/cairo/ERC721Controls.svelte

@@ -52,7 +52,7 @@
     <label class:checked={opts.mintable}>
       <input type="checkbox" bind:checked={opts.mintable} />
       Mintable
-      <HelpTooltip link="https://docs.openzeppelin.com/contracts-cairo/erc721">
+      <HelpTooltip link="https://docs.openzeppelin.com/contracts-cairo/2.x/erc721">
         Privileged accounts will be able to emit new tokens.
       </HelpTooltip>
     </label>
@@ -64,7 +64,7 @@
     <label class:checked={opts.pausable}>
       <input type="checkbox" bind:checked={opts.pausable} />
       Pausable
-      <HelpTooltip link="https://docs.openzeppelin.com/contracts-cairo/security#pausable">
+      <HelpTooltip link="https://docs.openzeppelin.com/contracts-cairo/2.x/security#pausable">
         Privileged accounts will be able to pause the functionality marked with <code
           >self.pausable.assert_not_paused()</code
         >. Useful for emergency response.
@@ -73,7 +73,7 @@
     <label class:checked={opts.enumerable}>
       <input type="checkbox" bind:checked={opts.enumerable} />
       Enumerable
-      <HelpTooltip link="https://docs.openzeppelin.com/contracts-cairo/api/erc721#ERC721EnumerableComponent">
+      <HelpTooltip link="https://docs.openzeppelin.com/contracts-cairo/2.x/api/erc721#ERC721EnumerableComponent">
         Allows a contract to publish its entire list of NFTs and make them discoverable by keeping track of all token
         ids and all tokens owned by an address.
       </HelpTooltip>
@@ -86,13 +86,13 @@
   label="Votes"
   bind:checked={opts.votes}
   helpContent="Keeps track of historical balances for voting in on-chain governance, with a way to delegate one's voting power to a trusted account."
-  helpLink="https://docs.openzeppelin.com/contracts-cairo/governance/votes"
+  helpLink="https://docs.openzeppelin.com/contracts-cairo/2.x/governance/votes"
   error={errors?.appName || errors?.appVersion}
 >
   <label class="labeled-input">
     <span class="flex justify-between pr-2">
       Application Name
-      <HelpTooltip link="https://docs.openzeppelin.com/contracts-cairo/guides/snip12">
+      <HelpTooltip link="https://docs.openzeppelin.com/contracts-cairo/2.x/guides/snip12">
         Name for domain separator. Prevents two applications from producing the same hash.
       </HelpTooltip>
     </span>
@@ -102,7 +102,7 @@
   <label class="labeled-input">
     <span class="flex justify-between pr-2">
       Application Version
-      <HelpTooltip link="https://docs.openzeppelin.com/contracts-cairo/guides/snip12">
+      <HelpTooltip link="https://docs.openzeppelin.com/contracts-cairo/2.x/guides/snip12">
         Version for domain separator. Prevents two versions of the same application from producing the same hash.
       </HelpTooltip>
     </span>

packages/ui/src/cairo/GovernorControls.svelte

@@ -154,15 +154,15 @@
     <label class:checked={opts.votes === 'erc20votes'}>
       <input type="radio" bind:group={opts.votes} value="erc20votes" />
       ERC20Votes
-      <HelpTooltip link="https://docs.openzeppelin.com/contracts-cairo/api/governance#VotesComponent">
+      <HelpTooltip link="https://docs.openzeppelin.com/contracts-cairo/2.x/api/governance#VotesComponent">
         Represent voting power with a votes-enabled ERC20 token. Voters can entrust their voting power to a delegate.
       </HelpTooltip>
     </label>
 
     <label class:checked={opts.votes === 'erc721votes'}>
       <input type="radio" bind:group={opts.votes} value="erc721votes" />
       ERC721Votes
-      <HelpTooltip link="https://docs.openzeppelin.com/contracts-cairo/api/governance#VotesComponent">
+      <HelpTooltip link="https://docs.openzeppelin.com/contracts-cairo/2.x/api/governance#VotesComponent">
         Represent voting power with a votes-enabled ERC721 token. Voters can entrust their voting power to a delegate.
       </HelpTooltip>
     </label>
@@ -201,7 +201,7 @@
     <label class:checked={opts.timelock === 'openzeppelin'}>
       <input type="radio" bind:group={opts.timelock} value="openzeppelin" />
       TimelockController
-      <HelpTooltip link="https://docs.openzeppelin.com/contracts-cairo/api/governance#TimelockControllerComponent">
+      <HelpTooltip link="https://docs.openzeppelin.com/contracts-cairo/2.x/api/governance#TimelockControllerComponent">
         Module compatible with OpenZeppelin's <code>TimelockController</code>.
       </HelpTooltip>
     </label>
@@ -220,7 +220,7 @@
   <label class="labeled-input">
     <span class="flex justify-between pr-2">
       Application Name
-      <HelpTooltip link="https://docs.openzeppelin.com/contracts-cairo/guides/snip12"
+      <HelpTooltip link="https://docs.openzeppelin.com/contracts-cairo/2.x/guides/snip12"
         >Name for domain separator. Prevents two applications from producing the same hash.</HelpTooltip
       >
     </span>
@@ -230,7 +230,7 @@
   <label class="labeled-input">
     <span class="flex justify-between pr-2">
       Application Version
-      <HelpTooltip link="https://docs.openzeppelin.com/contracts-cairo/guides/snip12"
+      <HelpTooltip link="https://docs.openzeppelin.com/contracts-cairo/2.x/guides/snip12"
         >Version for domain separator. Prevents two versions of the same application from producing the same hash.</HelpTooltip
       >
     </span>

packages/ui/src/cairo/MultisigControls.svelte

@@ -30,7 +30,7 @@
   <label class="labeled-input">
     <span class="flex justify-between pr-2">
       Quorum
-      <HelpTooltip link="https://docs.openzeppelin.com/contracts-cairo/governance/multisig#signer_management">
+      <HelpTooltip link="https://docs.openzeppelin.com/contracts-cairo/2.x/governance/multisig#signer_management">
         The minimal number of confirmations required to approve a transaction.
       </HelpTooltip>
     </span>

packages/ui/src/cairo/RoyaltyInfoSection.svelte

@@ -13,7 +13,7 @@
   label="Royalty Info"
   bind:checked={opts.enabled}
   helpContent="Provides information for how much royalty is owed and to whom, based on a sale price. Follows ERC-2981 standard."
-  helpLink="https://docs.openzeppelin.com/contracts-cairo/api/token_common#ERC2981Component"
+  helpLink="https://docs.openzeppelin.com/contracts-cairo/2.x/api/token_common#ERC2981Component"
   error={errors?.defaultRoyaltyFraction || errors?.feeDenominator}
 >
   <label class="labeled-input">
@@ -35,7 +35,7 @@
     <span class="flex justify-between pr-2">
       Fee Denominator
       <HelpTooltip
-        link="https://docs.openzeppelin.com/contracts-cairo/api/token_common#ERC2981Component-IC-FEE_DENOMINATOR"
+        link="https://docs.openzeppelin.com/contracts-cairo/2.x/api/token_common#ERC2981Component-IC-FEE_DENOMINATOR"
       >
         The denominator used to interpret a token's fee and to calculate the result fee fraction.
       </HelpTooltip>

packages/ui/src/cairo/UpgradeabilityField.svelte

@@ -9,7 +9,7 @@
 <label class:checked={upgradeable}>
   <input type="checkbox" bind:checked={upgradeable} />
   Upgradeable
-  <HelpTooltip link="https://docs.openzeppelin.com/contracts-cairo/upgrades">
+  <HelpTooltip link="https://docs.openzeppelin.com/contracts-cairo/2.x/upgrades">
     Smart contracts are immutable by default unless they include code that allows them to be upgraded.
   </HelpTooltip>
 </label>