sprint-asia-custom-component 0.1.129 → 0.1.131

package/dist/index.js

@@ -26055,13 +26055,16 @@
     onDrop,
     maxFiles = 1,
     selectedFile,
-    error = ""
+    error = "",
+    disabled
   }) => {
     const [errorMessage, setErrorMessage] = React.useState("");
     const onDropRejected = rejectedFiles => {
       const file = rejectedFiles[0];
       if (file.errors[0]?.code === "file-too-large") {
-        setErrorMessage("Your file is too large, Max file size is 5 MB");
+        setErrorMessage("Your file is too large. Max file size is 5 MB");
+      } else if (file.errors[0]?.code === "file-invalid-type") {
+        setErrorMessage("File format not supported. Please try again with PNG, JPEG, JPG, or PDF file within 5 MB");
       }
     };
     const {
@@ -26071,12 +26074,14 @@
       onDrop,
       maxFiles,
       accept: {
-        "image/*": [".jpeg", ".png"],
+        "image/jpeg": [".jpeg", ".jpg"],
+        "image/png": [".png"],
         "application/pdf": [".pdf"]
       },
       noKeyboard: true,
       maxSize: 5242881,
-      onDropRejected
+      onDropRejected,
+      disabled
     });
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "w-full"
@@ -48029,6 +48034,9 @@
 
   var img$6 = "data:image/png;base64,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";
 
