chore: replace smartcontract.imgix.net with CloudFront CDN

src/components/HeadCommon.astro

@@ -27,31 +27,31 @@ const { title } = Astro.props
 <!-- Preconnect to speed up external resource loading -->
 <link rel="preconnect" href="https://d2f70xi62kby8n.cloudfront.net" crossorigin />
 <link rel="dns-prefetch" href="https://d2f70xi62kby8n.cloudfront.net" />
-<link rel="preconnect" href="https://smartcontract.imgix.net" crossorigin />
-<link rel="dns-prefetch" href="https://smartcontract.imgix.net" />
+<link rel="preconnect" href="https://d2f70xi62kby8n.cloudfront.net" crossorigin />
+<link rel="dns-prefetch" href="https://d2f70xi62kby8n.cloudfront.net" />
 <link rel="preconnect" href="https://js.hs-analytics.net" crossorigin />
 <link rel="preconnect" href="https://js.hscollectedforms.net" crossorigin />
 <link rel="preconnect" href="https://js.usemessages.com" crossorigin />
 
 <!-- Preload critical fonts (company CDN) -->
 <link
   rel="preload"
-  href="https://smartcontract.imgix.net/fonts/TASAOrbiterDisplay-SemiBold.woff"
+  href="https://d2f70xi62kby8n.cloudfront.net/fonts/TASAOrbiterDisplay-SemiBold.woff"
   as="font"
   type="font/woff"
   crossorigin
 />
 <!-- Preload Inter fonts for better performance -->
 <link
   rel="preload"
-  href="https://smartcontract.imgix.net/fonts/Inter-VariableFont_opsz,wght.ttf"
+  href="https://d2f70xi62kby8n.cloudfront.net/fonts/Inter-VariableFont_opsz,wght.ttf"
   as="font"
   type="font/ttf"
   crossorigin
 />
 <link
   rel="preload"
-  href="https://smartcontract.imgix.net/fonts/Inter-Italic-VariableFont_opsz,wght.ttf"
+  href="https://d2f70xi62kby8n.cloudfront.net/fonts/Inter-Italic-VariableFont_opsz,wght.ttf"
   as="font"
   type="font/ttf"
   crossorigin

src/config/cdn.ts

@@ -12,4 +12,4 @@ export const VERIFIER_LOGOS_PATH = `${CLOUDFRONT_CDN_BASE}/verifiers`
 export const NETWORK_ICON_PATH = `${CLOUDFRONT_CDN_BASE}/bridge/icons/networks`
 
 // Other CDNs (for future centralization if needed)
-export const IMGIX_CDN_BASE = "https://smartcontract.imgix.net"
+export const IMGIX_CDN_BASE = "https://d2f70xi62kby8n.cloudfront.net"

src/features/ccip/components/MintTokenButton.tsx

