feat(dashboard): Log in, reset password, and accept invite pages (#6310)

packages/admin-next/dashboard/src/components/common/form/form.tsx

@@ -177,7 +177,7 @@ const ErrorMessage = forwardRef<
   const { error, formErrorMessageId } = useFormField()
   const msg = error ? String(error?.message) : children
 
-  if (!msg) {
+  if (!msg || msg === "undefined") {
     return null
   }
 

packages/admin-next/dashboard/src/components/common/logo-box/index.ts

@@ -0,0 +1 @@
+export * from "./logo-box"

packages/admin-next/dashboard/src/components/common/logo-box/logo-box.tsx

@@ -0,0 +1,74 @@
+import { clx } from "@medusajs/ui"
+import { Transition, motion } from "framer-motion"
+
+type LogoBoxProps = {
+  className?: string
+  checked?: boolean
+  containerTransition?: Transition
+  pathTransition?: Transition
+}
+
+export const LogoBox = ({
+  className,
+  checked,
+  containerTransition = {
+    duration: 0.8,
+    delay: 0.5,
+    ease: [0, 0.71, 0.2, 1.01],
+  },
+  pathTransition = {
+    duration: 0.8,
+    delay: 0.6,
+    ease: [0.1, 0.8, 0.2, 1.01],
+  },
+}: LogoBoxProps) => {
+  return (
+    <div
+      className={clx(
+        "size-14 bg-ui-button-neutral shadow-buttons-neutral relative flex items-center justify-center rounded-xl",
+        "after:button-neutral-gradient after:inset-0 after:content-['']",
+        className
+      )}
+    >
+      {checked && (
+        <motion.div
+          className="size-5 absolute -right-[5px] -top-1 flex items-center justify-center rounded-full border-[0.5px] border-[rgba(3,7,18,0.2)] bg-[#3B82F6] bg-gradient-to-b from-white/0 to-white/20 shadow-[0px_1px_2px_0px_rgba(3,7,18,0.12),0px_1px_2px_0px_rgba(255,255,255,0.10)_inset,0px_-1px_5px_0px_rgba(255,255,255,0.10)_inset,0px_0px_0px_0px_rgba(3,7,18,0.06)_inset]"
+          initial={{ opacity: 0, scale: 0.5 }}
+          animate={{ opacity: 1, scale: 1 }}
+          transition={containerTransition}
+        >
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="20"
+            height="20"
+            viewBox="0 0 20 20"
+            fill="none"
+          >
+            <motion.path
+              d="M5.8335 10.4167L9.16683 13.75L14.1668 6.25"
+              stroke="white"
+              strokeWidth="1.5"
+              strokeLinecap="round"
+              strokeLinejoin="round"
+              initial={{ pathLength: 0, opacity: 0 }}
+              animate={{ pathLength: 1, opacity: 1 }}
+              transition={pathTransition}
+            />
+          </svg>
+        </motion.div>
+      )}
+      <svg
+        width="36"
+        height="38"
+        viewBox="0 0 36 38"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M30.85 6.16832L22.2453 1.21782C19.4299 -0.405941 15.9801 -0.405941 13.1648 1.21782L4.52043 6.16832C1.74473 7.79208 0 10.802 0 14.0099V23.9505C0 27.198 1.74473 30.1683 4.52043 31.7921L13.1251 36.7822C15.9405 38.4059 19.3903 38.4059 22.2056 36.7822L30.8103 31.7921C33.6257 30.1683 35.3307 27.198 35.3307 23.9505V14.0099C35.41 10.802 33.6653 7.79208 30.85 6.16832ZM17.6852 27.8317C12.8079 27.8317 8.8426 23.8713 8.8426 19C8.8426 14.1287 12.8079 10.1683 17.6852 10.1683C22.5625 10.1683 26.5674 14.1287 26.5674 19C26.5674 23.8713 22.6022 27.8317 17.6852 27.8317Z"
+          className="fill-ui-button-inverted relative drop-shadow-sm"
+        />
+      </svg>
+    </div>
+  )
+}