+  // THIS FILE IS AUTO GENERATED
+  function FaInfinity(props){return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 640 512"},"child":[{"tag":"path","attr":{"d":"M0 241.1C0 161 65 96 145.1 96c38.5 0 75.4 15.3 102.6 42.5L320 210.7l72.2-72.2C419.5 111.3 456.4 96 494.9 96C575 96 640 161 640 241.1v29.7C640 351 575 416 494.9 416c-38.5 0-75.4-15.3-102.6-42.5L320 301.3l-72.2 72.2C220.5 400.7 183.6 416 145.1 416C65 416 0 351 0 270.9V241.1zM274.7 256l-72.2-72.2c-15.2-15.2-35.9-23.8-57.4-23.8C100.3 160 64 196.3 64 241.1v29.7c0 44.8 36.3 81.1 81.1 81.1c21.5 0 42.2-8.5 57.4-23.8L274.7 256zm90.5 0l72.2 72.2c15.2 15.2 35.9 23.8 57.4 23.8c44.8 0 81.1-36.3 81.1-81.1V241.1c0-44.8-36.3-81.1-81.1-81.1c-21.5 0-42.2 8.5-57.4 23.8L365.3 256z"},"child":[]}]})(props);}
+
   /* eslint-disable jsx-a11y/anchor-is-valid */
   const Header = ({
     title = "Label",
@@ -48049,7 +48057,7 @@
     }],
     isNotificationActive = false,
     dataNotification = ["Notification 1", "Notification 2"],
-    dataBalance = "0",
+    dataBalance = 0,
     onClickWallet
   }) => {
     const [isProfileContentVisible, setProfileContentVisible] = React.useState(false);
@@ -48081,9 +48089,13 @@
       size: 24
     })), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("p", {
       className: "text-neutral300 text-xs"
-    }, "Balance:"), /*#__PURE__*/React__default["default"].createElement("p", {
+    }, "Balance:"), ["System Administrator", "Ops Administrator", "Business Administrator", "Business Support", "Reconcile"].includes(roleName) ? /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "flex items-center gap-1"
+    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      className: "font-semibold text-black"
+    }, "Rp"), /*#__PURE__*/React__default["default"].createElement(FaInfinity, null)) : /*#__PURE__*/React__default["default"].createElement("p", {
       className: "font-semibold text-black"
-    }, "Rp ", dataBalance))), /*#__PURE__*/React__default["default"].createElement("div", {
+    }, "Rp ", dataBalance.toLocaleString()))), /*#__PURE__*/React__default["default"].createElement("div", {
       className: "w-px bg-neutral40 h-16 mx-3"
     }), /*#__PURE__*/React__default["default"].createElement("div", {
       className: "flex items-center cursor-pointer",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "sprint-asia-custom-component",
   "main": "dist/index.js",
-  "version": "0.1.129",
+  "version": "0.1.131",
   "private": false,
   "dependencies": {
     "@headlessui/react": "^1.7.18",

package/src/components/dropzone/uploadfile/index.js

@@ -10,13 +10,16 @@ const DropzoneUploadFile = ({
   maxFiles = 1,
   selectedFile,
   error = "",
+  disabled,
 }) => {
   const [errorMessage, setErrorMessage] = useState("");
 
   const onDropRejected = (rejectedFiles) => {
     const file = rejectedFiles[0];
     if (file.errors[0]?.code === "file-too-large") {
-      setErrorMessage("Your file is too large, Max file size is 5 MB");
+      setErrorMessage("Your file is too large. Max file size is 5 MB");
+    } else if (file.errors[0]?.code === "file-invalid-type") {
+      setErrorMessage("File format not supported. Please try again with PNG, JPEG, JPG, or PDF file within 5 MB");
     }
   };
 
@@ -24,12 +27,14 @@ const DropzoneUploadFile = ({
     onDrop,
     maxFiles,
     accept: {
-      "image/*": [".jpeg", ".png"],
+      "image/jpeg": [".jpeg", ".jpg"],
+      "image/png": [".png"],
       "application/pdf": [".pdf"],
     },
     noKeyboard: true,
     maxSize: 5242881,
     onDropRejected,
+    disabled,
   });
 
   return (

package/src/components/header/index.js

@@ -2,6 +2,7 @@
 import React, { useState, useRef } from "react";
 import Profile from "../../assets/images/profile.png";
 import { PiDoorOpenDuotone, PiUserCircleDuotone, PiBellDuotone, PiWalletDuotone } from "react-icons/pi";
+import { FaInfinity } from "react-icons/fa6";
 
 const Header = ({
   title = "Label",
@@ -25,7 +26,7 @@ const Header = ({
   ],
   isNotificationActive = false,
   dataNotification = ["Notification 1", "Notification 2"],
-  dataBalance = "0",
+  dataBalance = 0,
   onClickWallet,
 }) => {
   const [isProfileContentVisible, setProfileContentVisible] = useState(false);
@@ -54,7 +55,20 @@ const Header = ({
             </div>
             <div>
               <p className="text-neutral300 text-xs">Balance:</p>
-              <p className="font-semibold text-black">Rp {dataBalance}</p>
+              {[
+                "System Administrator",
+                "Ops Administrator",
+                "Business Administrator",
+                "Business Support",
+                "Reconcile",
+              ].includes(roleName) ? (
+                <div className="flex items-center gap-1">
+                  <p className="font-semibold text-black">Rp</p>
+                  <FaInfinity />
+                </div>
+              ) : (
+                <p className="font-semibold text-black">Rp {dataBalance.toLocaleString()}</p>
+              )}
             </div>
           </a>
           <div className="w-px bg-neutral40 h-16 mx-3"></div>

package/src/templates/index.js

@@ -839,8 +839,8 @@ const Templates = () => {
   return (
     <div>
       <div>
-        <OutlineButton title="Test" />
-        {/* <Header title="Navbar" /> */}
+        {/* <OutlineButton title="Test" /> */}
+        <Header title="Navbar" roleName="System Administrators" dataBalance={10000} />
       </div>
 
       <div>
@@ -1093,7 +1093,7 @@ const Templates = () => {
       <Description
         title="Sample Title"
         value={"This is a sample description.\n HHEHEEH \n LOh"}
-        icon={<PiCalendarBlank size={20}/>}
+        icon={<PiCalendarBlank size={20} />}
         // image="https://static.promediateknologi.id/crop/0x0:0x0/0x0/webp/photo/jawapos/2022/09/one-piece-red.jpeg"
       />