dirk-cfx-react 1.0.47 → 1.0.49

package/dist/index.d.cts

@@ -1,5 +1,5 @@
-export { BorderedIcon, BorderedIconProps, ButtonProps, Counter, FloatingParticles, FloatingParticlesProps, InfoBox, InfoBoxProps, InputContainer, InputContainerProps, ModalContext, ModalProvider, MotionFlex, MotionIcon, MotionImage, MotionText, NavBar, NavigationContext, NavigationProvider, NavigationStore, ParticleState, ProgressProps, SegmentProps, SegmentedControl, SegmentedControlProps, SegmentedProgress, Title, TitleProps, useModal, useModalActions, useNavigation, useNavigationStore } from './components/index.cjs';
-export { InitialFetch, InternalEvent, SkillSettings, colorWithAlpha, copyToClipboard, createSkill, fetchNui, initialFetches, internalEvent, isEnvBrowser, isProfanity, locale, localeStore, noop, numberToRoman, openLink, registerInitialFetch, runFetches, splitFAString, useAutoFetcher, useProfanityStore } from './utils/index.cjs';
+export { BorderedIcon, BorderedIconProps, ButtonProps, Counter, FloatingParticles, FloatingParticlesProps, InfoBox, InfoBoxProps, InputContainer, InputContainerProps, LevelBanner, ModalContext, ModalProvider, MotionFlex, MotionIcon, MotionImage, MotionText, NavBar, NavigationContext, NavigationProvider, NavigationStore, ParticleState, ProgressProps, SegmentProps, SegmentedControl, SegmentedControlProps, SegmentedProgress, Title, TitleProps, useModal, useModalActions, useNavigation, useNavigationStore } from './components/index.cjs';
+export { InitialFetch, InternalEvent, SkillSettings, UploadImageProps, colorWithAlpha, copyToClipboard, createSkill, fetchNui, getImageShape, initialFetches, internalEvent, isEnvBrowser, isProfanity, locale, localeStore, noop, numberToRoman, openLink, registerInitialFetch, runFetches, splitFAString, updatePresignedURL, uploadImage, useAutoFetcher, useProfanityStore } from './utils/index.cjs';
 export { FormProvider, FormState, TornEdgeSVGFilter, ValidationRules, createFormStore, useForm, useNuiEvent, useTornEdges } from './hooks/index.cjs';
 export { DirkProvider, DirkProviderProps, useSettings } from './providers/index.cjs';
 import 'react/jsx-runtime';

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-export { BorderedIcon, BorderedIconProps, ButtonProps, Counter, FloatingParticles, FloatingParticlesProps, InfoBox, InfoBoxProps, InputContainer, InputContainerProps, ModalContext, ModalProvider, MotionFlex, MotionIcon, MotionImage, MotionText, NavBar, NavigationContext, NavigationProvider, NavigationStore, ParticleState, ProgressProps, SegmentProps, SegmentedControl, SegmentedControlProps, SegmentedProgress, Title, TitleProps, useModal, useModalActions, useNavigation, useNavigationStore } from './components/index.js';
-export { InitialFetch, InternalEvent, SkillSettings, colorWithAlpha, copyToClipboard, createSkill, fetchNui, initialFetches, internalEvent, isEnvBrowser, isProfanity, locale, localeStore, noop, numberToRoman, openLink, registerInitialFetch, runFetches, splitFAString, useAutoFetcher, useProfanityStore } from './utils/index.js';
+export { BorderedIcon, BorderedIconProps, ButtonProps, Counter, FloatingParticles, FloatingParticlesProps, InfoBox, InfoBoxProps, InputContainer, InputContainerProps, LevelBanner, ModalContext, ModalProvider, MotionFlex, MotionIcon, MotionImage, MotionText, NavBar, NavigationContext, NavigationProvider, NavigationStore, ParticleState, ProgressProps, SegmentProps, SegmentedControl, SegmentedControlProps, SegmentedProgress, Title, TitleProps, useModal, useModalActions, useNavigation, useNavigationStore } from './components/index.js';
+export { InitialFetch, InternalEvent, SkillSettings, UploadImageProps, colorWithAlpha, copyToClipboard, createSkill, fetchNui, getImageShape, initialFetches, internalEvent, isEnvBrowser, isProfanity, locale, localeStore, noop, numberToRoman, openLink, registerInitialFetch, runFetches, splitFAString, updatePresignedURL, uploadImage, useAutoFetcher, useProfanityStore } from './utils/index.js';
 export { FormProvider, FormState, TornEdgeSVGFilter, ValidationRules, createFormStore, useForm, useNuiEvent, useTornEdges } from './hooks/index.js';
 export { DirkProvider, DirkProviderProps, useSettings } from './providers/index.js';
 import 'react/jsx-runtime';

