@wecodesolutions/shared-react-components-ts 0.13.0 → 0.13.2

package/dist/components/chart/Chart.d.ts

@@ -8,5 +8,5 @@ interface ChartData {
     date: string;
     profit: number;
 }
-declare const Chart: React.FC<ChartProps>;
-export default Chart;
+export declare const Chart: React.FC<ChartProps>;
+export {};

package/dist/index.d.ts

@@ -4,6 +4,7 @@ export * from './components/buttons/circleButton/CircleButton';
 export * from './components/buttons/roundButton/RoundButton';
 export * from './components/buttons/SignInWithGoogle/SignInWithGoogle';
 export * from './components/card/Card';
+export * from './components/chart/Chart';
 export * from './components/formContainer/FormContainer';
 export * from './components/icons/AllCustomIcons';
 export * from './components/inputField/InputField';

package/dist/shared-react-components-ts.cjs.development.js

@@ -6,6 +6,7 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var React = require('react');
 var React__default = _interopDefault(React);
+var recharts = require('recharts');
 var reactRouterDom = require('react-router-dom');
 
 function styleInject(css, ref) {
@@ -208,6 +209,71 @@ var Card = function Card(_ref) {
   }, isExpanded ? showLessText : moreInfoText) : React__default.createElement(React__default.Fragment, null), isExpanded ? bottomElement : React__default.createElement(React__default.Fragment, null));
 };
 
+var css_248z$5 = "/* src/components/Chart.module.css */\r\n\r\n.Chart-module_chartContainer__tO2U- {\r\n  max-width: 800px;\r\n  margin: 0 auto;\r\n  padding: 20px;\r\n}\r\n\r\n.Chart-module_title__k4ymv {\r\n  text-align: center;\r\n  margin-bottom: 30px;\r\n  color: #333;\r\n}\r\n\r\n.Chart-module_chartSummary__TR1e- {\r\n  display: flex;\r\n  justify-content: space-around;\r\n  margin-bottom: 40px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.Chart-module_summaryItem__pXsJd {\r\n  background-color: #f5f5f5;\r\n  padding: 20px;\r\n  border-radius: 8px;\r\n  text-align: center;\r\n  width: 45%;\r\n  margin-bottom: 20px;\r\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.Chart-module_summaryItem__pXsJd h3 {\r\n  margin-bottom: 10px;\r\n  color: #555;\r\n}\r\n\r\n.Chart-module_summaryItem__pXsJd p {\r\n  font-size: 1.5rem;\r\n  color: #000;\r\n}\r\n\r\n.Chart-module_chartArea__8xY2V {\r\n  width: 100%;\r\n  height: 400px;\r\n}\r\n";
+var styles$5 = {"chartContainer":"Chart-module_chartContainer__tO2U-","title":"Chart-module_title__k4ymv","chartSummary":"Chart-module_chartSummary__TR1e-","summaryItem":"Chart-module_summaryItem__pXsJd","chartArea":"Chart-module_chartArea__8xY2V"};
+styleInject(css_248z$5);
+
+// src/components/Chart.tsx
+var Chart = function Chart(_ref) {
+  var startingAmount = _ref.startingAmount,
+    earnedAmount = _ref.earnedAmount,
+    data = _ref.data;
+  // Formatter for currency display
+  var formatCurrency = function formatCurrency(value) {
+    return "$" + value.toLocaleString();
+  };
+  return React__default.createElement("div", {
+    className: styles$5.chartContainer
+  }, React__default.createElement("h2", {
+    className: styles$5.title
+  }, "Profit Overview (Daily)"), React__default.createElement("div", {
+    className: styles$5.chartSummary
+  }, React__default.createElement("div", {
+    className: styles$5.summaryItem
+  }, React__default.createElement("h3", null, "Starting Amount"), React__default.createElement("p", null, formatCurrency(startingAmount))), React__default.createElement("div", {
+    className: styles$5.summaryItem
+  }, React__default.createElement("h3", null, "Earned Amount"), React__default.createElement("p", null, formatCurrency(earnedAmount)))), React__default.createElement("div", {
+    className: styles$5.chartArea
+  }, React__default.createElement(recharts.ResponsiveContainer, {
+    width: "100%",
+    height: 400
+  }, React__default.createElement(recharts.LineChart, {
+    data: data,
+    margin: {
+      top: 20,
+      right: 30,
+      left: 20,
+      bottom: 5
+    }
+  }, React__default.createElement(recharts.CartesianGrid, {
+    strokeDasharray: "3 3"
+  }), React__default.createElement(recharts.XAxis, {
+    dataKey: "date",
+    tick: {
+      fontSize: 12
+    },
+    angle: -45,
+    textAnchor: "end",
+    height: 60
+  }), React__default.createElement(recharts.YAxis, {
+    tick: {
+      fontSize: 12
+    }
+  }), React__default.createElement(recharts.Tooltip, {
+    formatter: function formatter(value) {
+      return formatCurrency(value);
+    }
+  }), React__default.createElement(recharts.Legend, null), React__default.createElement(recharts.Line, {
+    type: "monotone",
+    dataKey: "profit",
+    name: "Cumulative Profit",
+    stroke: "#82ca9d",
+    activeDot: {
+      r: 8
+    }
+  })))));
+};
+
 var FormContainer = function FormContainer(_ref) {
   var children = _ref.children,
     title = _ref.title,
@@ -309,9 +375,9 @@ var ValidationMessage = function ValidationMessage(_ref) {
   }, message);
 };
 
-var css_248z$5 = ".InputField-module_centerContentRow__qHEIU {\r\n  display: flex;\r\n  flex-flow: row;\r\n  justify-content: center;\r\n  align-items: baseline;\r\n  gap: 5px;\r\n}\r\n\r\n.InputField-module_centerContentColumn__dSN0e {\r\n  display: flex;\r\n  flex-flow: column;\r\n  justify-content: center;\r\n  gap: 5px;\r\n}\r\n";
-var styles$5 = {"centerContentRow":"InputField-module_centerContentRow__qHEIU","centerContentColumn":"InputField-module_centerContentColumn__dSN0e"};
-styleInject(css_248z$5);
+var css_248z$6 = ".InputField-module_centerContentRow__qHEIU {\r\n  display: flex;\r\n  flex-flow: row;\r\n  justify-content: center;\r\n  align-items: baseline;\r\n  gap: 5px;\r\n}\r\n\r\n.InputField-module_centerContentColumn__dSN0e {\r\n  display: flex;\r\n  flex-flow: column;\r\n  justify-content: center;\r\n  gap: 5px;\r\n}\r\n";
+var styles$6 = {"centerContentRow":"InputField-module_centerContentRow__qHEIU","centerContentColumn":"InputField-module_centerContentColumn__dSN0e"};
+styleInject(css_248z$6);
 
 var InputField = function InputField(_ref) {
   var label = _ref.label,
@@ -327,14 +393,14 @@ var InputField = function InputField(_ref) {
     labelClassName = _ref$labelClassName === void 0 ? '' : _ref$labelClassName,
     _ref$inputClassName = _ref.inputClassName,
     inputClassName = _ref$inputClassName === void 0 ? '' : _ref$inputClassName;
-  var dynamicStyle = display === 'horizontal' ? styles$5.centerContentColumn : styles$5.centerContentRow;
+  var dynamicStyle = display === 'horizontal' ? styles$6.centerContentColumn : styles$6.centerContentRow;
   return React__default.createElement("div", {
     className: "input-field " + dynamicStyle
   }, React__default.createElement("label", {
     htmlFor: name,
     className: labelClassName
   }, label), React__default.createElement("div", {
-    className: styles$5.centerContentColumn
+    className: styles$6.centerContentColumn
   }, React__default.createElement("input", {
     id: name,
     type: type,
@@ -349,43 +415,43 @@ var InputField = function InputField(_ref) {
   })));
 };
 
-var css_248z$6 = ".NavBar-module_nav__SZ96J {\r\n  /*nav*/\r\n  background-color: #001f3f;\r\n  display: flex;\r\n  justify-content: space-around;\r\n  align-items: center;\r\n  padding: 10px 0;\r\n  color: #fff;\r\n}\r\n\r\n.NavBar-module_navItem__2lfwY {\r\n  /*nav > div*/\r\n  position: relative;\r\n  cursor: pointer;\r\n  margin: 0 15px;\r\n\r\n  /*following for icon above text on top navbar*/\r\n  display: flex;\r\n  flex-flow: column;\r\n  align-items: center;\r\n}\r\n\r\n.NavBar-module_navItem__2lfwY:hover .NavBar-module_submenu__lj-mo {\r\n  /*nav > div:hover > div*/\r\n  display: block;\r\n}\r\n\r\n.NavBar-module_submenu__lj-mo {\r\n  /*nav div div*/\r\n  display: none;\r\n  background-color: #003366;\r\n  padding: 10px;\r\n  position: absolute;\r\n  top: 100%;\r\n  left: 0;\r\n  border-radius: 5px;\r\n  z-index: 1;\r\n  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.NavBar-module_submenuItem__mvBS9 {\r\n  /*nav div div div*/\r\n  margin: 5px 0;\r\n  padding: 5px 0;\r\n\r\n  /*for aligning icon an text in the center*/\r\n  display: flex;\r\n}\r\n";
-var styles$6 = {"nav":"NavBar-module_nav__SZ96J","navItem":"NavBar-module_navItem__2lfwY","submenu":"NavBar-module_submenu__lj-mo","submenuItem":"NavBar-module_submenuItem__mvBS9"};
-styleInject(css_248z$6);
+var css_248z$7 = ".NavBar-module_nav__SZ96J {\r\n  /*nav*/\r\n  background-color: #001f3f;\r\n  display: flex;\r\n  justify-content: space-around;\r\n  align-items: center;\r\n  padding: 10px 0;\r\n  color: #fff;\r\n}\r\n\r\n.NavBar-module_navItem__2lfwY {\r\n  /*nav > div*/\r\n  position: relative;\r\n  cursor: pointer;\r\n  margin: 0 15px;\r\n\r\n  /*following for icon above text on top navbar*/\r\n  display: flex;\r\n  flex-flow: column;\r\n  align-items: center;\r\n}\r\n\r\n.NavBar-module_navItem__2lfwY:hover .NavBar-module_submenu__lj-mo {\r\n  /*nav > div:hover > div*/\r\n  display: block;\r\n}\r\n\r\n.NavBar-module_submenu__lj-mo {\r\n  /*nav div div*/\r\n  display: none;\r\n  background-color: #003366;\r\n  padding: 10px;\r\n  position: absolute;\r\n  top: 100%;\r\n  left: 0;\r\n  border-radius: 5px;\r\n  z-index: 1;\r\n  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.NavBar-module_submenuItem__mvBS9 {\r\n  /*nav div div div*/\r\n  margin: 5px 0;\r\n  padding: 5px 0;\r\n\r\n  /*for aligning icon an text in the center*/\r\n  display: flex;\r\n}\r\n";
+var styles$7 = {"nav":"NavBar-module_nav__SZ96J","navItem":"NavBar-module_navItem__2lfwY","submenu":"NavBar-module_submenu__lj-mo","submenuItem":"NavBar-module_submenuItem__mvBS9"};
+styleInject(css_248z$7);
 
 var NavigationBar = function NavigationBar(_ref) {
   var navItems = _ref.navItems,
     _ref$justifyContent = _ref.justifyContent,
     justifyContent = _ref$justifyContent === void 0 ? 'space-around' : _ref$justifyContent;
   return React__default.createElement("nav", {
-    className: styles$6.nav,
+    className: styles$7.nav,
     style: {
       justifyContent: justifyContent
     }
   }, navItems.map(function (item, index) {
     return item.visible && React__default.createElement("div", {
       key: index,
-      className: styles$6.navItem,
+      className: styles$7.navItem,
       onClick: item.onClick
     }, item.icon && React__default.createElement("span", {
-      className: styles$6.icon
+      className: styles$7.icon
     }, item.icon), item.hiddenLabel ? React__default.createElement(React__default.Fragment, null) : React__default.createElement("span", null, item.label), item.submenu && React__default.createElement("div", {
-      className: styles$6.submenu
+      className: styles$7.submenu
     }, item.submenu.map(function (subItem, subIndex) {
       return subItem.visible && React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
         key: subIndex,
-        className: styles$6.submenuItem,
+        className: styles$7.submenuItem,
         onClick: subItem.onClick
       }, subItem.icon && React__default.createElement("span", {
-        className: styles$6.icon
+        className: styles$7.icon
       }, subItem.icon), subItem.hiddenLabel ? React__default.createElement(React__default.Fragment, null) : React__default.createElement("span", null, subItem.label)));
     })));
   }));
 };
 
