npm - @bjsdistribution/dms-client-return - Versions diffs - 0.2.2-prod → 0.2.3-prod - Mend

@bjsdistribution/dms-client-return 0.2.2-prod → 0.2.3-prod

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (151) hide show

package/dist/components/order-daily-overview/table/ReturnTable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ReturnTable.js","sources":["../../../../src/components/order-daily-overview/table/ReturnTable.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport { useAtom, useClientData, useInternalSearchText } from '../../order-view/store';\nimport { useStatsLoading } from '../store/store';\nimport {\n ColumStyle,\n EmptyDataContainer,\n GreyBox,\n StyledTable,\n StyledTableWrapper,\n} from './table-data/styles';\nimport { Empty, Skeleton } from 'antd';\nimport { NavLink, useNavigate } from 'react-router-dom';\nimport { filtersReducerAtom } from '../header-filters/filterStore';\nimport { useCustomerData } from '../../store';\nimport SortIcon from '../../../common/SortIcon';\nimport CaretDownFilledIcon from '../../../common/CaretDownFilledIcon';\n\nconst buildCustomerFilterPath = (customerId: number, type?: string) => {\n const queryParams = new URLSearchParams({\n customerId: customerId?.toString(),\n });\n\n if (type) {\n queryParams.set('type', type);\n }\n\n return `/orders/view/return/filter?${queryParams.toString()}`;\n};\n\nconst ReturnTable: React.FC = () => {\n const [clientData] = useClientData();\n const [statsLoading] = useStatsLoading();\n const [, dispatch] = useAtom(filtersReducerAtom);\n const navigate = useNavigate();\n const [customers] = useCustomerData();\n const [debouncedSearchText] = useInternalSearchText();\n // const [searchParams] = useSearchParams();\n\n //sorting\n const [sortConfig, setSortConfig] = useState<{\n key: string;\n direction: 'asc' \| 'desc';\n } \| null>(null);\n\n const handleSort = (key: string) => {\n setSortConfig(prev => {\n if (prev?.key === key && prev.direction === 'asc') {\n return { key, direction: 'desc' };\n }\n return { key, direction: 'asc' };\n });\n };\n\n //updated client data\n const updatedData = useMemo(() => {\n\n let baseCustomers = (debouncedSearchText && debouncedSearchText?.length > 0)\n ? (clientData \|\| [])\n : (customers \|\| []);\n\n const mappedCustomers = baseCustomers?.map((customer: any) => {\n // Normal state: Merge aggregate stats from the stats API onto the generic customers list\n const matchingClientStats = clientData?.find((client: any) =>\n client?.customer_id != null && client?.customer_id.toString() === customer?.customer_id?.toString()\n );\n\n let processedChildren = customer?.children?.map((child: any) => {\n const matchingChildStats = clientData?.find((client: any) =>\n client?.customer_id != null && client?.customer_id.toString() === child?.customer_id?.toString()\n );\n return {\n ...child,\n ...matchingChildStats,\n };\n });\n\n return {\n ...customer,\n ...matchingClientStats,\n children: processedChildren,\n };\n }) \|\| [];\n\n return mappedCustomers;\n }, [customers, clientData, debouncedSearchText]);\n\n const sortedData = useMemo(() => {\n if (!updatedData \|\| !sortConfig) return updatedData;\n\n const { key, direction } = sortConfig;\n return [...updatedData].sort((a, b) => {\n const valueA = a[key];\n const valueB = b[key];\n\n if (typeof valueA === 'number' && typeof valueB === 'number') {\n return direction === 'asc' ? valueA - valueB : valueB - valueA;\n }\n if (typeof valueA === 'string' && typeof valueB === 'string') {\n return direction === 'asc'\n ? valueA.localeCompare(valueB)\n : valueB.localeCompare(valueA);\n }\n return 0;\n });\n }, [updatedData, sortConfig]);\n\n const renderSortIcon = (columnKey: string) => {\n if (!sortConfig \|\| sortConfig.key !== columnKey) {\n return <SortIcon />;\n }\n return sortConfig.direction === 'asc' ? (\n <CaretDownFilledIcon />\n ) : (\n <CaretDownFilledIcon />\n );\n };\n\n //handle Redirect\n const handleRedirect = (customerId: number) => {\n if (customerId) {\n dispatch({\n type: 'SET_CLIENT_FILTER',\n payload: customerId,\n });\n dispatch({\n type: 'SET_PAGE',\n payload: 1,\n });\n } else {\n dispatch({\n type: 'SET_CLIENT_FILTER',\n payload: [],\n });\n }\n\n navigate(buildCustomerFilterPath(customerId));\n };\n\n //for RTS\n const handleRedirectRTS = (customerId: number, RTS: string) => {\n if (customerId) {\n dispatch({\n type: 'SET_CLIENT_FILTER',\n payload: customerId,\n });\n dispatch({\n type: 'SET_PAGE',\n payload: 1,\n });\n } else {\n dispatch({\n type: 'SET_CLIENT_FILTER',\n payload: [],\n });\n }\n\n navigate(buildCustomerFilterPath(customerId, RTS));\n };\n\n return (\n <>\n <StyledTableWrapper>\n <StyledTable>\n <colgroup>\n <col style={{ width: '180px' }} />\n <col style={{ width: '180px' }} />\n <col style={{ width: '90px' }} />\n <col style={{ width: '90px' }} />\n <col style={{ width: '80px' }} />\n <col style={{ width: '90px' }} />\n <col style={{ width: '110px' }} />\n <col style={{ width: '90px' }} />\n <col style={{ width: '110px' }} />\n <col style={{ width: '90px' }} />\n <col style={{ width: '90px' }} />\n <col style={{ width: '90px' }} />\n </colgroup>\n <thead>\n <tr>\n {[\n { label: 'Trading Name', key: 'trading_as', width: '180px', align: 'left' },\n { label: 'Client', key: 'customer_name', width: '180px', align: 'center' },\n { label: 'Orders', key: 'orders', width: '90px', align: 'center' },\n { label: 'Products', key: 'return_order_products', width: '90px', align: 'center' },\n { label: 'RTS', key: 'RTS', width: '80px', align: 'center' },\n { label: 'Pending', key: 'PENDING', width: '90px', align: 'center' },\n { label: 'Claims Paid', key: 'CLAIMS PAID', width: '110px', align: 'center' },\n { label: 'Dispose', key: 'DISPOSE', width: '90px', align: 'center' },\n { label: 'Re-allocate', key: 'RE-ALLOCATE', width: '110px', align: 'center' },\n { label: 'Re-Del', key: 'RE-Del', width: '90px', align: 'center' },\n { label: 'Recycle', key: 'RECYCLE', width: '90px', align: 'center' },\n { label: 'Unknown', key: 'UNKNOWN', width: '90px', align: 'center' },\n ].map(({ label, key, width, align }) => (\n <th key={key} onClick={() => handleSort(key)} style={{ whiteSpace: 'nowrap', width, textAlign: align as any }}>\n <div style={{ display: 'flex', cursor: 'pointer', justifyContent: align === 'left' ? 'flex-start' : 'center' }}>\n {label} <span>{renderSortIcon(key)}</span>\n </div>\n </th>\n ))}\n </tr>\n </thead>\n <tbody>\n {statsLoading ? (\n <tr>\n <td colSpan={12}>\n <Skeleton active />\n </td>\n </tr>\n ) : sortedData?.length === 0 ? (\n <tr>\n <td colSpan={12}>\n <EmptyDataContainer>\n <Empty />\n </EmptyDataContainer>\n </td>\n </tr>\n ) : (\n sortedData?.map((key: any, index: number) => {\n if (!key) return null; // Safe rendering fallback \n\n const renderDataRow = (rowKey: any, isChild: boolean = false) => {\n if (!rowKey) return null; // Prevent properties of undefined UI crashes\n\n return (\n <tr key={isChild ? `child-${rowKey?.customer_id}` : rowKey?.customer_id} style={isChild ? { backgroundColor: '#ffffff' } : {}}>\n <td\n style={{\n paddingLeft: '15px',\n color: 'inherit',\n }}\n >\n <span style={{ fontWeight: !isChild && rowKey?.children?.length > 0 ? 600 : 400 }}>\n {rowKey?.trading_as}\n </span>\n </td>\n\n <td\n style={{\n color: '#0099ff',\n fontWeight: 600,\n textAlign: 'center',\n }}\n >\n <NavLink\n to={buildCustomerFilterPath(rowKey?.customer_id)}\n onClick={event => {\n if (event.ctrlKey \|\| event.metaKey) {\n return;\n }\n event.preventDefault();\n handleRedirect(rowKey?.customer_id);\n }}\n style={{\n color: '#0099ff',\n fontWeight: 600,\n cursor: 'pointer',\n display: 'inline-block',\n }}\n >\n {rowKey?.customer_name}\n </NavLink>\n </td>\n\n <td style={{ textAlign: 'center' }}>\n <ColumStyle>\n <GreyBox>{rowKey?.orders ?? 0}</GreyBox>\n </ColumStyle>\n </td>\n\n <td style={{ textAlign: 'center' }}>\n <ColumStyle>\n <GreyBox>{rowKey?.return_order_products ?? 0}</GreyBox>\n </ColumStyle>\n </td>\n <td\n style={{\n color: rowKey?.RTS > 0 ? '#0099ff' : 'inherit',\n fontWeight: rowKey?.RTS > 0 ? 600 : 'normal',\n cursor: rowKey?.RTS > 0 ? 'pointer' : 'default',\n textAlign: 'center',\n }}\n onClick={\n rowKey?.RTS > 0\n ? () => handleRedirectRTS(rowKey?.customer_id, 'RTS')\n : undefined\n }\n >\n <ColumStyle>\n <GreyBox\n style={{\n backgroundColor:\n rowKey?.RTS > 0\n ? 'rgba(99, 150, 229, 0.1)'\n : 'rgba(153, 153, 153, 0.1)',\n }}\n >\n {rowKey?.RTS ?? 0}\n </GreyBox>\n </ColumStyle>\n </td>\n\n <td style={{ textAlign: 'center' }}>\n <ColumStyle>\n <GreyBox>{rowKey?.PENDING ?? 0}</GreyBox>\n </ColumStyle>\n </td>\n <td\n style={{\n color: rowKey?.['CLAIMS PAID'] > 0 ? '#0099ff' : 'inherit',\n fontWeight: rowKey?.['CLAIMS PAID'] > 0 ? 600 : 'normal',\n cursor: rowKey?.['CLAIMS PAID'] > 0 ? 'pointer' : 'default',\n textAlign: 'center',\n }}\n onClick={\n rowKey?.['CLAIMS PAID'] > 0\n ? () => handleRedirectRTS(rowKey?.customer_id, 'CLAIMS PAID')\n : undefined\n }\n >\n <ColumStyle>\n <GreyBox\n style={{\n backgroundColor:\n rowKey?.['CLAIMS PAID'] > 0\n ? 'rgba(99, 150, 229, 0.1)'\n : 'rgba(153, 153, 153, 0.1)',\n }}\n >\n {rowKey?.['CLAIMS PAID'] ?? 0}\n </GreyBox>\n </ColumStyle>\n </td>\n <td\n style={{\n color: rowKey?.DISPOSE > 0 ? '#0099ff' : 'inherit',\n fontWeight: rowKey?.DISPOSE > 0 ? 600 : 'normal',\n cursor: rowKey?.DISPOSE > 0 ? 'pointer' : 'default',\n textAlign: 'center',\n }}\n onClick={\n rowKey?.DISPOSE > 0\n ? () => handleRedirectRTS(rowKey?.customer_id, 'DISPOSE')\n : undefined\n }\n >\n <ColumStyle>\n <GreyBox\n style={{\n backgroundColor:\n rowKey?.DISPOSE > 0\n ? 'rgba(99, 150, 229, 0.1)'\n : 'rgba(153, 153, 153, 0.1)',\n }}\n >\n {rowKey?.DISPOSE ?? 0}\n </GreyBox>\n </ColumStyle>\n </td>\n <td\n style={{\n color: rowKey?.['RE-ALLOCATE'] > 0 ? '#0099ff' : 'inherit',\n fontWeight: rowKey?.['RE-ALLOCATE'] > 0 ? 600 : 'normal',\n cursor: rowKey?.['RE-ALLOCATE'] > 0 ? 'pointer' : 'default',\n textAlign: 'center',\n }}\n onClick={\n rowKey?.['RE-ALLOCATE'] > 0\n ? () => handleRedirectRTS(rowKey?.customer_id, 'RE-ALLOCATE')\n : undefined\n }\n >\n <ColumStyle>\n <GreyBox\n style={{\n backgroundColor:\n rowKey?.['RE-ALLOCATE'] > 0\n ? 'rgba(99, 150, 229, 0.1)'\n : 'rgba(153, 153, 153, 0.1)',\n }}\n >\n {rowKey?.['RE-ALLOCATE'] ?? 0}\n </GreyBox>\n </ColumStyle>\n </td>\n <td style={{ textAlign: 'center' }}>\n <ColumStyle>\n <GreyBox>{rowKey?.['RE-DEL'] ?? 0}</GreyBox>\n </ColumStyle>\n </td>\n <td\n style={{\n color: rowKey?.RECYCLE > 0 ? '#0099ff' : 'inherit',\n fontWeight: rowKey?.RECYCLE > 0 ? 600 : 'normal',\n cursor: rowKey?.RECYCLE > 0 ? 'pointer' : 'default',\n textAlign: 'center',\n }}\n onClick={\n rowKey?.RECYCLE > 0\n ? () => handleRedirectRTS(rowKey?.customer_id, 'RECYCLE')\n : undefined\n }\n >\n <ColumStyle>\n <GreyBox\n style={{\n backgroundColor:\n rowKey?.RECYCLE > 0\n ? 'rgba(99, 150, 229, 0.1)'\n : 'rgba(153, 153, 153, 0.1)',\n }}\n >\n {rowKey?.RECYCLE ?? 0}\n </GreyBox>\n </ColumStyle>\n </td>\n <td\n style={{\n color: rowKey?.UNKNOWN > 0 ? '#0099ff' : 'inherit',\n fontWeight: rowKey?.UNKNOWN > 0 ? 600 : 'normal',\n cursor: rowKey?.UNKNOWN > 0 ? 'pointer' : 'default',\n textAlign: 'center',\n }}\n onClick={\n rowKey?.UNKNOWN > 0\n ? () => handleRedirectRTS(rowKey?.customer_id, 'UNKNOWN')\n : undefined\n }\n >\n <ColumStyle>\n <GreyBox\n style={{\n backgroundColor:\n rowKey?.UNKNOWN > 0\n ? 'rgba(99, 150, 229, 0.1)'\n : 'rgba(153, 153, 153, 0.1)',\n }}\n >\n {rowKey?.UNKNOWN ?? 0}\n </GreyBox>\n </ColumStyle>\n </td>\n </tr>\n );\n };\n\n if (!key?.children \|\| key?.children?.length === 0) {\n return <React.Fragment key={index}>{renderDataRow(key, false)}</React.Fragment>;\n }\n\n return (\n <tr key={`group-${index}`}>\n <td colSpan={12} style={{ padding: 0, border: 'none', background: 'transparent' }}>\n <div style={{\n margin: '3px 10px',\n backgroundColor: '#f8fafc',\n borderRadius: '16px',\n border: '1px solid rgba(0,0,0,0.08)',\n borderLeft: '4px solid #0099ff',\n boxShadow: 'inset 0 1px 4px rgba(0,0,0,0.02)'\n }}>\n <StyledTableWrapper style={{\n padding: '0px 4px',\n border: 'none',\n borderRadius: '15px',\n overflow: 'hidden'\n }}>\n <StyledTable style={{ marginBottom: 0, borderSpacing: '0 2px' }}>\n <colgroup>\n <col style={{ width: '180px' }} />\n <col style={{ width: '180px' }} />\n <col style={{ width: '90px' }} />\n <col style={{ width: '90px' }} />\n <col style={{ width: '80px' }} />\n <col style={{ width: '90px' }} />\n <col style={{ width: '110px' }} />\n <col style={{ width: '90px' }} />\n <col style={{ width: '110px' }} />\n <col style={{ width: '90px' }} />\n <col style={{ width: '90px' }} />\n <col style={{ width: '90px' }} />\n </colgroup>\n <tbody>\n {renderDataRow(key, false)}\n {key?.children?.map((child: any) => renderDataRow(child, true))}\n </tbody>\n </StyledTable>\n </StyledTableWrapper>\n </div>\n </td>\n </tr>\n );\n })\n )}\n </tbody>\n </StyledTable>\n </StyledTableWrapper>\n </>\n );\n};\n\nexport default ReturnTable;\n"],"names":["buildCustomerFilterPath","customerId","type","queryParams","ReturnTable","clientData","useClientData","statsLoading","useStatsLoading","dispatch","useAtom","filtersReducerAtom","navigate","useNavigate","customers","useCustomerData","debouncedSearchText","useInternalSearchText","sortConfig","setSortConfig","useState","handleSort","key","prev","updatedData","useMemo","customer","matchingClientStats","client","processedChildren","child","matchingChildStats","sortedData","direction","a","b","valueA","valueB","renderSortIcon","columnKey","SortIcon","CaretDownFilledIcon","handleRedirect","handleRedirectRTS","RTS","jsx","Fragment","StyledTableWrapper","jsxs","StyledTable","label","width","align","Skeleton","EmptyDataContainer","Empty","index","renderDataRow","rowKey","isChild","NavLink","event","ColumStyle","GreyBox","React"],"mappings":"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"}
1	+ {"version":3,"file":"ReturnTable.js","sources":["../../../../src/components/order-daily-overview/table/ReturnTable.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport { useAtom, useClientData, useInternalSearchText } from '../../order-view/store';\nimport { useStatsLoading } from '../store/store';\nimport {\n ColumStyle,\n EmptyDataContainer,\n GreyBox,\n StyledTable,\n StyledTableWrapper,\n} from './table-data/styles';\nimport { Empty, Skeleton } from 'antd';\nimport { NavLink, useNavigate } from 'react-router-dom';\nimport { filtersReducerAtom } from '../header-filters/filterStore';\nimport { useCustomerData } from '../../store';\nimport SortIcon from '../../../common/SortIcon';\nimport CaretDownFilledIcon from '../../../common/CaretDownFilledIcon';\n\nconst buildCustomerFilterPath = (customerId: number, type?: string) => {\n const queryParams = new URLSearchParams({\n customerId: customerId?.toString(),\n });\n\n if (type) {\n queryParams.set('type', type);\n }\n\n return `/orders/view/return/filter?${queryParams.toString()}`;\n};\n\nconst ReturnTable: React.FC = () => {\n const [clientData] = useClientData();\n const [statsLoading] = useStatsLoading();\n const [, dispatch] = useAtom(filtersReducerAtom);\n const navigate = useNavigate();\n const [customers] = useCustomerData();\n const [debouncedSearchText] = useInternalSearchText();\n // const [searchParams] = useSearchParams();\n\n //sorting\n const [sortConfig, setSortConfig] = useState<{\n key: string;\n direction: 'asc' \| 'desc';\n } \| null>(null);\n\n const handleSort = (key: string) => {\n setSortConfig(prev => {\n if (prev?.key === key && prev.direction === 'asc') {\n return { key, direction: 'desc' };\n }\n return { key, direction: 'asc' };\n });\n };\n\n //updated client data\n const updatedData = useMemo(() => {\n\n let baseCustomers = (debouncedSearchText && debouncedSearchText?.length > 0)\n ? (clientData \|\| [])\n : (customers \|\| []);\n\n const mappedCustomers = baseCustomers?.map((customer: any) => {\n // Normal state: Merge aggregate stats from the stats API onto the generic customers list\n const matchingClientStats = clientData?.find((client: any) =>\n client?.customer_id != null && client?.customer_id.toString() === customer?.customer_id?.toString()\n );\n\n let processedChildren = customer?.children?.map((child: any) => {\n const matchingChildStats = clientData?.find((client: any) =>\n client?.customer_id != null && client?.customer_id.toString() === child?.customer_id?.toString()\n );\n return {\n ...child,\n ...matchingChildStats,\n };\n });\n\n return {\n ...customer,\n ...matchingClientStats,\n children: processedChildren,\n };\n }) \|\| [];\n\n return mappedCustomers;\n }, [customers, clientData, debouncedSearchText]);\n\n const sortedData = useMemo(() => {\n if (!updatedData \|\| !sortConfig) return updatedData;\n\n const { key, direction } = sortConfig;\n return [...updatedData].sort((a, b) => {\n const valueA = a[key];\n const valueB = b[key];\n\n if (typeof valueA === 'number' && typeof valueB === 'number') {\n return direction === 'asc' ? valueA - valueB : valueB - valueA;\n }\n if (typeof valueA === 'string' && typeof valueB === 'string') {\n return direction === 'asc'\n ? valueA.localeCompare(valueB)\n : valueB.localeCompare(valueA);\n }\n return 0;\n });\n }, [updatedData, sortConfig]);\n\n const renderSortIcon = (columnKey: string) => {\n if (!sortConfig \|\| sortConfig.key !== columnKey) {\n return <SortIcon />;\n }\n return sortConfig.direction === 'asc' ? (\n <CaretDownFilledIcon />\n ) : (\n <CaretDownFilledIcon />\n );\n };\n\n //handle Redirect\n const handleRedirect = (customerId: number) => {\n if (customerId) {\n dispatch({\n type: 'SET_CLIENT_FILTER',\n payload: customerId,\n });\n dispatch({\n type: 'SET_PAGE',\n payload: 1,\n });\n } else {\n dispatch({\n type: 'SET_CLIENT_FILTER',\n payload: [],\n });\n }\n\n navigate(buildCustomerFilterPath(customerId));\n };\n\n //for RTS\n const handleRedirectRTS = (customerId: number, RTS: string) => {\n if (customerId) {\n dispatch({\n type: 'SET_CLIENT_FILTER',\n payload: customerId,\n });\n dispatch({\n type: 'SET_PAGE',\n payload: 1,\n });\n } else {\n dispatch({\n type: 'SET_CLIENT_FILTER',\n payload: [],\n });\n }\n\n navigate(buildCustomerFilterPath(customerId, RTS));\n };\n\n return (\n <>\n <StyledTableWrapper>\n <StyledTable className=\"return-overview-table\">\n <colgroup>\n <col style={{ width: '180px' }} />\n <col style={{ width: '180px' }} />\n <col style={{ width: '90px' }} />\n <col style={{ width: '90px' }} />\n <col style={{ width: '80px' }} />\n <col style={{ width: '90px' }} />\n <col style={{ width: '110px' }} />\n <col style={{ width: '90px' }} />\n <col style={{ width: '110px' }} />\n <col style={{ width: '90px' }} />\n <col style={{ width: '90px' }} />\n <col style={{ width: '90px' }} />\n </colgroup>\n <thead>\n <tr>\n {[\n { label: 'Trading Name', key: 'trading_as', width: '180px', align: 'left' },\n { label: 'Client', key: 'customer_name', width: '180px', align: 'center' },\n { label: 'Orders', key: 'orders', width: '90px', align: 'center' },\n { label: 'Products', key: 'return_order_products', width: '90px', align: 'center' },\n { label: 'RTS', key: 'RTS', width: '80px', align: 'center' },\n { label: 'Pending', key: 'PENDING', width: '90px', align: 'center' },\n { label: 'Claims Paid', key: 'CLAIMS PAID', width: '110px', align: 'center' },\n { label: 'Dispose', key: 'DISPOSE', width: '90px', align: 'center' },\n { label: 'Re-allocate', key: 'RE-ALLOCATE', width: '110px', align: 'center' },\n { label: 'Re-Del', key: 'RE-Del', width: '90px', align: 'center' },\n { label: 'Recycle', key: 'RECYCLE', width: '90px', align: 'center' },\n { label: 'Unknown', key: 'UNKNOWN', width: '90px', align: 'center' },\n ].map(({ label, key, width, align }) => (\n <th key={key} onClick={() => handleSort(key)} style={{ whiteSpace: 'nowrap', width, textAlign: align as any }}>\n <div style={{ display: 'flex', cursor: 'pointer', justifyContent: align === 'left' ? 'flex-start' : 'center' }}>\n {label} <span>{renderSortIcon(key)}</span>\n </div>\n </th>\n ))}\n </tr>\n </thead>\n <tbody>\n {statsLoading ? (\n <tr className=\"state-row\">\n <td colSpan={12}>\n <Skeleton active />\n </td>\n </tr>\n ) : sortedData?.length === 0 ? (\n <tr className=\"state-row\">\n <td colSpan={12}>\n <EmptyDataContainer>\n <Empty />\n </EmptyDataContainer>\n </td>\n </tr>\n ) : (\n sortedData?.map((key: any, index: number) => {\n if (!key) return null; // Safe rendering fallback \n\n const renderDataRow = (rowKey: any, isChild: boolean = false) => {\n if (!rowKey) return null; // Prevent properties of undefined UI crashes\n\n return (\n <tr\n className={isChild ? 'child-row' : 'parent-row'}\n key={isChild ? `child-${rowKey?.customer_id}` : rowKey?.customer_id}\n style={isChild ? { backgroundColor: '#ffffff' } : {}}\n >\n <td data-label=\"Trading Name\"\n style={{\n paddingLeft: '15px',\n color: 'inherit',\n }}\n >\n <span style={{ fontWeight: !isChild && rowKey?.children?.length > 0 ? 600 : 400 }}>\n {rowKey?.trading_as}\n </span>\n </td>\n\n <td data-label=\"Client\"\n style={{\n color: '#0099ff',\n fontWeight: 600,\n textAlign: 'center',\n }}\n >\n <NavLink\n to={buildCustomerFilterPath(rowKey?.customer_id)}\n onClick={event => {\n if (event.ctrlKey \|\| event.metaKey) {\n return;\n }\n event.preventDefault();\n handleRedirect(rowKey?.customer_id);\n }}\n style={{\n color: '#0099ff',\n fontWeight: 600,\n cursor: 'pointer',\n display: 'inline-block',\n }}\n >\n {rowKey?.customer_name}\n </NavLink>\n </td>\n\n <td data-label=\"Orders\" style={{ textAlign: 'center' }}>\n <ColumStyle>\n <GreyBox>{rowKey?.orders ?? 0}</GreyBox>\n </ColumStyle>\n </td>\n\n <td data-label=\"Products\" style={{ textAlign: 'center' }}>\n <ColumStyle>\n <GreyBox>{rowKey?.return_order_products ?? 0}</GreyBox>\n </ColumStyle>\n </td>\n <td data-label=\"RTS\"\n style={{\n color: rowKey?.RTS > 0 ? '#0099ff' : 'inherit',\n fontWeight: rowKey?.RTS > 0 ? 600 : 'normal',\n cursor: rowKey?.RTS > 0 ? 'pointer' : 'default',\n textAlign: 'center',\n }}\n onClick={\n rowKey?.RTS > 0\n ? () => handleRedirectRTS(rowKey?.customer_id, 'RTS')\n : undefined\n }\n >\n <ColumStyle>\n <GreyBox\n style={{\n backgroundColor:\n rowKey?.RTS > 0\n ? 'rgba(99, 150, 229, 0.1)'\n : 'rgba(153, 153, 153, 0.1)',\n }}\n >\n {rowKey?.RTS ?? 0}\n </GreyBox>\n </ColumStyle>\n </td>\n\n <td data-label=\"Pending\" style={{ textAlign: 'center' }}>\n <ColumStyle>\n <GreyBox>{rowKey?.PENDING ?? 0}</GreyBox>\n </ColumStyle>\n </td>\n <td data-label=\"Claims Paid\"\n style={{\n color: rowKey?.['CLAIMS PAID'] > 0 ? '#0099ff' : 'inherit',\n fontWeight: rowKey?.['CLAIMS PAID'] > 0 ? 600 : 'normal',\n cursor: rowKey?.['CLAIMS PAID'] > 0 ? 'pointer' : 'default',\n textAlign: 'center',\n }}\n onClick={\n rowKey?.['CLAIMS PAID'] > 0\n ? () => handleRedirectRTS(rowKey?.customer_id, 'CLAIMS PAID')\n : undefined\n }\n >\n <ColumStyle>\n <GreyBox\n style={{\n backgroundColor:\n rowKey?.['CLAIMS PAID'] > 0\n ? 'rgba(99, 150, 229, 0.1)'\n : 'rgba(153, 153, 153, 0.1)',\n }}\n >\n {rowKey?.['CLAIMS PAID'] ?? 0}\n </GreyBox>\n </ColumStyle>\n </td>\n <td data-label=\"Dispose\"\n style={{\n color: rowKey?.DISPOSE > 0 ? '#0099ff' : 'inherit',\n fontWeight: rowKey?.DISPOSE > 0 ? 600 : 'normal',\n cursor: rowKey?.DISPOSE > 0 ? 'pointer' : 'default',\n textAlign: 'center',\n }}\n onClick={\n rowKey?.DISPOSE > 0\n ? () => handleRedirectRTS(rowKey?.customer_id, 'DISPOSE')\n : undefined\n }\n >\n <ColumStyle>\n <GreyBox\n style={{\n backgroundColor:\n rowKey?.DISPOSE > 0\n ? 'rgba(99, 150, 229, 0.1)'\n : 'rgba(153, 153, 153, 0.1)',\n }}\n >\n {rowKey?.DISPOSE ?? 0}\n </GreyBox>\n </ColumStyle>\n </td>\n <td data-label=\"Re-allocate\"\n style={{\n color: rowKey?.['RE-ALLOCATE'] > 0 ? '#0099ff' : 'inherit',\n fontWeight: rowKey?.['RE-ALLOCATE'] > 0 ? 600 : 'normal',\n cursor: rowKey?.['RE-ALLOCATE'] > 0 ? 'pointer' : 'default',\n textAlign: 'center',\n }}\n onClick={\n rowKey?.['RE-ALLOCATE'] > 0\n ? () => handleRedirectRTS(rowKey?.customer_id, 'RE-ALLOCATE')\n : undefined\n }\n >\n <ColumStyle>\n <GreyBox\n style={{\n backgroundColor:\n rowKey?.['RE-ALLOCATE'] > 0\n ? 'rgba(99, 150, 229, 0.1)'\n : 'rgba(153, 153, 153, 0.1)',\n }}\n >\n {rowKey?.['RE-ALLOCATE'] ?? 0}\n </GreyBox>\n </ColumStyle>\n </td>\n <td data-label=\"Re-Del\" style={{ textAlign: 'center' }}>\n <ColumStyle>\n <GreyBox>{rowKey?.['RE-DEL'] ?? 0}</GreyBox>\n </ColumStyle>\n </td>\n <td data-label=\"Recycle\"\n style={{\n color: rowKey?.RECYCLE > 0 ? '#0099ff' : 'inherit',\n fontWeight: rowKey?.RECYCLE > 0 ? 600 : 'normal',\n cursor: rowKey?.RECYCLE > 0 ? 'pointer' : 'default',\n textAlign: 'center',\n }}\n onClick={\n rowKey?.RECYCLE > 0\n ? () => handleRedirectRTS(rowKey?.customer_id, 'RECYCLE')\n : undefined\n }\n >\n <ColumStyle>\n <GreyBox\n style={{\n backgroundColor:\n rowKey?.RECYCLE > 0\n ? 'rgba(99, 150, 229, 0.1)'\n : 'rgba(153, 153, 153, 0.1)',\n }}\n >\n {rowKey?.RECYCLE ?? 0}\n </GreyBox>\n </ColumStyle>\n </td>\n <td data-label=\"Unknown\"\n style={{\n color: rowKey?.UNKNOWN > 0 ? '#0099ff' : 'inherit',\n fontWeight: rowKey?.UNKNOWN > 0 ? 600 : 'normal',\n cursor: rowKey?.UNKNOWN > 0 ? 'pointer' : 'default',\n textAlign: 'center',\n }}\n onClick={\n rowKey?.UNKNOWN > 0\n ? () => handleRedirectRTS(rowKey?.customer_id, 'UNKNOWN')\n : undefined\n }\n >\n <ColumStyle>\n <GreyBox\n style={{\n backgroundColor:\n rowKey?.UNKNOWN > 0\n ? 'rgba(99, 150, 229, 0.1)'\n : 'rgba(153, 153, 153, 0.1)',\n }}\n >\n {rowKey?.UNKNOWN ?? 0}\n </GreyBox>\n </ColumStyle>\n </td>\n </tr>\n );\n };\n\n if (!key?.children \|\| key?.children?.length === 0) {\n return <React.Fragment key={index}>{renderDataRow(key, false)}</React.Fragment>;\n }\n\n return (\n <tr className=\"group-row\" key={`group-${index}`}>\n <td colSpan={12} style={{ padding: 0, border: 'none', background: 'transparent' }}>\n <div className=\"group-box\" style={{\n margin: '3px 10px',\n backgroundColor: '#f8fafc',\n borderRadius: '16px',\n border: '1px solid rgba(0,0,0,0.08)',\n borderLeft: '4px solid #0099ff',\n boxShadow: 'inset 0 1px 4px rgba(0,0,0,0.02)'\n }}>\n <StyledTableWrapper className=\"group-table-wrapper\" style={{\n padding: '0px 4px',\n border: 'none',\n borderRadius: '15px',\n overflow: 'hidden'\n }}>\n <StyledTable className=\"return-overview-table group-table\" style={{ marginBottom: 0, borderSpacing: '0 2px' }}>\n <colgroup>\n <col style={{ width: '180px' }} />\n <col style={{ width: '180px' }} />\n <col style={{ width: '90px' }} />\n <col style={{ width: '90px' }} />\n <col style={{ width: '80px' }} />\n <col style={{ width: '90px' }} />\n <col style={{ width: '110px' }} />\n <col style={{ width: '90px' }} />\n <col style={{ width: '110px' }} />\n <col style={{ width: '90px' }} />\n <col style={{ width: '90px' }} />\n <col style={{ width: '90px' }} />\n </colgroup>\n <tbody>\n {renderDataRow(key, false)}\n {key?.children?.map((child: any) => renderDataRow(child, true))}\n </tbody>\n </StyledTable>\n </StyledTableWrapper>\n </div>\n </td>\n </tr>\n );\n })\n )}\n </tbody>\n </StyledTable>\n </StyledTableWrapper>\n </>\n );\n};\n\nexport default ReturnTable;\n"],"names":["buildCustomerFilterPath","customerId","type","queryParams","ReturnTable","clientData","useClientData","statsLoading","useStatsLoading","dispatch","useAtom","filtersReducerAtom","navigate","useNavigate","customers","useCustomerData","debouncedSearchText","useInternalSearchText","sortConfig","setSortConfig","useState","handleSort","key","prev","updatedData","useMemo","customer","matchingClientStats","client","processedChildren","child","matchingChildStats","sortedData","direction","b","valueA","valueB","renderSortIcon","columnKey","SortIcon","CaretDownFilledIcon","handleRedirect","handleRedirectRTS","RTS","jsx","StyledTableWrapper","jsxs","StyledTable","label","width","align","Skeleton","EmptyDataContainer","Empty","index","renderDataRow","rowKey","isChild","NavLink","event","ColumStyle","GreyBox","React"],"mappings":"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"}

package/dist/components/order-daily-overview/table/table-data/styles.js CHANGED Viewed

@@ -1,18 +1,19 @@
-import e from "styled-components";
-const r = e.div`
+import t from "styled-components";
+import { device as r } from "../../common/mediaQuery.js";
+const i = t.div`
   display: flex;
   width: 100%;
   align-items: center;
   justify-content: center;
   gap: 7px;
-`, i = e.div`
+`, d = t.div`
   display: flex;
   padding: 2px 8px;
   align-items: flex-start;
   gap: 12px;
   border-radius: 6px;
   background: rgba(153, 153, 153, 0.1);
-`, o = e.div`
+`, n = t.div`
   overflow-x: auto;
   max-height: calc(100vh - 310px);
   // padding-top: 10px;
@@ -36,7 +37,7 @@ const r = e.div`
   &::-webkit-scrollbar-thumb:hover {
     background: #7b61ff;
   }
-`, d = e.table`
+`, a = t.table`
   border-spacing: 0 4px;
   width: 100%;
   table-layout: fixed;
@@ -105,8 +106,128 @@ const r = e.div`
       }
     }
   }
