@homefile/components-v2 2.48.0 → 2.48.2

package/dist/components/partner/index.d.ts

@@ -14,8 +14,6 @@ export * from './PartnerFooter';
 export * from './PartnerHomeHeader';
 export * from './PartnerHeader';
 export * from './PartnerImage';
-export * from './PartnerServiceTicketsToolbar';
-export * from './PartnerServiceTicketsWrapper';
 export * from './PartnerTileWrapper';
 export * from './PartnerSidebarMenu';
 export * from './ShortPartnerTile';

package/dist/components/partner/index.js

@@ -14,8 +14,6 @@ export * from './PartnerFooter';
 export * from './PartnerHomeHeader';
 export * from './PartnerHeader';
 export * from './PartnerImage';
-export * from './PartnerServiceTicketsToolbar';
-export * from './PartnerServiceTicketsWrapper';
 export * from './PartnerTileWrapper';
 export * from './PartnerSidebarMenu';
 export * from './ShortPartnerTile';

package/dist/components/partner/serviceTickets/PartnerServiceTicketCard.d.ts

@@ -1,2 +1,2 @@
 import { PartnerServiceTicketCardI } from '../../../interfaces';
-export declare const PartnerServiceTicketCard: ({ customerName, description, footerActionLabel, headerLabel, infoBackground, meta, onFooterActionClick, onStatusChange, statusOptions, statusValue, }: PartnerServiceTicketCardI) => import("react/jsx-runtime").JSX.Element;
+export declare const PartnerServiceTicketCard: ({ customerName, display, description, footerActionLabel, headerLabel, infoBackground, meta, onFooterActionClick, }: PartnerServiceTicketCardI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/partner/serviceTickets/PartnerServiceTicketCard.js

@@ -1,8 +1,14 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Container, Flex, Grid, IconButton, Stack, Text, } from '@chakra-ui/react';
 import { TicketBookmark } from '../../../components';
