From c08956593dd4f680173f473816c28bba4bff9960 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?M=C3=A1rio=20Rodrigues?=
 <93675410+MarioRodrigues10@users.noreply.github.com>
Date: Sun, 26 Nov 2023 18:30:03 +0000
Subject: [PATCH 1/4] chore: standardize buttons using a button component
 (#571)

* chore: use a Button component

chore: use a Button component

* fix: run formatter

* fix: styling problems

* fix: implement suggestions

* chore: implement suggestions

* fix: implement suggestions

* fix: implement suggestions

* fix: build error

* fix: build error

* fix: types error in button
---
 components/Button/index.tsx                   | 30 +++++++++++++++----
 components/Layout/Layout.tsx                  |  2 +-
 components/QRScanner/index.jsx                |  2 +-
 layout/Attendee/Profile/Profile.tsx           | 12 ++++----
 layout/Attendee/Wheel/Wheel.tsx               | 14 ++++-----
 .../components/Challenges/Challenge/index.tsx |  2 +-
 layout/Hackathon/components/Hero/index.jsx    |  2 +-
 .../components/Regulations/index.jsx          |  2 +-
 layout/Home/components/Hackathon/index.jsx    |  2 +-
 layout/Home/components/Hero/Pitch/index.jsx   |  5 ++--
 layout/Home/components/Speakers/index.jsx     |  5 ++--
 layout/Login/components/LoginForm/index.tsx   |  4 +--
 layout/Product/Product.tsx                    | 14 ++++-----
 .../components/ResetPasswordForm/index.tsx    |  2 +-
 layout/SignUp/components/SignUpForm/index.tsx |  8 ++---
 layout/Staff/Prize/Prize.tsx                  |  4 +--
 .../components/StaffRedeemButton/index.jsx    |  8 +++--
 .../dashboard/SponsorBadgeButton/index.jsx    |  9 ++++--
 .../dashboard/SponsorPrizeButton/index.jsx    |  9 ++++--
 .../spotlight/SpotlightButton/index.jsx       |  9 ++++--
 layout/shared/Leaderboard/Leaderboard.tsx     | 20 ++++++-------
 pages/register/[uuid].js                      |  4 +--
 22 files changed, 99 insertions(+), 70 deletions(-)

diff --git a/components/Button/index.tsx b/components/Button/index.tsx
index 87dcc5f3..d2ff5b36 100644
--- a/components/Button/index.tsx
+++ b/components/Button/index.tsx
@@ -1,27 +1,45 @@
-import { ButtonHTMLAttributes } from "react";
+import { ButtonHTMLAttributes, ReactNode } from "react";
 
-interface Props extends ButtonHTMLAttributes<HTMLButtonElement> {
-  text: string;
+interface Props extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "title"> {
+  title: ReactNode;
+  description?: string;
   customStyle?: string;
+  bold?: boolean;
+  disabled?: boolean;
+}
+
+interface ButtonTitleProps {
+  title: ReactNode;
+  bold?: boolean;
 }
 
 export default function Button({
-  text,
+  title,
+  description,
   type,
   disabled,
   onClick,
   customStyle,
+  bold,
+  ...rest
 }: Props) {
   return (
     <button
+      {...rest}
       onClick={onClick}
       type={type}
       disabled={disabled}
       className={`${
         customStyle || ""
-      } w-full items-center rounded-full border px-4 py-4 text-center font-iregular text-sm shadow-sm`}
+      } m-auto block rounded-full hover:opacity-75 disabled:bg-gray-400 disabled:opacity-75`}
     >
-      {text}
+      <ButtonTitle title={title} bold={bold} />
+      <p className="font-iregular">{description}</p>
     </button>
   );
 }
+
+function ButtonTitle({ title, bold }: ButtonTitleProps) {
+  const className = bold ? "font-ibold" : "font-iregular";
+  return <div className={className}>{title}</div>;
+}
diff --git a/components/Layout/Layout.tsx b/components/Layout/Layout.tsx
index 2a82e41b..21c4feef 100644
--- a/components/Layout/Layout.tsx
+++ b/components/Layout/Layout.tsx
@@ -174,7 +174,7 @@ function MobileNavbar({
 
                   <button type="button" onClick={onClose} className="h-12 w-12">
                     <span className="sr-only">Close sidebar</span>
-                    <FontAwesomeIcon icon={faTimes} />
+                    title={<FontAwesomeIcon icon={faTimes} />}
                   </button>
                 </div>
 
diff --git a/components/QRScanner/index.jsx b/components/QRScanner/index.jsx
index 9a043354..5d05d4be 100644
--- a/components/QRScanner/index.jsx
+++ b/components/QRScanner/index.jsx
@@ -52,7 +52,7 @@ function QRScanner({
       </div>
       {removeClose !== true && (
         <Button
-          text="Close"
+          title="Close"
           onClick={() => {
             setScanner(false);
           }}
diff --git a/layout/Attendee/Profile/Profile.tsx b/layout/Attendee/Profile/Profile.tsx
index 9aa249b5..69f0838f 100644
--- a/layout/Attendee/Profile/Profile.tsx
+++ b/layout/Attendee/Profile/Profile.tsx
@@ -6,6 +6,7 @@ import Form from "@components/Form";
 import Input from "@components/Input";
 
 import Layout from "@components/Layout";
+import Button from "@components/Button";
 import Heading from "@components/Heading";
 
 import { CheckpointTracker, CodeInput } from "./components";
@@ -92,13 +93,10 @@ function Profile() {
         <div className="col-span-1 float-left w-full xl:w-1/2">
           <Heading text="User Profile">
             <div className="w-auto">
-              <button
-                className="w-full items-center rounded-full border border-quinary bg-quinary py-2 px-4 text-center font-iregular text-sm text-secondary shadow-sm"
-                type="submit"
-                form="profile-form"
-              >
-                {editing ? "Save Changes" : "Edit"}
-              </button>
+              <Button
+                customStyle="w-full items-center rounded-full border border-quinary bg-quinary py-2 px-4 text-center font-iregular text-sm text-secondary shadow-sm"
+                title={editing ? "Save Changes" : "Edit"}
+              />
             </div>
           </Heading>
 
diff --git a/layout/Attendee/Wheel/Wheel.tsx b/layout/Attendee/Wheel/Wheel.tsx
index 5aa9f2e2..aeacf190 100644
--- a/layout/Attendee/Wheel/Wheel.tsx
+++ b/layout/Attendee/Wheel/Wheel.tsx
@@ -2,7 +2,7 @@ import { useState, useEffect } from "react";
 import { withAuth, useAuth } from "@context/Auth";
 
 import Heading from "@components/Heading";
-
+import Button from "@components/Button";
 import Layout from "@components/Layout";
 
 import {
@@ -202,18 +202,18 @@ function WheelPage() {
             <div className="m-auto h-72 w-72 xs:h-80 xs:w-80 sm:h-96 sm:w-96">
               <WheelComponent steps={16} angle={st.angle} />
             </div>
-            <button
-              className={`${
+            <Button
+              customStyle={`${
                 canSpin()
                   ? "cursor-pointer bg-quinary"
                   : "bg-gray-400 opacity-50"
               } m-auto mt-10 block h-20 w-64 rounded-full`}
               disabled={!canSpin()}
               onClick={spinTheWheel}
-            >
-              <p className="select-none font-ibold font-bold">SPIN THE WHEEL</p>
-              <p className="select-none font-iregular">{price} tokens💰</p>
-            </button>
+              title="SPIN THE WHEEL"
+              description={`${price} tokens💰`}
+              bold={true}
+            />
           </div>
         </div>
         <div className="col-span-1 float-right w-full 2xl:w-1/2 2xl:pl-6">
diff --git a/layout/Challenges/components/Challenges/Challenge/index.tsx b/layout/Challenges/components/Challenges/Challenge/index.tsx
index 24935b26..065cdeea 100644
--- a/layout/Challenges/components/Challenges/Challenge/index.tsx
+++ b/layout/Challenges/components/Challenges/Challenge/index.tsx
@@ -6,7 +6,7 @@ function Action({ text, url }) {
     <div className="mt-5 w-60">
       <Button
         onClick={(e) => (window.location.href = url)}
-        text={text}
+        title={text}
         customStyle="text-white bg-primary border-tertiary hover:bg-tertiary"
       />
     </div>
diff --git a/layout/Hackathon/components/Hero/index.jsx b/layout/Hackathon/components/Hero/index.jsx
index b360cc59..04adabc4 100644
--- a/layout/Hackathon/components/Hero/index.jsx
+++ b/layout/Hackathon/components/Hero/index.jsx
@@ -24,7 +24,7 @@ export default function Hero() {
             <span className="inline-block w-56 content-center items-center text-center align-middle">
               <a href="https://forms.gle/eFft9LTLSQzJjTG29">
                 <Button
-                  text="REGISTER YOUR TEAM"
+                  title="REGISTER YOUR TEAM"
                   customStyle="text-white bg-primary border-tertiary hover:bg-tertiary"
                 />
               </a>
diff --git a/layout/Hackathon/components/Regulations/index.jsx b/layout/Hackathon/components/Regulations/index.jsx
index fbfb7aab..3a24fe4f 100644
--- a/layout/Hackathon/components/Regulations/index.jsx
+++ b/layout/Hackathon/components/Regulations/index.jsx
@@ -13,7 +13,7 @@ export default function Regulations() {
         <div className="mt-6 sm:mt-0 sm:w-80">
           <Link href={"/docs/hackathon.pdf"}>
             <Button
-              text="READ THE RULES"
+              title="READ THE RULES"
               customStyle="text-white bg-primary border-tertiary hover:bg-tertiary"
             />
           </Link>
diff --git a/layout/Home/components/Hackathon/index.jsx b/layout/Home/components/Hackathon/index.jsx
index d5607bfe..970d131f 100644
--- a/layout/Home/components/Hackathon/index.jsx
+++ b/layout/Home/components/Hackathon/index.jsx
@@ -15,7 +15,7 @@ export default function Hackathon() {
             <span className="w-56 self-center">
               <a href="https://forms.gle/8aSEUubkjei1Dpym6">
                 <Button
-                  text="REGISTER YOUR TEAM"
+                  title="REGISTER YOUR TEAM"
                   customStyle="text-white bg-secondary border-quaternary hover:border-quinary"
                 />
               </a>{" "}
diff --git a/layout/Home/components/Hero/Pitch/index.jsx b/layout/Home/components/Hero/Pitch/index.jsx
index 073bc22d..d4d8d0c9 100644
--- a/layout/Home/components/Hero/Pitch/index.jsx
+++ b/layout/Home/components/Hero/Pitch/index.jsx
@@ -10,8 +10,9 @@ export default function Pitch() {
       <div className="mt-8 flex w-56">
         <a href="/team">
           <Button
-            text="MEET THE TEAM"
-            customStyle="hover:text-quinary hover:border-quinary"
+            title="MEET THE TEAM"
+            customStyle="w-56 h-20 border-2 text-white border-white hover:text-quinary hover:border-quinary"
+            bold={false}
           />
         </a>
       </div>
diff --git a/layout/Home/components/Speakers/index.jsx b/layout/Home/components/Speakers/index.jsx
index a1ebfccb..12c38d12 100644
--- a/layout/Home/components/Speakers/index.jsx
+++ b/layout/Home/components/Speakers/index.jsx
@@ -15,8 +15,9 @@ export default function Speakers() {
         <div className="xs:w-70 w-60 sm:w-80">
           <Link href="/speakers">
             <Button
-              text="MEET THE SPEAKERS"
-              customStyle="text-white bg-secondary border-quaternary hover:border-quinary hover:bg-quinary "
+              title="MEET THE SPEAKERS"
+              customStyle="text-white border-white border-4 h-20 w-full hover:border-quinary hover:bg-quinary"
+              bold={true}
             />
           </Link>
         </div>
diff --git a/layout/Login/components/LoginForm/index.tsx b/layout/Login/components/LoginForm/index.tsx
index 5f2412a5..7bd2a561 100644
--- a/layout/Login/components/LoginForm/index.tsx
+++ b/layout/Login/components/LoginForm/index.tsx
@@ -51,10 +51,10 @@ export default function LoginForm() {
           href="/forgot-password"
         />
         <Button
-          text={isLoading ? "Authenticating..." : "LET'S GO"}
+          title={isLoading ? "Authenticating..." : "LET'S GO"}
           disabled={isLoading}
           type="submit"
-          customStyle="text-secondary bg-quinary border-quinary"
+          customStyle="text-secondary bg-quinary border-quinary w-full h-16"
         />
         {errors && <p className="text-center text-failure">{errors}</p>}
       </Form>
diff --git a/layout/Product/Product.tsx b/layout/Product/Product.tsx
index f6f16c0e..85131df0 100644
--- a/layout/Product/Product.tsx
+++ b/layout/Product/Product.tsx
@@ -7,7 +7,7 @@ import { getProduct, buyProduct } from "@lib/api";
 import { withAuth, useAuth } from "@context/Auth";
 
 import Balance from "@components/Balance";
-
+import Button from "@components/Button";
 import Layout from "@components/Layout";
 
 function ProductSlug() {
@@ -82,19 +82,19 @@ function ProductSlug() {
 
               <div className="mt-10">
                 {product.can_buy > 0 && product.stock > 0 && (
-                  <button
+                  <Button
                     onClick={() =>
                       buyProduct(product.id).then(() => {
                         updateProductInfo((needsUpdate) => !needsUpdate);
                         refetchUser();
                       })
                     }
-                    className="m-auto block h-20 w-full rounded-full bg-quinary hover:opacity-75 disabled:opacity-75"
+                    customStyle="m-auto block h-20 w-full rounded-full bg-quinary hover:opacity-75 disabled:bg-gray-400 disabled:opacity-75"
                     disabled={user.token_balance < product.price}
-                  >
-                    <p className="font-ibold font-bold">REDEEM</p>
-                    <p className="font-iregular">{product.price} tokens 💰</p>
-                  </button>
+                    title="REDEEM"
+                    description={`${product.price} tokens 💰`}
+                    bold={true}
+                  />
                 )}
               </div>
               <div className="mt-6 text-center">
diff --git a/layout/ResetPassword/components/ResetPasswordForm/index.tsx b/layout/ResetPassword/components/ResetPasswordForm/index.tsx
index c3855666..2a942c19 100644
--- a/layout/ResetPassword/components/ResetPasswordForm/index.tsx
+++ b/layout/ResetPassword/components/ResetPasswordForm/index.tsx
@@ -96,7 +96,7 @@ export default function ResetPasswordForm() {
             <Link href="/login">
               <Button
                 type="button"
-                text="BACK TO LOGIN"
+                title="BACK TO LOGIN"
                 customStyle="text-secondary bg-quinary border-quinary"
               />
             </Link>
diff --git a/layout/SignUp/components/SignUpForm/index.tsx b/layout/SignUp/components/SignUpForm/index.tsx
index ce68720f..595a1523 100644
--- a/layout/SignUp/components/SignUpForm/index.tsx
+++ b/layout/SignUp/components/SignUpForm/index.tsx
@@ -110,8 +110,8 @@ export default function SignUpForm() {
           onChange={(e) => updatePasswordConfirmation(e.currentTarget.value)}
         />
         <Button
-          text={scanning ? "STOP SCANNING" : "SCAN QR"}
-          customStyle="text-secondary bg-quinary border-quinary"
+          title={scanning ? "STOP SCANNING" : "SCAN QR"}
+          customStyle="w-full h-12 text-secondary bg-quinary border-quinary"
           onClick={(e) => {
             e.preventDefault();
             updateScanning(!scanning);
@@ -137,8 +137,8 @@ export default function SignUpForm() {
         )}
         <Button
           type="submit"
-          text={isLoading ? "Registering..." : "LET'S GO"}
-          customStyle="text-secondary bg-quinary border-quinary"
+          title={isLoading ? "Registering..." : "LET'S GO"}
+          customStyle="w-full h-12 text-secondary bg-quinary border-quinary"
         />
         {(local_error || (!isLoading && errors)) && (
           <p className="mt-3 font-iregular text-lg text-red-400">
diff --git a/layout/Staff/Prize/Prize.tsx b/layout/Staff/Prize/Prize.tsx
index 0e5dbe0c..bdc6a11d 100644
--- a/layout/Staff/Prize/Prize.tsx
+++ b/layout/Staff/Prize/Prize.tsx
@@ -113,7 +113,7 @@ function Prize() {
                   </div>
                   <div className="w-32">
                     <Button
-                      text={`REDEEM ${product.not_redeemed}`}
+                      title={`REDEEM ${product.not_redeemed}`}
                       onClick={() => {
                         redeemRedeemables(product.id, product.not_redeemed);
                       }}
@@ -156,7 +156,7 @@ function Prize() {
                   </div>
                   <div className="w-32">
                     <Button
-                      text={`REDEEM ${product.not_redeemed}`}
+                      title={`REDEEM ${product.not_redeemed}`}
                       onClick={() => {
                         redeemWheelRedeemables(
                           product.id,
diff --git a/layout/Staff/components/StaffRedeemButton/index.jsx b/layout/Staff/components/StaffRedeemButton/index.jsx
index f817b489..094e6d5e 100644
--- a/layout/Staff/components/StaffRedeemButton/index.jsx
+++ b/layout/Staff/components/StaffRedeemButton/index.jsx
@@ -1,9 +1,11 @@
+import Button from "@components/Button";
 export default function StaffRedeemButton() {
   return (
     <div className="mt-8 w-auto">
-      <button className="m-auto block h-16 w-full rounded-full bg-quinary">
-        <p className="font-ibold font-bold">💰 Redeem prizes</p>
-      </button>
+      <Button
+        customStyle="m-auto block h-16 w-full rounded-full bg-quinary"
+        title="💰  Redeem prizes"
+      />
     </div>
   );
 }
diff --git a/layout/moonstone/sponsor/dashboard/SponsorBadgeButton/index.jsx b/layout/moonstone/sponsor/dashboard/SponsorBadgeButton/index.jsx
index 3fb2f6ef..5eb272bd 100644
--- a/layout/moonstone/sponsor/dashboard/SponsorBadgeButton/index.jsx
+++ b/layout/moonstone/sponsor/dashboard/SponsorBadgeButton/index.jsx
@@ -1,3 +1,5 @@
+import Button from "@components/Button";
+
 export default function SponsorBadgeButton({ sponsor, all }) {
   let text = all ? (
     <>
@@ -8,9 +10,10 @@ export default function SponsorBadgeButton({ sponsor, all }) {
   );
   return (
     <div className="mt-8 w-auto">
-      <button className="m-auto block h-16 w-full rounded-full bg-quinary">
-        <p className="font-iregular"> 🏅 Dar Badge {text} </p>
-      </button>
+      <Button
+        customStyle="m-auto block h-16 w-full rounded-full bg-quinary"
+        title="🏅 Dar Badge {text}"
+      />
     </div>
   );
 }
diff --git a/layout/moonstone/sponsor/dashboard/SponsorPrizeButton/index.jsx b/layout/moonstone/sponsor/dashboard/SponsorPrizeButton/index.jsx
index ae0e2fde..6fad0b9e 100644
--- a/layout/moonstone/sponsor/dashboard/SponsorPrizeButton/index.jsx
+++ b/layout/moonstone/sponsor/dashboard/SponsorPrizeButton/index.jsx
@@ -1,9 +1,12 @@
+import Button from "@components/Button";
+
 export default function SponsorPrizeButton({ prize }) {
   return (
     <div className="mt-8 w-auto">
-      <button className="m-auto block h-16 w-full rounded-full bg-quinary">
-        <p className="font-iregular"> 🏅 Prémio: {prize} </p>
-      </button>
+      <Button
+        customStyle="m-auto block h-16 w-full rounded-full bg-quinary"
+        title={`🏅  Prémio ${prize}`}
+      />
     </div>
   );
 }
diff --git a/layout/moonstone/sponsor/spotlight/SpotlightButton/index.jsx b/layout/moonstone/sponsor/spotlight/SpotlightButton/index.jsx
index 40b85b0c..9c518ce8 100644
--- a/layout/moonstone/sponsor/spotlight/SpotlightButton/index.jsx
+++ b/layout/moonstone/sponsor/spotlight/SpotlightButton/index.jsx
@@ -1,9 +1,12 @@
+import Button from "@components/Button";
+
 export default function SpotlightButton() {
   return (
     <div className="mt-8 w-auto">
-      <button className="m-auto block h-16 w-full rounded-full bg-quinary">
-        <p className="font-ibold"> Ativar Spotlight </p>
-      </button>
+      <Button
+        customStyle="m-auto block h-16 w-full rounded-full bg-quinary"
+        title="Ativar Spotlight"
+      />
     </div>
   );
 }
diff --git a/layout/shared/Leaderboard/Leaderboard.tsx b/layout/shared/Leaderboard/Leaderboard.tsx
index faf30317..29a45442 100644
--- a/layout/shared/Leaderboard/Leaderboard.tsx
+++ b/layout/shared/Leaderboard/Leaderboard.tsx
@@ -5,6 +5,7 @@ import { withAuth, useAuth } from "@context/Auth";
 import Layout from "@components/Layout";
 import { Table } from "./components";
 
+import Button from "@components/Button";
 import Day from "@components/Schedule/Day";
 import ErrorMessage from "@components/ErrorMessage";
 
@@ -130,26 +131,25 @@ function Leaderboard() {
         </div>
         <div className="col-span-1 w-full 2xl:pl-24">
           <div className="flex justify-center gap-6 xs:gap-10 md:gap-24">
-            <button
-              className={`font-iregular bg-${
+            <Button
+              customStyle={`font-iregular bg-${
                 hallOfFame ? "white" : "quinary"
               } h-12 items-center rounded-full px-4 py-1 text-center text-black`}
               onClick={(e) => {
                 updateHallOfFame(false);
               }}
-            >
-              LEADERBOARD
-            </button>
-            <button
-              className={`font-iregular bg-${
+              title="LEADERBOARD"
+            />
+
+            <Button
+              customStyle={`font-iregular bg-${
                 hallOfFame ? "quinary" : "white"
               } h-12 items-center rounded-full px-4 py-1 text-center text-black`}
               onClick={(e) => {
                 updateHallOfFame(true);
               }}
-            >
-              HALL OF FAME
-            </button>
+              title="HALL OF FAME"
+            />
           </div>
           {error && <ErrorMessage />}
           <Table list={leaderboard} user={user.id} maxUsersToShow={5} />
diff --git a/pages/register/[uuid].js b/pages/register/[uuid].js
index 728191d7..265df8b3 100644
--- a/pages/register/[uuid].js
+++ b/pages/register/[uuid].js
@@ -86,9 +86,9 @@ function Register() {
             onChange={(e) => updatePasswordConfirmation(e.currentTarget.value)}
           />
           <Button
-            type="submit"
+            title="Submit"
             text={isLoading ? "Registering..." : "LET'S GO"}
-            customStyle="text-secondary bg-quinary border-quinary"
+            customStyle="w-full h-12 text-secondary bg-quinary border-quinary"
           />
           {errors && (
             <p className="mt-3 font-iregular text-lg text-red-400">

From cd332a81ad35c49dfd41fd36b84dc3adafe6cd13 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jo=C3=A3o=20Lobo?=
 <30907944+joaodiaslobo@users.noreply.github.com>
Date: Wed, 29 Nov 2023 23:17:20 +0000
Subject: [PATCH 2/4] feat: add course to attendee (#579)

---
 components/Input/index.tsx                    | 12 +---
 components/Select/index.tsx                   | 65 +++++++++++++++++++
 layout/Attendee/Profile/Profile.tsx           | 31 +++++++--
 layout/SignUp/SignUp.tsx                      |  4 +-
 layout/SignUp/components/SignUpForm/index.tsx | 22 ++++++-
 lib/api.js                                    | 13 ++++
 pages/attendee/profile.tsx                    | 19 +++++-
 pages/register/[uuid].js                      | 34 +++++++++-
 pages/signup.tsx                              | 19 +++++-
 9 files changed, 199 insertions(+), 20 deletions(-)
 create mode 100644 components/Select/index.tsx

diff --git a/components/Input/index.tsx b/components/Input/index.tsx
index ed3eade3..63eb6798 100644
--- a/components/Input/index.tsx
+++ b/components/Input/index.tsx
@@ -24,14 +24,6 @@ export function InputBase({
   let textColor = `text-${fgColor}`;
   let backColor = `bg-${bgColor}`;
 
-  if (enabled === false) {
-    textColor = "text-gray-500";
-    backColor = "bg-gray-100";
-  } else if (enabled === true) {
-    textColor = `bg-${fgColor}`;
-    backColor = `bg-${bgColor}`;
-  }
-
   return (
     <div>
       <label
@@ -41,7 +33,9 @@ export function InputBase({
         {text}
       </label>
       <div
-        className={`text-iregular mt-2 flex items-center ${textColor} ${backColor} appearance-none rounded-full border border-gray-300 px-3 py-2 pl-6 placeholder-gray-400 shadow-sm sm:text-sm`}
+        className={`text-iregular mt-2 flex items-center  ${
+          enabled == false ? "text-gray-500" : textColor 
+        } ${backColor} appearance-none rounded-full border border-gray-300 px-3 py-2 pl-6 placeholder-gray-400 shadow-sm sm:text-sm`}
       >
         {children}
       </div>
diff --git a/components/Select/index.tsx b/components/Select/index.tsx
new file mode 100644
index 00000000..80489e6c
--- /dev/null
+++ b/components/Select/index.tsx
@@ -0,0 +1,65 @@
+import { SelectHTMLAttributes } from "react";
+
+import { ChevronDownIcon } from "@heroicons/react/solid";
+
+interface Option {
+  key: any;
+  name: string;
+}
+
+interface Props extends SelectHTMLAttributes<HTMLSelectElement> {
+  text: string;
+  options: Option[];
+  customStyle?: string;
+  fgColor: string;
+  bgColor: string;
+  enabled?: boolean;
+}
+
+export default function Select({
+  id,
+  text,
+  options,
+  enabled,
+  fgColor,
+  bgColor,
+  customStyle,
+  ...rest
+}: Props) {
+  let textColor = `text-${fgColor}`;
+  let backColor = `bg-${bgColor}`;
+  let disabled = enabled == false;
+
+  return (
+    <div>
+      <label
+        htmlFor={id}
+        className={`pl-6 font-iregular text-${fgColor} mt-5 block text-sm`}
+      >
+        {text}
+      </label>
+      <div
+        className={`text-iregular relative mt-2 flex ${textColor} ${backColor} block w-full appearance-none rounded-full border border-gray-300 py-2 placeholder-gray-400 shadow-sm focus:outline-none sm:text-sm`}
+      >
+        <select
+          id={id}
+          disabled={disabled}
+          className={`text-iregular ${
+            disabled ? "text-gray-500" : textColor
+          } ${backColor} block w-full appearance-none rounded-full px-3 pr-10 pl-6 placeholder-gray-400 opacity-100 focus:outline-none sm:text-sm`}
+          {...rest}
+        >
+          {options.map((option) => (
+            <option key={option.key} value={option.key}>{option.name}</option>
+          ))}
+        </select>
+        <ChevronDownIcon
+          className={`${
+            !disabled ? "block" : "hidden"
+          } pointer-events-none absolute top-0 bottom-0 right-3 m-auto h-7 text-${fgColor}`}
+          aria-hidden="true"
+        />
+      </div>
+    </div>
+  );
+}
diff --git a/layout/Attendee/Profile/Profile.tsx b/layout/Attendee/Profile/Profile.tsx
index 69f0838f..645baf40 100644
--- a/layout/Attendee/Profile/Profile.tsx
+++ b/layout/Attendee/Profile/Profile.tsx
@@ -1,9 +1,10 @@
-import { useState } from "react";
+import { useState, useEffect } from "react";
 
 import { withAuth, useAuth } from "@context/Auth";
 
 import Form from "@components/Form";
 import Input from "@components/Input";
+import Select from "@components/Select";
 
 import Layout from "@components/Layout";
 import Button from "@components/Button";
@@ -14,11 +15,17 @@ import CVInput from "./components/CVInput";
 import { resetPassword } from "@lib/api";
 import { getFirstName } from "@lib/naming";
 
-function Profile() {
+interface Course {
+  id: any;
+  name: string;
+}
+
+function Profile({ courses }) {
   const { user, editUser } = useAuth();
   const [avatar, setAvatar] = useState(null);
   const [editing, setEditing] = useState(false);
   const [username, setUsername] = useState(user.nickname || "");
+  const [course, setCourse] = useState(user.course || "");
 
   const [photoFileUrl, setPhotoFileUrl] = useState<string>(user.avatar);
 
@@ -61,6 +68,7 @@ function Profile() {
     e.preventDefault();
     const formData = new FormData();
     formData.append("attendee[nickname]", username);
+    formData.append("attendee[course_id]", course);
     formData.append("attendee[avatar]", avatar);
 
     if (editing) {
@@ -96,6 +104,8 @@ function Profile() {
               <Button
                 customStyle="w-full items-center rounded-full border border-quinary bg-quinary py-2 px-4 text-center font-iregular text-sm text-secondary shadow-sm"
                 title={editing ? "Save Changes" : "Edit"}
+                form="profile-form"
+                type="submit"
               />
             </div>
           </Heading>
@@ -135,7 +145,7 @@ function Profile() {
               id="name"
               name="name"
               value={user.name || ""}
-              bgColor="white"
+              bgColor="primary"
               fgColor="white"
               enabled={false}
             />
@@ -144,11 +154,24 @@ function Profile() {
               id="username"
               name="username"
               value={username}
-              bgColor="white"
+              bgColor="primary"
               fgColor="white"
               enabled={editing}
               onChange={(e) => setUsername(e.currentTarget.value)}
             />
+            <Select
+              text="COURSE"
+              id="course"
+              bgColor="primary"
+              fgColor="white"
+              value={course}
+              options={courses.map((course) => ({
+                key: course.id,
+                name: course.name,
+              }))}
+              enabled={editing}
+              onChange={(e) => setCourse(e.currentTarget.value)}
+            />
 
             <button
               className="inline-block h-auto pl-6 pb-5 text-quinary underline"
diff --git a/layout/SignUp/SignUp.tsx b/layout/SignUp/SignUp.tsx
index 93a5391c..52171290 100644
--- a/layout/SignUp/SignUp.tsx
+++ b/layout/SignUp/SignUp.tsx
@@ -9,13 +9,13 @@ import { SignUpForm } from "./components";
 import Title from "@layout/moonstone/authentication/Title";
 import Text from "@layout/moonstone/authentication/Text";
 
-function Signup() {
+function Signup({ courses }) {
   return (
     <div className="min-h-screen overflow-hidden bg-secondary">
       <Return componentStyle="sm:ml-14 mt-10 sm:mt-20 mb-6" />
       <div className="flex flex-col items-center justify-center sm:mt-16">
         <Title text="Sign up" />
-        <SignUpForm />
+        <SignUpForm courses={courses} />
         <Text text="Already have an account?" link="Login here" href="/login" />
         <div className="absolute bottom-0 right-60 hidden lg:block">
           <Motion.div
diff --git a/layout/SignUp/components/SignUpForm/index.tsx b/layout/SignUp/components/SignUpForm/index.tsx
index 595a1523..39a042d2 100644
--- a/layout/SignUp/components/SignUpForm/index.tsx
+++ b/layout/SignUp/components/SignUpForm/index.tsx
@@ -5,16 +5,23 @@ import { useAuth } from "@context/Auth";
 import Button from "@components/Button";
 import Form from "@components/Form";
 import Input from "@components/Input";
+import Select from "@components/Select";
 import PasswordInput from "@components/PasswordInput";
 
 import BarebonesQRScanner from "@components/QRScanner/BarebonesQRScanner";
 
-export default function SignUpForm() {
+interface Course {
+  id: any;
+  name: string;
+}
+
+export default function SignUpForm({ courses }) {
   const { sign_up, isLoading, errors } = useAuth();
 
   const [name, updateName] = useState("");
   const [email, updateEmail] = useState("");
   const [nickname, updateNickname] = useState("");
+  const [course, updateCourse] = useState("");
   const [password, updatePassword] = useState("");
   const [password_confirmation, updatePasswordConfirmation] = useState("");
   const [uuid, setUUID] = useState();
@@ -60,6 +67,7 @@ export default function SignUpForm() {
         password_confirmation,
         nickname,
         uuid,
+        course,
       });
     }
   };
@@ -93,6 +101,18 @@ export default function SignUpForm() {
           bgColor="primary"
           onChange={(e) => updateNickname(e.currentTarget.value)}
         />
+        <Select
+          text="COURSE"
+          id="course"
+          fgColor="white"
+          bgColor="primary"
+          defaultValue={0}
+          options={courses.map((course) => ({
+            key: course.id,
+            name: course.name,
+          }))}
+          onChange={(e) => updateCourse(e.currentTarget.value)}
+        />
         <PasswordInput
           text="PASSWORD"
           id="password"
diff --git a/lib/api.js b/lib/api.js
index 87e10427..000d9102 100644
--- a/lib/api.js
+++ b/lib/api.js
@@ -17,6 +17,7 @@ export async function sign_up({
   name,
   nickname,
   uuid,
+  course,
 }) {
   const response = await API.post("/api/auth/sign_up", {
     user: {
@@ -27,6 +28,7 @@ export async function sign_up({
         id: uuid,
         nickname: nickname,
         name: name,
+        course_id: course,
       },
     },
   });
@@ -34,6 +36,17 @@ export async function sign_up({
   return response.data;
 }
 
+/*
+  The courses returned by this API call are already ordered in the way 
+  they should be displayed on all course listings, and the first entry 
+  in the array represents the default value for a course.
+*/
+export async function getCourses() {
+  const response = await API.get("/api/attendee/courses");
+
+  return response.data;
+}
+
 export async function getLeaderboard(date) {
   const response = await API.get(`/api/leaderboard/${date}`);
 
diff --git a/pages/attendee/profile.tsx b/pages/attendee/profile.tsx
index 3c5ef3bf..f3d7931b 100644
--- a/pages/attendee/profile.tsx
+++ b/pages/attendee/profile.tsx
@@ -1 +1,18 @@
-export { default } from "@layout/Attendee/Profile";
+import Profile from "@layout/Attendee/Profile";
+
+import { getCourses } from "@lib/api";
+
+export async function getServerSideProps(context) {
+  context.res.setHeader(
+    "Cache-Control",
+    "public, s-maxage=3600, stale-while-revalidate=3600"
+  );
+
+  const courses = await getCourses().then((response) =>
+    response.data.concat({ id: "", name: "None" })
+  );
+
+  return { props: { courses: courses } };
+}
+
+export default Profile;
diff --git a/pages/register/[uuid].js b/pages/register/[uuid].js
index 265df8b3..c4021b34 100644
--- a/pages/register/[uuid].js
+++ b/pages/register/[uuid].js
@@ -1,20 +1,36 @@
-import { useState } from "react";
+import { useState, useEffect } from "react";
 import { useRouter } from "next/router";
 import { motion as Motion } from "framer-motion";
 
 import { withoutAuth, useAuth } from "@context/Auth";
 
+import { getCourses } from "@lib/api";
+
 import Button from "@components/Button";
 import Card from "@components/Card";
 import Return from "@components/Return";
 import Form from "@components/Form";
 import Input from "@components/Input";
+import Select from "@components/Select";
 import PasswordInput from "@components/PasswordInput";
 
 import Title from "@layout/moonstone/authentication/Title";
 import Text from "@layout/moonstone/authentication/Text";
 
-function Register() {
+export async function getServerSideProps(context) {
+  context.res.setHeader(
+    "Cache-Control",
+    "public, s-maxage=3600, stale-while-revalidate=3600"
+  );
+
+  const courses = await getCourses().then((response) =>
+    response.data.concat({ id: "", name: "None" })
+  );
+
+  return { props: { courses: courses } };
+}
+
+function Register({ courses }) {
   const { sign_up, errors, isLoading } = useAuth();
   const router = useRouter();
   const { uuid } = router.query;
@@ -22,6 +38,7 @@ function Register() {
   const [name, updateName] = useState("");
   const [email, updateEmail] = useState("");
   const [nickname, updateNickname] = useState("");
+  const [course, updateCourse] = useState("0");
   const [password, updatePassword] = useState("");
   const [password_confirmation, updatePasswordConfirmation] = useState("");
 
@@ -34,6 +51,7 @@ function Register() {
       password_confirmation,
       nickname,
       uuid,
+      course,
     });
   };
 
@@ -69,6 +87,18 @@ function Register() {
             bgColor="primary"
             onChange={(e) => updateNickname(e.currentTarget.value)}
           />
+          <Select
+            text="COURSE"
+            id="course"
+            fgColor="white"
+            bgColor="primary"
+            defaultValue={0}
+            options={courses.map((course) => ({
+              key: course.id,
+              name: course.name,
+            }))}
+            onChange={(e) => updateCourse(e.currentTarget.value)}
+          />
           <PasswordInput
             text="PASSWORD"
             id="confirm"
diff --git a/pages/signup.tsx b/pages/signup.tsx
index da66945a..69c40005 100644
--- a/pages/signup.tsx
+++ b/pages/signup.tsx
@@ -1 +1,18 @@
-export { default } from "@layout/SignUp";
+import { getCourses } from "@lib/api";
+
+import SignUp from "@layout/SignUp";
+
+export async function getServerSideProps(context) {
+  context.res.setHeader(
+    "Cache-Control",
+    "public, s-maxage=3600, stale-while-revalidate=3600"
+  );
+
+  const courses = await getCourses().then((response) =>
+    response.data.concat({ id: "", name: "None" })
+  );
+
+  return { props: { courses: courses } };
+}
+
+export default SignUp;

From 34535d8239901fc1fa07fb49999bef22f62445f4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jo=C3=A3o=20Lobo?=
 <30907944+joaodiaslobo@users.noreply.github.com>
Date: Thu, 30 Nov 2023 00:23:37 +0000
Subject: [PATCH 3/4] feat: remove referral code section from profile (#586)

---
 layout/Attendee/Profile/Profile.tsx | 8 --------
 1 file changed, 8 deletions(-)

diff --git a/layout/Attendee/Profile/Profile.tsx b/layout/Attendee/Profile/Profile.tsx
index 645baf40..ff26cc7e 100644
--- a/layout/Attendee/Profile/Profile.tsx
+++ b/layout/Attendee/Profile/Profile.tsx
@@ -249,14 +249,6 @@ function Profile({ courses }) {
               </p>
             )}
           </div>
-
-          <div className="my-10 text-white">
-            <Heading text="Redeem referral code" />
-            <p className="font-iregular">Redeem a badge using a unique code</p>
-
-            <CodeInput />
-          </div>
-
           <div className="mt-10 text-white">
             <Heading text="Upload CV" />
             <CVInput cv={user?.cv} onSubmit={submitCV}></CVInput>

From e176f4f27fd06be14535d779013ef964bbaae84e Mon Sep 17 00:00:00 2001
From: Rui Oliveira <70754369+ruioliveira02@users.noreply.github.com>
Date: Thu, 30 Nov 2023 00:28:29 +0000
Subject: [PATCH 4/4] fix: security vulnerabilities (#584)

---
 package-lock.json | 362 +++++++++++++++++++++++++++-------------------
 package.json      |   4 +-
 2 files changed, 216 insertions(+), 150 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 7db802ec..1175f29a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -15,7 +15,7 @@
         "@headlessui/react": "^1.4.2",
         "@heroicons/react": "^1.0.5",
         "@netlify/plugin-nextjs": "^4.40.1",
-        "axios": "^0.25.0",
+        "axios": "^1.6.2",
         "framer-motion": "^7.5.3",
         "jsqr": "^1.4.0",
         "lottie-web": "^5.8.1",
@@ -26,7 +26,7 @@
         "react-dom": "^18.2.0",
         "react-map-gl": "^6.1.17",
         "react-p5": "^1.3.21",
-        "sharp": "^0.30.0",
+        "sharp": "^0.32.6",
         "typewriter-effect": "^2.21.0"
       },
       "devDependencies": {
@@ -1880,6 +1880,11 @@
         "has-symbols": "^1.0.3"
       }
     },
+    "node_modules/asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
+    },
     "node_modules/autoprefixer": {
       "version": "10.4.13",
       "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.13.tgz",
@@ -1935,11 +1940,13 @@
       }
     },
     "node_modules/axios": {
-      "version": "0.25.0",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-0.25.0.tgz",
-      "integrity": "sha512-cD8FOb0tRH3uuEe6+evtAbgJtfxr7ly3fQjYcMcuPlgkwVS9xboaVIpcDV+cYQe+yGykgwZCs1pzjntcGa6l5g==",
+      "version": "1.6.2",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.6.2.tgz",
+      "integrity": "sha512-7i24Ri4pmDRfJTR7LDBhsOTtcm+9kjX5WiY1X3wIisx6G9So3pfMkEiU7emUBe46oceVImccTEM3k6C5dbVW8A==",
       "dependencies": {
-        "follow-redirects": "^1.14.7"
+        "follow-redirects": "^1.15.0",
+        "form-data": "^4.0.0",
+        "proxy-from-env": "^1.1.0"
       }
     },
     "node_modules/axobject-query": {
@@ -2439,6 +2446,17 @@
       "integrity": "sha512-3tlv/dIP7FWvj3BsbHrGLJ6l/oKh1O3TcgBqMn+yyCagOxc23fyzDS6HypQbgxWbkpDnf52p1LuR4eWDQ/K9WQ==",
       "dev": true
     },
+    "node_modules/combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "dependencies": {
+        "delayed-stream": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
     "node_modules/commander": {
       "version": "9.5.0",
       "resolved": "https://registry.npmjs.org/commander/-/commander-9.5.0.tgz",
@@ -2684,6 +2702,14 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
     "node_modules/denque": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/denque/-/denque-2.1.0.tgz",
@@ -3269,9 +3295,9 @@
       }
     },
     "node_modules/eslint-plugin-jsx-a11y/node_modules/semver": {
-      "version": "6.3.0",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
-      "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
       "dev": true,
       "bin": {
         "semver": "bin/semver.js"
@@ -3768,6 +3794,19 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/form-data": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
+      "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/fraction.js": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.2.0.tgz",
@@ -4636,58 +4675,11 @@
       "resolved": "https://registry.npmjs.org/destr/-/destr-2.0.2.tgz",
       "integrity": "sha512-65AlobnZMiCET00KaFFjUefxDX0khFA/E4myqZ7a6Sq1yZtR8+FVIvilVX66vF2uobSumxooYZChiRPCKNqhmg=="
     },
-    "node_modules/ipx/node_modules/node-addon-api": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-6.1.0.tgz",
-      "integrity": "sha512-+eawOlIgy680F0kBzPUNFhMZGtJ1YmqM6l4+Crf4IkImjYrO/mqPwRMh352g23uIaQKFItcQ64I7KMaJxHgAVA=="
-    },
     "node_modules/ipx/node_modules/pathe": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/pathe/-/pathe-1.1.1.tgz",
       "integrity": "sha512-d+RQGp0MAYTIaDBIMmOfMwz3E+LOZnxx1HZd5R18mmCZY0QBlK0LDZfPc8FW8Ed2DlvsuE6PRjroDY+wg4+j/Q=="
     },
-    "node_modules/ipx/node_modules/sharp": {
-      "version": "0.32.6",
-      "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.32.6.tgz",
-      "integrity": "sha512-KyLTWwgcR9Oe4d9HwCwNM2l7+J0dUQwn/yf7S0EnTtb0eVS4RxO0eUSvxPtzT4F3SY+C4K6fqdv/DO27sJ/v/w==",
-      "hasInstallScript": true,
-      "dependencies": {
-        "color": "^4.2.3",
-        "detect-libc": "^2.0.2",
-        "node-addon-api": "^6.1.0",
-        "prebuild-install": "^7.1.1",
-        "semver": "^7.5.4",
-        "simple-get": "^4.0.1",
-        "tar-fs": "^3.0.4",
-        "tunnel-agent": "^0.6.0"
-      },
-      "engines": {
-        "node": ">=14.15.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      }
-    },
-    "node_modules/ipx/node_modules/tar-fs": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-3.0.4.tgz",
-      "integrity": "sha512-5AFQU8b9qLfZCX9zp2duONhPmZv0hGYiBPJsyUdqMjzq/mqVpy/rEUSeHk1+YitmxugaptgBh5oDGU3VsAJq4w==",
-      "dependencies": {
-        "mkdirp-classic": "^0.5.2",
-        "pump": "^3.0.0",
-        "tar-stream": "^3.1.5"
-      }
-    },
-    "node_modules/ipx/node_modules/tar-stream": {
-      "version": "3.1.6",
-      "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-3.1.6.tgz",
-      "integrity": "sha512-B/UyjYwPpMBv+PaFSWAmtYjwdrlEaZQEhMIBFNC5oEG8lpiW8XjcSdmEaClj28ArfKScKHs2nshz3k2le6crsg==",
-      "dependencies": {
-        "b4a": "^1.6.4",
-        "fast-fifo": "^1.2.0",
-        "streamx": "^2.15.0"
-      }
-    },
     "node_modules/iron-webcrypto": {
       "version": "0.10.1",
       "resolved": "https://registry.npmjs.org/iron-webcrypto/-/iron-webcrypto-0.10.1.tgz",
@@ -5856,6 +5848,25 @@
         "node": ">=10.0.0"
       }
     },
+    "node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
     "node_modules/mimic-fn": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
@@ -6086,9 +6097,9 @@
       }
     },
     "node_modules/node-addon-api": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-5.1.0.tgz",
-      "integrity": "sha512-eh0GgfEkpnoWDq+VY8OyvYhFEzBk6jIYbRKdIlyTiAXIVJ8PyBaKb0rp7oDtoddbdoHWhq8wwr+XZ81F1rpNdA=="
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-6.1.0.tgz",
+      "integrity": "sha512-+eawOlIgy680F0kBzPUNFhMZGtJ1YmqM6l4+Crf4IkImjYrO/mqPwRMh352g23uIaQKFItcQ64I7KMaJxHgAVA=="
     },
     "node_modules/node-fetch": {
       "version": "2.7.0",
@@ -6208,9 +6219,9 @@
       }
     },
     "node_modules/normalize-package-data/node_modules/semver": {
-      "version": "5.7.1",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
-      "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
+      "version": "5.7.2",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
+      "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
       "dev": true,
       "bin": {
         "semver": "bin/semver"
@@ -6355,9 +6366,9 @@
       }
     },
     "node_modules/npm-run-all/node_modules/semver": {
-      "version": "5.7.1",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
-      "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
+      "version": "5.7.2",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
+      "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
       "dev": true,
       "bin": {
         "semver": "bin/semver"
@@ -7303,6 +7314,11 @@
       "resolved": "https://registry.npmjs.org/protocol-buffers-schema/-/protocol-buffers-schema-3.6.0.tgz",
       "integrity": "sha512-TdDRD+/QNdrCGCE7v8340QyuXd4kIWIgapsE2+n/SaGiSSbomYl4TjHlvIoCWRpE7wFt02EpB35VVA2ImcBVqw=="
     },
+    "node_modules/proxy-from-env": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
+    },
     "node_modules/pump": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.0.tgz",
@@ -7939,27 +7955,47 @@
       }
     },
     "node_modules/sharp": {
-      "version": "0.30.7",
-      "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.30.7.tgz",
-      "integrity": "sha512-G+MY2YW33jgflKPTXXptVO28HvNOo9G3j0MybYAHeEmby+QuD2U98dT6ueht9cv/XDqZspSpIhoSW+BAKJ7Hig==",
+      "version": "0.32.6",
+      "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.32.6.tgz",
+      "integrity": "sha512-KyLTWwgcR9Oe4d9HwCwNM2l7+J0dUQwn/yf7S0EnTtb0eVS4RxO0eUSvxPtzT4F3SY+C4K6fqdv/DO27sJ/v/w==",
       "hasInstallScript": true,
       "dependencies": {
         "color": "^4.2.3",
-        "detect-libc": "^2.0.1",
-        "node-addon-api": "^5.0.0",
+        "detect-libc": "^2.0.2",
+        "node-addon-api": "^6.1.0",
         "prebuild-install": "^7.1.1",
-        "semver": "^7.3.7",
+        "semver": "^7.5.4",
         "simple-get": "^4.0.1",
-        "tar-fs": "^2.1.1",
+        "tar-fs": "^3.0.4",
         "tunnel-agent": "^0.6.0"
       },
       "engines": {
-        "node": ">=12.13.0"
+        "node": ">=14.15.0"
       },
       "funding": {
         "url": "https://opencollective.com/libvips"
       }
     },
+    "node_modules/sharp/node_modules/tar-fs": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-3.0.4.tgz",
+      "integrity": "sha512-5AFQU8b9qLfZCX9zp2duONhPmZv0hGYiBPJsyUdqMjzq/mqVpy/rEUSeHk1+YitmxugaptgBh5oDGU3VsAJq4w==",
+      "dependencies": {
+        "mkdirp-classic": "^0.5.2",
+        "pump": "^3.0.0",
+        "tar-stream": "^3.1.5"
+      }
+    },
+    "node_modules/sharp/node_modules/tar-stream": {
+      "version": "3.1.6",
+      "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-3.1.6.tgz",
+      "integrity": "sha512-B/UyjYwPpMBv+PaFSWAmtYjwdrlEaZQEhMIBFNC5oEG8lpiW8XjcSdmEaClj28ArfKScKHs2nshz3k2le6crsg==",
+      "dependencies": {
+        "b4a": "^1.6.4",
+        "fast-fifo": "^1.2.0",
+        "streamx": "^2.15.0"
+      }
+    },
     "node_modules/shebang-command": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
@@ -8189,9 +8225,9 @@
       }
     },
     "node_modules/streamx": {
-      "version": "2.15.2",
-      "resolved": "https://registry.npmjs.org/streamx/-/streamx-2.15.2.tgz",
-      "integrity": "sha512-b62pAV/aeMjUoRN2C/9F0n+G8AfcJjNC0zw/ZmOHeFsIe4m4GzjVW9m6VHXVjk536NbdU9JRwKMJRfkc+zUFTg==",
+      "version": "2.15.5",
+      "resolved": "https://registry.npmjs.org/streamx/-/streamx-2.15.5.tgz",
+      "integrity": "sha512-9thPGMkKC2GctCzyCUjME3yR03x2xNo0GPKGkRw2UMYN+gqWa9uqpyNWhmsNCutU5zHmkUum0LsCRQTXUgUCAg==",
       "dependencies": {
         "fast-fifo": "^1.1.0",
         "queue-tick": "^1.0.1"
@@ -9183,9 +9219,9 @@
       }
     },
     "node_modules/word-wrap": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.3.tgz",
-      "integrity": "sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==",
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
+      "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
       "dev": true,
       "engines": {
         "node": ">=0.10.0"
@@ -10548,6 +10584,11 @@
         "has-symbols": "^1.0.3"
       }
     },
+    "asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
+    },
     "autoprefixer": {
       "version": "10.4.13",
       "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.13.tgz",
@@ -10575,11 +10616,13 @@
       "dev": true
     },
     "axios": {
-      "version": "0.25.0",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-0.25.0.tgz",
-      "integrity": "sha512-cD8FOb0tRH3uuEe6+evtAbgJtfxr7ly3fQjYcMcuPlgkwVS9xboaVIpcDV+cYQe+yGykgwZCs1pzjntcGa6l5g==",
+      "version": "1.6.2",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.6.2.tgz",
+      "integrity": "sha512-7i24Ri4pmDRfJTR7LDBhsOTtcm+9kjX5WiY1X3wIisx6G9So3pfMkEiU7emUBe46oceVImccTEM3k6C5dbVW8A==",
       "requires": {
-        "follow-redirects": "^1.14.7"
+        "follow-redirects": "^1.15.0",
+        "form-data": "^4.0.0",
+        "proxy-from-env": "^1.1.0"
       }
     },
     "axobject-query": {
@@ -10940,6 +10983,14 @@
       "integrity": "sha512-3tlv/dIP7FWvj3BsbHrGLJ6l/oKh1O3TcgBqMn+yyCagOxc23fyzDS6HypQbgxWbkpDnf52p1LuR4eWDQ/K9WQ==",
       "dev": true
     },
+    "combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "requires": {
+        "delayed-stream": "~1.0.0"
+      }
+    },
     "commander": {
       "version": "9.5.0",
       "resolved": "https://registry.npmjs.org/commander/-/commander-9.5.0.tgz",
@@ -11126,6 +11177,11 @@
         "slash": "^3.0.0"
       }
     },
+    "delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ=="
+    },
     "denque": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/denque/-/denque-2.1.0.tgz",
@@ -11601,9 +11657,9 @@
       },
       "dependencies": {
         "semver": {
-          "version": "6.3.0",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
-          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+          "version": "6.3.1",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+          "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
           "dev": true
         }
       }
@@ -11971,6 +12027,16 @@
         "for-in": "^1.0.1"
       }
     },
+    "form-data": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
+      "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
+      "requires": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "mime-types": "^2.1.12"
+      }
+    },
     "fraction.js": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.2.0.tgz",
@@ -12599,50 +12665,10 @@
           "resolved": "https://registry.npmjs.org/destr/-/destr-2.0.2.tgz",
           "integrity": "sha512-65AlobnZMiCET00KaFFjUefxDX0khFA/E4myqZ7a6Sq1yZtR8+FVIvilVX66vF2uobSumxooYZChiRPCKNqhmg=="
         },
-        "node-addon-api": {
-          "version": "6.1.0",
-          "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-6.1.0.tgz",
-          "integrity": "sha512-+eawOlIgy680F0kBzPUNFhMZGtJ1YmqM6l4+Crf4IkImjYrO/mqPwRMh352g23uIaQKFItcQ64I7KMaJxHgAVA=="
-        },
         "pathe": {
           "version": "1.1.1",
           "resolved": "https://registry.npmjs.org/pathe/-/pathe-1.1.1.tgz",
           "integrity": "sha512-d+RQGp0MAYTIaDBIMmOfMwz3E+LOZnxx1HZd5R18mmCZY0QBlK0LDZfPc8FW8Ed2DlvsuE6PRjroDY+wg4+j/Q=="
-        },
-        "sharp": {
-          "version": "0.32.6",
-          "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.32.6.tgz",
-          "integrity": "sha512-KyLTWwgcR9Oe4d9HwCwNM2l7+J0dUQwn/yf7S0EnTtb0eVS4RxO0eUSvxPtzT4F3SY+C4K6fqdv/DO27sJ/v/w==",
-          "requires": {
-            "color": "^4.2.3",
-            "detect-libc": "^2.0.2",
-            "node-addon-api": "^6.1.0",
-            "prebuild-install": "^7.1.1",
-            "semver": "^7.5.4",
-            "simple-get": "^4.0.1",
-            "tar-fs": "^3.0.4",
-            "tunnel-agent": "^0.6.0"
-          }
-        },
-        "tar-fs": {
-          "version": "3.0.4",
-          "resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-3.0.4.tgz",
-          "integrity": "sha512-5AFQU8b9qLfZCX9zp2duONhPmZv0hGYiBPJsyUdqMjzq/mqVpy/rEUSeHk1+YitmxugaptgBh5oDGU3VsAJq4w==",
-          "requires": {
-            "mkdirp-classic": "^0.5.2",
-            "pump": "^3.0.0",
-            "tar-stream": "^3.1.5"
-          }
-        },
-        "tar-stream": {
-          "version": "3.1.6",
-          "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-3.1.6.tgz",
-          "integrity": "sha512-B/UyjYwPpMBv+PaFSWAmtYjwdrlEaZQEhMIBFNC5oEG8lpiW8XjcSdmEaClj28ArfKScKHs2nshz3k2le6crsg==",
-          "requires": {
-            "b4a": "^1.6.4",
-            "fast-fifo": "^1.2.0",
-            "streamx": "^2.15.0"
-          }
         }
       }
     },
@@ -13497,6 +13523,19 @@
       "resolved": "https://registry.npmjs.org/mime/-/mime-3.0.0.tgz",
       "integrity": "sha512-jSCU7/VB1loIWBZe14aEYHU/+1UMEHoaO7qxCOVJOw9GgH72VAWppxNcjU+x9a2k3GSIBXNKxXQFqRvvZ7vr3A=="
     },
+    "mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg=="
+    },
+    "mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "requires": {
+        "mime-db": "1.52.0"
+      }
+    },
     "mimic-fn": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
@@ -13664,9 +13703,9 @@
       }
     },
     "node-addon-api": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-5.1.0.tgz",
-      "integrity": "sha512-eh0GgfEkpnoWDq+VY8OyvYhFEzBk6jIYbRKdIlyTiAXIVJ8PyBaKb0rp7oDtoddbdoHWhq8wwr+XZ81F1rpNdA=="
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-6.1.0.tgz",
+      "integrity": "sha512-+eawOlIgy680F0kBzPUNFhMZGtJ1YmqM6l4+Crf4IkImjYrO/mqPwRMh352g23uIaQKFItcQ64I7KMaJxHgAVA=="
     },
     "node-fetch": {
       "version": "2.7.0",
@@ -13752,9 +13791,9 @@
       },
       "dependencies": {
         "semver": {
-          "version": "5.7.1",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
-          "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
+          "version": "5.7.2",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
+          "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
           "dev": true
         }
       }
@@ -13860,9 +13899,9 @@
           "dev": true
         },
         "semver": {
-          "version": "5.7.1",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
-          "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
+          "version": "5.7.2",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
+          "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
           "dev": true
         },
         "shebang-command": {
@@ -14520,6 +14559,11 @@
       "resolved": "https://registry.npmjs.org/protocol-buffers-schema/-/protocol-buffers-schema-3.6.0.tgz",
       "integrity": "sha512-TdDRD+/QNdrCGCE7v8340QyuXd4kIWIgapsE2+n/SaGiSSbomYl4TjHlvIoCWRpE7wFt02EpB35VVA2ImcBVqw=="
     },
+    "proxy-from-env": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
+    },
     "pump": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.0.tgz",
@@ -14975,18 +15019,40 @@
       }
     },
     "sharp": {
-      "version": "0.30.7",
-      "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.30.7.tgz",
-      "integrity": "sha512-G+MY2YW33jgflKPTXXptVO28HvNOo9G3j0MybYAHeEmby+QuD2U98dT6ueht9cv/XDqZspSpIhoSW+BAKJ7Hig==",
+      "version": "0.32.6",
+      "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.32.6.tgz",
+      "integrity": "sha512-KyLTWwgcR9Oe4d9HwCwNM2l7+J0dUQwn/yf7S0EnTtb0eVS4RxO0eUSvxPtzT4F3SY+C4K6fqdv/DO27sJ/v/w==",
       "requires": {
         "color": "^4.2.3",
-        "detect-libc": "^2.0.1",
-        "node-addon-api": "^5.0.0",
+        "detect-libc": "^2.0.2",
+        "node-addon-api": "^6.1.0",
         "prebuild-install": "^7.1.1",
-        "semver": "^7.3.7",
+        "semver": "^7.5.4",
         "simple-get": "^4.0.1",
-        "tar-fs": "^2.1.1",
+        "tar-fs": "^3.0.4",
         "tunnel-agent": "^0.6.0"
+      },
+      "dependencies": {
+        "tar-fs": {
+          "version": "3.0.4",
+          "resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-3.0.4.tgz",
+          "integrity": "sha512-5AFQU8b9qLfZCX9zp2duONhPmZv0hGYiBPJsyUdqMjzq/mqVpy/rEUSeHk1+YitmxugaptgBh5oDGU3VsAJq4w==",
+          "requires": {
+            "mkdirp-classic": "^0.5.2",
+            "pump": "^3.0.0",
+            "tar-stream": "^3.1.5"
+          }
+        },
+        "tar-stream": {
+          "version": "3.1.6",
+          "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-3.1.6.tgz",
+          "integrity": "sha512-B/UyjYwPpMBv+PaFSWAmtYjwdrlEaZQEhMIBFNC5oEG8lpiW8XjcSdmEaClj28ArfKScKHs2nshz3k2le6crsg==",
+          "requires": {
+            "b4a": "^1.6.4",
+            "fast-fifo": "^1.2.0",
+            "streamx": "^2.15.0"
+          }
+        }
       }
     },
     "shebang-command": {
@@ -15155,9 +15221,9 @@
       "integrity": "sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg=="
     },
     "streamx": {
-      "version": "2.15.2",
-      "resolved": "https://registry.npmjs.org/streamx/-/streamx-2.15.2.tgz",
-      "integrity": "sha512-b62pAV/aeMjUoRN2C/9F0n+G8AfcJjNC0zw/ZmOHeFsIe4m4GzjVW9m6VHXVjk536NbdU9JRwKMJRfkc+zUFTg==",
+      "version": "2.15.5",
+      "resolved": "https://registry.npmjs.org/streamx/-/streamx-2.15.5.tgz",
+      "integrity": "sha512-9thPGMkKC2GctCzyCUjME3yR03x2xNo0GPKGkRw2UMYN+gqWa9uqpyNWhmsNCutU5zHmkUum0LsCRQTXUgUCAg==",
       "requires": {
         "fast-fifo": "^1.1.0",
         "queue-tick": "^1.0.1"
@@ -15882,9 +15948,9 @@
       }
     },
     "word-wrap": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.3.tgz",
-      "integrity": "sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==",
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
+      "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
       "dev": true
     },
     "wordwrap": {
diff --git a/package.json b/package.json
index 4bb17e14..45bf1fd3 100644
--- a/package.json
+++ b/package.json
@@ -32,7 +32,7 @@
     "@headlessui/react": "^1.4.2",
     "@heroicons/react": "^1.0.5",
     "@netlify/plugin-nextjs": "^4.40.1",
-    "axios": "^0.25.0",
+    "axios": "^1.6.2",
     "framer-motion": "^7.5.3",
     "jsqr": "^1.4.0",
     "lottie-web": "^5.8.1",
@@ -43,7 +43,7 @@
     "react-dom": "^18.2.0",
     "react-map-gl": "^6.1.17",
     "react-p5": "^1.3.21",
-    "sharp": "^0.30.0",
+    "sharp": "^0.32.6",
     "typewriter-effect": "^2.21.0"
   },
   "devDependencies": {