@ssa-ui-kit/widgets 2.32.0-canary-d213a33-20251219 → 2.32.0-canary-f90c17a-20251231

package/dist/index.js

@@ -1,2837 +0,0 @@
-(function webpackUniversalModuleDefinition(root, factory) {
-	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory();
-	else if(typeof define === 'function' && define.amd)
-		define([], factory);
-	else if(typeof exports === 'object')
-		exports["SSAWidgets"] = factory();
-	else
-		root["SSAWidgets"] = factory();
-})(self, () => {
-return /******/ (() => { // webpackBootstrap
-/******/ 	"use strict";
-/******/ 	// The require scope
-/******/ 	var __webpack_require__ = {};
-/******/ 	
-/************************************************************************/
-/******/ 	/* webpack/runtime/compat get default export */
-/******/ 	(() => {
-/******/ 		// getDefaultExport function for compatibility with non-harmony modules
-/******/ 		__webpack_require__.n = (module) => {
-/******/ 			var getter = module && module.__esModule ?
-/******/ 				() => (module['default']) :
-/******/ 				() => (module);
-/******/ 			__webpack_require__.d(getter, { a: getter });
-/******/ 			return getter;
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/define property getters */
-/******/ 	(() => {
-/******/ 		// define getter functions for harmony exports
-/******/ 		__webpack_require__.d = (exports, definition) => {
-/******/ 			for(var key in definition) {
-/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
-/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
-/******/ 				}
-/******/ 			}
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
-/******/ 	(() => {
-/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/make namespace object */
-/******/ 	(() => {
-/******/ 		// define __esModule on exports
-/******/ 		__webpack_require__.r = (exports) => {
-/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 			}
-/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/************************************************************************/
-var __webpack_exports__ = {};
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  AccountBalance: () => (/* reexport */ AccountBalance),
-  AccountKeys: () => (/* reexport */ AccountKeys),
-  Activity: () => (/* reexport */ Activity),
-  BalancePieChart: () => (/* reexport */ BalancePieChart),
-  BalancePieChartTitle: () => (/* reexport */ BalancePieChartTitle),
-  Bmi: () => (/* reexport */ Bmi),
-  Calories: () => (/* reexport */ Calories),
-  ExchangeAccount: () => (/* reexport */ ExchangeAccount),
-  HeartRate: () => (/* reexport */ HeartRate),
-  ListGoals: () => (/* reexport */ ListGoals),
-  MarginInfo: () => (/* reexport */ MarginInfo),
-  MealNutrients: () => (/* reexport */ MealNutrients),
-  MealPlanner: () => (/* reexport */ MealPlanner),
-  StepsCounter: () => (/* reexport */ StepsCounter),
-  TradingInfoCard: () => (/* reexport */ TradingInfoCard_TradingInfoCard),
-  TradingScoreboard: () => (/* reexport */ TradingScoreboard_TradingScoreboard),
-  UpcomingWorkouts: () => (/* reexport */ UpcomingWorkouts),
-  UserCard: () => (/* reexport */ UserCard_UserCard),
-  WaterConsume: () => (/* reexport */ WaterConsume),
-  useAccountKeys: () => (/* reexport */ useAccountKeys)
-});
-
-;// external "@emotion/react"
-const react_namespaceObject = require("@emotion/react");
-;// external "react"
-const external_react_namespaceObject = require("react");
-var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_namespaceObject);
-;// external "@ssa-ui-kit/core"
-const core_namespaceObject = require("@ssa-ui-kit/core");
-;// ./src/components/Activity/styles.ts
-
-const contentWrapper = theme => /*#__PURE__*/(0,react_namespaceObject.css)("justify-content:center;gap:20px;flex-direction:row;max-width:380px;", theme.mediaQueries.md, "{gap:30px;}" + ( true ? "" : 0),  true ? "" : 0);
-;// external "@ssa-ui-kit/utils"
-const utils_namespaceObject = require("@ssa-ui-kit/utils");
-;// external "@emotion/react/jsx-runtime"
-const jsx_runtime_namespaceObject = require("@emotion/react/jsx-runtime");
-;// ./src/components/Activity/ActivityItem.tsx
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
-
-
-
-const {
-  printDayOfTheWeek
-} = utils_namespaceObject.dateFormatters;
-const container =  true ? {
-  name: "109oaxu",
-  styles: "display:flex;align-items:center;flex-direction:column;justify-content:center;height:162px;gap:10px;font-size:11px"
-} : 0;
-const ActivityItem = ({
-  currentValue,
-  date
-}) => {
-  return (0,jsx_runtime_namespaceObject.jsxs)("div", {
-    css: container,
-    children: [(0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.ProgressVertical, {
-      children: (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.ProgressBar, {
-        percentage: currentValue,
-        color: "yellow"
-      })
-    }), (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Typography, {
-      variant: "subtitle",
-      children: printDayOfTheWeek(new Date(date).getDay())
-    })]
-  });
-};
-/* harmony default export */ const Activity_ActivityItem = (ActivityItem);
-;// ./src/components/Activity/Activity.tsx
-function Activity_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
-
-
-
-
-
-
-
-var _ref =  true ? {
-  name: "11yrylr",
-  styles: "width:100%;flex-direction:column"
-} : 0;
-var _ref2 =  true ? {
-  name: "1uqairc",
-  styles: "border-radius:20px;padding-inline:24px;padding-block:24px"
-} : 0;
-const Activity = ({
-  data
-}) => {
-  const [selected, setSelected] = (0,external_react_namespaceObject.useState)('');
-  const [options, setOptions] = (0,external_react_namespaceObject.useState)([]);
-  (0,external_react_namespaceObject.useEffect)(() => {
-    if (data == null || typeof data !== 'object') {
-      return;
-    }
-    setOptions(Object.keys(data).map((item, index) => ({
-      id: index,
-      value: `${item.charAt(0).toUpperCase()}${item.slice(1)}`
-    })));
-  }, [data]);
-  (0,external_react_namespaceObject.useEffect)(() => {
-    if (options?.length > 0 && !selected) {
-      handleChange(options[0]);
-    }
-  }, [options]);
-  const handleChange = e => {
-    const value = e.value.toString().toLowerCase();
-    setSelected(value);
-  };
-  return (0,jsx_runtime_namespaceObject.jsxs)(core_namespaceObject.Card, {
-    css: _ref2,
-    children: [(0,jsx_runtime_namespaceObject.jsxs)(core_namespaceObject.CardHeader, {
-      children: [(0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Typography, {
-        variant: "h3",
-        weight: "bold",
-        children: "Activity"
-      }), options?.length > 0 && (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Dropdown, {
-        selectedItem: options[0],
-        onChange: handleChange,
-        children: options.map((item, index) => (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.DropdownOption, {
-          value: item.value
-        }, index))
-      })]
-    }), (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.CardContent, {
-      css: _ref,
-      children: (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Wrapper, {
-        css: contentWrapper,
-        children: Array.isArray(data[selected]) && data[selected].map((item, index) => (0,jsx_runtime_namespaceObject.jsx)(Activity_ActivityItem, {
-          ...item
-        }, index))
-      })
-    })]
-  });
-};
-;// ./src/components/Calories/innerContent.tsx
-function innerContent_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
-
-
-var innerContent_ref =  true ? {
-  name: "8or0zb",
-  styles: "gap:5px"
-} : 0;
-const InnerContent = ({
-  currentValue,
-  max
-}) => {
-  const theme = (0,react_namespaceObject.useTheme)();
-  return (0,jsx_runtime_namespaceObject.jsxs)("div", {
-    style: {
-      display: 'grid',
-      textAlign: 'center'
-    },
-    children: [(0,jsx_runtime_namespaceObject.jsxs)(core_namespaceObject.Wrapper, {
-      alignItems: "baseline",
-      direction: "row",
-      css: innerContent_ref,
-      children: [(0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Typography, {
-        variant: "h5",
-        weight: "bold",
-        color: theme.colors.greyDarker,
-        children: currentValue
-      }), (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Typography, {
-        variant: "subtitle",
-        weight: "bold",
-        color: theme.colors.greyDarker,
-        children: "kcal"
-      })]
-    }), (0,jsx_runtime_namespaceObject.jsxs)(core_namespaceObject.Typography, {
-      variant: "subtitle",
-      color: theme.colors.greyDarker60,
-      children: [currentValue / max * 100, "% done"]
-    })]
-  });
-};
-;// ./src/components/Calories/Calories.tsx
-function Calories_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
-
-
-
-/**
- *
- * UI Component that shows how many calories the user has burned
- */
-
-var Calories_ref =  true ? {
-  name: "1paxtit",
-  styles: "box-shadow:0 10px 40px rgba(42, 48, 57, 0.08);border-radius:20px"
-} : 0;
-const Calories = ({
-  max,
-  currentValue
-}) => {
-  const theme = (0,react_namespaceObject.useTheme)();
-  return (0,jsx_runtime_namespaceObject.jsxs)(core_namespaceObject.Card, {
-    css: Calories_ref,
-    children: [(0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.CardHeader, {
-      icon: (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.ResponsiveImage, {
-        css: /*#__PURE__*/(0,react_namespaceObject.css)({
-          filter: `drop-shadow(0px 5px 5px ${theme.colors.grey})`
-        },  true ? "" : 0,  true ? "" : 0),
-        srcSet: "https://firebasestorage.googleapis.com/v0/b/admin-themes.appspot.com/o/img%2Fcalories%2Fcalories_64.png?alt=media&token=6a57e3f5-0e15-4dcf-8871-f1bf94d887af 64w, https://firebasestorage.googleapis.com/v0/b/admin-themes.appspot.com/o/img%2Fcalories%2Fcalories_48.png?alt=media&token=861ad7c8-1bcb-4f2d-a581-4b73b4821251 48w",
-        sizes: "(min-width: 1440px) 64px, 48px",
-        src: "https://firebasestorage.googleapis.com/v0/b/admin-themes.appspot.com/o/img%2Fcalories%2Fcalories_48.png?alt=media&token=861ad7c8-1bcb-4f2d-a581-4b73b4821251",
-        alt: "Calories burn"
-      }),
-      children: (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Typography, {
-        variant: "h6",
-        weight: "bold",
-        children: "Calories"
-      })
-    }), (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.CardContent, {
-      children: (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.ProgressCircle, {
-        max: max,
-        currentValue: currentValue,
-        color: "pink",
-        infoContent: (0,jsx_runtime_namespaceObject.jsx)(InnerContent, {
-          max: max,
-          currentValue: currentValue
-        }),
-        size: 120
-      })
-    })]
-  });
-};
-;// external "@nivo/core"
-const external_nivo_core_namespaceObject = require("@nivo/core");
-;// external "@nivo/line"
-const line_namespaceObject = require("@nivo/line");
-;// ./src/components/HeartRate/utils.tsx
-const getTime = (date, options) => date.toLocaleTimeString('en-US', options || {
-  hour: '2-digit',
-  minute: '2-digit'
-});
-;// ./src/components/HeartRate/HeartRateLineChart.tsx
-
-
-
-
-const ResponsiveLine = (0,core_namespaceObject.wrapNivoResponsiveComponent)(line_namespaceObject.ResponsiveLine, 'ResponsiveLine');
-
-// ScaleSpec is not exported from @nivo/line
-
-const defaults = {
-  margin: {
-    top: 0,
-    right: 0,
-    bottom: 0,
-    left: 0
-  },
-  xScale: {
-    type: 'point'
-  },
-  yScale: {
-    type: 'linear',
-    min: 'auto',
-    max: 'auto',
-    stacked: true,
-    reverse: false
-  },
-  pointBorderColor: {
-    from: 'serieColor'
-  },
-  legends: [],
-  xFormat: yVal => getTime(new Date(String(yVal))),
-  yFormat: xVal => `${xVal} bpm`,
-  tooltip: args => (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.SimpleChartTooltip, {
-    ...args
-  })
-};
-const HeartRateLineChart = ({
-  data,
-  ...props
-}) => {
-  return (0,jsx_runtime_namespaceObject.jsx)(ResponsiveLine, {
-    data: data,
-    curve: "linear",
-    axisTop: null,
-    axisRight: null,
-    axisBottom: null,
-    axisLeft: null,
-    enableGridX: false,
-    enableGridY: false,
-    lineWidth: 1,
-    enablePoints: false,
-    pointSize: 3,
-    pointColor: "black",
-    pointBorderWidth: 2,
-    pointLabelYOffset: -12,
-    enableArea: true,
-    areaOpacity: 0.1,
-    enableCrosshair: false,
-    crosshairType: "top-left",
-    useMesh: true,
-    animate: false,
-    ...defaults,
-    ...props
-  });
-};
-;// external "@emotion/styled/base"
-const base_namespaceObject = require("@emotion/styled/base");
-var base_default = /*#__PURE__*/__webpack_require__.n(base_namespaceObject);
-;// ./src/components/HeartRate/BPM.tsx
-
-function BPM_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
-
-
-const BPMBase = /*#__PURE__*/base_default()("div",  true ? {
-  target: "ek7c6rl0"
-} : 0)( true ? {
-  name: "1v1gu0d",
-  styles: "text-align:center;margin-top:23px"
-} : 0);
-const BPMValueStyles =  true ? {
-  name: "1ttuluy",
-  styles: "font-weight:700;font-size:1.728rem;line-height:2rem;@media (max-width: 900px){font-size:1.2rem;line-height:1.639;}"
-} : 0;
-const getBPMLabelStyles = theme => /*#__PURE__*/(0,react_namespaceObject.css)("color:", theme.colors.greyDarker60, ";font-weight:600;font-size:1rem;line-height:1.5rem;margin-left:4px;@media (max-width: 900px){font-size:0.833rem;line-height:1.375;}" + ( true ? "" : 0),  true ? "" : 0);
-const BPM = ({
-  value
-}) => {
-  const theme = (0,react_namespaceObject.useTheme)();
-  return (0,jsx_runtime_namespaceObject.jsxs)(BPMBase, {
-    children: [(0,jsx_runtime_namespaceObject.jsx)("span", {
-      css: BPMValueStyles,
-      children: value
-    }), (0,jsx_runtime_namespaceObject.jsx)("span", {
-      css: getBPMLabelStyles(theme),
-      children: "BPM"
-    })]
-  });
-};
-;// ./src/components/HeartRate/HeartRate.tsx
-
-function HeartRate_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
-
-
-
-
-
-
-
-
-const gradientId = 'HeartRateGradient';
-const chartFill = [{
-  match: '*',
-  id: gradientId
-}];
-
-/**
- *
- * UI Component that shows the heart rate of the user
- */
-var HeartRate_ref =  true ? {
-  name: "1srykpd",
-  styles: "height:65px;width:calc(100% + 40px);margin-inline:-20px"
-} : 0;
-var HeartRate_ref2 =  true ? {
-  name: "1paxtit",
-  styles: "box-shadow:0 10px 40px rgba(42, 48, 57, 0.08);border-radius:20px"
-} : 0;
-var _ref3 =  true ? {
-  name: "1d3w5wq",
-  styles: "width:100%"
-} : 0;
-const HeartRate = ({
-  data,
-  caption = 'Heart Rate',
-  color
-}) => {
-  const [bpmValue, setBpmValue] = (0,external_react_namespaceObject.useState)(data?.data?.[0]?.y);
-  const [onBpmValueChange, cancelTimer] = (0,external_react_namespaceObject.useMemo)(() => (0,utils_namespaceObject.throttle)(point => {
-    if ((0,line_namespaceObject.isPoint)(point)) {
-      setBpmValue(point?.data?.y);
-    }
-  }, 100), []);
-  const theme = (0,react_namespaceObject.useTheme)();
-  const chartColor = color || theme.colors.purpleDark;
-  (0,external_react_namespaceObject.useEffect)(() => () => cancelTimer(), []);
-  (0,external_react_namespaceObject.useEffect)(() => {
-    setBpmValue(data?.data?.[0]?.y);
-  }, [data]);
-  const gradientDefs = (0,external_react_namespaceObject.useMemo)(() => [(0,external_nivo_core_namespaceObject.linearGradientDef)(gradientId, [{
-    offset: 100,
-    color: chartColor
-  }, {
-    offset: 0,
-    color: chartColor
-  }])], [chartColor]);
-  const chartProps = (0,external_react_namespaceObject.useMemo)(() => ({
-    data: [data],
-    colors: chartColor
-  }), [data, chartColor]);
-  return (0,jsx_runtime_namespaceObject.jsxs)(core_namespaceObject.Card, {
-    css: HeartRate_ref2,
-    children: [(0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.CardHeader, {
-      icon: (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.ResponsiveImage, {
-        css: /*#__PURE__*/(0,react_namespaceObject.css)({
-          filter: `drop-shadow(0px 5px 5px ${theme.colors.grey})`
-        },  true ? "" : 0,  true ? "" : 0),
-        srcSet: "https://firebasestorage.googleapis.com/v0/b/admin-themes.appspot.com/o/img%2Fheart%2Fheart_64.png?alt=media&token=aca1639b-62f5-44ed-a0d1-3cea8e4797e2 64w, https://firebasestorage.googleapis.com/v0/b/admin-themes.appspot.com/o/img%2Fheart%2Fheart_48.png?alt=media&token=7ef68a25-5362-48b9-b359-c46b48d1db54 48w",
-        sizes: "(min-width: 1440px) 64px, 48px",
-        src: "https://firebasestorage.googleapis.com/v0/b/admin-themes.appspot.com/o/img%2Fheart%2Fheart_48.png?alt=media&token=7ef68a25-5362-48b9-b359-c46b48d1db54",
-        alt: "Heart"
-      }),
-      children: (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Typography, {
-        variant: "h5",
-        weight: "bold",
-        children: caption
-      })
-    }), (0,jsx_runtime_namespaceObject.jsxs)(core_namespaceObject.CardContent, {
-      direction: "column",
-      css: _ref3,
-      children: [(0,jsx_runtime_namespaceObject.jsx)("div", {
-        css: HeartRate_ref,
-        children: (0,jsx_runtime_namespaceObject.jsx)(HeartRateLineChart, {
-          ...chartProps,
-          fill: chartFill,
-          defs: gradientDefs,
-          onMouseMove: onBpmValueChange
-        })
-      }), bpmValue != null ? (0,jsx_runtime_namespaceObject.jsx)(BPM, {
-        value: bpmValue
-      }) : null]
-    })]
-  });
-};
-;// ./src/components/HeartRate/index.ts
-
-
-;// ./src/components/MealNutrients/chartDefaultConfig.tsx
-
-
-
-const {
-  formatDayOfWeek
-} = utils_namespaceObject.dateFormatters;
-const CustomPointLayer = ({
-  currentPoint,
-  pointSize,
-  pointBorderWidth,
-  ...props
-}) => {
-  if (!currentPoint) {
-    return;
-  }
-  const point = currentPoint;
-  return (0,jsx_runtime_namespaceObject.jsx)("g", {
-    children: (0,jsx_runtime_namespaceObject.jsx)(external_nivo_core_namespaceObject.DotsItem, {
-      x: point.x,
-      y: point.y,
-      color: point.color,
-      borderColor: point.borderColor,
-      datum: point.data,
-      size: pointSize || 0,
-      borderWidth: pointBorderWidth || 0,
-      ...props
-    }, point.id)
-  });
-};
-const tickValues = [0, 20, 40, 60, 80, 100];
-const chartDefaultConfig_defaults = {
-  margin: {
-    top: 28,
-    right: 50,
-    bottom: 50,
-    left: 5
-  },
-  xScale: {
-    type: 'time',
-    format: '%L',
-    precision: 'day'
-  },
-  yScale: {
-    type: 'linear',
-    min: 'auto',
-    max: 'auto',
-    stacked: false,
-    reverse: false
-  },
-  axisRight: {
-    tickSize: 0,
-    tickPadding: 10,
-    tickRotation: 0,
-    tickValues,
-    format: tick => `${tick}%`,
-    legend: '',
-    legendOffset: 0
-  },
-  axisBottom: {
-    tickSize: 0,
-    tickPadding: 30,
-    tickRotation: 0,
-    legend: '',
-    tickValues: 'every day',
-    format: formatDayOfWeek
-  },
-  pointColor: {
-    from: 'color',
-    modifiers: []
-  },
-  pointBorderColor: {
-    from: 'color',
-    modifiers: []
-  },
-  legends: [],
-  gridYValues: tickValues,
-  layers: ['grid', 'markers', 'axes', 'areas', 'crosshair', 'lines', CustomPointLayer, 'slices', 'mesh', 'legends']
-};
-;// ./src/components/MealNutrients/MealNutrientsTooltip.tsx
-
-
-const capitalize = str => `${str[0].toUpperCase()}${str.substring(1)}`;
-const MealNutrientsTooltip = ({
-  colorName,
-  point
-}) => {
-  const caption = capitalize(String(point.seriesId));
-  const {
-    data: {
-      y,
-      comp,
-      unit
-    }
-  } = point;
-  const iconName = comp && `arrow-${comp > 0 ? 'up' : 'down'}` || undefined;
-  return (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.ProgressChartTooltip, {
-    caption: caption,
-    value: y,
-    valueFormatted: `${comp}${unit}`,
-    iconName: iconName,
-    barProps: {
-      color: colorName
-    }
-  });
-};
-;// ./src/components/MealNutrients/MealNutrientsLineChart.tsx
-
-
-
-
-
-
-
-const MealNutrientsLineChart_ResponsiveLine = (0,core_namespaceObject.wrapNivoResponsiveComponent)(line_namespaceObject.ResponsiveLine, 'ResponsiveLine');
-const colorPalette = ['pink', 'purple', 'turquoise', 'yellow', 'green', 'blue'];
-const MealNutrientsLineChart = ({
-  data,
-  ...props
-}) => {
-  const theme = (0,react_namespaceObject.useTheme)();
-  const defaultColorMapping = (0,external_react_namespaceObject.useMemo)(() => colorPalette.reduce((res, colorName) => {
-    const colorValue = theme.colors[`${colorName}Lighter`];
-    res[colorValue] = colorName;
-    return res;
-  }, {}), [theme.colors]);
-  const defaultSettings = (0,external_react_namespaceObject.useMemo)(() => Object.assign(chartDefaultConfig_defaults, {
-    colors: colorPalette.map(color => theme.colors[`${color}Lighter`]),
-    tooltip: ({
-      point
-    }) => {
-      const color = defaultColorMapping[point.color];
-      return (0,jsx_runtime_namespaceObject.jsx)(MealNutrientsTooltip, {
-        point: point,
-        colorName: color
-      });
-    },
-    theme: {
-      axis: {
-        ticks: {
-          text: {
-            fontSize: '0.833rem',
-            fontWeight: 500,
-            fill: theme.colors.greyDarker
-          }
-        }
-      },
-      grid: {
-        line: {
-          stroke: theme.colors.greyLighter,
-          strokeWidth: 1,
-          strokeDasharray: '8 8'
-        }
-      },
-      text: {
-        fontFamily: "'Manrope', sans-serif"
-      }
-    }
-  }), [theme.colors, defaultColorMapping]);
-  return (0,jsx_runtime_namespaceObject.jsx)(MealNutrientsLineChart_ResponsiveLine, {
-    data: data,
-    curve: "catmullRom",
-    axisTop: null,
-    axisLeft: null,
-    enableGridX: false,
-    enableGridY: true,
-    lineWidth: 1,
-    enablePoints: true,
-    pointSize: 8,
-    pointBorderWidth: 0,
-    pointLabelYOffset: -12,
-    enableArea: false,
-    areaOpacity: 0.1,
-    enableCrosshair: false,
-    useMesh: true,
-    animate: false,
-    ...defaultSettings,
-    ...props
-  });
-};
-;// ./src/components/MealNutrients/useChartConfig.ts
-
-
-const {
-  formatTime,
-  formatDayOfWeek: useChartConfig_formatDayOfWeek,
-  formatDate
-} = utils_namespaceObject.dateFormatters;
-const MAX_ITEMS_ON_SMALL_SCREENS = 7;
-const MIN_WIDTH = 600;
-const THROTTLE_DELAY_MS = 50;
-const useChartConfig = (elRef, data, precision = 'day') => {
-  const [width, setWidth] = (0,external_react_namespaceObject.useState)(0);
-  const throttledRef = (0,external_react_namespaceObject.useRef)((0,utils_namespaceObject.throttle)(entries => {
-    setWidth(entries[0].contentRect.width);
-  }, THROTTLE_DELAY_MS));
-  const observerRef = (0,external_react_namespaceObject.useRef)(new ResizeObserver(throttledRef?.current?.[0]));
-  (0,external_react_namespaceObject.useEffect)(() => {
-    const currentRef = elRef.current;
-    if (observerRef.current && currentRef) {
-      observerRef.current.observe(currentRef);
-    }
-    return () => {
-      if (observerRef.current && currentRef) {
-        observerRef.current.unobserve(currentRef);
-      }
-    };
-  }, [elRef, observerRef]);
-  (0,external_react_namespaceObject.useEffect)(() => {
-    return () => {
-      if (throttledRef.current) {
-        const [, cancel] = throttledRef.current;
-        cancel();
-      }
-    };
-  }, [throttledRef]);
-  return (0,external_react_namespaceObject.useMemo)(() => ({
-    xScale: {
-      type: 'time',
-      format: '%L',
-      precision: precision === 'week' ? 'day' : precision
-    },
-    axisBottom: {
-      tickSize: 0,
-      tickPadding: 30,
-      legend: '',
-      tickValues: width < MIN_WIDTH ? MAX_ITEMS_ON_SMALL_SCREENS : undefined,
-      tickRotation: width < MIN_WIDTH ? 30 : 0,
-      format: precision === 'hour' ? formatTime : precision === 'week' ? useChartConfig_formatDayOfWeek : formatDate
-    }
-  }), [data, width, precision]);
-};
-/* harmony default export */ const MealNutrients_useChartConfig = (useChartConfig);
-;// ./src/components/MealNutrients/MealNutrients.tsx
-function MealNutrients_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
-
-
-
-
-var MealNutrients_ref =  true ? {
-  name: "as11ew",
-  styles: "line-height:normal"
-} : 0;
-var MealNutrients_ref2 =  true ? {
-  name: "1d3w5wq",
-  styles: "width:100%"
-} : 0;
-var MealNutrients_ref3 =  true ? {
-  name: "1otqacd",
-  styles: "height:227px;svg{overflow:visible;}"
-} : 0;
-/**
- *
- * UI Component that shows the nutrients consumed by the user
- */
-const MealNutrients = ({
-  caption = 'Meal Nutrients',
-  options,
-  data,
-  onOptionChange
-}) => {
-  const [selectedOption, setSelectedOption] = (0,external_react_namespaceObject.useState)();
-  const containerRef = (0,external_react_namespaceObject.useRef)(null);
-  const chartConfig = MealNutrients_useChartConfig(containerRef, data, selectedOption?.precision);
-  (0,external_react_namespaceObject.useEffect)(() => {
-    if (options?.length > 0 && selectedOption == null) {
-      handleChange(options[0]);
-    }
-  }, [options]);
-  const handleChange = e => {
-    const item = options.filter(item => item.value === e.value)[0];
-    setSelectedOption(item);
-    if (onOptionChange) {
-      onOptionChange(item);
-    }
-  };
-  return (0,jsx_runtime_namespaceObject.jsxs)("div", {
-    ref: containerRef,
-    children: [(0,jsx_runtime_namespaceObject.jsxs)(core_namespaceObject.CardHeader, {
-      transparent: true,
-      children: [(0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Typography, {
-        variant: "h4",
-        weight: "bold",
-        css: MealNutrients_ref,
-        children: caption
-      }), options?.length > 0 && (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Dropdown, {
-        selectedItem: options[0],
-        onChange: handleChange,
-        children: options.map(item => (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.DropdownOption, {
-          value: item.value,
-          label: item.label
-        }, item.value))
-      })]
-    }), (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Card, {
-      children: (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.CardContent, {
-        direction: "column",
-        css: MealNutrients_ref2,
-        children: (0,jsx_runtime_namespaceObject.jsx)("div", {
-          css: MealNutrients_ref3,
-          children: data?.length > 0 && (0,jsx_runtime_namespaceObject.jsx)(MealNutrientsLineChart, {
-            data: data,
-            ...chartConfig
-          })
-        })
-      })
-    })]
-  });
-};
-;// ./src/components/MealNutrients/index.tsx
-
-
-;// ./src/components/UpcomingWorkouts/style.ts
-function style_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
-var style_ref =  true ? {
-  name: "1g7ta9s",
-  styles: "display:flex;justify-content:space-between;align-items:center;width:100%;padding-left:15px"
-} : 0;
-const style_contentWrapper = () => style_ref;
-;// ./src/components/UpcomingWorkouts/UpcomingWorkoutCard.tsx
-function UpcomingWorkoutCard_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
-
-
-
-/**
- *
- * UI Component that use CardList to render a list of upcoming workouts
- */
-
-var UpcomingWorkoutCard_ref =  true ? {
-  name: "10ava9y",
-  styles: "width:calc(100% - 42px)"
-} : 0;
-const UpcomingWorkoutCard = ({
-  image,
-  title,
-  workoutTime,
-  renderDetails,
-  onClick
-}) => {
-  const theme = (0,react_namespaceObject.useTheme)();
-  return (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Card, {
-    noShadow: true,
-    children: (0,jsx_runtime_namespaceObject.jsxs)(core_namespaceObject.Wrapper, {
-      direction: "row",
-      children: [(0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Avatar, {
-        size: 42,
-        image: image
-      }), (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.CardContent, {
-        css: UpcomingWorkoutCard_ref,
-        children: (0,jsx_runtime_namespaceObject.jsxs)(core_namespaceObject.Wrapper, {
-          direction: "column",
-          children: [(0,jsx_runtime_namespaceObject.jsxs)("div", {
-            css: style_contentWrapper,
-            children: [(0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Typography, {
-              variant: "h6",
-              children: title
-            }), (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Button, {
-              endIcon: (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Icon, {
-                name: "more"
-              }),
-              variant: "tertiary",
-              size: "small",
-              onClick: onClick
-            })]
-          }), (0,jsx_runtime_namespaceObject.jsxs)("div", {
-            css: style_contentWrapper,
-            children: [(0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Typography, {
-              variant: "subtitle",
-              color: theme.colors.greyDarker60,
-              as: "p",
-              children: renderDetails()
-            }), (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Typography, {
-              variant: "subtitle",
-              as: "p",
-              children: workoutTime
-            })]
-          })]
-        })
-      })]
-    })
-  });
-};
-;// ./src/components/UpcomingWorkouts/UpcomingWorkouts.tsx
-
-
-
-
-const UpcomingWorkouts = ({
-  workouts
-}) => (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.CardList, {
-  title: "Upcoming Workout",
-  items: workouts,
-  renderItem: workout => (0,jsx_runtime_namespaceObject.jsx)(UpcomingWorkoutCard, {
-    image: workout.image,
-    title: workout.title,
-    workoutTime: workout.workoutTime,
-    onClick: workout.handleClick,
-    renderDetails: () => (0,jsx_runtime_namespaceObject.jsxs)(external_react_namespaceObject.Fragment, {
-      children: [(0,jsx_runtime_namespaceObject.jsx)("strong", {
-        children: workout.details.exercises
-      }), " Exercises |", ' ', (0,jsx_runtime_namespaceObject.jsx)("strong", {
-        children: workout.details.minutes
-      }), " mins"]
-    })
-  })
-});
-;// ./src/components/WaterConsume/WaterConsume.tsx
-function WaterConsume_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
-
-
-var WaterConsume_ref2 =  true ? {
-  name: "7mn33w",
-  styles: "flex:1 1 auto;margin-left:11.5px"
-} : 0;
-const CustomConnector = ({
-  active,
-  completed
-}) => {
-  const theme = (0,react_namespaceObject.useTheme)();
-  return (0,jsx_runtime_namespaceObject.jsx)("div", {
-    css: WaterConsume_ref2,
-    children: (0,jsx_runtime_namespaceObject.jsx)("span", {
-      css: /*#__PURE__*/(0,react_namespaceObject.css)("display:block;border-color:", active || completed ? theme.colors.blueLightLighter : theme.colors.greyDarker60, ";border-left-style:dashed;border-left-width:1px;min-height:20px;" + ( true ? "" : 0),  true ? "" : 0)
-    })
-  });
-};
-const CustomStep = props => {
-  const {
-    active,
-    completed
-  } = props;
-  const theme = (0,react_namespaceObject.useTheme)();
-  return (0,jsx_runtime_namespaceObject.jsx)("div", {
-    css: /*#__PURE__*/(0,react_namespaceObject.css)("width:6px;height:6px;background-color:", active || completed ? theme.colors.blueLightLighter : theme.colors.greyDarker60, ";border-radius:50%;" + ( true ? "" : 0),  true ? "" : 0)
-  });
-};
-
-/**
- *
- * UI Component shows the water consumption objective of the user
- * @param steps - the order goes from top to bottom, from left to right
- */
-var WaterConsume_ref =  true ? {
-  name: "1paxtit",
-  styles: "box-shadow:0 10px 40px rgba(42, 48, 57, 0.08);border-radius:20px"
-} : 0;
-var WaterConsume_ref3 =  true ? {
-  name: "1n5h93v",
-  styles: "width:100%;justify-content:center;align-items:stretch"
-} : 0;
-const WaterConsume = ({
-  minValue = 0,
-  maxValue = 100,
-  currentValue,
-  active,
-  steps,
-  unit = '%'
-}) => {
-  const theme = (0,react_namespaceObject.useTheme)();
-  const currentPercentage = Math.round(currentValue * 100 / maxValue);
-  return (0,jsx_runtime_namespaceObject.jsxs)(core_namespaceObject.Card, {
-    css: WaterConsume_ref,
-    children: [(0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.CardHeader, {
-      icon: (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.ResponsiveImage, {
-        css: /*#__PURE__*/(0,react_namespaceObject.css)({
-          filter: `drop-shadow(0px 5px 5px ${theme.colors.grey})`
-        },  true ? "" : 0,  true ? "" : 0),
-        srcSet: "https://firebasestorage.googleapis.com/v0/b/admin-themes.appspot.com/o/img%2Fwater%2Fwater_64.png?alt=media&token=2abf9f9c-2159-4235-856c-f054783a007d 64w, https://firebasestorage.googleapis.com/v0/b/admin-themes.appspot.com/o/img%2Fwater%2Fwater_48.png?alt=media&token=abc1e619-940a-4fc0-9f83-ef0a998464f2 48w",
-        sizes: "(min-width: 1440px) 64px, 48px",
-        src: "https://firebasestorage.googleapis.com/v0/b/admin-themes.appspot.com/o/img%2Fwater%2Fwater_48.png?alt=media&token=abc1e619-940a-4fc0-9f83-ef0a998464f2",
-        alt: "Water"
-      }),
-      children: (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Typography, {
-        variant: "h6",
-        weight: "bold",
-        children: "Water"
-      })
-    }), (0,jsx_runtime_namespaceObject.jsxs)(core_namespaceObject.CardContent, {
-      css: WaterConsume_ref3,
-      children: [(0,jsx_runtime_namespaceObject.jsx)("div", {
-        style: {
-          fontSize: 14,
-          marginRight: '15px'
-        },
-        children: (0,jsx_runtime_namespaceObject.jsxs)(core_namespaceObject.ProgressVertical, {
-          children: [(0,jsx_runtime_namespaceObject.jsxs)(core_namespaceObject.ProgressLegend, {
-            children: [(0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.ProgressLegendItem, {
-              position: "end",
-              percentage: 100,
-              children: (0,jsx_runtime_namespaceObject.jsx)("span", {
-                style: {
-                  textAlign: 'right',
-                  display: 'block',
-                  paddingRight: 6
-                },
-                children: `${maxValue}${unit}`
-              })
-            }), (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.ProgressLegendItem, {
-              position: "current",
-              percentage: currentPercentage,
-              children: (0,jsx_runtime_namespaceObject.jsx)("span", {
-                style: {
-                  textAlign: 'right',
-                  display: 'block',
-                  paddingRight: 6
-                },
-                children: `${currentValue}${unit}`
-              })
-            }), (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.ProgressLegendItem, {
-              position: "start",
-              percentage: 0,
-              children: (0,jsx_runtime_namespaceObject.jsx)("span", {
-                style: {
-                  textAlign: 'right',
-                  display: 'block',
-                  paddingRight: 6
-                },
-                children: `${minValue}${unit}`
-              })
-            })]
-          }), (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.ProgressBar, {
-            percentage: currentPercentage,
-            color: "blueLight"
-          })]
-        })
-      }), (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Stepper, {
-        color: theme.colors.blueLight,
-        activeStep: active,
-        orientation: 'vertical',
-        inverted: true,
-        sx: {
-          rowGap: 0
-        },
-        children: steps.map((step, index) => {
-          return (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Step, {
-            Connector: CustomConnector,
-            children: (0,jsx_runtime_namespaceObject.jsxs)(core_namespaceObject.StepLabel, {
-              StepIcon: CustomStep,
-              children: [(0,jsx_runtime_namespaceObject.jsx)("span", {
-                style: {
-                  textAlign: 'left',
-                  display: 'block',
-                  fontSize: 9
-                },
-                children: step.caption
-              }), (0,jsx_runtime_namespaceObject.jsx)("span", {
-                style: {
-                  textAlign: 'left',
-                  display: 'block',
-                  fontSize: 9,
-                  fontWeight: 700
-                },
-                children: step.title
-              })]
-            })
-          }, index);
-        })
-      })]
-    })]
-  });
-};
-;// ./src/components/Bmi/BmiHeatbar.tsx
-
-function BmiHeatbar_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-const BmiHeatbar = /*#__PURE__*/base_default()("div",  true ? {
-  target: "e1n6hn4h0"
-} : 0)( true ? {
-  name: "1oaiz4z",
-  styles: "width:100%;height:14px;background:linear-gradient(\n    90deg,\n    #8b60f4 0%,\n    #658fdf 16.67%,\n    #69cdd0 35.42%,\n    #88e4c3 51.04%,\n    #edba5d 68.23%,\n    #ed8f66 84.38%,\n    #f28689 100%\n  );border-radius:21px"
-} : 0);
-;// ./src/components/Bmi/BmiPointer.tsx
-
-const BmiPointer = /*#__PURE__*/base_default()("div",  true ? {
-  target: "etdmc4t0"
-} : 0)("position:absolute;left:", ({
-  percentage
-}) => percentage, "%;top:0;width:14px;height:14px;background:#2b2d31;box-shadow:-4px 4px 10px rgba(42, 48, 57, 0.2);border-radius:19px;" + ( true ? "" : 0));
-;// ./src/components/Bmi/BmiInfo.tsx
-
-const BmiInfo = /*#__PURE__*/base_default()("div",  true ? {
-  target: "e1968qvg0"
-} : 0)("display:flex;padding:8px 16px;background:", ({
-  theme
-}) => theme.colors.greyLighter, ";border-radius:12px;align-items:center;" + ( true ? "" : 0));
-;// ./src/components/Bmi/BmiLabel.tsx
-
-function BmiLabel_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
-const BmiLabel = /*#__PURE__*/base_default()(core_namespaceObject.Typography,  true ? {
-  target: "ejsfewa0"
-} : 0)( true ? {
-  name: "h16vwx",
-  styles: "position:absolute;left:65%"
-} : 0);
-;// ./src/components/Bmi/BmiLabels.tsx
-function BmiLabels_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
-
-
-var BmiLabels_ref =  true ? {
-  name: "13f8x48",
-  styles: "left:80%"
-} : 0;
-var BmiLabels_ref2 =  true ? {
-  name: "322hte",
-  styles: "left:60%"
-} : 0;
-var BmiLabels_ref3 =  true ? {
-  name: "1s4icj2",
-  styles: "left:20%"
-} : 0;
-var _ref4 =  true ? {
-  name: "1i0rnv0",
-  styles: "position:relative;margin-top:5px"
-} : 0;
-const BmiLabels = () => (0,jsx_runtime_namespaceObject.jsxs)("div", {
-  css: _ref4,
-  children: [(0,jsx_runtime_namespaceObject.jsx)(BmiLabel, {
-    variant: 'subtitle',
-    css: BmiLabels_ref3,
-    children: "18.5"
-  }), (0,jsx_runtime_namespaceObject.jsx)(BmiLabel, {
-    variant: 'subtitle',
-    css: BmiLabels_ref2,
-    children: "25"
-  }), (0,jsx_runtime_namespaceObject.jsx)(BmiLabel, {
-    variant: 'subtitle',
-    css: BmiLabels_ref,
-    children: "30"
-  })]
-});
-;// ./src/components/Bmi/styles.ts
-function styles_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
-const TitleWrapper = theme => /*#__PURE__*/(0,react_namespaceObject.css)("display:flex;h6{line-height:1.625rem;margin-left:10px;color:", theme.colors.greyDarker60, ";}" + ( true ? "" : 0),  true ? "" : 0);
-const ContentWrapper =  true ? {
-  name: "1fgsgvi",
-  styles: "position:relative;width:100%;padding-top:20px"
-} : 0;
-;// ./src/components/Bmi/Bmi.tsx
-function Bmi_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
-
-
-
-
-
-
-
-
-var Bmi_ref =  true ? {
-  name: "1d3w5wq",
-  styles: "width:100%"
-} : 0;
-var Bmi_ref2 =  true ? {
-  name: "zccqi5",
-  styles: "box-shadow:0 10px 40px rgba(29, 22, 23, 0.07);border-radius:16px;padding-bottom:40px"
-} : 0;
-/**
- *
- * UI Component that calculates the Body Mass Index of the user
- */
-const Bmi = ({
-  height = 175,
-  weight = 66
-}) => {
-  const [info, setInfo] = (0,external_react_namespaceObject.useState)('');
-  const [pointer, setPointer] = (0,external_react_namespaceObject.useState)(0);
-  const bmi = Number((weight / (height * height) * 10000).toFixed(1));
-  const setInfos = {
-    underWeight: () => {
-      setInfo('Under Weight');
-      setPointer(10);
-    },
-    healthy: () => {
-      setInfo('Healthy');
-      setPointer(40);
-    },
-    overweight: () => {
-      setInfo('Overweight');
-      setPointer(70);
-    },
-    obese: () => {
-      setInfo('Obese');
-      setPointer(90);
-    }
-  };
-  (0,external_react_namespaceObject.useEffect)(() => {
-    if (bmi < 18.5) {
-      setInfos.underWeight();
-    } else if (bmi > 18.5 && bmi <= 24.9) {
-      setInfos.healthy();
-    } else if (bmi > 24.9 && bmi < 30) {
-      setInfos.overweight();
-    } else {
-      setInfos.obese();
-    }
-  }, [bmi]);
-  return (0,jsx_runtime_namespaceObject.jsxs)(external_react_namespaceObject.Fragment, {
-    children: [(0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.CardHeader, {
-      transparent: true,
-      children: (0,jsx_runtime_namespaceObject.jsxs)("div", {
-        css: TitleWrapper,
-        children: [(0,jsx_runtime_namespaceObject.jsxs)(core_namespaceObject.Typography, {
-          variant: "h5",
-          weight: "bold",
-          children: ["BMI", ' ']
-        }), (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Typography, {
-          variant: "h6",
-          children: "Body Mass Index"
-        })]
-      })
-    }), (0,jsx_runtime_namespaceObject.jsxs)(core_namespaceObject.Card, {
-      css: Bmi_ref2,
-      children: [(0,jsx_runtime_namespaceObject.jsxs)(core_namespaceObject.CardHeader, {
-        children: [(0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Typography, {
-          variant: "h2",
-          weight: "medium",
-          children: bmi
-        }), (0,jsx_runtime_namespaceObject.jsx)(BmiInfo, {
-          children: (0,jsx_runtime_namespaceObject.jsxs)(core_namespaceObject.Typography, {
-            variant: "subtitle",
-            weight: "lighter",
-            children: ["You're ", info]
-          })
-        })]
-      }), (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.CardContent, {
-        css: Bmi_ref,
-        children: (0,jsx_runtime_namespaceObject.jsxs)("div", {
-          css: ContentWrapper,
-          children: [(0,jsx_runtime_namespaceObject.jsx)(BmiPointer, {
-            "data-testid": "bmi-pointer",
-            percentage: pointer
-          }), (0,jsx_runtime_namespaceObject.jsx)(BmiHeatbar, {}), (0,jsx_runtime_namespaceObject.jsx)(BmiLabels, {})]
-        })
-      })]
-    })]
-  });
-};
-;// ./src/components/ListGoals/styles.tsx
-
-const content = theme => /*#__PURE__*/(0,react_namespaceObject.css)("h6{line-height:23px;}p{color:", theme.colors.greyDarker60, ";line-height:23px;}" + ( true ? "" : 0),  true ? "" : 0);
-;// ./src/components/ListGoals/ListGoalsCard.tsx
-function ListGoalsCard_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
-
-
-
-var ListGoalsCard_ref =  true ? {
-  name: "ui9771",
-  styles: "width:calc(100% - 42px);padding-left:15px"
-} : 0;
-var ListGoalsCard_ref2 =  true ? {
-  name: "1ch9yvl",
-  styles: "border-radius:0"
-} : 0;
-const ListGoalsCard = ({
-  image,
-  title,
-  details,
-  progressProps
-}) => {
-  const {
-    size = 50,
-    max = 100,
-    currentValue = 0,
-    infoContent,
-    color = 'blue'
-  } = progressProps;
-  return (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Card, {
-    noShadow: true,
-    children: (0,jsx_runtime_namespaceObject.jsxs)(core_namespaceObject.Wrapper, {
-      direction: "row",
-      children: [(0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Avatar, {
-        size: 42,
-        image: image,
-        css: ListGoalsCard_ref2
-      }), (0,jsx_runtime_namespaceObject.jsxs)(core_namespaceObject.CardContent, {
-        css: ListGoalsCard_ref,
-        children: [(0,jsx_runtime_namespaceObject.jsxs)("div", {
-          css: content,
-          children: [(0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Typography, {
-            variant: "h6",
-            children: title
-          }), (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Typography, {
-            variant: "subtitle",
-            as: "p",
-            children: details
-          })]
-        }), (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.ProgressCircle, {
-          size: size,
-          max: max,
-          currentValue: currentValue,
-          infoContent: infoContent || (0,jsx_runtime_namespaceObject.jsxs)(core_namespaceObject.Typography, {
-            variant: "body1",
-            children: [currentValue, "%"]
-          }),
-          color: color
-        })]
-      })]
-    })
-  });
-};
-;// ./src/components/ListGoals/ListGoals.tsx
-
-
-
-/**
- *
- * UI Component that uses CardList to render a list of goals
- */
-const ListGoals = ({
-  goals
-}) => {
-  return (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.CardList, {
-    title: "Goals",
-    items: goals,
-    renderItem: goal => (0,jsx_runtime_namespaceObject.jsx)(ListGoalsCard, {
-      image: goal.image,
-      title: goal.title,
-      details: goal.details,
-      progressProps: {
-        currentValue: goal.completion,
-        color: goal.color
-      }
-    })
-  });
-};
-;// ./src/components/MealPlanner/MealPlannerBadge.tsx
-
-function MealPlannerBadge_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
-const Marker = /*#__PURE__*/base_default()(core_namespaceObject.Badge,  true ? {
-  target: "e12bwihj0"
-} : 0)( true ? {
-  name: "1c9h7mo",
-  styles: "display:inline-block;padding:0;margin-right:5px;width:4px;height:4px"
-} : 0);
-/* harmony default export */ const MealPlannerBadge = (Marker);
-;// ./src/components/MealPlanner/MealPlannerLegends.tsx
-
-function MealPlannerLegends_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-const MealPlannerLegends = {
-  List: /*#__PURE__*/base_default()("ul",  true ? {
-    target: "e1yfjgtr1"
-  } : 0)( true ? {
-    name: "wmff3h",
-    styles: "display:flex;justify-content:space-between;list-style:none;width:100%;height:20px;padding:0;margin:0;margin-bottom:8px"
-  } : 0),
-  Item: /*#__PURE__*/base_default()("li",  true ? {
-    target: "e1yfjgtr0"
-  } : 0)( true ? {
-    name: "s5xdrg",
-    styles: "display:flex;align-items:center"
-  } : 0)
-};
-/* harmony default export */ const MealPlanner_MealPlannerLegends = (MealPlannerLegends);
-;// ./src/components/MealPlanner/MealPlannerBars.tsx
-
-function MealPlannerBars_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-const MealPlannerBars = /*#__PURE__*/base_default()("ul",  true ? {
-  target: "e1obar840"
-} : 0)( true ? {
-  name: "1bn6kyv",
-  styles: "display:flex;list-style:none;width:100%;height:20px;padding:0;margin:0;&>li:nth-of-type(2n):not(:last-child){margin:0 5px;}"
-} : 0);
-/* harmony default export */ const MealPlanner_MealPlannerBars = (MealPlannerBars);
-;// ./src/components/MealPlanner/MealPlannerCard.tsx
-function MealPlannerCard_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
-
-
-
-
-
-const markerColor = {
-  carbs: 'yellow',
-  protein: 'green',
-  fat: 'blue'
-};
-var MealPlannerCard_ref =  true ? {
-  name: "azty0s",
-  styles: "width:calc(100% - 64px);padding-left:15px"
-} : 0;
-var MealPlannerCard_ref2 =  true ? {
-  name: "14aax6i",
-  styles: "margin-top:5.6px"
-} : 0;
-const MealPlannerCard = ({
-  name,
-  image,
-  carbs,
-  protein,
-  fat
-}) => {
-  const listItems = {
-    carbs,
-    protein,
-    fat
-  };
-  return (0,jsx_runtime_namespaceObject.jsxs)(core_namespaceObject.Wrapper, {
-    css: MealPlannerCard_ref2,
-    children: [(0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Avatar, {
-      size: 64,
-      image: image
-    }), (0,jsx_runtime_namespaceObject.jsxs)("div", {
-      css: MealPlannerCard_ref,
-      children: [(0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Typography, {
-        variant: "h6",
-        weight: "medium",
-        children: name
-      }), (0,jsx_runtime_namespaceObject.jsx)(MealPlanner_MealPlannerLegends.List, {
-        children: Object.keys(listItems).map(item => (0,jsx_runtime_namespaceObject.jsxs)(MealPlanner_MealPlannerLegends.Item, {
-          children: [(0,jsx_runtime_namespaceObject.jsx)(MealPlannerBadge, {
-            color: markerColor[item]
-          }), (0,jsx_runtime_namespaceObject.jsxs)(core_namespaceObject.Typography, {
-            variant: "body1",
-            children: [listItems[item], "% ", item]
-          })]
-        }, item))
-      }), (0,jsx_runtime_namespaceObject.jsx)(MealPlanner_MealPlannerBars, {
-        children: Object.keys(listItems).map(item => (0,jsx_runtime_namespaceObject.jsx)("li", {
-          css: /*#__PURE__*/(0,react_namespaceObject.css)("width:", listItems[item], "%;" + ( true ? "" : 0),  true ? "" : 0),
-          children: (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.ProgressBar, {
-            percentage: 100,
-            color: markerColor[item]
-          })
-        }, item))
-      })]
-    })]
-  });
-};
-;// ./src/components/MealPlanner/MealPlanner.tsx
-
-function MealPlanner_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
-
-
-
-
-const CustomOption = /*#__PURE__*/base_default()(core_namespaceObject.DropdownOption,  true ? {
-  target: "e1mo13t60"
-} : 0)( true ? {
-  name: "dzdmk4",
-  styles: "text-align:left;line-height:18px;font-size:11px"
-} : 0);
-var MealPlanner_ref =  true ? {
-  name: "17y49kf",
-  styles: "flex-direction:column;width:100%"
-} : 0;
-var MealPlanner_ref2 =  true ? {
-  name: "as11ew",
-  styles: "line-height:normal"
-} : 0;
-const MealPlanner = ({
-  data
-}) => {
-  const [selectedOption, setSelectedOption] = (0,external_react_namespaceObject.useState)(null);
-  const [options, setOptions] = (0,external_react_namespaceObject.useState)([]);
-  const handleChange = e => {
-    const value = e.value.toString().toLowerCase();
-    setSelectedOption(value);
-  };
-  (0,external_react_namespaceObject.useEffect)(() => {
-    if (data == null || typeof data !== 'object') {
-      return;
-    }
-    setOptions(Object.keys(data).map((item, index) => ({
-      id: index,
-      value: `${item.charAt(0).toUpperCase()}${item.slice(1)}`,
-      label: `${item.charAt(0).toUpperCase()}${item.slice(1)} | ${data[item].time}`,
-      extraVal: data[item].time
-    })));
-  }, [data]);
-  (0,external_react_namespaceObject.useEffect)(() => {
-    if (options?.length > 0 && selectedOption == null) {
-      handleChange(options[0]);
-    }
-  }, [options]);
-  return (0,jsx_runtime_namespaceObject.jsxs)("div", {
-    children: [(0,jsx_runtime_namespaceObject.jsxs)(core_namespaceObject.CardHeader, {
-      transparent: true,
-      children: [(0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Typography, {
-        variant: "h4",
-        weight: "bold",
-        css: MealPlanner_ref2,
-        children: "Meal Planner"
-      }), options?.length > 0 && (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Dropdown, {
-        selectedItem: options[0],
-        onChange: handleChange,
-        children: options.map((item, index) => (0,jsx_runtime_namespaceObject.jsxs)(CustomOption, {
-          value: item.value,
-          label: item.label.toString(),
-          children: [(0,jsx_runtime_namespaceObject.jsx)("span", {
-            style: {
-              fontSize: 13,
-              fontWeight: 500
-            },
-            children: item.value
-          }), "\xA0|\xA0", (0,jsx_runtime_namespaceObject.jsx)("span", {
-            style: {
-              fontSize: 11,
-              fontWeight: 500
-            },
-            children: item.extraVal
-          })]
-        }, index))
-      })]
-    }), (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Card, {
-      children: (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.CardContent, {
-        css: MealPlanner_ref,
-        children: selectedOption && data[selectedOption].data.map(({
-          id,
-          ...props
-        }) => (0,jsx_runtime_namespaceObject.jsx)(MealPlannerCard, {
-          ...props
-        }, id))
-      })
-    })]
-  });
-};
-;// ./src/components/StepsCounter/StepsCounter.tsx
-function StepsCounter_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
-
-
-var StepsCounter_ref =  true ? {
-  name: "1rcnabe",
-  styles: "width:100%;margin:10px 0"
-} : 0;
-var StepsCounter_ref2 =  true ? {
-  name: "192owum",
-  styles: "font-size:33px;font-weight:bold"
-} : 0;
-var StepsCounter_ref3 =  true ? {
-  name: "1paxtit",
-  styles: "box-shadow:0 10px 40px rgba(42, 48, 57, 0.08);border-radius:20px"
-} : 0;
-/**
- *
- * UI Component with a Card that shows the steps count of the user
- */
-const StepsCounter = ({
-  max,
-  currentValue
-}) => {
-  const theme = (0,react_namespaceObject.useTheme)();
-  const percentage = Math.round(currentValue / max * 100);
-  return (0,jsx_runtime_namespaceObject.jsxs)(core_namespaceObject.Card, {
-    css: StepsCounter_ref3,
-    children: [(0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.CardHeader, {
-      icon: (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.ResponsiveImage, {
-        css: /*#__PURE__*/(0,react_namespaceObject.css)({
-          filter: `drop-shadow(0 5px 5px ${theme.colors.grey})`
-        },  true ? "" : 0,  true ? "" : 0),
-        srcSet: "https://firebasestorage.googleapis.com/v0/b/admin-themes.appspot.com/o/img%2Fsteps%2Fsteps_64.png?alt=media&token=22d59e48-da19-448a-98e3-25f396108243 64w, https://firebasestorage.googleapis.com/v0/b/admin-themes.appspot.com/o/img%2Fsteps%2Fsteps_48.png?alt=media&token=7c66d777-ddad-416a-9f07-a89dd3167ca7 48w",
-        sizes: "(min-width: 1440px) 64px, 48px",
-        src: "https://firebasestorage.googleapis.com/v0/b/admin-themes.appspot.com/o/img%2Fsteps%2Fsteps_48.png?alt=media&token=7c66d777-ddad-416a-9f07-a89dd3167ca7",
-        alt: "Steps"
-      }),
-      children: (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Typography, {
-        variant: "h6",
-        weight: "bold",
-        children: "Steps"
-      })
-    }), (0,jsx_runtime_namespaceObject.jsxs)(core_namespaceObject.CardContent, {
-      style: {
-        flexWrap: 'wrap'
-      },
-      children: [(0,jsx_runtime_namespaceObject.jsxs)("div", {
-        children: [(0,jsx_runtime_namespaceObject.jsx)("span", {
-          css: StepsCounter_ref2,
-          children: currentValue
-        }), (0,jsx_runtime_namespaceObject.jsx)("span", {
-          children: "Steps"
-        })]
-      }), (0,jsx_runtime_namespaceObject.jsx)("div", {
-        css: StepsCounter_ref,
-        children: (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.ProgressBar, {
-          percentage: percentage,
-          color: "green"
-        })
-      }), (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Typography, {
-        variant: "body1",
-        css: /*#__PURE__*/(0,react_namespaceObject.css)("color:", theme.colors.greyDarker60, ";" + ( true ? "" : 0),  true ? "" : 0),
-        children: !Number.isNaN(percentage) && `${percentage}% of your goals`
-      })]
-    })]
-  });
-};
-;// ./src/components/UserCard/UserCardItem.tsx
-function UserCardItem_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
-
-
-const cardShadow = theme => /*#__PURE__*/(0,react_namespaceObject.css)("display:flex;width:92px;height:68px;align-items:center;flex-flow:column;justify-content:center;background:", theme.colors.white, ";border-radius:16px;box-shadow:0 10px 40px rgba(42, 48, 57, 0.08);" + ( true ? "" : 0),  true ? "" : 0);
-var UserCardItem_ref =  true ? {
-  name: "1sw7psn",
-  styles: "align-items:baseline;justify-content:center"
-} : 0;
-const UserCardItem = ({
-  value,
-  unit,
-  caption
-}) => (0,jsx_runtime_namespaceObject.jsxs)("div", {
-  css: cardShadow,
-  children: [(0,jsx_runtime_namespaceObject.jsxs)(core_namespaceObject.Wrapper, {
-    css: UserCardItem_ref,
-    children: [(0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Typography, {
-      variant: "h4",
-      weight: "bold",
-      children: value
-    }), (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Typography, {
-      variant: "subtitle",
-      children: unit
-    })]
-  }), (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Typography, {
-    variant: "subtitle",
-    children: caption
-  })]
-});
-/* harmony default export */ const UserCard_UserCardItem = (UserCardItem);
-;// ./src/components/UserCard/UserCardBMI.tsx
-function UserCardBMI_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
-
-
-const listCards =  true ? {
-  name: "d346af",
-  styles: "display:flex;justify-content:space-between;list-style:none;padding:0;li{max-width:92px;}"
-} : 0;
-const UserCardBMI = ({
-  weight,
-  height,
-  age
-}) => (0,jsx_runtime_namespaceObject.jsxs)("ul", {
-  css: listCards,
-  children: [(0,jsx_runtime_namespaceObject.jsx)("li", {
-    children: (0,jsx_runtime_namespaceObject.jsx)(UserCard_UserCardItem, {
-      value: weight || '',
-      unit: "kg",
-      caption: "Weight"
-    })
-  }), (0,jsx_runtime_namespaceObject.jsx)("li", {
-    children: (0,jsx_runtime_namespaceObject.jsx)(UserCard_UserCardItem, {
-      value: height || '',
-      unit: "cm",
-      caption: "Height"
-    })
-  }), (0,jsx_runtime_namespaceObject.jsx)("li", {
-    children: (0,jsx_runtime_namespaceObject.jsx)(UserCard_UserCardItem, {
-      value: age || '',
-      unit: "yrs",
-      caption: "Age"
-    })
-  })]
-});
-/* harmony default export */ const UserCard_UserCardBMI = (UserCardBMI);
-;// ./src/components/UserCard/UserCardCredentials.tsx
-function UserCardCredentials_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
-
-
-const UserCardCredentials_container = theme => /*#__PURE__*/(0,react_namespaceObject.css)("display:flex;align-items:center;button{display:none;}", theme.mediaQueries.lg, "{justify-content:space-between;button{display:block;}}" + ( true ? "" : 0),  true ? "" : 0);
-var UserCardCredentials_ref =  true ? {
-  name: "3u6yym",
-  styles: "padding-inline:15px"
-} : 0;
-var UserCardCredentials_ref2 =  true ? {
-  name: "s5xdrg",
-  styles: "display:flex;align-items:center"
-} : 0;
-const UserCardCredentials = ({
-  name,
-  email
-}) => (0,jsx_runtime_namespaceObject.jsxs)("div", {
-  css: UserCardCredentials_container,
-  children: [(0,jsx_runtime_namespaceObject.jsxs)("div", {
-    css: UserCardCredentials_ref2,
-    children: [(0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Avatar, {
-      size: 42,
-      image: 'https://firebasestorage.googleapis.com/v0/b/admin-themes.appspot.com/o/img%2Fface%2Fface_46.png?alt=media&token=aaa3a75c-4779-4887-b011-352f8dd6c214'
-    }), (0,jsx_runtime_namespaceObject.jsxs)("div", {
-      css: UserCardCredentials_ref,
-      children: [(0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Typography, {
-        variant: "subtitle",
-        children: name
-      }), (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Typography, {
-        variant: "body1",
-        children: email
-      })]
-    })]
-  }), (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Button, {
-    variant: "tertiary",
-    size: "large",
-    endIcon: (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Icon, {
-      name: "notification"
-    })
-  })]
-});
-/* harmony default export */ const UserCard_UserCardCredentials = (UserCardCredentials);
-;// ./src/components/UserCard/UserCard.tsx
-function UserCard_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
-
-
-
-
-
-const UserCard_container = theme => /*#__PURE__*/(0,react_namespaceObject.css)("display:grid;grid-template-columns:50px auto;align-items:center;", theme.mediaQueries.lg, "{grid-template-columns:auto;}" + ( true ? "" : 0),  true ? "" : 0);
-var UserCard_ref =  true ? {
-  name: "e0dnmk",
-  styles: "cursor:pointer"
-} : 0;
-const UserCard = ({
-  user
-}) => (0,jsx_runtime_namespaceObject.jsxs)(external_react_namespaceObject.Fragment, {
-  children: [(0,jsx_runtime_namespaceObject.jsxs)("div", {
-    css: UserCard_container,
-    children: [(0,jsx_runtime_namespaceObject.jsx)("div", {
-      css: theme => /*#__PURE__*/(0,react_namespaceObject.css)(theme.mediaQueries.lg, "{display:none;}" + ( true ? "" : 0),  true ? "" : 0),
-      children: (0,jsx_runtime_namespaceObject.jsx)("label", {
-        htmlFor: "aside",
-        css: UserCard_ref,
-        children: (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Icon, {
-          name: "carrot-left",
-          size: 16
-        })
-      })
-    }), (0,jsx_runtime_namespaceObject.jsx)(UserCard_UserCardCredentials, {
-      name: user?.name,
-      email: user?.email
-    })]
-  }), (0,jsx_runtime_namespaceObject.jsx)(UserCard_UserCardBMI, {
-    weight: user?.weight,
-    height: user?.height,
-    age: user?.age
-  })]
-});
-/* harmony default export */ const UserCard_UserCard = (UserCard);
-;// ./src/components/TradingInfoCard/TradingInfoCardContent.tsx
-function TradingInfoCardContent_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
-
-
-var TradingInfoCardContent_ref =  true ? {
-  name: "1ytt2st",
-  styles: "justify-content:flex-start;align-items:baseline;gap:2px"
-} : 0;
-var TradingInfoCardContent_ref2 =  true ? {
-  name: "xutw8p",
-  styles: "display:flex;align-self:center;margin-left:3px"
-} : 0;
-const TradingInfoCardContent = ({
-  value,
-  unit,
-  icon
-}) => {
-  const theme = (0,react_namespaceObject.useTheme)();
-  return (0,jsx_runtime_namespaceObject.jsxs)(core_namespaceObject.CardContent, {
-    css: TradingInfoCardContent_ref,
-    children: [(0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Typography, {
-      variant: "h5",
-      weight: "bold",
-      color: theme.colors.greyDarker,
-      children: value
-    }), unit ? (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Typography, {
-      "data-testid": "unit",
-      variant: "h6",
-      weight: "lighter",
-      children: unit
-    }) : null, icon ? (0,jsx_runtime_namespaceObject.jsx)("div", {
-      css: TradingInfoCardContent_ref2,
-      children: icon
-    }) : null]
-  });
-};
-/* harmony default export */ const TradingInfoCard_TradingInfoCardContent = (TradingInfoCardContent);
-;// ./src/components/TradingInfoCard/TradingInfoCardTooltip.tsx
-function TradingInfoCardTooltip_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
-
-
-var TradingInfoCardTooltip_ref =  true ? {
-  name: "rnnx2x",
-  styles: "font-size:12px"
-} : 0;
-const TradingInfoCardTooltip = ({
-  trigger,
-  children
-}) => {
-  const theme = (0,react_namespaceObject.useTheme)();
-  return (0,jsx_runtime_namespaceObject.jsxs)(core_namespaceObject.Tooltip, {
-    offsetOptions: 0,
-    enableHover: true,
-    enableClick: false,
-    arrowProps: {
-      width: 18,
-      height: 3,
-      fill: theme.colors.greyGraphite
-    },
-    children: [(0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.TooltipTrigger, {
-      children: (0,jsx_runtime_namespaceObject.jsx)("div", {
-        "data-testid": "tooltip-trigger",
-        children: trigger
-      })
-    }), (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.TooltipContent, {
-      css: /*#__PURE__*/(0,react_namespaceObject.css)("padding:4px 5px;border-radius:2px;background:", theme.colors.greyGraphite, ";svg{margin-bottom:-1px;}" + ( true ? "" : 0),  true ? "" : 0),
-      children: (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Typography, {
-        css: TradingInfoCardTooltip_ref,
-        color: theme.colors.white,
-        children: children
-      })
-    })]
-  });
-};
-/* harmony default export */ const TradingInfoCard_TradingInfoCardTooltip = (TradingInfoCardTooltip);
-;// external "react-router-dom"
-const external_react_router_dom_namespaceObject = require("react-router-dom");
-;// ./src/components/TradingInfoCard/TradingInfoCardWrapper.tsx
-
-
-
-
-
-const InfoCardWrapper = /*#__PURE__*/base_default()("div",  true ? {
-  target: "e1szz7490"
-} : 0)("position:relative;display:flex;flex-direction:column;align-items:flex-start;width:max-content;min-width:100%;background:", ({
-  theme
-}) => theme.colors.greyLighter, ";padding:4px 10px;border-radius:6px;text-decoration:none;cursor:", ({
-  onClick
-}) => onClick ? 'pointer' : 'default', ";white-space:nowrap;box-shadow:none;user-select:", ({
-  onClick
-}) => onClick ? 'none' : 'auto', ";&::before{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;box-shadow:0 10px 40px 0 ", ({
-  theme
-}) => theme.colors.greyShadow, ";content:'';}&:active{background:", ({
-  theme
-}) => theme.colors.white, ";&::before{border-radius:6px;box-shadow:0 10px 40px 0 ", ({
-  theme
-}) => theme.colors.greyShadow24, ";}}" + ( true ? "" : 0));
-const TradingInfoCardWrapper = ({
-  onClick,
-  link,
-  children
-}) => {
-  return (0,jsx_runtime_namespaceObject.jsx)((external_react_default()).Fragment, {
-    children: link ? (0,jsx_runtime_namespaceObject.jsx)(InfoCardWrapper, {
-      as: external_react_router_dom_namespaceObject.Link,
-      to: link,
-      children: children
-    }) : (0,jsx_runtime_namespaceObject.jsx)(InfoCardWrapper, {
-      as: core_namespaceObject.CardBase,
-      role: onClick ? 'button' : 'region',
-      tabIndex: onClick ? 0 : -1,
-      onClick: onClick,
-      children: children
-    })
-  });
-};
-/* harmony default export */ const TradingInfoCard_TradingInfoCardWrapper = (TradingInfoCardWrapper);
-;// ./src/components/TradingInfoCard/TradingInfoCard.tsx
-function TradingInfoCard_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
-
-
-
-
-var TradingInfoCard_ref =  true ? {
-  name: "rnnx2x",
-  styles: "font-size:12px"
-} : 0;
-const TradingInfoCardView = ({
-  value,
-  unit,
-  title,
-  icon,
-  link,
-  onClick
-}) => {
-  const number = Number(value);
-  const currentValue = Number.isNaN(number) ? value : number.toFixed(1).includes('.0') ? Math.floor(number) : number.toFixed(1);
-  return (0,jsx_runtime_namespaceObject.jsxs)(TradingInfoCard_TradingInfoCardWrapper, {
-    onClick: onClick,
-    link: link,
-    children: [(0,jsx_runtime_namespaceObject.jsx)(TradingInfoCard_TradingInfoCardContent, {
-      value: currentValue,
-      unit: unit,
-      icon: icon
-    }), (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.CardContent, {
-      children: (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Typography, {
-        css: TradingInfoCard_ref,
-        children: title
-      })
-    })]
-  });
-};
-const TradingInfoCard = props => {
-  const {
-    value,
-    unit
-  } = props;
-  const number = Number(value);
-  const isInteger = Number.isInteger(number);
-  if (isInteger || Number.isNaN(number)) {
-    return (0,jsx_runtime_namespaceObject.jsx)(TradingInfoCardView, {
-      ...props
-    });
-  } else {
-    return (0,jsx_runtime_namespaceObject.jsxs)(TradingInfoCard_TradingInfoCardTooltip, {
-      trigger: (0,jsx_runtime_namespaceObject.jsx)(TradingInfoCardView, {
-        ...props
-      }),
-      children: [value, " ", unit]
-    });
-  }
-};
-/* harmony default export */ const TradingInfoCard_TradingInfoCard = (TradingInfoCard);
-;// ./src/components/TradingInfoCard/index.ts
-
-
-
-;// ./src/components/TradingScoreboard/TradingScoreboardBase.tsx
-
-const TradingScoreboardBase = /*#__PURE__*/base_default()("div",  true ? {
-  target: "e1xdy4lf0"
-} : 0)("display:grid;gap:5px;grid-auto-flow:column;overflow:auto;", ({
-  theme
-}) => theme.mediaQueries.md, "{grid-template-columns:", ({
-  itemsPerRow
-}) => itemsPerRow && `repeat(${itemsPerRow}, 1fr)`, ";grid-auto-flow:inherit;overflow:inherit;}" + ( true ? "" : 0));
-/* harmony default export */ const TradingScoreboard_TradingScoreboardBase = (TradingScoreboardBase);
-;// ./src/components/TradingScoreboard/TradingScoreboard.tsx
-
-
-
-const TradingScoreboard = ({
-  items,
-  onClick,
-  renderCard,
-  ...props
-}) => {
-  return (0,jsx_runtime_namespaceObject.jsx)("div", {
-    children: (0,jsx_runtime_namespaceObject.jsx)(TradingScoreboard_TradingScoreboardBase, {
-      ...props,
-      children: items.map((item, index) => {
-        return (0,jsx_runtime_namespaceObject.jsx)("div", {
-          children: typeof renderCard === 'function' ? renderCard(item, onClick) : (0,jsx_runtime_namespaceObject.jsx)(TradingInfoCard_TradingInfoCard, {
-            value: item.value,
-            unit: item.unit,
-            title: item.title,
-            icon: item.icon,
-            link: item.link,
-            onClick: () => {
-              if (typeof onClick === 'function') {
-                onClick(item);
-              }
-            }
-          })
-        }, index);
-      })
-    })
-  });
-};
-/* harmony default export */ const TradingScoreboard_TradingScoreboard = (TradingScoreboard);
-;// ./src/components/TradingScoreboard/index.ts
-
-
-;// external "@emotion/css"
-const css_namespaceObject = require("@emotion/css");
-;// ./src/components/AccountBalance/AccountBalanceContext.tsx
-
-
-const AccountBalanceContext = /*#__PURE__*/(0,external_react_namespaceObject.createContext)({
-  activeHighlight: false,
-  fullscreenModeFeature: false,
-  total: 0,
-  currency: ''
-});
-const AccountBalanceProvider = ({
-  children,
-  ...rest
-}) => (0,jsx_runtime_namespaceObject.jsx)(AccountBalanceContext.Provider, {
-  value: {
-    ...rest
-  },
-  children: children
-});
-const useAccountBalanceContext = () => {
-  return (0,external_react_namespaceObject.useContext)(AccountBalanceContext);
-};
-;// ./src/components/AccountBalance/BalancePieChartTitle.tsx
-function BalancePieChartTitle_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
-
-
-
-var BalancePieChartTitle_ref =  true ? {
-  name: "11zwg70",
-  styles: "font-size:18px;margin-left:10px"
-} : 0;
-var BalancePieChartTitle_ref2 =  true ? {
-  name: "16sblm7",
-  styles: "font-size:12px;padding:0 14px;line-height:1"
-} : 0;
-var BalancePieChartTitle_ref3 =  true ? {
-  name: "g0i0lq",
-  styles: "font-size:24px!important;font-weight:500"
-} : 0;
-var BalancePieChartTitle_ref4 =  true ? {
-  name: "kra4qs",
-  styles: "padding:3px 0"
-} : 0;
-const BalancePieChartTitle = () => {
-  const theme = (0,react_namespaceObject.useTheme)();
-  const {
-    isFullscreenMode
-  } = (0,core_namespaceObject.useFullscreenMode)();
-  const {
-    tooltip,
-    total,
-    currency
-  } = useAccountBalanceContext();
-  return (0,jsx_runtime_namespaceObject.jsxs)(core_namespaceObject.Tooltip, {
-    enableHover: true,
-    enableClick: true,
-    ...tooltip?.config,
-    children: [(0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.TooltipTrigger, {
-      className: tooltip?.classNames?.trigger,
-      children: (0,jsx_runtime_namespaceObject.jsxs)(core_namespaceObject.Typography, {
-        variant: "body2",
-        weight: "bold",
-        color: theme.colors.greyDarker,
-        css: isFullscreenMode ? BalancePieChartTitle_ref3 : BalancePieChartTitle_ref2,
-        children: [total, (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Typography, {
-          variant: "body2",
-          weight: "regular",
-          as: "span",
-          color: theme.colors.greyDarker80,
-          css: isFullscreenMode ? BalancePieChartTitle_ref : /*#__PURE__*/(0,react_namespaceObject.css)("display:block;font-size:12px;", theme.mediaQueries.md, "{font-size:13px;}", theme.mediaQueries.lg, "{font-size:14px;}line-height:25px;" + ( true ? "" : 0),  true ? "" : 0),
-          children: currency
-        })]
-      })
-    }), tooltip?.content && (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.TooltipContent, {
-      css: BalancePieChartTitle_ref4,
-      className: tooltip?.classNames?.content,
-      children: tooltip.content
-    })]
-  });
-};
-;// ./src/components/AccountBalance/BalancePieChart.tsx
-function BalancePieChart_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
-
-
-
-
-
-var BalancePieChart_ref =  true ? {
-  name: "1f1533z",
-  styles: "width:10px;height:10px;margin-right:5px"
-} : 0;
-const BalancePieChart = (0,react_namespaceObject.withTheme)(({
-  data,
-  theme,
-  chartColorPalette,
-  legendColorPalette,
-  pieChartProps = {},
-  activeHighlight = false,
-  onFullscreenModeChange
-}) => {
-  const {
-    variant = 'valueList',
-    fullscreenModeFeature,
-    currency
-  } = useAccountBalanceContext();
-  const [isFullscreenMode, setFullscreenMode] = (0,external_react_namespaceObject.useState)(false);
-  const {
-    legendColorNames,
-    pieChartColors
-  } = core_namespaceObject.pieChartPalettes.getBalancePalette(theme);
-  const featuresList = new Set();
-  const filteredIndexes = [];
-  const chartData = data?.filter((item, index) => {
-    const isSaved = item.value !== 0;
-    if (!isSaved) {
-      filteredIndexes.push(index);
-    }
-    return isSaved;
-  });
-  const chartColors = (chartColorPalette || pieChartColors).filter((item, index) => !filteredIndexes.includes(index));
-  if (chartColors.length < chartData.length) {
-    for (let i = 0; i < chartData.length - chartColors.length; i++) {
-      chartColors.push(core_namespaceObject.mainTheme.colors.purpleLighter);
-    }
-  }
-  if (Object.keys(pieChartProps.cardProps || {}).length) {
-    featuresList.add('header');
-  }
-  if (fullscreenModeFeature) {
-    featuresList.add('header');
-    featuresList.add('fullscreenMode');
-  }
-  const handleFullscreenModeChange = pieChartFullscreenMode => {
-    setFullscreenMode(pieChartFullscreenMode);
-    onFullscreenModeChange?.(pieChartFullscreenMode);
-  };
-  return (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.PieChart, {
-    data: chartData,
-    features: Array.from(featuresList),
-    colors: chartColors,
-    onFullscreenModeChange: handleFullscreenModeChange,
-    animate: false,
-    title: (0,jsx_runtime_namespaceObject.jsx)(BalancePieChartTitle, {}),
-    css: !isFullscreenMode && /*#__PURE__*/(0,react_namespaceObject.css)("div:nth-of-type(1){width:100px;height:100px;}", theme.mediaQueries.lg, "{div:nth-of-type(1){width:120px;height:120px;}}" + ( true ? "" : 0),  true ? "" : 0),
-    width: '100%',
-    ...pieChartProps,
-    children: (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.PieChartLegend, {
-      data: data,
-      colors: legendColorPalette || legendColorNames,
-      variant: variant,
-      currency: currency,
-      activeHighlight: activeHighlight,
-      markerStyles: BalancePieChart_ref,
-      labelListStyles: /*#__PURE__*/(0,react_namespaceObject.css)("gap:0;li{height:22.5px;}h6{font-weight:700;line-height:22.5px;font-size:", !isFullscreenMode && '12px', ";", theme.mediaQueries.md, "{font-size:", !isFullscreenMode && '13px', ";}", theme.mediaQueries.lg, "{font-size:", !isFullscreenMode && '14px', ";}}" + ( true ? "" : 0),  true ? "" : 0),
-      valueListStyles: /*#__PURE__*/(0,react_namespaceObject.css)("gap:0;li{height:22.5px;}h6{line-height:22.5px;color:", theme.colors.greyDarker80, ";font-size:", isFullscreenMode ? '12px' : '11px', ";", theme.mediaQueries.lg, "{font-size:12px;}}" + ( true ? "" : 0),  true ? "" : 0),
-      renderValue: ({
-        id,
-        legendValue
-      }) => id === 'Other' ? legendValue + ' ' + currency : legendValue + ' ' + id
-    })
-  });
-});
-;// ./src/components/AccountBalance/AccountBalance.tsx
-
-
-
-
-
-
-
-const AccountBalance = ({
-  title = 'Balance',
-  className,
-  onClick,
-  link,
-  variant = 'valueList',
-  fullscreenModeFeature = false,
-  activeHighlight = true,
-  widgetMaxWidth = '280px',
-  tooltip = {},
-  total,
-  currency,
-  ...props
-}) => {
-  const theme = (0,react_namespaceObject.useTheme)();
-  const [isFullscreenMode, setIsFullscreenMode] = (0,external_react_namespaceObject.useState)(false);
-  return (0,jsx_runtime_namespaceObject.jsx)(AccountBalanceProvider, {
-    activeHighlight: activeHighlight,
-    fullscreenModeFeature: fullscreenModeFeature,
-    tooltip: tooltip,
-    variant: variant,
-    total: total,
-    title: title,
-    currency: currency,
-    children: (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.WithLink, {
-      link: link,
-      onClick: onClick,
-      children: (0,jsx_runtime_namespaceObject.jsx)(BalancePieChart, {
-        theme: theme,
-        onFullscreenModeChange: setIsFullscreenMode,
-        pieChartProps: {
-          width: '100%',
-          cardProps: {
-            title,
-            className: [/*#__PURE__*/(0,css_namespaceObject.css)("&>div:last-of-type{max-width:", isFullscreenMode ? '100%' : widgetMaxWidth, ";}& .pie-chart-wrapper>div:last-of-type{pointer-events:", tooltip?.content ? 'auto' : 'none', ";}" + ( true ? "" : 0),  true ? "" : 0), className].join(' '),
-            headerClassName: /*#__PURE__*/(0,css_namespaceObject.css)([{
-              fontSize: 11
-            }],  true ? "" : 0,  true ? "" : 0),
-            contentClassName: /*#__PURE__*/(0,css_namespaceObject.css)([{
-              [theme.mediaQueries.md]: {
-                alignItems: 'center !important'
-              }
-            }],  true ? "" : 0,  true ? "" : 0)
-          }
-        },
-        ...props
-      })
-    })
-  });
-};
-;// ./src/components/AccountBalance/index.ts
-
-
-
-
-;// ./src/components/ExchangeAccount/styles.ts
-function ExchangeAccount_styles_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
-const CardBase = ({
-  disabled
-}) => theme => /*#__PURE__*/(0,react_namespaceObject.css)("padding:0;border-radius:20px;box-shadow:0px 10px 40px 0px ", theme.colors.greyShadow, ";transition:0.3s;&:hover{", !disabled && `box-shadow: 0px 10px 40px 0px ${theme.colors.greyShadowHover};`, ";}" + ( true ? "" : 0),  true ? "" : 0);
-const CardHeader = theme => /*#__PURE__*/(0,react_namespaceObject.css)("display:flex;justify-content:start;width:100%;padding:10px;border-radius:20px 20px 0 0;background:", theme.colors.greyLighter, ";margin-bottom:0;", theme.mediaQueries.md, "{h6{font-size:16px;line-height:24px;}}", theme.mediaQueries.xs, "{padding:6px 10px;}" + ( true ? "" : 0),  true ? "" : 0);
-const RemoveButton = theme => /*#__PURE__*/(0,react_namespaceObject.css)("height:auto;padding:0;background:none;box-shadow:none;margin-left:auto;&:hover,&:focus{background:none;box-shadow:none;}&:hover{svg path{fill:", theme.colors.greyDarker, ";}}" + ( true ? "" : 0),  true ? "" : 0);
-const Platform =  true ? {
-  name: "75whpw",
-  styles: "display:flex;align-items:center;gap:9px;margin-right:13px"
-} : 0;
-const Status = theme => /*#__PURE__*/(0,react_namespaceObject.css)("width:100%;text-align:center;padding:4px;&.active{color:", theme.colors.greenDark, ";background:", theme.colors.greenMint, ";}&.not-available{color:", theme.colors.red, ";background:", theme.colors.redLighter40, ";}", theme.mediaQueries.md, "{font-size:14px;line-height:17px;}" + ( true ? "" : 0),  true ? "" : 0);
-const CardContent = theme => /*#__PURE__*/(0,react_namespaceObject.css)("width:100%;padding:10px 20px;&>div{flex-direction:row;}ul:last-child{li{justify-content:flex-end;text-align:right;}}", theme.mediaQueries.sm, "{&>div{justify-content:space-around;}}", theme.mediaQueries.md, "{justify-content:space-around;&>div{flex-direction:column;}}", theme.mediaQueries.lg, "{&>div{flex-direction:row;}}" + ( true ? "" : 0),  true ? "" : 0);
-;// external "@ssa-ui-kit/hooks"
-const hooks_namespaceObject = require("@ssa-ui-kit/hooks");
-;// ./src/components/ExchangeAccount/components/ExchangeAccountProvider.tsx
-
-const [ExchangeAccountProvider, useExchangeAccountContext] = (0,hooks_namespaceObject.createSafeContext)('useExchangeAccount must be used within a ExchangeAccountProvider');
-;// ./src/components/ExchangeAccount/components/ExchangeAccountHeader.tsx
-
-
-
-
-
-const ExchangeAccountHeader = ({
-  children
-}) => {
-  const theme = (0,react_namespaceObject.useTheme)();
-  const {
-    disabled,
-    onDelete
-  } = useExchangeAccountContext();
-  const handleClickDelete = event => {
-    event.preventDefault();
-    event.stopPropagation();
-    onDelete?.();
-  };
-  return (0,jsx_runtime_namespaceObject.jsxs)(core_namespaceObject.CardHeader, {
-    css: CardHeader,
-    children: [children, !disabled && onDelete && (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Button, {
-      css: RemoveButton,
-      onClick: e => handleClickDelete(e),
-      children: (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Icon, {
-        name: "bin",
-        color: theme.colors.greyDropdownFocused,
-        size: 20
-      })
-    })]
-  });
-};
-;// ./src/components/ExchangeAccount/components/ExchangeAccountStatus.tsx
-
-
-
-
-const ExchangeAccountStatus = ({
-  isActive,
-  children
-}) => {
-  const {
-    status
-  } = useExchangeAccountContext();
-  const _isActive = isActive ?? status === 'Active';
-  let _children = typeof children === 'function' ? children(status) : children;
-  const statusStr = _isActive ? 'Active' : 'Not available';
-  _children = _children ?? statusStr;
-  if (!_children) {
-    return;
-  }
-  return (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Typography, {
-    css: Status,
-    className: _isActive ? 'active' : 'not-available',
-    variant: "body1",
-    weight: "regular",
-    children: _children
-  });
-};
-;// ./src/components/ExchangeAccount/components/ExchangeAccountContent.tsx
-
-
-
-
-
-
-
-
-const ExchangeAccountContent = ({
-  pieChartProps,
-  ...cardProps
-}) => {
-  const theme = (0,react_namespaceObject.useTheme)();
-  const {
-    data,
-    pieChartProps: contextPieChartProps,
-    title
-  } = useExchangeAccountContext();
-  return (0,jsx_runtime_namespaceObject.jsx)(AccountBalanceProvider, {
-    activeHighlight: pieChartProps?.activeHighlight,
-    fullscreenModeFeature: false,
-    tooltip: data.tooltip,
-    variant: data.variant,
-    total: data.total,
-    title: title,
-    currency: data.currency,
-    children: (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.CardContent, {
-      css: CardContent,
-      direction: "column",
-      ...cardProps,
-      children: (0,jsx_runtime_namespaceObject.jsx)(BalancePieChart, {
-        theme: theme,
-        pieChartProps: {
-          className: /*#__PURE__*/(0,css_namespaceObject.css)(theme.mediaQueries.md, "{flex-direction:row;}", theme.mediaQueries.lg, "{flex-direction:column;}" + ( true ? "" : 0),  true ? "" : 0),
-          ...contextPieChartProps,
-          ...pieChartProps
-        },
-        ...data
-      })
-    })
-  });
-};
-;// ./src/components/ExchangeAccount/components/ExchangeAccountPlatform.tsx
-
-
-
-
-
-const ExchangeAccountPlatform = ({
-  children,
-  ...props
-}) => {
-  const theme = (0,react_namespaceObject.useTheme)();
-  const {
-    platform
-  } = useExchangeAccountContext();
-  return (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Typography, {
-    variant: "subtitle",
-    weight: "bold",
-    color: theme.colors.greyDarker,
-    css: Platform,
-    ...props,
-    children: children ?? platform
-  });
-};
-;// ./src/components/ExchangeAccount/components/ExchangeAccountTitle.tsx
-
-
-
-
-const ExchangeAccountTitle = ({
-  children,
-  ...props
-}) => {
-  const theme = (0,react_namespaceObject.useTheme)();
-  const {
-    title
-  } = useExchangeAccountContext();
-  return (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Typography, {
-    color: theme.colors.greyDropdownFocused,
-    variant: "subtitle",
-    weight: "regular",
-    ...props,
-    children: children ?? title
-  });
-};
-;// ./src/components/ExchangeAccount/ExchangeAccount.tsx
-
-
-
-
-
-const ExchangeAccount = ({
-  platform,
-  title,
-  status,
-  link,
-  data,
-  children,
-  pieChartProps,
-  disabled = false,
-  onClick,
-  onDelete
-}) => {
-  const seen = {
-    header: false,
-    status: false,
-    content: false
-  };
-  const childrenArray = external_react_default().Children.toArray(children).filter(Boolean);
-  childrenArray.forEach(children => {
-    if (/*#__PURE__*/(0,external_react_namespaceObject.isValidElement)(children)) {
-      const type = children.type;
-      if (type === ExchangeAccountHeader) {
-        seen.header = true;
-      } else if (type === ExchangeAccountStatus) {
-        seen.status = true;
-      } else if (type === ExchangeAccountContent) {
-        seen.content = true;
-      }
-    }
-  });
-  if (!seen.header) {
-    childrenArray.unshift((0,jsx_runtime_namespaceObject.jsxs)(ExchangeAccountHeader, {
-      children: [(0,jsx_runtime_namespaceObject.jsx)(ExchangeAccountPlatform, {
-        children: platform
-      }), (0,jsx_runtime_namespaceObject.jsx)(ExchangeAccountTitle, {
-        children: title
-      })]
-    }, "header"));
-  }
-  if (!seen.content) {
-    childrenArray.push((0,jsx_runtime_namespaceObject.jsx)(ExchangeAccountContent, {}, "content"));
-  }
-  if (!seen.status) {
-    const headerIndex = childrenArray.findIndex(child => /*#__PURE__*/(0,external_react_namespaceObject.isValidElement)(child) && child.type === ExchangeAccountHeader);
-    childrenArray.splice(headerIndex + 1, 0, (0,jsx_runtime_namespaceObject.jsx)(ExchangeAccountStatus, {}, "status"));
-  }
-  const _onClick = !disabled ? onClick : undefined;
-  return (0,jsx_runtime_namespaceObject.jsx)(ExchangeAccountProvider, {
-    value: {
-      data,
-      platform,
-      title,
-      status,
-      disabled,
-      pieChartProps,
-      onDelete,
-      onClick
-    },
-    children: (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.WithLink, {
-      link: !disabled ? link : undefined,
-      onClick: _onClick,
-      children: (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.CardBase, {
-        noShadow: true,
-        css: CardBase({
-          disabled
-        }),
-        "data-testid": "card",
-        onClick: link ? undefined : _onClick,
-        children: childrenArray
-      })
-    })
-  });
-};
-ExchangeAccount.Header = ExchangeAccountHeader;
-ExchangeAccount.Platform = ExchangeAccountPlatform;
-ExchangeAccount.Title = ExchangeAccountTitle;
-ExchangeAccount.Status = ExchangeAccountStatus;
-ExchangeAccount.Content = ExchangeAccountContent;
-;// ./src/components/ExchangeAccount/index.ts
-
-
-;// ./src/components/AccountKeys/styles.ts
-function AccountKeys_styles_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
-const Card = theme => /*#__PURE__*/(0,react_namespaceObject.css)("box-shadow:0 10px 40px 0 ", theme.colors.greyShadow, ";padding:0;border-radius:20px;&.disabled{pointer-events:none;}" + ( true ? "" : 0),  true ? "" : 0);
-const styles_CardHeader = theme => /*#__PURE__*/(0,react_namespaceObject.css)("align-items:center;background:", theme.colors.greyLighter, ";padding:10px;border-radius:20px 20px 0 0;margin-bottom:0;", theme.mediaQueries.md, "{padding:15px 10px 15px 30px;}" + ( true ? "" : 0),  true ? "" : 0);
-const DeleteButton = theme => /*#__PURE__*/(0,react_namespaceObject.css)("height:auto;background:none;box-shadow:none;&:hover,&:focus{background:none;box-shadow:none;}&:hover{svg path{fill:", theme.colors.greyDarker, ";}}", theme.mediaQueries.md, "{padding:12px;}" + ( true ? "" : 0),  true ? "" : 0);
-const styles_CardContent = theme => /*#__PURE__*/(0,react_namespaceObject.css)("width:100%;padding:10px;", theme.mediaQueries.md, "{padding:13px 30px 20px;}" + ( true ? "" : 0),  true ? "" : 0);
-const KeyItem =  true ? {
-  name: "gnnc8a",
-  styles: "display:flex;flex-direction:column;gap:5px;&:not(:last-child){margin-bottom:20px;}"
-} : 0;
-const VisibleButton =  true ? {
-  name: "15bna7",
-  styles: "height:auto;padding:0;background:none;box-shadow:none;&:hover,&:focus{background:none;box-shadow:none;}"
-} : 0;
-const SecretKey =  true ? {
-  name: "1u3vkts",
-  styles: "display:flex;align-items:center;gap:7px"
-} : 0;
-const LetterWrap =  true ? {
-  name: "26bywx",
-  styles: "overflow-wrap:anywhere"
-} : 0;
-;// ./src/components/AccountKeys/components/AccountKeysProvider.tsx
-
-const [AccountKeysProvider, useAccountKeysContext] = (0,hooks_namespaceObject.createSafeContext)('useExchangeAccount must be used within a AccountKeysProvider');
-;// ./src/components/AccountKeys/components/AccountKeysHeader.tsx
-
-
-
-
-
-const AccountKeysHeader = ({
-  children
-}) => {
-  const theme = (0,react_namespaceObject.useTheme)();
-  const ctx = useAccountKeysContext();
-  const {
-    title,
-    onDelete
-  } = ctx.store;
-  return (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.CardHeader, {
-    css: styles_CardHeader,
-    children: children || (0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
-      children: [(0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Typography, {
-        variant: "h5",
-        weight: "bold",
-        children: title
-      }), onDelete && (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Button, {
-        css: DeleteButton,
-        onClick: onDelete,
-        children: (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Icon, {
-          name: "bin",
-          size: 15,
-          color: theme.colors.greyDropdownFocused
-        })
-      })]
-    })
-  });
-};
-;// ./src/components/AccountKeys/components/AccountKeysContent.tsx
-
-
-
-
-
-const AccountKeysContent = ({
-  children
-}) => {
-  const theme = (0,react_namespaceObject.useTheme)();
-  const ctx = useAccountKeysContext();
-  const {
-    apiKey,
-    secretKey,
-    visible,
-    placeholder,
-    toggleVisible
-  } = ctx.store;
-  return (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.CardContent, {
-    css: styles_CardContent,
-    direction: "column",
-    children: children || (0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
-      children: [(0,jsx_runtime_namespaceObject.jsxs)("div", {
-        css: KeyItem,
-        children: [(0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Typography, {
-          variant: "h6",
-          color: theme.colors.greyDropdownFocused,
-          children: "API Key"
-        }), (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Typography, {
-          variant: "h5",
-          weight: "bold",
-          css: LetterWrap,
-          children: apiKey
-        })]
-      }), (0,jsx_runtime_namespaceObject.jsxs)("div", {
-        css: KeyItem,
-        children: [(0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Typography, {
-          variant: "h6",
-          color: theme.colors.greyDropdownFocused,
-          children: "Secret Key"
-        }), (0,jsx_runtime_namespaceObject.jsxs)(core_namespaceObject.Typography, {
-          variant: "h5",
-          weight: "bold",
-          css: SecretKey,
-          children: [(0,jsx_runtime_namespaceObject.jsx)("span", {
-            css: LetterWrap,
-            children: visible ? secretKey || placeholder : placeholder
-          }), (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Button, {
-            css: VisibleButton,
-            onClick: toggleVisible,
-            children: (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Icon, {
-              name: visible ? 'visible' : 'invisible',
-              size: 20,
-              color: theme.colors.greyDropdownFocused
-            })
-          })]
-        })]
-      })]
-    })
-  });
-};
-;// ./src/components/AccountKeys/useAccountKeys.tsx
-
-
-const useAccountKeys = ({
-  title,
-  apiKey,
-  secretKey,
-  placeholder: controlledPlaceholder,
-  isDisabled,
-  visible,
-  defaultVisible,
-  onDelete,
-  onVisibilityChange
-}) => {
-  const [_visible, _setVisible] = (0,hooks_namespaceObject.useUncontrolled)({
-    value: visible,
-    defaultValue: defaultVisible,
-    finalValue: false
-  });
-  const _placeholder = controlledPlaceholder || (0,jsx_runtime_namespaceObject.jsx)("span", {
-    children: "******"
-  });
-  const setVisible = value => {
-    _setVisible(value);
-    onVisibilityChange?.(value);
-  };
-  const toggleVisible = () => {
-    setVisible(!_visible);
-  };
-  return {
-    title,
-    apiKey,
-    secretKey,
-    placeholder: _placeholder,
-    visible: _visible,
-    isDisabled,
-    onDelete,
-    setVisible,
-    toggleVisible
-  };
-};
-;// ./src/components/AccountKeys/AccountKeys.tsx
-
-
-
-
-
-const AccountKeys = ({
-  children,
-  store: controlledStore,
-  ...accountKeysProps
-}) => {
-  const uncontrolledStore = useAccountKeys(accountKeysProps);
-  const store = controlledStore || uncontrolledStore;
-  return (0,jsx_runtime_namespaceObject.jsx)(AccountKeysProvider, {
-    value: {
-      store
-    },
-    children: (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Card, {
-      noShadow: true,
-      css: Card,
-      className: store.isDisabled ? 'disabled' : '',
-      children: children || (0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
-        children: [(0,jsx_runtime_namespaceObject.jsx)(AccountKeysHeader, {}), (0,jsx_runtime_namespaceObject.jsx)(AccountKeysContent, {})]
-      })
-    })
-  });
-};
-AccountKeys.Header = AccountKeysHeader;
-AccountKeys.Content = AccountKeysContent;
-;// ./src/components/AccountKeys/index.ts
-
-
-;// ./src/components/MarginInfo/styles.ts
-
-function MarginInfo_styles_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
-
-const Table = /*#__PURE__*/base_default()("div",  true ? {
-  target: "e1od563q9"
-} : 0)( true ? {
-  name: "r9yc2m",
-  styles: "display:flex;flex-direction:column;width:100%;margin-bottom:5px"
-} : 0);
-const TableBody = /*#__PURE__*/base_default()("div",  true ? {
-  target: "e1od563q8"
-} : 0)( true ? {
-  name: "1xc5zxn",
-  styles: "display:flex;flex-direction:column;gap:6px"
-} : 0);
-const TableHeader = /*#__PURE__*/base_default()("div",  true ? {
-  target: "e1od563q7"
-} : 0)( true ? {
-  name: "261bi6",
-  styles: "display:flex;flex-direction:row;align-items:center;margin-bottom:5px"
-} : 0);
-const HeaderRow = /*#__PURE__*/base_default()("div",  true ? {
-  target: "e1od563q6"
-} : 0)( true ? {
-  name: "2pwczj",
-  styles: "display:flex;flex-direction:row;flex:1;padding:0 7px;justify-content:flex-start"
-} : 0);
-const Cell = /*#__PURE__*/base_default()("div",  true ? {
-  target: "e1od563q5"
-} : 0)("flex:1;padding-right:5px;overflow:hidden;color:", ({
-  theme
-}) => theme.colors.greyDarker, ";font-size:13px;font-weight:400;text-align:left;white-space:nowrap;text-overflow:ellipsis;" + ( true ? "" : 0));
-const RowCells = /*#__PURE__*/base_default()("div",  true ? {
-  target: "e1od563q4"
-} : 0)( true ? {
-  name: "inps1j",
-  styles: "display:flex;flex-direction:row;flex:2;flex-basis:0;min-width:0;justify-content:flex-start"
-} : 0);
-const HeaderCell = /*#__PURE__*/base_default()(RowCells,  true ? {
-  target: "e1od563q3"
-} : 0)( true ? {
-  name: "ofgjbn",
-  styles: "font-size:14px;font-weight:600"
-} : 0);
-const RowLabel = /*#__PURE__*/base_default()("div",  true ? {
-  target: "e1od563q2"
-} : 0)("flex:1;flex-basis:0;min-width:0;color:", ({
-  theme
-}) => theme.colors.greyDarker, ";font-size:13px;font-weight:600;" + ( true ? "" : 0));
-const TableRow = /*#__PURE__*/base_default()("div",  true ? {
-  target: "e1od563q1"
-} : 0)("display:flex;flex-direction:row;align-items:center;padding:5px 7px;background:", ({
-  theme
-}) => theme.colors.greyLighter, ";border-radius:8px;" + ( true ? "" : 0));
-const ButtonsWrapper = /*#__PURE__*/base_default()(core_namespaceObject.Wrapper,  true ? {
-  target: "e1od563q0"
-} : 0)( true ? {
-  name: "7mjxrk",
-  styles: "display:flex;flex-direction:row;width:100%;gap:5px;margin-top:auto"
-} : 0);
-const baseButtonStyles = theme => /*#__PURE__*/(0,react_namespaceObject.css)("display:flex;flex:1;justify-content:center;height:34px;border:none;border-radius:8px;color:", theme.colors.white, ";font-size:14px;font-weight:500;cursor:pointer;&:disabled{background:", theme.colors.grey, ";cursor:not-allowed;}&>span,&>*{color:inherit;}" + ( true ? "" : 0),  true ? "" : 0);
-const BorrowButton = theme => /*#__PURE__*/(0,react_namespaceObject.css)(baseButtonStyles(theme), ";background:linear-gradient(\n    247deg,\n    ", theme.colors.blueLighter, " 14.71%,\n    ", theme.colors.blue, " 85.29%\n  );&:hover{background:linear-gradient(\n      247deg,\n      ", theme.colors.blueButtonHoverGradientFrom, " 14.71%,\n      ", theme.colors.blueButtonHoverGradientTo, " 85.29%\n    );box-shadow:0 4px 12px ", theme.colors.blueLighter40, ";}&:active{background:", theme.colors.blueButtonActive, ";}" + ( true ? "" : 0),  true ? "" : 0);
-const RepayButton = theme => /*#__PURE__*/(0,react_namespaceObject.css)(baseButtonStyles(theme), ";background:linear-gradient(\n    99.26deg,\n    ", theme.colors.green, " -7.01%,\n    ", theme.colors.greenLighter, " 92.87%\n  );&:hover{background:linear-gradient(\n      99.26deg,\n      ", theme.colors.greenDark, " -7.01%,\n      ", theme.colors.green, " 92.87%\n    );box-shadow:0 4px 12px ", theme.colors.green40, ";}&:active{background:", theme.colors.greenDark, ";}" + ( true ? "" : 0),  true ? "" : 0);
-;// ./src/components/MarginInfo/MarginInfoTableRow.tsx
-
-
-const MarginInfoTableRow = ({
-  label,
-  baseValue,
-  quoteValue
-}) => (0,jsx_runtime_namespaceObject.jsxs)(TableRow, {
-  children: [(0,jsx_runtime_namespaceObject.jsx)(RowLabel, {
-    children: label
-  }), (0,jsx_runtime_namespaceObject.jsxs)(RowCells, {
-    children: [(0,jsx_runtime_namespaceObject.jsx)(Cell, {
-      children: baseValue
-    }), (0,jsx_runtime_namespaceObject.jsx)(Cell, {
-      children: quoteValue
-    })]
-  })]
-});
-;// ./src/components/MarginInfo/MarginInfo.tsx
-
-
-
-
-const MarginInfo = ({
-  title = 'Margin Info',
-  base,
-  quote,
-  baseBorrowed,
-  baseInterestRate,
-  baseTotalInterest,
-  quoteBorrowed,
-  quoteInterestRate,
-  quoteTotalInterest,
-  borrowedLabel = 'Borrowed',
-  interestRateLabel = 'Interest Rate',
-  totalInterestLabel = 'Total Interest',
-  showInterestRate = true,
-  disableBorrow = false,
-  disableRepay = false,
-  onBorrow,
-  onRepay,
-  className,
-  wrapperClassName,
-  headerClassName,
-  contentClassName
-}) => {
-  return (0,jsx_runtime_namespaceObject.jsxs)(core_namespaceObject.WidgetCard, {
-    title: title,
-    className: className,
-    wrapperClassName: wrapperClassName,
-    headerClassName: headerClassName,
-    contentClassName: contentClassName,
-    children: [(0,jsx_runtime_namespaceObject.jsxs)(Table, {
-      children: [(0,jsx_runtime_namespaceObject.jsx)(TableHeader, {
-        children: (0,jsx_runtime_namespaceObject.jsxs)(HeaderRow, {
-          children: [(0,jsx_runtime_namespaceObject.jsx)(RowLabel, {}), (0,jsx_runtime_namespaceObject.jsxs)(RowCells, {
-            children: [(0,jsx_runtime_namespaceObject.jsx)(HeaderCell, {
-              children: base
-            }), (0,jsx_runtime_namespaceObject.jsx)(HeaderCell, {
-              children: quote
-            })]
-          })]
-        })
-      }), (0,jsx_runtime_namespaceObject.jsxs)(TableBody, {
-        children: [(0,jsx_runtime_namespaceObject.jsx)(MarginInfoTableRow, {
-          label: borrowedLabel,
-          baseValue: baseBorrowed,
-          quoteValue: quoteBorrowed
-        }), showInterestRate && (0,jsx_runtime_namespaceObject.jsx)(MarginInfoTableRow, {
-          label: interestRateLabel,
-          baseValue: baseInterestRate,
-          quoteValue: quoteInterestRate
-        }), (0,jsx_runtime_namespaceObject.jsx)(MarginInfoTableRow, {
-          label: totalInterestLabel,
-          baseValue: baseTotalInterest,
-          quoteValue: quoteTotalInterest
-        })]
-      })]
-    }), (0,jsx_runtime_namespaceObject.jsxs)(ButtonsWrapper, {
-      children: [(0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Button, {
-        variant: "custom",
-        css: BorrowButton,
-        onClick: onBorrow,
-        isDisabled: disableBorrow || !onBorrow,
-        text: "Borrow"
-      }), (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Button, {
-        variant: "custom",
-        css: RepayButton,
-        onClick: onRepay,
-        isDisabled: disableRepay || !onRepay,
-        text: "Repay"
-      })]
-    })]
-  });
-};
-;// ./src/components/MarginInfo/index.ts
-
-
-;// ./src/index.ts
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-/******/ 	return __webpack_exports__;
-/******/ })()
-;
-});
-//# sourceMappingURL=index.js.map