-export const PartnerServiceTicketCard = ({ customerName, description, footerActionLabel, headerLabel, infoBackground = '#e6ddf1', meta, onFooterActionClick, onStatusChange, statusOptions, statusValue, }) => {
-    const hasStatusSelect = Boolean((statusOptions === null || statusOptions === void 0 ? void 0 : statusOptions.length) && statusValue);
-    const getValue = (item) => typeof item === 'string' ? item : String(item._id);
-    return (_jsxs(Container, { variant: "launchpad", w: "180px", overflow: "hidden", bg: "neutral.white", children: [_jsx(Box, { p: "2", children: _jsx(Text, { fontSize: "xs", fontWeight: "medium", textTransform: "uppercase", children: headerLabel }) }), _jsx(Box, { bg: infoBackground, p: "base", children: _jsx(_Fragment, { children: meta.map(({ label, value }) => (_jsxs(Grid, { templateColumns: "40% 60%", gap: "0", children: [_jsx(Text, { fontFamily: "secondary", fontSize: "xxs", textTransform: "uppercase", lineHeight: "1.4", children: label }), _jsx(Text, { fontFamily: "secondary", fontSize: "xxs", fontWeight: "bold", textTransform: "uppercase", lineHeight: "1.4", children: value })] }, label))) }) }), _jsxs(Stack, { spacing: "1", p: "base", borderBottom: "1px solid", borderColor: "lightBlue.2", children: [_jsx(Text, { textTransform: "uppercase", fontWeight: "medium", children: customerName }), _jsx(Text, { fontFamily: "secondary", fontSize: "sm", lineHeight: "1.2", children: description })] }), _jsx(Flex, { h: "40px", p: "base", align: "center", justify: "space-between", children: _jsx(IconButton, { "aria-label": footerActionLabel !== null && footerActionLabel !== void 0 ? footerActionLabel : 'Save ticket', variant: "icon", width: "fit-content", onClick: onFooterActionClick, children: _jsx(TicketBookmark, { boxSize: "5" }) }) })] }));
+export const PartnerServiceTicketCard = ({ customerName, display = 'grid', description, footerActionLabel, headerLabel, infoBackground = '#e6ddf1', meta, onFooterActionClick, }) => {
+    const isListDisplay = display === 'list';
+    const dividerColor = 'lightBlue.2';
+    const cardWidth = isListDisplay ? '100%' : '180px';
+    const renderMeta = () => (_jsx(Box, { bg: infoBackground, p: "base", minW: { base: '100%', md: '220px' }, children: meta.map(({ label, value }) => (_jsxs(Grid, { templateColumns: "40% 60%", gap: "0", children: [_jsx(Text, { fontFamily: "secondary", fontSize: "xxs", textTransform: "uppercase", lineHeight: "1.4", children: label }), _jsx(Text, { fontFamily: "secondary", fontSize: "xxs", fontWeight: "bold", textTransform: "uppercase", lineHeight: "1.4", children: value })] }, label))) }));
+    const renderBody = () => (_jsxs(Stack, { spacing: "1", p: "base", borderBottom: "1px solid", borderColor: dividerColor, flex: "1", justify: "center", children: [_jsx(Text, { textTransform: "uppercase", fontWeight: "medium", children: customerName }), _jsx(Text, { fontFamily: "secondary", fontSize: "sm", lineHeight: "1.2", children: description })] }));
+    if (isListDisplay) {
+        return (_jsx(Container, { variant: "launchpad", w: cardWidth, maxW: "none", mx: "0", overflow: "hidden", bg: "neutral.white", children: _jsxs(Flex, { direction: { base: 'column', md: 'row' }, align: "stretch", children: [_jsx(Flex, { p: "2", align: "center", minW: { base: '100%', md: '130px' }, borderBottomWidth: { base: '1px', md: '0' }, borderBottomStyle: "solid", borderRightWidth: { base: '0', md: '1px' }, borderRightStyle: "solid", borderBottomColor: dividerColor, borderRightColor: dividerColor, children: _jsx(Text, { fontSize: "xs", fontWeight: "medium", textTransform: "uppercase", children: headerLabel }) }), renderMeta(), _jsxs(Stack, { spacing: "1", p: "base", flex: "1", justify: "center", minW: "0", children: [_jsx(Text, { textTransform: "uppercase", fontWeight: "medium", children: customerName }), _jsx(Text, { fontFamily: "secondary", fontSize: "sm", lineHeight: "1.2", children: description })] }), _jsx(Flex, { p: "base", align: "center", justify: "center", borderTopWidth: { base: '1px', md: '0' }, borderTopStyle: "solid", borderLeftWidth: { base: '0', md: '1px' }, borderLeftStyle: "solid", borderTopColor: dividerColor, borderLeftColor: dividerColor, minW: { base: '100%', md: '64px' }, children: _jsx(IconButton, { "aria-label": footerActionLabel !== null && footerActionLabel !== void 0 ? footerActionLabel : 'Save ticket', variant: "icon", width: "fit-content", onClick: onFooterActionClick, children: _jsx(TicketBookmark, { boxSize: "5" }) }) })] }) }));
+    }
+    return (_jsxs(Container, { variant: "launchpad", w: cardWidth, maxW: "none", mx: "0", overflow: "hidden", bg: "neutral.white", children: [_jsx(Box, { p: "2", children: _jsx(Text, { fontSize: "xs", fontWeight: "medium", textTransform: "uppercase", children: headerLabel }) }), renderMeta(), renderBody(), _jsx(Flex, { h: "40px", p: "base", align: "center", justify: "space-between", children: _jsx(IconButton, { "aria-label": footerActionLabel !== null && footerActionLabel !== void 0 ? footerActionLabel : 'Save ticket', variant: "icon", width: "fit-content", onClick: onFooterActionClick, children: _jsx(TicketBookmark, { boxSize: "5" }) }) })] }));
 };

package/dist/components/partner/{PartnerServiceTicketsToolbar.d.ts → serviceTickets/PartnerServiceTicketsToolbar.d.ts}

@@ -1,2 +1,2 @@
-import { PartnerServiceTicketsToolbarI } from '../../interfaces';
+import { PartnerServiceTicketsToolbarI } from '../../../interfaces';
 export declare const PartnerServiceTicketsToolbar: ({ ageItems, initialAge, initialDisplay, initialPriority, initialStatus, newTicketLabel, onAgeChange, onDisplayChange, onNewTicketClick, onPriorityChange, onStatusChange, priorityItems, showNewTicketButton, statusItems, }: PartnerServiceTicketsToolbarI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/partner/serviceTickets/PartnerServiceTicketsToolbar.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Button, Flex } from '@chakra-ui/react';
+import { DisplayOptionsButtons, Plus, SelectInput } from '../../../components';
+export const PartnerServiceTicketsToolbar = ({ ageItems, initialAge, initialDisplay = 'grid', initialPriority, initialStatus, newTicketLabel = 'TICKET', onAgeChange, onDisplayChange, onNewTicketClick, onPriorityChange, onStatusChange, priorityItems, showNewTicketButton = false, statusItems, }) => {
+    const getValue = (item) => typeof item === 'string' ? item : String(item._id);
+    const getButtonAriaLabel = () => {
+        const sanitizedLabel = newTicketLabel.trim();
+        if (!sanitizedLabel.length) {
+            return 'Create service ticket';
+        }
+        return `Create ${sanitizedLabel.toLowerCase()}`;
+    };
+    return (_jsx(Box, { p: "base", as: "section", "aria-label": "Service tickets toolbar", children: _jsxs(Flex, { align: { base: 'stretch', md: 'center' }, justify: "space-between", direction: { base: 'column', md: 'row' }, gap: "base", children: [_jsxs(Flex, { flex: "1", minW: "0", align: { base: 'stretch', md: 'center' }, direction: { base: 'column', md: 'row' }, gap: "base", children: [showNewTicketButton && (_jsx(Box, { ml: "-base", flexShrink: 0, children: _jsx(Button, { id: "addServiceTicketButton", size: "md", onClick: onNewTicketClick, leftIcon: _jsx(Plus, {}), variant: "rightRounded", w: { base: '100%', sm: 'auto' }, "aria-label": getButtonAriaLabel(), children: newTicketLabel }) })), _jsxs(Flex, { flex: "1", minW: "0", gap: "base", wrap: { base: 'wrap', md: 'nowrap' }, align: "stretch", children: [_jsx(Box, { flex: { base: '1 1 100%', md: '1 1 120px' }, minW: { base: '100%', md: '96px' }, maxW: { md: '140px' }, children: _jsx(SelectInput, { height: "md", width: "100%", handleClick: (item) => onAgeChange(getValue(item)), items: ageItems, initialValue: initialAge }) }), _jsx(Box, { flex: { base: '1 1 100%', md: '1 1 120px' }, minW: { base: '100%', md: '96px' }, maxW: { md: '140px' }, children: _jsx(SelectInput, { height: "md", width: "100%", handleClick: (item) => onPriorityChange(getValue(item)), items: priorityItems, initialValue: initialPriority }) }), _jsx(Box, { flex: { base: '1 1 100%', md: '1.4 1 160px' }, minW: { base: '100%', md: '120px' }, maxW: { md: '200px' }, children: _jsx(SelectInput, { height: "md", width: "100%", handleClick: (item) => onStatusChange(getValue(item)), items: statusItems, initialValue: initialStatus }) })] })] }), _jsx(Box, { alignSelf: { base: 'flex-end', md: 'center' }, flexShrink: 0, children: _jsx(DisplayOptionsButtons, { displays: ['list', 'grid'], initialDisplay: initialDisplay, onDisplayClick: onDisplayChange, iconSize: 6 }) })] }) }));
+};

package/dist/components/partner/{PartnerServiceTicketsWrapper.d.ts → serviceTickets/PartnerServiceTicketsWrapper.d.ts}

@@ -1,2 +1,2 @@
-import { PartnerServiceTicketsWrapperI } from '../../interfaces';
+import { PartnerServiceTicketsWrapperI } from '../../../interfaces';
 export declare const PartnerServiceTicketsWrapper: ({ children, menuItems, onHelpClick, showHelp, title, titleIcon, tooltipLabel, }: PartnerServiceTicketsWrapperI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/partner/{PartnerServiceTicketsWrapper.js → serviceTickets/PartnerServiceTicketsWrapper.js}

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Container } from '@chakra-ui/react';
-import { Manager } from '../../assets/images';
-import { ContainerHeader, MoreHorizontal, TileTooltip } from '../../components';
+import { Manager } from '../../../assets/images';
+import { ContainerHeader, MoreHorizontal, TileTooltip } from '../../../components';
 export const PartnerServiceTicketsWrapper = ({ children, menuItems = [], onHelpClick, showHelp = false, title = 'Service Tickets', titleIcon = Manager, tooltipLabel = 'Service Tickets', }) => {
     return (_jsx(TileTooltip, { label: tooltipLabel, children: _jsxs(Container, { variant: "launchpad", h: "full", maxW: "none", p: "0", position: "relative", overflow: "hidden", bg: "lightBlue.1", children: [_jsx(ContainerHeader, { title: title, titleIcon: titleIcon, icon: _jsx(MoreHorizontal, { size: 38 }), menuItems: menuItems, onHelpClick: onHelpClick, showHelp: showHelp, fontWeight: "normal" }), _jsx(Box, { minH: "420px", bg: "lightBlue.1", children: children })] }) }));
 };

package/dist/components/partner/serviceTickets/index.d.ts

@@ -1 +1,3 @@
 export * from './PartnerServiceTicketCard';
+export * from './PartnerServiceTicketsToolbar';
+export * from './PartnerServiceTicketsWrapper';

package/dist/components/partner/serviceTickets/index.js

@@ -1 +1,3 @@
 export * from './PartnerServiceTicketCard';
+export * from './PartnerServiceTicketsToolbar';
+export * from './PartnerServiceTicketsWrapper';

package/dist/interfaces/partner/serviceTickets/PartnerServiceTicketCard.interface.d.ts

@@ -6,6 +6,7 @@ export interface PartnerServiceTicketMetaI {
 }
 export interface PartnerServiceTicketCardI {
     customerName: string;
+    display?: 'grid' | 'list';
     description: string;
     footerActionLabel?: string;
     headerLabel: string;

package/dist/stories/partner/PartnerServiceTicketsWrapper.stories.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
 import { Box, Wrap, WrapItem } from '@chakra-ui/react';
 import { action } from '@storybook/addon-actions';
 import { PartnerServiceTicketCard, PartnerServiceTicketsToolbar, PartnerServiceTicketsWrapper, } from '../../components';
@@ -29,23 +30,25 @@ export default {
     },
 };
 export const PartnerServiceTicketsWrapperComponent = (args) => {
-    return (_jsx(Box, { p: "base", children: _jsxs(PartnerServiceTicketsWrapper, Object.assign({}, args, { children: [_jsx(PartnerServiceTicketsToolbar, { ageItems: ageItems, priorityItems: priorityItems, statusItems: statusItems, initialAge: "Age", initialPriority: "Priority", initialStatus: "Show All", initialDisplay: "grid", showNewTicketButton: true, onAgeChange: action('onAgeChange'), onDisplayChange: action('onDisplayChange'), onNewTicketClick: action('onNewTicketClick'), onPriorityChange: action('onPriorityChange'), onStatusChange: action('onStatusChange') }), _jsxs(Wrap, { spacing: "base", p: "base", align: "start", children: [_jsx(WrapItem, { children: _jsx(PartnerServiceTicketCard, { customerName: "Gerry Jones", description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do", headerLabel: "New Service", infoBackground: "#d9d5e9", meta: [
-                                    { label: 'Customer', value: 'New Customer' },
-                                    { label: 'Received', value: '9:30 AM' },
-                                    { label: 'ID', value: '553HMF 8422324-D' },
-                                ], onFooterActionClick: action('onFooterActionClick') }) }), _jsx(WrapItem, { children: _jsx(PartnerServiceTicketCard, { customerName: "Jane Smith", description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do", headerLabel: "Support", statusValue: "HP", statusOptions: [
-                                    { _id: 'hp', name: 'HP' },
-                                    { _id: 'p', name: 'P' },
-                                ], infoBackground: "#efdaf6", meta: [
-                                    { label: 'Customer', value: 'Existing' },
-                                    { label: 'Received', value: '9:30 AM' },
-                                    { label: 'ID', value: '553HMF 8422324-D' },
-                                ], onFooterActionClick: action('onFooterActionClick') }) }), _jsx(WrapItem, { children: _jsx(PartnerServiceTicketCard, { customerName: "Michael Smith", description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do", headerLabel: "Support", statusValue: "P", statusOptions: [
-                                    { _id: 'hp', name: 'HP' },
-                                    { _id: 'p', name: 'P' },
-                                ], infoBackground: "#f5e3d7", meta: [
-                                    { label: 'Customer', value: 'Existing' },
-                                    { label: 'Received', value: '9:30 AM' },
-                                    { label: 'ID', value: '553HMF 8422324-D' },
-                                ], onFooterActionClick: action('onFooterActionClick') }) })] })] })) }));
+    const [displayType, setDisplayType] = useState('grid');
+    const handleDisplayChange = (display) => {
+        if (display === 'grid' || display === 'list') {
+            setDisplayType(display);
+        }
+        action('onDisplayChange')(display);
+    };
+    const isListDisplay = displayType === 'list';
+    return (_jsx(Box, { p: ['0', 'base'], children: _jsxs(PartnerServiceTicketsWrapper, Object.assign({}, args, { children: [_jsx(PartnerServiceTicketsToolbar, { ageItems: ageItems, priorityItems: priorityItems, statusItems: statusItems, initialAge: "Age", initialPriority: "Priority", initialStatus: "Show All", initialDisplay: displayType, showNewTicketButton: true, onAgeChange: action('onAgeChange'), onDisplayChange: handleDisplayChange, onNewTicketClick: action('onNewTicketClick'), onPriorityChange: action('onPriorityChange'), onStatusChange: action('onStatusChange') }), _jsxs(Wrap, { spacing: "base", p: "base", align: "start", direction: isListDisplay ? 'column' : 'row', w: "100%", children: [_jsx(WrapItem, { w: isListDisplay ? '100%' : 'auto', children: _jsx(Box, { w: isListDisplay ? '100%' : 'auto', children: _jsx(PartnerServiceTicketCard, { display: displayType, customerName: "Gerry Jones", description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do", headerLabel: "New Service", infoBackground: "#d9d5e9", meta: [
+                                        { label: 'Customer', value: 'New Customer' },
+                                        { label: 'Received', value: '9:30 AM' },
+                                        { label: 'ID', value: '553HMF 8422324-D' },
+                                    ], onFooterActionClick: action('onFooterActionClick') }) }) }), _jsx(WrapItem, { w: isListDisplay ? '100%' : 'auto', children: _jsx(Box, { w: isListDisplay ? '100%' : 'auto', children: _jsx(PartnerServiceTicketCard, { display: displayType, customerName: "Jane Smith", description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do", headerLabel: "Support", infoBackground: "#efdaf6", meta: [
+                                        { label: 'Customer', value: 'Existing' },
+                                        { label: 'Received', value: '9:30 AM' },
+                                        { label: 'ID', value: '553HMF 8422324-D' },
+                                    ], onFooterActionClick: action('onFooterActionClick') }) }) }), _jsx(WrapItem, { w: isListDisplay ? '100%' : 'auto', children: _jsx(Box, { w: isListDisplay ? '100%' : 'auto', children: _jsx(PartnerServiceTicketCard, { display: displayType, customerName: "Michael Smith", description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do", headerLabel: "Support", infoBackground: "#f5e3d7", meta: [
+                                        { label: 'Customer', value: 'Existing' },
+                                        { label: 'Received', value: '9:30 AM' },
+                                        { label: 'ID', value: '553HMF 8422324-D' },
+                                    ], onFooterActionClick: action('onFooterActionClick') }) }) })] })] })) }));
 };