+  &.return-overview-table {
+    @media ${r.tabletPortrait} {
+      .group-box {
+        border-left-width: 2px !important;
+        margin-top: 0 !important;
+        margin-bottom: 16px !important;
+      }
+    }
+    @media ${r.mobileLandscape} {
+      display: block;
+      width: 100%;
+      table-layout: auto;
+      border-spacing: 0;
+      colgroup,
+      thead {
+        display: none;
+      }
+      tbody {
+        display: block;
+        width: 100%;
+        max-height: none;
+        overflow-y: visible;
+      }
+      tbody tr {
+        display: block;
+        width: 100%;
+      }
+      tbody tr.parent-row,
+      tbody tr.child-row {
+        box-sizing: border-box;
+        border-radius: 12px;
+        border: 1px solid rgba(0, 0, 0, 0.08);
+        box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.04);
+        margin-bottom: 17px;
+        overflow: hidden;
+        background: #fff;
+        td {
+          display: flex;
+          flex-direction: row;
+          justify-content: space-between;
+          align-items: center;
+          gap: 8px;
+          width: 100%;
+          box-sizing: border-box;
+          border: none !important;
+          border-radius: 0 !important;
+          border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
+          padding: 8px 12px !important;
+          text-align: right !important;
+          background: transparent !important;
+          &:last-child {
+            border-bottom: none !important;
+          }
+          &::before {
+            content: attr(data-label);
+            display: block;
+            flex-shrink: 0;
+            color: #6a7378;
+            font-size: 11px;
+            font-weight: 600;
+            text-transform: uppercase;
+            letter-spacing: 0.3px;
+          }
+          > div {
+            width: auto;
+            justify-content: flex-end;
+          }
+        }
+      }
+      /* trading name acts as the card title */
+      tbody tr.parent-row td:first-child,
+      tbody tr.child-row td:first-child {
+        background: #f0f2f2 !important;
+      }
+      tbody tr.child-row {
+        background: #fff;
+      }
+      tbody tr.state-row td {
+        display: block;
+        width: 100%;
+        box-sizing: border-box;
+      }
+      /* group (parent + children) wrapper */
+      tbody tr.group-row td.group-cell,
+      tbody tr.group-row > td {
+        display: block;
+        width: 100%;
+        box-sizing: border-box;
+      }
+      .group-box {
+        margin: 0 0 16px !important;
+      }
+      .group-table-wrapper {
+        max-height: none;
+        overflow: visible !important;
+        padding: 0 !important;
+      }
+      &.group-table {
+        margin-bottom: 0;
+      }
+    }
+  }
 `;
-e.th`
+t.th`
   color: #3a3630;
   font-size: 14px;
   font-style: normal;
@@ -119,7 +240,7 @@ e.th`
   border-left: none;
   text-align: left;
 `;
-e.td`
+t.td`
   color: #3a3630;
   font-size: 13px;
   font-style: normal;
@@ -131,7 +252,7 @@ e.td`
   border-right: none;
   border-left: none;
 `;
-e.div`
+t.div`
   display: flex;
   gap: 8px;
   align-items: center;
@@ -148,7 +269,7 @@ e.div`
     }
   }
 `;
-e.div`
+t.div`
   border-radius: 30px;
   border: 1px solid #edefef;
   background: #f6fbff;
@@ -158,30 +279,30 @@ e.div`
   align-items: center;
   justify-content: center;
 `;
-e.div`
+t.div`
   font-weight: 600;
   color: #09f;
   margin-bottom: 6px;
 `;