-var css_248z$7 = ".PasswordInput-module_container__kCgyT {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n}\r\n\r\n.PasswordInput-module_label__HVjtR {\r\n  font-size: 14px;\r\n  color: #333;\r\n}\r\n\r\n.PasswordInput-module_wrapper__JqHuh {\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.PasswordInput-module_input__hWQ1E {\r\n  width: 100%;\r\n  padding: 10px 40px 10px 12px;\r\n  border: 1px solid #ccc;\r\n  border-radius: 8px;\r\n  font-size: 14px;\r\n  background: #f9f9f9;\r\n  outline: none;\r\n}\r\n\r\n.PasswordInput-module_input__hWQ1E:focus {\r\n  border-color: #007bff;\r\n  background: #fff;\r\n}\r\n\r\n.PasswordInput-module_toggle__uERdE {\r\n  position: absolute;\r\n  right: 10px;\r\n  background: none;\r\n  border: none;\r\n  cursor: pointer;\r\n  font-size: 16px;\r\n  color: #888;\r\n}\r\n\r\n.PasswordInput-module_toggle__uERdE:hover {\r\n  color: #333;\r\n}\r\n";
-var styles$7 = {"container":"PasswordInput-module_container__kCgyT","label":"PasswordInput-module_label__HVjtR","wrapper":"PasswordInput-module_wrapper__JqHuh","input":"PasswordInput-module_input__hWQ1E","toggle":"PasswordInput-module_toggle__uERdE"};
-styleInject(css_248z$7);
+var css_248z$8 = ".PasswordInput-module_container__kCgyT {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n}\r\n\r\n.PasswordInput-module_label__HVjtR {\r\n  font-size: 14px;\r\n  color: #333;\r\n}\r\n\r\n.PasswordInput-module_wrapper__JqHuh {\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.PasswordInput-module_input__hWQ1E {\r\n  width: 100%;\r\n  padding: 10px 40px 10px 12px;\r\n  border: 1px solid #ccc;\r\n  border-radius: 8px;\r\n  font-size: 14px;\r\n  background: #f9f9f9;\r\n  outline: none;\r\n}\r\n\r\n.PasswordInput-module_input__hWQ1E:focus {\r\n  border-color: #007bff;\r\n  background: #fff;\r\n}\r\n\r\n.PasswordInput-module_toggle__uERdE {\r\n  position: absolute;\r\n  right: 10px;\r\n  background: none;\r\n  border: none;\r\n  cursor: pointer;\r\n  font-size: 16px;\r\n  color: #888;\r\n}\r\n\r\n.PasswordInput-module_toggle__uERdE:hover {\r\n  color: #333;\r\n}\r\n";
+var styles$8 = {"container":"PasswordInput-module_container__kCgyT","label":"PasswordInput-module_label__HVjtR","wrapper":"PasswordInput-module_wrapper__JqHuh","input":"PasswordInput-module_input__hWQ1E","toggle":"PasswordInput-module_toggle__uERdE"};
+styleInject(css_248z$8);
 
 var PasswordInput = function PasswordInput(_ref) {
   var _ref$label = _ref.label,
@@ -403,11 +469,11 @@ var PasswordInput = function PasswordInput(_ref) {
     setIsPasswordVisible(!isPasswordVisible);
   };
   return React__default.createElement("div", {
-    className: styles$7.container
+    className: styles$8.container
   }, label && React__default.createElement("label", {
-    className: styles$7.label
+    className: styles$8.label
   }, label), React__default.createElement("div", {
-    className: styles$7.wrapper
+    className: styles$8.wrapper
   }, React__default.createElement("input", {
     type: isPasswordVisible ? 'text' : 'password',
     value: value,
@@ -415,11 +481,11 @@ var PasswordInput = function PasswordInput(_ref) {
       return _onChange(e.target.value);
     },
     placeholder: placeholder,
-    className: styles$7.input,
+    className: styles$8.input,
     autoComplete: autoComplete ? 'on' : 'off'
   }), React__default.createElement("button", {
     type: "button",
-    className: styles$7.toggle,
+    className: styles$8.toggle,
     onClick: togglePasswordVisibility,
     "aria-label": isPasswordVisible ? 'Hide password' : 'Show password'
   }, isPasswordVisible ? React__default.createElement("span", {
@@ -445,6 +511,7 @@ var ProtectedRoute = function ProtectedRoute(_ref) {
 exports.BottomNavBar = BottomNavBar;
 exports.Button = Button;
 exports.Card = Card;
+exports.Chart = Chart;
 exports.CircleButton = CircleButton;
 exports.FormContainer = FormContainer;
 exports.InputField = InputField;

package/dist/shared-react-components-ts.cjs.development.js.map

@@ -1 +1 @@
-{"version":3,"file":"shared-react-components-ts.cjs.development.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/components/bottomNavBar/BottomNavBar.tsx","../src/components/buttons/button/Button.tsx","../src/components/buttons/circleButton/CircleButton.tsx","../src/components/buttons/roundButton/RoundButton.tsx","../src/components/buttons/SignInWithGoogle/SignInWithGoogle.tsx","../src/components/card/Card.tsx","../src/components/formContainer/FormContainer.tsx","../src/components/icons/AllCustomIcons.tsx","../src/components/validationMessage/ValidationMessage.tsx","../src/components/inputField/InputField.tsx","../src/components/navBar/NavBar.tsx","../src/components/passwordInput/PasswordInput.tsx","../src/components/protectedRoute/ProtectedRoute.tsx"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n","import React from 'react';\r\nimport styles from './BottomNavBar.module.css';\r\n\r\ntype NavItem = {\r\n  label: string;\r\n  hiddenLabel?: boolean;\r\n  icon?: React.ReactNode;\r\n  onClick?: () => void;\r\n  visible: boolean;\r\n};\r\n\r\ntype BottomNavBarProps = {\r\n  navItems: NavItem[];\r\n};\r\n\r\nexport const BottomNavBar: React.FC<BottomNavBarProps> = ({ navItems }) => {\r\n  return (\r\n    <nav className={styles.bottomNav}>\r\n      {navItems.map(\r\n        (item, index) =>\r\n          item.visible && (\r\n            <button\r\n              key={index}\r\n              className={styles.navButton}\r\n              onClick={item.onClick}\r\n            >\r\n              {item.icon && <span className={styles.icon}>{item.icon}</span>}\r\n              {item.hiddenLabel ? (\r\n                <></>\r\n              ) : (\r\n                <span className={styles.label}>{item.label}</span>\r\n              )}\r\n            </button>\r\n          )\r\n      )}\r\n    </nav>\r\n  );\r\n};\r\n","import React from 'react';\r\n\r\ninterface ButtonProps {\r\n  label: string;\r\n  onClick?: () => void;\r\n  type?: 'button' | 'submit' | 'reset';\r\n  disabled?: boolean;\r\n  className?: string;\r\n}\r\n\r\nexport const Button: React.FC<ButtonProps> = ({\r\n  label,\r\n  onClick,\r\n  type = 'button',\r\n  disabled = false,\r\n  className = '',\r\n}) => (\r\n  <button\r\n    type={type}\r\n    onClick={onClick}\r\n    disabled={disabled}\r\n    className={className}\r\n  >\r\n    {label}\r\n  </button>\r\n);\r\n","import React from 'react';\r\nimport styles from './CircleButton.module.css';\r\n\r\ninterface CircleButtonProps {\r\n  imageURL: string;\r\n  viewWidth: number;\r\n  onClick: () => void;\r\n}\r\n\r\nexport const CircleButton: React.FC<CircleButtonProps> = ({\r\n  imageURL,\r\n  viewWidth,\r\n  onClick,\r\n}) => {\r\n  return (\r\n    <button\r\n      className={styles.containerButton}\r\n      onClick={onClick}\r\n      style={{\r\n        display: 'flex',\r\n        justifyContent: 'center',\r\n        alignItems: 'center',\r\n        width: `${viewWidth * 3}vw`,\r\n        height: `${viewWidth * 3}vw`,\r\n        padding: 0,\r\n        backgroundColor: '#EDD479',\r\n      }}\r\n    >\r\n      <div\r\n        style={{\r\n          background: `url(${imageURL}) center center / contain no-repeat`,\r\n          width: `${viewWidth}vw`,\r\n          height: `${viewWidth}vw`,\r\n        }}\r\n      ></div>\r\n    </button>\r\n  );\r\n};\r\n","import React from 'react';\r\nimport styles from './RoundButton.module.css';\r\nimport IBtnOption from '../IBtnOption';\r\n\r\nexport const RoundButton: React.FC<IBtnOption> = props => {\r\n  return (\r\n    <button\r\n      className={styles.containerButton}\r\n      type={props.type || 'button'}\r\n      style={{\r\n        height: `${props.viewHeight || 10}vh`,\r\n        width: `${props.viewWidth || 10}vw`,\r\n        ...props.customStyleBtn,\r\n      }}\r\n      onClick={props.onClick ? props.onClick : undefined}\r\n    >\r\n      <div className={styles.insideButtonIconAndName}>\r\n        {props.icon && <props.icon />}\r\n        <span style={{ ...props.customStyleLabel }}>{props.name}</span>\r\n      </div>\r\n    </button>\r\n  );\r\n};\r\n","import React from 'react';\r\nimport styles from './SignInWithGoogle.module.css';\r\n\r\ninterface SignInWithGoogleProps {\r\n  onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;\r\n}\r\n\r\nexport const SignInWithGoogle: React.FC<SignInWithGoogleProps> = ({\r\n  onClick,\r\n}) => {\r\n  return (\r\n    <button\r\n      className={styles.gsiMaterialButton}\r\n      onClick={event => {\r\n        event.preventDefault(); // Prevent form submission\r\n        onClick(event);\r\n      }}\r\n    >\r\n      <div className={styles.gsiMaterialButtonState}></div>\r\n      <div className={styles.gsiMaterialButtonContentWrapper}>\r\n        <div className={styles.gsiMaterialButtonIcon}>\r\n          <svg\r\n            version=\"1.1\"\r\n            xmlns=\"http://www.w3.org/2000/svg\"\r\n            viewBox=\"0 0 48 48\"\r\n            xmlnsXlink=\"http://www.w3.org/1999/xlink\"\r\n            style={{ display: 'block' }}\r\n          >\r\n            <path\r\n              fill=\"#EA4335\"\r\n              d=\"M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z\"\r\n            ></path>\r\n            <path\r\n              fill=\"#4285F4\"\r\n              d=\"M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z\"\r\n            ></path>\r\n            <path\r\n              fill=\"#FBBC05\"\r\n              d=\"M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z\"\r\n            ></path>\r\n            <path\r\n              fill=\"#34A853\"\r\n              d=\"M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z\"\r\n            ></path>\r\n            <path fill=\"none\" d=\"M0 0h48v48H0z\"></path>\r\n          </svg>\r\n        </div>\r\n        <span className={styles.gsiMaterialButtonContents}>\r\n          Continue with Google\r\n        </span>\r\n        <span style={{ display: 'none' }}>Continue with Google</span>\r\n      </div>\r\n    </button>\r\n  );\r\n};\r\n","import React, { ReactNode, useState } from 'react';\r\nimport styles from './Card.module.css';\r\n\r\ninterface CardProps {\r\n  type?: string;\r\n  compactPreview?: ReactNode; // Content to show in compact mode\r\n  fullContent: ReactNode; //this contain the full version\r\n  bottomElement?: ReactNode; //most usable for set a <button> but can be anything\r\n  showLessText?: string; // Text for \"Show Less\"\r\n  moreInfoText?: string; // Text for \"More Info\"\r\n}\r\n\r\nexport const Card: React.FC<CardProps> = ({\r\n  type = 'generic',\r\n  compactPreview,\r\n  fullContent,\r\n  bottomElement,\r\n  showLessText,\r\n  moreInfoText,\r\n}) => {\r\n  const [isExpanded, setIsExpanded] = useState(!compactPreview); // Default to expanded if no compactPreview is provided\r\n  const toggleCard = () => setIsExpanded(!isExpanded);\r\n  return (\r\n    <div className={`${styles.card} card-${type.toLowerCase()}`}>\r\n      {isExpanded ? fullContent : compactPreview}\r\n      {compactPreview ? (\r\n        <span onClick={toggleCard} className=\"link flexEnd\">\r\n          {isExpanded ? showLessText : moreInfoText}\r\n        </span>\r\n      ) : (\r\n        <></>\r\n      )}\r\n      {isExpanded ? bottomElement : <></>}\r\n    </div>\r\n  );\r\n};\r\n","import React from 'react';\r\n\r\ninterface FormContainerProps {\r\n  children: React.ReactNode;\r\n  title: string;\r\n  titleAlign?: 'start' | 'center' | 'end';\r\n}\r\n\r\nexport const FormContainer: React.FC<FormContainerProps> = ({\r\n  children,\r\n  title,\r\n  titleAlign = 'start',\r\n}) => {\r\n  const dynamicTitleAlign = {\r\n    display: 'flex',\r\n    flexFlow: 'row',\r\n    justifyContent: titleAlign,\r\n  };\r\n  return (\r\n    <div className=\"form-container\">\r\n      <h2 style={dynamicTitleAlign}>{title}</h2>\r\n      {children}\r\n    </div>\r\n  );\r\n};\r\n","import React from 'react';\r\n\r\nexport const KitchenIcon: React.FC = () => (\r\n  <svg\r\n    width=\"64\"\r\n    height=\"55\"\r\n    viewBox=\"0 0 64 55\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n  >\r\n    <path\r\n      d=\"M22.4 12.375C21.44 12.375 20.8 13.2 20.8 13.75V20.625H17.6V13.75C17.6 12.925 16.96 12.375 16 12.375C15.04 12.375 14.4 13.2 14.4 13.75V20.625H11.2V13.75C11.2 12.925 10.56 12.375 9.6 12.375C8.64 12.375 8 13.2 8 13.75V22.825C8 25.3 10.24 27.225 12.8 27.5V46.75C12.8 48.4 14.08 49.5 16 49.5C17.92 49.5 19.2 48.4 19.2 46.75V27.5C21.76 27.225 24 25.3 24 22.825V13.75C24 13.2 23.36 12.375 22.4 12.375ZM28.8 13.75V30.25H32V46.75C32 48.4 33.28 49.5 35.2 49.5C37.12 49.5 38.4 48.4 38.4 46.75V5.5C32.96 5.5 28.8 9.075 28.8 13.75ZM51.2 11C46.72 11 43.2 15.125 43.2 20.075C42.88 23.375 44.8 26.4 48 28.325V46.75C48 48.4 49.28 49.5 51.2 49.5C53.12 49.5 54.4 48.4 54.4 46.75V28.325C57.6 26.4 59.52 23.375 59.2 20.075C59.2 15.125 55.68 11 51.2 11Z\"\r\n      fill=\"black\"\r\n    />\r\n  </svg>\r\n);\r\n\r\nexport const OrdersIcon: React.FC = () => (\r\n  <svg\r\n    width=\"62\"\r\n    height=\"55\"\r\n    viewBox=\"0 0 62 55\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n  >\r\n    <g clip-path=\"url(#clip0_46_153)\">\r\n      <path\r\n        d=\"M56.8334 9.77778L50.4611 4.125C49.9134 3.66174 49.1857 3.40331 48.4289 3.40331C47.6721 3.40331 46.9444 3.66174 46.3967 4.125L40.7306 9.16667H10.3334C9.41984 9.16667 8.54373 9.48859 7.89777 10.0616C7.25181 10.6346 6.88892 11.4118 6.88892 12.2222V45.8333C6.88892 46.6437 7.25181 47.4209 7.89777 47.9939C8.54373 48.567 9.41984 48.8889 10.3334 48.8889H48.2223C49.1358 48.8889 50.0119 48.567 50.6578 47.9939C51.3038 47.4209 51.6667 46.6437 51.6667 45.8333V17.9667L56.8334 13.3833C57.3718 12.905 57.6743 12.2566 57.6743 11.5806C57.6743 10.9045 57.3718 10.2561 56.8334 9.77778ZM32.4295 30.7542L25.2134 32.175L26.9356 25.8347L43.3828 11.2139L48.9456 16.1486L32.4295 30.7542ZM50.8056 14.4069L45.2428 9.47222L48.4289 6.64583L53.9917 11.5806L50.8056 14.4069Z\"\r\n        fill=\"black\"\r\n      />\r\n    </g>\r\n    <defs>\r\n      <clipPath id=\"clip0_46_153\">\r\n        <rect width=\"62\" height=\"55\" fill=\"white\" />\r\n      </clipPath>\r\n    </defs>\r\n  </svg>\r\n);\r\n\r\nexport const ProductsIcon: React.FC = () => (\r\n  <svg\r\n    width=\"56\"\r\n    height=\"41\"\r\n    viewBox=\"0 0 56 41\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n  >\r\n    <path\r\n      d=\"M33.3333 28.375L41.7919 21.1058C43.2069 19.8909 45.1251 19.2085 47.1253 19.2083H49.3332C50.7477 19.2083 52.1043 19.6912 53.1045 20.5508C54.1047 21.4103 54.6666 22.5761 54.6666 23.7917C54.6666 25.0072 54.1047 26.173 53.1045 27.0326C52.1043 27.8921 50.7477 28.375 49.3332 28.375H6.66658C5.2521 28.375 3.89554 27.8921 2.89535 27.0326C1.89515 26.173 1.33325 25.0072 1.33325 23.7917C1.33325 22.5761 1.89515 21.4103 2.89535 20.5508C3.89554 19.6912 5.2521 19.2083 6.66658 19.2083H16.4186C20.4186 19.2083 24.2559 20.5742 27.0852 23.0056L33.3333 28.375Z\"\r\n      stroke=\"black\"\r\n      stroke-width=\"2\"\r\n      stroke-linecap=\"round\"\r\n      stroke-linejoin=\"round\"\r\n    />\r\n    <path\r\n      d=\"M4 28.375H52V32.9583C52 34.7817 51.1571 36.5304 49.6569 37.8197C48.1566 39.109 46.1217 39.8333 44 39.8333H12C9.87827 39.8333 7.84344 39.109 6.34315 37.8197C4.84285 36.5304 4 34.7817 4 32.9583V28.375Z\"\r\n      fill=\"black\"\r\n      stroke=\"black\"\r\n      stroke-width=\"2\"\r\n      stroke-linecap=\"round\"\r\n      stroke-linejoin=\"round\"\r\n    />\r\n    <path\r\n      fill-rule=\"evenodd\"\r\n      clip-rule=\"evenodd\"\r\n      d=\"M10.5785 4.43625C15.3865 1.92229 21.5465 0.875 27.9998 0.875C34.4532 0.875 40.6132 1.92229 45.4212 4.43625C50.3385 7.00521 53.7118 11.05 54.4931 16.6463C54.8852 19.4513 52.1785 21.5 49.3332 21.5H6.66648C3.82115 21.5 1.11448 19.4513 1.50648 16.6463C2.28782 11.05 5.66115 7.00521 10.5785 4.43625ZM14.6665 7.75C13.9592 7.75 13.281 7.99144 12.7809 8.42121C12.2808 8.85099 11.9998 9.43388 11.9998 10.0417C11.9998 10.6495 12.2808 11.2323 12.7809 11.6621C13.281 12.0919 13.9592 12.3333 14.6665 12.3333H14.6692C15.3764 12.3333 16.0547 12.0919 16.5548 11.6621C17.0549 11.2323 17.3358 10.6495 17.3358 10.0417C17.3358 9.43388 17.0549 8.85099 16.5548 8.42121C16.0547 7.99144 15.3764 7.75 14.6692 7.75H14.6665ZM35.9998 10.0417C35.9998 9.43388 36.2808 8.85099 36.7809 8.42121C37.281 7.99144 37.9592 7.75 38.6665 7.75H38.6692C39.3764 7.75 40.0547 7.99144 40.5548 8.42121C41.0549 8.85099 41.3358 9.43388 41.3358 10.0417C41.3358 10.6495 41.0549 11.2323 40.5548 11.6621C40.0547 12.0919 39.3764 12.3333 38.6692 12.3333H38.6665C37.9592 12.3333 37.281 12.0919 36.7809 11.6621C36.2808 11.2323 35.9998 10.6495 35.9998 10.0417ZM25.3332 12.3333C24.6259 12.3333 23.9476 12.5748 23.4475 13.0045C22.9474 13.4343 22.6665 14.0172 22.6665 14.625C22.6665 15.2328 22.9474 15.8157 23.4475 16.2455C23.9476 16.6752 24.6259 16.9167 25.3332 16.9167H25.3358C26.0431 16.9167 26.7213 16.6752 27.2214 16.2455C27.7215 15.8157 28.0025 15.2328 28.0025 14.625C28.0025 14.0172 27.7215 13.4343 27.2214 13.0045C26.7213 12.5748 26.0431 12.3333 25.3358 12.3333H25.3332Z\"\r\n      fill=\"black\"\r\n    />\r\n  </svg>\r\n);\r\n\r\nexport const TeamIcon: React.FC = () => (\r\n  <svg\r\n    width=\"64\"\r\n    height=\"55\"\r\n    viewBox=\"0 0 64 55\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n  >\r\n    <path\r\n      d=\"M39.3439 22.9167C41.9199 22.9167 44.0106 24.7133 44.0106 26.9271V37.8102C44.0106 40.5459 42.746 43.1695 40.4951 45.1039C38.2441 47.0383 35.1912 48.125 32.0079 48.125C28.8246 48.125 25.7717 47.0383 23.5208 45.1039C21.2698 43.1695 20.0053 40.5459 20.0053 37.8102V26.9271C20.0053 24.7133 22.0933 22.9167 24.6719 22.9167H39.3439ZM19.0159 22.9167C18.0554 23.91 17.4777 25.1352 17.3626 26.4229L17.3359 26.9271V37.8102C17.3359 39.7513 17.8479 41.5892 18.7599 43.23C17.1793 43.5934 15.5227 43.6395 13.918 43.3648C12.3134 43.0901 10.8038 42.5019 9.50591 41.6457C8.20804 40.7895 7.15669 39.6883 6.43315 38.4272C5.70962 37.166 5.33328 35.7788 5.33325 34.3727V26.9271C5.3333 25.9206 5.77371 24.9509 6.56706 24.2106C7.36042 23.4702 8.44872 23.0132 9.61592 22.9304L9.99992 22.9167H19.0159ZM44.9999 22.9167H53.9999C56.5759 22.9167 58.6666 24.7133 58.6666 26.9271V34.375C58.6669 35.7802 58.2914 37.1666 57.569 38.4272C56.8465 39.6877 55.7965 40.7887 54.5001 41.645C53.2037 42.5013 51.6955 43.09 50.0922 43.3656C48.4888 43.6413 46.8332 43.5964 45.2532 43.2346C46.0532 41.7954 46.5439 40.2096 46.6533 38.5321L46.6772 37.8102V26.9271C46.6772 25.4031 46.0479 24.0052 44.9972 22.9167H44.9999ZM31.9999 6.875C34.1216 6.875 36.1565 7.59933 37.6568 8.88864C39.1571 10.178 39.9999 11.9266 39.9999 13.75C39.9999 15.5734 39.1571 17.322 37.6568 18.6114C36.1565 19.9007 34.1216 20.625 31.9999 20.625C29.8782 20.625 27.8434 19.9007 26.3431 18.6114C24.8428 17.322 23.9999 15.5734 23.9999 13.75C23.9999 11.9266 24.8428 10.178 26.3431 8.88864C27.8434 7.59933 29.8782 6.875 31.9999 6.875ZM49.3332 9.16667C51.1014 9.16667 52.7971 9.77027 54.0473 10.8447C55.2975 11.9191 55.9999 13.3764 55.9999 14.8958C55.9999 16.4153 55.2975 17.8725 54.0473 18.947C52.7971 20.0214 51.1014 20.625 49.3332 20.625C47.5651 20.625 45.8694 20.0214 44.6192 18.947C43.369 17.8725 42.6666 16.4153 42.6666 14.8958C42.6666 13.3764 43.369 11.9191 44.6192 10.8447C45.8694 9.77027 47.5651 9.16667 49.3332 9.16667ZM14.6666 9.16667C16.4347 9.16667 18.1304 9.77027 19.3806 10.8447C20.6309 11.9191 21.3333 13.3764 21.3333 14.8958C21.3333 16.4153 20.6309 17.8725 19.3806 18.947C18.1304 20.0214 16.4347 20.625 14.6666 20.625C12.8985 20.625 11.2028 20.0214 9.95254 18.947C8.7023 17.8725 7.99992 16.4153 7.99992 14.8958C7.99992 13.3764 8.7023 11.9191 9.95254 10.8447C11.2028 9.77027 12.8985 9.16667 14.6666 9.16667Z\"\r\n      fill=\"black\"\r\n    />\r\n  </svg>\r\n);\r\n","import React from 'react';\r\n\r\ninterface ValidationMessageProps {\r\n  message: string;\r\n  type: 'error' | 'success' | 'info';\r\n}\r\n\r\nexport const ValidationMessage: React.FC<ValidationMessageProps> = ({\r\n  message,\r\n  type,\r\n}) => {\r\n  const colorSpan = {\r\n    color: `${type === 'error' ? 'red' : type === 'info' ? 'blue' : 'black'}`,\r\n  };\r\n  return (\r\n    <span style={colorSpan} className={`validation-message ${type}`}>\r\n      {message}\r\n    </span>\r\n  );\r\n};\r\n","import React from 'react';\r\nimport { ValidationMessage } from '../validationMessage/ValidationMessage';\r\nimport styles from './InputField.module.css';\r\n\r\ninterface InputFieldProps {\r\n  label: string;\r\n  type: string;\r\n  display?: 'vertical' | 'horizontal';\r\n  name: string;\r\n  value: string;\r\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\r\n  placeholder?: string;\r\n  error?: string;\r\n  labelClassName?: string;\r\n  inputClassName?: string;\r\n}\r\n\r\nexport const InputField: React.FC<InputFieldProps> = ({\r\n  label,\r\n  type,\r\n  display = 'horizontal',\r\n  name,\r\n  value,\r\n  onChange,\r\n  placeholder,\r\n  error,\r\n  labelClassName = '',\r\n  inputClassName = '',\r\n}) => {\r\n  const dynamicStyle =\r\n    display === 'horizontal'\r\n      ? styles.centerContentColumn\r\n      : styles.centerContentRow;\r\n  return (\r\n    <div className={`input-field ${dynamicStyle}`}>\r\n      <label htmlFor={name} className={labelClassName}>\r\n        {label}\r\n      </label>\r\n      <div className={styles.centerContentColumn}>\r\n        <input\r\n          id={name}\r\n          type={type}\r\n          name={name}\r\n          value={value}\r\n          onChange={onChange}\r\n          placeholder={placeholder}\r\n          className={inputClassName}\r\n        />\r\n        {error && <ValidationMessage message={error} type=\"error\" />}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n","import React from 'react';\r\nimport styles from './NavBar.module.css';\r\n\r\ntype NavItem = {\r\n  label?: string;\r\n  hiddenLabel?: boolean;\r\n  icon?: React.ReactNode;\r\n  onClick?: () => void;\r\n  visible: boolean;\r\n  submenu?: NavItem[];\r\n};\r\n\r\ntype NavigationBarProps = {\r\n  navItems: NavItem[];\r\n  justifyContent?: string;\r\n};\r\n\r\nexport const NavigationBar: React.FC<NavigationBarProps> = ({\r\n  navItems,\r\n  justifyContent = 'space-around',\r\n}) => {\r\n  return (\r\n    <nav className={styles.nav} style={{ justifyContent: justifyContent }}>\r\n      {navItems.map(\r\n        (item, index) =>\r\n          item.visible && (\r\n            <div key={index} className={styles.navItem} onClick={item.onClick}>\r\n              {item.icon && <span className={styles.icon}>{item.icon}</span>}\r\n              {item.hiddenLabel ? <></> : <span>{item.label}</span>}\r\n              {item.submenu && (\r\n                <div className={styles.submenu}>\r\n                  {item.submenu.map(\r\n                    (subItem, subIndex) =>\r\n                      subItem.visible && (\r\n                        <>\r\n                          <div\r\n                            key={subIndex}\r\n                            className={styles.submenuItem}\r\n                            onClick={subItem.onClick}\r\n                          >\r\n                            {subItem.icon && (\r\n                              <span className={styles.icon}>\r\n                                {subItem.icon}\r\n                              </span>\r\n                            )}\r\n                            {subItem.hiddenLabel ? (\r\n                              <></>\r\n                            ) : (\r\n                              <span>{subItem.label}</span>\r\n                            )}\r\n                          </div>\r\n                        </>\r\n                      )\r\n                  )}\r\n                </div>\r\n              )}\r\n            </div>\r\n          )\r\n      )}\r\n    </nav>\r\n  );\r\n};\r\n","import React, { useState } from 'react';\r\nimport styles from './PasswordInput.module.css'; // Import the CSS module\r\n\r\ninterface PasswordInputProps {\r\n  label?: string; // Label for the input\r\n  placeholder?: string; // Placeholder text\r\n  value: string; // Controlled value\r\n  onChange: (value: string) => void; // Change handler\r\n  autoComplete?: boolean;\r\n}\r\n\r\nexport const PasswordInput: React.FC<PasswordInputProps> = ({\r\n  label = 'Password',\r\n  placeholder = 'Enter your password',\r\n  value,\r\n  onChange,\r\n  autoComplete = true,\r\n}) => {\r\n  const [isPasswordVisible, setIsPasswordVisible] = useState(false);\r\n\r\n  const togglePasswordVisibility = () => {\r\n    setIsPasswordVisible(!isPasswordVisible);\r\n  };\r\n\r\n  return (\r\n    <div className={styles.container}>\r\n      {label && <label className={styles.label}>{label}</label>}\r\n      <div className={styles.wrapper}>\r\n        <input\r\n          type={isPasswordVisible ? 'text' : 'password'}\r\n          value={value}\r\n          onChange={e => onChange(e.target.value)}\r\n          placeholder={placeholder}\r\n          className={styles.input}\r\n          autoComplete={autoComplete ? 'on' : 'off'}\r\n        />\r\n        <button\r\n          type=\"button\"\r\n          className={styles.toggle}\r\n          onClick={togglePasswordVisibility}\r\n          aria-label={isPasswordVisible ? 'Hide password' : 'Show password'}\r\n        >\r\n          {isPasswordVisible ? (\r\n            <span role=\"img\" aria-label=\"Hide\">\r\n              👁️\r\n            </span>\r\n          ) : (\r\n            <span role=\"img\" aria-label=\"Show\">\r\n              🙈\r\n            </span>\r\n          )}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n","// src/components/ProtectedRoute.tsx\r\nimport React from 'react';\r\nimport { Navigate } from 'react-router-dom';\r\n\r\ninterface ProtectedRouteProps {\r\n  children: JSX.Element;\r\n  isAuthenticated: boolean;\r\n}\r\n\r\nexport const ProtectedRoute: React.FC<ProtectedRouteProps> = ({\r\n  children,\r\n  isAuthenticated = false,\r\n}) => {\r\n  return isAuthenticated ? children : <Navigate to=\"/\" replace />;\r\n};\r\n"],"names":["BottomNavBar","_ref","navItems","React","className","styles","bottomNav","map","item","index","visible","key","navButton","onClick","icon","hiddenLabel","label","Button","_ref$type","type","_ref$disabled","disabled","_ref$className","CircleButton","imageURL","viewWidth","containerButton","style","display","justifyContent","alignItems","width","height","padding","backgroundColor","background","RoundButton","props","_extends","viewHeight","customStyleBtn","undefined","insideButtonIconAndName","customStyleLabel","name","SignInWithGoogle","gsiMaterialButton","event","preventDefault","gsiMaterialButtonState","gsiMaterialButtonContentWrapper","gsiMaterialButtonIcon","version","xmlns","viewBox","xmlnsXlink","fill","d","gsiMaterialButtonContents","Card","compactPreview","fullContent","bottomElement","showLessText","moreInfoText","_useState","useState","isExpanded","setIsExpanded","toggleCard","card","toLowerCase","FormContainer","children","title","_ref$titleAlign","titleAlign","dynamicTitleAlign","flexFlow","KitchenIcon","OrdersIcon","id","ProductsIcon","stroke","TeamIcon","ValidationMessage","message","colorSpan","color","InputField","_ref$display","value","onChange","placeholder","error","_ref$labelClassName","labelClassName","_ref$inputClassName","inputClassName","dynamicStyle","centerContentColumn","centerContentRow","htmlFor","NavigationBar","_ref$justifyContent","nav","navItem","submenu","subItem","subIndex","submenuItem","PasswordInput","_ref$label","_ref$placeholder","_ref$autoComplete","autoComplete","isPasswordVisible","setIsPasswordVisible","togglePasswordVisibility","container","wrapper","e","target","input","toggle","role","ProtectedRoute","_ref$isAuthenticated","isAuthenticated","Navigate","to","replace"],"mappings":";;;;;;;;;;AAAA,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;AAC/B,EAAE,KAAK,GAAG,KAAK,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC;AACjC,EAAE,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;AAC9B;AACA,EAAE,IAAI,CAAC,GAAG,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO,EAAE;AAC1D;AACA,EAAE,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AACvE,EAAE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AAC9C,EAAE,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC;AAC1B;AACA,EAAE,IAAI,QAAQ,KAAK,KAAK,EAAE;AAC1B,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;AACzB,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;AAChD,KAAK,MAAM;AACX,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC9B,KAAK;AACL,GAAG,MAAM;AACT,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC5B,GAAG;AACH;AACA,EAAE,IAAI,KAAK,CAAC,UAAU,EAAE;AACxB,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC;AACnC,GAAG,MAAM;AACT,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;AACpD,GAAG;AACH;;;;;;ICVaA,YAAY,GAAgC,SAA5CA,YAAYA,CAAAC,IAAA;MAAmCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAClE,OACEC;IAAKC,SAAS,EAAEC,MAAM,CAACC;KACpBJ,QAAQ,CAACK,GAAG,CACX,UAACC,IAAI,EAAEC,KAAK;IAAA,OACVD,IAAI,CAACE,OAAO,IACVP;MACEQ,GAAG,EAAEF,KAAK;MACVL,SAAS,EAAEC,MAAM,CAACO,SAAS;MAC3BC,OAAO,EAAEL,IAAI,CAACK;OAEbL,IAAI,CAACM,IAAI,IAAIX;MAAMC,SAAS,EAAEC,MAAM,CAACS;OAAON,IAAI,CAACM,IAAI,CAAQ,EAC7DN,IAAI,CAACO,WAAW,GACfZ,2DAAK,GAELA;MAAMC,SAAS,EAAEC,MAAM,CAACW;OAAQR,IAAI,CAACQ,KAAK,CAC3C,CAEJ;IACJ,CACG;AAEV,CAAC;;IC3BYC,MAAM,GAA0B,SAAhCA,MAAMA,CAAAhB,IAAA;EAAA,IACjBe,KAAK,GAAAf,IAAA,CAALe,KAAK;IACLH,OAAO,GAAAZ,IAAA,CAAPY,OAAO;IAAAK,SAAA,GAAAjB,IAAA,CACPkB,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,QAAQ,GAAAA,SAAA;IAAAE,aAAA,GAAAnB,IAAA,CACfoB,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;IAAAE,cAAA,GAAArB,IAAA,CAChBG,SAAS;IAATA,SAAS,GAAAkB,cAAA,cAAG,EAAE,GAAAA,cAAA;EAAA,OAEdnB;IACEgB,IAAI,EAAEA,IAAI;IACVN,OAAO,EAAEA,OAAO;IAChBQ,QAAQ,EAAEA,QAAQ;IAClBjB,SAAS,EAAEA;KAEVY,KAAK,CACC;AAAA,CACV;;;;;;IChBYO,YAAY,GAAgC,SAA5CA,YAAYA,CAAAtB,IAAA;MACvBuB,QAAQ,GAAAvB,IAAA,CAARuB,QAAQ;IACRC,SAAS,GAAAxB,IAAA,CAATwB,SAAS;IACTZ,OAAO,GAAAZ,IAAA,CAAPY,OAAO;EAEP,OACEV;IACEC,SAAS,EAAEC,QAAM,CAACqB,eAAe;IACjCb,OAAO,EAAEA,OAAO;IAChBc,KAAK,EAAE;MACLC,OAAO,EAAE,MAAM;MACfC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE,QAAQ;MACpBC,KAAK,EAAKN,SAAS,GAAG,CAAC,OAAI;MAC3BO,MAAM,EAAKP,SAAS,GAAG,CAAC,OAAI;MAC5BQ,OAAO,EAAE,CAAC;MACVC,eAAe,EAAE;;KAGnB/B;IACEwB,KAAK,EAAE;MACLQ,UAAU,WAASX,QAAQ,wCAAqC;MAChEO,KAAK,EAAKN,SAAS,OAAI;MACvBO,MAAM,EAAKP,SAAS;;IAEjB,CACA;AAEb,CAAC;;;;;;;;;;;;;;;;ICjCYW,WAAW,GAAyB,SAApCA,WAAWA,CAAyBC,KAAK;EACpD,OACElC;IACEC,SAAS,EAAEC,QAAM,CAACqB,eAAe;IACjCP,IAAI,EAAEkB,KAAK,CAAClB,IAAI,IAAI,QAAQ;IAC5BQ,KAAK,EAAAW,QAAA;MACHN,MAAM,GAAKK,KAAK,CAACE,UAAU,IAAI,EAAE,QAAI;MACrCR,KAAK,GAAKM,KAAK,CAACZ,SAAS,IAAI,EAAE;OAC5BY,KAAK,CAACG,cAAc,CACxB;IACD3B,OAAO,EAAEwB,KAAK,CAACxB,OAAO,GAAGwB,KAAK,CAACxB,OAAO,GAAG4B;KAEzCtC;IAAKC,SAAS,EAAEC,QAAM,CAACqC;KACpBL,KAAK,CAACvB,IAAI,IAAIX,6BAACkC,KAAK,CAACvB,IAAI,OAAG,EAC7BX;IAAMwB,KAAK,EAAAW,QAAA,KAAOD,KAAK,CAACM,gBAAgB;KAAKN,KAAK,CAACO,IAAI,CAAQ,CAC3D,CACC;AAEb,CAAC;;;;;;ICfYC,gBAAgB,GAAoC,SAApDA,gBAAgBA,CAAA5C,IAAA;MAC3BY,QAAO,GAAAZ,IAAA,CAAPY,OAAO;EAEP,OACEV;IACEC,SAAS,EAAEC,QAAM,CAACyC,iBAAiB;IACnCjC,OAAO,EAAE,SAATA,OAAOA,CAAEkC,KAAK;MACZA,KAAK,CAACC,cAAc,EAAE,CAAC;MACvBnC,QAAO,CAACkC,KAAK,CAAC;;KAGhB5C;IAAKC,SAAS,EAAEC,QAAM,CAAC4C;IAA8B,EACrD9C;IAAKC,SAAS,EAAEC,QAAM,CAAC6C;KACrB/C;IAAKC,SAAS,EAAEC,QAAM,CAAC8C;KACrBhD;IACEiD,OAAO,EAAC,KAAK;IACbC,KAAK,EAAC,4BAA4B;IAClCC,OAAO,EAAC,WAAW;IACnBC,UAAU,EAAC,8BAA8B;IACzC5B,KAAK,EAAE;MAAEC,OAAO,EAAE;;KAElBzB;IACEqD,IAAI,EAAC,SAAS;IACdC,CAAC,EAAC;IACI,EACRtD;IACEqD,IAAI,EAAC,SAAS;IACdC,CAAC,EAAC;IACI,EACRtD;IACEqD,IAAI,EAAC,SAAS;IACdC,CAAC,EAAC;IACI,EACRtD;IACEqD,IAAI,EAAC,SAAS;IACdC,CAAC,EAAC;IACI,EACRtD;IAAMqD,IAAI,EAAC,MAAM;IAACC,CAAC,EAAC;IAAuB,CACvC,CACF,EACNtD;IAAMC,SAAS,EAAEC,QAAM,CAACqD;4BAEjB,EACPvD;IAAMwB,KAAK,EAAE;MAAEC,OAAO,EAAE;;4BAAqC,CACzD,CACC;AAEb,CAAC;;;;;;IC1CY+B,IAAI,GAAwB,SAA5BA,IAAIA,CAAA1D,IAAA;uBACfkB,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,SAAS,GAAAA,SAAA;IAChB0C,cAAc,GAAA3D,IAAA,CAAd2D,cAAc;IACdC,WAAW,GAAA5D,IAAA,CAAX4D,WAAW;IACXC,aAAa,GAAA7D,IAAA,CAAb6D,aAAa;IACbC,YAAY,GAAA9D,IAAA,CAAZ8D,YAAY;IACZC,YAAY,GAAA/D,IAAA,CAAZ+D,YAAY;EAEZ,IAAAC,SAAA,GAAoCC,cAAQ,CAAC,CAACN,cAAc,CAAC;IAAtDO,UAAU,GAAAF,SAAA;IAAEG,aAAa,GAAAH,SAAA,IAA8B;EAC9D,IAAMI,UAAU,GAAG,SAAbA,UAAUA;IAAA,OAASD,aAAa,CAAC,CAACD,UAAU,CAAC;;EACnD,OACEhE;IAAKC,SAAS,EAAKC,QAAM,CAACiE,IAAI,cAASnD,IAAI,CAACoD,WAAW;KACpDJ,UAAU,GAAGN,WAAW,GAAGD,cAAc,EACzCA,cAAc,GACbzD;IAAMU,OAAO,EAAEwD,UAAU;IAAEjE,SAAS,EAAC;KAClC+D,UAAU,GAAGJ,YAAY,GAAGC,YAAY,CACpC,GAEP7D,2DACD,EACAgE,UAAU,GAAGL,aAAa,GAAG3D,2DAAK,CAC/B;AAEV,CAAC;;IC3BYqE,aAAa,GAAiC,SAA9CA,aAAaA,CAAAvE,IAAA;MACxBwE,QAAQ,GAAAxE,IAAA,CAARwE,QAAQ;IACRC,KAAK,GAAAzE,IAAA,CAALyE,KAAK;IAAAC,eAAA,GAAA1E,IAAA,CACL2E,UAAU;IAAVA,UAAU,GAAAD,eAAA,cAAG,OAAO,GAAAA,eAAA;EAEpB,IAAME,iBAAiB,GAAG;IACxBjD,OAAO,EAAE,MAAM;IACfkD,QAAQ,EAAE,KAAK;IACfjD,cAAc,EAAE+C;GACjB;EACD,OACEzE;IAAKC,SAAS,EAAC;KACbD;IAAIwB,KAAK,EAAEkD;KAAoBH,KAAK,CAAM,EACzCD,QAAQ,CACL;AAEV,CAAC;;ICtBYM,WAAW,GAAa,SAAxBA,WAAWA;EAAA,OACtB5E;IACE4B,KAAK,EAAC,IAAI;IACVC,MAAM,EAAC,IAAI;IACXsB,OAAO,EAAC,WAAW;IACnBE,IAAI,EAAC,MAAM;IACXH,KAAK,EAAC;KAENlD;IACEsD,CAAC,EAAC,6tBAA6tB;IAC/tBD,IAAI,EAAC;IACL,CACE;AAAA,CACP;AAED,IAAawB,UAAU,GAAa,SAAvBA,UAAUA;EAAA,OACrB7E;IACE4B,KAAK,EAAC,IAAI;IACVC,MAAM,EAAC,IAAI;IACXsB,OAAO,EAAC,WAAW;IACnBE,IAAI,EAAC,MAAM;IACXH,KAAK,EAAC;KAENlD;iBAAa;KACXA;IACEsD,CAAC,EAAC,6uBAA6uB;IAC/uBD,IAAI,EAAC;IACL,CACA,EACJrD,2CACEA;IAAU8E,EAAE,EAAC;KACX9E;IAAM4B,KAAK,EAAC,IAAI;IAACC,MAAM,EAAC,IAAI;IAACwB,IAAI,EAAC;IAAU,CACnC,CACN,CACH;AAAA,CACP;AAED,IAAa0B,YAAY,GAAa,SAAzBA,YAAYA;EAAA,OACvB/E;IACE4B,KAAK,EAAC,IAAI;IACVC,MAAM,EAAC,IAAI;IACXsB,OAAO,EAAC,WAAW;IACnBE,IAAI,EAAC,MAAM;IACXH,KAAK,EAAC;KAENlD;IACEsD,CAAC,EAAC,kiBAAkiB;IACpiB0B,MAAM,EAAC,OAAO;oBACD,GAAG;sBACD,OAAO;uBACN;IAChB,EACFhF;IACEsD,CAAC,EAAC,yMAAyM;IAC3MD,IAAI,EAAC,OAAO;IACZ2B,MAAM,EAAC,OAAO;oBACD,GAAG;sBACD,OAAO;uBACN;IAChB,EACFhF;iBACY,SAAS;iBACT,SAAS;IACnBsD,CAAC,EAAC,g/CAAg/C;IACl/CD,IAAI,EAAC;IACL,CACE;AAAA,CACP;AAED,IAAa4B,QAAQ,GAAa,SAArBA,QAAQA;EAAA,OACnBjF;IACE4B,KAAK,EAAC,IAAI;IACVC,MAAM,EAAC,IAAI;IACXsB,OAAO,EAAC,WAAW;IACnBE,IAAI,EAAC,MAAM;IACXH,KAAK,EAAC;KAENlD;IACEsD,CAAC,EAAC,uyEAAuyE;IACzyED,IAAI,EAAC;IACL,CACE;AAAA,CACP;;IC7EY6B,iBAAiB,GAAqC,SAAtDA,iBAAiBA,CAAApF,IAAA;MAC5BqF,OAAO,GAAArF,IAAA,CAAPqF,OAAO;IACPnE,IAAI,GAAAlB,IAAA,CAAJkB,IAAI;EAEJ,IAAMoE,SAAS,GAAG;IAChBC,KAAK,QAAKrE,IAAI,KAAK,OAAO,GAAG,KAAK,GAAGA,IAAI,KAAK,MAAM,GAAG,MAAM,GAAG,OAAO;GACxE;EACD,OACEhB;IAAMwB,KAAK,EAAE4D,SAAS;IAAEnF,SAAS,0BAAwBe;KACtDmE,OAAO,CACH;AAEX,CAAC;;;;;;ICFYG,UAAU,GAA8B,SAAxCA,UAAUA,CAAAxF,IAAA;MACrBe,KAAK,GAAAf,IAAA,CAALe,KAAK;IACLG,IAAI,GAAAlB,IAAA,CAAJkB,IAAI;IAAAuE,YAAA,GAAAzF,IAAA,CACJ2B,OAAO;IAAPA,OAAO,GAAA8D,YAAA,cAAG,YAAY,GAAAA,YAAA;IACtB9C,IAAI,GAAA3C,IAAA,CAAJ2C,IAAI;IACJ+C,KAAK,GAAA1F,IAAA,CAAL0F,KAAK;IACLC,QAAQ,GAAA3F,IAAA,CAAR2F,QAAQ;IACRC,WAAW,GAAA5F,IAAA,CAAX4F,WAAW;IACXC,KAAK,GAAA7F,IAAA,CAAL6F,KAAK;IAAAC,mBAAA,GAAA9F,IAAA,CACL+F,cAAc;IAAdA,cAAc,GAAAD,mBAAA,cAAG,EAAE,GAAAA,mBAAA;IAAAE,mBAAA,GAAAhG,IAAA,CACnBiG,cAAc;IAAdA,cAAc,GAAAD,mBAAA,cAAG,EAAE,GAAAA,mBAAA;EAEnB,IAAME,YAAY,GAChBvE,OAAO,KAAK,YAAY,GACpBvB,QAAM,CAAC+F,mBAAmB,GAC1B/F,QAAM,CAACgG,gBAAgB;EAC7B,OACElG;IAAKC,SAAS,mBAAiB+F;KAC7BhG;IAAOmG,OAAO,EAAE1D,IAAI;IAAExC,SAAS,EAAE4F;KAC9BhF,KAAK,CACA,EACRb;IAAKC,SAAS,EAAEC,QAAM,CAAC+F;KACrBjG;IACE8E,EAAE,EAAErC,IAAI;IACRzB,IAAI,EAAEA,IAAI;IACVyB,IAAI,EAAEA,IAAI;IACV+C,KAAK,EAAEA,KAAK;IACZC,QAAQ,EAAEA,QAAQ;IAClBC,WAAW,EAAEA,WAAW;IACxBzF,SAAS,EAAE8F;IACX,EACDJ,KAAK,IAAI3F,6BAACkF,iBAAiB;IAACC,OAAO,EAAEQ,KAAK;IAAE3E,IAAI,EAAC;IAAU,CACxD,CACF;AAEV,CAAC;;;;;;ICnCYoF,aAAa,GAAiC,SAA9CA,aAAaA,CAAAtG,IAAA;MACxBC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAsG,mBAAA,GAAAvG,IAAA,CACR4B,cAAc;IAAdA,cAAc,GAAA2E,mBAAA,cAAG,cAAc,GAAAA,mBAAA;EAE/B,OACErG;IAAKC,SAAS,EAAEC,QAAM,CAACoG,GAAG;IAAE9E,KAAK,EAAE;MAAEE,cAAc,EAAEA;;KAClD3B,QAAQ,CAACK,GAAG,CACX,UAACC,IAAI,EAAEC,KAAK;IAAA,OACVD,IAAI,CAACE,OAAO,IACVP;MAAKQ,GAAG,EAAEF,KAAK;MAAEL,SAAS,EAAEC,QAAM,CAACqG,OAAO;MAAE7F,OAAO,EAAEL,IAAI,CAACK;OACvDL,IAAI,CAACM,IAAI,IAAIX;MAAMC,SAAS,EAAEC,QAAM,CAACS;OAAON,IAAI,CAACM,IAAI,CAAQ,EAC7DN,IAAI,CAACO,WAAW,GAAGZ,2DAAK,GAAGA,2CAAOK,IAAI,CAACQ,KAAK,CAAQ,EACpDR,IAAI,CAACmG,OAAO,IACXxG;MAAKC,SAAS,EAAEC,QAAM,CAACsG;OACpBnG,IAAI,CAACmG,OAAO,CAACpG,GAAG,CACf,UAACqG,OAAO,EAAEC,QAAQ;MAAA,OAChBD,OAAO,CAAClG,OAAO,IACbP,4DACEA;QACEQ,GAAG,EAAEkG,QAAQ;QACbzG,SAAS,EAAEC,QAAM,CAACyG,WAAW;QAC7BjG,OAAO,EAAE+F,OAAO,CAAC/F;SAEhB+F,OAAO,CAAC9F,IAAI,IACXX;QAAMC,SAAS,EAAEC,QAAM,CAACS;SACrB8F,OAAO,CAAC9F,IAAI,CAEhB,EACA8F,OAAO,CAAC7F,WAAW,GAClBZ,2DAAK,GAELA,2CAAOyG,OAAO,CAAC5F,KAAK,CACrB,CACG,CAET;MACJ,CAEJ,CAEJ;IACJ,CACG;AAEV,CAAC;;;;;;IClDY+F,aAAa,GAAiC,SAA9CA,aAAaA,CAAA9G,IAAA;wBACxBe,KAAK;IAALA,KAAK,GAAAgG,UAAA,cAAG,UAAU,GAAAA,UAAA;IAAAC,gBAAA,GAAAhH,IAAA,CAClB4F,WAAW;IAAXA,WAAW,GAAAoB,gBAAA,cAAG,qBAAqB,GAAAA,gBAAA;IACnCtB,KAAK,GAAA1F,IAAA,CAAL0F,KAAK;IACLC,SAAQ,GAAA3F,IAAA,CAAR2F,QAAQ;IAAAsB,iBAAA,GAAAjH,IAAA,CACRkH,YAAY;IAAZA,YAAY,GAAAD,iBAAA,cAAG,IAAI,GAAAA,iBAAA;EAEnB,IAAAjD,SAAA,GAAkDC,cAAQ,CAAC,KAAK,CAAC;IAA1DkD,iBAAiB,GAAAnD,SAAA;IAAEoD,oBAAoB,GAAApD,SAAA;EAE9C,IAAMqD,wBAAwB,GAAG,SAA3BA,wBAAwBA;IAC5BD,oBAAoB,CAAC,CAACD,iBAAiB,CAAC;GACzC;EAED,OACEjH;IAAKC,SAAS,EAAEC,QAAM,CAACkH;KACpBvG,KAAK,IAAIb;IAAOC,SAAS,EAAEC,QAAM,CAACW;KAAQA,KAAK,CAAS,EACzDb;IAAKC,SAAS,EAAEC,QAAM,CAACmH;KACrBrH;IACEgB,IAAI,EAAEiG,iBAAiB,GAAG,MAAM,GAAG,UAAU;IAC7CzB,KAAK,EAAEA,KAAK;IACZC,QAAQ,EAAE,SAAVA,QAAQA,CAAE6B,CAAC;MAAA,OAAI7B,SAAQ,CAAC6B,CAAC,CAACC,MAAM,CAAC/B,KAAK,CAAC;;IACvCE,WAAW,EAAEA,WAAW;IACxBzF,SAAS,EAAEC,QAAM,CAACsH,KAAK;IACvBR,YAAY,EAAEA,YAAY,GAAG,IAAI,GAAG;IACpC,EACFhH;IACEgB,IAAI,EAAC,QAAQ;IACbf,SAAS,EAAEC,QAAM,CAACuH,MAAM;IACxB/G,OAAO,EAAEyG,wBAAwB;kBACrBF,iBAAiB,GAAG,eAAe,GAAG;KAEjDA,iBAAiB,GAChBjH;IAAM0H,IAAI,EAAC,KAAK;kBAAY;0BAErB,GAEP1H;IAAM0H,IAAI,EAAC,KAAK;kBAAY;oBAG7B,CACM,CACL,CACF;AAEV,CAAC;;ACvDD;AACA,IAQaC,cAAc,GAAkC,SAAhDA,cAAcA,CAAA7H,IAAA;MACzBwE,QAAQ,GAAAxE,IAAA,CAARwE,QAAQ;IAAAsD,oBAAA,GAAA9H,IAAA,CACR+H,eAAe;IAAfA,eAAe,GAAAD,oBAAA,cAAG,KAAK,GAAAA,oBAAA;EAEvB,OAAOC,eAAe,GAAGvD,QAAQ,GAAGtE,6BAAC8H,uBAAQ;IAACC,EAAE,EAAC,GAAG;IAACC,OAAO;IAAG;AACjE,CAAC;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"shared-react-components-ts.cjs.development.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/components/bottomNavBar/BottomNavBar.tsx","../src/components/buttons/button/Button.tsx","../src/components/buttons/circleButton/CircleButton.tsx","../src/components/buttons/roundButton/RoundButton.tsx","../src/components/buttons/SignInWithGoogle/SignInWithGoogle.tsx","../src/components/card/Card.tsx","../src/components/chart/Chart.tsx","../src/components/formContainer/FormContainer.tsx","../src/components/icons/AllCustomIcons.tsx","../src/components/validationMessage/ValidationMessage.tsx","../src/components/inputField/InputField.tsx","../src/components/navBar/NavBar.tsx","../src/components/passwordInput/PasswordInput.tsx","../src/components/protectedRoute/ProtectedRoute.tsx"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n","import React from 'react';\r\nimport styles from './BottomNavBar.module.css';\r\n\r\ntype NavItem = {\r\n  label: string;\r\n  hiddenLabel?: boolean;\r\n  icon?: React.ReactNode;\r\n  onClick?: () => void;\r\n  visible: boolean;\r\n};\r\n\r\ntype BottomNavBarProps = {\r\n  navItems: NavItem[];\r\n};\r\n\r\nexport const BottomNavBar: React.FC<BottomNavBarProps> = ({ navItems }) => {\r\n  return (\r\n    <nav className={styles.bottomNav}>\r\n      {navItems.map(\r\n        (item, index) =>\r\n          item.visible && (\r\n            <button\r\n              key={index}\r\n              className={styles.navButton}\r\n              onClick={item.onClick}\r\n            >\r\n              {item.icon && <span className={styles.icon}>{item.icon}</span>}\r\n              {item.hiddenLabel ? (\r\n                <></>\r\n              ) : (\r\n                <span className={styles.label}>{item.label}</span>\r\n              )}\r\n            </button>\r\n          )\r\n      )}\r\n    </nav>\r\n  );\r\n};\r\n","import React from 'react';\r\n\r\ninterface ButtonProps {\r\n  label: string;\r\n  onClick?: () => void;\r\n  type?: 'button' | 'submit' | 'reset';\r\n  disabled?: boolean;\r\n  className?: string;\r\n}\r\n\r\nexport const Button: React.FC<ButtonProps> = ({\r\n  label,\r\n  onClick,\r\n  type = 'button',\r\n  disabled = false,\r\n  className = '',\r\n}) => (\r\n  <button\r\n    type={type}\r\n    onClick={onClick}\r\n    disabled={disabled}\r\n    className={className}\r\n  >\r\n    {label}\r\n  </button>\r\n);\r\n","import React from 'react';\r\nimport styles from './CircleButton.module.css';\r\n\r\ninterface CircleButtonProps {\r\n  imageURL: string;\r\n  viewWidth: number;\r\n  onClick: () => void;\r\n}\r\n\r\nexport const CircleButton: React.FC<CircleButtonProps> = ({\r\n  imageURL,\r\n  viewWidth,\r\n  onClick,\r\n}) => {\r\n  return (\r\n    <button\r\n      className={styles.containerButton}\r\n      onClick={onClick}\r\n      style={{\r\n        display: 'flex',\r\n        justifyContent: 'center',\r\n        alignItems: 'center',\r\n        width: `${viewWidth * 3}vw`,\r\n        height: `${viewWidth * 3}vw`,\r\n        padding: 0,\r\n        backgroundColor: '#EDD479',\r\n      }}\r\n    >\r\n      <div\r\n        style={{\r\n          background: `url(${imageURL}) center center / contain no-repeat`,\r\n          width: `${viewWidth}vw`,\r\n          height: `${viewWidth}vw`,\r\n        }}\r\n      ></div>\r\n    </button>\r\n  );\r\n};\r\n","import React from 'react';\r\nimport styles from './RoundButton.module.css';\r\nimport IBtnOption from '../IBtnOption';\r\n\r\nexport const RoundButton: React.FC<IBtnOption> = props => {\r\n  return (\r\n    <button\r\n      className={styles.containerButton}\r\n      type={props.type || 'button'}\r\n      style={{\r\n        height: `${props.viewHeight || 10}vh`,\r\n        width: `${props.viewWidth || 10}vw`,\r\n        ...props.customStyleBtn,\r\n      }}\r\n      onClick={props.onClick ? props.onClick : undefined}\r\n    >\r\n      <div className={styles.insideButtonIconAndName}>\r\n        {props.icon && <props.icon />}\r\n        <span style={{ ...props.customStyleLabel }}>{props.name}</span>\r\n      </div>\r\n    </button>\r\n  );\r\n};\r\n","import React from 'react';\r\nimport styles from './SignInWithGoogle.module.css';\r\n\r\ninterface SignInWithGoogleProps {\r\n  onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;\r\n}\r\n\r\nexport const SignInWithGoogle: React.FC<SignInWithGoogleProps> = ({\r\n  onClick,\r\n}) => {\r\n  return (\r\n    <button\r\n      className={styles.gsiMaterialButton}\r\n      onClick={event => {\r\n        event.preventDefault(); // Prevent form submission\r\n        onClick(event);\r\n      }}\r\n    >\r\n      <div className={styles.gsiMaterialButtonState}></div>\r\n      <div className={styles.gsiMaterialButtonContentWrapper}>\r\n        <div className={styles.gsiMaterialButtonIcon}>\r\n          <svg\r\n            version=\"1.1\"\r\n            xmlns=\"http://www.w3.org/2000/svg\"\r\n            viewBox=\"0 0 48 48\"\r\n            xmlnsXlink=\"http://www.w3.org/1999/xlink\"\r\n            style={{ display: 'block' }}\r\n          >\r\n            <path\r\n              fill=\"#EA4335\"\r\n              d=\"M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z\"\r\n            ></path>\r\n            <path\r\n              fill=\"#4285F4\"\r\n              d=\"M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z\"\r\n            ></path>\r\n            <path\r\n              fill=\"#FBBC05\"\r\n              d=\"M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z\"\r\n            ></path>\r\n            <path\r\n              fill=\"#34A853\"\r\n              d=\"M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z\"\r\n            ></path>\r\n            <path fill=\"none\" d=\"M0 0h48v48H0z\"></path>\r\n          </svg>\r\n        </div>\r\n        <span className={styles.gsiMaterialButtonContents}>\r\n          Continue with Google\r\n        </span>\r\n        <span style={{ display: 'none' }}>Continue with Google</span>\r\n      </div>\r\n    </button>\r\n  );\r\n};\r\n","import React, { ReactNode, useState } from 'react';\r\nimport styles from './Card.module.css';\r\n\r\ninterface CardProps {\r\n  type?: string;\r\n  compactPreview?: ReactNode; // Content to show in compact mode\r\n  fullContent: ReactNode; //this contain the full version\r\n  bottomElement?: ReactNode; //most usable for set a <button> but can be anything\r\n  showLessText?: string; // Text for \"Show Less\"\r\n  moreInfoText?: string; // Text for \"More Info\"\r\n}\r\n\r\nexport const Card: React.FC<CardProps> = ({\r\n  type = 'generic',\r\n  compactPreview,\r\n  fullContent,\r\n  bottomElement,\r\n  showLessText,\r\n  moreInfoText,\r\n}) => {\r\n  const [isExpanded, setIsExpanded] = useState(!compactPreview); // Default to expanded if no compactPreview is provided\r\n  const toggleCard = () => setIsExpanded(!isExpanded);\r\n  return (\r\n    <div className={`${styles.card} card-${type.toLowerCase()}`}>\r\n      {isExpanded ? fullContent : compactPreview}\r\n      {compactPreview ? (\r\n        <span onClick={toggleCard} className=\"link flexEnd\">\r\n          {isExpanded ? showLessText : moreInfoText}\r\n        </span>\r\n      ) : (\r\n        <></>\r\n      )}\r\n      {isExpanded ? bottomElement : <></>}\r\n    </div>\r\n  );\r\n};\r\n","// src/components/Chart.tsx\r\nimport React from 'react';\r\nimport {\r\n  LineChart,\r\n  Line,\r\n  XAxis,\r\n  YAxis,\r\n  CartesianGrid,\r\n  Tooltip,\r\n  Legend,\r\n  ResponsiveContainer,\r\n} from 'recharts';\r\nimport styles from './Chart.module.css';\r\n\r\ninterface ChartProps {\r\n  startingAmount: number;\r\n  earnedAmount: number;\r\n  data: ChartData[];\r\n}\r\n\r\ninterface ChartData {\r\n  date: string;\r\n  profit: number;\r\n}\r\n\r\nexport const Chart: React.FC<ChartProps> = ({\r\n  startingAmount,\r\n  earnedAmount,\r\n  data,\r\n}) => {\r\n  // Formatter for currency display\r\n  const formatCurrency = (value: number): string => {\r\n    return `$${value.toLocaleString()}`;\r\n  };\r\n\r\n  return (\r\n    <div className={styles.chartContainer}>\r\n      <h2 className={styles.title}>Profit Overview (Daily)</h2>\r\n      <div className={styles.chartSummary}>\r\n        <div className={styles.summaryItem}>\r\n          <h3>Starting Amount</h3>\r\n          <p>{formatCurrency(startingAmount)}</p>\r\n        </div>\r\n        <div className={styles.summaryItem}>\r\n          <h3>Earned Amount</h3>\r\n          <p>{formatCurrency(earnedAmount)}</p>\r\n        </div>\r\n      </div>\r\n      <div className={styles.chartArea}>\r\n        <ResponsiveContainer width=\"100%\" height={400}>\r\n          <LineChart\r\n            data={data}\r\n            margin={{ top: 20, right: 30, left: 20, bottom: 5 }}\r\n          >\r\n            <CartesianGrid strokeDasharray=\"3 3\" />\r\n            <XAxis\r\n              dataKey=\"date\"\r\n              tick={{ fontSize: 12 }}\r\n              angle={-45}\r\n              textAnchor=\"end\"\r\n              height={60}\r\n            />\r\n            <YAxis tick={{ fontSize: 12 }} />\r\n            <Tooltip formatter={(value: number) => formatCurrency(value)} />\r\n            <Legend />\r\n            <Line\r\n              type=\"monotone\"\r\n              dataKey=\"profit\"\r\n              name=\"Cumulative Profit\"\r\n              stroke=\"#82ca9d\"\r\n              activeDot={{ r: 8 }}\r\n            />\r\n          </LineChart>\r\n        </ResponsiveContainer>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n","import React from 'react';\r\n\r\ninterface FormContainerProps {\r\n  children: React.ReactNode;\r\n  title: string;\r\n  titleAlign?: 'start' | 'center' | 'end';\r\n}\r\n\r\nexport const FormContainer: React.FC<FormContainerProps> = ({\r\n  children,\r\n  title,\r\n  titleAlign = 'start',\r\n}) => {\r\n  const dynamicTitleAlign = {\r\n    display: 'flex',\r\n    flexFlow: 'row',\r\n    justifyContent: titleAlign,\r\n  };\r\n  return (\r\n    <div className=\"form-container\">\r\n      <h2 style={dynamicTitleAlign}>{title}</h2>\r\n      {children}\r\n    </div>\r\n  );\r\n};\r\n","import React from 'react';\r\n\r\nexport const KitchenIcon: React.FC = () => (\r\n  <svg\r\n    width=\"64\"\r\n    height=\"55\"\r\n    viewBox=\"0 0 64 55\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n  >\r\n    <path\r\n      d=\"M22.4 12.375C21.44 12.375 20.8 13.2 20.8 13.75V20.625H17.6V13.75C17.6 12.925 16.96 12.375 16 12.375C15.04 12.375 14.4 13.2 14.4 13.75V20.625H11.2V13.75C11.2 12.925 10.56 12.375 9.6 12.375C8.64 12.375 8 13.2 8 13.75V22.825C8 25.3 10.24 27.225 12.8 27.5V46.75C12.8 48.4 14.08 49.5 16 49.5C17.92 49.5 19.2 48.4 19.2 46.75V27.5C21.76 27.225 24 25.3 24 22.825V13.75C24 13.2 23.36 12.375 22.4 12.375ZM28.8 13.75V30.25H32V46.75C32 48.4 33.28 49.5 35.2 49.5C37.12 49.5 38.4 48.4 38.4 46.75V5.5C32.96 5.5 28.8 9.075 28.8 13.75ZM51.2 11C46.72 11 43.2 15.125 43.2 20.075C42.88 23.375 44.8 26.4 48 28.325V46.75C48 48.4 49.28 49.5 51.2 49.5C53.12 49.5 54.4 48.4 54.4 46.75V28.325C57.6 26.4 59.52 23.375 59.2 20.075C59.2 15.125 55.68 11 51.2 11Z\"\r\n      fill=\"black\"\r\n    />\r\n  </svg>\r\n);\r\n\r\nexport const OrdersIcon: React.FC = () => (\r\n  <svg\r\n    width=\"62\"\r\n    height=\"55\"\r\n    viewBox=\"0 0 62 55\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n  >\r\n    <g clip-path=\"url(#clip0_46_153)\">\r\n      <path\r\n        d=\"M56.8334 9.77778L50.4611 4.125C49.9134 3.66174 49.1857 3.40331 48.4289 3.40331C47.6721 3.40331 46.9444 3.66174 46.3967 4.125L40.7306 9.16667H10.3334C9.41984 9.16667 8.54373 9.48859 7.89777 10.0616C7.25181 10.6346 6.88892 11.4118 6.88892 12.2222V45.8333C6.88892 46.6437 7.25181 47.4209 7.89777 47.9939C8.54373 48.567 9.41984 48.8889 10.3334 48.8889H48.2223C49.1358 48.8889 50.0119 48.567 50.6578 47.9939C51.3038 47.4209 51.6667 46.6437 51.6667 45.8333V17.9667L56.8334 13.3833C57.3718 12.905 57.6743 12.2566 57.6743 11.5806C57.6743 10.9045 57.3718 10.2561 56.8334 9.77778ZM32.4295 30.7542L25.2134 32.175L26.9356 25.8347L43.3828 11.2139L48.9456 16.1486L32.4295 30.7542ZM50.8056 14.4069L45.2428 9.47222L48.4289 6.64583L53.9917 11.5806L50.8056 14.4069Z\"\r\n        fill=\"black\"\r\n      />\r\n    </g>\r\n    <defs>\r\n      <clipPath id=\"clip0_46_153\">\r\n        <rect width=\"62\" height=\"55\" fill=\"white\" />\r\n      </clipPath>\r\n    </defs>\r\n  </svg>\r\n);\r\n\r\nexport const ProductsIcon: React.FC = () => (\r\n  <svg\r\n    width=\"56\"\r\n    height=\"41\"\r\n    viewBox=\"0 0 56 41\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n  >\r\n    <path\r\n      d=\"M33.3333 28.375L41.7919 21.1058C43.2069 19.8909 45.1251 19.2085 47.1253 19.2083H49.3332C50.7477 19.2083 52.1043 19.6912 53.1045 20.5508C54.1047 21.4103 54.6666 22.5761 54.6666 23.7917C54.6666 25.0072 54.1047 26.173 53.1045 27.0326C52.1043 27.8921 50.7477 28.375 49.3332 28.375H6.66658C5.2521 28.375 3.89554 27.8921 2.89535 27.0326C1.89515 26.173 1.33325 25.0072 1.33325 23.7917C1.33325 22.5761 1.89515 21.4103 2.89535 20.5508C3.89554 19.6912 5.2521 19.2083 6.66658 19.2083H16.4186C20.4186 19.2083 24.2559 20.5742 27.0852 23.0056L33.3333 28.375Z\"\r\n      stroke=\"black\"\r\n      stroke-width=\"2\"\r\n      stroke-linecap=\"round\"\r\n      stroke-linejoin=\"round\"\r\n    />\r\n    <path\r\n      d=\"M4 28.375H52V32.9583C52 34.7817 51.1571 36.5304 49.6569 37.8197C48.1566 39.109 46.1217 39.8333 44 39.8333H12C9.87827 39.8333 7.84344 39.109 6.34315 37.8197C4.84285 36.5304 4 34.7817 4 32.9583V28.375Z\"\r\n      fill=\"black\"\r\n      stroke=\"black\"\r\n      stroke-width=\"2\"\r\n      stroke-linecap=\"round\"\r\n      stroke-linejoin=\"round\"\r\n    />\r\n    <path\r\n      fill-rule=\"evenodd\"\r\n      clip-rule=\"evenodd\"\r\n      d=\"M10.5785 4.43625C15.3865 1.92229 21.5465 0.875 27.9998 0.875C34.4532 0.875 40.6132 1.92229 45.4212 4.43625C50.3385 7.00521 53.7118 11.05 54.4931 16.6463C54.8852 19.4513 52.1785 21.5 49.3332 21.5H6.66648C3.82115 21.5 1.11448 19.4513 1.50648 16.6463C2.28782 11.05 5.66115 7.00521 10.5785 4.43625ZM14.6665 7.75C13.9592 7.75 13.281 7.99144 12.7809 8.42121C12.2808 8.85099 11.9998 9.43388 11.9998 10.0417C11.9998 10.6495 12.2808 11.2323 12.7809 11.6621C13.281 12.0919 13.9592 12.3333 14.6665 12.3333H14.6692C15.3764 12.3333 16.0547 12.0919 16.5548 11.6621C17.0549 11.2323 17.3358 10.6495 17.3358 10.0417C17.3358 9.43388 17.0549 8.85099 16.5548 8.42121C16.0547 7.99144 15.3764 7.75 14.6692 7.75H14.6665ZM35.9998 10.0417C35.9998 9.43388 36.2808 8.85099 36.7809 8.42121C37.281 7.99144 37.9592 7.75 38.6665 7.75H38.6692C39.3764 7.75 40.0547 7.99144 40.5548 8.42121C41.0549 8.85099 41.3358 9.43388 41.3358 10.0417C41.3358 10.6495 41.0549 11.2323 40.5548 11.6621C40.0547 12.0919 39.3764 12.3333 38.6692 12.3333H38.6665C37.9592 12.3333 37.281 12.0919 36.7809 11.6621C36.2808 11.2323 35.9998 10.6495 35.9998 10.0417ZM25.3332 12.3333C24.6259 12.3333 23.9476 12.5748 23.4475 13.0045C22.9474 13.4343 22.6665 14.0172 22.6665 14.625C22.6665 15.2328 22.9474 15.8157 23.4475 16.2455C23.9476 16.6752 24.6259 16.9167 25.3332 16.9167H25.3358C26.0431 16.9167 26.7213 16.6752 27.2214 16.2455C27.7215 15.8157 28.0025 15.2328 28.0025 14.625C28.0025 14.0172 27.7215 13.4343 27.2214 13.0045C26.7213 12.5748 26.0431 12.3333 25.3358 12.3333H25.3332Z\"\r\n      fill=\"black\"\r\n    />\r\n  </svg>\r\n);\r\n\r\nexport const TeamIcon: React.FC = () => (\r\n  <svg\r\n    width=\"64\"\r\n    height=\"55\"\r\n    viewBox=\"0 0 64 55\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n  >\r\n    <path\r\n      d=\"M39.3439 22.9167C41.9199 22.9167 44.0106 24.7133 44.0106 26.9271V37.8102C44.0106 40.5459 42.746 43.1695 40.4951 45.1039C38.2441 47.0383 35.1912 48.125 32.0079 48.125C28.8246 48.125 25.7717 47.0383 23.5208 45.1039C21.2698 43.1695 20.0053 40.5459 20.0053 37.8102V26.9271C20.0053 24.7133 22.0933 22.9167 24.6719 22.9167H39.3439ZM19.0159 22.9167C18.0554 23.91 17.4777 25.1352 17.3626 26.4229L17.3359 26.9271V37.8102C17.3359 39.7513 17.8479 41.5892 18.7599 43.23C17.1793 43.5934 15.5227 43.6395 13.918 43.3648C12.3134 43.0901 10.8038 42.5019 9.50591 41.6457C8.20804 40.7895 7.15669 39.6883 6.43315 38.4272C5.70962 37.166 5.33328 35.7788 5.33325 34.3727V26.9271C5.3333 25.9206 5.77371 24.9509 6.56706 24.2106C7.36042 23.4702 8.44872 23.0132 9.61592 22.9304L9.99992 22.9167H19.0159ZM44.9999 22.9167H53.9999C56.5759 22.9167 58.6666 24.7133 58.6666 26.9271V34.375C58.6669 35.7802 58.2914 37.1666 57.569 38.4272C56.8465 39.6877 55.7965 40.7887 54.5001 41.645C53.2037 42.5013 51.6955 43.09 50.0922 43.3656C48.4888 43.6413 46.8332 43.5964 45.2532 43.2346C46.0532 41.7954 46.5439 40.2096 46.6533 38.5321L46.6772 37.8102V26.9271C46.6772 25.4031 46.0479 24.0052 44.9972 22.9167H44.9999ZM31.9999 6.875C34.1216 6.875 36.1565 7.59933 37.6568 8.88864C39.1571 10.178 39.9999 11.9266 39.9999 13.75C39.9999 15.5734 39.1571 17.322 37.6568 18.6114C36.1565 19.9007 34.1216 20.625 31.9999 20.625C29.8782 20.625 27.8434 19.9007 26.3431 18.6114C24.8428 17.322 23.9999 15.5734 23.9999 13.75C23.9999 11.9266 24.8428 10.178 26.3431 8.88864C27.8434 7.59933 29.8782 6.875 31.9999 6.875ZM49.3332 9.16667C51.1014 9.16667 52.7971 9.77027 54.0473 10.8447C55.2975 11.9191 55.9999 13.3764 55.9999 14.8958C55.9999 16.4153 55.2975 17.8725 54.0473 18.947C52.7971 20.0214 51.1014 20.625 49.3332 20.625C47.5651 20.625 45.8694 20.0214 44.6192 18.947C43.369 17.8725 42.6666 16.4153 42.6666 14.8958C42.6666 13.3764 43.369 11.9191 44.6192 10.8447C45.8694 9.77027 47.5651 9.16667 49.3332 9.16667ZM14.6666 9.16667C16.4347 9.16667 18.1304 9.77027 19.3806 10.8447C20.6309 11.9191 21.3333 13.3764 21.3333 14.8958C21.3333 16.4153 20.6309 17.8725 19.3806 18.947C18.1304 20.0214 16.4347 20.625 14.6666 20.625C12.8985 20.625 11.2028 20.0214 9.95254 18.947C8.7023 17.8725 7.99992 16.4153 7.99992 14.8958C7.99992 13.3764 8.7023 11.9191 9.95254 10.8447C11.2028 9.77027 12.8985 9.16667 14.6666 9.16667Z\"\r\n      fill=\"black\"\r\n    />\r\n  </svg>\r\n);\r\n","import React from 'react';\r\n\r\ninterface ValidationMessageProps {\r\n  message: string;\r\n  type: 'error' | 'success' | 'info';\r\n}\r\n\r\nexport const ValidationMessage: React.FC<ValidationMessageProps> = ({\r\n  message,\r\n  type,\r\n}) => {\r\n  const colorSpan = {\r\n    color: `${type === 'error' ? 'red' : type === 'info' ? 'blue' : 'black'}`,\r\n  };\r\n  return (\r\n    <span style={colorSpan} className={`validation-message ${type}`}>\r\n      {message}\r\n    </span>\r\n  );\r\n};\r\n","import React from 'react';\r\nimport { ValidationMessage } from '../validationMessage/ValidationMessage';\r\nimport styles from './InputField.module.css';\r\n\r\ninterface InputFieldProps {\r\n  label: string;\r\n  type: string;\r\n  display?: 'vertical' | 'horizontal';\r\n  name: string;\r\n  value: string;\r\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\r\n  placeholder?: string;\r\n  error?: string;\r\n  labelClassName?: string;\r\n  inputClassName?: string;\r\n}\r\n\r\nexport const InputField: React.FC<InputFieldProps> = ({\r\n  label,\r\n  type,\r\n  display = 'horizontal',\r\n  name,\r\n  value,\r\n  onChange,\r\n  placeholder,\r\n  error,\r\n  labelClassName = '',\r\n  inputClassName = '',\r\n}) => {\r\n  const dynamicStyle =\r\n    display === 'horizontal'\r\n      ? styles.centerContentColumn\r\n      : styles.centerContentRow;\r\n  return (\r\n    <div className={`input-field ${dynamicStyle}`}>\r\n      <label htmlFor={name} className={labelClassName}>\r\n        {label}\r\n      </label>\r\n      <div className={styles.centerContentColumn}>\r\n        <input\r\n          id={name}\r\n          type={type}\r\n          name={name}\r\n          value={value}\r\n          onChange={onChange}\r\n          placeholder={placeholder}\r\n          className={inputClassName}\r\n        />\r\n        {error && <ValidationMessage message={error} type=\"error\" />}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n","import React from 'react';\r\nimport styles from './NavBar.module.css';\r\n\r\ntype NavItem = {\r\n  label?: string;\r\n  hiddenLabel?: boolean;\r\n  icon?: React.ReactNode;\r\n  onClick?: () => void;\r\n  visible: boolean;\r\n  submenu?: NavItem[];\r\n};\r\n\r\ntype NavigationBarProps = {\r\n  navItems: NavItem[];\r\n  justifyContent?: string;\r\n};\r\n\r\nexport const NavigationBar: React.FC<NavigationBarProps> = ({\r\n  navItems,\r\n  justifyContent = 'space-around',\r\n}) => {\r\n  return (\r\n    <nav className={styles.nav} style={{ justifyContent: justifyContent }}>\r\n      {navItems.map(\r\n        (item, index) =>\r\n          item.visible && (\r\n            <div key={index} className={styles.navItem} onClick={item.onClick}>\r\n              {item.icon && <span className={styles.icon}>{item.icon}</span>}\r\n              {item.hiddenLabel ? <></> : <span>{item.label}</span>}\r\n              {item.submenu && (\r\n                <div className={styles.submenu}>\r\n                  {item.submenu.map(\r\n                    (subItem, subIndex) =>\r\n                      subItem.visible && (\r\n                        <>\r\n                          <div\r\n                            key={subIndex}\r\n                            className={styles.submenuItem}\r\n                            onClick={subItem.onClick}\r\n                          >\r\n                            {subItem.icon && (\r\n                              <span className={styles.icon}>\r\n                                {subItem.icon}\r\n                              </span>\r\n                            )}\r\n                            {subItem.hiddenLabel ? (\r\n                              <></>\r\n                            ) : (\r\n                              <span>{subItem.label}</span>\r\n                            )}\r\n                          </div>\r\n                        </>\r\n                      )\r\n                  )}\r\n                </div>\r\n              )}\r\n            </div>\r\n          )\r\n      )}\r\n    </nav>\r\n  );\r\n};\r\n","import React, { useState } from 'react';\r\nimport styles from './PasswordInput.module.css'; // Import the CSS module\r\n\r\ninterface PasswordInputProps {\r\n  label?: string; // Label for the input\r\n  placeholder?: string; // Placeholder text\r\n  value: string; // Controlled value\r\n  onChange: (value: string) => void; // Change handler\r\n  autoComplete?: boolean;\r\n}\r\n\r\nexport const PasswordInput: React.FC<PasswordInputProps> = ({\r\n  label = 'Password',\r\n  placeholder = 'Enter your password',\r\n  value,\r\n  onChange,\r\n  autoComplete = true,\r\n}) => {\r\n  const [isPasswordVisible, setIsPasswordVisible] = useState(false);\r\n\r\n  const togglePasswordVisibility = () => {\r\n    setIsPasswordVisible(!isPasswordVisible);\r\n  };\r\n\r\n  return (\r\n    <div className={styles.container}>\r\n      {label && <label className={styles.label}>{label}</label>}\r\n      <div className={styles.wrapper}>\r\n        <input\r\n          type={isPasswordVisible ? 'text' : 'password'}\r\n          value={value}\r\n          onChange={e => onChange(e.target.value)}\r\n          placeholder={placeholder}\r\n          className={styles.input}\r\n          autoComplete={autoComplete ? 'on' : 'off'}\r\n        />\r\n        <button\r\n          type=\"button\"\r\n          className={styles.toggle}\r\n          onClick={togglePasswordVisibility}\r\n          aria-label={isPasswordVisible ? 'Hide password' : 'Show password'}\r\n        >\r\n          {isPasswordVisible ? (\r\n            <span role=\"img\" aria-label=\"Hide\">\r\n              👁️\r\n            </span>\r\n          ) : (\r\n            <span role=\"img\" aria-label=\"Show\">\r\n              🙈\r\n            </span>\r\n          )}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n","// src/components/ProtectedRoute.tsx\r\nimport React from 'react';\r\nimport { Navigate } from 'react-router-dom';\r\n\r\ninterface ProtectedRouteProps {\r\n  children: JSX.Element;\r\n  isAuthenticated: boolean;\r\n}\r\n\r\nexport const ProtectedRoute: React.FC<ProtectedRouteProps> = ({\r\n  children,\r\n  isAuthenticated = false,\r\n}) => {\r\n  return isAuthenticated ? children : <Navigate to=\"/\" replace />;\r\n};\r\n"],"names":["BottomNavBar","_ref","navItems","React","className","styles","bottomNav","map","item","index","visible","key","navButton","onClick","icon","hiddenLabel","label","Button","_ref$type","type","_ref$disabled","disabled","_ref$className","CircleButton","imageURL","viewWidth","containerButton","style","display","justifyContent","alignItems","width","height","padding","backgroundColor","background","RoundButton","props","_extends","viewHeight","customStyleBtn","undefined","insideButtonIconAndName","customStyleLabel","name","SignInWithGoogle","gsiMaterialButton","event","preventDefault","gsiMaterialButtonState","gsiMaterialButtonContentWrapper","gsiMaterialButtonIcon","version","xmlns","viewBox","xmlnsXlink","fill","d","gsiMaterialButtonContents","Card","compactPreview","fullContent","bottomElement","showLessText","moreInfoText","_useState","useState","isExpanded","setIsExpanded","toggleCard","card","toLowerCase","Chart","startingAmount","earnedAmount","data","formatCurrency","value","toLocaleString","chartContainer","title","chartSummary","summaryItem","chartArea","ResponsiveContainer","LineChart","margin","top","right","left","bottom","CartesianGrid","strokeDasharray","XAxis","dataKey","tick","fontSize","angle","textAnchor","YAxis","Tooltip","formatter","Legend","Line","stroke","activeDot","r","FormContainer","children","_ref$titleAlign","titleAlign","dynamicTitleAlign","flexFlow","KitchenIcon","OrdersIcon","id","ProductsIcon","TeamIcon","ValidationMessage","message","colorSpan","color","InputField","_ref$display","onChange","placeholder","error","_ref$labelClassName","labelClassName","_ref$inputClassName","inputClassName","dynamicStyle","centerContentColumn","centerContentRow","htmlFor","NavigationBar","_ref$justifyContent","nav","navItem","submenu","subItem","subIndex","submenuItem","PasswordInput","_ref$label","_ref$placeholder","_ref$autoComplete","autoComplete","isPasswordVisible","setIsPasswordVisible","togglePasswordVisibility","container","wrapper","e","target","input","toggle","role","ProtectedRoute","_ref$isAuthenticated","isAuthenticated","Navigate","to","replace"],"mappings":"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"}

package/dist/shared-react-components-ts.cjs.production.min.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,n=require("react"),t=(e=n)&&"object"==typeof e&&"default"in e?e.default:e,r=require("react-router-dom");function o(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===t&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}function a(){return(a=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)({}).hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e}).apply(null,arguments)}o("/* BottomNavigationBar.module.css */\r\n\r\n.BottomNavBar-module_bottomNav__i-wit {\r\n  position: fixed;\r\n  bottom: 0;\r\n  width: 100%;\r\n  background-color: #001f3f;\r\n  display: flex;\r\n  justify-content: space-around;\r\n  align-items: center;\r\n  padding: 10px 0;\r\n  color: #fff;\r\n  box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.2);\r\n  z-index: 1000; /* Ensure the navbar stays on top */\r\n}\r\n\r\n.BottomNavBar-module_navButton__p2NtZ {\r\n  background: none;\r\n  border: none;\r\n  color: inherit;\r\n  font: inherit;\r\n  cursor: pointer;\r\n  padding: 5px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n}\r\n\r\n.BottomNavBar-module_navButton__p2NtZ:focus {\r\n  outline: none;\r\n}\r\n\r\n.BottomNavBar-module_navButton__p2NtZ:hover .BottomNavBar-module_icon__mvP8S,\r\n.BottomNavBar-module_navButton__p2NtZ:hover .BottomNavBar-module_label__UAxks {\r\n  color: #f0ad4e; /* Change to your desired hover color */\r\n}\r\n\r\n.BottomNavBar-module_icon__mvP8S {\r\n  font-size: 24px;\r\n  margin-bottom: 5px;\r\n}\r\n\r\n.BottomNavBar-module_label__UAxks {\r\n  font-size: 12px;\r\n}\r\n"),o(".CircleButton-module_containerButton__CNrd- {\r\n  border-radius: 50%;\r\n  height: 5vw;\r\n  width: 5vw;\r\n}\r\n"),o(".RoundButton-module_containerButton__WnBm3 {\r\n  border-radius: 12px;\r\n  min-height: 60px;\r\n  min-width: 130px;\r\n}\r\n\r\n.RoundButton-module_insideButtonIconAndName__1IPVa {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n}\r\n"),o(".SignInWithGoogle-module_gsiMaterialButton__-3K-u {\r\n  -moz-user-select: none;\r\n  -webkit-user-select: none;\r\n  -ms-user-select: none;\r\n  -webkit-appearance: none;\r\n  background-color: WHITE;\r\n  background-image: none;\r\n  border: 1px solid #747775;\r\n  -webkit-border-radius: 20px;\r\n  border-radius: 20px;\r\n  -webkit-box-sizing: border-box;\r\n  box-sizing: border-box;\r\n  color: #1f1f1f;\r\n  cursor: pointer;\r\n  font-size: 14px;\r\n  height: 40px;\r\n  letter-spacing: 0.25px;\r\n  outline: none;\r\n  overflow: hidden;\r\n  padding: 0 12px;\r\n  position: relative;\r\n  text-align: center;\r\n  -webkit-transition: background-color 0.218s, border-color 0.218s,\r\n    box-shadow 0.218s;\r\n  transition: background-color 0.218s, border-color 0.218s, box-shadow 0.218s;\r\n  vertical-align: middle;\r\n  white-space: nowrap;\r\n  width: auto;\r\n  max-width: 400px;\r\n  min-width: min-content;\r\n}\r\n\r\n.SignInWithGoogle-module_gsiMaterialButtonIcon__Pq6zS {\r\n  height: 20px;\r\n  margin-right: 12px;\r\n  min-width: 20px;\r\n  width: 20px;\r\n}\r\n\r\n.SignInWithGoogle-module_gsiMaterialButtonContentWrapper__VIZMS {\r\n  -webkit-align-items: center;\r\n  align-items: center;\r\n  display: flex;\r\n  -webkit-flex-direction: row;\r\n  flex-direction: row;\r\n  -webkit-flex-wrap: nowrap;\r\n  flex-wrap: nowrap;\r\n  height: 100%;\r\n  justify-content: space-between;\r\n  position: relative;\r\n  width: 100%;\r\n}\r\n\r\n.SignInWithGoogle-module_gsiMaterialButtonContents__LnkTH {\r\n  -webkit-flex-grow: 1;\r\n  flex-grow: 1;\r\n  font-weight: 500;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  vertical-align: top;\r\n}\r\n\r\n.SignInWithGoogle-module_gsiMaterialButtonState__9-Cd2 {\r\n  -webkit-transition: opacity 0.218s;\r\n  transition: opacity 0.218s;\r\n  bottom: 0;\r\n  left: 0;\r\n  opacity: 0;\r\n  position: absolute;\r\n  right: 0;\r\n  top: 0;\r\n}\r\n\r\n.SignInWithGoogle-module_gsiMaterialButton__-3K-u:disabled {\r\n  cursor: default;\r\n  background-color: #ffffff61;\r\n  border-color: #1f1f1f1f;\r\n}\r\n\r\n.SignInWithGoogle-module_gsiMaterialButton__-3K-u:disabled .SignInWithGoogle-module_gsiMaterialButtonContents__LnkTH {\r\n  opacity: 38%;\r\n}\r\n\r\n.SignInWithGoogle-module_gsiMaterialButton__-3K-u:disabled .SignInWithGoogle-module_gsiMaterialButtonIcon__Pq6zS {\r\n  opacity: 38%;\r\n}\r\n\r\n.SignInWithGoogle-module_gsiMaterialButton__-3K-u:not(:disabled):active .SignInWithGoogle-module_gsiMaterialButtonState__9-Cd2,\r\n.SignInWithGoogle-module_gsiMaterialButton__-3K-u:not(:disabled):focus .SignInWithGoogle-module_gsiMaterialButtonState__9-Cd2 {\r\n  background-color: #303030;\r\n  opacity: 12%;\r\n}\r\n\r\n.SignInWithGoogle-module_gsiMaterialButton__-3K-u:not(:disabled):hover {\r\n  -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3),\r\n    0 1px 3px 1px rgba(60, 64, 67, 0.15);\r\n  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3),\r\n    0 1px 3px 1px rgba(60, 64, 67, 0.15);\r\n}\r\n\r\n.SignInWithGoogle-module_gsiMaterialButton__-3K-u:not(:disabled):hover .SignInWithGoogle-module_gsiMaterialButtonState__9-Cd2 {\r\n  background-color: #303030;\r\n  opacity: 8%;\r\n}\r\n"),o(".Card-module_card__N-f1C {\r\n  border: 1px solid #ddd;\r\n  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);\r\n  transition: 0.3s;\r\n  width: calc(100% - 24px);\r\n  border-radius: 8px;\r\n  min-width: 250px;\r\n  padding: 12px;\r\n  max-width: 750px;\r\n  transition: all 0.3s ease;\r\n  gap: 10px;\r\n}\r\n\r\n.Card-module_card__N-f1C:hover {\r\n  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);\r\n}\r\n");var l=function(e){var n=e.type;return t.createElement("span",{style:{color:"error"===n?"red":"info"===n?"blue":"black"},className:"validation-message "+n},e.message)};o(".InputField-module_centerContentRow__qHEIU {\r\n  display: flex;\r\n  flex-flow: row;\r\n  justify-content: center;\r\n  align-items: baseline;\r\n  gap: 5px;\r\n}\r\n\r\n.InputField-module_centerContentColumn__dSN0e {\r\n  display: flex;\r\n  flex-flow: column;\r\n  justify-content: center;\r\n  gap: 5px;\r\n}\r\n");var i={nav:"NavBar-module_nav__SZ96J",navItem:"NavBar-module_navItem__2lfwY",submenu:"NavBar-module_submenu__lj-mo",submenuItem:"NavBar-module_submenuItem__mvBS9"};o(".NavBar-module_nav__SZ96J {\r\n  /*nav*/\r\n  background-color: #001f3f;\r\n  display: flex;\r\n  justify-content: space-around;\r\n  align-items: center;\r\n  padding: 10px 0;\r\n  color: #fff;\r\n}\r\n\r\n.NavBar-module_navItem__2lfwY {\r\n  /*nav > div*/\r\n  position: relative;\r\n  cursor: pointer;\r\n  margin: 0 15px;\r\n\r\n  /*following for icon above text on top navbar*/\r\n  display: flex;\r\n  flex-flow: column;\r\n  align-items: center;\r\n}\r\n\r\n.NavBar-module_navItem__2lfwY:hover .NavBar-module_submenu__lj-mo {\r\n  /*nav > div:hover > div*/\r\n  display: block;\r\n}\r\n\r\n.NavBar-module_submenu__lj-mo {\r\n  /*nav div div*/\r\n  display: none;\r\n  background-color: #003366;\r\n  padding: 10px;\r\n  position: absolute;\r\n  top: 100%;\r\n  left: 0;\r\n  border-radius: 5px;\r\n  z-index: 1;\r\n  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.NavBar-module_submenuItem__mvBS9 {\r\n  /*nav div div div*/\r\n  margin: 5px 0;\r\n  padding: 5px 0;\r\n\r\n  /*for aligning icon an text in the center*/\r\n  display: flex;\r\n}\r\n"),o(".PasswordInput-module_container__kCgyT {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n}\r\n\r\n.PasswordInput-module_label__HVjtR {\r\n  font-size: 14px;\r\n  color: #333;\r\n}\r\n\r\n.PasswordInput-module_wrapper__JqHuh {\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.PasswordInput-module_input__hWQ1E {\r\n  width: 100%;\r\n  padding: 10px 40px 10px 12px;\r\n  border: 1px solid #ccc;\r\n  border-radius: 8px;\r\n  font-size: 14px;\r\n  background: #f9f9f9;\r\n  outline: none;\r\n}\r\n\r\n.PasswordInput-module_input__hWQ1E:focus {\r\n  border-color: #007bff;\r\n  background: #fff;\r\n}\r\n\r\n.PasswordInput-module_toggle__uERdE {\r\n  position: absolute;\r\n  right: 10px;\r\n  background: none;\r\n  border: none;\r\n  cursor: pointer;\r\n  font-size: 16px;\r\n  color: #888;\r\n}\r\n\r\n.PasswordInput-module_toggle__uERdE:hover {\r\n  color: #333;\r\n}\r\n"),exports.BottomNavBar=function(e){return t.createElement("nav",{className:"BottomNavBar-module_bottomNav__i-wit"},e.navItems.map((function(e,n){return e.visible&&t.createElement("button",{key:n,className:"BottomNavBar-module_navButton__p2NtZ",onClick:e.onClick},e.icon&&t.createElement("span",{className:"BottomNavBar-module_icon__mvP8S"},e.icon),e.hiddenLabel?t.createElement(t.Fragment,null):t.createElement("span",{className:"BottomNavBar-module_label__UAxks"},e.label))})))},exports.Button=function(e){var n=e.type,r=e.disabled,o=e.className;return t.createElement("button",{type:void 0===n?"button":n,onClick:e.onClick,disabled:void 0!==r&&r,className:void 0===o?"":o},e.label)},exports.Card=function(e){var r=e.type,o=void 0===r?"generic":r,a=e.compactPreview,l=e.fullContent,i=e.bottomElement,s=e.showLessText,d=e.moreInfoText,u=n.useState(!a),c=u[0],m=u[1];return t.createElement("div",{className:"Card-module_card__N-f1C card-"+o.toLowerCase()},c?l:a,a?t.createElement("span",{onClick:function(){return m(!c)},className:"link flexEnd"},c?s:d):t.createElement(t.Fragment,null),c?i:t.createElement(t.Fragment,null))},exports.CircleButton=function(e){var n=e.viewWidth;return t.createElement("button",{className:"CircleButton-module_containerButton__CNrd-",onClick:e.onClick,style:{display:"flex",justifyContent:"center",alignItems:"center",width:3*n+"vw",height:3*n+"vw",padding:0,backgroundColor:"#EDD479"}},t.createElement("div",{style:{background:"url("+e.imageURL+") center center / contain no-repeat",width:n+"vw",height:n+"vw"}}))},exports.FormContainer=function(e){var n=e.children,r=e.titleAlign;return t.createElement("div",{className:"form-container"},t.createElement("h2",{style:{display:"flex",flexFlow:"row",justifyContent:void 0===r?"start":r}},e.title),n)},exports.InputField=function(e){var n=e.type,r=e.display,o=e.name,a=e.value,i=e.onChange,s=e.placeholder,d=e.error,u=e.labelClassName,c=e.inputClassName,m=void 0===c?"":c;return t.createElement("div",{className:"input-field "+("horizontal"===(void 0===r?"horizontal":r)?"InputField-module_centerContentColumn__dSN0e":"InputField-module_centerContentRow__qHEIU")},t.createElement("label",{htmlFor:o,className:void 0===u?"":u},e.label),t.createElement("div",{className:"InputField-module_centerContentColumn__dSN0e"},t.createElement("input",{id:o,type:n,name:o,value:a,onChange:i,placeholder:s,className:m}),d&&t.createElement(l,{message:d,type:"error"})))},exports.KitchenIcon=function(){return t.createElement("svg",{width:"64",height:"55",viewBox:"0 0 64 55",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.createElement("path",{d:"M22.4 12.375C21.44 12.375 20.8 13.2 20.8 13.75V20.625H17.6V13.75C17.6 12.925 16.96 12.375 16 12.375C15.04 12.375 14.4 13.2 14.4 13.75V20.625H11.2V13.75C11.2 12.925 10.56 12.375 9.6 12.375C8.64 12.375 8 13.2 8 13.75V22.825C8 25.3 10.24 27.225 12.8 27.5V46.75C12.8 48.4 14.08 49.5 16 49.5C17.92 49.5 19.2 48.4 19.2 46.75V27.5C21.76 27.225 24 25.3 24 22.825V13.75C24 13.2 23.36 12.375 22.4 12.375ZM28.8 13.75V30.25H32V46.75C32 48.4 33.28 49.5 35.2 49.5C37.12 49.5 38.4 48.4 38.4 46.75V5.5C32.96 5.5 28.8 9.075 28.8 13.75ZM51.2 11C46.72 11 43.2 15.125 43.2 20.075C42.88 23.375 44.8 26.4 48 28.325V46.75C48 48.4 49.28 49.5 51.2 49.5C53.12 49.5 54.4 48.4 54.4 46.75V28.325C57.6 26.4 59.52 23.375 59.2 20.075C59.2 15.125 55.68 11 51.2 11Z",fill:"black"}))},exports.NavigationBar=function(e){var n=e.justifyContent;return t.createElement("nav",{className:i.nav,style:{justifyContent:void 0===n?"space-around":n}},e.navItems.map((function(e,n){return e.visible&&t.createElement("div",{key:n,className:i.navItem,onClick:e.onClick},e.icon&&t.createElement("span",{className:i.icon},e.icon),e.hiddenLabel?t.createElement(t.Fragment,null):t.createElement("span",null,e.label),e.submenu&&t.createElement("div",{className:i.submenu},e.submenu.map((function(e,n){return e.visible&&t.createElement(t.Fragment,null,t.createElement("div",{key:n,className:i.submenuItem,onClick:e.onClick},e.icon&&t.createElement("span",{className:i.icon},e.icon),e.hiddenLabel?t.createElement(t.Fragment,null):t.createElement("span",null,e.label)))}))))})))},exports.OrdersIcon=function(){return t.createElement("svg",{width:"62",height:"55",viewBox:"0 0 62 55",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.createElement("g",{"clip-path":"url(#clip0_46_153)"},t.createElement("path",{d:"M56.8334 9.77778L50.4611 4.125C49.9134 3.66174 49.1857 3.40331 48.4289 3.40331C47.6721 3.40331 46.9444 3.66174 46.3967 4.125L40.7306 9.16667H10.3334C9.41984 9.16667 8.54373 9.48859 7.89777 10.0616C7.25181 10.6346 6.88892 11.4118 6.88892 12.2222V45.8333C6.88892 46.6437 7.25181 47.4209 7.89777 47.9939C8.54373 48.567 9.41984 48.8889 10.3334 48.8889H48.2223C49.1358 48.8889 50.0119 48.567 50.6578 47.9939C51.3038 47.4209 51.6667 46.6437 51.6667 45.8333V17.9667L56.8334 13.3833C57.3718 12.905 57.6743 12.2566 57.6743 11.5806C57.6743 10.9045 57.3718 10.2561 56.8334 9.77778ZM32.4295 30.7542L25.2134 32.175L26.9356 25.8347L43.3828 11.2139L48.9456 16.1486L32.4295 30.7542ZM50.8056 14.4069L45.2428 9.47222L48.4289 6.64583L53.9917 11.5806L50.8056 14.4069Z",fill:"black"})),t.createElement("defs",null,t.createElement("clipPath",{id:"clip0_46_153"},t.createElement("rect",{width:"62",height:"55",fill:"white"}))))},exports.PasswordInput=function(e){var r=e.label,o=void 0===r?"Password":r,a=e.placeholder,l=void 0===a?"Enter your password":a,i=e.value,s=e.onChange,d=e.autoComplete,u=void 0===d||d,c=n.useState(!1),m=c[0],p=c[1];return t.createElement("div",{className:"PasswordInput-module_container__kCgyT"},o&&t.createElement("label",{className:"PasswordInput-module_label__HVjtR"},o),t.createElement("div",{className:"PasswordInput-module_wrapper__JqHuh"},t.createElement("input",{type:m?"text":"password",value:i,onChange:function(e){return s(e.target.value)},placeholder:l,className:"PasswordInput-module_input__hWQ1E",autoComplete:u?"on":"off"}),t.createElement("button",{type:"button",className:"PasswordInput-module_toggle__uERdE",onClick:function(){p(!m)},"aria-label":m?"Hide password":"Show password"},m?t.createElement("span",{role:"img","aria-label":"Hide"},"👁️"):t.createElement("span",{role:"img","aria-label":"Show"},"🙈"))))},exports.ProductsIcon=function(){return t.createElement("svg",{width:"56",height:"41",viewBox:"0 0 56 41",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.createElement("path",{d:"M33.3333 28.375L41.7919 21.1058C43.2069 19.8909 45.1251 19.2085 47.1253 19.2083H49.3332C50.7477 19.2083 52.1043 19.6912 53.1045 20.5508C54.1047 21.4103 54.6666 22.5761 54.6666 23.7917C54.6666 25.0072 54.1047 26.173 53.1045 27.0326C52.1043 27.8921 50.7477 28.375 49.3332 28.375H6.66658C5.2521 28.375 3.89554 27.8921 2.89535 27.0326C1.89515 26.173 1.33325 25.0072 1.33325 23.7917C1.33325 22.5761 1.89515 21.4103 2.89535 20.5508C3.89554 19.6912 5.2521 19.2083 6.66658 19.2083H16.4186C20.4186 19.2083 24.2559 20.5742 27.0852 23.0056L33.3333 28.375Z",stroke:"black","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}),t.createElement("path",{d:"M4 28.375H52V32.9583C52 34.7817 51.1571 36.5304 49.6569 37.8197C48.1566 39.109 46.1217 39.8333 44 39.8333H12C9.87827 39.8333 7.84344 39.109 6.34315 37.8197C4.84285 36.5304 4 34.7817 4 32.9583V28.375Z",fill:"black",stroke:"black","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}),t.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M10.5785 4.43625C15.3865 1.92229 21.5465 0.875 27.9998 0.875C34.4532 0.875 40.6132 1.92229 45.4212 4.43625C50.3385 7.00521 53.7118 11.05 54.4931 16.6463C54.8852 19.4513 52.1785 21.5 49.3332 21.5H6.66648C3.82115 21.5 1.11448 19.4513 1.50648 16.6463C2.28782 11.05 5.66115 7.00521 10.5785 4.43625ZM14.6665 7.75C13.9592 7.75 13.281 7.99144 12.7809 8.42121C12.2808 8.85099 11.9998 9.43388 11.9998 10.0417C11.9998 10.6495 12.2808 11.2323 12.7809 11.6621C13.281 12.0919 13.9592 12.3333 14.6665 12.3333H14.6692C15.3764 12.3333 16.0547 12.0919 16.5548 11.6621C17.0549 11.2323 17.3358 10.6495 17.3358 10.0417C17.3358 9.43388 17.0549 8.85099 16.5548 8.42121C16.0547 7.99144 15.3764 7.75 14.6692 7.75H14.6665ZM35.9998 10.0417C35.9998 9.43388 36.2808 8.85099 36.7809 8.42121C37.281 7.99144 37.9592 7.75 38.6665 7.75H38.6692C39.3764 7.75 40.0547 7.99144 40.5548 8.42121C41.0549 8.85099 41.3358 9.43388 41.3358 10.0417C41.3358 10.6495 41.0549 11.2323 40.5548 11.6621C40.0547 12.0919 39.3764 12.3333 38.6692 12.3333H38.6665C37.9592 12.3333 37.281 12.0919 36.7809 11.6621C36.2808 11.2323 35.9998 10.6495 35.9998 10.0417ZM25.3332 12.3333C24.6259 12.3333 23.9476 12.5748 23.4475 13.0045C22.9474 13.4343 22.6665 14.0172 22.6665 14.625C22.6665 15.2328 22.9474 15.8157 23.4475 16.2455C23.9476 16.6752 24.6259 16.9167 25.3332 16.9167H25.3358C26.0431 16.9167 26.7213 16.6752 27.2214 16.2455C27.7215 15.8157 28.0025 15.2328 28.0025 14.625C28.0025 14.0172 27.7215 13.4343 27.2214 13.0045C26.7213 12.5748 26.0431 12.3333 25.3358 12.3333H25.3332Z",fill:"black"}))},exports.ProtectedRoute=function(e){var n=e.isAuthenticated;return void 0!==n&&n?e.children:t.createElement(r.Navigate,{to:"/",replace:!0})},exports.RoundButton=function(e){return t.createElement("button",{className:"RoundButton-module_containerButton__WnBm3",type:e.type||"button",style:a({height:(e.viewHeight||10)+"vh",width:(e.viewWidth||10)+"vw"},e.customStyleBtn),onClick:e.onClick?e.onClick:void 0},t.createElement("div",{className:"RoundButton-module_insideButtonIconAndName__1IPVa"},e.icon&&t.createElement(e.icon,null),t.createElement("span",{style:a({},e.customStyleLabel)},e.name)))},exports.SignInWithGoogle=function(e){var n=e.onClick;return t.createElement("button",{className:"SignInWithGoogle-module_gsiMaterialButton__-3K-u",onClick:function(e){e.preventDefault(),n(e)}},t.createElement("div",{className:"SignInWithGoogle-module_gsiMaterialButtonState__9-Cd2"}),t.createElement("div",{className:"SignInWithGoogle-module_gsiMaterialButtonContentWrapper__VIZMS"},t.createElement("div",{className:"SignInWithGoogle-module_gsiMaterialButtonIcon__Pq6zS"},t.createElement("svg",{version:"1.1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 48 48",xmlnsXlink:"http://www.w3.org/1999/xlink",style:{display:"block"}},t.createElement("path",{fill:"#EA4335",d:"M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"}),t.createElement("path",{fill:"#4285F4",d:"M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"}),t.createElement("path",{fill:"#FBBC05",d:"M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"}),t.createElement("path",{fill:"#34A853",d:"M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"}),t.createElement("path",{fill:"none",d:"M0 0h48v48H0z"}))),t.createElement("span",{className:"SignInWithGoogle-module_gsiMaterialButtonContents__LnkTH"},"Continue with Google"),t.createElement("span",{style:{display:"none"}},"Continue with Google")))},exports.TeamIcon=function(){return t.createElement("svg",{width:"64",height:"55",viewBox:"0 0 64 55",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.createElement("path",{d:"M39.3439 22.9167C41.9199 22.9167 44.0106 24.7133 44.0106 26.9271V37.8102C44.0106 40.5459 42.746 43.1695 40.4951 45.1039C38.2441 47.0383 35.1912 48.125 32.0079 48.125C28.8246 48.125 25.7717 47.0383 23.5208 45.1039C21.2698 43.1695 20.0053 40.5459 20.0053 37.8102V26.9271C20.0053 24.7133 22.0933 22.9167 24.6719 22.9167H39.3439ZM19.0159 22.9167C18.0554 23.91 17.4777 25.1352 17.3626 26.4229L17.3359 26.9271V37.8102C17.3359 39.7513 17.8479 41.5892 18.7599 43.23C17.1793 43.5934 15.5227 43.6395 13.918 43.3648C12.3134 43.0901 10.8038 42.5019 9.50591 41.6457C8.20804 40.7895 7.15669 39.6883 6.43315 38.4272C5.70962 37.166 5.33328 35.7788 5.33325 34.3727V26.9271C5.3333 25.9206 5.77371 24.9509 6.56706 24.2106C7.36042 23.4702 8.44872 23.0132 9.61592 22.9304L9.99992 22.9167H19.0159ZM44.9999 22.9167H53.9999C56.5759 22.9167 58.6666 24.7133 58.6666 26.9271V34.375C58.6669 35.7802 58.2914 37.1666 57.569 38.4272C56.8465 39.6877 55.7965 40.7887 54.5001 41.645C53.2037 42.5013 51.6955 43.09 50.0922 43.3656C48.4888 43.6413 46.8332 43.5964 45.2532 43.2346C46.0532 41.7954 46.5439 40.2096 46.6533 38.5321L46.6772 37.8102V26.9271C46.6772 25.4031 46.0479 24.0052 44.9972 22.9167H44.9999ZM31.9999 6.875C34.1216 6.875 36.1565 7.59933 37.6568 8.88864C39.1571 10.178 39.9999 11.9266 39.9999 13.75C39.9999 15.5734 39.1571 17.322 37.6568 18.6114C36.1565 19.9007 34.1216 20.625 31.9999 20.625C29.8782 20.625 27.8434 19.9007 26.3431 18.6114C24.8428 17.322 23.9999 15.5734 23.9999 13.75C23.9999 11.9266 24.8428 10.178 26.3431 8.88864C27.8434 7.59933 29.8782 6.875 31.9999 6.875ZM49.3332 9.16667C51.1014 9.16667 52.7971 9.77027 54.0473 10.8447C55.2975 11.9191 55.9999 13.3764 55.9999 14.8958C55.9999 16.4153 55.2975 17.8725 54.0473 18.947C52.7971 20.0214 51.1014 20.625 49.3332 20.625C47.5651 20.625 45.8694 20.0214 44.6192 18.947C43.369 17.8725 42.6666 16.4153 42.6666 14.8958C42.6666 13.3764 43.369 11.9191 44.6192 10.8447C45.8694 9.77027 47.5651 9.16667 49.3332 9.16667ZM14.6666 9.16667C16.4347 9.16667 18.1304 9.77027 19.3806 10.8447C20.6309 11.9191 21.3333 13.3764 21.3333 14.8958C21.3333 16.4153 20.6309 17.8725 19.3806 18.947C18.1304 20.0214 16.4347 20.625 14.6666 20.625C12.8985 20.625 11.2028 20.0214 9.95254 18.947C8.7023 17.8725 7.99992 16.4153 7.99992 14.8958C7.99992 13.3764 8.7023 11.9191 9.95254 10.8447C11.2028 9.77027 12.8985 9.16667 14.6666 9.16667Z",fill:"black"}))},exports.ValidationMessage=l;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,n=require("react"),t=(e=n)&&"object"==typeof e&&"default"in e?e.default:e,r=require("recharts"),o=require("react-router-dom");function a(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===t&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}function l(){return(l=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)({}).hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e}).apply(null,arguments)}a("/* BottomNavigationBar.module.css */\r\n\r\n.BottomNavBar-module_bottomNav__i-wit {\r\n  position: fixed;\r\n  bottom: 0;\r\n  width: 100%;\r\n  background-color: #001f3f;\r\n  display: flex;\r\n  justify-content: space-around;\r\n  align-items: center;\r\n  padding: 10px 0;\r\n  color: #fff;\r\n  box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.2);\r\n  z-index: 1000; /* Ensure the navbar stays on top */\r\n}\r\n\r\n.BottomNavBar-module_navButton__p2NtZ {\r\n  background: none;\r\n  border: none;\r\n  color: inherit;\r\n  font: inherit;\r\n  cursor: pointer;\r\n  padding: 5px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n}\r\n\r\n.BottomNavBar-module_navButton__p2NtZ:focus {\r\n  outline: none;\r\n}\r\n\r\n.BottomNavBar-module_navButton__p2NtZ:hover .BottomNavBar-module_icon__mvP8S,\r\n.BottomNavBar-module_navButton__p2NtZ:hover .BottomNavBar-module_label__UAxks {\r\n  color: #f0ad4e; /* Change to your desired hover color */\r\n}\r\n\r\n.BottomNavBar-module_icon__mvP8S {\r\n  font-size: 24px;\r\n  margin-bottom: 5px;\r\n}\r\n\r\n.BottomNavBar-module_label__UAxks {\r\n  font-size: 12px;\r\n}\r\n"),a(".CircleButton-module_containerButton__CNrd- {\r\n  border-radius: 50%;\r\n  height: 5vw;\r\n  width: 5vw;\r\n}\r\n"),a(".RoundButton-module_containerButton__WnBm3 {\r\n  border-radius: 12px;\r\n  min-height: 60px;\r\n  min-width: 130px;\r\n}\r\n\r\n.RoundButton-module_insideButtonIconAndName__1IPVa {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n}\r\n"),a(".SignInWithGoogle-module_gsiMaterialButton__-3K-u {\r\n  -moz-user-select: none;\r\n  -webkit-user-select: none;\r\n  -ms-user-select: none;\r\n  -webkit-appearance: none;\r\n  background-color: WHITE;\r\n  background-image: none;\r\n  border: 1px solid #747775;\r\n  -webkit-border-radius: 20px;\r\n  border-radius: 20px;\r\n  -webkit-box-sizing: border-box;\r\n  box-sizing: border-box;\r\n  color: #1f1f1f;\r\n  cursor: pointer;\r\n  font-size: 14px;\r\n  height: 40px;\r\n  letter-spacing: 0.25px;\r\n  outline: none;\r\n  overflow: hidden;\r\n  padding: 0 12px;\r\n  position: relative;\r\n  text-align: center;\r\n  -webkit-transition: background-color 0.218s, border-color 0.218s,\r\n    box-shadow 0.218s;\r\n  transition: background-color 0.218s, border-color 0.218s, box-shadow 0.218s;\r\n  vertical-align: middle;\r\n  white-space: nowrap;\r\n  width: auto;\r\n  max-width: 400px;\r\n  min-width: min-content;\r\n}\r\n\r\n.SignInWithGoogle-module_gsiMaterialButtonIcon__Pq6zS {\r\n  height: 20px;\r\n  margin-right: 12px;\r\n  min-width: 20px;\r\n  width: 20px;\r\n}\r\n\r\n.SignInWithGoogle-module_gsiMaterialButtonContentWrapper__VIZMS {\r\n  -webkit-align-items: center;\r\n  align-items: center;\r\n  display: flex;\r\n  -webkit-flex-direction: row;\r\n  flex-direction: row;\r\n  -webkit-flex-wrap: nowrap;\r\n  flex-wrap: nowrap;\r\n  height: 100%;\r\n  justify-content: space-between;\r\n  position: relative;\r\n  width: 100%;\r\n}\r\n\r\n.SignInWithGoogle-module_gsiMaterialButtonContents__LnkTH {\r\n  -webkit-flex-grow: 1;\r\n  flex-grow: 1;\r\n  font-weight: 500;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  vertical-align: top;\r\n}\r\n\r\n.SignInWithGoogle-module_gsiMaterialButtonState__9-Cd2 {\r\n  -webkit-transition: opacity 0.218s;\r\n  transition: opacity 0.218s;\r\n  bottom: 0;\r\n  left: 0;\r\n  opacity: 0;\r\n  position: absolute;\r\n  right: 0;\r\n  top: 0;\r\n}\r\n\r\n.SignInWithGoogle-module_gsiMaterialButton__-3K-u:disabled {\r\n  cursor: default;\r\n  background-color: #ffffff61;\r\n  border-color: #1f1f1f1f;\r\n}\r\n\r\n.SignInWithGoogle-module_gsiMaterialButton__-3K-u:disabled .SignInWithGoogle-module_gsiMaterialButtonContents__LnkTH {\r\n  opacity: 38%;\r\n}\r\n\r\n.SignInWithGoogle-module_gsiMaterialButton__-3K-u:disabled .SignInWithGoogle-module_gsiMaterialButtonIcon__Pq6zS {\r\n  opacity: 38%;\r\n}\r\n\r\n.SignInWithGoogle-module_gsiMaterialButton__-3K-u:not(:disabled):active .SignInWithGoogle-module_gsiMaterialButtonState__9-Cd2,\r\n.SignInWithGoogle-module_gsiMaterialButton__-3K-u:not(:disabled):focus .SignInWithGoogle-module_gsiMaterialButtonState__9-Cd2 {\r\n  background-color: #303030;\r\n  opacity: 12%;\r\n}\r\n\r\n.SignInWithGoogle-module_gsiMaterialButton__-3K-u:not(:disabled):hover {\r\n  -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3),\r\n    0 1px 3px 1px rgba(60, 64, 67, 0.15);\r\n  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3),\r\n    0 1px 3px 1px rgba(60, 64, 67, 0.15);\r\n}\r\n\r\n.SignInWithGoogle-module_gsiMaterialButton__-3K-u:not(:disabled):hover .SignInWithGoogle-module_gsiMaterialButtonState__9-Cd2 {\r\n  background-color: #303030;\r\n  opacity: 8%;\r\n}\r\n"),a(".Card-module_card__N-f1C {\r\n  border: 1px solid #ddd;\r\n  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);\r\n  transition: 0.3s;\r\n  width: calc(100% - 24px);\r\n  border-radius: 8px;\r\n  min-width: 250px;\r\n  padding: 12px;\r\n  max-width: 750px;\r\n  transition: all 0.3s ease;\r\n  gap: 10px;\r\n}\r\n\r\n.Card-module_card__N-f1C:hover {\r\n  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);\r\n}\r\n"),a("/* src/components/Chart.module.css */\r\n\r\n.Chart-module_chartContainer__tO2U- {\r\n  max-width: 800px;\r\n  margin: 0 auto;\r\n  padding: 20px;\r\n}\r\n\r\n.Chart-module_title__k4ymv {\r\n  text-align: center;\r\n  margin-bottom: 30px;\r\n  color: #333;\r\n}\r\n\r\n.Chart-module_chartSummary__TR1e- {\r\n  display: flex;\r\n  justify-content: space-around;\r\n  margin-bottom: 40px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.Chart-module_summaryItem__pXsJd {\r\n  background-color: #f5f5f5;\r\n  padding: 20px;\r\n  border-radius: 8px;\r\n  text-align: center;\r\n  width: 45%;\r\n  margin-bottom: 20px;\r\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.Chart-module_summaryItem__pXsJd h3 {\r\n  margin-bottom: 10px;\r\n  color: #555;\r\n}\r\n\r\n.Chart-module_summaryItem__pXsJd p {\r\n  font-size: 1.5rem;\r\n  color: #000;\r\n}\r\n\r\n.Chart-module_chartArea__8xY2V {\r\n  width: 100%;\r\n  height: 400px;\r\n}\r\n");var i=function(e){var n=e.type;return t.createElement("span",{style:{color:"error"===n?"red":"info"===n?"blue":"black"},className:"validation-message "+n},e.message)};a(".InputField-module_centerContentRow__qHEIU {\r\n  display: flex;\r\n  flex-flow: row;\r\n  justify-content: center;\r\n  align-items: baseline;\r\n  gap: 5px;\r\n}\r\n\r\n.InputField-module_centerContentColumn__dSN0e {\r\n  display: flex;\r\n  flex-flow: column;\r\n  justify-content: center;\r\n  gap: 5px;\r\n}\r\n");var d={nav:"NavBar-module_nav__SZ96J",navItem:"NavBar-module_navItem__2lfwY",submenu:"NavBar-module_submenu__lj-mo",submenuItem:"NavBar-module_submenuItem__mvBS9"};a(".NavBar-module_nav__SZ96J {\r\n  /*nav*/\r\n  background-color: #001f3f;\r\n  display: flex;\r\n  justify-content: space-around;\r\n  align-items: center;\r\n  padding: 10px 0;\r\n  color: #fff;\r\n}\r\n\r\n.NavBar-module_navItem__2lfwY {\r\n  /*nav > div*/\r\n  position: relative;\r\n  cursor: pointer;\r\n  margin: 0 15px;\r\n\r\n  /*following for icon above text on top navbar*/\r\n  display: flex;\r\n  flex-flow: column;\r\n  align-items: center;\r\n}\r\n\r\n.NavBar-module_navItem__2lfwY:hover .NavBar-module_submenu__lj-mo {\r\n  /*nav > div:hover > div*/\r\n  display: block;\r\n}\r\n\r\n.NavBar-module_submenu__lj-mo {\r\n  /*nav div div*/\r\n  display: none;\r\n  background-color: #003366;\r\n  padding: 10px;\r\n  position: absolute;\r\n  top: 100%;\r\n  left: 0;\r\n  border-radius: 5px;\r\n  z-index: 1;\r\n  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.NavBar-module_submenuItem__mvBS9 {\r\n  /*nav div div div*/\r\n  margin: 5px 0;\r\n  padding: 5px 0;\r\n\r\n  /*for aligning icon an text in the center*/\r\n  display: flex;\r\n}\r\n"),a(".PasswordInput-module_container__kCgyT {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n}\r\n\r\n.PasswordInput-module_label__HVjtR {\r\n  font-size: 14px;\r\n  color: #333;\r\n}\r\n\r\n.PasswordInput-module_wrapper__JqHuh {\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.PasswordInput-module_input__hWQ1E {\r\n  width: 100%;\r\n  padding: 10px 40px 10px 12px;\r\n  border: 1px solid #ccc;\r\n  border-radius: 8px;\r\n  font-size: 14px;\r\n  background: #f9f9f9;\r\n  outline: none;\r\n}\r\n\r\n.PasswordInput-module_input__hWQ1E:focus {\r\n  border-color: #007bff;\r\n  background: #fff;\r\n}\r\n\r\n.PasswordInput-module_toggle__uERdE {\r\n  position: absolute;\r\n  right: 10px;\r\n  background: none;\r\n  border: none;\r\n  cursor: pointer;\r\n  font-size: 16px;\r\n  color: #888;\r\n}\r\n\r\n.PasswordInput-module_toggle__uERdE:hover {\r\n  color: #333;\r\n}\r\n"),exports.BottomNavBar=function(e){return t.createElement("nav",{className:"BottomNavBar-module_bottomNav__i-wit"},e.navItems.map((function(e,n){return e.visible&&t.createElement("button",{key:n,className:"BottomNavBar-module_navButton__p2NtZ",onClick:e.onClick},e.icon&&t.createElement("span",{className:"BottomNavBar-module_icon__mvP8S"},e.icon),e.hiddenLabel?t.createElement(t.Fragment,null):t.createElement("span",{className:"BottomNavBar-module_label__UAxks"},e.label))})))},exports.Button=function(e){var n=e.type,r=e.disabled,o=e.className;return t.createElement("button",{type:void 0===n?"button":n,onClick:e.onClick,disabled:void 0!==r&&r,className:void 0===o?"":o},e.label)},exports.Card=function(e){var r=e.type,o=void 0===r?"generic":r,a=e.compactPreview,l=e.fullContent,i=e.bottomElement,d=e.showLessText,s=e.moreInfoText,c=n.useState(!a),u=c[0],m=c[1];return t.createElement("div",{className:"Card-module_card__N-f1C card-"+o.toLowerCase()},u?l:a,a?t.createElement("span",{onClick:function(){return m(!u)},className:"link flexEnd"},u?d:s):t.createElement(t.Fragment,null),u?i:t.createElement(t.Fragment,null))},exports.Chart=function(e){var n=e.startingAmount,o=e.earnedAmount,a=e.data,l=function(e){return"$"+e.toLocaleString()};return t.createElement("div",{className:"Chart-module_chartContainer__tO2U-"},t.createElement("h2",{className:"Chart-module_title__k4ymv"},"Profit Overview (Daily)"),t.createElement("div",{className:"Chart-module_chartSummary__TR1e-"},t.createElement("div",{className:"Chart-module_summaryItem__pXsJd"},t.createElement("h3",null,"Starting Amount"),t.createElement("p",null,l(n))),t.createElement("div",{className:"Chart-module_summaryItem__pXsJd"},t.createElement("h3",null,"Earned Amount"),t.createElement("p",null,l(o)))),t.createElement("div",{className:"Chart-module_chartArea__8xY2V"},t.createElement(r.ResponsiveContainer,{width:"100%",height:400},t.createElement(r.LineChart,{data:a,margin:{top:20,right:30,left:20,bottom:5}},t.createElement(r.CartesianGrid,{strokeDasharray:"3 3"}),t.createElement(r.XAxis,{dataKey:"date",tick:{fontSize:12},angle:-45,textAnchor:"end",height:60}),t.createElement(r.YAxis,{tick:{fontSize:12}}),t.createElement(r.Tooltip,{formatter:function(e){return l(e)}}),t.createElement(r.Legend,null),t.createElement(r.Line,{type:"monotone",dataKey:"profit",name:"Cumulative Profit",stroke:"#82ca9d",activeDot:{r:8}})))))},exports.CircleButton=function(e){var n=e.viewWidth;return t.createElement("button",{className:"CircleButton-module_containerButton__CNrd-",onClick:e.onClick,style:{display:"flex",justifyContent:"center",alignItems:"center",width:3*n+"vw",height:3*n+"vw",padding:0,backgroundColor:"#EDD479"}},t.createElement("div",{style:{background:"url("+e.imageURL+") center center / contain no-repeat",width:n+"vw",height:n+"vw"}}))},exports.FormContainer=function(e){var n=e.children,r=e.titleAlign;return t.createElement("div",{className:"form-container"},t.createElement("h2",{style:{display:"flex",flexFlow:"row",justifyContent:void 0===r?"start":r}},e.title),n)},exports.InputField=function(e){var n=e.type,r=e.display,o=e.name,a=e.value,l=e.onChange,d=e.placeholder,s=e.error,c=e.labelClassName,u=e.inputClassName,m=void 0===u?"":u;return t.createElement("div",{className:"input-field "+("horizontal"===(void 0===r?"horizontal":r)?"InputField-module_centerContentColumn__dSN0e":"InputField-module_centerContentRow__qHEIU")},t.createElement("label",{htmlFor:o,className:void 0===c?"":c},e.label),t.createElement("div",{className:"InputField-module_centerContentColumn__dSN0e"},t.createElement("input",{id:o,type:n,name:o,value:a,onChange:l,placeholder:d,className:m}),s&&t.createElement(i,{message:s,type:"error"})))},exports.KitchenIcon=function(){return t.createElement("svg",{width:"64",height:"55",viewBox:"0 0 64 55",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.createElement("path",{d:"M22.4 12.375C21.44 12.375 20.8 13.2 20.8 13.75V20.625H17.6V13.75C17.6 12.925 16.96 12.375 16 12.375C15.04 12.375 14.4 13.2 14.4 13.75V20.625H11.2V13.75C11.2 12.925 10.56 12.375 9.6 12.375C8.64 12.375 8 13.2 8 13.75V22.825C8 25.3 10.24 27.225 12.8 27.5V46.75C12.8 48.4 14.08 49.5 16 49.5C17.92 49.5 19.2 48.4 19.2 46.75V27.5C21.76 27.225 24 25.3 24 22.825V13.75C24 13.2 23.36 12.375 22.4 12.375ZM28.8 13.75V30.25H32V46.75C32 48.4 33.28 49.5 35.2 49.5C37.12 49.5 38.4 48.4 38.4 46.75V5.5C32.96 5.5 28.8 9.075 28.8 13.75ZM51.2 11C46.72 11 43.2 15.125 43.2 20.075C42.88 23.375 44.8 26.4 48 28.325V46.75C48 48.4 49.28 49.5 51.2 49.5C53.12 49.5 54.4 48.4 54.4 46.75V28.325C57.6 26.4 59.52 23.375 59.2 20.075C59.2 15.125 55.68 11 51.2 11Z",fill:"black"}))},exports.NavigationBar=function(e){var n=e.justifyContent;return t.createElement("nav",{className:d.nav,style:{justifyContent:void 0===n?"space-around":n}},e.navItems.map((function(e,n){return e.visible&&t.createElement("div",{key:n,className:d.navItem,onClick:e.onClick},e.icon&&t.createElement("span",{className:d.icon},e.icon),e.hiddenLabel?t.createElement(t.Fragment,null):t.createElement("span",null,e.label),e.submenu&&t.createElement("div",{className:d.submenu},e.submenu.map((function(e,n){return e.visible&&t.createElement(t.Fragment,null,t.createElement("div",{key:n,className:d.submenuItem,onClick:e.onClick},e.icon&&t.createElement("span",{className:d.icon},e.icon),e.hiddenLabel?t.createElement(t.Fragment,null):t.createElement("span",null,e.label)))}))))})))},exports.OrdersIcon=function(){return t.createElement("svg",{width:"62",height:"55",viewBox:"0 0 62 55",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.createElement("g",{"clip-path":"url(#clip0_46_153)"},t.createElement("path",{d:"M56.8334 9.77778L50.4611 4.125C49.9134 3.66174 49.1857 3.40331 48.4289 3.40331C47.6721 3.40331 46.9444 3.66174 46.3967 4.125L40.7306 9.16667H10.3334C9.41984 9.16667 8.54373 9.48859 7.89777 10.0616C7.25181 10.6346 6.88892 11.4118 6.88892 12.2222V45.8333C6.88892 46.6437 7.25181 47.4209 7.89777 47.9939C8.54373 48.567 9.41984 48.8889 10.3334 48.8889H48.2223C49.1358 48.8889 50.0119 48.567 50.6578 47.9939C51.3038 47.4209 51.6667 46.6437 51.6667 45.8333V17.9667L56.8334 13.3833C57.3718 12.905 57.6743 12.2566 57.6743 11.5806C57.6743 10.9045 57.3718 10.2561 56.8334 9.77778ZM32.4295 30.7542L25.2134 32.175L26.9356 25.8347L43.3828 11.2139L48.9456 16.1486L32.4295 30.7542ZM50.8056 14.4069L45.2428 9.47222L48.4289 6.64583L53.9917 11.5806L50.8056 14.4069Z",fill:"black"})),t.createElement("defs",null,t.createElement("clipPath",{id:"clip0_46_153"},t.createElement("rect",{width:"62",height:"55",fill:"white"}))))},exports.PasswordInput=function(e){var r=e.label,o=void 0===r?"Password":r,a=e.placeholder,l=void 0===a?"Enter your password":a,i=e.value,d=e.onChange,s=e.autoComplete,c=void 0===s||s,u=n.useState(!1),m=u[0],p=u[1];return t.createElement("div",{className:"PasswordInput-module_container__kCgyT"},o&&t.createElement("label",{className:"PasswordInput-module_label__HVjtR"},o),t.createElement("div",{className:"PasswordInput-module_wrapper__JqHuh"},t.createElement("input",{type:m?"text":"password",value:i,onChange:function(e){return d(e.target.value)},placeholder:l,className:"PasswordInput-module_input__hWQ1E",autoComplete:c?"on":"off"}),t.createElement("button",{type:"button",className:"PasswordInput-module_toggle__uERdE",onClick:function(){p(!m)},"aria-label":m?"Hide password":"Show password"},m?t.createElement("span",{role:"img","aria-label":"Hide"},"👁️"):t.createElement("span",{role:"img","aria-label":"Show"},"🙈"))))},exports.ProductsIcon=function(){return t.createElement("svg",{width:"56",height:"41",viewBox:"0 0 56 41",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.createElement("path",{d:"M33.3333 28.375L41.7919 21.1058C43.2069 19.8909 45.1251 19.2085 47.1253 19.2083H49.3332C50.7477 19.2083 52.1043 19.6912 53.1045 20.5508C54.1047 21.4103 54.6666 22.5761 54.6666 23.7917C54.6666 25.0072 54.1047 26.173 53.1045 27.0326C52.1043 27.8921 50.7477 28.375 49.3332 28.375H6.66658C5.2521 28.375 3.89554 27.8921 2.89535 27.0326C1.89515 26.173 1.33325 25.0072 1.33325 23.7917C1.33325 22.5761 1.89515 21.4103 2.89535 20.5508C3.89554 19.6912 5.2521 19.2083 6.66658 19.2083H16.4186C20.4186 19.2083 24.2559 20.5742 27.0852 23.0056L33.3333 28.375Z",stroke:"black","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}),t.createElement("path",{d:"M4 28.375H52V32.9583C52 34.7817 51.1571 36.5304 49.6569 37.8197C48.1566 39.109 46.1217 39.8333 44 39.8333H12C9.87827 39.8333 7.84344 39.109 6.34315 37.8197C4.84285 36.5304 4 34.7817 4 32.9583V28.375Z",fill:"black",stroke:"black","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}),t.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M10.5785 4.43625C15.3865 1.92229 21.5465 0.875 27.9998 0.875C34.4532 0.875 40.6132 1.92229 45.4212 4.43625C50.3385 7.00521 53.7118 11.05 54.4931 16.6463C54.8852 19.4513 52.1785 21.5 49.3332 21.5H6.66648C3.82115 21.5 1.11448 19.4513 1.50648 16.6463C2.28782 11.05 5.66115 7.00521 10.5785 4.43625ZM14.6665 7.75C13.9592 7.75 13.281 7.99144 12.7809 8.42121C12.2808 8.85099 11.9998 9.43388 11.9998 10.0417C11.9998 10.6495 12.2808 11.2323 12.7809 11.6621C13.281 12.0919 13.9592 12.3333 14.6665 12.3333H14.6692C15.3764 12.3333 16.0547 12.0919 16.5548 11.6621C17.0549 11.2323 17.3358 10.6495 17.3358 10.0417C17.3358 9.43388 17.0549 8.85099 16.5548 8.42121C16.0547 7.99144 15.3764 7.75 14.6692 7.75H14.6665ZM35.9998 10.0417C35.9998 9.43388 36.2808 8.85099 36.7809 8.42121C37.281 7.99144 37.9592 7.75 38.6665 7.75H38.6692C39.3764 7.75 40.0547 7.99144 40.5548 8.42121C41.0549 8.85099 41.3358 9.43388 41.3358 10.0417C41.3358 10.6495 41.0549 11.2323 40.5548 11.6621C40.0547 12.0919 39.3764 12.3333 38.6692 12.3333H38.6665C37.9592 12.3333 37.281 12.0919 36.7809 11.6621C36.2808 11.2323 35.9998 10.6495 35.9998 10.0417ZM25.3332 12.3333C24.6259 12.3333 23.9476 12.5748 23.4475 13.0045C22.9474 13.4343 22.6665 14.0172 22.6665 14.625C22.6665 15.2328 22.9474 15.8157 23.4475 16.2455C23.9476 16.6752 24.6259 16.9167 25.3332 16.9167H25.3358C26.0431 16.9167 26.7213 16.6752 27.2214 16.2455C27.7215 15.8157 28.0025 15.2328 28.0025 14.625C28.0025 14.0172 27.7215 13.4343 27.2214 13.0045C26.7213 12.5748 26.0431 12.3333 25.3358 12.3333H25.3332Z",fill:"black"}))},exports.ProtectedRoute=function(e){var n=e.isAuthenticated;return void 0!==n&&n?e.children:t.createElement(o.Navigate,{to:"/",replace:!0})},exports.RoundButton=function(e){return t.createElement("button",{className:"RoundButton-module_containerButton__WnBm3",type:e.type||"button",style:l({height:(e.viewHeight||10)+"vh",width:(e.viewWidth||10)+"vw"},e.customStyleBtn),onClick:e.onClick?e.onClick:void 0},t.createElement("div",{className:"RoundButton-module_insideButtonIconAndName__1IPVa"},e.icon&&t.createElement(e.icon,null),t.createElement("span",{style:l({},e.customStyleLabel)},e.name)))},exports.SignInWithGoogle=function(e){var n=e.onClick;return t.createElement("button",{className:"SignInWithGoogle-module_gsiMaterialButton__-3K-u",onClick:function(e){e.preventDefault(),n(e)}},t.createElement("div",{className:"SignInWithGoogle-module_gsiMaterialButtonState__9-Cd2"}),t.createElement("div",{className:"SignInWithGoogle-module_gsiMaterialButtonContentWrapper__VIZMS"},t.createElement("div",{className:"SignInWithGoogle-module_gsiMaterialButtonIcon__Pq6zS"},t.createElement("svg",{version:"1.1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 48 48",xmlnsXlink:"http://www.w3.org/1999/xlink",style:{display:"block"}},t.createElement("path",{fill:"#EA4335",d:"M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"}),t.createElement("path",{fill:"#4285F4",d:"M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"}),t.createElement("path",{fill:"#FBBC05",d:"M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"}),t.createElement("path",{fill:"#34A853",d:"M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"}),t.createElement("path",{fill:"none",d:"M0 0h48v48H0z"}))),t.createElement("span",{className:"SignInWithGoogle-module_gsiMaterialButtonContents__LnkTH"},"Continue with Google"),t.createElement("span",{style:{display:"none"}},"Continue with Google")))},exports.TeamIcon=function(){return t.createElement("svg",{width:"64",height:"55",viewBox:"0 0 64 55",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.createElement("path",{d:"M39.3439 22.9167C41.9199 22.9167 44.0106 24.7133 44.0106 26.9271V37.8102C44.0106 40.5459 42.746 43.1695 40.4951 45.1039C38.2441 47.0383 35.1912 48.125 32.0079 48.125C28.8246 48.125 25.7717 47.0383 23.5208 45.1039C21.2698 43.1695 20.0053 40.5459 20.0053 37.8102V26.9271C20.0053 24.7133 22.0933 22.9167 24.6719 22.9167H39.3439ZM19.0159 22.9167C18.0554 23.91 17.4777 25.1352 17.3626 26.4229L17.3359 26.9271V37.8102C17.3359 39.7513 17.8479 41.5892 18.7599 43.23C17.1793 43.5934 15.5227 43.6395 13.918 43.3648C12.3134 43.0901 10.8038 42.5019 9.50591 41.6457C8.20804 40.7895 7.15669 39.6883 6.43315 38.4272C5.70962 37.166 5.33328 35.7788 5.33325 34.3727V26.9271C5.3333 25.9206 5.77371 24.9509 6.56706 24.2106C7.36042 23.4702 8.44872 23.0132 9.61592 22.9304L9.99992 22.9167H19.0159ZM44.9999 22.9167H53.9999C56.5759 22.9167 58.6666 24.7133 58.6666 26.9271V34.375C58.6669 35.7802 58.2914 37.1666 57.569 38.4272C56.8465 39.6877 55.7965 40.7887 54.5001 41.645C53.2037 42.5013 51.6955 43.09 50.0922 43.3656C48.4888 43.6413 46.8332 43.5964 45.2532 43.2346C46.0532 41.7954 46.5439 40.2096 46.6533 38.5321L46.6772 37.8102V26.9271C46.6772 25.4031 46.0479 24.0052 44.9972 22.9167H44.9999ZM31.9999 6.875C34.1216 6.875 36.1565 7.59933 37.6568 8.88864C39.1571 10.178 39.9999 11.9266 39.9999 13.75C39.9999 15.5734 39.1571 17.322 37.6568 18.6114C36.1565 19.9007 34.1216 20.625 31.9999 20.625C29.8782 20.625 27.8434 19.9007 26.3431 18.6114C24.8428 17.322 23.9999 15.5734 23.9999 13.75C23.9999 11.9266 24.8428 10.178 26.3431 8.88864C27.8434 7.59933 29.8782 6.875 31.9999 6.875ZM49.3332 9.16667C51.1014 9.16667 52.7971 9.77027 54.0473 10.8447C55.2975 11.9191 55.9999 13.3764 55.9999 14.8958C55.9999 16.4153 55.2975 17.8725 54.0473 18.947C52.7971 20.0214 51.1014 20.625 49.3332 20.625C47.5651 20.625 45.8694 20.0214 44.6192 18.947C43.369 17.8725 42.6666 16.4153 42.6666 14.8958C42.6666 13.3764 43.369 11.9191 44.6192 10.8447C45.8694 9.77027 47.5651 9.16667 49.3332 9.16667ZM14.6666 9.16667C16.4347 9.16667 18.1304 9.77027 19.3806 10.8447C20.6309 11.9191 21.3333 13.3764 21.3333 14.8958C21.3333 16.4153 20.6309 17.8725 19.3806 18.947C18.1304 20.0214 16.4347 20.625 14.6666 20.625C12.8985 20.625 11.2028 20.0214 9.95254 18.947C8.7023 17.8725 7.99992 16.4153 7.99992 14.8958C7.99992 13.3764 8.7023 11.9191 9.95254 10.8447C11.2028 9.77027 12.8985 9.16667 14.6666 9.16667Z",fill:"black"}))},exports.ValidationMessage=i;
 //# sourceMappingURL=shared-react-components-ts.cjs.production.min.js.map

package/dist/shared-react-components-ts.cjs.production.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"shared-react-components-ts.cjs.production.min.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/components/validationMessage/ValidationMessage.tsx","../src/components/bottomNavBar/BottomNavBar.tsx","../src/components/buttons/button/Button.tsx","../src/components/card/Card.tsx","../src/components/buttons/circleButton/CircleButton.tsx","../src/components/formContainer/FormContainer.tsx","../src/components/inputField/InputField.tsx","../src/components/icons/AllCustomIcons.tsx","../src/components/navBar/NavBar.tsx","../src/components/passwordInput/PasswordInput.tsx","../src/components/protectedRoute/ProtectedRoute.tsx","../src/components/buttons/roundButton/RoundButton.tsx","../src/components/buttons/SignInWithGoogle/SignInWithGoogle.tsx"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n","import React from 'react';\r\n\r\ninterface ValidationMessageProps {\r\n  message: string;\r\n  type: 'error' | 'success' | 'info';\r\n}\r\n\r\nexport const ValidationMessage: React.FC<ValidationMessageProps> = ({\r\n  message,\r\n  type,\r\n}) => {\r\n  const colorSpan = {\r\n    color: `${type === 'error' ? 'red' : type === 'info' ? 'blue' : 'black'}`,\r\n  };\r\n  return (\r\n    <span style={colorSpan} className={`validation-message ${type}`}>\r\n      {message}\r\n    </span>\r\n  );\r\n};\r\n","import React from 'react';\r\nimport styles from './BottomNavBar.module.css';\r\n\r\ntype NavItem = {\r\n  label: string;\r\n  hiddenLabel?: boolean;\r\n  icon?: React.ReactNode;\r\n  onClick?: () => void;\r\n  visible: boolean;\r\n};\r\n\r\ntype BottomNavBarProps = {\r\n  navItems: NavItem[];\r\n};\r\n\r\nexport const BottomNavBar: React.FC<BottomNavBarProps> = ({ navItems }) => {\r\n  return (\r\n    <nav className={styles.bottomNav}>\r\n      {navItems.map(\r\n        (item, index) =>\r\n          item.visible && (\r\n            <button\r\n              key={index}\r\n              className={styles.navButton}\r\n              onClick={item.onClick}\r\n            >\r\n              {item.icon && <span className={styles.icon}>{item.icon}</span>}\r\n              {item.hiddenLabel ? (\r\n                <></>\r\n              ) : (\r\n                <span className={styles.label}>{item.label}</span>\r\n              )}\r\n            </button>\r\n          )\r\n      )}\r\n    </nav>\r\n  );\r\n};\r\n","import React from 'react';\r\n\r\ninterface ButtonProps {\r\n  label: string;\r\n  onClick?: () => void;\r\n  type?: 'button' | 'submit' | 'reset';\r\n  disabled?: boolean;\r\n  className?: string;\r\n}\r\n\r\nexport const Button: React.FC<ButtonProps> = ({\r\n  label,\r\n  onClick,\r\n  type = 'button',\r\n  disabled = false,\r\n  className = '',\r\n}) => (\r\n  <button\r\n    type={type}\r\n    onClick={onClick}\r\n    disabled={disabled}\r\n    className={className}\r\n  >\r\n    {label}\r\n  </button>\r\n);\r\n","import React, { ReactNode, useState } from 'react';\r\nimport styles from './Card.module.css';\r\n\r\ninterface CardProps {\r\n  type?: string;\r\n  compactPreview?: ReactNode; // Content to show in compact mode\r\n  fullContent: ReactNode; //this contain the full version\r\n  bottomElement?: ReactNode; //most usable for set a <button> but can be anything\r\n  showLessText?: string; // Text for \"Show Less\"\r\n  moreInfoText?: string; // Text for \"More Info\"\r\n}\r\n\r\nexport const Card: React.FC<CardProps> = ({\r\n  type = 'generic',\r\n  compactPreview,\r\n  fullContent,\r\n  bottomElement,\r\n  showLessText,\r\n  moreInfoText,\r\n}) => {\r\n  const [isExpanded, setIsExpanded] = useState(!compactPreview); // Default to expanded if no compactPreview is provided\r\n  const toggleCard = () => setIsExpanded(!isExpanded);\r\n  return (\r\n    <div className={`${styles.card} card-${type.toLowerCase()}`}>\r\n      {isExpanded ? fullContent : compactPreview}\r\n      {compactPreview ? (\r\n        <span onClick={toggleCard} className=\"link flexEnd\">\r\n          {isExpanded ? showLessText : moreInfoText}\r\n        </span>\r\n      ) : (\r\n        <></>\r\n      )}\r\n      {isExpanded ? bottomElement : <></>}\r\n    </div>\r\n  );\r\n};\r\n","import React from 'react';\r\nimport styles from './CircleButton.module.css';\r\n\r\ninterface CircleButtonProps {\r\n  imageURL: string;\r\n  viewWidth: number;\r\n  onClick: () => void;\r\n}\r\n\r\nexport const CircleButton: React.FC<CircleButtonProps> = ({\r\n  imageURL,\r\n  viewWidth,\r\n  onClick,\r\n}) => {\r\n  return (\r\n    <button\r\n      className={styles.containerButton}\r\n      onClick={onClick}\r\n      style={{\r\n        display: 'flex',\r\n        justifyContent: 'center',\r\n        alignItems: 'center',\r\n        width: `${viewWidth * 3}vw`,\r\n        height: `${viewWidth * 3}vw`,\r\n        padding: 0,\r\n        backgroundColor: '#EDD479',\r\n      }}\r\n    >\r\n      <div\r\n        style={{\r\n          background: `url(${imageURL}) center center / contain no-repeat`,\r\n          width: `${viewWidth}vw`,\r\n          height: `${viewWidth}vw`,\r\n        }}\r\n      ></div>\r\n    </button>\r\n  );\r\n};\r\n","import React from 'react';\r\n\r\ninterface FormContainerProps {\r\n  children: React.ReactNode;\r\n  title: string;\r\n  titleAlign?: 'start' | 'center' | 'end';\r\n}\r\n\r\nexport const FormContainer: React.FC<FormContainerProps> = ({\r\n  children,\r\n  title,\r\n  titleAlign = 'start',\r\n}) => {\r\n  const dynamicTitleAlign = {\r\n    display: 'flex',\r\n    flexFlow: 'row',\r\n    justifyContent: titleAlign,\r\n  };\r\n  return (\r\n    <div className=\"form-container\">\r\n      <h2 style={dynamicTitleAlign}>{title}</h2>\r\n      {children}\r\n    </div>\r\n  );\r\n};\r\n","import React from 'react';\r\nimport { ValidationMessage } from '../validationMessage/ValidationMessage';\r\nimport styles from './InputField.module.css';\r\n\r\ninterface InputFieldProps {\r\n  label: string;\r\n  type: string;\r\n  display?: 'vertical' | 'horizontal';\r\n  name: string;\r\n  value: string;\r\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\r\n  placeholder?: string;\r\n  error?: string;\r\n  labelClassName?: string;\r\n  inputClassName?: string;\r\n}\r\n\r\nexport const InputField: React.FC<InputFieldProps> = ({\r\n  label,\r\n  type,\r\n  display = 'horizontal',\r\n  name,\r\n  value,\r\n  onChange,\r\n  placeholder,\r\n  error,\r\n  labelClassName = '',\r\n  inputClassName = '',\r\n}) => {\r\n  const dynamicStyle =\r\n    display === 'horizontal'\r\n      ? styles.centerContentColumn\r\n      : styles.centerContentRow;\r\n  return (\r\n    <div className={`input-field ${dynamicStyle}`}>\r\n      <label htmlFor={name} className={labelClassName}>\r\n        {label}\r\n      </label>\r\n      <div className={styles.centerContentColumn}>\r\n        <input\r\n          id={name}\r\n          type={type}\r\n          name={name}\r\n          value={value}\r\n          onChange={onChange}\r\n          placeholder={placeholder}\r\n          className={inputClassName}\r\n        />\r\n        {error && <ValidationMessage message={error} type=\"error\" />}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n","import React from 'react';\r\n\r\nexport const KitchenIcon: React.FC = () => (\r\n  <svg\r\n    width=\"64\"\r\n    height=\"55\"\r\n    viewBox=\"0 0 64 55\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n  >\r\n    <path\r\n      d=\"M22.4 12.375C21.44 12.375 20.8 13.2 20.8 13.75V20.625H17.6V13.75C17.6 12.925 16.96 12.375 16 12.375C15.04 12.375 14.4 13.2 14.4 13.75V20.625H11.2V13.75C11.2 12.925 10.56 12.375 9.6 12.375C8.64 12.375 8 13.2 8 13.75V22.825C8 25.3 10.24 27.225 12.8 27.5V46.75C12.8 48.4 14.08 49.5 16 49.5C17.92 49.5 19.2 48.4 19.2 46.75V27.5C21.76 27.225 24 25.3 24 22.825V13.75C24 13.2 23.36 12.375 22.4 12.375ZM28.8 13.75V30.25H32V46.75C32 48.4 33.28 49.5 35.2 49.5C37.12 49.5 38.4 48.4 38.4 46.75V5.5C32.96 5.5 28.8 9.075 28.8 13.75ZM51.2 11C46.72 11 43.2 15.125 43.2 20.075C42.88 23.375 44.8 26.4 48 28.325V46.75C48 48.4 49.28 49.5 51.2 49.5C53.12 49.5 54.4 48.4 54.4 46.75V28.325C57.6 26.4 59.52 23.375 59.2 20.075C59.2 15.125 55.68 11 51.2 11Z\"\r\n      fill=\"black\"\r\n    />\r\n  </svg>\r\n);\r\n\r\nexport const OrdersIcon: React.FC = () => (\r\n  <svg\r\n    width=\"62\"\r\n    height=\"55\"\r\n    viewBox=\"0 0 62 55\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n  >\r\n    <g clip-path=\"url(#clip0_46_153)\">\r\n      <path\r\n        d=\"M56.8334 9.77778L50.4611 4.125C49.9134 3.66174 49.1857 3.40331 48.4289 3.40331C47.6721 3.40331 46.9444 3.66174 46.3967 4.125L40.7306 9.16667H10.3334C9.41984 9.16667 8.54373 9.48859 7.89777 10.0616C7.25181 10.6346 6.88892 11.4118 6.88892 12.2222V45.8333C6.88892 46.6437 7.25181 47.4209 7.89777 47.9939C8.54373 48.567 9.41984 48.8889 10.3334 48.8889H48.2223C49.1358 48.8889 50.0119 48.567 50.6578 47.9939C51.3038 47.4209 51.6667 46.6437 51.6667 45.8333V17.9667L56.8334 13.3833C57.3718 12.905 57.6743 12.2566 57.6743 11.5806C57.6743 10.9045 57.3718 10.2561 56.8334 9.77778ZM32.4295 30.7542L25.2134 32.175L26.9356 25.8347L43.3828 11.2139L48.9456 16.1486L32.4295 30.7542ZM50.8056 14.4069L45.2428 9.47222L48.4289 6.64583L53.9917 11.5806L50.8056 14.4069Z\"\r\n        fill=\"black\"\r\n      />\r\n    </g>\r\n    <defs>\r\n      <clipPath id=\"clip0_46_153\">\r\n        <rect width=\"62\" height=\"55\" fill=\"white\" />\r\n      </clipPath>\r\n    </defs>\r\n  </svg>\r\n);\r\n\r\nexport const ProductsIcon: React.FC = () => (\r\n  <svg\r\n    width=\"56\"\r\n    height=\"41\"\r\n    viewBox=\"0 0 56 41\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n  >\r\n    <path\r\n      d=\"M33.3333 28.375L41.7919 21.1058C43.2069 19.8909 45.1251 19.2085 47.1253 19.2083H49.3332C50.7477 19.2083 52.1043 19.6912 53.1045 20.5508C54.1047 21.4103 54.6666 22.5761 54.6666 23.7917C54.6666 25.0072 54.1047 26.173 53.1045 27.0326C52.1043 27.8921 50.7477 28.375 49.3332 28.375H6.66658C5.2521 28.375 3.89554 27.8921 2.89535 27.0326C1.89515 26.173 1.33325 25.0072 1.33325 23.7917C1.33325 22.5761 1.89515 21.4103 2.89535 20.5508C3.89554 19.6912 5.2521 19.2083 6.66658 19.2083H16.4186C20.4186 19.2083 24.2559 20.5742 27.0852 23.0056L33.3333 28.375Z\"\r\n      stroke=\"black\"\r\n      stroke-width=\"2\"\r\n      stroke-linecap=\"round\"\r\n      stroke-linejoin=\"round\"\r\n    />\r\n    <path\r\n      d=\"M4 28.375H52V32.9583C52 34.7817 51.1571 36.5304 49.6569 37.8197C48.1566 39.109 46.1217 39.8333 44 39.8333H12C9.87827 39.8333 7.84344 39.109 6.34315 37.8197C4.84285 36.5304 4 34.7817 4 32.9583V28.375Z\"\r\n      fill=\"black\"\r\n      stroke=\"black\"\r\n      stroke-width=\"2\"\r\n      stroke-linecap=\"round\"\r\n      stroke-linejoin=\"round\"\r\n    />\r\n    <path\r\n      fill-rule=\"evenodd\"\r\n      clip-rule=\"evenodd\"\r\n      d=\"M10.5785 4.43625C15.3865 1.92229 21.5465 0.875 27.9998 0.875C34.4532 0.875 40.6132 1.92229 45.4212 4.43625C50.3385 7.00521 53.7118 11.05 54.4931 16.6463C54.8852 19.4513 52.1785 21.5 49.3332 21.5H6.66648C3.82115 21.5 1.11448 19.4513 1.50648 16.6463C2.28782 11.05 5.66115 7.00521 10.5785 4.43625ZM14.6665 7.75C13.9592 7.75 13.281 7.99144 12.7809 8.42121C12.2808 8.85099 11.9998 9.43388 11.9998 10.0417C11.9998 10.6495 12.2808 11.2323 12.7809 11.6621C13.281 12.0919 13.9592 12.3333 14.6665 12.3333H14.6692C15.3764 12.3333 16.0547 12.0919 16.5548 11.6621C17.0549 11.2323 17.3358 10.6495 17.3358 10.0417C17.3358 9.43388 17.0549 8.85099 16.5548 8.42121C16.0547 7.99144 15.3764 7.75 14.6692 7.75H14.6665ZM35.9998 10.0417C35.9998 9.43388 36.2808 8.85099 36.7809 8.42121C37.281 7.99144 37.9592 7.75 38.6665 7.75H38.6692C39.3764 7.75 40.0547 7.99144 40.5548 8.42121C41.0549 8.85099 41.3358 9.43388 41.3358 10.0417C41.3358 10.6495 41.0549 11.2323 40.5548 11.6621C40.0547 12.0919 39.3764 12.3333 38.6692 12.3333H38.6665C37.9592 12.3333 37.281 12.0919 36.7809 11.6621C36.2808 11.2323 35.9998 10.6495 35.9998 10.0417ZM25.3332 12.3333C24.6259 12.3333 23.9476 12.5748 23.4475 13.0045C22.9474 13.4343 22.6665 14.0172 22.6665 14.625C22.6665 15.2328 22.9474 15.8157 23.4475 16.2455C23.9476 16.6752 24.6259 16.9167 25.3332 16.9167H25.3358C26.0431 16.9167 26.7213 16.6752 27.2214 16.2455C27.7215 15.8157 28.0025 15.2328 28.0025 14.625C28.0025 14.0172 27.7215 13.4343 27.2214 13.0045C26.7213 12.5748 26.0431 12.3333 25.3358 12.3333H25.3332Z\"\r\n      fill=\"black\"\r\n    />\r\n  </svg>\r\n);\r\n\r\nexport const TeamIcon: React.FC = () => (\r\n  <svg\r\n    width=\"64\"\r\n    height=\"55\"\r\n    viewBox=\"0 0 64 55\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n  >\r\n    <path\r\n      d=\"M39.3439 22.9167C41.9199 22.9167 44.0106 24.7133 44.0106 26.9271V37.8102C44.0106 40.5459 42.746 43.1695 40.4951 45.1039C38.2441 47.0383 35.1912 48.125 32.0079 48.125C28.8246 48.125 25.7717 47.0383 23.5208 45.1039C21.2698 43.1695 20.0053 40.5459 20.0053 37.8102V26.9271C20.0053 24.7133 22.0933 22.9167 24.6719 22.9167H39.3439ZM19.0159 22.9167C18.0554 23.91 17.4777 25.1352 17.3626 26.4229L17.3359 26.9271V37.8102C17.3359 39.7513 17.8479 41.5892 18.7599 43.23C17.1793 43.5934 15.5227 43.6395 13.918 43.3648C12.3134 43.0901 10.8038 42.5019 9.50591 41.6457C8.20804 40.7895 7.15669 39.6883 6.43315 38.4272C5.70962 37.166 5.33328 35.7788 5.33325 34.3727V26.9271C5.3333 25.9206 5.77371 24.9509 6.56706 24.2106C7.36042 23.4702 8.44872 23.0132 9.61592 22.9304L9.99992 22.9167H19.0159ZM44.9999 22.9167H53.9999C56.5759 22.9167 58.6666 24.7133 58.6666 26.9271V34.375C58.6669 35.7802 58.2914 37.1666 57.569 38.4272C56.8465 39.6877 55.7965 40.7887 54.5001 41.645C53.2037 42.5013 51.6955 43.09 50.0922 43.3656C48.4888 43.6413 46.8332 43.5964 45.2532 43.2346C46.0532 41.7954 46.5439 40.2096 46.6533 38.5321L46.6772 37.8102V26.9271C46.6772 25.4031 46.0479 24.0052 44.9972 22.9167H44.9999ZM31.9999 6.875C34.1216 6.875 36.1565 7.59933 37.6568 8.88864C39.1571 10.178 39.9999 11.9266 39.9999 13.75C39.9999 15.5734 39.1571 17.322 37.6568 18.6114C36.1565 19.9007 34.1216 20.625 31.9999 20.625C29.8782 20.625 27.8434 19.9007 26.3431 18.6114C24.8428 17.322 23.9999 15.5734 23.9999 13.75C23.9999 11.9266 24.8428 10.178 26.3431 8.88864C27.8434 7.59933 29.8782 6.875 31.9999 6.875ZM49.3332 9.16667C51.1014 9.16667 52.7971 9.77027 54.0473 10.8447C55.2975 11.9191 55.9999 13.3764 55.9999 14.8958C55.9999 16.4153 55.2975 17.8725 54.0473 18.947C52.7971 20.0214 51.1014 20.625 49.3332 20.625C47.5651 20.625 45.8694 20.0214 44.6192 18.947C43.369 17.8725 42.6666 16.4153 42.6666 14.8958C42.6666 13.3764 43.369 11.9191 44.6192 10.8447C45.8694 9.77027 47.5651 9.16667 49.3332 9.16667ZM14.6666 9.16667C16.4347 9.16667 18.1304 9.77027 19.3806 10.8447C20.6309 11.9191 21.3333 13.3764 21.3333 14.8958C21.3333 16.4153 20.6309 17.8725 19.3806 18.947C18.1304 20.0214 16.4347 20.625 14.6666 20.625C12.8985 20.625 11.2028 20.0214 9.95254 18.947C8.7023 17.8725 7.99992 16.4153 7.99992 14.8958C7.99992 13.3764 8.7023 11.9191 9.95254 10.8447C11.2028 9.77027 12.8985 9.16667 14.6666 9.16667Z\"\r\n      fill=\"black\"\r\n    />\r\n  </svg>\r\n);\r\n","import React from 'react';\r\nimport styles from './NavBar.module.css';\r\n\r\ntype NavItem = {\r\n  label?: string;\r\n  hiddenLabel?: boolean;\r\n  icon?: React.ReactNode;\r\n  onClick?: () => void;\r\n  visible: boolean;\r\n  submenu?: NavItem[];\r\n};\r\n\r\ntype NavigationBarProps = {\r\n  navItems: NavItem[];\r\n  justifyContent?: string;\r\n};\r\n\r\nexport const NavigationBar: React.FC<NavigationBarProps> = ({\r\n  navItems,\r\n  justifyContent = 'space-around',\r\n}) => {\r\n  return (\r\n    <nav className={styles.nav} style={{ justifyContent: justifyContent }}>\r\n      {navItems.map(\r\n        (item, index) =>\r\n          item.visible && (\r\n            <div key={index} className={styles.navItem} onClick={item.onClick}>\r\n              {item.icon && <span className={styles.icon}>{item.icon}</span>}\r\n              {item.hiddenLabel ? <></> : <span>{item.label}</span>}\r\n              {item.submenu && (\r\n                <div className={styles.submenu}>\r\n                  {item.submenu.map(\r\n                    (subItem, subIndex) =>\r\n                      subItem.visible && (\r\n                        <>\r\n                          <div\r\n                            key={subIndex}\r\n                            className={styles.submenuItem}\r\n                            onClick={subItem.onClick}\r\n                          >\r\n                            {subItem.icon && (\r\n                              <span className={styles.icon}>\r\n                                {subItem.icon}\r\n                              </span>\r\n                            )}\r\n                            {subItem.hiddenLabel ? (\r\n                              <></>\r\n                            ) : (\r\n                              <span>{subItem.label}</span>\r\n                            )}\r\n                          </div>\r\n                        </>\r\n                      )\r\n                  )}\r\n                </div>\r\n              )}\r\n            </div>\r\n          )\r\n      )}\r\n    </nav>\r\n  );\r\n};\r\n","import React, { useState } from 'react';\r\nimport styles from './PasswordInput.module.css'; // Import the CSS module\r\n\r\ninterface PasswordInputProps {\r\n  label?: string; // Label for the input\r\n  placeholder?: string; // Placeholder text\r\n  value: string; // Controlled value\r\n  onChange: (value: string) => void; // Change handler\r\n  autoComplete?: boolean;\r\n}\r\n\r\nexport const PasswordInput: React.FC<PasswordInputProps> = ({\r\n  label = 'Password',\r\n  placeholder = 'Enter your password',\r\n  value,\r\n  onChange,\r\n  autoComplete = true,\r\n}) => {\r\n  const [isPasswordVisible, setIsPasswordVisible] = useState(false);\r\n\r\n  const togglePasswordVisibility = () => {\r\n    setIsPasswordVisible(!isPasswordVisible);\r\n  };\r\n\r\n  return (\r\n    <div className={styles.container}>\r\n      {label && <label className={styles.label}>{label}</label>}\r\n      <div className={styles.wrapper}>\r\n        <input\r\n          type={isPasswordVisible ? 'text' : 'password'}\r\n          value={value}\r\n          onChange={e => onChange(e.target.value)}\r\n          placeholder={placeholder}\r\n          className={styles.input}\r\n          autoComplete={autoComplete ? 'on' : 'off'}\r\n        />\r\n        <button\r\n          type=\"button\"\r\n          className={styles.toggle}\r\n          onClick={togglePasswordVisibility}\r\n          aria-label={isPasswordVisible ? 'Hide password' : 'Show password'}\r\n        >\r\n          {isPasswordVisible ? (\r\n            <span role=\"img\" aria-label=\"Hide\">\r\n              👁️\r\n            </span>\r\n          ) : (\r\n            <span role=\"img\" aria-label=\"Show\">\r\n              🙈\r\n            </span>\r\n          )}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n","// src/components/ProtectedRoute.tsx\r\nimport React from 'react';\r\nimport { Navigate } from 'react-router-dom';\r\n\r\ninterface ProtectedRouteProps {\r\n  children: JSX.Element;\r\n  isAuthenticated: boolean;\r\n}\r\n\r\nexport const ProtectedRoute: React.FC<ProtectedRouteProps> = ({\r\n  children,\r\n  isAuthenticated = false,\r\n}) => {\r\n  return isAuthenticated ? children : <Navigate to=\"/\" replace />;\r\n};\r\n","import React from 'react';\r\nimport styles from './RoundButton.module.css';\r\nimport IBtnOption from '../IBtnOption';\r\n\r\nexport const RoundButton: React.FC<IBtnOption> = props => {\r\n  return (\r\n    <button\r\n      className={styles.containerButton}\r\n      type={props.type || 'button'}\r\n      style={{\r\n        height: `${props.viewHeight || 10}vh`,\r\n        width: `${props.viewWidth || 10}vw`,\r\n        ...props.customStyleBtn,\r\n      }}\r\n      onClick={props.onClick ? props.onClick : undefined}\r\n    >\r\n      <div className={styles.insideButtonIconAndName}>\r\n        {props.icon && <props.icon />}\r\n        <span style={{ ...props.customStyleLabel }}>{props.name}</span>\r\n      </div>\r\n    </button>\r\n  );\r\n};\r\n","import React from 'react';\r\nimport styles from './SignInWithGoogle.module.css';\r\n\r\ninterface SignInWithGoogleProps {\r\n  onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;\r\n}\r\n\r\nexport const SignInWithGoogle: React.FC<SignInWithGoogleProps> = ({\r\n  onClick,\r\n}) => {\r\n  return (\r\n    <button\r\n      className={styles.gsiMaterialButton}\r\n      onClick={event => {\r\n        event.preventDefault(); // Prevent form submission\r\n        onClick(event);\r\n      }}\r\n    >\r\n      <div className={styles.gsiMaterialButtonState}></div>\r\n      <div className={styles.gsiMaterialButtonContentWrapper}>\r\n        <div className={styles.gsiMaterialButtonIcon}>\r\n          <svg\r\n            version=\"1.1\"\r\n            xmlns=\"http://www.w3.org/2000/svg\"\r\n            viewBox=\"0 0 48 48\"\r\n            xmlnsXlink=\"http://www.w3.org/1999/xlink\"\r\n            style={{ display: 'block' }}\r\n          >\r\n            <path\r\n              fill=\"#EA4335\"\r\n              d=\"M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z\"\r\n            ></path>\r\n            <path\r\n              fill=\"#4285F4\"\r\n              d=\"M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z\"\r\n            ></path>\r\n            <path\r\n              fill=\"#FBBC05\"\r\n              d=\"M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z\"\r\n            ></path>\r\n            <path\r\n              fill=\"#34A853\"\r\n              d=\"M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z\"\r\n            ></path>\r\n            <path fill=\"none\" d=\"M0 0h48v48H0z\"></path>\r\n          </svg>\r\n        </div>\r\n        <span className={styles.gsiMaterialButtonContents}>\r\n          Continue with Google\r\n        </span>\r\n        <span style={{ display: 'none' }}>Continue with Google</span>\r\n      </div>\r\n    </button>\r\n  );\r\n};\r\n"],"names":["styleInject","css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","ValidationMessage","_ref","React","color","className","message","navItems","map","item","index","visible","key","onClick","icon","hiddenLabel","label","_ref$type","_ref$disabled","disabled","_ref$className","compactPreview","fullContent","bottomElement","showLessText","moreInfoText","_useState","useState","isExpanded","setIsExpanded","styles","toLowerCase","viewWidth","display","justifyContent","alignItems","width","height","padding","backgroundColor","background","imageURL","children","_ref$titleAlign","titleAlign","flexFlow","title","_ref$display","name","value","onChange","placeholder","error","_ref$labelClassName","labelClassName","_ref$inputClassName","inputClassName","htmlFor","id","viewBox","fill","xmlns","d","_ref$justifyContent","nav","navItem","submenu","subItem","subIndex","submenuItem","_ref$label","_ref$placeholder","_ref$autoComplete","autoComplete","isPasswordVisible","setIsPasswordVisible","e","target","role","stroke","_ref$isAuthenticated","isAuthenticated","Navigate","to","replace","props","_extends","viewHeight","customStyleBtn","undefined","customStyleLabel","event","preventDefault","version","xmlnsXlink"],"mappings":"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"}
+{"version":3,"file":"shared-react-components-ts.cjs.production.min.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/components/validationMessage/ValidationMessage.tsx","../src/components/bottomNavBar/BottomNavBar.tsx","../src/components/buttons/button/Button.tsx","../src/components/card/Card.tsx","../src/components/chart/Chart.tsx","../src/components/buttons/circleButton/CircleButton.tsx","../src/components/formContainer/FormContainer.tsx","../src/components/inputField/InputField.tsx","../src/components/icons/AllCustomIcons.tsx","../src/components/navBar/NavBar.tsx","../src/components/passwordInput/PasswordInput.tsx","../src/components/protectedRoute/ProtectedRoute.tsx","../src/components/buttons/roundButton/RoundButton.tsx","../src/components/buttons/SignInWithGoogle/SignInWithGoogle.tsx"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n","import React from 'react';\r\n\r\ninterface ValidationMessageProps {\r\n  message: string;\r\n  type: 'error' | 'success' | 'info';\r\n}\r\n\r\nexport const ValidationMessage: React.FC<ValidationMessageProps> = ({\r\n  message,\r\n  type,\r\n}) => {\r\n  const colorSpan = {\r\n    color: `${type === 'error' ? 'red' : type === 'info' ? 'blue' : 'black'}`,\r\n  };\r\n  return (\r\n    <span style={colorSpan} className={`validation-message ${type}`}>\r\n      {message}\r\n    </span>\r\n  );\r\n};\r\n","import React from 'react';\r\nimport styles from './BottomNavBar.module.css';\r\n\r\ntype NavItem = {\r\n  label: string;\r\n  hiddenLabel?: boolean;\r\n  icon?: React.ReactNode;\r\n  onClick?: () => void;\r\n  visible: boolean;\r\n};\r\n\r\ntype BottomNavBarProps = {\r\n  navItems: NavItem[];\r\n};\r\n\r\nexport const BottomNavBar: React.FC<BottomNavBarProps> = ({ navItems }) => {\r\n  return (\r\n    <nav className={styles.bottomNav}>\r\n      {navItems.map(\r\n        (item, index) =>\r\n          item.visible && (\r\n            <button\r\n              key={index}\r\n              className={styles.navButton}\r\n              onClick={item.onClick}\r\n            >\r\n              {item.icon && <span className={styles.icon}>{item.icon}</span>}\r\n              {item.hiddenLabel ? (\r\n                <></>\r\n              ) : (\r\n                <span className={styles.label}>{item.label}</span>\r\n              )}\r\n            </button>\r\n          )\r\n      )}\r\n    </nav>\r\n  );\r\n};\r\n","import React from 'react';\r\n\r\ninterface ButtonProps {\r\n  label: string;\r\n  onClick?: () => void;\r\n  type?: 'button' | 'submit' | 'reset';\r\n  disabled?: boolean;\r\n  className?: string;\r\n}\r\n\r\nexport const Button: React.FC<ButtonProps> = ({\r\n  label,\r\n  onClick,\r\n  type = 'button',\r\n  disabled = false,\r\n  className = '',\r\n}) => (\r\n  <button\r\n    type={type}\r\n    onClick={onClick}\r\n    disabled={disabled}\r\n    className={className}\r\n  >\r\n    {label}\r\n  </button>\r\n);\r\n","import React, { ReactNode, useState } from 'react';\r\nimport styles from './Card.module.css';\r\n\r\ninterface CardProps {\r\n  type?: string;\r\n  compactPreview?: ReactNode; // Content to show in compact mode\r\n  fullContent: ReactNode; //this contain the full version\r\n  bottomElement?: ReactNode; //most usable for set a <button> but can be anything\r\n  showLessText?: string; // Text for \"Show Less\"\r\n  moreInfoText?: string; // Text for \"More Info\"\r\n}\r\n\r\nexport const Card: React.FC<CardProps> = ({\r\n  type = 'generic',\r\n  compactPreview,\r\n  fullContent,\r\n  bottomElement,\r\n  showLessText,\r\n  moreInfoText,\r\n}) => {\r\n  const [isExpanded, setIsExpanded] = useState(!compactPreview); // Default to expanded if no compactPreview is provided\r\n  const toggleCard = () => setIsExpanded(!isExpanded);\r\n  return (\r\n    <div className={`${styles.card} card-${type.toLowerCase()}`}>\r\n      {isExpanded ? fullContent : compactPreview}\r\n      {compactPreview ? (\r\n        <span onClick={toggleCard} className=\"link flexEnd\">\r\n          {isExpanded ? showLessText : moreInfoText}\r\n        </span>\r\n      ) : (\r\n        <></>\r\n      )}\r\n      {isExpanded ? bottomElement : <></>}\r\n    </div>\r\n  );\r\n};\r\n","// src/components/Chart.tsx\r\nimport React from 'react';\r\nimport {\r\n  LineChart,\r\n  Line,\r\n  XAxis,\r\n  YAxis,\r\n  CartesianGrid,\r\n  Tooltip,\r\n  Legend,\r\n  ResponsiveContainer,\r\n} from 'recharts';\r\nimport styles from './Chart.module.css';\r\n\r\ninterface ChartProps {\r\n  startingAmount: number;\r\n  earnedAmount: number;\r\n  data: ChartData[];\r\n}\r\n\r\ninterface ChartData {\r\n  date: string;\r\n  profit: number;\r\n}\r\n\r\nexport const Chart: React.FC<ChartProps> = ({\r\n  startingAmount,\r\n  earnedAmount,\r\n  data,\r\n}) => {\r\n  // Formatter for currency display\r\n  const formatCurrency = (value: number): string => {\r\n    return `$${value.toLocaleString()}`;\r\n  };\r\n\r\n  return (\r\n    <div className={styles.chartContainer}>\r\n      <h2 className={styles.title}>Profit Overview (Daily)</h2>\r\n      <div className={styles.chartSummary}>\r\n        <div className={styles.summaryItem}>\r\n          <h3>Starting Amount</h3>\r\n          <p>{formatCurrency(startingAmount)}</p>\r\n        </div>\r\n        <div className={styles.summaryItem}>\r\n          <h3>Earned Amount</h3>\r\n          <p>{formatCurrency(earnedAmount)}</p>\r\n        </div>\r\n      </div>\r\n      <div className={styles.chartArea}>\r\n        <ResponsiveContainer width=\"100%\" height={400}>\r\n          <LineChart\r\n            data={data}\r\n            margin={{ top: 20, right: 30, left: 20, bottom: 5 }}\r\n          >\r\n            <CartesianGrid strokeDasharray=\"3 3\" />\r\n            <XAxis\r\n              dataKey=\"date\"\r\n              tick={{ fontSize: 12 }}\r\n              angle={-45}\r\n              textAnchor=\"end\"\r\n              height={60}\r\n            />\r\n            <YAxis tick={{ fontSize: 12 }} />\r\n            <Tooltip formatter={(value: number) => formatCurrency(value)} />\r\n            <Legend />\r\n            <Line\r\n              type=\"monotone\"\r\n              dataKey=\"profit\"\r\n              name=\"Cumulative Profit\"\r\n              stroke=\"#82ca9d\"\r\n              activeDot={{ r: 8 }}\r\n            />\r\n          </LineChart>\r\n        </ResponsiveContainer>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n","import React from 'react';\r\nimport styles from './CircleButton.module.css';\r\n\r\ninterface CircleButtonProps {\r\n  imageURL: string;\r\n  viewWidth: number;\r\n  onClick: () => void;\r\n}\r\n\r\nexport const CircleButton: React.FC<CircleButtonProps> = ({\r\n  imageURL,\r\n  viewWidth,\r\n  onClick,\r\n}) => {\r\n  return (\r\n    <button\r\n      className={styles.containerButton}\r\n      onClick={onClick}\r\n      style={{\r\n        display: 'flex',\r\n        justifyContent: 'center',\r\n        alignItems: 'center',\r\n        width: `${viewWidth * 3}vw`,\r\n        height: `${viewWidth * 3}vw`,\r\n        padding: 0,\r\n        backgroundColor: '#EDD479',\r\n      }}\r\n    >\r\n      <div\r\n        style={{\r\n          background: `url(${imageURL}) center center / contain no-repeat`,\r\n          width: `${viewWidth}vw`,\r\n          height: `${viewWidth}vw`,\r\n        }}\r\n      ></div>\r\n    </button>\r\n  );\r\n};\r\n","import React from 'react';\r\n\r\ninterface FormContainerProps {\r\n  children: React.ReactNode;\r\n  title: string;\r\n  titleAlign?: 'start' | 'center' | 'end';\r\n}\r\n\r\nexport const FormContainer: React.FC<FormContainerProps> = ({\r\n  children,\r\n  title,\r\n  titleAlign = 'start',\r\n}) => {\r\n  const dynamicTitleAlign = {\r\n    display: 'flex',\r\n    flexFlow: 'row',\r\n    justifyContent: titleAlign,\r\n  };\r\n  return (\r\n    <div className=\"form-container\">\r\n      <h2 style={dynamicTitleAlign}>{title}</h2>\r\n      {children}\r\n    </div>\r\n  );\r\n};\r\n","import React from 'react';\r\nimport { ValidationMessage } from '../validationMessage/ValidationMessage';\r\nimport styles from './InputField.module.css';\r\n\r\ninterface InputFieldProps {\r\n  label: string;\r\n  type: string;\r\n  display?: 'vertical' | 'horizontal';\r\n  name: string;\r\n  value: string;\r\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\r\n  placeholder?: string;\r\n  error?: string;\r\n  labelClassName?: string;\r\n  inputClassName?: string;\r\n}\r\n\r\nexport const InputField: React.FC<InputFieldProps> = ({\r\n  label,\r\n  type,\r\n  display = 'horizontal',\r\n  name,\r\n  value,\r\n  onChange,\r\n  placeholder,\r\n  error,\r\n  labelClassName = '',\r\n  inputClassName = '',\r\n}) => {\r\n  const dynamicStyle =\r\n    display === 'horizontal'\r\n      ? styles.centerContentColumn\r\n      : styles.centerContentRow;\r\n  return (\r\n    <div className={`input-field ${dynamicStyle}`}>\r\n      <label htmlFor={name} className={labelClassName}>\r\n        {label}\r\n      </label>\r\n      <div className={styles.centerContentColumn}>\r\n        <input\r\n          id={name}\r\n          type={type}\r\n          name={name}\r\n          value={value}\r\n          onChange={onChange}\r\n          placeholder={placeholder}\r\n          className={inputClassName}\r\n        />\r\n        {error && <ValidationMessage message={error} type=\"error\" />}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n","import React from 'react';\r\n\r\nexport const KitchenIcon: React.FC = () => (\r\n  <svg\r\n    width=\"64\"\r\n    height=\"55\"\r\n    viewBox=\"0 0 64 55\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n  >\r\n    <path\r\n      d=\"M22.4 12.375C21.44 12.375 20.8 13.2 20.8 13.75V20.625H17.6V13.75C17.6 12.925 16.96 12.375 16 12.375C15.04 12.375 14.4 13.2 14.4 13.75V20.625H11.2V13.75C11.2 12.925 10.56 12.375 9.6 12.375C8.64 12.375 8 13.2 8 13.75V22.825C8 25.3 10.24 27.225 12.8 27.5V46.75C12.8 48.4 14.08 49.5 16 49.5C17.92 49.5 19.2 48.4 19.2 46.75V27.5C21.76 27.225 24 25.3 24 22.825V13.75C24 13.2 23.36 12.375 22.4 12.375ZM28.8 13.75V30.25H32V46.75C32 48.4 33.28 49.5 35.2 49.5C37.12 49.5 38.4 48.4 38.4 46.75V5.5C32.96 5.5 28.8 9.075 28.8 13.75ZM51.2 11C46.72 11 43.2 15.125 43.2 20.075C42.88 23.375 44.8 26.4 48 28.325V46.75C48 48.4 49.28 49.5 51.2 49.5C53.12 49.5 54.4 48.4 54.4 46.75V28.325C57.6 26.4 59.52 23.375 59.2 20.075C59.2 15.125 55.68 11 51.2 11Z\"\r\n      fill=\"black\"\r\n    />\r\n  </svg>\r\n);\r\n\r\nexport const OrdersIcon: React.FC = () => (\r\n  <svg\r\n    width=\"62\"\r\n    height=\"55\"\r\n    viewBox=\"0 0 62 55\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n  >\r\n    <g clip-path=\"url(#clip0_46_153)\">\r\n      <path\r\n        d=\"M56.8334 9.77778L50.4611 4.125C49.9134 3.66174 49.1857 3.40331 48.4289 3.40331C47.6721 3.40331 46.9444 3.66174 46.3967 4.125L40.7306 9.16667H10.3334C9.41984 9.16667 8.54373 9.48859 7.89777 10.0616C7.25181 10.6346 6.88892 11.4118 6.88892 12.2222V45.8333C6.88892 46.6437 7.25181 47.4209 7.89777 47.9939C8.54373 48.567 9.41984 48.8889 10.3334 48.8889H48.2223C49.1358 48.8889 50.0119 48.567 50.6578 47.9939C51.3038 47.4209 51.6667 46.6437 51.6667 45.8333V17.9667L56.8334 13.3833C57.3718 12.905 57.6743 12.2566 57.6743 11.5806C57.6743 10.9045 57.3718 10.2561 56.8334 9.77778ZM32.4295 30.7542L25.2134 32.175L26.9356 25.8347L43.3828 11.2139L48.9456 16.1486L32.4295 30.7542ZM50.8056 14.4069L45.2428 9.47222L48.4289 6.64583L53.9917 11.5806L50.8056 14.4069Z\"\r\n        fill=\"black\"\r\n      />\r\n    </g>\r\n    <defs>\r\n      <clipPath id=\"clip0_46_153\">\r\n        <rect width=\"62\" height=\"55\" fill=\"white\" />\r\n      </clipPath>\r\n    </defs>\r\n  </svg>\r\n);\r\n\r\nexport const ProductsIcon: React.FC = () => (\r\n  <svg\r\n    width=\"56\"\r\n    height=\"41\"\r\n    viewBox=\"0 0 56 41\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n  >\r\n    <path\r\n      d=\"M33.3333 28.375L41.7919 21.1058C43.2069 19.8909 45.1251 19.2085 47.1253 19.2083H49.3332C50.7477 19.2083 52.1043 19.6912 53.1045 20.5508C54.1047 21.4103 54.6666 22.5761 54.6666 23.7917C54.6666 25.0072 54.1047 26.173 53.1045 27.0326C52.1043 27.8921 50.7477 28.375 49.3332 28.375H6.66658C5.2521 28.375 3.89554 27.8921 2.89535 27.0326C1.89515 26.173 1.33325 25.0072 1.33325 23.7917C1.33325 22.5761 1.89515 21.4103 2.89535 20.5508C3.89554 19.6912 5.2521 19.2083 6.66658 19.2083H16.4186C20.4186 19.2083 24.2559 20.5742 27.0852 23.0056L33.3333 28.375Z\"\r\n      stroke=\"black\"\r\n      stroke-width=\"2\"\r\n      stroke-linecap=\"round\"\r\n      stroke-linejoin=\"round\"\r\n    />\r\n    <path\r\n      d=\"M4 28.375H52V32.9583C52 34.7817 51.1571 36.5304 49.6569 37.8197C48.1566 39.109 46.1217 39.8333 44 39.8333H12C9.87827 39.8333 7.84344 39.109 6.34315 37.8197C4.84285 36.5304 4 34.7817 4 32.9583V28.375Z\"\r\n      fill=\"black\"\r\n      stroke=\"black\"\r\n      stroke-width=\"2\"\r\n      stroke-linecap=\"round\"\r\n      stroke-linejoin=\"round\"\r\n    />\r\n    <path\r\n      fill-rule=\"evenodd\"\r\n      clip-rule=\"evenodd\"\r\n      d=\"M10.5785 4.43625C15.3865 1.92229 21.5465 0.875 27.9998 0.875C34.4532 0.875 40.6132 1.92229 45.4212 4.43625C50.3385 7.00521 53.7118 11.05 54.4931 16.6463C54.8852 19.4513 52.1785 21.5 49.3332 21.5H6.66648C3.82115 21.5 1.11448 19.4513 1.50648 16.6463C2.28782 11.05 5.66115 7.00521 10.5785 4.43625ZM14.6665 7.75C13.9592 7.75 13.281 7.99144 12.7809 8.42121C12.2808 8.85099 11.9998 9.43388 11.9998 10.0417C11.9998 10.6495 12.2808 11.2323 12.7809 11.6621C13.281 12.0919 13.9592 12.3333 14.6665 12.3333H14.6692C15.3764 12.3333 16.0547 12.0919 16.5548 11.6621C17.0549 11.2323 17.3358 10.6495 17.3358 10.0417C17.3358 9.43388 17.0549 8.85099 16.5548 8.42121C16.0547 7.99144 15.3764 7.75 14.6692 7.75H14.6665ZM35.9998 10.0417C35.9998 9.43388 36.2808 8.85099 36.7809 8.42121C37.281 7.99144 37.9592 7.75 38.6665 7.75H38.6692C39.3764 7.75 40.0547 7.99144 40.5548 8.42121C41.0549 8.85099 41.3358 9.43388 41.3358 10.0417C41.3358 10.6495 41.0549 11.2323 40.5548 11.6621C40.0547 12.0919 39.3764 12.3333 38.6692 12.3333H38.6665C37.9592 12.3333 37.281 12.0919 36.7809 11.6621C36.2808 11.2323 35.9998 10.6495 35.9998 10.0417ZM25.3332 12.3333C24.6259 12.3333 23.9476 12.5748 23.4475 13.0045C22.9474 13.4343 22.6665 14.0172 22.6665 14.625C22.6665 15.2328 22.9474 15.8157 23.4475 16.2455C23.9476 16.6752 24.6259 16.9167 25.3332 16.9167H25.3358C26.0431 16.9167 26.7213 16.6752 27.2214 16.2455C27.7215 15.8157 28.0025 15.2328 28.0025 14.625C28.0025 14.0172 27.7215 13.4343 27.2214 13.0045C26.7213 12.5748 26.0431 12.3333 25.3358 12.3333H25.3332Z\"\r\n      fill=\"black\"\r\n    />\r\n  </svg>\r\n);\r\n\r\nexport const TeamIcon: React.FC = () => (\r\n  <svg\r\n    width=\"64\"\r\n    height=\"55\"\r\n    viewBox=\"0 0 64 55\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n  >\r\n    <path\r\n      d=\"M39.3439 22.9167C41.9199 22.9167 44.0106 24.7133 44.0106 26.9271V37.8102C44.0106 40.5459 42.746 43.1695 40.4951 45.1039C38.2441 47.0383 35.1912 48.125 32.0079 48.125C28.8246 48.125 25.7717 47.0383 23.5208 45.1039C21.2698 43.1695 20.0053 40.5459 20.0053 37.8102V26.9271C20.0053 24.7133 22.0933 22.9167 24.6719 22.9167H39.3439ZM19.0159 22.9167C18.0554 23.91 17.4777 25.1352 17.3626 26.4229L17.3359 26.9271V37.8102C17.3359 39.7513 17.8479 41.5892 18.7599 43.23C17.1793 43.5934 15.5227 43.6395 13.918 43.3648C12.3134 43.0901 10.8038 42.5019 9.50591 41.6457C8.20804 40.7895 7.15669 39.6883 6.43315 38.4272C5.70962 37.166 5.33328 35.7788 5.33325 34.3727V26.9271C5.3333 25.9206 5.77371 24.9509 6.56706 24.2106C7.36042 23.4702 8.44872 23.0132 9.61592 22.9304L9.99992 22.9167H19.0159ZM44.9999 22.9167H53.9999C56.5759 22.9167 58.6666 24.7133 58.6666 26.9271V34.375C58.6669 35.7802 58.2914 37.1666 57.569 38.4272C56.8465 39.6877 55.7965 40.7887 54.5001 41.645C53.2037 42.5013 51.6955 43.09 50.0922 43.3656C48.4888 43.6413 46.8332 43.5964 45.2532 43.2346C46.0532 41.7954 46.5439 40.2096 46.6533 38.5321L46.6772 37.8102V26.9271C46.6772 25.4031 46.0479 24.0052 44.9972 22.9167H44.9999ZM31.9999 6.875C34.1216 6.875 36.1565 7.59933 37.6568 8.88864C39.1571 10.178 39.9999 11.9266 39.9999 13.75C39.9999 15.5734 39.1571 17.322 37.6568 18.6114C36.1565 19.9007 34.1216 20.625 31.9999 20.625C29.8782 20.625 27.8434 19.9007 26.3431 18.6114C24.8428 17.322 23.9999 15.5734 23.9999 13.75C23.9999 11.9266 24.8428 10.178 26.3431 8.88864C27.8434 7.59933 29.8782 6.875 31.9999 6.875ZM49.3332 9.16667C51.1014 9.16667 52.7971 9.77027 54.0473 10.8447C55.2975 11.9191 55.9999 13.3764 55.9999 14.8958C55.9999 16.4153 55.2975 17.8725 54.0473 18.947C52.7971 20.0214 51.1014 20.625 49.3332 20.625C47.5651 20.625 45.8694 20.0214 44.6192 18.947C43.369 17.8725 42.6666 16.4153 42.6666 14.8958C42.6666 13.3764 43.369 11.9191 44.6192 10.8447C45.8694 9.77027 47.5651 9.16667 49.3332 9.16667ZM14.6666 9.16667C16.4347 9.16667 18.1304 9.77027 19.3806 10.8447C20.6309 11.9191 21.3333 13.3764 21.3333 14.8958C21.3333 16.4153 20.6309 17.8725 19.3806 18.947C18.1304 20.0214 16.4347 20.625 14.6666 20.625C12.8985 20.625 11.2028 20.0214 9.95254 18.947C8.7023 17.8725 7.99992 16.4153 7.99992 14.8958C7.99992 13.3764 8.7023 11.9191 9.95254 10.8447C11.2028 9.77027 12.8985 9.16667 14.6666 9.16667Z\"\r\n      fill=\"black\"\r\n    />\r\n  </svg>\r\n);\r\n","import React from 'react';\r\nimport styles from './NavBar.module.css';\r\n\r\ntype NavItem = {\r\n  label?: string;\r\n  hiddenLabel?: boolean;\r\n  icon?: React.ReactNode;\r\n  onClick?: () => void;\r\n  visible: boolean;\r\n  submenu?: NavItem[];\r\n};\r\n\r\ntype NavigationBarProps = {\r\n  navItems: NavItem[];\r\n  justifyContent?: string;\r\n};\r\n\r\nexport const NavigationBar: React.FC<NavigationBarProps> = ({\r\n  navItems,\r\n  justifyContent = 'space-around',\r\n}) => {\r\n  return (\r\n    <nav className={styles.nav} style={{ justifyContent: justifyContent }}>\r\n      {navItems.map(\r\n        (item, index) =>\r\n          item.visible && (\r\n            <div key={index} className={styles.navItem} onClick={item.onClick}>\r\n              {item.icon && <span className={styles.icon}>{item.icon}</span>}\r\n              {item.hiddenLabel ? <></> : <span>{item.label}</span>}\r\n              {item.submenu && (\r\n                <div className={styles.submenu}>\r\n                  {item.submenu.map(\r\n                    (subItem, subIndex) =>\r\n                      subItem.visible && (\r\n                        <>\r\n                          <div\r\n                            key={subIndex}\r\n                            className={styles.submenuItem}\r\n                            onClick={subItem.onClick}\r\n                          >\r\n                            {subItem.icon && (\r\n                              <span className={styles.icon}>\r\n                                {subItem.icon}\r\n                              </span>\r\n                            )}\r\n                            {subItem.hiddenLabel ? (\r\n                              <></>\r\n                            ) : (\r\n                              <span>{subItem.label}</span>\r\n                            )}\r\n                          </div>\r\n                        </>\r\n                      )\r\n                  )}\r\n                </div>\r\n              )}\r\n            </div>\r\n          )\r\n      )}\r\n    </nav>\r\n  );\r\n};\r\n","import React, { useState } from 'react';\r\nimport styles from './PasswordInput.module.css'; // Import the CSS module\r\n\r\ninterface PasswordInputProps {\r\n  label?: string; // Label for the input\r\n  placeholder?: string; // Placeholder text\r\n  value: string; // Controlled value\r\n  onChange: (value: string) => void; // Change handler\r\n  autoComplete?: boolean;\r\n}\r\n\r\nexport const PasswordInput: React.FC<PasswordInputProps> = ({\r\n  label = 'Password',\r\n  placeholder = 'Enter your password',\r\n  value,\r\n  onChange,\r\n  autoComplete = true,\r\n}) => {\r\n  const [isPasswordVisible, setIsPasswordVisible] = useState(false);\r\n\r\n  const togglePasswordVisibility = () => {\r\n    setIsPasswordVisible(!isPasswordVisible);\r\n  };\r\n\r\n  return (\r\n    <div className={styles.container}>\r\n      {label && <label className={styles.label}>{label}</label>}\r\n      <div className={styles.wrapper}>\r\n        <input\r\n          type={isPasswordVisible ? 'text' : 'password'}\r\n          value={value}\r\n          onChange={e => onChange(e.target.value)}\r\n          placeholder={placeholder}\r\n          className={styles.input}\r\n          autoComplete={autoComplete ? 'on' : 'off'}\r\n        />\r\n        <button\r\n          type=\"button\"\r\n          className={styles.toggle}\r\n          onClick={togglePasswordVisibility}\r\n          aria-label={isPasswordVisible ? 'Hide password' : 'Show password'}\r\n        >\r\n          {isPasswordVisible ? (\r\n            <span role=\"img\" aria-label=\"Hide\">\r\n              👁️\r\n            </span>\r\n          ) : (\r\n            <span role=\"img\" aria-label=\"Show\">\r\n              🙈\r\n            </span>\r\n          )}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n","// src/components/ProtectedRoute.tsx\r\nimport React from 'react';\r\nimport { Navigate } from 'react-router-dom';\r\n\r\ninterface ProtectedRouteProps {\r\n  children: JSX.Element;\r\n  isAuthenticated: boolean;\r\n}\r\n\r\nexport const ProtectedRoute: React.FC<ProtectedRouteProps> = ({\r\n  children,\r\n  isAuthenticated = false,\r\n}) => {\r\n  return isAuthenticated ? children : <Navigate to=\"/\" replace />;\r\n};\r\n","import React from 'react';\r\nimport styles from './RoundButton.module.css';\r\nimport IBtnOption from '../IBtnOption';\r\n\r\nexport const RoundButton: React.FC<IBtnOption> = props => {\r\n  return (\r\n    <button\r\n      className={styles.containerButton}\r\n      type={props.type || 'button'}\r\n      style={{\r\n        height: `${props.viewHeight || 10}vh`,\r\n        width: `${props.viewWidth || 10}vw`,\r\n        ...props.customStyleBtn,\r\n      }}\r\n      onClick={props.onClick ? props.onClick : undefined}\r\n    >\r\n      <div className={styles.insideButtonIconAndName}>\r\n        {props.icon && <props.icon />}\r\n        <span style={{ ...props.customStyleLabel }}>{props.name}</span>\r\n      </div>\r\n    </button>\r\n  );\r\n};\r\n","import React from 'react';\r\nimport styles from './SignInWithGoogle.module.css';\r\n\r\ninterface SignInWithGoogleProps {\r\n  onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;\r\n}\r\n\r\nexport const SignInWithGoogle: React.FC<SignInWithGoogleProps> = ({\r\n  onClick,\r\n}) => {\r\n  return (\r\n    <button\r\n      className={styles.gsiMaterialButton}\r\n      onClick={event => {\r\n        event.preventDefault(); // Prevent form submission\r\n        onClick(event);\r\n      }}\r\n    >\r\n      <div className={styles.gsiMaterialButtonState}></div>\r\n      <div className={styles.gsiMaterialButtonContentWrapper}>\r\n        <div className={styles.gsiMaterialButtonIcon}>\r\n          <svg\r\n            version=\"1.1\"\r\n            xmlns=\"http://www.w3.org/2000/svg\"\r\n            viewBox=\"0 0 48 48\"\r\n            xmlnsXlink=\"http://www.w3.org/1999/xlink\"\r\n            style={{ display: 'block' }}\r\n          >\r\n            <path\r\n              fill=\"#EA4335\"\r\n              d=\"M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z\"\r\n            ></path>\r\n            <path\r\n              fill=\"#4285F4\"\r\n              d=\"M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z\"\r\n            ></path>\r\n            <path\r\n              fill=\"#FBBC05\"\r\n              d=\"M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z\"\r\n            ></path>\r\n            <path\r\n              fill=\"#34A853\"\r\n              d=\"M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z\"\r\n            ></path>\r\n            <path fill=\"none\" d=\"M0 0h48v48H0z\"></path>\r\n          </svg>\r\n        </div>\r\n        <span className={styles.gsiMaterialButtonContents}>\r\n          Continue with Google\r\n        </span>\r\n        <span style={{ display: 'none' }}>Continue with Google</span>\r\n      </div>\r\n    </button>\r\n  );\r\n};\r\n"],"names":["styleInject","css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","ValidationMessage","_ref","React","color","className","message","navItems","map","item","index","visible","key","onClick","icon","hiddenLabel","label","_ref$type","_ref$disabled","disabled","_ref$className","compactPreview","fullContent","bottomElement","showLessText","moreInfoText","_useState","useState","isExpanded","setIsExpanded","styles","toLowerCase","startingAmount","earnedAmount","data","formatCurrency","value","toLocaleString","ResponsiveContainer","width","height","LineChart","margin","top","right","left","bottom","CartesianGrid","strokeDasharray","XAxis","dataKey","tick","fontSize","angle","textAnchor","YAxis","Tooltip","formatter","Legend","Line","name","stroke","activeDot","r","viewWidth","display","justifyContent","alignItems","padding","backgroundColor","background","imageURL","children","_ref$titleAlign","titleAlign","flexFlow","title","_ref$display","onChange","placeholder","error","_ref$labelClassName","labelClassName","_ref$inputClassName","inputClassName","htmlFor","id","viewBox","fill","xmlns","d","_ref$justifyContent","nav","navItem","submenu","subItem","subIndex","submenuItem","_ref$label","_ref$placeholder","_ref$autoComplete","autoComplete","isPasswordVisible","setIsPasswordVisible","e","target","role","_ref$isAuthenticated","isAuthenticated","Navigate","to","replace","props","_extends","viewHeight","customStyleBtn","undefined","customStyleLabel","event","preventDefault","version","xmlnsXlink"],"mappings":"wMAAA,SAASA,EAAYC,EAAKC,QACX,IAARA,IAAiBA,EAAM,IAC5B,IAAIC,EAAWD,EAAIC,SAEnB,GAAKF,GAA2B,oBAAbG,SAAnB,CAEA,IAAIC,EAAOD,SAASC,MAAQD,SAASE,qBAAqB,QAAQ,GAC9DC,EAAQH,SAASI,cAAc,SACnCD,EAAME,KAAO,WAEI,QAAbN,GACEE,EAAKK,WACPL,EAAKM,aAAaJ,EAAOF,EAAKK,YAKhCL,EAAKO,YAAYL,GAGfA,EAAMM,WACRN,EAAMM,WAAWC,QAAUb,EAE3BM,EAAMK,YAAYR,SAASW,eAAed,goMChBjCe,EAAsD,SAArCC,OAE5BR,EAAIQ,EAAJR,KAKA,OACES,wBAAMX,MAJU,CAChBY,MAAmB,UAATV,EAAmB,MAAiB,SAATA,EAAkB,OAAS,SAGxCW,gCAAiCX,GAPpDQ,EAAPI,q9ECOuD,SAAhCJ,GACvB,OACEC,uBAAKE,kDAF2DH,EAARK,SAG5CC,KACR,SAACC,EAAMC,GAAK,OACVD,EAAKE,SACHR,0BACES,IAAKF,EACLL,iDACAQ,QAASJ,EAAKI,SAEbJ,EAAKK,MAAQX,wBAAME,6CAAyBI,EAAKK,MACjDL,EAAKM,YACJZ,iCAEAA,wBAAME,8CAA0BI,EAAKO,4BCpBR,SAA1Bd,GAAA,IAEVe,EAAAf,EACPR,KAAewB,EAAAhB,EACfiB,SAAgBC,EAAAlB,EAChBG,UAAc,OAEdF,0BACET,cALEuB,EAAG,SAAQA,EAMbJ,QAPKX,EAAPW,QAQEM,kBANMD,GAAQA,EAOdb,mBANOe,EAAG,GAAEA,GAJTlB,EAALc,qBCCuC,SAAxBd,WACfR,KAAAA,WAAIuB,EAAG,UAASA,EAChBI,EAAcnB,EAAdmB,eACAC,EAAWpB,EAAXoB,YACAC,EAAarB,EAAbqB,cACAC,EAAYtB,EAAZsB,aACAC,EAAYvB,EAAZuB,aAEAC,EAAoCC,YAAUN,GAAvCO,EAAUF,KAAEG,EAAaH,KAEhC,OACEvB,uBAAKE,UAAcyB,gCAAoBpC,EAAKqC,eACzCH,EAAaN,EAAcD,EAC3BA,EACClB,wBAAMU,QALO,WAAH,OAASgB,GAAeD,IAKPvB,UAAU,gBAClCuB,EAAaJ,EAAeC,GAG/BtB,iCAEDyB,EAAaL,EAAgBpB,iDCPO,SAAzBD,OAChB8B,EAAc9B,EAAd8B,eACAC,EAAY/B,EAAZ+B,aACAC,EAAIhC,EAAJgC,KAGMC,EAAiB,SAACC,GACtB,UAAWA,EAAMC,kBAGnB,OACElC,uBAAKE,gDACHF,sBAAIE,kEACJF,uBAAKE,8CACHF,uBAAKE,6CACHF,6CACAA,yBAAIgC,EAAeH,KAErB7B,uBAAKE,6CACHF,2CACAA,yBAAIgC,EAAeF,MAGvB9B,uBAAKE,2CACHF,gBAACmC,uBAAoBC,MAAM,OAAOC,OAAQ,KACxCrC,gBAACsC,aACCP,KAAMA,EACNQ,OAAQ,CAAEC,IAAK,GAAIC,MAAO,GAAIC,KAAM,GAAIC,OAAQ,IAEhD3C,gBAAC4C,iBAAcC,gBAAgB,QAC/B7C,gBAAC8C,SACCC,QAAQ,OACRC,KAAM,CAAEC,SAAU,IAClBC,OAAQ,GACRC,WAAW,MACXd,OAAQ,KAEVrC,gBAACoD,SAAMJ,KAAM,CAAEC,SAAU,MACzBjD,gBAACqD,WAAQC,UAAW,SAACrB,GAAa,OAAKD,EAAeC,MACtDjC,gBAACuD,eACDvD,gBAACwD,QACCjE,KAAK,WACLwD,QAAQ,SACRU,KAAK,oBACLC,OAAO,UACPC,UAAW,CAAEC,EAAG,+BC7D2B,SAAhC7D,OAEvB8D,EAAS9D,EAAT8D,UAGA,OACE7D,0BACEE,uDACAQ,QALGX,EAAPW,QAMIrB,MAAO,CACLyE,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZ5B,MAAsB,EAAZyB,OACVxB,OAAuB,EAAZwB,OACXI,QAAS,EACTC,gBAAiB,YAGnBlE,uBACEX,MAAO,CACL8E,kBApBApE,EAARqE,+CAqBQhC,MAAUyB,OACVxB,OAAWwB,kCCxBsC,SAAjC9D,OACxBsE,EAAQtE,EAARsE,SACKC,EAAAvE,EACLwE,WAOA,OACEvE,uBAAKE,UAAU,kBACbF,sBAAIX,MAPkB,CACxByE,QAAS,OACTU,SAAU,MACVT,wBALQO,EAAG,QAAOA,IADfvE,EAAL0E,OAWKJ,uBCJ8C,SAA9BtE,OAErBR,EAAIQ,EAAJR,KAAImF,EAAA3E,EACJ+D,QACAL,EAAI1D,EAAJ0D,KACAxB,EAAKlC,EAALkC,MACA0C,EAAQ5E,EAAR4E,SACAC,EAAW7E,EAAX6E,YACAC,EAAK9E,EAAL8E,MAAKC,EAAA/E,EACLgF,eAAmBC,EAAAjF,EACnBkF,eAAAA,WAAcD,EAAG,GAAEA,EAMnB,OACEhF,uBAAKE,0BAJO,yBAVPwE,EAAG,aAAYA,gGAelB1E,yBAAOkF,QAASzB,EAAMvD,mBATZ4E,EAAG,GAAEA,GARd/E,EAALc,OAoBIb,uBAAKE,0DACHF,yBACEmF,GAAI1B,EACJlE,KAAMA,EACNkE,KAAMA,EACNxB,MAAOA,EACP0C,SAAUA,EACVC,YAAaA,EACb1E,UAAW+E,IAEZJ,GAAS7E,gBAACF,GAAkBK,QAAS0E,EAAOtF,KAAK,iCC9CrB,WAAb,OACtBS,uBACEoC,MAAM,KACNC,OAAO,KACP+C,QAAQ,YACRC,KAAK,OACLC,MAAM,8BAENtF,wBACEuF,EAAE,8tBACFF,KAAK,kCCKgD,SAAjCtF,OAChByF,EAAAzF,EACRgE,eAEA,OACE/D,uBAAKE,UAAWyB,EAAO8D,IAAKpG,MAAO,CAAE0E,wBAHzByB,EAAG,eAAcA,IADvBzF,EAARK,SAKcC,KACR,SAACC,EAAMC,GAAK,OACVD,EAAKE,SACHR,uBAAKS,IAAKF,EAAOL,UAAWyB,EAAO+D,QAAShF,QAASJ,EAAKI,SACvDJ,EAAKK,MAAQX,wBAAME,UAAWyB,EAAOhB,MAAOL,EAAKK,MACjDL,EAAKM,YAAcZ,iCAAQA,4BAAOM,EAAKO,OACvCP,EAAKqF,SACJ3F,uBAAKE,UAAWyB,EAAOgE,SACpBrF,EAAKqF,QAAQtF,KACZ,SAACuF,EAASC,GAAQ,OAChBD,EAAQpF,SACNR,gCACEA,uBACES,IAAKoF,EACL3F,UAAWyB,EAAOmE,YAClBpF,QAASkF,EAAQlF,SAEhBkF,EAAQjF,MACPX,wBAAME,UAAWyB,EAAOhB,MACrBiF,EAAQjF,MAGZiF,EAAQhF,YACPZ,iCAEAA,4BAAO4F,EAAQ/E,sCD/BT,WAAb,OACrBb,uBACEoC,MAAM,KACNC,OAAO,KACP+C,QAAQ,YACRC,KAAK,OACLC,MAAM,8BAENtF,iCAAa,sBACXA,wBACEuF,EAAE,8uBACFF,KAAK,WAGTrF,4BACEA,4BAAUmF,GAAG,gBACXnF,wBAAMoC,MAAM,KAAKC,OAAO,KAAKgD,KAAK,oCEtBiB,SAAjCtF,WACxBc,MAAAA,WAAKkF,EAAG,WAAUA,EAAAC,EAAAjG,EAClB6E,YAAAA,WAAWoB,EAAG,sBAAqBA,EACnC/D,EAAKlC,EAALkC,MACA0C,EAAQ5E,EAAR4E,SAAQsB,EAAAlG,EACRmG,aAAAA,WAAYD,GAAOA,EAEnB1E,EAAkDC,YAAS,GAApD2E,EAAiB5E,KAAE6E,EAAoB7E,KAM9C,OACEvB,uBAAKE,mDACFW,GAASb,yBAAOE,+CAA0BW,GAC3Cb,uBAAKE,iDACHF,yBACET,KAAM4G,EAAoB,OAAS,WACnClE,MAAOA,EACP0C,SAAU,SAAA0B,GAAC,OAAI1B,EAAS0B,EAAEC,OAAOrE,QACjC2C,YAAaA,EACb1E,8CACAgG,aAAcA,EAAe,KAAO,QAEtClG,0BACET,KAAK,SACLW,+CACAQ,QAnByB,WAC/B0F,GAAsBD,iBAmBJA,EAAoB,gBAAkB,iBAEjDA,EACCnG,wBAAMuG,KAAK,mBAAiB,eAI5BvG,wBAAMuG,KAAK,mBAAiB,uCFRF,WAAb,OACvBvG,uBACEoC,MAAM,KACNC,OAAO,KACP+C,QAAQ,YACRC,KAAK,OACLC,MAAM,8BAENtF,wBACEuF,EAAE,miBACF7B,OAAO,uBACM,qBACE,0BACC,UAElB1D,wBACEuF,EAAE,0MACFF,KAAK,QACL3B,OAAO,uBACM,qBACE,0BACC,UAElB1D,oCACY,sBACA,UACVuF,EAAE,i/CACFF,KAAK,mCGzDkD,SAAlCtF,OACjByG,EAAAzG,EACR0G,gBAEA,gBAFeD,GAAQA,EADfzG,EAARsE,SAGoCrE,gBAAC0G,YAASC,GAAG,IAAIC,kCCTN,SAAAC,GAC/C,OACE7G,0BACEE,sDACAX,KAAMsH,EAAMtH,MAAQ,SACpBF,MAAKyH,GACHzE,QAAWwE,EAAME,YAAc,SAC/B3E,OAAUyE,EAAMhD,WAAa,UAC1BgD,EAAMG,gBAEXtG,QAASmG,EAAMnG,QAAUmG,EAAMnG,aAAUuG,GAEzCjH,uBAAKE,+DACF2G,EAAMlG,MAAQX,gBAAC6G,EAAMlG,WACtBX,wBAAMX,MAAKyH,KAAOD,EAAMK,mBAAqBL,EAAMpD,kCCXM,SAApC1D,OAC3BW,EAAOX,EAAPW,QAEA,OACEV,0BACEE,6DACAQ,QAAS,SAAAyG,GACPA,EAAMC,iBACN1G,EAAQyG,KAGVnH,uBAAKE,oEACLF,uBAAKE,4EACHF,uBAAKE,kEACHF,uBACEqH,QAAQ,MACR/B,MAAM,6BACNF,QAAQ,YACRkC,WAAW,+BACXjI,MAAO,CAAEyE,QAAS,UAElB9D,wBACEqF,KAAK,UACLE,EAAE,4IAEJvF,wBACEqF,KAAK,UACLE,EAAE,8HAEJvF,wBACEqF,KAAK,UACLE,EAAE,qIAEJvF,wBACEqF,KAAK,UACLE,EAAE,gJAEJvF,wBAAMqF,KAAK,OAAOE,EAAE,oBAGxBvF,wBAAME,8FAGNF,wBAAMX,MAAO,CAAEyE,QAAS,qDLqBE,WAAb,OACnB9D,uBACEoC,MAAM,KACNC,OAAO,KACP+C,QAAQ,YACRC,KAAK,OACLC,MAAM,8BAENtF,wBACEuF,EAAE,wyEACFF,KAAK"}

package/dist/shared-react-components-ts.esm.js

@@ -1,4 +1,5 @@
 import React, { useState } from 'react';
+import { ResponsiveContainer, LineChart, CartesianGrid, XAxis, YAxis, Tooltip, Legend, Line } from 'recharts';
 import { Navigate } from 'react-router-dom';
 
 function styleInject(css, ref) {
@@ -201,6 +202,71 @@ var Card = function Card(_ref) {
   }, isExpanded ? showLessText : moreInfoText) : React.createElement(React.Fragment, null), isExpanded ? bottomElement : React.createElement(React.Fragment, null));
 };
 
+var css_248z$5 = "/* src/components/Chart.module.css */\r\n\r\n.Chart-module_chartContainer__tO2U- {\r\n  max-width: 800px;\r\n  margin: 0 auto;\r\n  padding: 20px;\r\n}\r\n\r\n.Chart-module_title__k4ymv {\r\n  text-align: center;\r\n  margin-bottom: 30px;\r\n  color: #333;\r\n}\r\n\r\n.Chart-module_chartSummary__TR1e- {\r\n  display: flex;\r\n  justify-content: space-around;\r\n  margin-bottom: 40px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.Chart-module_summaryItem__pXsJd {\r\n  background-color: #f5f5f5;\r\n  padding: 20px;\r\n  border-radius: 8px;\r\n  text-align: center;\r\n  width: 45%;\r\n  margin-bottom: 20px;\r\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.Chart-module_summaryItem__pXsJd h3 {\r\n  margin-bottom: 10px;\r\n  color: #555;\r\n}\r\n\r\n.Chart-module_summaryItem__pXsJd p {\r\n  font-size: 1.5rem;\r\n  color: #000;\r\n}\r\n\r\n.Chart-module_chartArea__8xY2V {\r\n  width: 100%;\r\n  height: 400px;\r\n}\r\n";
+var styles$5 = {"chartContainer":"Chart-module_chartContainer__tO2U-","title":"Chart-module_title__k4ymv","chartSummary":"Chart-module_chartSummary__TR1e-","summaryItem":"Chart-module_summaryItem__pXsJd","chartArea":"Chart-module_chartArea__8xY2V"};
+styleInject(css_248z$5);
+
+// src/components/Chart.tsx
+var Chart = function Chart(_ref) {
+  var startingAmount = _ref.startingAmount,
+    earnedAmount = _ref.earnedAmount,
+    data = _ref.data;
+  // Formatter for currency display
+  var formatCurrency = function formatCurrency(value) {
+    return "$" + value.toLocaleString();
+  };
+  return React.createElement("div", {
+    className: styles$5.chartContainer
+  }, React.createElement("h2", {
+    className: styles$5.title
+  }, "Profit Overview (Daily)"), React.createElement("div", {
+    className: styles$5.chartSummary
+  }, React.createElement("div", {
+    className: styles$5.summaryItem
+  }, React.createElement("h3", null, "Starting Amount"), React.createElement("p", null, formatCurrency(startingAmount))), React.createElement("div", {
+    className: styles$5.summaryItem
+  }, React.createElement("h3", null, "Earned Amount"), React.createElement("p", null, formatCurrency(earnedAmount)))), React.createElement("div", {
+    className: styles$5.chartArea
+  }, React.createElement(ResponsiveContainer, {
+    width: "100%",
+    height: 400
+  }, React.createElement(LineChart, {
+    data: data,
+    margin: {
+      top: 20,
+      right: 30,
+      left: 20,
+      bottom: 5
+    }
+  }, React.createElement(CartesianGrid, {
+    strokeDasharray: "3 3"
+  }), React.createElement(XAxis, {
+    dataKey: "date",
+    tick: {
+      fontSize: 12
+    },
+    angle: -45,
+    textAnchor: "end",
+    height: 60
+  }), React.createElement(YAxis, {
+    tick: {
+      fontSize: 12
+    }
+  }), React.createElement(Tooltip, {
+    formatter: function formatter(value) {
+      return formatCurrency(value);
+    }
+  }), React.createElement(Legend, null), React.createElement(Line, {
+    type: "monotone",
+    dataKey: "profit",
+    name: "Cumulative Profit",
+    stroke: "#82ca9d",
+    activeDot: {
+      r: 8
+    }
+  })))));
+};
+
 var FormContainer = function FormContainer(_ref) {
   var children = _ref.children,
     title = _ref.title,
@@ -302,9 +368,9 @@ var ValidationMessage = function ValidationMessage(_ref) {
   }, message);
 };
 
-var css_248z$5 = ".InputField-module_centerContentRow__qHEIU {\r\n  display: flex;\r\n  flex-flow: row;\r\n  justify-content: center;\r\n  align-items: baseline;\r\n  gap: 5px;\r\n}\r\n\r\n.InputField-module_centerContentColumn__dSN0e {\r\n  display: flex;\r\n  flex-flow: column;\r\n  justify-content: center;\r\n  gap: 5px;\r\n}\r\n";
-var styles$5 = {"centerContentRow":"InputField-module_centerContentRow__qHEIU","centerContentColumn":"InputField-module_centerContentColumn__dSN0e"};
-styleInject(css_248z$5);
+var css_248z$6 = ".InputField-module_centerContentRow__qHEIU {\r\n  display: flex;\r\n  flex-flow: row;\r\n  justify-content: center;\r\n  align-items: baseline;\r\n  gap: 5px;\r\n}\r\n\r\n.InputField-module_centerContentColumn__dSN0e {\r\n  display: flex;\r\n  flex-flow: column;\r\n  justify-content: center;\r\n  gap: 5px;\r\n}\r\n";
+var styles$6 = {"centerContentRow":"InputField-module_centerContentRow__qHEIU","centerContentColumn":"InputField-module_centerContentColumn__dSN0e"};
+styleInject(css_248z$6);
 
 var InputField = function InputField(_ref) {
   var label = _ref.label,
@@ -320,14 +386,14 @@ var InputField = function InputField(_ref) {
     labelClassName = _ref$labelClassName === void 0 ? '' : _ref$labelClassName,
     _ref$inputClassName = _ref.inputClassName,
     inputClassName = _ref$inputClassName === void 0 ? '' : _ref$inputClassName;
-  var dynamicStyle = display === 'horizontal' ? styles$5.centerContentColumn : styles$5.centerContentRow;
+  var dynamicStyle = display === 'horizontal' ? styles$6.centerContentColumn : styles$6.centerContentRow;
   return React.createElement("div", {
     className: "input-field " + dynamicStyle
   }, React.createElement("label", {
     htmlFor: name,
     className: labelClassName
   }, label), React.createElement("div", {
-    className: styles$5.centerContentColumn
+    className: styles$6.centerContentColumn
   }, React.createElement("input", {
     id: name,
     type: type,
@@ -342,43 +408,43 @@ var InputField = function InputField(_ref) {
   })));
 };
 
-var css_248z$6 = ".NavBar-module_nav__SZ96J {\r\n  /*nav*/\r\n  background-color: #001f3f;\r\n  display: flex;\r\n  justify-content: space-around;\r\n  align-items: center;\r\n  padding: 10px 0;\r\n  color: #fff;\r\n}\r\n\r\n.NavBar-module_navItem__2lfwY {\r\n  /*nav > div*/\r\n  position: relative;\r\n  cursor: pointer;\r\n  margin: 0 15px;\r\n\r\n  /*following for icon above text on top navbar*/\r\n  display: flex;\r\n  flex-flow: column;\r\n  align-items: center;\r\n}\r\n\r\n.NavBar-module_navItem__2lfwY:hover .NavBar-module_submenu__lj-mo {\r\n  /*nav > div:hover > div*/\r\n  display: block;\r\n}\r\n\r\n.NavBar-module_submenu__lj-mo {\r\n  /*nav div div*/\r\n  display: none;\r\n  background-color: #003366;\r\n  padding: 10px;\r\n  position: absolute;\r\n  top: 100%;\r\n  left: 0;\r\n  border-radius: 5px;\r\n  z-index: 1;\r\n  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.NavBar-module_submenuItem__mvBS9 {\r\n  /*nav div div div*/\r\n  margin: 5px 0;\r\n  padding: 5px 0;\r\n\r\n  /*for aligning icon an text in the center*/\r\n  display: flex;\r\n}\r\n";
-var styles$6 = {"nav":"NavBar-module_nav__SZ96J","navItem":"NavBar-module_navItem__2lfwY","submenu":"NavBar-module_submenu__lj-mo","submenuItem":"NavBar-module_submenuItem__mvBS9"};
-styleInject(css_248z$6);
+var css_248z$7 = ".NavBar-module_nav__SZ96J {\r\n  /*nav*/\r\n  background-color: #001f3f;\r\n  display: flex;\r\n  justify-content: space-around;\r\n  align-items: center;\r\n  padding: 10px 0;\r\n  color: #fff;\r\n}\r\n\r\n.NavBar-module_navItem__2lfwY {\r\n  /*nav > div*/\r\n  position: relative;\r\n  cursor: pointer;\r\n  margin: 0 15px;\r\n\r\n  /*following for icon above text on top navbar*/\r\n  display: flex;\r\n  flex-flow: column;\r\n  align-items: center;\r\n}\r\n\r\n.NavBar-module_navItem__2lfwY:hover .NavBar-module_submenu__lj-mo {\r\n  /*nav > div:hover > div*/\r\n  display: block;\r\n}\r\n\r\n.NavBar-module_submenu__lj-mo {\r\n  /*nav div div*/\r\n  display: none;\r\n  background-color: #003366;\r\n  padding: 10px;\r\n  position: absolute;\r\n  top: 100%;\r\n  left: 0;\r\n  border-radius: 5px;\r\n  z-index: 1;\r\n  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.NavBar-module_submenuItem__mvBS9 {\r\n  /*nav div div div*/\r\n  margin: 5px 0;\r\n  padding: 5px 0;\r\n\r\n  /*for aligning icon an text in the center*/\r\n  display: flex;\r\n}\r\n";
+var styles$7 = {"nav":"NavBar-module_nav__SZ96J","navItem":"NavBar-module_navItem__2lfwY","submenu":"NavBar-module_submenu__lj-mo","submenuItem":"NavBar-module_submenuItem__mvBS9"};
+styleInject(css_248z$7);
 
 var NavigationBar = function NavigationBar(_ref) {
   var navItems = _ref.navItems,
     _ref$justifyContent = _ref.justifyContent,
     justifyContent = _ref$justifyContent === void 0 ? 'space-around' : _ref$justifyContent;
   return React.createElement("nav", {
-    className: styles$6.nav,
+    className: styles$7.nav,
     style: {
       justifyContent: justifyContent
     }
   }, navItems.map(function (item, index) {
     return item.visible && React.createElement("div", {
       key: index,
-      className: styles$6.navItem,
+      className: styles$7.navItem,
       onClick: item.onClick
     }, item.icon && React.createElement("span", {
-      className: styles$6.icon
+      className: styles$7.icon
     }, item.icon), item.hiddenLabel ? React.createElement(React.Fragment, null) : React.createElement("span", null, item.label), item.submenu && React.createElement("div", {
-      className: styles$6.submenu
+      className: styles$7.submenu
     }, item.submenu.map(function (subItem, subIndex) {
       return subItem.visible && React.createElement(React.Fragment, null, React.createElement("div", {
         key: subIndex,
-        className: styles$6.submenuItem,
+        className: styles$7.submenuItem,
         onClick: subItem.onClick
       }, subItem.icon && React.createElement("span", {
-        className: styles$6.icon
+        className: styles$7.icon
       }, subItem.icon), subItem.hiddenLabel ? React.createElement(React.Fragment, null) : React.createElement("span", null, subItem.label)));
     })));
   }));
 };
 
-var css_248z$7 = ".PasswordInput-module_container__kCgyT {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n}\r\n\r\n.PasswordInput-module_label__HVjtR {\r\n  font-size: 14px;\r\n  color: #333;\r\n}\r\n\r\n.PasswordInput-module_wrapper__JqHuh {\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.PasswordInput-module_input__hWQ1E {\r\n  width: 100%;\r\n  padding: 10px 40px 10px 12px;\r\n  border: 1px solid #ccc;\r\n  border-radius: 8px;\r\n  font-size: 14px;\r\n  background: #f9f9f9;\r\n  outline: none;\r\n}\r\n\r\n.PasswordInput-module_input__hWQ1E:focus {\r\n  border-color: #007bff;\r\n  background: #fff;\r\n}\r\n\r\n.PasswordInput-module_toggle__uERdE {\r\n  position: absolute;\r\n  right: 10px;\r\n  background: none;\r\n  border: none;\r\n  cursor: pointer;\r\n  font-size: 16px;\r\n  color: #888;\r\n}\r\n\r\n.PasswordInput-module_toggle__uERdE:hover {\r\n  color: #333;\r\n}\r\n";
-var styles$7 = {"container":"PasswordInput-module_container__kCgyT","label":"PasswordInput-module_label__HVjtR","wrapper":"PasswordInput-module_wrapper__JqHuh","input":"PasswordInput-module_input__hWQ1E","toggle":"PasswordInput-module_toggle__uERdE"};
-styleInject(css_248z$7);
+var css_248z$8 = ".PasswordInput-module_container__kCgyT {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n}\r\n\r\n.PasswordInput-module_label__HVjtR {\r\n  font-size: 14px;\r\n  color: #333;\r\n}\r\n\r\n.PasswordInput-module_wrapper__JqHuh {\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.PasswordInput-module_input__hWQ1E {\r\n  width: 100%;\r\n  padding: 10px 40px 10px 12px;\r\n  border: 1px solid #ccc;\r\n  border-radius: 8px;\r\n  font-size: 14px;\r\n  background: #f9f9f9;\r\n  outline: none;\r\n}\r\n\r\n.PasswordInput-module_input__hWQ1E:focus {\r\n  border-color: #007bff;\r\n  background: #fff;\r\n}\r\n\r\n.PasswordInput-module_toggle__uERdE {\r\n  position: absolute;\r\n  right: 10px;\r\n  background: none;\r\n  border: none;\r\n  cursor: pointer;\r\n  font-size: 16px;\r\n  color: #888;\r\n}\r\n\r\n.PasswordInput-module_toggle__uERdE:hover {\r\n  color: #333;\r\n}\r\n";
+var styles$8 = {"container":"PasswordInput-module_container__kCgyT","label":"PasswordInput-module_label__HVjtR","wrapper":"PasswordInput-module_wrapper__JqHuh","input":"PasswordInput-module_input__hWQ1E","toggle":"PasswordInput-module_toggle__uERdE"};
+styleInject(css_248z$8);
 
 var PasswordInput = function PasswordInput(_ref) {
   var _ref$label = _ref.label,
@@ -396,11 +462,11 @@ var PasswordInput = function PasswordInput(_ref) {
     setIsPasswordVisible(!isPasswordVisible);
   };
   return React.createElement("div", {
-    className: styles$7.container
+    className: styles$8.container
   }, label && React.createElement("label", {
-    className: styles$7.label
+    className: styles$8.label
   }, label), React.createElement("div", {
-    className: styles$7.wrapper
+    className: styles$8.wrapper
   }, React.createElement("input", {
     type: isPasswordVisible ? 'text' : 'password',
     value: value,
@@ -408,11 +474,11 @@ var PasswordInput = function PasswordInput(_ref) {
       return _onChange(e.target.value);
     },
     placeholder: placeholder,
-    className: styles$7.input,
+    className: styles$8.input,
     autoComplete: autoComplete ? 'on' : 'off'
   }), React.createElement("button", {
     type: "button",
-    className: styles$7.toggle,
+    className: styles$8.toggle,
     onClick: togglePasswordVisibility,
     "aria-label": isPasswordVisible ? 'Hide password' : 'Show password'
   }, isPasswordVisible ? React.createElement("span", {
@@ -435,5 +501,5 @@ var ProtectedRoute = function ProtectedRoute(_ref) {
   });
 };
 
-export { BottomNavBar, Button, Card, CircleButton, FormContainer, InputField, KitchenIcon, NavigationBar, OrdersIcon, PasswordInput, ProductsIcon, ProtectedRoute, RoundButton, SignInWithGoogle, TeamIcon, ValidationMessage };
+export { BottomNavBar, Button, Card, Chart, CircleButton, FormContainer, InputField, KitchenIcon, NavigationBar, OrdersIcon, PasswordInput, ProductsIcon, ProtectedRoute, RoundButton, SignInWithGoogle, TeamIcon, ValidationMessage };
 //# sourceMappingURL=shared-react-components-ts.esm.js.map

package/dist/shared-react-components-ts.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"shared-react-components-ts.esm.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/components/bottomNavBar/BottomNavBar.tsx","../src/components/buttons/button/Button.tsx","../src/components/buttons/circleButton/CircleButton.tsx","../src/components/buttons/roundButton/RoundButton.tsx","../src/components/buttons/SignInWithGoogle/SignInWithGoogle.tsx","../src/components/card/Card.tsx","../src/components/formContainer/FormContainer.tsx","../src/components/icons/AllCustomIcons.tsx","../src/components/validationMessage/ValidationMessage.tsx","../src/components/inputField/InputField.tsx","../src/components/navBar/NavBar.tsx","../src/components/passwordInput/PasswordInput.tsx","../src/components/protectedRoute/ProtectedRoute.tsx"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n","import React from 'react';\r\nimport styles from './BottomNavBar.module.css';\r\n\r\ntype NavItem = {\r\n  label: string;\r\n  hiddenLabel?: boolean;\r\n  icon?: React.ReactNode;\r\n  onClick?: () => void;\r\n  visible: boolean;\r\n};\r\n\r\ntype BottomNavBarProps = {\r\n  navItems: NavItem[];\r\n};\r\n\r\nexport const BottomNavBar: React.FC<BottomNavBarProps> = ({ navItems }) => {\r\n  return (\r\n    <nav className={styles.bottomNav}>\r\n      {navItems.map(\r\n        (item, index) =>\r\n          item.visible && (\r\n            <button\r\n              key={index}\r\n              className={styles.navButton}\r\n              onClick={item.onClick}\r\n            >\r\n              {item.icon && <span className={styles.icon}>{item.icon}</span>}\r\n              {item.hiddenLabel ? (\r\n                <></>\r\n              ) : (\r\n                <span className={styles.label}>{item.label}</span>\r\n              )}\r\n            </button>\r\n          )\r\n      )}\r\n    </nav>\r\n  );\r\n};\r\n","import React from 'react';\r\n\r\ninterface ButtonProps {\r\n  label: string;\r\n  onClick?: () => void;\r\n  type?: 'button' | 'submit' | 'reset';\r\n  disabled?: boolean;\r\n  className?: string;\r\n}\r\n\r\nexport const Button: React.FC<ButtonProps> = ({\r\n  label,\r\n  onClick,\r\n  type = 'button',\r\n  disabled = false,\r\n  className = '',\r\n}) => (\r\n  <button\r\n    type={type}\r\n    onClick={onClick}\r\n    disabled={disabled}\r\n    className={className}\r\n  >\r\n    {label}\r\n  </button>\r\n);\r\n","import React from 'react';\r\nimport styles from './CircleButton.module.css';\r\n\r\ninterface CircleButtonProps {\r\n  imageURL: string;\r\n  viewWidth: number;\r\n  onClick: () => void;\r\n}\r\n\r\nexport const CircleButton: React.FC<CircleButtonProps> = ({\r\n  imageURL,\r\n  viewWidth,\r\n  onClick,\r\n}) => {\r\n  return (\r\n    <button\r\n      className={styles.containerButton}\r\n      onClick={onClick}\r\n      style={{\r\n        display: 'flex',\r\n        justifyContent: 'center',\r\n        alignItems: 'center',\r\n        width: `${viewWidth * 3}vw`,\r\n        height: `${viewWidth * 3}vw`,\r\n        padding: 0,\r\n        backgroundColor: '#EDD479',\r\n      }}\r\n    >\r\n      <div\r\n        style={{\r\n          background: `url(${imageURL}) center center / contain no-repeat`,\r\n          width: `${viewWidth}vw`,\r\n          height: `${viewWidth}vw`,\r\n        }}\r\n      ></div>\r\n    </button>\r\n  );\r\n};\r\n","import React from 'react';\r\nimport styles from './RoundButton.module.css';\r\nimport IBtnOption from '../IBtnOption';\r\n\r\nexport const RoundButton: React.FC<IBtnOption> = props => {\r\n  return (\r\n    <button\r\n      className={styles.containerButton}\r\n      type={props.type || 'button'}\r\n      style={{\r\n        height: `${props.viewHeight || 10}vh`,\r\n        width: `${props.viewWidth || 10}vw`,\r\n        ...props.customStyleBtn,\r\n      }}\r\n      onClick={props.onClick ? props.onClick : undefined}\r\n    >\r\n      <div className={styles.insideButtonIconAndName}>\r\n        {props.icon && <props.icon />}\r\n        <span style={{ ...props.customStyleLabel }}>{props.name}</span>\r\n      </div>\r\n    </button>\r\n  );\r\n};\r\n","import React from 'react';\r\nimport styles from './SignInWithGoogle.module.css';\r\n\r\ninterface SignInWithGoogleProps {\r\n  onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;\r\n}\r\n\r\nexport const SignInWithGoogle: React.FC<SignInWithGoogleProps> = ({\r\n  onClick,\r\n}) => {\r\n  return (\r\n    <button\r\n      className={styles.gsiMaterialButton}\r\n      onClick={event => {\r\n        event.preventDefault(); // Prevent form submission\r\n        onClick(event);\r\n      }}\r\n    >\r\n      <div className={styles.gsiMaterialButtonState}></div>\r\n      <div className={styles.gsiMaterialButtonContentWrapper}>\r\n        <div className={styles.gsiMaterialButtonIcon}>\r\n          <svg\r\n            version=\"1.1\"\r\n            xmlns=\"http://www.w3.org/2000/svg\"\r\n            viewBox=\"0 0 48 48\"\r\n            xmlnsXlink=\"http://www.w3.org/1999/xlink\"\r\n            style={{ display: 'block' }}\r\n          >\r\n            <path\r\n              fill=\"#EA4335\"\r\n              d=\"M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z\"\r\n            ></path>\r\n            <path\r\n              fill=\"#4285F4\"\r\n              d=\"M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z\"\r\n            ></path>\r\n            <path\r\n              fill=\"#FBBC05\"\r\n              d=\"M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z\"\r\n            ></path>\r\n            <path\r\n              fill=\"#34A853\"\r\n              d=\"M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z\"\r\n            ></path>\r\n            <path fill=\"none\" d=\"M0 0h48v48H0z\"></path>\r\n          </svg>\r\n        </div>\r\n        <span className={styles.gsiMaterialButtonContents}>\r\n          Continue with Google\r\n        </span>\r\n        <span style={{ display: 'none' }}>Continue with Google</span>\r\n      </div>\r\n    </button>\r\n  );\r\n};\r\n","import React, { ReactNode, useState } from 'react';\r\nimport styles from './Card.module.css';\r\n\r\ninterface CardProps {\r\n  type?: string;\r\n  compactPreview?: ReactNode; // Content to show in compact mode\r\n  fullContent: ReactNode; //this contain the full version\r\n  bottomElement?: ReactNode; //most usable for set a <button> but can be anything\r\n  showLessText?: string; // Text for \"Show Less\"\r\n  moreInfoText?: string; // Text for \"More Info\"\r\n}\r\n\r\nexport const Card: React.FC<CardProps> = ({\r\n  type = 'generic',\r\n  compactPreview,\r\n  fullContent,\r\n  bottomElement,\r\n  showLessText,\r\n  moreInfoText,\r\n}) => {\r\n  const [isExpanded, setIsExpanded] = useState(!compactPreview); // Default to expanded if no compactPreview is provided\r\n  const toggleCard = () => setIsExpanded(!isExpanded);\r\n  return (\r\n    <div className={`${styles.card} card-${type.toLowerCase()}`}>\r\n      {isExpanded ? fullContent : compactPreview}\r\n      {compactPreview ? (\r\n        <span onClick={toggleCard} className=\"link flexEnd\">\r\n          {isExpanded ? showLessText : moreInfoText}\r\n        </span>\r\n      ) : (\r\n        <></>\r\n      )}\r\n      {isExpanded ? bottomElement : <></>}\r\n    </div>\r\n  );\r\n};\r\n","import React from 'react';\r\n\r\ninterface FormContainerProps {\r\n  children: React.ReactNode;\r\n  title: string;\r\n  titleAlign?: 'start' | 'center' | 'end';\r\n}\r\n\r\nexport const FormContainer: React.FC<FormContainerProps> = ({\r\n  children,\r\n  title,\r\n  titleAlign = 'start',\r\n}) => {\r\n  const dynamicTitleAlign = {\r\n    display: 'flex',\r\n    flexFlow: 'row',\r\n    justifyContent: titleAlign,\r\n  };\r\n  return (\r\n    <div className=\"form-container\">\r\n      <h2 style={dynamicTitleAlign}>{title}</h2>\r\n      {children}\r\n    </div>\r\n  );\r\n};\r\n","import React from 'react';\r\n\r\nexport const KitchenIcon: React.FC = () => (\r\n  <svg\r\n    width=\"64\"\r\n    height=\"55\"\r\n    viewBox=\"0 0 64 55\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n  >\r\n    <path\r\n      d=\"M22.4 12.375C21.44 12.375 20.8 13.2 20.8 13.75V20.625H17.6V13.75C17.6 12.925 16.96 12.375 16 12.375C15.04 12.375 14.4 13.2 14.4 13.75V20.625H11.2V13.75C11.2 12.925 10.56 12.375 9.6 12.375C8.64 12.375 8 13.2 8 13.75V22.825C8 25.3 10.24 27.225 12.8 27.5V46.75C12.8 48.4 14.08 49.5 16 49.5C17.92 49.5 19.2 48.4 19.2 46.75V27.5C21.76 27.225 24 25.3 24 22.825V13.75C24 13.2 23.36 12.375 22.4 12.375ZM28.8 13.75V30.25H32V46.75C32 48.4 33.28 49.5 35.2 49.5C37.12 49.5 38.4 48.4 38.4 46.75V5.5C32.96 5.5 28.8 9.075 28.8 13.75ZM51.2 11C46.72 11 43.2 15.125 43.2 20.075C42.88 23.375 44.8 26.4 48 28.325V46.75C48 48.4 49.28 49.5 51.2 49.5C53.12 49.5 54.4 48.4 54.4 46.75V28.325C57.6 26.4 59.52 23.375 59.2 20.075C59.2 15.125 55.68 11 51.2 11Z\"\r\n      fill=\"black\"\r\n    />\r\n  </svg>\r\n);\r\n\r\nexport const OrdersIcon: React.FC = () => (\r\n  <svg\r\n    width=\"62\"\r\n    height=\"55\"\r\n    viewBox=\"0 0 62 55\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n  >\r\n    <g clip-path=\"url(#clip0_46_153)\">\r\n      <path\r\n        d=\"M56.8334 9.77778L50.4611 4.125C49.9134 3.66174 49.1857 3.40331 48.4289 3.40331C47.6721 3.40331 46.9444 3.66174 46.3967 4.125L40.7306 9.16667H10.3334C9.41984 9.16667 8.54373 9.48859 7.89777 10.0616C7.25181 10.6346 6.88892 11.4118 6.88892 12.2222V45.8333C6.88892 46.6437 7.25181 47.4209 7.89777 47.9939C8.54373 48.567 9.41984 48.8889 10.3334 48.8889H48.2223C49.1358 48.8889 50.0119 48.567 50.6578 47.9939C51.3038 47.4209 51.6667 46.6437 51.6667 45.8333V17.9667L56.8334 13.3833C57.3718 12.905 57.6743 12.2566 57.6743 11.5806C57.6743 10.9045 57.3718 10.2561 56.8334 9.77778ZM32.4295 30.7542L25.2134 32.175L26.9356 25.8347L43.3828 11.2139L48.9456 16.1486L32.4295 30.7542ZM50.8056 14.4069L45.2428 9.47222L48.4289 6.64583L53.9917 11.5806L50.8056 14.4069Z\"\r\n        fill=\"black\"\r\n      />\r\n    </g>\r\n    <defs>\r\n      <clipPath id=\"clip0_46_153\">\r\n        <rect width=\"62\" height=\"55\" fill=\"white\" />\r\n      </clipPath>\r\n    </defs>\r\n  </svg>\r\n);\r\n\r\nexport const ProductsIcon: React.FC = () => (\r\n  <svg\r\n    width=\"56\"\r\n    height=\"41\"\r\n    viewBox=\"0 0 56 41\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n  >\r\n    <path\r\n      d=\"M33.3333 28.375L41.7919 21.1058C43.2069 19.8909 45.1251 19.2085 47.1253 19.2083H49.3332C50.7477 19.2083 52.1043 19.6912 53.1045 20.5508C54.1047 21.4103 54.6666 22.5761 54.6666 23.7917C54.6666 25.0072 54.1047 26.173 53.1045 27.0326C52.1043 27.8921 50.7477 28.375 49.3332 28.375H6.66658C5.2521 28.375 3.89554 27.8921 2.89535 27.0326C1.89515 26.173 1.33325 25.0072 1.33325 23.7917C1.33325 22.5761 1.89515 21.4103 2.89535 20.5508C3.89554 19.6912 5.2521 19.2083 6.66658 19.2083H16.4186C20.4186 19.2083 24.2559 20.5742 27.0852 23.0056L33.3333 28.375Z\"\r\n      stroke=\"black\"\r\n      stroke-width=\"2\"\r\n      stroke-linecap=\"round\"\r\n      stroke-linejoin=\"round\"\r\n    />\r\n    <path\r\n      d=\"M4 28.375H52V32.9583C52 34.7817 51.1571 36.5304 49.6569 37.8197C48.1566 39.109 46.1217 39.8333 44 39.8333H12C9.87827 39.8333 7.84344 39.109 6.34315 37.8197C4.84285 36.5304 4 34.7817 4 32.9583V28.375Z\"\r\n      fill=\"black\"\r\n      stroke=\"black\"\r\n      stroke-width=\"2\"\r\n      stroke-linecap=\"round\"\r\n      stroke-linejoin=\"round\"\r\n    />\r\n    <path\r\n      fill-rule=\"evenodd\"\r\n      clip-rule=\"evenodd\"\r\n      d=\"M10.5785 4.43625C15.3865 1.92229 21.5465 0.875 27.9998 0.875C34.4532 0.875 40.6132 1.92229 45.4212 4.43625C50.3385 7.00521 53.7118 11.05 54.4931 16.6463C54.8852 19.4513 52.1785 21.5 49.3332 21.5H6.66648C3.82115 21.5 1.11448 19.4513 1.50648 16.6463C2.28782 11.05 5.66115 7.00521 10.5785 4.43625ZM14.6665 7.75C13.9592 7.75 13.281 7.99144 12.7809 8.42121C12.2808 8.85099 11.9998 9.43388 11.9998 10.0417C11.9998 10.6495 12.2808 11.2323 12.7809 11.6621C13.281 12.0919 13.9592 12.3333 14.6665 12.3333H14.6692C15.3764 12.3333 16.0547 12.0919 16.5548 11.6621C17.0549 11.2323 17.3358 10.6495 17.3358 10.0417C17.3358 9.43388 17.0549 8.85099 16.5548 8.42121C16.0547 7.99144 15.3764 7.75 14.6692 7.75H14.6665ZM35.9998 10.0417C35.9998 9.43388 36.2808 8.85099 36.7809 8.42121C37.281 7.99144 37.9592 7.75 38.6665 7.75H38.6692C39.3764 7.75 40.0547 7.99144 40.5548 8.42121C41.0549 8.85099 41.3358 9.43388 41.3358 10.0417C41.3358 10.6495 41.0549 11.2323 40.5548 11.6621C40.0547 12.0919 39.3764 12.3333 38.6692 12.3333H38.6665C37.9592 12.3333 37.281 12.0919 36.7809 11.6621C36.2808 11.2323 35.9998 10.6495 35.9998 10.0417ZM25.3332 12.3333C24.6259 12.3333 23.9476 12.5748 23.4475 13.0045C22.9474 13.4343 22.6665 14.0172 22.6665 14.625C22.6665 15.2328 22.9474 15.8157 23.4475 16.2455C23.9476 16.6752 24.6259 16.9167 25.3332 16.9167H25.3358C26.0431 16.9167 26.7213 16.6752 27.2214 16.2455C27.7215 15.8157 28.0025 15.2328 28.0025 14.625C28.0025 14.0172 27.7215 13.4343 27.2214 13.0045C26.7213 12.5748 26.0431 12.3333 25.3358 12.3333H25.3332Z\"\r\n      fill=\"black\"\r\n    />\r\n  </svg>\r\n);\r\n\r\nexport const TeamIcon: React.FC = () => (\r\n  <svg\r\n    width=\"64\"\r\n    height=\"55\"\r\n    viewBox=\"0 0 64 55\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n  >\r\n    <path\r\n      d=\"M39.3439 22.9167C41.9199 22.9167 44.0106 24.7133 44.0106 26.9271V37.8102C44.0106 40.5459 42.746 43.1695 40.4951 45.1039C38.2441 47.0383 35.1912 48.125 32.0079 48.125C28.8246 48.125 25.7717 47.0383 23.5208 45.1039C21.2698 43.1695 20.0053 40.5459 20.0053 37.8102V26.9271C20.0053 24.7133 22.0933 22.9167 24.6719 22.9167H39.3439ZM19.0159 22.9167C18.0554 23.91 17.4777 25.1352 17.3626 26.4229L17.3359 26.9271V37.8102C17.3359 39.7513 17.8479 41.5892 18.7599 43.23C17.1793 43.5934 15.5227 43.6395 13.918 43.3648C12.3134 43.0901 10.8038 42.5019 9.50591 41.6457C8.20804 40.7895 7.15669 39.6883 6.43315 38.4272C5.70962 37.166 5.33328 35.7788 5.33325 34.3727V26.9271C5.3333 25.9206 5.77371 24.9509 6.56706 24.2106C7.36042 23.4702 8.44872 23.0132 9.61592 22.9304L9.99992 22.9167H19.0159ZM44.9999 22.9167H53.9999C56.5759 22.9167 58.6666 24.7133 58.6666 26.9271V34.375C58.6669 35.7802 58.2914 37.1666 57.569 38.4272C56.8465 39.6877 55.7965 40.7887 54.5001 41.645C53.2037 42.5013 51.6955 43.09 50.0922 43.3656C48.4888 43.6413 46.8332 43.5964 45.2532 43.2346C46.0532 41.7954 46.5439 40.2096 46.6533 38.5321L46.6772 37.8102V26.9271C46.6772 25.4031 46.0479 24.0052 44.9972 22.9167H44.9999ZM31.9999 6.875C34.1216 6.875 36.1565 7.59933 37.6568 8.88864C39.1571 10.178 39.9999 11.9266 39.9999 13.75C39.9999 15.5734 39.1571 17.322 37.6568 18.6114C36.1565 19.9007 34.1216 20.625 31.9999 20.625C29.8782 20.625 27.8434 19.9007 26.3431 18.6114C24.8428 17.322 23.9999 15.5734 23.9999 13.75C23.9999 11.9266 24.8428 10.178 26.3431 8.88864C27.8434 7.59933 29.8782 6.875 31.9999 6.875ZM49.3332 9.16667C51.1014 9.16667 52.7971 9.77027 54.0473 10.8447C55.2975 11.9191 55.9999 13.3764 55.9999 14.8958C55.9999 16.4153 55.2975 17.8725 54.0473 18.947C52.7971 20.0214 51.1014 20.625 49.3332 20.625C47.5651 20.625 45.8694 20.0214 44.6192 18.947C43.369 17.8725 42.6666 16.4153 42.6666 14.8958C42.6666 13.3764 43.369 11.9191 44.6192 10.8447C45.8694 9.77027 47.5651 9.16667 49.3332 9.16667ZM14.6666 9.16667C16.4347 9.16667 18.1304 9.77027 19.3806 10.8447C20.6309 11.9191 21.3333 13.3764 21.3333 14.8958C21.3333 16.4153 20.6309 17.8725 19.3806 18.947C18.1304 20.0214 16.4347 20.625 14.6666 20.625C12.8985 20.625 11.2028 20.0214 9.95254 18.947C8.7023 17.8725 7.99992 16.4153 7.99992 14.8958C7.99992 13.3764 8.7023 11.9191 9.95254 10.8447C11.2028 9.77027 12.8985 9.16667 14.6666 9.16667Z\"\r\n      fill=\"black\"\r\n    />\r\n  </svg>\r\n);\r\n","import React from 'react';\r\n\r\ninterface ValidationMessageProps {\r\n  message: string;\r\n  type: 'error' | 'success' | 'info';\r\n}\r\n\r\nexport const ValidationMessage: React.FC<ValidationMessageProps> = ({\r\n  message,\r\n  type,\r\n}) => {\r\n  const colorSpan = {\r\n    color: `${type === 'error' ? 'red' : type === 'info' ? 'blue' : 'black'}`,\r\n  };\r\n  return (\r\n    <span style={colorSpan} className={`validation-message ${type}`}>\r\n      {message}\r\n    </span>\r\n  );\r\n};\r\n","import React from 'react';\r\nimport { ValidationMessage } from '../validationMessage/ValidationMessage';\r\nimport styles from './InputField.module.css';\r\n\r\ninterface InputFieldProps {\r\n  label: string;\r\n  type: string;\r\n  display?: 'vertical' | 'horizontal';\r\n  name: string;\r\n  value: string;\r\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\r\n  placeholder?: string;\r\n  error?: string;\r\n  labelClassName?: string;\r\n  inputClassName?: string;\r\n}\r\n\r\nexport const InputField: React.FC<InputFieldProps> = ({\r\n  label,\r\n  type,\r\n  display = 'horizontal',\r\n  name,\r\n  value,\r\n  onChange,\r\n  placeholder,\r\n  error,\r\n  labelClassName = '',\r\n  inputClassName = '',\r\n}) => {\r\n  const dynamicStyle =\r\n    display === 'horizontal'\r\n      ? styles.centerContentColumn\r\n      : styles.centerContentRow;\r\n  return (\r\n    <div className={`input-field ${dynamicStyle}`}>\r\n      <label htmlFor={name} className={labelClassName}>\r\n        {label}\r\n      </label>\r\n      <div className={styles.centerContentColumn}>\r\n        <input\r\n          id={name}\r\n          type={type}\r\n          name={name}\r\n          value={value}\r\n          onChange={onChange}\r\n          placeholder={placeholder}\r\n          className={inputClassName}\r\n        />\r\n        {error && <ValidationMessage message={error} type=\"error\" />}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n","import React from 'react';\r\nimport styles from './NavBar.module.css';\r\n\r\ntype NavItem = {\r\n  label?: string;\r\n  hiddenLabel?: boolean;\r\n  icon?: React.ReactNode;\r\n  onClick?: () => void;\r\n  visible: boolean;\r\n  submenu?: NavItem[];\r\n};\r\n\r\ntype NavigationBarProps = {\r\n  navItems: NavItem[];\r\n  justifyContent?: string;\r\n};\r\n\r\nexport const NavigationBar: React.FC<NavigationBarProps> = ({\r\n  navItems,\r\n  justifyContent = 'space-around',\r\n}) => {\r\n  return (\r\n    <nav className={styles.nav} style={{ justifyContent: justifyContent }}>\r\n      {navItems.map(\r\n        (item, index) =>\r\n          item.visible && (\r\n            <div key={index} className={styles.navItem} onClick={item.onClick}>\r\n              {item.icon && <span className={styles.icon}>{item.icon}</span>}\r\n              {item.hiddenLabel ? <></> : <span>{item.label}</span>}\r\n              {item.submenu && (\r\n                <div className={styles.submenu}>\r\n                  {item.submenu.map(\r\n                    (subItem, subIndex) =>\r\n                      subItem.visible && (\r\n                        <>\r\n                          <div\r\n                            key={subIndex}\r\n                            className={styles.submenuItem}\r\n                            onClick={subItem.onClick}\r\n                          >\r\n                            {subItem.icon && (\r\n                              <span className={styles.icon}>\r\n                                {subItem.icon}\r\n                              </span>\r\n                            )}\r\n                            {subItem.hiddenLabel ? (\r\n                              <></>\r\n                            ) : (\r\n                              <span>{subItem.label}</span>\r\n                            )}\r\n                          </div>\r\n                        </>\r\n                      )\r\n                  )}\r\n                </div>\r\n              )}\r\n            </div>\r\n          )\r\n      )}\r\n    </nav>\r\n  );\r\n};\r\n","import React, { useState } from 'react';\r\nimport styles from './PasswordInput.module.css'; // Import the CSS module\r\n\r\ninterface PasswordInputProps {\r\n  label?: string; // Label for the input\r\n  placeholder?: string; // Placeholder text\r\n  value: string; // Controlled value\r\n  onChange: (value: string) => void; // Change handler\r\n  autoComplete?: boolean;\r\n}\r\n\r\nexport const PasswordInput: React.FC<PasswordInputProps> = ({\r\n  label = 'Password',\r\n  placeholder = 'Enter your password',\r\n  value,\r\n  onChange,\r\n  autoComplete = true,\r\n}) => {\r\n  const [isPasswordVisible, setIsPasswordVisible] = useState(false);\r\n\r\n  const togglePasswordVisibility = () => {\r\n    setIsPasswordVisible(!isPasswordVisible);\r\n  };\r\n\r\n  return (\r\n    <div className={styles.container}>\r\n      {label && <label className={styles.label}>{label}</label>}\r\n      <div className={styles.wrapper}>\r\n        <input\r\n          type={isPasswordVisible ? 'text' : 'password'}\r\n          value={value}\r\n          onChange={e => onChange(e.target.value)}\r\n          placeholder={placeholder}\r\n          className={styles.input}\r\n          autoComplete={autoComplete ? 'on' : 'off'}\r\n        />\r\n        <button\r\n          type=\"button\"\r\n          className={styles.toggle}\r\n          onClick={togglePasswordVisibility}\r\n          aria-label={isPasswordVisible ? 'Hide password' : 'Show password'}\r\n        >\r\n          {isPasswordVisible ? (\r\n            <span role=\"img\" aria-label=\"Hide\">\r\n              👁️\r\n            </span>\r\n          ) : (\r\n            <span role=\"img\" aria-label=\"Show\">\r\n              🙈\r\n            </span>\r\n          )}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n","// src/components/ProtectedRoute.tsx\r\nimport React from 'react';\r\nimport { Navigate } from 'react-router-dom';\r\n\r\ninterface ProtectedRouteProps {\r\n  children: JSX.Element;\r\n  isAuthenticated: boolean;\r\n}\r\n\r\nexport const ProtectedRoute: React.FC<ProtectedRouteProps> = ({\r\n  children,\r\n  isAuthenticated = false,\r\n}) => {\r\n  return isAuthenticated ? children : <Navigate to=\"/\" replace />;\r\n};\r\n"],"names":["BottomNavBar","_ref","navItems","React","className","styles","bottomNav","map","item","index","visible","key","navButton","onClick","icon","hiddenLabel","label","Button","_ref$type","type","_ref$disabled","disabled","_ref$className","CircleButton","imageURL","viewWidth","containerButton","style","display","justifyContent","alignItems","width","height","padding","backgroundColor","background","RoundButton","props","_extends","viewHeight","customStyleBtn","undefined","insideButtonIconAndName","customStyleLabel","name","SignInWithGoogle","gsiMaterialButton","event","preventDefault","gsiMaterialButtonState","gsiMaterialButtonContentWrapper","gsiMaterialButtonIcon","version","xmlns","viewBox","xmlnsXlink","fill","d","gsiMaterialButtonContents","Card","compactPreview","fullContent","bottomElement","showLessText","moreInfoText","_useState","useState","isExpanded","setIsExpanded","toggleCard","card","toLowerCase","FormContainer","children","title","_ref$titleAlign","titleAlign","dynamicTitleAlign","flexFlow","KitchenIcon","OrdersIcon","id","ProductsIcon","stroke","TeamIcon","ValidationMessage","message","colorSpan","color","InputField","_ref$display","value","onChange","placeholder","error","_ref$labelClassName","labelClassName","_ref$inputClassName","inputClassName","dynamicStyle","centerContentColumn","centerContentRow","htmlFor","NavigationBar","_ref$justifyContent","nav","navItem","submenu","subItem","subIndex","submenuItem","PasswordInput","_ref$label","_ref$placeholder","_ref$autoComplete","autoComplete","isPasswordVisible","setIsPasswordVisible","togglePasswordVisibility","container","wrapper","e","target","input","toggle","role","ProtectedRoute","_ref$isAuthenticated","isAuthenticated","Navigate","to","replace"],"mappings":"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"}
+{"version":3,"file":"shared-react-components-ts.esm.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/components/bottomNavBar/BottomNavBar.tsx","../src/components/buttons/button/Button.tsx","../src/components/buttons/circleButton/CircleButton.tsx","../src/components/buttons/roundButton/RoundButton.tsx","../src/components/buttons/SignInWithGoogle/SignInWithGoogle.tsx","../src/components/card/Card.tsx","../src/components/chart/Chart.tsx","../src/components/formContainer/FormContainer.tsx","../src/components/icons/AllCustomIcons.tsx","../src/components/validationMessage/ValidationMessage.tsx","../src/components/inputField/InputField.tsx","../src/components/navBar/NavBar.tsx","../src/components/passwordInput/PasswordInput.tsx","../src/components/protectedRoute/ProtectedRoute.tsx"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n","import React from 'react';\r\nimport styles from './BottomNavBar.module.css';\r\n\r\ntype NavItem = {\r\n  label: string;\r\n  hiddenLabel?: boolean;\r\n  icon?: React.ReactNode;\r\n  onClick?: () => void;\r\n  visible: boolean;\r\n};\r\n\r\ntype BottomNavBarProps = {\r\n  navItems: NavItem[];\r\n};\r\n\r\nexport const BottomNavBar: React.FC<BottomNavBarProps> = ({ navItems }) => {\r\n  return (\r\n    <nav className={styles.bottomNav}>\r\n      {navItems.map(\r\n        (item, index) =>\r\n          item.visible && (\r\n            <button\r\n              key={index}\r\n              className={styles.navButton}\r\n              onClick={item.onClick}\r\n            >\r\n              {item.icon && <span className={styles.icon}>{item.icon}</span>}\r\n              {item.hiddenLabel ? (\r\n                <></>\r\n              ) : (\r\n                <span className={styles.label}>{item.label}</span>\r\n              )}\r\n            </button>\r\n          )\r\n      )}\r\n    </nav>\r\n  );\r\n};\r\n","import React from 'react';\r\n\r\ninterface ButtonProps {\r\n  label: string;\r\n  onClick?: () => void;\r\n  type?: 'button' | 'submit' | 'reset';\r\n  disabled?: boolean;\r\n  className?: string;\r\n}\r\n\r\nexport const Button: React.FC<ButtonProps> = ({\r\n  label,\r\n  onClick,\r\n  type = 'button',\r\n  disabled = false,\r\n  className = '',\r\n}) => (\r\n  <button\r\n    type={type}\r\n    onClick={onClick}\r\n    disabled={disabled}\r\n    className={className}\r\n  >\r\n    {label}\r\n  </button>\r\n);\r\n","import React from 'react';\r\nimport styles from './CircleButton.module.css';\r\n\r\ninterface CircleButtonProps {\r\n  imageURL: string;\r\n  viewWidth: number;\r\n  onClick: () => void;\r\n}\r\n\r\nexport const CircleButton: React.FC<CircleButtonProps> = ({\r\n  imageURL,\r\n  viewWidth,\r\n  onClick,\r\n}) => {\r\n  return (\r\n    <button\r\n      className={styles.containerButton}\r\n      onClick={onClick}\r\n      style={{\r\n        display: 'flex',\r\n        justifyContent: 'center',\r\n        alignItems: 'center',\r\n        width: `${viewWidth * 3}vw`,\r\n        height: `${viewWidth * 3}vw`,\r\n        padding: 0,\r\n        backgroundColor: '#EDD479',\r\n      }}\r\n    >\r\n      <div\r\n        style={{\r\n          background: `url(${imageURL}) center center / contain no-repeat`,\r\n          width: `${viewWidth}vw`,\r\n          height: `${viewWidth}vw`,\r\n        }}\r\n      ></div>\r\n    </button>\r\n  );\r\n};\r\n","import React from 'react';\r\nimport styles from './RoundButton.module.css';\r\nimport IBtnOption from '../IBtnOption';\r\n\r\nexport const RoundButton: React.FC<IBtnOption> = props => {\r\n  return (\r\n    <button\r\n      className={styles.containerButton}\r\n      type={props.type || 'button'}\r\n      style={{\r\n        height: `${props.viewHeight || 10}vh`,\r\n        width: `${props.viewWidth || 10}vw`,\r\n        ...props.customStyleBtn,\r\n      }}\r\n      onClick={props.onClick ? props.onClick : undefined}\r\n    >\r\n      <div className={styles.insideButtonIconAndName}>\r\n        {props.icon && <props.icon />}\r\n        <span style={{ ...props.customStyleLabel }}>{props.name}</span>\r\n      </div>\r\n    </button>\r\n  );\r\n};\r\n","import React from 'react';\r\nimport styles from './SignInWithGoogle.module.css';\r\n\r\ninterface SignInWithGoogleProps {\r\n  onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;\r\n}\r\n\r\nexport const SignInWithGoogle: React.FC<SignInWithGoogleProps> = ({\r\n  onClick,\r\n}) => {\r\n  return (\r\n    <button\r\n      className={styles.gsiMaterialButton}\r\n      onClick={event => {\r\n        event.preventDefault(); // Prevent form submission\r\n        onClick(event);\r\n      }}\r\n    >\r\n      <div className={styles.gsiMaterialButtonState}></div>\r\n      <div className={styles.gsiMaterialButtonContentWrapper}>\r\n        <div className={styles.gsiMaterialButtonIcon}>\r\n          <svg\r\n            version=\"1.1\"\r\n            xmlns=\"http://www.w3.org/2000/svg\"\r\n            viewBox=\"0 0 48 48\"\r\n            xmlnsXlink=\"http://www.w3.org/1999/xlink\"\r\n            style={{ display: 'block' }}\r\n          >\r\n            <path\r\n              fill=\"#EA4335\"\r\n              d=\"M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z\"\r\n            ></path>\r\n            <path\r\n              fill=\"#4285F4\"\r\n              d=\"M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z\"\r\n            ></path>\r\n            <path\r\n              fill=\"#FBBC05\"\r\n              d=\"M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z\"\r\n            ></path>\r\n            <path\r\n              fill=\"#34A853\"\r\n              d=\"M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z\"\r\n            ></path>\r\n            <path fill=\"none\" d=\"M0 0h48v48H0z\"></path>\r\n          </svg>\r\n        </div>\r\n        <span className={styles.gsiMaterialButtonContents}>\r\n          Continue with Google\r\n        </span>\r\n        <span style={{ display: 'none' }}>Continue with Google</span>\r\n      </div>\r\n    </button>\r\n  );\r\n};\r\n","import React, { ReactNode, useState } from 'react';\r\nimport styles from './Card.module.css';\r\n\r\ninterface CardProps {\r\n  type?: string;\r\n  compactPreview?: ReactNode; // Content to show in compact mode\r\n  fullContent: ReactNode; //this contain the full version\r\n  bottomElement?: ReactNode; //most usable for set a <button> but can be anything\r\n  showLessText?: string; // Text for \"Show Less\"\r\n  moreInfoText?: string; // Text for \"More Info\"\r\n}\r\n\r\nexport const Card: React.FC<CardProps> = ({\r\n  type = 'generic',\r\n  compactPreview,\r\n  fullContent,\r\n  bottomElement,\r\n  showLessText,\r\n  moreInfoText,\r\n}) => {\r\n  const [isExpanded, setIsExpanded] = useState(!compactPreview); // Default to expanded if no compactPreview is provided\r\n  const toggleCard = () => setIsExpanded(!isExpanded);\r\n  return (\r\n    <div className={`${styles.card} card-${type.toLowerCase()}`}>\r\n      {isExpanded ? fullContent : compactPreview}\r\n      {compactPreview ? (\r\n        <span onClick={toggleCard} className=\"link flexEnd\">\r\n          {isExpanded ? showLessText : moreInfoText}\r\n        </span>\r\n      ) : (\r\n        <></>\r\n      )}\r\n      {isExpanded ? bottomElement : <></>}\r\n    </div>\r\n  );\r\n};\r\n","// src/components/Chart.tsx\r\nimport React from 'react';\r\nimport {\r\n  LineChart,\r\n  Line,\r\n  XAxis,\r\n  YAxis,\r\n  CartesianGrid,\r\n  Tooltip,\r\n  Legend,\r\n  ResponsiveContainer,\r\n} from 'recharts';\r\nimport styles from './Chart.module.css';\r\n\r\ninterface ChartProps {\r\n  startingAmount: number;\r\n  earnedAmount: number;\r\n  data: ChartData[];\r\n}\r\n\r\ninterface ChartData {\r\n  date: string;\r\n  profit: number;\r\n}\r\n\r\nexport const Chart: React.FC<ChartProps> = ({\r\n  startingAmount,\r\n  earnedAmount,\r\n  data,\r\n}) => {\r\n  // Formatter for currency display\r\n  const formatCurrency = (value: number): string => {\r\n    return `$${value.toLocaleString()}`;\r\n  };\r\n\r\n  return (\r\n    <div className={styles.chartContainer}>\r\n      <h2 className={styles.title}>Profit Overview (Daily)</h2>\r\n      <div className={styles.chartSummary}>\r\n        <div className={styles.summaryItem}>\r\n          <h3>Starting Amount</h3>\r\n          <p>{formatCurrency(startingAmount)}</p>\r\n        </div>\r\n        <div className={styles.summaryItem}>\r\n          <h3>Earned Amount</h3>\r\n          <p>{formatCurrency(earnedAmount)}</p>\r\n        </div>\r\n      </div>\r\n      <div className={styles.chartArea}>\r\n        <ResponsiveContainer width=\"100%\" height={400}>\r\n          <LineChart\r\n            data={data}\r\n            margin={{ top: 20, right: 30, left: 20, bottom: 5 }}\r\n          >\r\n            <CartesianGrid strokeDasharray=\"3 3\" />\r\n            <XAxis\r\n              dataKey=\"date\"\r\n              tick={{ fontSize: 12 }}\r\n              angle={-45}\r\n              textAnchor=\"end\"\r\n              height={60}\r\n            />\r\n            <YAxis tick={{ fontSize: 12 }} />\r\n            <Tooltip formatter={(value: number) => formatCurrency(value)} />\r\n            <Legend />\r\n            <Line\r\n              type=\"monotone\"\r\n              dataKey=\"profit\"\r\n              name=\"Cumulative Profit\"\r\n              stroke=\"#82ca9d\"\r\n              activeDot={{ r: 8 }}\r\n            />\r\n          </LineChart>\r\n        </ResponsiveContainer>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n","import React from 'react';\r\n\r\ninterface FormContainerProps {\r\n  children: React.ReactNode;\r\n  title: string;\r\n  titleAlign?: 'start' | 'center' | 'end';\r\n}\r\n\r\nexport const FormContainer: React.FC<FormContainerProps> = ({\r\n  children,\r\n  title,\r\n  titleAlign = 'start',\r\n}) => {\r\n  const dynamicTitleAlign = {\r\n    display: 'flex',\r\n    flexFlow: 'row',\r\n    justifyContent: titleAlign,\r\n  };\r\n  return (\r\n    <div className=\"form-container\">\r\n      <h2 style={dynamicTitleAlign}>{title}</h2>\r\n      {children}\r\n    </div>\r\n  );\r\n};\r\n","import React from 'react';\r\n\r\nexport const KitchenIcon: React.FC = () => (\r\n  <svg\r\n    width=\"64\"\r\n    height=\"55\"\r\n    viewBox=\"0 0 64 55\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n  >\r\n    <path\r\n      d=\"M22.4 12.375C21.44 12.375 20.8 13.2 20.8 13.75V20.625H17.6V13.75C17.6 12.925 16.96 12.375 16 12.375C15.04 12.375 14.4 13.2 14.4 13.75V20.625H11.2V13.75C11.2 12.925 10.56 12.375 9.6 12.375C8.64 12.375 8 13.2 8 13.75V22.825C8 25.3 10.24 27.225 12.8 27.5V46.75C12.8 48.4 14.08 49.5 16 49.5C17.92 49.5 19.2 48.4 19.2 46.75V27.5C21.76 27.225 24 25.3 24 22.825V13.75C24 13.2 23.36 12.375 22.4 12.375ZM28.8 13.75V30.25H32V46.75C32 48.4 33.28 49.5 35.2 49.5C37.12 49.5 38.4 48.4 38.4 46.75V5.5C32.96 5.5 28.8 9.075 28.8 13.75ZM51.2 11C46.72 11 43.2 15.125 43.2 20.075C42.88 23.375 44.8 26.4 48 28.325V46.75C48 48.4 49.28 49.5 51.2 49.5C53.12 49.5 54.4 48.4 54.4 46.75V28.325C57.6 26.4 59.52 23.375 59.2 20.075C59.2 15.125 55.68 11 51.2 11Z\"\r\n      fill=\"black\"\r\n    />\r\n  </svg>\r\n);\r\n\r\nexport const OrdersIcon: React.FC = () => (\r\n  <svg\r\n    width=\"62\"\r\n    height=\"55\"\r\n    viewBox=\"0 0 62 55\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n  >\r\n    <g clip-path=\"url(#clip0_46_153)\">\r\n      <path\r\n        d=\"M56.8334 9.77778L50.4611 4.125C49.9134 3.66174 49.1857 3.40331 48.4289 3.40331C47.6721 3.40331 46.9444 3.66174 46.3967 4.125L40.7306 9.16667H10.3334C9.41984 9.16667 8.54373 9.48859 7.89777 10.0616C7.25181 10.6346 6.88892 11.4118 6.88892 12.2222V45.8333C6.88892 46.6437 7.25181 47.4209 7.89777 47.9939C8.54373 48.567 9.41984 48.8889 10.3334 48.8889H48.2223C49.1358 48.8889 50.0119 48.567 50.6578 47.9939C51.3038 47.4209 51.6667 46.6437 51.6667 45.8333V17.9667L56.8334 13.3833C57.3718 12.905 57.6743 12.2566 57.6743 11.5806C57.6743 10.9045 57.3718 10.2561 56.8334 9.77778ZM32.4295 30.7542L25.2134 32.175L26.9356 25.8347L43.3828 11.2139L48.9456 16.1486L32.4295 30.7542ZM50.8056 14.4069L45.2428 9.47222L48.4289 6.64583L53.9917 11.5806L50.8056 14.4069Z\"\r\n        fill=\"black\"\r\n      />\r\n    </g>\r\n    <defs>\r\n      <clipPath id=\"clip0_46_153\">\r\n        <rect width=\"62\" height=\"55\" fill=\"white\" />\r\n      </clipPath>\r\n    </defs>\r\n  </svg>\r\n);\r\n\r\nexport const ProductsIcon: React.FC = () => (\r\n  <svg\r\n    width=\"56\"\r\n    height=\"41\"\r\n    viewBox=\"0 0 56 41\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n  >\r\n    <path\r\n      d=\"M33.3333 28.375L41.7919 21.1058C43.2069 19.8909 45.1251 19.2085 47.1253 19.2083H49.3332C50.7477 19.2083 52.1043 19.6912 53.1045 20.5508C54.1047 21.4103 54.6666 22.5761 54.6666 23.7917C54.6666 25.0072 54.1047 26.173 53.1045 27.0326C52.1043 27.8921 50.7477 28.375 49.3332 28.375H6.66658C5.2521 28.375 3.89554 27.8921 2.89535 27.0326C1.89515 26.173 1.33325 25.0072 1.33325 23.7917C1.33325 22.5761 1.89515 21.4103 2.89535 20.5508C3.89554 19.6912 5.2521 19.2083 6.66658 19.2083H16.4186C20.4186 19.2083 24.2559 20.5742 27.0852 23.0056L33.3333 28.375Z\"\r\n      stroke=\"black\"\r\n      stroke-width=\"2\"\r\n      stroke-linecap=\"round\"\r\n      stroke-linejoin=\"round\"\r\n    />\r\n    <path\r\n      d=\"M4 28.375H52V32.9583C52 34.7817 51.1571 36.5304 49.6569 37.8197C48.1566 39.109 46.1217 39.8333 44 39.8333H12C9.87827 39.8333 7.84344 39.109 6.34315 37.8197C4.84285 36.5304 4 34.7817 4 32.9583V28.375Z\"\r\n      fill=\"black\"\r\n      stroke=\"black\"\r\n      stroke-width=\"2\"\r\n      stroke-linecap=\"round\"\r\n      stroke-linejoin=\"round\"\r\n    />\r\n    <path\r\n      fill-rule=\"evenodd\"\r\n      clip-rule=\"evenodd\"\r\n      d=\"M10.5785 4.43625C15.3865 1.92229 21.5465 0.875 27.9998 0.875C34.4532 0.875 40.6132 1.92229 45.4212 4.43625C50.3385 7.00521 53.7118 11.05 54.4931 16.6463C54.8852 19.4513 52.1785 21.5 49.3332 21.5H6.66648C3.82115 21.5 1.11448 19.4513 1.50648 16.6463C2.28782 11.05 5.66115 7.00521 10.5785 4.43625ZM14.6665 7.75C13.9592 7.75 13.281 7.99144 12.7809 8.42121C12.2808 8.85099 11.9998 9.43388 11.9998 10.0417C11.9998 10.6495 12.2808 11.2323 12.7809 11.6621C13.281 12.0919 13.9592 12.3333 14.6665 12.3333H14.6692C15.3764 12.3333 16.0547 12.0919 16.5548 11.6621C17.0549 11.2323 17.3358 10.6495 17.3358 10.0417C17.3358 9.43388 17.0549 8.85099 16.5548 8.42121C16.0547 7.99144 15.3764 7.75 14.6692 7.75H14.6665ZM35.9998 10.0417C35.9998 9.43388 36.2808 8.85099 36.7809 8.42121C37.281 7.99144 37.9592 7.75 38.6665 7.75H38.6692C39.3764 7.75 40.0547 7.99144 40.5548 8.42121C41.0549 8.85099 41.3358 9.43388 41.3358 10.0417C41.3358 10.6495 41.0549 11.2323 40.5548 11.6621C40.0547 12.0919 39.3764 12.3333 38.6692 12.3333H38.6665C37.9592 12.3333 37.281 12.0919 36.7809 11.6621C36.2808 11.2323 35.9998 10.6495 35.9998 10.0417ZM25.3332 12.3333C24.6259 12.3333 23.9476 12.5748 23.4475 13.0045C22.9474 13.4343 22.6665 14.0172 22.6665 14.625C22.6665 15.2328 22.9474 15.8157 23.4475 16.2455C23.9476 16.6752 24.6259 16.9167 25.3332 16.9167H25.3358C26.0431 16.9167 26.7213 16.6752 27.2214 16.2455C27.7215 15.8157 28.0025 15.2328 28.0025 14.625C28.0025 14.0172 27.7215 13.4343 27.2214 13.0045C26.7213 12.5748 26.0431 12.3333 25.3358 12.3333H25.3332Z\"\r\n      fill=\"black\"\r\n    />\r\n  </svg>\r\n);\r\n\r\nexport const TeamIcon: React.FC = () => (\r\n  <svg\r\n    width=\"64\"\r\n    height=\"55\"\r\n    viewBox=\"0 0 64 55\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n  >\r\n    <path\r\n      d=\"M39.3439 22.9167C41.9199 22.9167 44.0106 24.7133 44.0106 26.9271V37.8102C44.0106 40.5459 42.746 43.1695 40.4951 45.1039C38.2441 47.0383 35.1912 48.125 32.0079 48.125C28.8246 48.125 25.7717 47.0383 23.5208 45.1039C21.2698 43.1695 20.0053 40.5459 20.0053 37.8102V26.9271C20.0053 24.7133 22.0933 22.9167 24.6719 22.9167H39.3439ZM19.0159 22.9167C18.0554 23.91 17.4777 25.1352 17.3626 26.4229L17.3359 26.9271V37.8102C17.3359 39.7513 17.8479 41.5892 18.7599 43.23C17.1793 43.5934 15.5227 43.6395 13.918 43.3648C12.3134 43.0901 10.8038 42.5019 9.50591 41.6457C8.20804 40.7895 7.15669 39.6883 6.43315 38.4272C5.70962 37.166 5.33328 35.7788 5.33325 34.3727V26.9271C5.3333 25.9206 5.77371 24.9509 6.56706 24.2106C7.36042 23.4702 8.44872 23.0132 9.61592 22.9304L9.99992 22.9167H19.0159ZM44.9999 22.9167H53.9999C56.5759 22.9167 58.6666 24.7133 58.6666 26.9271V34.375C58.6669 35.7802 58.2914 37.1666 57.569 38.4272C56.8465 39.6877 55.7965 40.7887 54.5001 41.645C53.2037 42.5013 51.6955 43.09 50.0922 43.3656C48.4888 43.6413 46.8332 43.5964 45.2532 43.2346C46.0532 41.7954 46.5439 40.2096 46.6533 38.5321L46.6772 37.8102V26.9271C46.6772 25.4031 46.0479 24.0052 44.9972 22.9167H44.9999ZM31.9999 6.875C34.1216 6.875 36.1565 7.59933 37.6568 8.88864C39.1571 10.178 39.9999 11.9266 39.9999 13.75C39.9999 15.5734 39.1571 17.322 37.6568 18.6114C36.1565 19.9007 34.1216 20.625 31.9999 20.625C29.8782 20.625 27.8434 19.9007 26.3431 18.6114C24.8428 17.322 23.9999 15.5734 23.9999 13.75C23.9999 11.9266 24.8428 10.178 26.3431 8.88864C27.8434 7.59933 29.8782 6.875 31.9999 6.875ZM49.3332 9.16667C51.1014 9.16667 52.7971 9.77027 54.0473 10.8447C55.2975 11.9191 55.9999 13.3764 55.9999 14.8958C55.9999 16.4153 55.2975 17.8725 54.0473 18.947C52.7971 20.0214 51.1014 20.625 49.3332 20.625C47.5651 20.625 45.8694 20.0214 44.6192 18.947C43.369 17.8725 42.6666 16.4153 42.6666 14.8958C42.6666 13.3764 43.369 11.9191 44.6192 10.8447C45.8694 9.77027 47.5651 9.16667 49.3332 9.16667ZM14.6666 9.16667C16.4347 9.16667 18.1304 9.77027 19.3806 10.8447C20.6309 11.9191 21.3333 13.3764 21.3333 14.8958C21.3333 16.4153 20.6309 17.8725 19.3806 18.947C18.1304 20.0214 16.4347 20.625 14.6666 20.625C12.8985 20.625 11.2028 20.0214 9.95254 18.947C8.7023 17.8725 7.99992 16.4153 7.99992 14.8958C7.99992 13.3764 8.7023 11.9191 9.95254 10.8447C11.2028 9.77027 12.8985 9.16667 14.6666 9.16667Z\"\r\n      fill=\"black\"\r\n    />\r\n  </svg>\r\n);\r\n","import React from 'react';\r\n\r\ninterface ValidationMessageProps {\r\n  message: string;\r\n  type: 'error' | 'success' | 'info';\r\n}\r\n\r\nexport const ValidationMessage: React.FC<ValidationMessageProps> = ({\r\n  message,\r\n  type,\r\n}) => {\r\n  const colorSpan = {\r\n    color: `${type === 'error' ? 'red' : type === 'info' ? 'blue' : 'black'}`,\r\n  };\r\n  return (\r\n    <span style={colorSpan} className={`validation-message ${type}`}>\r\n      {message}\r\n    </span>\r\n  );\r\n};\r\n","import React from 'react';\r\nimport { ValidationMessage } from '../validationMessage/ValidationMessage';\r\nimport styles from './InputField.module.css';\r\n\r\ninterface InputFieldProps {\r\n  label: string;\r\n  type: string;\r\n  display?: 'vertical' | 'horizontal';\r\n  name: string;\r\n  value: string;\r\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\r\n  placeholder?: string;\r\n  error?: string;\r\n  labelClassName?: string;\r\n  inputClassName?: string;\r\n}\r\n\r\nexport const InputField: React.FC<InputFieldProps> = ({\r\n  label,\r\n  type,\r\n  display = 'horizontal',\r\n  name,\r\n  value,\r\n  onChange,\r\n  placeholder,\r\n  error,\r\n  labelClassName = '',\r\n  inputClassName = '',\r\n}) => {\r\n  const dynamicStyle =\r\n    display === 'horizontal'\r\n      ? styles.centerContentColumn\r\n      : styles.centerContentRow;\r\n  return (\r\n    <div className={`input-field ${dynamicStyle}`}>\r\n      <label htmlFor={name} className={labelClassName}>\r\n        {label}\r\n      </label>\r\n      <div className={styles.centerContentColumn}>\r\n        <input\r\n          id={name}\r\n          type={type}\r\n          name={name}\r\n          value={value}\r\n          onChange={onChange}\r\n          placeholder={placeholder}\r\n          className={inputClassName}\r\n        />\r\n        {error && <ValidationMessage message={error} type=\"error\" />}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n","import React from 'react';\r\nimport styles from './NavBar.module.css';\r\n\r\ntype NavItem = {\r\n  label?: string;\r\n  hiddenLabel?: boolean;\r\n  icon?: React.ReactNode;\r\n  onClick?: () => void;\r\n  visible: boolean;\r\n  submenu?: NavItem[];\r\n};\r\n\r\ntype NavigationBarProps = {\r\n  navItems: NavItem[];\r\n  justifyContent?: string;\r\n};\r\n\r\nexport const NavigationBar: React.FC<NavigationBarProps> = ({\r\n  navItems,\r\n  justifyContent = 'space-around',\r\n}) => {\r\n  return (\r\n    <nav className={styles.nav} style={{ justifyContent: justifyContent }}>\r\n      {navItems.map(\r\n        (item, index) =>\r\n          item.visible && (\r\n            <div key={index} className={styles.navItem} onClick={item.onClick}>\r\n              {item.icon && <span className={styles.icon}>{item.icon}</span>}\r\n              {item.hiddenLabel ? <></> : <span>{item.label}</span>}\r\n              {item.submenu && (\r\n                <div className={styles.submenu}>\r\n                  {item.submenu.map(\r\n                    (subItem, subIndex) =>\r\n                      subItem.visible && (\r\n                        <>\r\n                          <div\r\n                            key={subIndex}\r\n                            className={styles.submenuItem}\r\n                            onClick={subItem.onClick}\r\n                          >\r\n                            {subItem.icon && (\r\n                              <span className={styles.icon}>\r\n                                {subItem.icon}\r\n                              </span>\r\n                            )}\r\n                            {subItem.hiddenLabel ? (\r\n                              <></>\r\n                            ) : (\r\n                              <span>{subItem.label}</span>\r\n                            )}\r\n                          </div>\r\n                        </>\r\n                      )\r\n                  )}\r\n                </div>\r\n              )}\r\n            </div>\r\n          )\r\n      )}\r\n    </nav>\r\n  );\r\n};\r\n","import React, { useState } from 'react';\r\nimport styles from './PasswordInput.module.css'; // Import the CSS module\r\n\r\ninterface PasswordInputProps {\r\n  label?: string; // Label for the input\r\n  placeholder?: string; // Placeholder text\r\n  value: string; // Controlled value\r\n  onChange: (value: string) => void; // Change handler\r\n  autoComplete?: boolean;\r\n}\r\n\r\nexport const PasswordInput: React.FC<PasswordInputProps> = ({\r\n  label = 'Password',\r\n  placeholder = 'Enter your password',\r\n  value,\r\n  onChange,\r\n  autoComplete = true,\r\n}) => {\r\n  const [isPasswordVisible, setIsPasswordVisible] = useState(false);\r\n\r\n  const togglePasswordVisibility = () => {\r\n    setIsPasswordVisible(!isPasswordVisible);\r\n  };\r\n\r\n  return (\r\n    <div className={styles.container}>\r\n      {label && <label className={styles.label}>{label}</label>}\r\n      <div className={styles.wrapper}>\r\n        <input\r\n          type={isPasswordVisible ? 'text' : 'password'}\r\n          value={value}\r\n          onChange={e => onChange(e.target.value)}\r\n          placeholder={placeholder}\r\n          className={styles.input}\r\n          autoComplete={autoComplete ? 'on' : 'off'}\r\n        />\r\n        <button\r\n          type=\"button\"\r\n          className={styles.toggle}\r\n          onClick={togglePasswordVisibility}\r\n          aria-label={isPasswordVisible ? 'Hide password' : 'Show password'}\r\n        >\r\n          {isPasswordVisible ? (\r\n            <span role=\"img\" aria-label=\"Hide\">\r\n              👁️\r\n            </span>\r\n          ) : (\r\n            <span role=\"img\" aria-label=\"Show\">\r\n              🙈\r\n            </span>\r\n          )}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n","// src/components/ProtectedRoute.tsx\r\nimport React from 'react';\r\nimport { Navigate } from 'react-router-dom';\r\n\r\ninterface ProtectedRouteProps {\r\n  children: JSX.Element;\r\n  isAuthenticated: boolean;\r\n}\r\n\r\nexport const ProtectedRoute: React.FC<ProtectedRouteProps> = ({\r\n  children,\r\n  isAuthenticated = false,\r\n}) => {\r\n  return isAuthenticated ? children : <Navigate to=\"/\" replace />;\r\n};\r\n"],"names":["BottomNavBar","_ref","navItems","React","className","styles","bottomNav","map","item","index","visible","key","navButton","onClick","icon","hiddenLabel","label","Button","_ref$type","type","_ref$disabled","disabled","_ref$className","CircleButton","imageURL","viewWidth","containerButton","style","display","justifyContent","alignItems","width","height","padding","backgroundColor","background","RoundButton","props","_extends","viewHeight","customStyleBtn","undefined","insideButtonIconAndName","customStyleLabel","name","SignInWithGoogle","gsiMaterialButton","event","preventDefault","gsiMaterialButtonState","gsiMaterialButtonContentWrapper","gsiMaterialButtonIcon","version","xmlns","viewBox","xmlnsXlink","fill","d","gsiMaterialButtonContents","Card","compactPreview","fullContent","bottomElement","showLessText","moreInfoText","_useState","useState","isExpanded","setIsExpanded","toggleCard","card","toLowerCase","Chart","startingAmount","earnedAmount","data","formatCurrency","value","toLocaleString","chartContainer","title","chartSummary","summaryItem","chartArea","ResponsiveContainer","LineChart","margin","top","right","left","bottom","CartesianGrid","strokeDasharray","XAxis","dataKey","tick","fontSize","angle","textAnchor","YAxis","Tooltip","formatter","Legend","Line","stroke","activeDot","r","FormContainer","children","_ref$titleAlign","titleAlign","dynamicTitleAlign","flexFlow","KitchenIcon","OrdersIcon","id","ProductsIcon","TeamIcon","ValidationMessage","message","colorSpan","color","InputField","_ref$display","onChange","placeholder","error","_ref$labelClassName","labelClassName","_ref$inputClassName","inputClassName","dynamicStyle","centerContentColumn","centerContentRow","htmlFor","NavigationBar","_ref$justifyContent","nav","navItem","submenu","subItem","subIndex","submenuItem","PasswordInput","_ref$label","_ref$placeholder","_ref$autoComplete","autoComplete","isPasswordVisible","setIsPasswordVisible","togglePasswordVisibility","container","wrapper","e","target","input","toggle","role","ProtectedRoute","_ref$isAuthenticated","isAuthenticated","Navigate","to","replace"],"mappings":"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"}

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.13.0",
+  "version": "0.13.2",
   "name": "@wecodesolutions/shared-react-components-ts",
   "publishConfig": {
     "access": "public"

package/src/components/chart/Chart.tsx

@@ -23,7 +23,7 @@ interface ChartData {
   profit: number;
 }
 
-const Chart: React.FC<ChartProps> = ({
+export const Chart: React.FC<ChartProps> = ({
   startingAmount,
   earnedAmount,
   data,
@@ -76,5 +76,3 @@ const Chart: React.FC<ChartProps> = ({
     </div>
   );
 };
-
-export default Chart;

package/src/index.tsx

@@ -4,6 +4,7 @@ export * from './components/buttons/circleButton/CircleButton';
 export * from './components/buttons/roundButton/RoundButton';
 export * from './components/buttons/SignInWithGoogle/SignInWithGoogle';
 export * from './components/card/Card';
+export * from './components/chart/Chart';
 export * from './components/formContainer/FormContainer';
 export * from './components/icons/AllCustomIcons';
 export * from './components/inputField/InputField';