package/dist/stories/partner/serviceTickets/PartnerServiceTicketCard.stories.d.ts

@@ -3,3 +3,4 @@ import { PartnerServiceTicketCardI } from '../../../interfaces';
 declare const _default: Meta<PartnerServiceTicketCardI>;
 export default _default;
 export declare const PartnerServiceTicketCardComponent: (args: PartnerServiceTicketCardI) => import("react/jsx-runtime").JSX.Element;
+export declare const PartnerServiceTicketCardListComponent: (args: PartnerServiceTicketCardI) => import("react/jsx-runtime").JSX.Element;

package/dist/stories/partner/serviceTickets/PartnerServiceTicketCard.stories.js

@@ -10,21 +10,18 @@ export default {
         description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do',
         headerLabel: 'Support',
         typeLabel: 'Support',
-        statusValue: 'HP',
-        statusOptions: [
-            { _id: 'hp', name: 'HP' },
-            { _id: 'p', name: 'P' },
-        ],
         infoBackground: '#efdaf6',
         meta: [
             { label: 'Customer', value: 'Existing' },
             { label: 'Received', value: '9:30 AM' },
             { label: 'ID', value: '553HMF 8422324-D' },
         ],
-        onStatusChange: action('onStatusChange'),
         onFooterActionClick: action('onFooterActionClick'),
     },
 };
 export const PartnerServiceTicketCardComponent = (args) => {
     return (_jsx(Box, { w: "180px", children: _jsx(PartnerServiceTicketCard, Object.assign({}, args)) }));
 };