-e.div`
+t.div`
   display: flex;
   gap: 4px;
   /* align-items: center; */
 `;
-e.div`
+t.div`
   color: #29cc6a;
   font-size: 13px;
   font-weight: 600;
   line-height: 24px;
 `;
-e.div``;
-e.div`
+t.div``;
+t.div`
   font-size: 10px;
   font-style: normal;
   font-weight: 700;
   line-height: 16px;
 `;
-e.div`
+t.div`
   display: flex;
   align-items: center;
   gap: 8px;
@@ -195,16 +316,16 @@ e.div`
     }
   }
 `;
-e.div`
+t.div`
   transform: scale(0.5);
 `;
-e.div`
+t.div`
   background: #fff;
   border-radius: 12px;
   padding: 10px;
   box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);
 `;
-e.div`
+t.div`
   display: flex;
   align-items: flex-start;
   flex-direction: column;
@@ -220,14 +341,14 @@ e.div`
     }
   }
 `;
-e.div`
+t.div`
   color: #6a7378;
   font-size: 13px;
   font-style: normal;
   font-weight: 600;
   line-height: normal;
 `;
-e.div`
+t.div`
   .ant-picker {
     border-radius: 20px;
   }
@@ -235,7 +356,7 @@ e.div`
     font-size: 13px;
   }
 `;
