@homefile/components-v2 1.0.1 → 1.0.3

package/dist/components/addItemWizard/QuickAddItem.js

@@ -1,41 +1,25 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { Box, Stack, Text } from '@chakra-ui/react';
+import { MediaDragDrop, RoomStep, StepHeader } from '..';
+export const QuickAddItem = ({ categories, handleCategoryChange, handleNameChange, handleRoomChange, nameValue, rooms, onDelete, onEdit, onFilesChange, onUpload, images, uploading, loading, }) => {
+    const roomStepProps = {
+        categories,
+        handleCategoryChange,
+        handleNameChange,
+        handleRoomChange,
+        nameValue,
+        rooms,
     };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.QuickAddItem = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var i18next_1 = require("i18next");
-var react_1 = require("@chakra-ui/react");
-var components_1 = require("..");
-var QuickAddItem = function (_a) {
-    var categories = _a.categories, handleCategoryChange = _a.handleCategoryChange, handleNameChange = _a.handleNameChange, handleRoomChange = _a.handleRoomChange, nameValue = _a.nameValue, rooms = _a.rooms, onDelete = _a.onDelete, onEdit = _a.onEdit, onFilesChange = _a.onFilesChange, onUpload = _a.onUpload, images = _a.images, uploading = _a.uploading, loading = _a.loading;
-    var roomStepProps = {
-        categories: categories,
-        handleCategoryChange: handleCategoryChange,
-        handleNameChange: handleNameChange,
-        handleRoomChange: handleRoomChange,
-        nameValue: nameValue,
-        rooms: rooms,
-    };
-    var mediaProps = {
-        images: images,
+    const mediaProps = {
+        images,
         isMobile: false,
-        loading: loading,
-        onDelete: onDelete,
-        onEdit: onEdit,
-        onFilesChange: onFilesChange,
-        onUpload: onUpload,
-        uploading: uploading,
+        loading,
+        onDelete,
+        onEdit,
+        onFilesChange,
+        onUpload,
+        uploading,
     };
-    return ((0, jsx_runtime_1.jsxs)(react_1.Box, { children: [(0, jsx_runtime_1.jsx)(components_1.StepHeader, { description: (0, i18next_1.t)('addItemWizard.quickAddDescription') }), (0, jsx_runtime_1.jsx)(components_1.RoomStep, __assign({ hasHeader: false }, roomStepProps)), (0, jsx_runtime_1.jsxs)(react_1.Stack, { spacing: "6", px: "base", py: "6", children: [(0, jsx_runtime_1.jsx)(react_1.Text, { fontSize: "lg", children: (0, i18next_1.t)('addItemWizard.mediaStep.addImages') }), (0, jsx_runtime_1.jsx)(components_1.MediaDragDrop, __assign({}, mediaProps, { align: "flex-start" }))] })] }));
+    return (_jsxs(Box, { children: [_jsx(StepHeader, { description: t('addItemWizard.quickAddDescription') }), _jsx(RoomStep, Object.assign({ hasHeader: false }, roomStepProps)), _jsxs(Stack, { spacing: "6", px: "base", py: "6", children: [_jsx(Text, { fontSize: "lg", children: t('addItemWizard.mediaStep.addImages') }), _jsx(MediaDragDrop, Object.assign({}, mediaProps, { align: "flex-start" }))] })] }));
 };
-exports.QuickAddItem = QuickAddItem;

package/dist/components/addItemWizard/index.js

@@ -1,19 +1,3 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./steps"), exports);
-__exportStar(require("./AddItemContainer"), exports);
-__exportStar(require("./QuickAddItem"), exports);
+export * from './steps';
+export * from './AddItemContainer';
+export * from './QuickAddItem';

package/dist/components/addItemWizard/steps/StepHeader.js

@@ -1,12 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StepHeader = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var i18next_1 = require("i18next");
-var react_1 = require("@chakra-ui/react");
-var StepHeader = function (_a) {
-    var currentStep = _a.currentStep, description = _a.description, steps = _a.steps;
-    var hasSteps = steps && currentStep;
-    return ((0, jsx_runtime_1.jsxs)(react_1.Stack, { spacing: "base", bg: "lightGreen.1", py: "6", px: "base", children: [hasSteps && (0, jsx_runtime_1.jsx)(react_1.Text, { fontSize: "sm", fontWeight: "bold", color: "green.1", children: "".concat((0, i18next_1.t)('addItemWizard.step'), " ").concat(currentStep, " ").concat((0, i18next_1.t)('addItemWizard.of'), " ").concat(steps) }), (0, jsx_runtime_1.jsx)(react_1.Text, { fontSize: "lg", children: description })] }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { Stack, Text } from '@chakra-ui/react';
+export const StepHeader = ({ currentStep, description, steps, }) => {
+    const hasSteps = steps && currentStep;
+    return (_jsxs(Stack, { spacing: "base", bg: "lightGreen.1", py: "6", px: "base", children: [hasSteps && _jsx(Text, { fontSize: "sm", fontWeight: "bold", color: "green.1", children: `${t('addItemWizard.step')} ${currentStep} ${t('addItemWizard.of')} ${steps}` }), _jsx(Text, { fontSize: "lg", children: description })] }));
 };
-exports.StepHeader = StepHeader;

package/dist/components/addItemWizard/steps/flows/FlowCard.js

@@ -1,13 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FlowCard = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("@chakra-ui/react");
-var icons_1 = require("../../../icons");
-var utils_1 = require("../../../../utils");
-var FlowCard = function (_a) {
-    var description = _a.description, flagColor = _a.flagColor, icon = _a.icon, onClick = _a.onClick, title = _a.title;
-    var iconAlt = (0, utils_1.getIconAltText)(icon);
-    return ((0, jsx_runtime_1.jsx)(react_1.Container, { as: "button", onClick: onClick, transition: "all 0.2s", _hover: { shadow: 'lg' }, maxW: "none", children: (0, jsx_runtime_1.jsxs)(react_1.Stack, { children: [(0, jsx_runtime_1.jsx)(react_1.Flex, { align: "center", children: (0, jsx_runtime_1.jsx)(react_1.Box, { bg: flagColor, overflow: "hidden", px: "4", children: (0, jsx_runtime_1.jsxs)(react_1.Flex, { w: "9rem", justify: "space-between", align: "center", children: [(0, jsx_runtime_1.jsx)(react_1.Text, { fontSize: "xs", fontWeight: "bold", color: "neutral.white", textTransform: "uppercase", children: title }), (0, jsx_runtime_1.jsx)(react_1.Box, { bg: "neutral.white", transform: "rotate(45deg)", h: "24px", w: "24px", position: "relative", right: "-8" })] }) }) }), (0, jsx_runtime_1.jsxs)(react_1.Flex, { p: "4", align: "center", justify: "space-between", gap: "4", children: [(0, jsx_runtime_1.jsxs)(react_1.Flex, { gap: "base", align: "center", pb: "2", children: [(0, jsx_runtime_1.jsx)(react_1.Image, { src: icon, alt: iconAlt, boxSize: "68px" }), (0, jsx_runtime_1.jsx)(react_1.Text, { textAlign: "left", children: description })] }), (0, jsx_runtime_1.jsx)(react_1.Center, { h: "40px", minW: "40px", border: "1px solid", borderColor: "blue.2", borderRadius: "full", children: (0, jsx_runtime_1.jsx)(icons_1.ChevronRight, {}) })] })] }) }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Container, Stack, Flex, Box, Center, Text, Image, } from '@chakra-ui/react';
+import { ChevronRight } from '../../../icons';
+import { getIconAltText } from '../../../../utils';
+export const FlowCard = ({ description, flagColor, icon, onClick, title, }) => {
+    const iconAlt = getIconAltText(icon);
+    return (_jsx(Container, { as: "button", onClick: onClick, transition: "all 0.2s", _hover: { shadow: 'lg' }, maxW: "none", children: _jsxs(Stack, { children: [_jsx(Flex, { align: "center", children: _jsx(Box, { bg: flagColor, overflow: "hidden", px: "4", children: _jsxs(Flex, { w: "9rem", justify: "space-between", align: "center", children: [_jsx(Text, { fontSize: "xs", fontWeight: "bold", color: "neutral.white", textTransform: "uppercase", children: title }), _jsx(Box, { bg: "neutral.white", transform: "rotate(45deg)", h: "24px", w: "24px", position: "relative", right: "-8" })] }) }) }), _jsxs(Flex, { p: "4", align: "center", justify: "space-between", gap: "4", children: [_jsxs(Flex, { gap: "base", align: "center", pb: "2", children: [_jsx(Image, { src: icon, alt: iconAlt, boxSize: "68px" }), _jsx(Text, { textAlign: "left", children: description })] }), _jsx(Center, { h: "40px", minW: "40px", border: "1px solid", borderColor: "blue.2", borderRadius: "full", children: _jsx(ChevronRight, {}) })] })] }) }));
 };
-exports.FlowCard = FlowCard;

package/dist/components/addItemWizard/steps/flows/FlowStep.js

@@ -1,13 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FlowStep = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var i18next_1 = require("i18next");
-var react_1 = require("@chakra-ui/react");
-var components_1 = require("../../..");
-var images_1 = require("../../../../assets/images");
-var FlowStep = function (_a) {
-    var handleDetailedFlow = _a.handleDetailedFlow, handleQuickFlow = _a.handleQuickFlow, handleTurnOffWizard = _a.handleTurnOffWizard;
-    return ((0, jsx_runtime_1.jsxs)(react_1.Container, { variant: "secondary", bg: "lightGreen.8", minH: "100%", maxW: "none", pb: "8rem", children: [(0, jsx_runtime_1.jsxs)(react_1.Stack, { spacing: "8", px: "4", pt: "6", pb: "10", bg: "lightGreen.7", children: [(0, jsx_runtime_1.jsx)(components_1.FlowStepHeader, {}), (0, jsx_runtime_1.jsxs)(react_1.Stack, { spacing: "base", children: [(0, jsx_runtime_1.jsx)(components_1.FlowCard, { description: (0, i18next_1.t)('addItemWizard.flowStep.flowQuick'), flagColor: "blue.5", icon: images_1.WizardQuick, onClick: handleQuickFlow, title: (0, i18next_1.t)('addItemWizard.flowStep.quick') }), (0, jsx_runtime_1.jsx)(components_1.FlowCard, { description: (0, i18next_1.t)('addItemWizard.flowStep.flowDetailed'), flagColor: "green.11", icon: images_1.WizardDetailed, onClick: handleDetailedFlow, title: (0, i18next_1.t)('addItemWizard.flowStep.detailed') })] })] }), (0, jsx_runtime_1.jsx)(react_1.Center, { children: (0, jsx_runtime_1.jsx)(react_1.Box, { as: "button", borderRadius: "full", bg: "lightGreen.9", py: "2", px: "4", fontFamily: "secondary", transition: "all 0.2s", _hover: { bg: 'lightGreen.6' }, onClick: handleTurnOffWizard, position: "relative", top: "-5", children: (0, i18next_1.t)('addItemWizard.turnOffButton') }) })] }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { Box, Center, Container, Stack } from '@chakra-ui/react';
+import { FlowCard, FlowStepHeader } from '../../..';
+import { WizardQuick, WizardDetailed } from '../../../../assets/images';
+export const FlowStep = ({ handleDetailedFlow, handleQuickFlow, handleTurnOffWizard, }) => {
+    return (_jsxs(Container, { variant: "secondary", bg: "lightGreen.8", minH: "100%", maxW: "none", pb: "8rem", children: [_jsxs(Stack, { spacing: "8", px: "4", pt: "6", pb: "10", bg: "lightGreen.7", children: [_jsx(FlowStepHeader, {}), _jsxs(Stack, { spacing: "base", children: [_jsx(FlowCard, { description: t('addItemWizard.flowStep.flowQuick'), flagColor: "blue.5", icon: WizardQuick, onClick: handleQuickFlow, title: t('addItemWizard.flowStep.quick') }), _jsx(FlowCard, { description: t('addItemWizard.flowStep.flowDetailed'), flagColor: "green.11", icon: WizardDetailed, onClick: handleDetailedFlow, title: t('addItemWizard.flowStep.detailed') })] })] }), _jsx(Center, { children: _jsx(Box, { as: "button", borderRadius: "full", bg: "lightGreen.9", py: "2", px: "4", fontFamily: "secondary", transition: "all 0.2s", _hover: { bg: 'lightGreen.6' }, onClick: handleTurnOffWizard, position: "relative", top: "-5", children: t('addItemWizard.turnOffButton') }) })] }));
 };
-exports.FlowStep = FlowStep;

package/dist/components/addItemWizard/steps/flows/FlowStepHeader.js

@@ -1,10 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FlowStepHeader = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var i18next_1 = require("i18next");
-var react_1 = require("@chakra-ui/react");
-var FlowStepHeader = function () {
-    return ((0, jsx_runtime_1.jsx)(react_1.Stack, { spacing: "2", children: (0, jsx_runtime_1.jsx)(react_1.Text, { fontSize: "xl", lineHeight: "24px", mt: "auto", children: (0, i18next_1.t)('addItemWizard.flowStep.title') }) }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { Stack, Text } from '@chakra-ui/react';
+export const FlowStepHeader = () => {
+    return (_jsx(Stack, { spacing: "2", children: _jsx(Text, { fontSize: "xl", lineHeight: "24px", mt: "auto", children: t('addItemWizard.flowStep.title') }) }));
 };
-exports.FlowStepHeader = FlowStepHeader;

package/dist/components/addItemWizard/steps/flows/index.js

@@ -1,19 +1,3 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./FlowCard"), exports);
-__exportStar(require("./FlowStep"), exports);
-__exportStar(require("./FlowStepHeader"), exports);
+export * from './FlowCard';
+export * from './FlowStep';
+export * from './FlowStepHeader';

package/dist/components/addItemWizard/steps/index.js

@@ -1,22 +1,6 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./StepHeader"), exports);
-__exportStar(require("./flows"), exports);
-__exportStar(require("./mediaDetails"), exports);
-__exportStar(require("./room"), exports);
-__exportStar(require("./wellDone"), exports);
-__exportStar(require("./StepHeader"), exports);
+export * from './StepHeader';
+export * from './flows';
+export * from './mediaDetails';
+export * from './room';
+export * from './wellDone';
+export * from './StepHeader';

package/dist/components/addItemWizard/steps/mediaDetails/MediaDetailsStep.js

@@ -1,30 +1,25 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MediaDetailsStep = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var i18next_1 = require("i18next");
-var react_1 = require("@chakra-ui/react");
-var components_1 = require("../../..");
-var hooks_1 = require("../../../../hooks");
-var MediaDetailsStep = function (_a) {
-    var currentStep = _a.currentStep, detailsComponent = _a.detailsComponent, handleDelete = _a.handleDelete, handleEdit = _a.handleEdit, handleFilesChange = _a.handleFilesChange, handleUpload = _a.handleUpload, images = _a.images, isQuickFlow = _a.isQuickFlow, loading = _a.loading, totalSteps = _a.totalSteps, uploading = _a.uploading;
-    var _b = (0, hooks_1.useMediaDetailStep)({
-        currentStep: currentStep,
-    }), currentDescription = _b.currentDescription, handleCurrentTab = _b.handleCurrentTab, isMobile = _b.isMobile, step = _b.step;
-    var media = {
-        label: (0, i18next_1.t)('addItemWizard.mediaStep.tab'),
-        component: ((0, jsx_runtime_1.jsx)(react_1.Box, { p: "base", mt: "base", children: (0, jsx_runtime_1.jsx)(components_1.MediaDragDrop, { images: images, isMobile: isMobile, loading: loading, onDelete: handleDelete, onEdit: handleEdit, onFilesChange: handleFilesChange, onUpload: handleUpload, uploading: uploading }) })),
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { Box, Container } from '@chakra-ui/react';
+import { MediaDragDrop, StepHeader, TabsHeader } from '../../..';
+import { useMediaDetailStep } from '../../../../hooks';
+export const MediaDetailsStep = ({ currentStep, detailsComponent, handleDelete, handleEdit, handleFilesChange, handleUpload, images, isQuickFlow, loading, totalSteps, uploading, }) => {
+    const { currentDescription, handleCurrentTab, isMobile, step } = useMediaDetailStep({
+        currentStep,
+    });
+    const media = {
+        label: t('addItemWizard.mediaStep.tab'),
+        component: (_jsx(Box, { p: "base", mt: "base", children: _jsx(MediaDragDrop, { images: images, isMobile: isMobile, loading: loading, onDelete: handleDelete, onEdit: handleEdit, onFilesChange: handleFilesChange, onUpload: handleUpload, uploading: uploading }) })),
     };
-    var details = {
-        label: (0, i18next_1.t)('addItemWizard.detailsStep.tab'),
+    const details = {
+        label: t('addItemWizard.detailsStep.tab'),
         component: detailsComponent,
     };
-    var empty = {
+    const empty = {
         label: '',
         component: null,
     };
-    var quickFlowTabs = [media, empty];
-    var detailedFlowTabs = [media, details || null];
-    return ((0, jsx_runtime_1.jsxs)(react_1.Container, { variant: "secondary", bg: "neutral.white", minH: "100%", children: [(0, jsx_runtime_1.jsx)(components_1.StepHeader, { currentStep: step, description: currentDescription, steps: totalSteps }), (0, jsx_runtime_1.jsx)(react_1.Box, { position: "relative", pt: "2", children: (0, jsx_runtime_1.jsx)(components_1.TabsHeader, { onChange: handleCurrentTab, tabList: isQuickFlow ? quickFlowTabs : detailedFlowTabs }) })] }));
+    const quickFlowTabs = [media, empty];
+    const detailedFlowTabs = [media, details || null];
+    return (_jsxs(Container, { variant: "secondary", bg: "neutral.white", minH: "100%", children: [_jsx(StepHeader, { currentStep: step, description: currentDescription, steps: totalSteps }), _jsx(Box, { position: "relative", pt: "2", children: _jsx(TabsHeader, { onChange: handleCurrentTab, tabList: isQuickFlow ? quickFlowTabs : detailedFlowTabs }) })] }));
 };
-exports.MediaDetailsStep = MediaDetailsStep;

package/dist/components/addItemWizard/steps/mediaDetails/MediaDragDrop.js

@@ -1,14 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MediaDragDrop = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var i18next_1 = require("i18next");
-var react_1 = require("@chakra-ui/react");
-var components_1 = require("../../..");
-var MediaDragDrop = function (_a) {
-    var accept = _a.accept, _b = _a.align, align = _b === void 0 ? 'center' : _b, _c = _a.dropAreaHeight, dropAreaHeight = _c === void 0 ? 'calc(100vh - 23rem)' : _c, images = _a.images, isMobile = _a.isMobile, maxFiles = _a.maxFiles, onDelete = _a.onDelete, onEdit = _a.onEdit, onFilesChange = _a.onFilesChange, onUpload = _a.onUpload, uploading = _a.uploading, _d = _a.loading, loading = _d === void 0 ? false : _d;
-    var hasMedia = images && images.length > 0;
-    var isSmallScreen = isMobile;
-    return ((0, jsx_runtime_1.jsxs)(react_1.Stack, { position: "relative", h: "full", children: [isSmallScreen && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.MobileFileUploader, { position: "absolute", top: "3", right: "3", handleInputChange: onFilesChange, "aria-label": (0, i18next_1.t)('addItemWizard.mediaStep.ariaLabel') }), (0, jsx_runtime_1.jsx)(react_1.Box, { p: "base", children: (0, jsx_runtime_1.jsx)(components_1.MediaPreview, { handleDelete: onDelete, handleEdit: onEdit, handleUpload: onUpload, uploading: uploading, images: images, loading: loading }) })] })), !isSmallScreen && ((0, jsx_runtime_1.jsx)(components_1.AddMedia, { accept: accept, maxFiles: maxFiles, align: align, bgColor: "transparent", handleDelete: onDelete, handleEdit: onEdit, handleUpload: onUpload, uploading: uploading, showHeader: false, images: images, loading: loading, padding: "0", dropAreaHeight: hasMedia ? '4.5rem' : dropAreaHeight }))] }));
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { Box, Stack } from '@chakra-ui/react';
+import { MediaPreview, MobileFileUploader, AddMedia } from '../../..';
+export const MediaDragDrop = ({ accept, align = 'center', dropAreaHeight = 'calc(100vh - 23rem)', images, isMobile, maxFiles, onDelete, onEdit, onFilesChange, onUpload, uploading, loading = false, }) => {
+    const hasMedia = images && images.length > 0;
+    const isSmallScreen = isMobile;
+    return (_jsxs(Stack, { position: "relative", h: "full", children: [isSmallScreen && (_jsxs(_Fragment, { children: [_jsx(MobileFileUploader, { position: "absolute", top: "3", right: "3", handleInputChange: onFilesChange, "aria-label": t('addItemWizard.mediaStep.ariaLabel') }), _jsx(Box, { p: "base", children: _jsx(MediaPreview, { handleDelete: onDelete, handleEdit: onEdit, handleUpload: onUpload, uploading: uploading, images: images, loading: loading }) })] })), !isSmallScreen && (_jsx(AddMedia, { accept: accept, maxFiles: maxFiles, align: align, bgColor: "transparent", handleDelete: onDelete, handleEdit: onEdit, handleUpload: onUpload, uploading: uploading, showHeader: false, images: images, loading: loading, padding: "0", dropAreaHeight: hasMedia ? '4.5rem' : dropAreaHeight }))] }));
 };
-exports.MediaDragDrop = MediaDragDrop;

package/dist/components/addItemWizard/steps/mediaDetails/index.js

@@ -1,18 +1,2 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./MediaDetailsStep"), exports);
-__exportStar(require("./MediaDragDrop"), exports);
+export * from './MediaDetailsStep';
+export * from './MediaDragDrop';

package/dist/components/addItemWizard/steps/room/RoomStep.js

@@ -1,13 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RoomStep = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var i18next_1 = require("i18next");
-var react_1 = require("@chakra-ui/react");
-var components_1 = require("../../..");
-var utils_1 = require("../../../../utils");
-var RoomStep = function (_a) {
-    var categories = _a.categories, currentStep = _a.currentStep, handleCategoryChange = _a.handleCategoryChange, handleNameChange = _a.handleNameChange, handleRoomChange = _a.handleRoomChange, _b = _a.hasHeader, hasHeader = _b === void 0 ? true : _b, nameValue = _a.nameValue, rooms = _a.rooms, totalSteps = _a.totalSteps;
-    return ((0, jsx_runtime_1.jsxs)(react_1.Container, { variant: "secondary", bg: "lightBlue.1", minH: "100%", maxW: "none", children: [hasHeader && ((0, jsx_runtime_1.jsx)(components_1.StepHeader, { currentStep: currentStep, description: (0, i18next_1.t)('addItemWizard.roomStep.description'), steps: totalSteps })), (0, jsx_runtime_1.jsxs)(react_1.Stack, { py: "6", px: "base", bg: "neutral.white", spacing: "6", children: [(0, jsx_runtime_1.jsx)(components_1.TextInput, { errorMessage: "".concat((0, i18next_1.t)('householdItems.headers.itemName'), " ").concat((0, i18next_1.t)('forms.required')), hasError: (0, utils_1.isEmptyField)(nameValue), handleChange: handleNameChange, id: "item-name", placeholder: (0, i18next_1.t)('addItemWizard.roomStep.namePlaceholder'), value: nameValue }), (0, jsx_runtime_1.jsx)(components_1.SelectInput, { width: "100%", height: "md", handleClick: handleRoomChange, initialValue: (0, i18next_1.t)('addItemWizard.roomStep.selectRoom'), items: rooms }), (0, jsx_runtime_1.jsx)(components_1.SelectInput, { width: "100%", height: "md", handleClick: handleCategoryChange, initialValue: (0, i18next_1.t)('addItemWizard.roomStep.assignCategory'), items: categories })] })] }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { Container, Stack } from '@chakra-ui/react';
+import { SelectInput, StepHeader, TextInput } from '../../..';
+import { isEmptyField } from '../../../../utils';
+export const RoomStep = ({ categories, currentStep, handleCategoryChange, handleNameChange, handleRoomChange, hasHeader = true, nameValue, rooms, totalSteps, }) => {
+    return (_jsxs(Container, { variant: "secondary", bg: "lightBlue.1", minH: "100%", maxW: "none", children: [hasHeader && (_jsx(StepHeader, { currentStep: currentStep, description: t('addItemWizard.roomStep.description'), steps: totalSteps })), _jsxs(Stack, { py: "6", px: "base", bg: "neutral.white", spacing: "6", children: [_jsx(TextInput, { errorMessage: `${t('householdItems.headers.itemName')} ${t('forms.required')}`, hasError: isEmptyField(nameValue), handleChange: handleNameChange, id: "item-name", placeholder: t('addItemWizard.roomStep.namePlaceholder'), value: nameValue }), _jsx(SelectInput, { width: "100%", height: "md", handleClick: handleRoomChange, initialValue: t('addItemWizard.roomStep.selectRoom'), items: rooms }), _jsx(SelectInput, { width: "100%", height: "md", handleClick: handleCategoryChange, initialValue: t('addItemWizard.roomStep.assignCategory'), items: categories })] })] }));
 };
-exports.RoomStep = RoomStep;

package/dist/components/addItemWizard/steps/room/index.js

@@ -1,17 +1 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./RoomStep"), exports);
+export * from './RoomStep';

package/dist/components/addItemWizard/steps/wellDone/WellDone.js

@@ -1,12 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WellDone = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var i18next_1 = require("i18next");
-var react_1 = require("@chakra-ui/react");
-var images_1 = require("../../../../assets/images");
-var WellDone = function (_a) {
-    var onClick = _a.onClick;
-    return ((0, jsx_runtime_1.jsxs)(react_1.Container, { variant: "secondary", bg: "lightGreen.2", minH: "100%", children: [(0, jsx_runtime_1.jsxs)(react_1.Box, { minH: "20rem", w: "100%", backgroundImage: images_1.WellDone, backgroundPosition: "center", backgroundRepeat: "no-repeat", backgroundSize: "cover", textAlign: "center", pt: "2rem", children: [(0, jsx_runtime_1.jsx)(react_1.Text, { variant: "heading", fontWeight: "semibold", children: (0, i18next_1.t)('addItemWizard.wellDone.title') }), (0, jsx_runtime_1.jsx)(react_1.Text, { children: (0, i18next_1.t)('addItemWizard.wellDone.text1') })] }), (0, jsx_runtime_1.jsxs)(react_1.Stack, { spacing: "base", align: "center", pt: "2rem", children: [(0, jsx_runtime_1.jsxs)(react_1.Box, { textAlign: "center", children: [(0, jsx_runtime_1.jsx)(react_1.Text, { variant: "heading6", fontWeight: "semibold", children: (0, i18next_1.t)('addItemWizard.wellDone.text2') }), (0, jsx_runtime_1.jsx)(react_1.Text, { fontFamily: "secondary", children: (0, i18next_1.t)('addItemWizard.wellDone.text3') })] }), (0, jsx_runtime_1.jsx)(react_1.Button, { variant: "tertiary", h: "button.xs", px: "4rem", onClick: onClick, children: (0, i18next_1.t)('addItemWizard.wellDone.btLabel') })] })] }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { Box, Button, Container, Stack, Text } from '@chakra-ui/react';
+import { WellDone as WellDoneImage } from '../../../../assets/images';
+export const WellDone = ({ onClick }) => {
+    return (_jsxs(Container, { variant: "secondary", bg: "lightGreen.2", minH: "100%", children: [_jsxs(Box, { minH: "20rem", w: "100%", backgroundImage: WellDoneImage, backgroundPosition: "center", backgroundRepeat: "no-repeat", backgroundSize: "cover", textAlign: "center", pt: "2rem", children: [_jsx(Text, { variant: "heading", fontWeight: "semibold", children: t('addItemWizard.wellDone.title') }), _jsx(Text, { children: t('addItemWizard.wellDone.text1') })] }), _jsxs(Stack, { spacing: "base", align: "center", pt: "2rem", children: [_jsxs(Box, { textAlign: "center", children: [_jsx(Text, { variant: "heading6", fontWeight: "semibold", children: t('addItemWizard.wellDone.text2') }), _jsx(Text, { fontFamily: "secondary", children: t('addItemWizard.wellDone.text3') })] }), _jsx(Button, { variant: "tertiary", h: "button.xs", px: "4rem", onClick: onClick, children: t('addItemWizard.wellDone.btLabel') })] })] }));
 };
-exports.WellDone = WellDone;

package/dist/components/addItemWizard/steps/wellDone/index.js

@@ -1,17 +1 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./WellDone"), exports);
+export * from './WellDone';

package/dist/components/animations/CloudsAnimation.js

@@ -1,28 +1,73 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CloudsAnimation = exports.moveRightToLeftWithFade3 = exports.moveRightToLeftWithFade2 = exports.moveRightToLeftWithFade = exports.moveRightToLeft = exports.moveLeftToRightAirplane = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var images_1 = require("../../assets/images");
-var hooks_1 = require("../../hooks");
-var colors_1 = require("../../theme/colors");
-var react_1 = require("@chakra-ui/react");
-var react_2 = require("react");
-exports.moveLeftToRightAirplane = (0, react_1.keyframes)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    0% {\n      transform: translateX(-100%);\n    }\n    100% {\n      transform: translateX(500%);\n    }\n  "], ["\n    0% {\n      transform: translateX(-100%);\n    }\n    100% {\n      transform: translateX(500%);\n    }\n  "])));
-exports.moveRightToLeft = (0, react_1.keyframes)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    0% {\n      transform: translateX(250%);\n    }\n    100% {\n      transform: translateX(-100%);\n    }\n  "], ["\n    0% {\n      transform: translateX(250%);\n    }\n    100% {\n      transform: translateX(-100%);\n    }\n  "])));
-exports.moveRightToLeftWithFade = (0, react_1.keyframes)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    0% {\n      transform: translateX(200%);\n      opacity: 0;\n    }\n    5% {\n      opacity: 1;\n    }\n    100% {\n      transform: translateX(-100%);\n    }\n  "], ["\n    0% {\n      transform: translateX(200%);\n      opacity: 0;\n    }\n    5% {\n      opacity: 1;\n    }\n    100% {\n      transform: translateX(-100%);\n    }\n  "])));
-exports.moveRightToLeftWithFade2 = (0, react_1.keyframes)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    0% {\n      transform: translateX(100vw);\n      opacity: 0;\n    }\n    5% {\n      opacity: 1;\n    }\n    95%{\n      opacity: 1;\n      }\n    100% {\n      transform: translateX(-10vw);\n      opacity: 0;\n    }\n  "], ["\n    0% {\n      transform: translateX(100vw);\n      opacity: 0;\n    }\n    5% {\n      opacity: 1;\n    }\n    95%{\n      opacity: 1;\n      }\n    100% {\n      transform: translateX(-10vw);\n      opacity: 0;\n    }\n  "])));
-exports.moveRightToLeftWithFade3 = (0, react_1.keyframes)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    0% {\n      transform: translateX(30vw);\n      opacity: 0;\n    }\n    5% {\n      opacity: 1;\n    }\n    95%{\n      opacity: 1;\n      }\n    100% {\n      transform: translateX(-10vw);\n      opacity: 0;\n    }\n  "], ["\n    0% {\n      transform: translateX(30vw);\n      opacity: 0;\n    }\n    5% {\n      opacity: 1;\n    }\n    95%{\n      opacity: 1;\n      }\n    100% {\n      transform: translateX(-10vw);\n      opacity: 0;\n    }\n  "])));
-var CloudsAnimation = function (_a) {
-    var children = _a.children;
-    var width = (0, hooks_1.useWindowDimensions)().windowDimensions.width;
-    var isMobile = width < 768;
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Airplane, Cloud1, Cloud2, Cloud3, TreesCrop, TreesCrop2, } from '../../assets/images';
+import { useWindowDimensions } from '../../hooks';
+import { colors } from '../../theme/colors';
+import { Box, keyframes, Image } from '@chakra-ui/react';
+import { Fragment } from 'react';
+export const moveLeftToRightAirplane = keyframes `
+    0% {
+      transform: translateX(-100%);
+    }
+    100% {
+      transform: translateX(500%);
+    }
+  `;
+export const moveRightToLeft = keyframes `
+    0% {
+      transform: translateX(250%);
+    }
+    100% {
+      transform: translateX(-100%);
+    }
+  `;
+export const moveRightToLeftWithFade = keyframes `
+    0% {
+      transform: translateX(200%);
+      opacity: 0;
+    }
+    5% {
+      opacity: 1;
+    }
+    100% {
+      transform: translateX(-100%);
+    }
+  `;
+export const moveRightToLeftWithFade2 = keyframes `
+    0% {
+      transform: translateX(100vw);
+      opacity: 0;
+    }
+    5% {
+      opacity: 1;
+    }
+    95%{
+      opacity: 1;
+      }
+    100% {
+      transform: translateX(-10vw);
+      opacity: 0;
+    }
+  `;
+export const moveRightToLeftWithFade3 = keyframes `
+    0% {
+      transform: translateX(30vw);
+      opacity: 0;
+    }
+    5% {
+      opacity: 1;
+    }
+    95%{
+      opacity: 1;
+      }
+    100% {
+      transform: translateX(-10vw);
+      opacity: 0;
+    }
+  `;
+export const CloudsAnimation = ({ children }) => {
+    const { windowDimensions: { width }, } = useWindowDimensions();
+    const isMobile = width < 768;
     if (isMobile)
-        return (0, jsx_runtime_1.jsx)(react_2.Fragment, { children: "children" });
-    return ((0, jsx_runtime_1.jsxs)(react_1.Box, { h: "100vh", w: "full", position: "relative", bgGradient: colors_1.colors.skyGradient, overflow: "hidden", children: [children, (0, jsx_runtime_1.jsx)(react_1.Image, { src: images_1.Cloud1, position: "absolute", w: "auto", h: "80px", top: "50px", animation: "".concat(exports.moveRightToLeftWithFade3, " 400s linear infinite"), zIndex: "1" }), (0, jsx_runtime_1.jsx)(react_1.Image, { src: images_1.Cloud2, position: "absolute", w: "auto", h: "120px", top: "80px", animation: "".concat(exports.moveRightToLeftWithFade3, " 200s linear infinite"), zIndex: "1" }), (0, jsx_runtime_1.jsx)(react_1.Image, { src: images_1.Cloud3, position: "absolute", w: "auto", h: "160px", top: "120px", animation: "".concat(exports.moveRightToLeftWithFade3, " 130s linear infinite"), zIndex: "1" }), (0, jsx_runtime_1.jsx)(react_1.Image, { src: images_1.Cloud1, position: "absolute", w: "auto", h: "100px", top: "160px", animation: "".concat(exports.moveRightToLeftWithFade2, " 400s linear infinite"), zIndex: "1" }), (0, jsx_runtime_1.jsx)(react_1.Image, { src: images_1.Cloud2, position: "absolute", w: "auto", h: "112px", top: "220px", animation: "".concat(exports.moveRightToLeftWithFade2, " 200s linear infinite"), zIndex: "1" }), (0, jsx_runtime_1.jsx)(react_1.Image, { src: images_1.Cloud3, position: "absolute", w: "auto", h: "160px", top: "300px", animation: "".concat(exports.moveRightToLeftWithFade2, " 130s linear infinite"), zIndex: "1" }), (0, jsx_runtime_1.jsx)(react_1.Image, { src: images_1.Airplane, position: "absolute", w: "auto", h: "40px", top: "85px", animation: "".concat(exports.moveLeftToRightAirplane, " 500s cubic-bezier(1, 1, 1, 500) infinite"), zIndex: "1" }), (0, jsx_runtime_1.jsx)(react_1.Image, { src: images_1.TreesCrop, position: "fixed", bottom: "0", right: "2", w: "auto", h: "80px", zIndex: "1" }), (0, jsx_runtime_1.jsx)(react_1.Image, { src: images_1.TreesCrop2, position: "fixed", bottom: "0", left: "2", w: "auto", h: "80px", zIndex: "1" })] }));
+        return _jsx(Fragment, { children: "children" });
+    return (_jsxs(Box, { h: "100vh", w: "full", position: "relative", bgGradient: colors.skyGradient, overflow: "hidden", children: [children, _jsx(Image, { src: Cloud1, position: "absolute", w: "auto", h: "80px", top: "50px", animation: `${moveRightToLeftWithFade3} 400s linear infinite`, zIndex: "1" }), _jsx(Image, { src: Cloud2, position: "absolute", w: "auto", h: "120px", top: "80px", animation: `${moveRightToLeftWithFade3} 200s linear infinite`, zIndex: "1" }), _jsx(Image, { src: Cloud3, position: "absolute", w: "auto", h: "160px", top: "120px", animation: `${moveRightToLeftWithFade3} 130s linear infinite`, zIndex: "1" }), _jsx(Image, { src: Cloud1, position: "absolute", w: "auto", h: "100px", top: "160px", animation: `${moveRightToLeftWithFade2} 400s linear infinite`, zIndex: "1" }), _jsx(Image, { src: Cloud2, position: "absolute", w: "auto", h: "112px", top: "220px", animation: `${moveRightToLeftWithFade2} 200s linear infinite`, zIndex: "1" }), _jsx(Image, { src: Cloud3, position: "absolute", w: "auto", h: "160px", top: "300px", animation: `${moveRightToLeftWithFade2} 130s linear infinite`, zIndex: "1" }), _jsx(Image, { src: Airplane, position: "absolute", w: "auto", h: "40px", top: "85px", animation: `${moveLeftToRightAirplane} 500s cubic-bezier(1, 1, 1, 500) infinite`, zIndex: "1" }), _jsx(Image, { src: TreesCrop, position: "fixed", bottom: "0", right: "2", w: "auto", h: "80px", zIndex: "1" }), _jsx(Image, { src: TreesCrop2, position: "fixed", bottom: "0", left: "2", w: "auto", h: "80px", zIndex: "1" })] }));
 };
-exports.CloudsAnimation = CloudsAnimation;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

package/dist/components/animations/index.js

@@ -1,17 +1 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./CloudsAnimation"), exports);
+export * from './CloudsAnimation';

package/dist/components/appBar/AppBar.js

@@ -1,22 +1,6 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Flex } from '@chakra-ui/react';
+import { BarDivider, HomefileLogo, UserProfile } from '..';
+export const AppBar = ({ children, onLogoClick, user }) => {
+    return (_jsxs(Box, { bg: "neutral.white", px: "base", boxShadow: "md", children: [_jsx(Box, { position: "absolute", top: "30%", left: "40%", h: "10" }), _jsxs(Flex, { h: "container.masthead", justify: "space-between", alignItems: "center", children: [_jsx(HomefileLogo, { onClick: onLogoClick }), _jsxs(Flex, { alignItems: "center", gap: ["2", "base"], children: [children && (_jsxs(_Fragment, { children: [children, _jsx(BarDivider, {})] })), _jsx(UserProfile, Object.assign({}, user))] })] })] }));
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AppBar = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("@chakra-ui/react");
-var components_1 = require("..");
-var AppBar = function (_a) {
-    var children = _a.children, onLogoClick = _a.onLogoClick, user = _a.user;
-    return ((0, jsx_runtime_1.jsxs)(react_1.Box, { bg: "neutral.white", px: "base", boxShadow: "md", children: [(0, jsx_runtime_1.jsx)(react_1.Box, { position: "absolute", top: "30%", left: "40%", h: "10" }), (0, jsx_runtime_1.jsxs)(react_1.Flex, { h: "container.masthead", justify: "space-between", alignItems: "center", children: [(0, jsx_runtime_1.jsx)(components_1.HomefileLogo, { onClick: onLogoClick }), (0, jsx_runtime_1.jsxs)(react_1.Flex, { alignItems: "center", gap: ["2", "base"], children: [children && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [children, (0, jsx_runtime_1.jsx)(components_1.BarDivider, {})] })), (0, jsx_runtime_1.jsx)(components_1.UserProfile, __assign({}, user))] })] })] }));
-};
-exports.AppBar = AppBar;