+export const PartnerServiceTicketCardListComponent = (args) => {
+    return (_jsx(Box, { w: "full", children: _jsx(PartnerServiceTicketCard, Object.assign({}, args, { display: "list" })) }));
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homefile/components-v2",
-  "version": "2.48.0",
+  "version": "2.48.2",
   "author": "Homefile",
   "license": "UNLICENSED",
   "typings": "dist/index.d.ts",

package/dist/components/partner/PartnerServiceTicketsToolbar.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Button, Flex } from '@chakra-ui/react';
-import { DisplayOptionsButtons, Plus, SelectInput } from '../../components';
-export const PartnerServiceTicketsToolbar = ({ ageItems, initialAge, initialDisplay = 'grid', initialPriority, initialStatus, newTicketLabel = 'TICKET', onAgeChange, onDisplayChange, onNewTicketClick, onPriorityChange, onStatusChange, priorityItems, showNewTicketButton = false, statusItems, }) => {
-    const getValue = (item) => typeof item === 'string' ? item : String(item._id);
-    return (_jsx(Box, { p: "base", children: _jsxs(Flex, { align: "center", justify: "space-between", gap: "base", wrap: "nowrap", children: [_jsxs(Flex, { gap: "12", align: "center", children: [showNewTicketButton && (_jsx(Box, { ml: "-base", children: _jsx(Button, { id: "addServiceTicketButton", size: "md", onClick: onNewTicketClick, leftIcon: _jsx(Plus, {}), variant: "rightRounded", children: newTicketLabel }) })), _jsxs(Flex, { gap: "base", children: [_jsx(SelectInput, { height: "md", width: "140px", handleClick: (item) => onAgeChange(getValue(item)), items: ageItems, initialValue: initialAge }), _jsx(SelectInput, { height: "md", width: "140px", handleClick: (item) => onPriorityChange(getValue(item)), items: priorityItems, initialValue: initialPriority }), _jsx(SelectInput, { height: "md", width: "200px", handleClick: (item) => onStatusChange(getValue(item)), items: statusItems, initialValue: initialStatus })] })] }), _jsx(DisplayOptionsButtons, { displays: ['list', 'grid'], initialDisplay: initialDisplay, onDisplayClick: onDisplayChange, iconSize: 6 })] }) }));
-};