-e.div`
+t.div`
   border-radius: 30px;
   border: 1px solid #edebe8;
   background: #fff;
@@ -253,7 +374,7 @@ e.div`
     }
   }
 `;
-e.div`
+t.div`
   display: flex;
   width: 24px;
   height: 24px;
@@ -263,7 +384,7 @@ e.div`
   border: 1px solid #e2e0db;
   background: #edebe8;
 `;
-e.div`
+t.div`
   color: #6a7378;
   font-size: 13px;
   font-style: normal;
@@ -271,7 +392,7 @@ e.div`
   line-height: 16px;
   white-space: nowrap;
 `;
-e.div`
+t.div`
   border-radius: 30px;
   border: 1px solid #edebe8;
   background: #fff;
@@ -289,7 +410,7 @@ e.div`
     }
   }
 `;
-e.div`
+t.div`
   color: #6a7378;
   font-size: 13px;
   font-style: normal;
@@ -297,17 +418,17 @@ e.div`
   line-height: 16px;
   white-space: nowrap;
 `;
-e.div`
+t.div`
   display: flex;
   flex-direction: row;
   gap: 10px;
   white-space: nowrap;
   align-items: center;
 `;
-const n = e.div`
+const p = t.div`
   display: flex;
   justify-content: center;
-`, a = e.div`
+`, l = t.div`
   border-radius: 20px;
   border: 1px solid #edebe8;
   background: #fff;
@@ -324,7 +445,7 @@ const n = e.div`
       color: #fff;
     }
   }
