fix(admin-next,types): fixes order page from breaking in admin server (#8730)

packages/admin-next/admin-sdk/src/lib/config.ts

@@ -18,6 +18,7 @@ export async function getViteConfig(
   const root = path.resolve(__dirname, "./")
 
   const backendUrl = options.backendUrl ?? ""
+  const storefrontUrl = options.storefrontUrl ?? ""
 
   const baseConfig: InlineConfig = {
     root,
@@ -33,6 +34,7 @@ export async function getViteConfig(
     define: {
       __BASE__: JSON.stringify(options.path),
       __BACKEND_URL__: JSON.stringify(backendUrl),
+      __STOREFRONT_URL__: JSON.stringify(storefrontUrl),
     },
     server: {
       fs: {

packages/admin-next/admin-sdk/src/types.ts

@@ -1,6 +1,6 @@
 import { AdminOptions } from "@medusajs/types"
 
 export type BundlerOptions = Required<Pick<AdminOptions, "outDir" | "path">> &
-  Pick<AdminOptions, "vite" | "backendUrl"> & {
+  Pick<AdminOptions, "vite" | "backendUrl" | "storefrontUrl"> & {
     sources?: string[]
   }

packages/admin-next/dashboard/src/lib/storefront.ts

@@ -0,0 +1,2 @@
+export const MEDUSA_STOREFRONT_URL =
+  __STOREFRONT_URL__ ?? "http://localhost:8000"

packages/admin-next/dashboard/src/routes/orders/order-detail/components/copy-payment-link/copy-payment-link.tsx

@@ -5,8 +5,7 @@ import copy from "copy-to-clipboard"
 import React, { useState } from "react"
 import { useTranslation } from "react-i18next"
 import { getStylizedAmount } from "../../../../../lib/money-amount-helpers"
-
-export const MEDUSA_BACKEND_URL = __STOREFRONT_URL__ ?? "http://localhost:8000"
+import { MEDUSA_STOREFRONT_URL } from "../../../../../lib/storefront"
 
 type CopyPaymentLinkProps = {
   paymentCollection: AdminPaymentCollection
@@ -31,7 +30,9 @@ const CopyPaymentLink = React.forwardRef<any, CopyPaymentLinkProps>(
       e.stopPropagation()
 
       setDone(true)
-      copy(`${MEDUSA_BACKEND_URL}/payment-collection/${paymentCollection.id}`)
+      copy(
+        `${MEDUSA_STOREFRONT_URL}/payment-collection/${paymentCollection.id}`
+      )
 
       setTimeout(() => {
         setDone(false)

packages/core/types/src/common/config-module.ts

@@ -79,6 +79,22 @@ export type AdminOptions = {
    * ```
    */
   backendUrl?: string
+  /**
+   * The URL of your Medusa storefront application. This will help generate links from the admin
+   * to provide to customers to complete any processes
+   *
+   * @example
+   * ```js title="medusa-config.js"
+   * module.exports = defineConfig({
+   *   admin: {
+   *     storefrontUrl: process.env.MEDUSA_STOREFRONT_URL ||
+   *       "http://localhost:9000"
+   *   },
+   *   // ...
+   * })
+   * ```
+   */
+  storefrontUrl?: string
   /**
    * Configure the Vite configuration for the admin dashboard. This function receives the default Vite configuration
    * and returns the modified configuration. The default value is `undefined`.