package/dist/index.js

@@ -1,7 +1,8 @@
 import { createContext, useEffect, useRef, useState, useContext, useMemo } from 'react';
 import { create, useStore, createStore } from 'zustand';
+import axios from 'axios';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { Flex, Text, Image, createTheme, useMantineTheme, alpha, MantineProvider, BackgroundImage } from '@mantine/core';
+import { Flex, Text, Image as Image$1, createTheme, useMantineTheme, alpha, Progress, MantineProvider, BackgroundImage } from '@mantine/core';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { motion, AnimatePresence, useMotionValue } from 'framer-motion';
 import clickSoundUrl from './click_sound-PNCRRTM4.mp3';
@@ -742,6 +743,42 @@ function createSkill(defaultSettings) {
     useSkill
   };
 }
+var dummyURL = "https://fmapi.net/api/v2/presigned-url/eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VySWQiOiJON0UxM0tzejFRM0NuSzRHWFBPbmUiLCJ0ZWFtSWQiOiJlMDQ1YnpwZzg5TGpoaUFTaURIdVoiLCJmaWxlVHlwZSI6ImltYWdlIiwidG9rZW5JZCI6ImpwczJ4Z0M1eFZqcnRoeWZTZnFsYSIsInNldHRpbmdzIjp7IlRlYW1JRCI6ImUwNDVienBnODlMamhpQVNpREh1WiIsIkltYWdlTm90aWZpY2F0aW9uVHlwZSI6IiIsIkRpc2NvcmRXZWJob29rIjoiIiwiRGlzY29yZEltYWdlQ2hhbm5lbCI6IiIsIlZpZGVvTm90aWZpY2F0aW9uVHlwZSI6IiIsIkRpc2NvcmRWaWRlb1dlYmhvb2siOiIiLCJEaXNjb3JkVmlkZW9DaGFubmVsIjoiIiwiQXVkaW9Ob3RpZmljYXRpb25UeXBlIjoiIiwiRGlzY29yZEF1ZGlvV2ViaG9vayI6IiIsIkRpc2NvcmRBdWRpb0NoYW5uZWwiOiIiLCJEaXNjb3JkQm90VG9rZW4iOiIiLCJSZXRlbnRpb25FbmFibGVkIjpmYWxzZSwiUmV0ZW50aW9uRGF5cyI6NywiVmlkZW9SZXRlbnRpb25FbmFibGVkIjpmYWxzZSwiVmlkZW9SZXRlbnRpb25EYXlzIjo3LCJBdWRpb1JldGVudGlvbkVuYWJsZWQiOmZhbHNlLCJBdWRpb1JldGVudGlvbkRheXMiOjcsIkxvZ0FsZXJ0RW5hYmxlZCI6ZmFsc2UsIkxvZ0FsZXJ0TGV2ZWxzIjpbXSwiTG9nQWxlcnREaXNjb3JkV2ViaG9vayI6IiIsIk92ZXJyaWRlSW1hZ2VRdWFsaXR5IjpmYWxzZSwiSW1hZ2VRdWFsaXR5Ijo1MH0sImV4cCI6MTc2MTg1MTEzNH0.fpPeQ0GCm5GNTddjttUQ78VMqRUAufXoOvv5C7Vh3WA";
+async function updatePresignedURL() {
+  return await fetchNui("GET_PRESIGNED_URL", void 0, dummyURL);
+}
+async function uploadImage(props) {
+  const uploadURL = await updatePresignedURL();
+  const response = await fetch(props.fileURL);
+  const blob = await response.blob();
+  const file = new File([blob], "upload.png", { type: blob.type });
+  const formData = new FormData();
+  formData.append("file", file);
+  formData.append(
+    "metadata",
+    JSON.stringify({
+      name: props.name || file.name,
+      description: props.description || "Uploaded via DirkScripts"
+    })
+  );
+  const uploadRes = await axios.post(uploadURL, formData, {
+    headers: { "Content-Type": "multipart/form-data" }
+  });
+  const finalUrl = uploadRes.data?.data?.url ?? uploadRes.data?.url;
+  if (!finalUrl) throw new Error("Upload succeeded but no URL returned");
+  return finalUrl;
+}
+async function getImageShape(file) {
+  return new Promise((resolve, reject) => {
+    const img = new Image();
+    img.onload = () => {
+      if (img.width > img.height) resolve("wide");
+      else resolve("square");
+    };
+    img.onerror = () => reject(new Error("Failed to load image"));
+    img.src = typeof file === "string" ? file : URL.createObjectURL(file);
+  });
+}
 function BorderedIcon(props) {
   const theme2 = useMantineTheme();
   return /* @__PURE__ */ jsx(
@@ -766,7 +803,7 @@ function BorderedIcon(props) {
 }
 var MotionFlex = motion.create(Flex);
 var MotionText = motion.create(Text);
-var MotionImage = motion.create(Image);
+var MotionImage = motion.create(Image$1);
 var MotionIcon = motion.create(FontAwesomeIcon);
 function Counter(props) {
   return /* @__PURE__ */ jsx(AnimatePresence, { children: props.count > 0 && /* @__PURE__ */ jsx(
@@ -1509,6 +1546,93 @@ function Title(props) {
     }
   );
 }
+function LevelBanner(props) {
+  return /* @__PURE__ */ jsxs(
+    MotionFlex,
+    {
+      w: "35vh",
+      pos: "absolute",
+      left: "50%",
+      align: "center",
+      gap: "xs",
+      style: {
+        borderRadius: useMantineTheme().radius.xxs
+      },
+      initial: { opacity: 0, y: -10, transform: "translateX(-50%)" },
+      animate: { opacity: 1, y: 0, transform: "translateX(-50%)" },
+      exit: { opacity: 0, y: -10, transform: "translateX(-50%)" },
+      transition: { duration: 0.3 },
+      direction: "column",
+      children: [
+        /* @__PURE__ */ jsxs(
+          Flex,
+          {
+            w: "100%",
+            justify: "space-between",
+            children: [
+              /* @__PURE__ */ jsxs(
+                Text,
+                {
+                  size: "xxs",
+                  c: "rgba(255, 255, 255, 0.9)",
+                  style: {
+                    fontFamily: "Akrobat Bold",
+                    letterSpacing: "0.1em"
+                  },
+                  children: [
+                    "LVL ",
+                    props.level
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                Text,
+                {
+                  size: "xxs",
+                  c: "rgba(255, 255, 255, 0.7)",
+                  style: {
+                    fontFamily: "Akrobat Bold",
+                    letterSpacing: "0.1em"
+                  },
+                  children: [
+                    props.exp,
+                    "/",
+                    props.nextLevelXP,
+                    " XP"
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                Text,
+                {
+                  size: "xxs",
+                  c: "rgba(255, 255, 255, 0.7)",
+                  style: {
+                    fontFamily: "Akrobat Bold",
+                    letterSpacing: "0.1em"
+                  },
+                  children: [
+                    "LVL ",
+                    props.level + 1
+                  ]
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Progress,
+          {
+            color: props.color,
+            w: "100%",
+            size: "sm",
+            value: props.progressToLevel
+          }
+        )
+      ]
+    }
+  );
+}
 var ModalContext = createContext(null);
 function useModal(selector) {
   const modal = useContext(ModalContext);
@@ -2125,6 +2249,6 @@ function TornEdgeSVGFilter() {
   );
 }
 
-export { BorderedIcon, Counter, DirkProvider, FloatingParticles, FormProvider, InfoBox, InputContainer, ModalContext, ModalProvider, MotionFlex, MotionIcon, MotionImage, MotionText, NavBar, NavigationContext, NavigationProvider, SegmentedControl, SegmentedProgress, Title, TornEdgeSVGFilter, colorWithAlpha, copyToClipboard, createFormStore, createSkill, fetchNui, initialFetches, internalEvent, isEnvBrowser, isProfanity, locale, localeStore, noop, numberToRoman, openLink, registerInitialFetch, runFetches, splitFAString, useAutoFetcher, useForm, useModal, useModalActions, useNavigation, useNavigationStore, useNuiEvent, useProfanityStore, useSettings, useTornEdges };
+export { BorderedIcon, Counter, DirkProvider, FloatingParticles, FormProvider, InfoBox, InputContainer, LevelBanner, ModalContext, ModalProvider, MotionFlex, MotionIcon, MotionImage, MotionText, NavBar, NavigationContext, NavigationProvider, SegmentedControl, SegmentedProgress, Title, TornEdgeSVGFilter, colorWithAlpha, copyToClipboard, createFormStore, createSkill, fetchNui, getImageShape, initialFetches, internalEvent, isEnvBrowser, isProfanity, locale, localeStore, noop, numberToRoman, openLink, registerInitialFetch, runFetches, splitFAString, updatePresignedURL, uploadImage, useAutoFetcher, useForm, useModal, useModalActions, useNavigation, useNavigationStore, useNuiEvent, useProfanityStore, useSettings, useTornEdges };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map