feat(dashboard, js-sdk, types): receive return e2e (#8305)

**What**
- receive return flow
- order summary section adjustments
- fix received item in summary
- activity event

---

CLOSES TRI-79 CC-256

packages/admin-next/dashboard/src/components/common/button-menu/button-menu.tsx

@@ -0,0 +1,96 @@
+import { DropdownMenu, clx } from "@medusajs/ui"
+
+import { PropsWithChildren, ReactNode } from "react"
+import { Link } from "react-router-dom"
+
+type Action = {
+  icon: ReactNode
+  label: string
+  disabled?: boolean
+} & (
+  | {
+      to: string
+      onClick?: never
+    }
+  | {
+      onClick: () => void
+      to?: never
+    }
+)
+
+type ActionGroup = {
+  actions: Action[]
+}
+
+type ActionMenuProps = {
+  groups: ActionGroup[]
+}
+
+export const ButtonMenu = ({
+  groups,
+  children,
+}: PropsWithChildren<ActionMenuProps>) => {
+  return (
+    <DropdownMenu>
+      <DropdownMenu.Trigger asChild>{children}</DropdownMenu.Trigger>
+      <DropdownMenu.Content>
+        {groups.map((group, index) => {
+          if (!group.actions.length) {
+            return null
+          }
+
+          const isLast = index === groups.length - 1
+
+          return (
+            <DropdownMenu.Group key={index}>
+              {group.actions.map((action, index) => {
+                if (action.onClick) {
+                  return (
+                    <DropdownMenu.Item
+                      disabled={action.disabled}
+                      key={index}
+                      onClick={(e) => {
+                        e.stopPropagation()
+                        action.onClick()
+                      }}
+                      className={clx(
+                        "[&_svg]:text-ui-fg-subtle flex items-center gap-x-2",
+                        {
+                          "[&_svg]:text-ui-fg-disabled": action.disabled,
+                        }
+                      )}
+                    >
+                      {action.icon}
+                      <span>{action.label}</span>
+                    </DropdownMenu.Item>
+                  )
+                }
+
+                return (
+                  <div key={index}>
+                    <DropdownMenu.Item
+                      className={clx(
+                        "[&_svg]:text-ui-fg-subtle flex items-center gap-x-2",
+                        {
+                          "[&_svg]:text-ui-fg-disabled": action.disabled,
+                        }
+                      )}
+                      asChild
+                      disabled={action.disabled}
+                    >
+                      <Link to={action.to} onClick={(e) => e.stopPropagation()}>
+                        {action.icon}
+                        <span>{action.label}</span>
+                      </Link>
+                    </DropdownMenu.Item>
+                  </div>
+                )
+              })}
+              {!isLast && <DropdownMenu.Separator />}
+            </DropdownMenu.Group>
+          )
+        })}
+      </DropdownMenu.Content>
+    </DropdownMenu>
+  )
+}

packages/admin-next/dashboard/src/components/common/button-menu/index.ts

@@ -0,0 +1 @@
+export * from "./action-menu"

packages/admin-next/dashboard/src/components/modals/route-modal-form/route-modal-form.tsx

@@ -8,12 +8,14 @@ import { Form } from "../../common/form"
 type RouteModalFormProps<TFieldValues extends FieldValues> = PropsWithChildren<{
   form: UseFormReturn<TFieldValues>
   blockSearch?: boolean
+  onClose?: (isSubmitSuccessful: boolean) => void
 }>
 
 export const RouteModalForm = <TFieldValues extends FieldValues = any>({
   form,
   blockSearch = false,
   children,
+  onClose,
 }: RouteModalFormProps<TFieldValues>) => {
   const { t } = useTranslation()
 
@@ -25,6 +27,7 @@ export const RouteModalForm = <TFieldValues extends FieldValues = any>({
     const { isSubmitSuccessful } = nextLocation.state || {}
 
     if (isSubmitSuccessful) {
+      onClose?.(true)
       return false
     }
 
@@ -32,10 +35,22 @@ export const RouteModalForm = <TFieldValues extends FieldValues = any>({
     const isSearchChanged = currentLocation.search !== nextLocation.search
 
     if (blockSearch) {
-      return isDirty && (isPathChanged || isSearchChanged)
+      const ret = isDirty && (isPathChanged || isSearchChanged)
+
+      if (!ret) {
+        onClose?.(isSubmitSuccessful)
+      }
+
+      return ret
     }
 
-    return isDirty && isPathChanged
+    const ret = isDirty && isPathChanged
+
+    if (!ret) {
+      onClose?.(isSubmitSuccessful)
+    }
+
+    return ret
   })
 
   const handleCancel = () => {
@@ -44,6 +59,7 @@ export const RouteModalForm = <TFieldValues extends FieldValues = any>({
 
   const handleContinue = () => {
     blocker?.proceed?.()
+    onClose?.(false)
   }
 
   return (