-`, p = e.div`
+`, s = t.div`
   display: flex;
   width: 24px;
   height: 24px;
@@ -343,7 +464,7 @@ const n = e.div`
       color: #000;
     }
   }
-`, l = e.div`
+`, f = t.div`
   color: #6a7378;
   font-size: 13px;
   font-style: normal;
@@ -352,13 +473,13 @@ const n = e.div`
   white-space: nowrap;
 `;
 export {
-  a as ClearAll,
-  r as ColumStyle,
-  n as EmptyDataContainer,
-  i as GreyBox,
-  p as StyledFilterBtnIcon,
-  l as StyledFilterBtnLabel,
-  d as StyledTable,
-  o as StyledTableWrapper
+  l as ClearAll,
+  i as ColumStyle,
+  p as EmptyDataContainer,
+  d as GreyBox,
+  s as StyledFilterBtnIcon,
+  f as StyledFilterBtnLabel,
+  a as StyledTable,
+  n as StyledTableWrapper
 };
 //# sourceMappingURL=styles.js.map

package/dist/components/order-daily-overview/table/table-data/styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styles.js","sources":["../../../../../src/components/order-daily-overview/table/table-data/styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const ColumStyle = styled.div`\n display: flex;\n width: 100%;\n align-items: center;\n justify-content: center;\n gap: 7px;\n`;\n\nexport const GreyBox = styled.div`\n display: flex;\n padding: 2px 8px;\n align-items: flex-start;\n gap: 12px;\n border-radius: 6px;\n background: rgba(153, 153, 153, 0.1);\n`;\n\nexport const StyledTableWrapper = styled.div`\n overflow-x: auto;\n max-height: calc(100vh - 310px);\n // padding-top: 10px;\n background: #fff;\n &::-webkit-scrollbar {\n width: 5px;\n border-radius: 100px;\n height: 5px;\n }\n\n &::-webkit-scrollbar-track {\n background: #777;\n border-radius: 100px;\n }\n\n &::-webkit-scrollbar-thumb {\n background: #7b61ff;\n border-radius: 100px;\n }\n\n &::-webkit-scrollbar-thumb:hover {\n background: #7b61ff;\n }\n`;\n\nexport const StyledTable = styled.table`\n border-spacing: 0 4px;\n width: 100%;\n table-layout: fixed;\n\n thead {\n position: sticky;\n top: 0;\n z-index: 10;\n background: #fff;\n box-shadow: 0px 0px 1px #ffffff, 0px -10px 1px #ffffff;\n tr {\n border-radius: 40px;\n border-spacing: 0 4px;\n font-family: 'lato', sans-serif;\n th {\n color: #3a3630;\n font-size: 13px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n padding: 6px 8px;\n background: #f0f2f2;\n border-right: none;\n border-left: none;\n text-align: left;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-width: 1px 0;\n &:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n &:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n }\n }\n }\n tbody {\n max-height: 400px;\n overflow-y: auto;\n tr {\n td {\n color: #3a3630;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n padding: 5px 8px;\n background: #fff;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-right: none;\n border-left: none;\n word-break: break-word;\n }\n &:nth-child(even) td {\n background: #f6fbff;\n }\n td:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n td:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n }\n }\n`;\n\nexport const StyledThBase = styled.th`\n color: #3a3630;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n padding: 11px 15px;\n background: #f0f2f2;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-right: none;\n border-left: none;\n text-align: left;\n`;\n\nexport const StyledTdBasic = styled.td`\n color: #3a3630;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n padding: 15px;\n background: #fff;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-right: none;\n border-left: none;\n`;\n\nexport const StyledFlex = styled.div`\n display: flex;\n gap: 8px;\n align-items: center;\n em {\n padding-left: 8px;\n border-left: 2px dotted #758588;\n font-style: normal;\n }\n span {\n display: block;\n line-height: 1;\n &:first-child {\n margin-bottom: 5px;\n }\n }\n`;\nexport const StyledRoundedBorder = styled.div`\n border-radius: 30px;\n border: 1px solid #edefef;\n background: #f6fbff;\n width: 24px;\n height: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n`;\n\nexport const RouteName = styled.div`\n font-weight: 600;\n color: #09f;\n margin-bottom: 6px;\n`;\n\nexport const StyledFlexGap4 = styled.div`\n display: flex;\n gap: 4px;\n /* align-items: center; */\n`;\n\nexport const TomtomName = styled.div`\n color: #29cc6a;\n font-size: 13px;\n font-weight: 600;\n line-height: 24px;\n`;\nexport const StyledLineBreak = styled.div``;\nexport const Weight = styled.div`\n font-size: 10px;\n font-style: normal;\n font-weight: 700;\n line-height: 16px;\n`;\n\nexport const StyledIconCover = styled.div`\n display: flex;\n align-items: center;\n gap: 8px;\n span {\n margin-top: 4px;\n &.ascending svg path:first-child {\n fill: #000;\n }\n &.descending svg path:last-child {\n fill: #000;\n }\n }\n`;\n\nexport const TomtomCover = styled.div`\n transform: scale(0.5);\n`;\n\nexport const CustomDrop = styled.div`\n background: #fff;\n border-radius: 12px;\n padding: 10px;\n box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);\n`;\n\nexport const TableFilterColumn = styled.div`\n display: flex;\n align-items: flex-start;\n flex-direction: column;\n gap: 8px;\n button {\n font-size: 13px;\n }\n .input {\n border-radius: 20px;\n border: 1px solid #d0d5dd;\n input {\n font-size: 13px;\n }\n }\n`;\n\nexport const DropHeading = styled.div`\n color: #6a7378;\n font-size: 13px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n`;\n\nexport const StyledDateRange = styled.div`\n .ant-picker {\n border-radius: 20px;\n }\n input {\n font-size: 13px;\n }\n`;\n\nexport const ActionCover = styled.div`\n border-radius: 30px;\n border: 1px solid #edebe8;\n background: #fff;\n display: flex;\n padding: 5px 6px;\n justify-content: center;\n align-items: center;\n gap: 8px;\n cursor: pointer;\n\n &.active {\n background: #313130;\n & > div {\n color: #fff;\n }\n }\n`;\n\nexport const TableIconCover = styled.div`\n display: flex;\n width: 24px;\n height: 24px;\n justify-content: center;\n align-items: center;\n border-radius: 20px;\n border: 1px solid #e2e0db;\n background: #edebe8;\n`;\n\nexport const Label = styled.div`\n color: #6a7378;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n white-space: nowrap;\n`;\n\nexport const ActionTypeCover = styled.div`\n border-radius: 30px;\n border: 1px solid #edebe8;\n background: #fff;\n display: flex;\n padding: 5px 6px;\n justify-content: center;\n align-items: center;\n gap: 8px;\n cursor: pointer;\n\n &.active {\n background: #313130;\n & > div {\n color: #fff;\n }\n }\n`;\n\nexport const ActionTypeLabel = styled.div`\n color: #6a7378;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n white-space: nowrap;\n`;\n\nexport const Buttons = styled.div`\n display: flex;\n flex-direction: row;\n gap: 10px;\n white-space: nowrap;\n align-items: center;\n`;\nexport const EmptyDataContainer = styled.div`\n display: flex;\n justify-content: center;\n`;\n\nexport const ClearAll = styled.div`\n border-radius: 20px;\n border: 1px solid #edebe8;\n background: #fff;\n display: flex;\n padding: 6px 6px;\n justify-content: center;\n align-items: center;\n gap: 8px;\n cursor: pointer;\n\n &.active {\n background: #313130;\n & > div {\n color: #fff;\n }\n }\n`;\nexport const StyledFilterBtnIcon = styled.div`\n display: flex;\n width: 24px;\n height: 24px;\n justify-content: center;\n align-items: center;\n border-radius: 20px;\n border: 1px solid #e2e0db;\n background: #b2b3b3;\n .cross {\n position: relative;\n &:after {\n display: inline-block;\n content: 'X';\n font-style: normal;\n font-size: 14px;\n color: #000;\n }\n }\n`;\nexport const StyledFilterBtnLabel = styled.div`\n color: #6a7378;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n white-space: nowrap;\n`;\n"],"names":["ColumStyle","styled","GreyBox","StyledTableWrapper","StyledTable","EmptyDataContainer","ClearAll","StyledFilterBtnIcon","StyledFilterBtnLabel"],"mappings":"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"}
1	+ {"version":3,"file":"styles.js","sources":["../../../../../src/components/order-daily-overview/table/table-data/styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { device } from '../../common/mediaQuery';\n\nexport const ColumStyle = styled.div`\n display: flex;\n width: 100%;\n align-items: center;\n justify-content: center;\n gap: 7px;\n`;\n\nexport const GreyBox = styled.div`\n display: flex;\n padding: 2px 8px;\n align-items: flex-start;\n gap: 12px;\n border-radius: 6px;\n background: rgba(153, 153, 153, 0.1);\n`;\n\nexport const StyledTableWrapper = styled.div`\n overflow-x: auto;\n max-height: calc(100vh - 310px);\n // padding-top: 10px;\n background: #fff;\n &::-webkit-scrollbar {\n width: 5px;\n border-radius: 100px;\n height: 5px;\n }\n\n &::-webkit-scrollbar-track {\n background: #777;\n border-radius: 100px;\n }\n\n &::-webkit-scrollbar-thumb {\n background: #7b61ff;\n border-radius: 100px;\n }\n\n &::-webkit-scrollbar-thumb:hover {\n background: #7b61ff;\n }\n`;\n\nexport const StyledTable = styled.table`\n border-spacing: 0 4px;\n width: 100%;\n table-layout: fixed;\n\n thead {\n position: sticky;\n top: 0;\n z-index: 10;\n background: #fff;\n box-shadow: 0px 0px 1px #ffffff, 0px -10px 1px #ffffff;\n tr {\n border-radius: 40px;\n border-spacing: 0 4px;\n font-family: 'lato', sans-serif;\n th {\n color: #3a3630;\n font-size: 13px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n padding: 6px 8px;\n background: #f0f2f2;\n border-right: none;\n border-left: none;\n text-align: left;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-width: 1px 0;\n &:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n &:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n }\n }\n }\n tbody {\n max-height: 400px;\n overflow-y: auto;\n tr {\n td {\n color: #3a3630;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n padding: 5px 8px;\n background: #fff;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-right: none;\n border-left: none;\n word-break: break-word;\n }\n &:nth-child(even) td {\n background: #f6fbff;\n }\n td:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n td:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n }\n }\n\n &.return-overview-table {\n \n @media ${device.tabletPortrait} {\n .group-box {\n border-left-width: 2px !important;\n margin-top: 0 !important;\n margin-bottom: 16px !important;\n }\n }\n\n @media ${device.mobileLandscape} {\n display: block;\n width: 100%;\n table-layout: auto;\n border-spacing: 0;\n\n colgroup,\n thead {\n display: none;\n }\n\n tbody {\n display: block;\n width: 100%;\n max-height: none;\n overflow-y: visible;\n }\n\n tbody tr {\n display: block;\n width: 100%;\n }\n\n tbody tr.parent-row,\n tbody tr.child-row {\n box-sizing: border-box;\n border-radius: 12px;\n border: 1px solid rgba(0, 0, 0, 0.08);\n box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.04);\n margin-bottom: 17px;\n overflow: hidden;\n background: #fff;\n\n td {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n gap: 8px;\n width: 100%;\n box-sizing: border-box;\n border: none !important;\n border-radius: 0 !important;\n border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;\n padding: 8px 12px !important;\n text-align: right !important;\n background: transparent !important;\n\n &:last-child {\n border-bottom: none !important;\n }\n\n &::before {\n content: attr(data-label);\n display: block;\n flex-shrink: 0;\n color: #6a7378;\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n }\n\n > div {\n width: auto;\n justify-content: flex-end;\n }\n }\n }\n\n /* trading name acts as the card title /\n tbody tr.parent-row td:first-child,\n tbody tr.child-row td:first-child {\n background: #f0f2f2 !important;\n }\n\n tbody tr.child-row {\n background: #fff;\n }\n\n tbody tr.state-row td {\n display: block;\n width: 100%;\n box-sizing: border-box;\n }\n\n / group (parent + children) wrapper /\n tbody tr.group-row td.group-cell,\n tbody tr.group-row > td {\n display: block;\n width: 100%;\n box-sizing: border-box;\n }\n\n .group-box {\n margin: 0 0 16px !important;\n }\n\n .group-table-wrapper {\n max-height: none;\n overflow: visible !important;\n padding: 0 !important;\n }\n\n &.group-table {\n margin-bottom: 0;\n }\n }\n }\n`;\n\nexport const StyledThBase = styled.th`\n color: #3a3630;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n padding: 11px 15px;\n background: #f0f2f2;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-right: none;\n border-left: none;\n text-align: left;\n`;\n\nexport const StyledTdBasic = styled.td`\n color: #3a3630;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n padding: 15px;\n background: #fff;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-right: none;\n border-left: none;\n`;\n\nexport const StyledFlex = styled.div`\n display: flex;\n gap: 8px;\n align-items: center;\n em {\n padding-left: 8px;\n border-left: 2px dotted #758588;\n font-style: normal;\n }\n span {\n display: block;\n line-height: 1;\n &:first-child {\n margin-bottom: 5px;\n }\n }\n`;\nexport const StyledRoundedBorder = styled.div`\n border-radius: 30px;\n border: 1px solid #edefef;\n background: #f6fbff;\n width: 24px;\n height: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n`;\n\nexport const RouteName = styled.div`\n font-weight: 600;\n color: #09f;\n margin-bottom: 6px;\n`;\n\nexport const StyledFlexGap4 = styled.div`\n display: flex;\n gap: 4px;\n / align-items: center; */\n`;\n\nexport const TomtomName = styled.div`\n color: #29cc6a;\n font-size: 13px;\n font-weight: 600;\n line-height: 24px;\n`;\nexport const StyledLineBreak = styled.div``;\nexport const Weight = styled.div`\n font-size: 10px;\n font-style: normal;\n font-weight: 700;\n line-height: 16px;\n`;\n\nexport const StyledIconCover = styled.div`\n display: flex;\n align-items: center;\n gap: 8px;\n span {\n margin-top: 4px;\n &.ascending svg path:first-child {\n fill: #000;\n }\n &.descending svg path:last-child {\n fill: #000;\n }\n }\n`;\n\nexport const TomtomCover = styled.div`\n transform: scale(0.5);\n`;\n\nexport const CustomDrop = styled.div`\n background: #fff;\n border-radius: 12px;\n padding: 10px;\n box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);\n`;\n\nexport const TableFilterColumn = styled.div`\n display: flex;\n align-items: flex-start;\n flex-direction: column;\n gap: 8px;\n button {\n font-size: 13px;\n }\n .input {\n border-radius: 20px;\n border: 1px solid #d0d5dd;\n input {\n font-size: 13px;\n }\n }\n`;\n\nexport const DropHeading = styled.div`\n color: #6a7378;\n font-size: 13px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n`;\n\nexport const StyledDateRange = styled.div`\n .ant-picker {\n border-radius: 20px;\n }\n input {\n font-size: 13px;\n }\n`;\n\nexport const ActionCover = styled.div`\n border-radius: 30px;\n border: 1px solid #edebe8;\n background: #fff;\n display: flex;\n padding: 5px 6px;\n justify-content: center;\n align-items: center;\n gap: 8px;\n cursor: pointer;\n\n &.active {\n background: #313130;\n & > div {\n color: #fff;\n }\n }\n`;\n\nexport const TableIconCover = styled.div`\n display: flex;\n width: 24px;\n height: 24px;\n justify-content: center;\n align-items: center;\n border-radius: 20px;\n border: 1px solid #e2e0db;\n background: #edebe8;\n`;\n\nexport const Label = styled.div`\n color: #6a7378;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n white-space: nowrap;\n`;\n\nexport const ActionTypeCover = styled.div`\n border-radius: 30px;\n border: 1px solid #edebe8;\n background: #fff;\n display: flex;\n padding: 5px 6px;\n justify-content: center;\n align-items: center;\n gap: 8px;\n cursor: pointer;\n\n &.active {\n background: #313130;\n & > div {\n color: #fff;\n }\n }\n`;\n\nexport const ActionTypeLabel = styled.div`\n color: #6a7378;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n white-space: nowrap;\n`;\n\nexport const Buttons = styled.div`\n display: flex;\n flex-direction: row;\n gap: 10px;\n white-space: nowrap;\n align-items: center;\n`;\nexport const EmptyDataContainer = styled.div`\n display: flex;\n justify-content: center;\n`;\n\nexport const ClearAll = styled.div`\n border-radius: 20px;\n border: 1px solid #edebe8;\n background: #fff;\n display: flex;\n padding: 6px 6px;\n justify-content: center;\n align-items: center;\n gap: 8px;\n cursor: pointer;\n\n &.active {\n background: #313130;\n & > div {\n color: #fff;\n }\n }\n`;\nexport const StyledFilterBtnIcon = styled.div`\n display: flex;\n width: 24px;\n height: 24px;\n justify-content: center;\n align-items: center;\n border-radius: 20px;\n border: 1px solid #e2e0db;\n background: #b2b3b3;\n .cross {\n position: relative;\n &:after {\n display: inline-block;\n content: 'X';\n font-style: normal;\n font-size: 14px;\n color: #000;\n }\n }\n`;\nexport const StyledFilterBtnLabel = styled.div`\n color: #6a7378;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n white-space: nowrap;\n`;\n"],"names":["ColumStyle","styled","GreyBox","StyledTableWrapper","StyledTable","device","EmptyDataContainer","ClearAll","StyledFilterBtnIcon","StyledFilterBtnLabel"],"mappings":"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"}

