supportUrl to contactUrl

src/LoadErrorMessage/LoadErrorMessage.stories.tsx

@@ -65,7 +65,7 @@ export const GeneralError = {
     image: "virto-head-scratching",
     message:
       "Oops! Something went wrong on our end 😓 Our team is actively addressing it and working to resolve the issue. Please try again later.",
-    supportUrl: "https://support.virto.com",
+    contactUrl: "https://support.virto.com",
     title: "Something is not right!"
   },
   render: Template

src/LoadErrorMessage/LoadErrorMessage.tsx

@@ -14,7 +14,7 @@ const LoadErrorMessage = ({
   message,
   title,
   image = "virto-thinking",
-  supportUrl,
+  contactUrl,
   onButtonClick
 }: LoadErrorMessageProps) => {
   // State to track whether the error details are visible or not
@@ -132,8 +132,8 @@ const LoadErrorMessage = ({
           }
         >
           If this persists, contact {/* Render the contact team link */}
-          {supportUrl ? (
-            <Link href={supportUrl} target="_blank" rel="noopener noreferrer">
+          {contactUrl ? (
+            <Link href={contactUrl} target="_blank" rel="noopener noreferrer">
               {contactTeam}
             </Link>
           ) : (

src/LoadErrorMessage/LoadErrorMessage.types.ts

@@ -1,38 +1,38 @@
 export type LoadErrorMessageProps = {
   /**
-   * Whether to show the VirtoThinking SVG or not.
+   * The text to display on the action button (optional).
    */
-  image?:
-    | "none"
-    | "virto-thinking"
-    | "virto-shrugging"
-    | "virto-head-scratching";
+  actionButtonText?: string;
   /**
-   * The title of the error message.
+   * The team to contact if the error persists.
    */
-  title: string;
+  contactTeam?: "none" | "Support" | "Customer Service";
   /**
-   * The main message of the error message.
+   * The URL to the support page (optional).
    */
-  message: string;
+  contactUrl?: string;
   /**
    * The details of the error message (optional).
    */
   errorDetails?: string;
   /**
-   * The team to contact if the error persists.
-   */
-  contactTeam?: "none" | "Support" | "Customer Service";
-  /**
-   * The URL to the support page (optional).
+   * Whether to show the VirtoThinking SVG or not.
    */
-  supportUrl?: string;
+  image?:
+    | "none"
+    | "virto-thinking"
+    | "virto-shrugging"
+    | "virto-head-scratching";
   /**
-   * The text to display on the action button (optional).
+   * The main message of the error message.
    */
-  actionButtonText?: string;
+  message: string;
   /**
    * The function to call when the action button is clicked (optional).
    */
   onButtonClick?: () => void;
+  /**
+   * The title of the error message.
+   */
+  title: string;
 };