@@ -232,7 +232,7 @@ export const MintTokenButton = () => {
                   aria-label="Connect MetaMask wallet to mint CCIP test tokens"
                 >
                   <img
-                    src="https://smartcontract.imgix.net/icons/wallet_filled.svg?auto=compress%2Cformat"
+                    src="https://d2f70xi62kby8n.cloudfront.net/icons/wallet_filled.svg?auto=compress%2Cformat"
                     alt=""
                     className={walletStyles.walletIcon}
                   />

src/features/ccip/components/NetworkDropdown.tsx

@@ -380,7 +380,7 @@ export const NetworkDropdown = ({ userAddress }: Props) => {
                   <img
                     src={
                       activeChain === undefined
-                        ? "https://smartcontract.imgix.net/icons/alert.svg"
+                        ? "https://d2f70xi62kby8n.cloudfront.net/icons/alert.svg"
                         : getChainIcon(activeChain)
                     }
                     style={{ marginRight: "var(--space-2x)" }}
@@ -398,7 +398,7 @@ export const NetworkDropdown = ({ userAddress }: Props) => {
                   <img
                     src={
                       activeChain === undefined
-                        ? "https://smartcontract.imgix.net/icons/alert.svg"
+                        ? "https://d2f70xi62kby8n.cloudfront.net/icons/alert.svg"
                         : getChainIcon(activeChain)
                     }
                     style={{ marginRight: "var(--space-2x)", minHeight: "1.2em", minWidth: "1.2em" }}
@@ -412,7 +412,7 @@ export const NetworkDropdown = ({ userAddress }: Props) => {
                   </span>
                 </>
               )}
-              <img src="https://smartcontract.imgix.net/icons/Caret2.svg" />
+              <img src="https://d2f70xi62kby8n.cloudfront.net/icons/Caret2.svg" />
             </div>
           </summary>
           <div className={styles["dropdown-container"]}>
@@ -431,7 +431,7 @@ export const NetworkDropdown = ({ userAddress }: Props) => {
                         {supportedChainTitle}
                       </span>
                       {supportedChainTitle === activeChainTitle && (
-                        <img src="https://smartcontract.imgix.net/icons/check_circle_bold.svg" />
+                        <img src="https://d2f70xi62kby8n.cloudfront.net/icons/check_circle_bold.svg" />
                       )}
                     </button>
                   </li>
@@ -551,7 +551,7 @@ export const NetworkDropdown = ({ userAddress }: Props) => {
             <div className={`paragraph-100 ${styles.warningContent}`}>
               <img
                 className={styles.warningIcon}
-                src="https://smartcontract.imgix.net/icons/alert.svg"
+                src="https://d2f70xi62kby8n.cloudfront.net/icons/alert.svg"
                 alt=""
                 aria-hidden="true"
               />

src/features/common/Tooltip/SimplePreactTooltip.tsx

@@ -4,7 +4,7 @@ import { useState } from "preact/hooks"
 export const SimplePreactTooltip = ({
   label,
   tip,
-  imgURL = "https://smartcontract.imgix.net/icons/info.svg?auto=compress%2Cformat",
+  imgURL = "https://d2f70xi62kby8n.cloudfront.net/icons/info.svg?auto=compress%2Cformat",
   labelStyle = {},
   tooltipStyle = {},
 }) => {

src/features/common/Tooltip/Tooltip.tsx

@@ -45,7 +45,7 @@ interface TooltipProps {
 
   /**
    * URL for the tooltip icon. Defaults to Chainlink's info icon.
-   * @default "https://smartcontract.imgix.net/icons/info.svg?auto=compress%2Cformat"
+   * @default "https://d2f70xi62kby8n.cloudfront.net/icons/info.svg?auto=compress%2Cformat"
    */
   imgURL?: string
 
@@ -138,7 +138,7 @@ interface TooltipProps {
 export const Tooltip = ({
   label,
   tip,
-  imgURL = "https://smartcontract.imgix.net/icons/info.svg?auto=compress%2Cformat",
+  imgURL = "https://d2f70xi62kby8n.cloudfront.net/icons/info.svg?auto=compress%2Cformat",
   style = {},
   labelStyle = {},
   position = "top",

src/features/feeds/components/FeedList.module.css

@@ -84,7 +84,7 @@ div.shutDate > hr {
 .filterDropdown_searchInput {
   height: 42px;
   border: var(--border-width-primary) solid var(--color-border-primary);
-  background-image: url(https://smartcontract.imgix.net/icons/searchIcon_blue_noborder.svg?auto=compress%2Cformat);
+  background-image: url(https://d2f70xi62kby8n.cloudfront.net/icons/searchIcon_blue_noborder.svg?auto=compress%2Cformat);
   background-repeat: no-repeat;
   background-position: left var(--space-2x) top 50%;
   padding-left: var(--space-8x);
@@ -139,7 +139,7 @@ div.shutDate > hr {
   padding: var(--space-3x) var(--space-6x) var(--space-3x) var(--space-4x);
   border: var(--border-width-primary) solid var(--color-border-primary);
   border-radius: var(--border-radius-primary);
-  background-image: url(https://smartcontract.imgix.net/icons/Caret.svg?auto=compress%2Cformat);
+  background-image: url(https://d2f70xi62kby8n.cloudfront.net/icons/Caret.svg?auto=compress%2Cformat);
   background-repeat: no-repeat;
   background-position: right var(--space-2x) top 50%;
   list-style: none;

src/features/feeds/components/Tables.tsx

@@ -1526,7 +1526,7 @@ export const MainnetTable = ({
               <tr>
                 <td colSpan={showExtraDetails ? 4 : 2} style={{ textAlign: "center" }}>
                   <img
-                    src="https://smartcontract.imgix.net/icons/null-search.svg?auto=compress%2Cformat"
+                    src="https://d2f70xi62kby8n.cloudfront.net/icons/null-search.svg?auto=compress%2Cformat"
                     style={{ height: "160px" }}
                   />
                   <h4>No results found</h4>
@@ -1763,7 +1763,7 @@ export const TestnetTable = ({
               <tr>
                 <td style={{ textAlign: "center" }}>
                   <img
-                    src="https://smartcontract.imgix.net/icons/null-search.svg?auto=compress%2Cformat"
+                    src="https://d2f70xi62kby8n.cloudfront.net/icons/null-search.svg?auto=compress%2Cformat"
                     style={{ height: "160px" }}
                   />
                   <h4>No results found</h4>

src/features/vrf/v2/components/Dropdown.tsx

@@ -82,7 +82,7 @@ export const Dropdown = ({ placeholder = "Select a network...", options }: Props
             onInput={handleInputChange}
           />
           <img
-            src="https://smartcontract.imgix.net/icons/Caret2.svg"
+            src="https://d2f70xi62kby8n.cloudfront.net/icons/Caret2.svg"
             alt="Caret icon"
             style={{ position: "absolute", top: "30%", right: 0, transform: "translateX(-50%)" }}
           />

src/lib/solana/wallet-adapter/components/WalletPicker.tsx

@@ -5,7 +5,7 @@ import type { WalletReadyState } from "@solana/wallet-adapter-base"
 import styles from "./WalletPicker.module.css"
 
 // Default wallet icon - consistent with Chainlink design system
-const DEFAULT_WALLET_ICON = "https://smartcontract.imgix.net/icons/wallet_filled.svg?auto=compress%2Cformat"
+const DEFAULT_WALLET_ICON = "https://d2f70xi62kby8n.cloudfront.net/icons/wallet_filled.svg?auto=compress%2Cformat"
 
 interface WalletPickerProps {
   className?: string