package/dist/components/order-daily-overview/table-view/PaginationStyle.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import e from "styled-components";
-const o = e.div`
+const d = e.div`
   display: flex;
   justify-content: center;
   align-items: center;
@@ -8,10 +8,16 @@ const o = e.div`
   max-width: 100%;
   margin-top: 11px;
   margin-bottom: 0;
-`, d = e.div`
+`, t = e.div`
   display: flex;
   gap: 12px;
-`, t = e.div`
+  @media (max-width: 900px) {
+    flex-wrap: wrap;
+    justify-content: center;
+    row-gap: 8px;
+  }
+`, o = e.div`
   border-radius: 20px;
   border: 1px solid #e2e0db;
   background: #fff;
@@ -72,6 +78,15 @@ const n = e.div`
     display: flex;
     align-items: center;
   }
+  @media (max-width: 400px) {
+    padding: 0.5em 0.6em;
+    &:first-child,
+    &:last-child {
+      padding: 0 0.6em;
+    }
+  }
 `;
 e.div`
   position: relative;
@@ -84,9 +99,9 @@ e.img`
   align-items: center;
 `;
 export {
-  o as StyledContainer,
-  d as StyledContentWrapper,
-  t as StyledInfoBox,
+  d as StyledContainer,
+  t as StyledContentWrapper,
+  o as StyledInfoBox,
   a as StyledLabel,
   l as StyledPaginationItem,
   n as StyledPaginationWrapper

package/dist/components/order-daily-overview/table-view/PaginationStyle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PaginationStyle.js","sources":["../../../../src/components/order-daily-overview/table-view/PaginationStyle.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledContainer = styled.div`\n display: flex;\n justify-content: center;\n align-items: center;\n align-self: stretch;\n padding: 0;\n max-width: 100%;\n margin-top: 11px;\n margin-bottom: 0;\n`;\n\nexport const StyledContentWrapper = styled.div`\n display: flex;\n gap: 12px;\n`;\n\nexport const StyledInfoBox = styled.div`\n border-radius: 20px;\n border: 1px solid #e2e0db;\n background: #fff;\n color: #8e8a85;\n font-size: 14px;\n font-weight: 400;\n line-height: 20px;\n letter-spacing: 0.07px;\n padding: 6px 10px;\n`;\n\nexport const StyledLabel = styled.div`\n color: #8e8a85;\n\n font-size: 13px;\n font-weight: 400;\n line-height: 16px;\n display: flex;\n align-items: center;\n`;\n\nexport const StyledDropdownData = styled.select`\n font-size: 0.875rem;\n padding: 6px 10px;\n background-color: white;\n border: 1px solid #e2e8f0;\n border-radius: 9999px;\n color: #71717a;\n`;\n\nexport const StyledPaginationWrapper = styled.div`\n display: flex;\n gap: 0;\n background-color: white;\n border: 1px solid rgba(208, 213, 221, 0.5);\n border-radius: 9999px;\n`;\n\nexport const StyledPaginationItem = styled.button<{ active?: boolean }>`\n background: ${({ active }) =>\n active ? 'rgba(208, 213, 221, 0.80)' : 'white'};\n color: ${({ active }) => (active ? 'black' : 'black')};\n border: none;\n border-left: 1px solid rgba(208, 213, 221, 0.5);\n padding: 0.5em 1em;\n border-radius: 0;\n cursor: pointer;\n &:hover {\n background: rgba(208, 213, 221, 0.8);\n color: #000;\n }\n &:disabled {\n background: #f0f0f0;\n cursor: not-allowed;\n }\n &:first-child {\n border-radius: 100px;\n padding: 0 1em;\n display: flex;\n align-items: center;\n }\n &:last-child {\n border-radius: 0 100px 100px 0;\n padding: 0 1em;\n display: flex;\n align-items: center;\n }\n`;\nexport const StyledDropdown = styled.div`\n position: relative;\n display: inline-block;\n`;\nexport const StyledPaginationIcon = styled.img`\n width: 1.5rem;\n aspect-ratio: 1;\n display: flex;\n align-items: center;\n`;\n"],"names":["StyledContainer","styled","StyledContentWrapper","StyledInfoBox","StyledLabel","StyledPaginationWrapper","StyledPaginationItem","active"],"mappings":";AAEO,MAAMA,IAAkBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWzBC,IAAuBD,EAAO;AAAA;AAAA;AAAA,~~GAK9BE~~,IAAgBF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAYvBG,IAAcH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUAA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASlC,MAAMI,IAA0BJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQjCK,IAAuBL,EAAO;AAAA,gBAC3B,CAAC,EAAE,QAAAM,EAAA,MACfA,IAAS,8BAA8B,OAAO;AAAA,WACvC,CAAC,EAAE,QAAAA,EAAA,MAAuB,OAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;~~AA2BzBN~~,EAAO;AAAA;AAAA;AAAA;AAIDA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;"}
1	+ {"version":3,"file":"PaginationStyle.js","sources":["../../../../src/components/order-daily-overview/table-view/PaginationStyle.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledContainer = styled.div`\n display: flex;\n justify-content: center;\n align-items: center;\n align-self: stretch;\n padding: 0;\n max-width: 100%;\n margin-top: 11px;\n margin-bottom: 0;\n`;\n\nexport const StyledContentWrapper = styled.div`\n display: flex;\n gap: 12px;\n\n @media (max-width: 900px) {\n flex-wrap: wrap;\n justify-content: center;\n row-gap: 8px;\n }\n`;\n\nexport const StyledInfoBox = styled.div`\n border-radius: 20px;\n border: 1px solid #e2e0db;\n background: #fff;\n color: #8e8a85;\n font-size: 14px;\n font-weight: 400;\n line-height: 20px;\n letter-spacing: 0.07px;\n padding: 6px 10px;\n`;\n\nexport const StyledLabel = styled.div`\n color: #8e8a85;\n\n font-size: 13px;\n font-weight: 400;\n line-height: 16px;\n display: flex;\n align-items: center;\n`;\n\nexport const StyledDropdownData = styled.select`\n font-size: 0.875rem;\n padding: 6px 10px;\n background-color: white;\n border: 1px solid #e2e8f0;\n border-radius: 9999px;\n color: #71717a;\n`;\n\nexport const StyledPaginationWrapper = styled.div`\n display: flex;\n gap: 0;\n background-color: white;\n border: 1px solid rgba(208, 213, 221, 0.5);\n border-radius: 9999px;\n`;\n\nexport const StyledPaginationItem = styled.button<{ active?: boolean }>`\n background: ${({ active }) =>\n active ? 'rgba(208, 213, 221, 0.80)' : 'white'};\n color: ${({ active }) => (active ? 'black' : 'black')};\n border: none;\n border-left: 1px solid rgba(208, 213, 221, 0.5);\n padding: 0.5em 1em;\n border-radius: 0;\n cursor: pointer;\n &:hover {\n background: rgba(208, 213, 221, 0.8);\n color: #000;\n }\n &:disabled {\n background: #f0f0f0;\n cursor: not-allowed;\n }\n &:first-child {\n border-radius: 100px;\n padding: 0 1em;\n display: flex;\n align-items: center;\n }\n &:last-child {\n border-radius: 0 100px 100px 0;\n padding: 0 1em;\n display: flex;\n align-items: center;\n }\n\n @media (max-width: 400px) {\n padding: 0.5em 0.6em;\n\n &:first-child,\n &:last-child {\n padding: 0 0.6em;\n }\n }\n`;\nexport const StyledDropdown = styled.div`\n position: relative;\n display: inline-block;\n`;\nexport const StyledPaginationIcon = styled.img`\n width: 1.5rem;\n aspect-ratio: 1;\n display: flex;\n align-items: center;\n`;\n"],"names":["StyledContainer","styled","StyledContentWrapper","StyledInfoBox","StyledLabel","StyledPaginationWrapper","StyledPaginationItem","active"],"mappings":";AAEO,MAAMA,IAAkBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWzBC,IAAuBD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAW9BE,IAAgBF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAYvBG,IAAcH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUAA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASlC,MAAMI,IAA0BJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQjCK,IAAuBL,EAAO;AAAA,gBAC3B,CAAC,EAAE,QAAAM,EAAA,MACfA,IAAS,8BAA8B,OAAO;AAAA,WACvC,CAAC,EAAE,QAAAA,EAAA,MAAuB,OAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoCzBN,EAAO;AAAA;AAAA;AAAA;AAIDA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;"}