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/client-portal/return-confirm/ReturnConfirmedTable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ReturnConfirmedTable.js","sources":["../../../../src/components/client-portal/return-confirm/ReturnConfirmedTable.tsx"],"sourcesContent":["import { Empty } from 'antd';\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\nimport { Skeleton } from 'antd';\nimport { NavLink } from 'react-router-dom';\nimport {\n Checkbox,\n displayValueOrNA,\n} from '@bjsdistribution/dms-component-library';\nimport {\n useLoading,\n usePrintOptionTOggle,\n} from '../../order-daily-overview/store/store';\nimport {\n useClientPortal,\n useReturnConfirmedOrderData,\n useSelectedClientAfterOrders,\n} from '../../store';\nimport { useOrderId } from '../../order-view/store';\nimport SortIcon from '../../../common/SortIcon';\nimport CaretDownFilledIcon from '../../../common/CaretDownFilledIcon';\nimport {\n CustomDrop,\n EmptyDataContainer,\n StyledTable,\n StyledTableWrapper,\n} from '../../order-daily-overview/return-order-table/return-orders-filters/returnstyles';\nimport PrinterIcon from '../../../assets/icons/PrinterIcon';\nimport DownIcon from '../../../assets/icons/DownIcon';\nimport PrintDropDown from '../../order-daily-overview/shared/elements/PrintDropDown';\nimport { formatDate } from '../../order-daily-overview/shared/utlis';\nimport dayjs from 'dayjs';\nimport { WEIGHT_UNIT, VOLUME_UNIT } from '../../../common/utils';\n\nconst ReturnConfirmedTable = () => {\n const dropdownRefParent = useRef<HTMLDivElement>(null);\n const dropdownRef = useRef<HTMLDivElement>(null);\n const [printToogle, setPrintToggle] = usePrintOptionTOggle();\n const [, setOrderId] = useOrderId();\n const [returnConfirmedTable] = useReturnConfirmedOrderData();\n const [isClientPortal] = useClientPortal();\n const [loading] = useLoading();\n const [selectClientAll, setSelectClientAll] = useState(false);\n const [\n selectedOrderIds,\n setSelectedOrderIds,\n ] = useSelectedClientAfterOrders();\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: any) => {\n if (prev?.key === key && prev.direction === 'asc') {\n return { key, direction: 'desc' };\n }\n return { key, direction: 'asc' };\n });\n };\n\n const sortedData = useMemo(() => {\n if (!returnConfirmedTable \|\| !sortConfig) return returnConfirmedTable;\n\n const { key, direction } = sortConfig;\n return [...returnConfirmedTable].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 }, [returnConfirmedTable, 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 style={{ transform: 'rotate(180deg)' }} />\n );\n };\n\n const OpenDropDown = (index: number) => {\n setPrintToggle((prevIndex: any) => (prevIndex === index ? null : index));\n };\n\n // Close dropdown outside click\n useEffect(() => {\n document.addEventListener('mousedown', handleClickOutside);\n return () => {\n document.removeEventListener('mousedown', handleClickOutside);\n };\n }, []);\n const handleClickOutside = (event: MouseEvent) => {\n if (\n dropdownRef.current &&\n !dropdownRef.current.contains(event.target as Node)\n ) {\n setPrintToggle(null);\n }\n };\n\n const getStatusClass = (status: string) => {\n switch (status) {\n case 'Cancelled':\n case 'Failed':\n return { color: '#E95252', background: 'rgba(233, 82, 82, 0.15)' };\n case 'On Hold':\n return { color: '#F4A503', background: '#FFF1D6' };\n case 'Sub-Contracted':\n case 'SC':\n return { color: '#F4A503', background: '#FFF1D6' };\n case 'Awaiting route':\n case 'Awaiting Confirmation':\n return { color: '#845ADF', background: 'rgba(132, 90, 223, 0.15)' };\n case 'Completed':\n return {\n color: '#1F9254',\n background: 'rgba(41, 204, 106, 0.15)',\n };\n case 'Outstanding':\n return { color: '#FF9900', background: 'rgba(255, 153, 0, 0.15)' };\n case 'Routed':\n return { color: '#6396E5', background: 'rgba(99, 150, 229, 0.15)' };\n default:\n return { color: '#000', background: '#fff' };\n }\n };\n\n const handleSelectOrderId = (id: string \| number) => {\n setSelectedOrderIds(prev =>\n prev.includes(id) ? prev.filter(orderId => orderId !== id) : [...prev, id]\n );\n };\n const handleClientSelectAll = (e: React.ChangeEvent<HTMLInputElement>) => {\n const isChecked = e.target.checked;\n setSelectClientAll(isChecked);\n\n if (isChecked) {\n setSelectedOrderIds(\n returnConfirmedTable?.map((item: any) => item?.id) \|\| []\n );\n } else {\n setSelectedOrderIds([]);\n }\n };\n\n return (\n <>\n <StyledTableWrapper className=\"fortables\">\n <StyledTable>\n <thead>\n <tr>\n {/* <th className=\"emailInvoiceCheckbox\">\n <Checkbox checked={false} />\n </th> /}\n <th className=\"emailInvoiceCheckbox\">\n <Checkbox\n checked={selectClientAll}\n onChange={handleClientSelectAll}\n />\n </th>\n <th onClick={() => handleSort('created_at')}>\n <div className=\"sortIconClass\">\n Created {renderSortIcon('created_at')}\n </div>\n </th>\n {/ <th onClick={() => handleSort('return_location_name')}>\n <div className=\"sortIconClass\">\n Delivery Date {renderSortIcon('return_location_name')}\n </div>\n </th> /}\n <th onClick={() => handleSort('return_location_name')}>\n <div className=\"sortIconClass\">\n Return Location {renderSortIcon('return_location_name')}\n </div>\n </th>\n <th onClick={() => handleSort('recipient_name')}>\n <div className=\"sortIconClass\">\n Recipient {renderSortIcon('recipient_name')}\n </div>\n </th>\n <th onClick={() => handleSort('recipient_reference')}>\n <div className=\"sortIconClass\">\n Recipient Reference {renderSortIcon('recipient_reference')}\n </div>\n </th>\n <th>Sender</th>\n <th>Consignment</th>\n <th>Return Order No</th>\n <th> Total Parts</th>\n <th onClick={() => handleSort('weight')}>\n <div className=\"sortIconClass\">\n Total Weight ({WEIGHT_UNIT}) {renderSortIcon('weight')}\n </div>\n </th>\n <th onClick={() => handleSort('cube')}>\n <div className=\"sortIconClass\">\n Total {VOLUME_UNIT} {renderSortIcon('cube')}\n </div>\n </th>\n <th style={{ textAlign: 'center' }}>Status</th>\n <th className=\"emailInvoiceShare\">Labels</th>\n </tr>\n </thead>\n <tbody>\n {loading ? (\n <tr>\n <td colSpan={16}>\n <Skeleton active />\n </td>\n <td colSpan={16}></td>\n </tr>\n ) : sortedData?.length === 0 ? (\n <tr>\n <td colSpan={16}>\n <EmptyDataContainer>\n <Empty />\n </EmptyDataContainer>\n </td>\n </tr>\n ) : (\n sortedData?.map((item: any, index: any) => {\n const statusMapping: any = {\n cancelled: 'Cancelled',\n 'on hold': 'On Hold',\n subcontracted: 'Sub-Contracted',\n SC: 'Sub-Contracted',\n 'awaiting route': 'Awaiting route',\n 'awaiting confirmation': 'Awaiting Confirmation',\n complete: 'Completed',\n outstanding: 'Outstanding',\n routed: 'Routed',\n failed: 'Failed',\n confirmed: 'Confirmed',\n };\n const status = statusMapping[item?.status_value] \|\| 'Unknown';\n const statusClass = getStatusClass(status);\n\n return (\n <tr key={item.id}>\n <td>\n <Checkbox\n checked={selectedOrderIds.includes(item?.id)}\n onChange={() => handleSelectOrderId(item?.id)}\n />\n </td>\n <td>{formatDate(new Date(item?.created_at))}</td>\n {/ <td>{formatDate(new Date(item?.action_date))}</td> */}\n <td>{displayValueOrNA(item?.return_location_name)}</td>\n <td onClick={() => setOrderId(item.id)}>\n <ul style={{ listStyleType: 'none', padding: 0 }}>\n <li\n style={{\n color: '#0099ff',\n fontWeight: 600,\n paddingLeft: 0,\n }}\n >\n <NavLink to={`/return/view/${item.id}`}>\n {displayValueOrNA(item?.recipient_name)}\n </NavLink>\n </li>\n <li style={{ color: '#888075' }}>\n {displayValueOrNA(item?.postcode)}\n </li>\n </ul>\n </td>\n <td>{displayValueOrNA(item?.recipient_reference)}</td>\n\n <td>{displayValueOrNA(item?.customer_name)}</td>\n\n <td>\n {displayValueOrNA(item?.consignment)}\n {!isClientPortal && Number(item?.failure_count) > 0 && (\n <span style={{ color: 'inherit', fontWeight: 700, marginLeft: 2 }} title=\"Delivery Failure Count\">- [{item?.failure_count}]</span>\n )}\n </td>\n <td>{displayValueOrNA(item?.order_number)}</td>\n\n <td>{displayValueOrNA(item?.total_products)}</td>\n <td>\n {displayValueOrNA(item?.weight)}{' '}\n {item?.weight && item?.weight > 0 ? WEIGHT_UNIT : ''}\n </td>\n\n <td>{displayValueOrNA(item?.cube)}</td>\n\n <td>\n <ul\n className=\"statuscontainer\"\n style={{\n listStyleType: 'none',\n background: statusClass.background,\n }}\n >\n <li\n className=\"statustext\"\n style={{ color: statusClass.color }}\n >\n {status}\n\n {(status === 'Completed' \|\| status === 'Failed') &&\n item?.action_date\n ? ` - ${dayjs(item?.action_date).format(\n 'DD/MM/YYYY'\n )}`\n : ''}\n </li>\n </ul>\n </td>\n <td>\n <ul className=\"actionbox\">\n <CustomDrop\n ref={dropdownRefParent}\n className={printToogle === index ? 'active' : ''}\n >\n <li\n className=\"shareIconContainer\"\n onClick={() => OpenDropDown(index)}\n >\n <PrinterIcon />\n <DownIcon />\n\n {printToogle === index && (\n <div ref={dropdownRef}>\n <PrintDropDown legacyProductId={item} />\n </div>\n )}\n </li>\n </CustomDrop>\n </ul>\n </td>\n </tr>\n );\n })\n )}\n </tbody>\n </StyledTable>\n </StyledTableWrapper>\n </>\n );\n};\n\nexport default ReturnConfirmedTable;\n"],"names":["ReturnConfirmedTable","dropdownRefParent","useRef","dropdownRef","printToogle","setPrintToggle","usePrintOptionTOggle","setOrderId","useOrderId","returnConfirmedTable","useReturnConfirmedOrderData","isClientPortal","useClientPortal","loading","useLoading","selectClientAll","setSelectClientAll","useState","selectedOrderIds","setSelectedOrderIds","useSelectedClientAfterOrders","sortConfig","setSortConfig","handleSort","key","prev","sortedData","useMemo","direction","a","b","valueA","valueB","renderSortIcon","columnKey","SortIcon","jsx","CaretDownFilledIcon","OpenDropDown","index","prevIndex","useEffect","handleClickOutside","event","getStatusClass","status","handleSelectOrderId","id","orderId","StyledTableWrapper","StyledTable","Checkbox","e","isChecked","item","jsxs","WEIGHT_UNIT","VOLUME_UNIT","Skeleton","EmptyDataContainer","Empty","statusClass","formatDate","displayValueOrNA","NavLink","dayjs","CustomDrop","PrinterIcon","DownIcon","PrintDropDown"],"mappings":"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"}
1	+ {"version":3,"file":"ReturnConfirmedTable.js","sources":["../../../../src/components/client-portal/return-confirm/ReturnConfirmedTable.tsx"],"sourcesContent":["import { Empty, Select } from 'antd';\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport { Skeleton } from 'antd';\nimport { NavLink } from 'react-router-dom';\nimport {\n Checkbox,\n displayValueOrNA,\n} from '@bjsdistribution/dms-component-library';\nimport {\n useLoading,\n usePrintOptionTOggle,\n} from '../../order-daily-overview/store/store';\nimport {\n useClientPortal,\n useReturnConfirmedOrderData,\n useSelectedClientAfterOrders,\n} from '../../store';\nimport { useOrderId } from '../../order-view/store';\nimport SortIcon from '../../../common/SortIcon';\nimport CaretDownFilledIcon from '../../../common/CaretDownFilledIcon';\nimport {\n CustomDrop,\n EmptyDataContainer,\n StyledTable,\n StyledTableWrapper,\n} from '../../order-daily-overview/return-order-table/return-orders-filters/returnstyles';\nimport PrinterIcon from '../../../assets/icons/PrinterIcon';\nimport DownIcon from '../../../assets/icons/DownIcon';\nimport PrintDropDown from '../../order-daily-overview/shared/elements/PrintDropDown';\nimport { formatDate } from '../../order-daily-overview/shared/utlis';\nimport dayjs from 'dayjs';\nimport { WEIGHT_UNIT, VOLUME_UNIT } from '../../../common/utils';\n\nconst ReturnConfirmedTable = () => {\n const dropdownRefParent = useRef<HTMLDivElement>(null);\n const dropdownRef = useRef<HTMLDivElement>(null);\n const [printToogle, setPrintToggle] = usePrintOptionTOggle();\n const [, setOrderId] = useOrderId();\n const [returnConfirmedTable] = useReturnConfirmedOrderData();\n const [isClientPortal] = useClientPortal();\n const [loading] = useLoading();\n const [selectClientAll, setSelectClientAll] = useState(false);\n const [\n selectedOrderIds,\n setSelectedOrderIds,\n ] = useSelectedClientAfterOrders();\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: any) => {\n if (prev?.key === key && prev.direction === 'asc') {\n return { key, direction: 'desc' };\n }\n return { key, direction: 'asc' };\n });\n };\n\n const sortedData = useMemo(() => {\n if (!returnConfirmedTable \|\| !sortConfig) return returnConfirmedTable;\n\n const { key, direction } = sortConfig;\n return [...returnConfirmedTable].sort((a, b) => {\n const valueA = a[key];\n const valueB = b[key];\n\n // empty values (null / undefined / '') always go last\n const emptyA = valueA === null \|\| valueA === undefined \|\| valueA === '';\n const emptyB = valueB === null \|\| valueB === undefined \|\| valueB === '';\n if (emptyA && emptyB) return 0;\n if (emptyA) return 1;\n if (emptyB) return -1;\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 }, [returnConfirmedTable, 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 style={{ transform: 'rotate(180deg)' }} />\n );\n };\n\n const OpenDropDown = (index: number) => {\n setPrintToggle((prevIndex: any) => (prevIndex === index ? null : index));\n };\n\n // Close dropdown outside click\n useEffect(() => {\n document.addEventListener('mousedown', handleClickOutside);\n return () => {\n document.removeEventListener('mousedown', handleClickOutside);\n };\n }, []);\n const handleClickOutside = (event: MouseEvent) => {\n if (\n dropdownRef.current &&\n !dropdownRef.current.contains(event.target as Node)\n ) {\n setPrintToggle(null);\n }\n };\n\n const getStatusClass = (status: string) => {\n switch (status) {\n case 'Cancelled':\n case 'Failed':\n return { color: '#E95252', background: 'rgba(233, 82, 82, 0.15)' };\n case 'On Hold':\n return { color: '#F4A503', background: '#FFF1D6' };\n case 'Sub-Contracted':\n case 'SC':\n return { color: '#F4A503', background: '#FFF1D6' };\n case 'Awaiting route':\n case 'Awaiting Confirmation':\n return { color: '#845ADF', background: 'rgba(132, 90, 223, 0.15)' };\n case 'Completed':\n return {\n color: '#1F9254',\n background: 'rgba(41, 204, 106, 0.15)',\n };\n case 'Outstanding':\n return { color: '#FF9900', background: 'rgba(255, 153, 0, 0.15)' };\n case 'Routed':\n return { color: '#6396E5', background: 'rgba(99, 150, 229, 0.15)' };\n default:\n return { color: '#000', background: '#fff' };\n }\n };\n\n const handleSelectOrderId = (id: string \| number) => {\n setSelectedOrderIds(prev =>\n prev.includes(id) ? prev.filter(orderId => orderId !== id) : [...prev, id]\n );\n };\n const handleClientSelectAll = (e: React.ChangeEvent<HTMLInputElement>) => {\n const isChecked = e.target.checked;\n setSelectClientAll(isChecked);\n\n if (isChecked) {\n setSelectedOrderIds(\n returnConfirmedTable?.map((item: any) => item?.id) \|\| []\n );\n } else {\n setSelectedOrderIds([]);\n }\n };\n\n return (\n <>\n <CardTableWrapper className=\"fortables cpTable\">\n {!loading && sortedData?.length > 0 && (\n <MobileBar className=\"cpMobileBar\">\n <label className=\"selectAll\">\n <Checkbox\n checked={selectClientAll}\n onChange={handleClientSelectAll}\n />\n Select all\n </label>\n <div className=\"sortControls\">\n <Select\n aria-label=\"Sort by\"\n placeholder=\"Sort by\"\n value={sortConfig?.key}\n allowClear\n popupMatchSelectWidth={false}\n onChange={(key?: string) =>\n setSortConfig(key ? { key, direction: 'asc' } : null)\n }\n options={[\n { value: 'created_at', label: 'Created' },\n { value: 'return_location_name', label: 'Return Location' },\n { value: 'recipient_name', label: 'Recipient' },\n { value: 'recipient_reference', label: 'Recipient Reference' },\n { value: 'weight', label: 'Total Weight' },\n { value: 'cube', label: `Total ${VOLUME_UNIT}` },\n ]}\n />\n <button\n type=\"button\"\n aria-label=\"Toggle sort direction\"\n disabled={!sortConfig}\n onClick={() => sortConfig && handleSort(sortConfig.key)}\n >\n {sortConfig?.direction === 'desc' ? '↓' : '↑'}\n </button>\n </div>\n </MobileBar>\n )}\n <StyledTable>\n <thead>\n <tr>\n {/* <th className=\"emailInvoiceCheckbox\">\n <Checkbox checked={false} />\n </th> /}\n <th className=\"emailInvoiceCheckbox\">\n <Checkbox\n checked={selectClientAll}\n onChange={handleClientSelectAll}\n />\n </th>\n <th onClick={() => handleSort('created_at')}>\n <div className=\"sortIconClass\">\n Created {renderSortIcon('created_at')}\n </div>\n </th>\n {/ <th onClick={() => handleSort('return_location_name')}>\n <div className=\"sortIconClass\">\n Delivery Date {renderSortIcon('return_location_name')}\n </div>\n </th> /}\n <th onClick={() => handleSort('return_location_name')}>\n <div className=\"sortIconClass\">\n Return Location {renderSortIcon('return_location_name')}\n </div>\n </th>\n <th onClick={() => handleSort('recipient_name')}>\n <div className=\"sortIconClass\">\n Recipient {renderSortIcon('recipient_name')}\n </div>\n </th>\n <th onClick={() => handleSort('recipient_reference')}>\n <div className=\"sortIconClass\">\n Recipient Reference {renderSortIcon('recipient_reference')}\n </div>\n </th>\n <th>Sender</th>\n <th>Consignment</th>\n <th>Return Order No</th>\n <th> Total Parts</th>\n <th onClick={() => handleSort('weight')}>\n <div className=\"sortIconClass\">\n Total Weight ({WEIGHT_UNIT}) {renderSortIcon('weight')}\n </div>\n </th>\n <th onClick={() => handleSort('cube')}>\n <div className=\"sortIconClass\">\n Total {VOLUME_UNIT} {renderSortIcon('cube')}\n </div>\n </th>\n <th style={{ textAlign: 'center' }}>Status</th>\n <th className=\"emailInvoiceShare\">Labels</th>\n </tr>\n </thead>\n <tbody>\n {loading ? (\n <tr>\n <td colSpan={16}>\n <Skeleton active />\n </td>\n <td colSpan={16}></td>\n </tr>\n ) : sortedData?.length === 0 ? (\n <tr>\n <td colSpan={16}>\n <EmptyDataContainer>\n <Empty />\n </EmptyDataContainer>\n </td>\n </tr>\n ) : (\n sortedData?.map((item: any, index: any) => {\n const statusMapping: any = {\n cancelled: 'Cancelled',\n 'on hold': 'On Hold',\n subcontracted: 'Sub-Contracted',\n SC: 'Sub-Contracted',\n 'awaiting route': 'Awaiting route',\n 'awaiting confirmation': 'Awaiting Confirmation',\n complete: 'Completed',\n outstanding: 'Outstanding',\n routed: 'Routed',\n failed: 'Failed',\n confirmed: 'Confirmed',\n };\n const status = statusMapping[item?.status_value] \|\| 'Unknown';\n const statusClass = getStatusClass(status);\n\n return (\n <tr key={item.id}>\n <td className=\"cpSelect\">\n <Checkbox\n checked={selectedOrderIds.includes(item?.id)}\n onChange={() => handleSelectOrderId(item?.id)}\n />\n </td>\n <td data-label=\"Created\">{formatDate(new Date(item?.created_at))}</td>\n {/ <td>{formatDate(new Date(item?.action_date))}</td> /}\n <td data-label=\"Return Location\">\n <span\n className=\"cpClip\"\n title={String(item?.return_location_name ?? '')}\n >\n {displayValueOrNA(item?.return_location_name)}\n </span>\n </td>\n <td className=\"cpTitle\" onClick={() => setOrderId(item.id)}>\n <ul style={{ listStyleType: 'none', padding: 0 }}>\n <li\n style={{\n color: '#0099ff',\n fontWeight: 600,\n paddingLeft: 0,\n }}\n >\n <NavLink to={`/return/view/${item.id}`}>\n {displayValueOrNA(item?.recipient_name)}\n </NavLink>\n </li>\n <li style={{ color: '#888075' }}>\n {displayValueOrNA(item?.postcode)}\n </li>\n </ul>\n </td>\n <td data-label=\"Recipient Reference\">\n <span\n className=\"cpClip\"\n title={String(item?.recipient_reference ?? '')}\n >\n {displayValueOrNA(item?.recipient_reference)}\n </span>\n </td>\n\n <td data-label=\"Sender\">\n <span\n className=\"cpClip\"\n title={String(item?.customer_name ?? '')}\n >\n {displayValueOrNA(item?.customer_name)}\n </span>\n </td>\n\n <td data-label=\"Consignment\">\n <span>\n {displayValueOrNA(item?.consignment)}\n {!isClientPortal && Number(item?.failure_count) > 0 && (\n <span style={{ color: 'inherit', fontWeight: 700, marginLeft: 2 }} title=\"Delivery Failure Count\">- [{item?.failure_count}]</span>\n )}\n </span>\n </td>\n <td data-label=\"Return Order No\">\n {displayValueOrNA(item?.order_number)}\n </td>\n\n <td data-label=\"Total Parts\">\n {displayValueOrNA(item?.total_products)}\n </td>\n <td data-label={`Total Weight (${WEIGHT_UNIT})`}>\n {displayValueOrNA(item?.weight)}{' '}\n {item?.weight && item?.weight > 0 ? WEIGHT_UNIT : ''}\n </td>\n\n <td data-label={`Total ${VOLUME_UNIT}`}>\n {displayValueOrNA(item?.cube)}\n </td>\n\n <td className=\"cpStatus\" data-label=\"Status\">\n <ul\n className=\"statuscontainer\"\n style={{\n listStyleType: 'none',\n background: statusClass.background,\n }}\n >\n <li\n className=\"statustext\"\n style={{ color: statusClass.color }}\n >\n {status}\n\n {(status === 'Completed' \|\| status === 'Failed') &&\n item?.action_date\n ? ` - ${dayjs(item?.action_date).format(\n 'DD/MM/YYYY'\n )}`\n : ''}\n </li>\n </ul>\n </td>\n <td className=\"cpLabels\" data-label=\"Labels\">\n <ul className=\"actionbox\">\n <CustomDrop\n ref={dropdownRefParent}\n className={printToogle === index ? 'active' : ''}\n >\n <li\n className=\"shareIconContainer\"\n onClick={() => OpenDropDown(index)}\n >\n <PrinterIcon />\n <DownIcon />\n\n {printToogle === index && (\n <div ref={dropdownRef}>\n <PrintDropDown legacyProductId={item} />\n </div>\n )}\n </li>\n </CustomDrop>\n </ul>\n </td>\n </tr>\n );\n })\n )}\n </tbody>\n </StyledTable>\n </CardTableWrapper>\n </>\n );\n};\n\nconst MobileBar = styled.div`\n display: none;\n\n @media (max-width: 767px) {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 10px;\n flex-wrap: wrap;\n padding: 4px 4px 10px;\n\n .selectAll {\n display: flex;\n align-items: center;\n gap: 8px;\n font-size: 12px;\n font-weight: 600;\n color: #3a3630;\n cursor: pointer;\n }\n .sortControls {\n display: flex;\n align-items: center;\n gap: 6px;\n min-width: 0;\n }\n / stock antd Select (same look as the Row on Page dropdown) /\n .ant-select {\n width: 150px;\n }\n button {\n width: 32px;\n height: 32px;\n border: 1px solid #e0e2e7;\n border-radius: 50%;\n background: #fff;\n color: #3a3630;\n font-size: 14px;\n cursor: pointer;\n &:disabled {\n opacity: 0.4;\n cursor: default;\n }\n }\n }\n`;\n\n/\n Client portal only (this table is not used by the internal screens):\n * on phones every row becomes a card with \"label value\" lines instead of a\n * 13 column table that cannot fit; tablets keep the table and scroll sideways\n * (see ClientPortalResponsive).\n /\nconst CardTableWrapper = styled(StyledTableWrapper)`\n / Tablet / small laptop: a thin, single-line-per-row table. Long text is\n clipped with an ellipsis (full text is in the title tooltip) instead of\n wrapping onto 3 lines. /\n @media (min-width: 768px) and (max-width: 1280px) {\n / whatever still does not fit scrolls sideways inside the card /\n overflow-x: auto;\n\n table {\n border-spacing: 0 6px;\n }\n thead tr th {\n padding: 5px 6px;\n font-size: 11px;\n line-height: 1.15;\n }\n tbody tr td {\n padding: 4px 6px;\n font-size: 11px;\n line-height: 1.25;\n white-space: nowrap;\n }\n .cpClip {\n display: inline-block;\n max-width: 84px;\n overflow: hidden;\n text-overflow: ellipsis;\n vertical-align: bottom;\n }\n tbody tr td.cpTitle li {\n max-width: 112px;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n tbody tr td.cpTitle ul > li > a {\n word-break: normal;\n }\n tbody tr td .statuscontainer {\n padding: 3px 8px;\n flex: 0 0 auto;\n }\n tbody tr td .statustext {\n font-size: 10px;\n white-space: nowrap;\n }\n tbody tr td .shareIconContainer {\n padding: 1px 6px;\n }\n }\n\n @media (max-width: 767px) {\n max-height: none;\n overflow: visible;\n padding-top: 0;\n\n table,\n tbody {\n display: block;\n width: 100%;\n }\n thead {\n display: none;\n }\n\n tbody tr {\n display: flex;\n flex-direction: column;\n position: relative;\n margin-bottom: 12px;\n padding: 10px 12px 6px;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-radius: 16px;\n background: #fff;\n }\n tbody tr:nth-child(even) {\n background: #f6fbff;\n }\n\n tbody tr td {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 12px;\n padding: 6px 0;\n border: none !important;\n border-radius: 0 !important;\n background: transparent !important;\n font-size: 12px;\n text-align: right;\n }\n tbody tr td[data-label]::before {\n content: attr(data-label);\n flex: 0 0 auto;\n color: #8e8a85;\n font-size: 11px;\n font-weight: 600;\n text-align: left;\n }\n tbody tr td[data-label] > span {\n min-width: 0;\n overflow-wrap: anywhere;\n }\n\n / checkbox sits in the card corner /\n tbody tr td.cpSelect {\n position: absolute;\n top: 10px;\n right: 10px;\n width: auto;\n padding: 0;\n z-index: 1;\n }\n / recipient = card title /\n tbody tr td.cpTitle {\n order: -1;\n display: block;\n padding: 0 32px 8px 0;\n margin-bottom: 4px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;\n text-align: left;\n font-size: 13px;\n }\n tbody tr td.cpTitle ul {\n margin: 0;\n }\n tbody tr td.cpTitle ul > li > a {\n word-break: normal;\n overflow-wrap: anywhere;\n }\n tbody tr td.cpStatus .statuscontainer {\n padding: 4px 14px;\n flex: 0 0 auto;\n }\n tbody tr td.cpLabels .actionbox {\n margin: 0;\n }\n\n / loading skeleton + empty state rows have no labels */\n tbody tr:has(td[colspan]) {\n padding: 0;\n border: none;\n background: transparent;\n }\n tbody tr td[colspan] {\n display: block;\n text-align: center;\n }\n }\n`;\n\nexport default ReturnConfirmedTable;\n"],"names":["ReturnConfirmedTable","dropdownRefParent","useRef","dropdownRef","printToogle","setPrintToggle","usePrintOptionTOggle","setOrderId","useOrderId","returnConfirmedTable","useReturnConfirmedOrderData","isClientPortal","useClientPortal","loading","useLoading","selectClientAll","setSelectClientAll","useState","selectedOrderIds","setSelectedOrderIds","useSelectedClientAfterOrders","sortConfig","setSortConfig","handleSort","key","prev","sortedData","useMemo","direction","a","b","valueA","valueB","emptyA","emptyB","renderSortIcon","columnKey","SortIcon","jsx","CaretDownFilledIcon","OpenDropDown","index","prevIndex","useEffect","handleClickOutside","event","getStatusClass","status","handleSelectOrderId","id","orderId","handleClientSelectAll","e","isChecked","item","Fragment","jsxs","CardTableWrapper","MobileBar","Checkbox","Select","VOLUME_UNIT","StyledTable","WEIGHT_UNIT","Skeleton","EmptyDataContainer","Empty","statusClass","formatDate","displayValueOrNA","NavLink","dayjs","CustomDrop","PrinterIcon","DownIcon","PrintDropDown","styled","StyledTableWrapper"],"mappings":";;;;;;;;;;;;;;;;;;AAkCA,MAAMA,KAAuB,MAAM;AACjC,QAAMC,IAAoBC,EAAuB,IAAI,GAC/CC,IAAcD,EAAuB,IAAI,GACzC,CAACE,GAAaC,CAAc,IAAIC,EAAA,GAChC,CAAA,EAAGC,CAAU,IAAIC,EAAA,GACjB,CAACC,CAAoB,IAAIC,EAAA,GACzB,CAACC,CAAc,IAAIC,EAAA,GACnB,CAACC,CAAO,IAAIC,EAAA,GACZ,CAACC,GAAiBC,CAAkB,IAAIC,EAAS,EAAK,GACtD;AAAA,IACJC;AAAA,IACAC;AAAA,EAAA,IACEC,EAAA,GAEE,CAACC,GAAYC,CAAa,IAAIL,EAG1B,IAAI,GAERM,IAAa,CAACC,MAAgB;AAClC,IAAAF,EAAc,CAACG,MACTA,GAAM,QAAQD,KAAOC,EAAK,cAAc,QACnC,EAAE,KAAAD,GAAK,WAAW,OAAA,IAEpB,EAAE,KAAAA,GAAK,WAAW,MAAA,CAC1B;AAAA,EACH,GAEME,IAAaC,EAAQ,MAAM;AAC/B,QAAI,CAAClB,KAAwB,CAACY,EAAY,QAAOZ;AAEjD,UAAM,EAAE,KAAAe,GAAK,WAAAI,EAAA,IAAcP;AAC3B,WAAO,CAAC,GAAGZ,CAAoB,EAAE,KAAK,CAACoB,GAAGC,MAAM;AAC9C,YAAMC,IAASF,EAAEL,CAAG,GACdQ,IAASF,EAAEN,CAAG,GAGdS,IAASF,KAAW,QAAgCA,MAAW,IAC/DG,IAASF,KAAW,QAAgCA,MAAW;AACrE,aAAIC,KAAUC,IAAe,IACzBD,IAAe,IACfC,IAAe,KAEf,OAAOH,KAAW,YAAY,OAAOC,KAAW,WAC3CJ,MAAc,QAAQG,IAASC,IAASA,IAASD,IAEtD,OAAOA,KAAW,YAAY,OAAOC,KAAW,WAC3CJ,MAAc,QACjBG,EAAO,cAAcC,CAAM,IAC3BA,EAAO,cAAcD,CAAM,IAE1B;AAAA,IACT,CAAC;AAAA,EACH,GAAG,CAACtB,GAAsBY,CAAU,CAAC,GAE/Bc,IAAiB,CAACC,MAClB,CAACf,KAAcA,EAAW,QAAQe,sBAC5BC,GAAA,EAAS,IAEZhB,EAAW,cAAc,QAC9B,gBAAAiB,EAACC,GAAA,CAAA,CAAoB,IAErB,gBAAAD,EAACC,GAAA,EAAoB,OAAO,EAAE,WAAW,iBAAA,EAAiB,CAAG,GAI3DC,IAAe,CAACC,MAAkB;AACtC,IAAApC,EAAe,CAACqC,MAAoBA,MAAcD,IAAQ,OAAOA,CAAM;AAAA,EACzE;AAGA,EAAAE,EAAU,OACR,SAAS,iBAAiB,aAAaC,CAAkB,GAClD,MAAM;AACX,aAAS,oBAAoB,aAAaA,CAAkB;AAAA,EAC9D,IACC,CAAA,CAAE;AACL,QAAMA,IAAqB,CAACC,MAAsB;AAChD,IACE1C,EAAY,WACZ,CAACA,EAAY,QAAQ,SAAS0C,EAAM,MAAc,KAElDxC,EAAe,IAAI;AAAA,EAEvB,GAEMyC,IAAiB,CAACC,MAAmB;AACzC,YAAQA,GAAA;AAAA,MACN,KAAK;AAAA,MACL,KAAK;AACH,eAAO,EAAE,OAAO,WAAW,YAAY,0BAAA;AAAA,MACzC,KAAK;AACH,eAAO,EAAE,OAAO,WAAW,YAAY,UAAA;AAAA,MACzC,KAAK;AAAA,MACL,KAAK;AACH,eAAO,EAAE,OAAO,WAAW,YAAY,UAAA;AAAA,MACzC,KAAK;AAAA,MACL,KAAK;AACH,eAAO,EAAE,OAAO,WAAW,YAAY,2BAAA;AAAA,MACzC,KAAK;AACH,eAAO;AAAA,UACL,OAAO;AAAA,UACP,YAAY;AAAA,QAAA;AAAA,MAEhB,KAAK;AACH,eAAO,EAAE,OAAO,WAAW,YAAY,0BAAA;AAAA,MACzC,KAAK;AACH,eAAO,EAAE,OAAO,WAAW,YAAY,2BAAA;AAAA,MACzC;AACE,eAAO,EAAE,OAAO,QAAQ,YAAY,OAAA;AAAA,IAAO;AAAA,EAEjD,GAEMC,IAAsB,CAACC,MAAwB;AACnD,IAAA9B;AAAA,MAAoB,CAAAM,MAClBA,EAAK,SAASwB,CAAE,IAAIxB,EAAK,OAAO,CAAAyB,MAAWA,MAAYD,CAAE,IAAI,CAAC,GAAGxB,GAAMwB,CAAE;AAAA,IAAA;AAAA,EAE7E,GACME,IAAwB,CAACC,MAA2C;AACxE,UAAMC,IAAYD,EAAE,OAAO;AAC3B,IAAApC,EAAmBqC,CAAS,GAG1BlC;AAAA,MADEkC,IAEA5C,GAAsB,IAAI,CAAC6C,MAAcA,GAAM,EAAE,KAAK,CAAA,IAGpC,CAAA;AAAA,IAHqC;AAAA,EAK7D;AAEA,SACE,gBAAAhB,EAAAiB,GAAA,EACE,UAAA,gBAAAC,EAACC,IAAA,EAAiB,WAAU,qBACzB,UAAA;AAAA,IAAA,CAAC5C,KAAWa,GAAY,SAAS,KAChC,gBAAA8B,EAACE,IAAA,EAAU,WAAU,eACnB,UAAA;AAAA,MAAA,gBAAAF,EAAC,SAAA,EAAM,WAAU,aACf,UAAA;AAAA,QAAA,gBAAAlB;AAAA,UAACqB;AAAA,UAAA;AAAA,YACC,SAAS5C;AAAA,YACT,UAAUoC;AAAA,UAAA;AAAA,QAAA;AAAA,QACV;AAAA,MAAA,GAEJ;AAAA,MACA,gBAAAK,EAAC,OAAA,EAAI,WAAU,gBACb,UAAA;AAAA,QAAA,gBAAAlB;AAAA,UAACsB;AAAA,UAAA;AAAA,YACC,cAAW;AAAA,YACX,aAAY;AAAA,YACZ,OAAOvC,GAAY;AAAA,YACnB,YAAU;AAAA,YACV,uBAAuB;AAAA,YACvB,UAAU,CAACG,MACTF,EAAcE,IAAM,EAAE,KAAAA,GAAK,WAAW,MAAA,IAAU,IAAI;AAAA,YAEtD,SAAS;AAAA,cACP,EAAE,OAAO,cAAc,OAAO,UAAA;AAAA,cAC9B,EAAE,OAAO,wBAAwB,OAAO,kBAAA;AAAA,cACxC,EAAE,OAAO,kBAAkB,OAAO,YAAA;AAAA,cAClC,EAAE,OAAO,uBAAuB,OAAO,sBAAA;AAAA,cACvC,EAAE,OAAO,UAAU,OAAO,eAAA;AAAA,cAC1B,EAAE,OAAO,QAAQ,OAAO,SAASqC,CAAW,GAAA;AAAA,YAAG;AAAA,UACjD;AAAA,QAAA;AAAA,QAEF,gBAAAvB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,cAAW;AAAA,YACX,UAAU,CAACjB;AAAA,YACX,SAAS,MAAMA,KAAcE,EAAWF,EAAW,GAAG;AAAA,YAErD,UAAAA,GAAY,cAAc,SAAS,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MAC5C,EAAA,CACF;AAAA,IAAA,GACF;AAAA,sBAEDyC,IAAA,EACC,UAAA;AAAA,MAAA,gBAAAxB,EAAC,SAAA,EACC,4BAAC,MAAA,EAIC,UAAA;AAAA,QAAA,gBAAAA,EAAC,MAAA,EAAG,WAAU,wBACZ,UAAA,gBAAAA;AAAA,UAACqB;AAAA,UAAA;AAAA,YACC,SAAS5C;AAAA,YACT,UAAUoC;AAAA,UAAA;AAAA,QAAA,GAEd;AAAA,QACA,gBAAAb,EAAC,MAAA,EAAG,SAAS,MAAMf,EAAW,YAAY,GACxC,UAAA,gBAAAiC,EAAC,OAAA,EAAI,WAAU,iBAAgB,UAAA;AAAA,UAAA;AAAA,UACpBrB,EAAe,YAAY;AAAA,QAAA,EAAA,CACtC,EAAA,CACF;AAAA,QAMA,gBAAAG,EAAC,MAAA,EAAG,SAAS,MAAMf,EAAW,sBAAsB,GAClD,UAAA,gBAAAiC,EAAC,OAAA,EAAI,WAAU,iBAAgB,UAAA;AAAA,UAAA;AAAA,UACZrB,EAAe,sBAAsB;AAAA,QAAA,EAAA,CACxD,EAAA,CACF;AAAA,QACA,gBAAAG,EAAC,MAAA,EAAG,SAAS,MAAMf,EAAW,gBAAgB,GAC5C,UAAA,gBAAAiC,EAAC,OAAA,EAAI,WAAU,iBAAgB,UAAA;AAAA,UAAA;AAAA,UAClBrB,EAAe,gBAAgB;AAAA,QAAA,EAAA,CAC5C,EAAA,CACF;AAAA,QACA,gBAAAG,EAAC,MAAA,EAAG,SAAS,MAAMf,EAAW,qBAAqB,GACjD,UAAA,gBAAAiC,EAAC,OAAA,EAAI,WAAU,iBAAgB,UAAA;AAAA,UAAA;AAAA,UACRrB,EAAe,qBAAqB;AAAA,QAAA,EAAA,CAC3D,EAAA,CACF;AAAA,QACA,gBAAAG,EAAC,QAAG,UAAA,SAAA,CAAM;AAAA,QACV,gBAAAA,EAAC,QAAG,UAAA,cAAA,CAAW;AAAA,QACf,gBAAAA,EAAC,QAAG,UAAA,kBAAA,CAAe;AAAA,QACnB,gBAAAA,EAAC,QAAG,UAAA,eAAA,CAAY;AAAA,QAChB,gBAAAA,EAAC,MAAA,EAAG,SAAS,MAAMf,EAAW,QAAQ,GACpC,UAAA,gBAAAiC,EAAC,OAAA,EAAI,WAAU,iBAAgB,UAAA;AAAA,UAAA;AAAA,UACdO;AAAA,UAAY;AAAA,UAAG5B,EAAe,QAAQ;AAAA,QAAA,EAAA,CACvD,EAAA,CACF;AAAA,QACA,gBAAAG,EAAC,MAAA,EAAG,SAAS,MAAMf,EAAW,MAAM,GAClC,UAAA,gBAAAiC,EAAC,OAAA,EAAI,WAAU,iBAAgB,UAAA;AAAA,UAAA;AAAA,UACtBK;AAAA,UAAY;AAAA,UAAE1B,EAAe,MAAM;AAAA,QAAA,EAAA,CAC5C,EAAA,CACF;AAAA,0BACC,MAAA,EAAG,OAAO,EAAE,WAAW,SAAA,GAAY,UAAA,UAAM;AAAA,QAC1C,gBAAAG,EAAC,MAAA,EAAG,WAAU,qBAAoB,UAAA,SAAA,CAAM;AAAA,MAAA,EAAA,CAC1C,EAAA,CACF;AAAA,MACA,gBAAAA,EAAC,SAAA,EACE,UAAAzB,IACC,gBAAA2C,EAAC,MAAA,EACC,UAAA;AAAA,QAAA,gBAAAlB,EAAC,QAAG,SAAS,IACX,4BAAC0B,GAAA,EAAS,QAAM,IAAC,EAAA,CACnB;AAAA,QACA,gBAAA1B,EAAC,MAAA,EAAG,SAAS,GAAA,CAAI;AAAA,MAAA,EAAA,CACnB,IACEZ,GAAY,WAAW,sBACxB,MAAA,EACC,UAAA,gBAAAY,EAAC,MAAA,EAAG,SAAS,IACX,UAAA,gBAAAA,EAAC2B,MACC,UAAA,gBAAA3B,EAAC4B,GAAA,CAAA,CAAM,GACT,GACF,EAAA,CACF,IAEAxC,GAAY,IAAI,CAAC4B,GAAWb,MAAe;AAczC,cAAMM,IAbqB;AAAA,UACzB,WAAW;AAAA,UACX,WAAW;AAAA,UACX,eAAe;AAAA,UACf,IAAI;AAAA,UACJ,kBAAkB;AAAA,UAClB,yBAAyB;AAAA,UACzB,UAAU;AAAA,UACV,aAAa;AAAA,UACb,QAAQ;AAAA,UACR,QAAQ;AAAA,UACR,WAAW;AAAA,QAAA,EAEgBO,GAAM,YAAY,KAAK,WAC9Ca,IAAcrB,EAAeC,CAAM;AAEzC,iCACG,MAAA,EACC,UAAA;AAAA,UAAA,gBAAAT,EAAC,MAAA,EAAG,WAAU,YACZ,UAAA,gBAAAA;AAAA,YAACqB;AAAA,YAAA;AAAA,cACC,SAASzC,EAAiB,SAASoC,GAAM,EAAE;AAAA,cAC3C,UAAU,MAAMN,EAAoBM,GAAM,EAAE;AAAA,YAAA;AAAA,UAAA,GAEhD;AAAA,UACA,gBAAAhB,EAAC,MAAA,EAAG,cAAW,WAAW,UAAA8B,GAAW,IAAI,KAAKd,GAAM,UAAU,CAAC,EAAA,CAAE;AAAA,UAEjE,gBAAAhB,EAAC,MAAA,EAAG,cAAW,mBACb,UAAA,gBAAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO,OAAOgB,GAAM,wBAAwB,EAAE;AAAA,cAE7C,UAAAe,EAAiBf,GAAM,oBAAoB;AAAA,YAAA;AAAA,UAAA,GAEhD;AAAA,4BACC,MAAA,EAAG,WAAU,WAAU,SAAS,MAAM/C,EAAW+C,EAAK,EAAE,GACvD,UAAA,gBAAAE,EAAC,QAAG,OAAO,EAAE,eAAe,QAAQ,SAAS,KAC3C,UAAA;AAAA,YAAA,gBAAAlB;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,OAAO;AAAA,kBACL,OAAO;AAAA,kBACP,YAAY;AAAA,kBACZ,aAAa;AAAA,gBAAA;AAAA,gBAGf,UAAA,gBAAAA,EAACgC,GAAA,EAAQ,IAAI,gBAAgBhB,EAAK,EAAE,IACjC,UAAAe,EAAiBf,GAAM,cAAc,EAAA,CACxC;AAAA,cAAA;AAAA,YAAA;AAAA,YAEF,gBAAAhB,EAAC,MAAA,EAAG,OAAO,EAAE,OAAO,aACjB,UAAA+B,EAAiBf,GAAM,QAAQ,EAAA,CAClC;AAAA,UAAA,EAAA,CACF,EAAA,CACF;AAAA,UACA,gBAAAhB,EAAC,MAAA,EAAG,cAAW,uBACb,UAAA,gBAAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO,OAAOgB,GAAM,uBAAuB,EAAE;AAAA,cAE5C,UAAAe,EAAiBf,GAAM,mBAAmB;AAAA,YAAA;AAAA,UAAA,GAE/C;AAAA,UAEA,gBAAAhB,EAAC,MAAA,EAAG,cAAW,UACb,UAAA,gBAAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO,OAAOgB,GAAM,iBAAiB,EAAE;AAAA,cAEtC,UAAAe,EAAiBf,GAAM,aAAa;AAAA,YAAA;AAAA,UAAA,GAEzC;AAAA,UAEA,gBAAAhB,EAAC,MAAA,EAAG,cAAW,eACb,4BAAC,QAAA,EACE,UAAA;AAAA,YAAA+B,EAAiBf,GAAM,WAAW;AAAA,YAClC,CAAC3C,KAAkB,OAAO2C,GAAM,aAAa,IAAI,KAChD,gBAAAE,EAAC,QAAA,EAAK,OAAO,EAAE,OAAO,WAAW,YAAY,KAAK,YAAY,KAAK,OAAM,0BAAyB,UAAA;AAAA,cAAA;AAAA,cAAIF,GAAM;AAAA,cAAc;AAAA,YAAA,EAAA,CAAC;AAAA,UAAA,EAAA,CAE/H,EAAA,CACF;AAAA,4BACC,MAAA,EAAG,cAAW,mBACZ,UAAAe,EAAiBf,GAAM,YAAY,GACtC;AAAA,4BAEC,MAAA,EAAG,cAAW,eACZ,UAAAe,EAAiBf,GAAM,cAAc,GACxC;AAAA,UACA,gBAAAE,EAAC,MAAA,EAAG,cAAY,iBAAiBO,CAAW,KACzC,UAAA;AAAA,YAAAM,EAAiBf,GAAM,MAAM;AAAA,YAAG;AAAA,YAChCA,GAAM,UAAUA,GAAM,SAAS,IAAIS,IAAc;AAAA,UAAA,GACpD;AAAA,UAEA,gBAAAzB,EAAC,QAAG,cAAY,SAASuB,CAAW,IACjC,UAAAQ,EAAiBf,GAAM,IAAI,EAAA,CAC9B;AAAA,UAEA,gBAAAhB,EAAC,MAAA,EAAG,WAAU,YAAW,cAAW,UAClC,UAAA,gBAAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO;AAAA,gBACL,eAAe;AAAA,gBACf,YAAY6B,EAAY;AAAA,cAAA;AAAA,cAG1B,UAAA,gBAAAX;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAU;AAAA,kBACV,OAAO,EAAE,OAAOW,EAAY,MAAA;AAAA,kBAE3B,UAAA;AAAA,oBAAApB;AAAA,qBAECA,MAAW,eAAeA,MAAW,aACrCO,GAAM,cACJ,MAAMiB,GAAMjB,GAAM,WAAW,EAAE;AAAA,sBAC/B;AAAA,oBAAA,CACD,KACC;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YACN;AAAA,UAAA,GAEJ;AAAA,UACA,gBAAAhB,EAAC,QAAG,WAAU,YAAW,cAAW,UAClC,UAAA,gBAAAA,EAAC,MAAA,EAAG,WAAU,aACZ,UAAA,gBAAAA;AAAA,YAACkC;AAAA,YAAA;AAAA,cACC,KAAKvE;AAAA,cACL,WAAWG,MAAgBqC,IAAQ,WAAW;AAAA,cAE9C,UAAA,gBAAAe;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAU;AAAA,kBACV,SAAS,MAAMhB,EAAaC,CAAK;AAAA,kBAEjC,UAAA;AAAA,oBAAA,gBAAAH,EAACmC,IAAA,EAAY;AAAA,sCACZC,IAAA,EAAS;AAAA,oBAETtE,MAAgBqC,KACf,gBAAAH,EAAC,OAAA,EAAI,KAAKnC,GACR,UAAA,gBAAAmC,EAACqC,IAAA,EAAc,iBAAiBrB,EAAA,CAAM,EAAA,CACxC;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YAEJ;AAAA,UAAA,GAEJ,EAAA,CACF;AAAA,QAAA,EAAA,GAzHOA,EAAK,EA0Hd;AAAA,MAEJ,CAAC,EAAA,CAEL;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ,GAEMI,KAAYkB,EAAO;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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAqDnBnB,KAAmBmB,EAAOC,EAAkB;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;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;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;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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/fakeData.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"fakeData.js","sources":["../../src/components/fakeData.ts"],"sourcesContent":["export const obtainProductMethodData = [\n {\n label: 'Collect From Other Location',\n value: 'collect_from_other_location',\n },\n {\n label: 'Collect From Customer',\n value: 'collect_from_customer',\n },\n {\n label: 'Collect From Supplier',\n value: 'collect_from_supplier',\n },\n {\n label: 'Already Collected',\n value: 'already_collected',\n },\n {\n label: 'Customer Delivering into Depot',\n value: 'customer_delivering_into_depot',\n },\n {\n label: 'Supplier Delivering into Depot',\n value: 'supplier_delivering_into_depot',\n },\n {\n label: 'Pick From Internal stock',\n value: 'pick_from_internal_stock',\n },\n {\n label: 'Full Stock Control',\n value: 'full_stock_control',\n },\n];\nexport const options = [\n {\n label: 'Task',\n value: 'task',\n selectedBackgroundColor: '#F0F2F2',\n selectedFontColor: '#3a3630',\n },\n {\n label: 'Reminder',\n value: 'reminder',\n selectedBackgroundColor: 'white',\n selectedFontColor: '#3a3630',\n },\n];\nexport const ReturnData = [\n {\n label: 'Return1',\n value: 'return1',\n },\n {\n label: 'Return2',\n value: 'return2',\n },\n {\n label: 'Return3',\n value: 'return3',\n },\n];\nexport const CollectionData = [\n {\n label: 'Test1',\n value: 'test1',\n },\n {\n label: 'Test2',\n value: 'test2',\n },\n {\n label: 'Test3',\n value: 'test3',\n },\n];\nexport const UnReceivedata = [\n {\n label: 'Test1',\n value: 'test1',\n },\n {\n label: 'Test2',\n value: 'test2',\n },\n {\n label: 'Test3',\n value: 'test3',\n },\n];\nexport const ProductType = [\n {\n label: 'Delivery',\n value: 'delivery',\n },\n {\n label: 'Return',\n value: 'return',\n },\n {\n label: '~~Reverse Delivery~~',\n value: 'collection',\n },\n];\nexport const TaskType = [\n {\n label: 'Client',\n value: 'client',\n },\n {\n label: 'Customer Service (CS)',\n value: 'cs',\n },\n {\n label: 'Transport (DH)',\n value: 'dh',\n },\n {\n label: 'Warehouse',\n value: 'warehouse',\n },\n {\n label: 'Customer Portal',\n value: 'customer-portal',\n },\n {\n label: 'Delivery App',\n value: 'delivery-app',\n },\n {\n label: 'Complaints',\n value: 'complaints',\n },\n {\n label: 'Offshore',\n value: 'offshore',\n },\n {\n label: 'Stock Admin',\n value: 'stock-admin',\n },\n {\n label: 'Call Customer',\n value: 'call-customer',\n },\n {\n label: 'Driver Compliance',\n value: 'driver-compliance',\n },\n];\nexport const CustomOptions = [\n {\n label: 'Private',\n value: 'private',\n },\n {\n label: 'Public',\n value: 'public',\n },\n];\nexport const DefectConfirm = [\n {\n label: 'Yes',\n value: 'yes',\n },\n {\n label: 'No',\n value: 'no',\n },\n];\nexport const TomTomColumns = [\n {\n header: 'Event Date',\n accessorKey: 'eventdate',\n },\n {\n header: 'Route',\n accessorKey: 'route',\n },\n {\n header: 'Details',\n accessorKey: 'details',\n },\n {\n header: 'Type',\n accessorKey: 'type',\n },\n];\nexport const orderResources = [\n {\n types: 'Workflow',\n category: 'ePOD',\n datetimes: '2024-06-01 10:30:30',\n action: 'action',\n reference: 'Success Note',\n },\n {\n types: 'Workflow',\n category: 'ePOD',\n datetimes: '2024-06-01 10:30:30',\n action: 'action',\n reference: 'Success Note',\n },\n {\n types: 'Workflow',\n category: 'ePOD',\n datetimes: '2024-06-01 10:30:30',\n action: 'action',\n reference: 'Success Note',\n },\n {\n types: 'Workflow',\n category: 'ePOD',\n datetimes: '2024-06-01 10:30:30',\n action: 'action',\n reference: 'Success Note',\n },\n];\nexport const orderResourcesColumns = [\n {\n header: 'Date Time',\n accessorKey: 'datetimes',\n },\n {\n header: 'Type',\n accessorKey: 'types',\n },\n {\n header: 'Category',\n accessorKey: 'category',\n },\n {\n header: 'Reference',\n accessorKey: 'reference',\n },\n {\n header: 'Action',\n accessorKey: 'action',\n },\n];\nexport const tomtomResources = [\n {\n route: 'Hammer',\n details: 'Sent to Object; RYF',\n eventdate: '2024-06-01',\n type: 'workFlow',\n },\n {\n route: 'Screwdriver',\n details: 'Sent to Object; RYF',\n eventdate: '2024-06-10',\n type: 'workFlow',\n },\n {\n route: 'Wrench',\n details: 'Sent to Object; RYF',\n eventdate: '2024-06-20',\n type: 'workFlow',\n },\n];\nexport const toolboxResources = [\n {\n resources: 'Hammer',\n sources: 'John Doe',\n datetime: '2024-06-01',\n action: 'Action',\n },\n {\n resources: 'Screwdriver',\n sources: 'Jane Smith',\n datetime: '2024-06-10',\n action: 'Action',\n },\n {\n resources: 'Wrench',\n sources: 'Jim Beam',\n datetime: '2024-06-20',\n action: 'Action',\n },\n];\nexport const toolboxColumns = [\n {\n header: 'Resources',\n accessorKey: 'resources',\n },\n {\n header: 'Sources',\n accessorKey: 'sources',\n },\n {\n header: 'Date Time',\n accessorKey: 'datetime',\n },\n {\n header: 'Action',\n accessorKey: 'action',\n },\n];\nexport const SystemEventColumns = [\n {\n header: 'Date',\n accessorKey: 'date',\n },\n {\n header: 'Event',\n accessorKey: 'event',\n },\n {\n header: 'Notes',\n accessorKey: 'notes',\n },\n {\n header: 'Code',\n accessorKey: 'code',\n },\n];\nexport const systemLgsEvents = [\n {\n event: 'Order cretaed via Api',\n notes: 'Consignment Number: BGRD546841',\n date: '2024-06-01 20:01:11',\n code: 'BPA1124',\n },\n {\n event: 'Order cretaed via Api',\n notes: 'Consignment Number: BGRD546841',\n date: '2024-06-01 20:01:11',\n code: 'BPA1124',\n },\n {\n event: 'Order cretaed via Api',\n notes: 'Consignment Number: BGRD546841',\n date: '2024-06-01 20:01:11',\n code: 'BPA1124',\n },\n {\n event: 'Order cretaed via Api',\n notes: 'Consignment Number: BGRD546841',\n date: '2024-06-01 20:01:11',\n code: 'BPA1124',\n },\n];\n"],"names":["CustomOptions"],"mappings":"AAsJO,MAAMA,IAAgB;AAAA,EAC3B;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAEX;"}
1	+ {"version":3,"file":"fakeData.js","sources":["../../src/components/fakeData.ts"],"sourcesContent":["export const obtainProductMethodData = [\n {\n label: 'Collect From Other Location',\n value: 'collect_from_other_location',\n },\n {\n label: 'Collect From Customer',\n value: 'collect_from_customer',\n },\n {\n label: 'Collect From Supplier',\n value: 'collect_from_supplier',\n },\n {\n label: 'Already Collected',\n value: 'already_collected',\n },\n {\n label: 'Customer Delivering into Depot',\n value: 'customer_delivering_into_depot',\n },\n {\n label: 'Supplier Delivering into Depot',\n value: 'supplier_delivering_into_depot',\n },\n {\n label: 'Pick From Internal stock',\n value: 'pick_from_internal_stock',\n },\n {\n label: 'Full Stock Control',\n value: 'full_stock_control',\n },\n];\nexport const options = [\n {\n label: 'Task',\n value: 'task',\n selectedBackgroundColor: '#F0F2F2',\n selectedFontColor: '#3a3630',\n },\n {\n label: 'Reminder',\n value: 'reminder',\n selectedBackgroundColor: 'white',\n selectedFontColor: '#3a3630',\n },\n];\nexport const ReturnData = [\n {\n label: 'Return1',\n value: 'return1',\n },\n {\n label: 'Return2',\n value: 'return2',\n },\n {\n label: 'Return3',\n value: 'return3',\n },\n];\nexport const CollectionData = [\n {\n label: 'Test1',\n value: 'test1',\n },\n {\n label: 'Test2',\n value: 'test2',\n },\n {\n label: 'Test3',\n value: 'test3',\n },\n];\nexport const UnReceivedata = [\n {\n label: 'Test1',\n value: 'test1',\n },\n {\n label: 'Test2',\n value: 'test2',\n },\n {\n label: 'Test3',\n value: 'test3',\n },\n];\nexport const ProductType = [\n {\n label: 'Delivery',\n value: 'delivery',\n },\n {\n label: 'Return',\n value: 'return',\n },\n {\n label: 'Collection',\n value: 'collection',\n },\n];\nexport const TaskType = [\n {\n label: 'Client',\n value: 'client',\n },\n {\n label: 'Customer Service (CS)',\n value: 'cs',\n },\n {\n label: 'Transport (DH)',\n value: 'dh',\n },\n {\n label: 'Warehouse',\n value: 'warehouse',\n },\n {\n label: 'Customer Portal',\n value: 'customer-portal',\n },\n {\n label: 'Delivery App',\n value: 'delivery-app',\n },\n {\n label: 'Complaints',\n value: 'complaints',\n },\n {\n label: 'Offshore',\n value: 'offshore',\n },\n {\n label: 'Stock Admin',\n value: 'stock-admin',\n },\n {\n label: 'Call Customer',\n value: 'call-customer',\n },\n {\n label: 'Driver Compliance',\n value: 'driver-compliance',\n },\n];\nexport const CustomOptions = [\n {\n label: 'Private',\n value: 'private',\n },\n {\n label: 'Public',\n value: 'public',\n },\n];\nexport const DefectConfirm = [\n {\n label: 'Yes',\n value: 'yes',\n },\n {\n label: 'No',\n value: 'no',\n },\n];\nexport const TomTomColumns = [\n {\n header: 'Event Date',\n accessorKey: 'eventdate',\n },\n {\n header: 'Route',\n accessorKey: 'route',\n },\n {\n header: 'Details',\n accessorKey: 'details',\n },\n {\n header: 'Type',\n accessorKey: 'type',\n },\n];\nexport const orderResources = [\n {\n types: 'Workflow',\n category: 'ePOD',\n datetimes: '2024-06-01 10:30:30',\n action: 'action',\n reference: 'Success Note',\n },\n {\n types: 'Workflow',\n category: 'ePOD',\n datetimes: '2024-06-01 10:30:30',\n action: 'action',\n reference: 'Success Note',\n },\n {\n types: 'Workflow',\n category: 'ePOD',\n datetimes: '2024-06-01 10:30:30',\n action: 'action',\n reference: 'Success Note',\n },\n {\n types: 'Workflow',\n category: 'ePOD',\n datetimes: '2024-06-01 10:30:30',\n action: 'action',\n reference: 'Success Note',\n },\n];\nexport const orderResourcesColumns = [\n {\n header: 'Date Time',\n accessorKey: 'datetimes',\n },\n {\n header: 'Type',\n accessorKey: 'types',\n },\n {\n header: 'Category',\n accessorKey: 'category',\n },\n {\n header: 'Reference',\n accessorKey: 'reference',\n },\n {\n header: 'Action',\n accessorKey: 'action',\n },\n];\nexport const tomtomResources = [\n {\n route: 'Hammer',\n details: 'Sent to Object; RYF',\n eventdate: '2024-06-01',\n type: 'workFlow',\n },\n {\n route: 'Screwdriver',\n details: 'Sent to Object; RYF',\n eventdate: '2024-06-10',\n type: 'workFlow',\n },\n {\n route: 'Wrench',\n details: 'Sent to Object; RYF',\n eventdate: '2024-06-20',\n type: 'workFlow',\n },\n];\nexport const toolboxResources = [\n {\n resources: 'Hammer',\n sources: 'John Doe',\n datetime: '2024-06-01',\n action: 'Action',\n },\n {\n resources: 'Screwdriver',\n sources: 'Jane Smith',\n datetime: '2024-06-10',\n action: 'Action',\n },\n {\n resources: 'Wrench',\n sources: 'Jim Beam',\n datetime: '2024-06-20',\n action: 'Action',\n },\n];\nexport const toolboxColumns = [\n {\n header: 'Resources',\n accessorKey: 'resources',\n },\n {\n header: 'Sources',\n accessorKey: 'sources',\n },\n {\n header: 'Date Time',\n accessorKey: 'datetime',\n },\n {\n header: 'Action',\n accessorKey: 'action',\n },\n];\nexport const SystemEventColumns = [\n {\n header: 'Date',\n accessorKey: 'date',\n },\n {\n header: 'Event',\n accessorKey: 'event',\n },\n {\n header: 'Notes',\n accessorKey: 'notes',\n },\n {\n header: 'Code',\n accessorKey: 'code',\n },\n];\nexport const systemLgsEvents = [\n {\n event: 'Order cretaed via Api',\n notes: 'Consignment Number: BGRD546841',\n date: '2024-06-01 20:01:11',\n code: 'BPA1124',\n },\n {\n event: 'Order cretaed via Api',\n notes: 'Consignment Number: BGRD546841',\n date: '2024-06-01 20:01:11',\n code: 'BPA1124',\n },\n {\n event: 'Order cretaed via Api',\n notes: 'Consignment Number: BGRD546841',\n date: '2024-06-01 20:01:11',\n code: 'BPA1124',\n },\n {\n event: 'Order cretaed via Api',\n notes: 'Consignment Number: BGRD546841',\n date: '2024-06-01 20:01:11',\n code: 'BPA1124',\n },\n];\n"],"names":["CustomOptions"],"mappings":"AAsJO,MAAMA,IAAgB;AAAA,EAC3B;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAEX;"}

package/dist/components/order-daily-overview/common/fakedata.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"fakedata.js","sources":["../../../../src/components/order-daily-overview/common/fakedata.tsx"],"sourcesContent":["import { POSTCODE_LABEL, WEIGHT_UNIT, VOLUME_UNIT } from '../../../common/utils';\nexport const RouteCountTable = [\n {\n id: 1,\n icon: 'onTotalOrder',\n status: 'onTotalOrder',\n count: 200,\n label: 'TOTAL ORDERS',\n },\n\n {\n id: 3,\n icon: 'onComplete',\n status: 'onComplete',\n count: 200,\n label: 'Deliverd',\n },\n\n {\n id: 4,\n icon: 'onPending',\n status: 'onPending',\n count: 200,\n label: 'Pending',\n },\n // {\n // id: 5,\n // icon: 'collection',\n // status: 'collection',\n // count: 2000,\n // label: 'Completed',\n // },\n {\n id: 2,\n icon: 'onCollection',\n status: 'late',\n count: 200,\n label: 'Failed',\n },\n];\n\nexport const FilterRoutes = [\n { id: 1, icon: 'assembly', label: 'Assembly Routes', value: '' },\n {\n id: 2,\n icon: 'heavyItems',\n label: 'Heavy Items',\n value: 'contains_heavy_item',\n },\n {\n id: 3,\n icon: 'supplier',\n label: 'Supplier ~~Collection~~',\n value: 'contains_collection',\n },\n { id: 4, icon: 'vip', label: 'VIP', value: '' },\n];\n\nexport const departmentDropDownList = [\n {\n label: 'Made-Direct',\n value: 'madedirect',\n },\n {\n label: 'Made-Direct',\n value: 'madedirect',\n },\n {\n label: 'Made-Direct',\n value: 'madedirect',\n },\n {\n label: 'Made-Direct',\n value: 'madedirect',\n },\n];\n\nexport const TableData = [\n {\n tableHead: [\n { key: 'time', label: 'Time', alwaysVisible: true },\n { key: 'tomtom', label: 'Tomtom', alwaysVisible: true },\n { key: 'recipient', label: 'Recipient', alwaysVisible: true },\n { key: 'postcode', label: POSTCODE_LABEL },\n { key: 'route', label: 'Route' },\n\n { key: 'vehicle', label: 'Vehicle' },\n { key: 'driverSideman', label: 'Crew' },\n { key: 'customer', label: 'Customer' },\n { key: 'ArrivalDeparture', label: 'Arrival-> Departure' },\n { key: 'status', label: 'Status' },\n { key: 'action', label: 'Action' },\n ],\n },\n];\n\ninterface PrintOption {\n icon: string;\n label: string;\n type: string;\n}\n\nexport const optionsPrint: PrintOption[] = [\n { icon: 'runSheet', label: 'Print Runsheet', type: 'runsheet_url' },\n { icon: 'loadSheet', label: 'Print Loadsheet', type: 'loadsheet_url' },\n {\n icon: 'deliveryLables',\n label: 'Print Delivery Labels',\n type: 'delivery_label_url',\n },\n {\n icon: 'customerLables',\n label: 'Print Customer Labels',\n type: 'customer_label_url',\n },\n {\n icon: 'collectionLables',\n label: 'Print Return Labels',\n type: 'return_label_url',\n },\n];\n\nexport const optionsClientPortPrint: PrintOption[] = [\n {\n icon: 'deliveryLables',\n label: 'Print Delivery Labels',\n type: 'delivery_label_url',\n },\n {\n icon: 'customerLables',\n label: 'Print Customer Labels',\n type: 'customer_label_url',\n },\n {\n icon: 'collectionLables',\n label: 'Print Return Labels',\n type: 'return_label_url',\n },\n];\n\nexport const optionsForReturnPrint = [\n { icon: 'deliveryLables', label: 'Print Return Labels' },\n];\n\nexport const Depots = [\n { value: 'bjsCouriers', label: 'BJS COURIERS' },\n { value: 'bjsSales', label: 'BJS SALES' },\n { value: 'test', label: 'TEST' },\n];\n\nexport const TableData2 = [\n {\n tableHead: [\n { key: 'drop', label: 'Drop', alwaysVisible: true },\n { key: 'escalation', label: 'Escalation', alwaysVisible: true },\n { key: 'arriveDepart', label: 'Arrive/Depart', alwaysVisible: true },\n { key: 'type', label: 'Type' },\n { key: 'recipient', label: 'Recipient' },\n { key: 'instructions', label: 'Instructions' },\n { key: 'postCode', label: POSTCODE_LABEL },\n { key: 'customer', label: 'Customer' },\n { key: 'weightCubes', label: 'Weight/Cubes' },\n { key: 'boxes', label: 'Boxes' },\n { key: 'received', label: 'Received' },\n { key: 'actStartFinish', label: 'Act Start/Finish' },\n { key: 'status', label: 'Status' },\n { key: 'action', label: 'Action' },\n { key: 'linkOrder', label: 'Link Order' },\n ],\n tableBody: [\n {\n drop: { id: 1 },\n escalation: { name: 'VIP 2' },\n arriveDepart: {\n arriveTime: '11:30',\n departime: '23:28',\n slote: 'Slot:8-11',\n days: 'All Day',\n },\n type: {\n icontype: 'collection',\n },\n recipient: {\n name: 'Clayton Hopkins',\n isValid: true,\n },\n instructions: {\n notes: 'Closed for lunch between 12:30 - 13:30 hrs. Business Hours',\n },\n postCode: {\n code: 'DN31 2PE',\n },\n customer: {\n name: 'HAPPY BEDS 2 Man',\n },\n weightCubes: {\n weight: `1,959.73${WEIGHT_UNIT}`,\n cube: `12.70 ${VOLUME_UNIT}`,\n },\n boxes: {\n count: '6 (6)',\n },\n received: {\n status: 'No stock Received',\n },\n actStartFinish: {\n startTIme: '23:00',\n endTime: '23:47',\n totalTime: '47m',\n },\n status: {\n status: 'completed',\n },\n action: {\n dateCOnfirm: true,\n preCall: 'true',\n },\n linkOrder: {\n status: true,\n },\n },\n ],\n },\n];\n"],"names":["optionsPrint","optionsClientPortPrint","optionsForReturnPrint"],"mappings":";AAsGO,MAAMA,IAA8B;AAAA,EACzC,EAAE,MAAM,YAAY,OAAO,kBAAkB,MAAM,eAAA;AAAA,EACnD,EAAE,MAAM,aAAa,OAAO,mBAAmB,MAAM,gBAAA;AAAA,EACrD;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,EAAA;AAAA,EAER;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,EAAA;AAAA,EAER;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,EAAA;AAEV,GAEaC,IAAwC;AAAA,EACnD;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,EAAA;AAAA,EAER;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,EAAA;AAAA,EAER;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,EAAA;AAEV,GAEaC,IAAwB;AAAA,EACnC,EAAE,MAAM,kBAAkB,OAAO,sBAAA;AACnC;"}
1	+ {"version":3,"file":"fakedata.js","sources":["../../../../src/components/order-daily-overview/common/fakedata.tsx"],"sourcesContent":["import { POSTCODE_LABEL, WEIGHT_UNIT, VOLUME_UNIT } from '../../../common/utils';\nexport const RouteCountTable = [\n {\n id: 1,\n icon: 'onTotalOrder',\n status: 'onTotalOrder',\n count: 200,\n label: 'TOTAL ORDERS',\n },\n\n {\n id: 3,\n icon: 'onComplete',\n status: 'onComplete',\n count: 200,\n label: 'Deliverd',\n },\n\n {\n id: 4,\n icon: 'onPending',\n status: 'onPending',\n count: 200,\n label: 'Pending',\n },\n // {\n // id: 5,\n // icon: 'collection',\n // status: 'collection',\n // count: 2000,\n // label: 'Completed',\n // },\n {\n id: 2,\n icon: 'onCollection',\n status: 'late',\n count: 200,\n label: 'Failed',\n },\n];\n\nexport const FilterRoutes = [\n { id: 1, icon: 'assembly', label: 'Assembly Routes', value: '' },\n {\n id: 2,\n icon: 'heavyItems',\n label: 'Heavy Items',\n value: 'contains_heavy_item',\n },\n {\n id: 3,\n icon: 'supplier',\n label: 'Supplier Collections',\n value: 'contains_collection',\n },\n { id: 4, icon: 'vip', label: 'VIP', value: '' },\n];\n\nexport const departmentDropDownList = [\n {\n label: 'Made-Direct',\n value: 'madedirect',\n },\n {\n label: 'Made-Direct',\n value: 'madedirect',\n },\n {\n label: 'Made-Direct',\n value: 'madedirect',\n },\n {\n label: 'Made-Direct',\n value: 'madedirect',\n },\n];\n\nexport const TableData = [\n {\n tableHead: [\n { key: 'time', label: 'Time', alwaysVisible: true },\n { key: 'tomtom', label: 'Tomtom', alwaysVisible: true },\n { key: 'recipient', label: 'Recipient', alwaysVisible: true },\n { key: 'postcode', label: POSTCODE_LABEL },\n { key: 'route', label: 'Route' },\n\n { key: 'vehicle', label: 'Vehicle' },\n { key: 'driverSideman', label: 'Crew' },\n { key: 'customer', label: 'Customer' },\n { key: 'ArrivalDeparture', label: 'Arrival-> Departure' },\n { key: 'status', label: 'Status' },\n { key: 'action', label: 'Action' },\n ],\n },\n];\n\ninterface PrintOption {\n icon: string;\n label: string;\n type: string;\n}\n\nexport const optionsPrint: PrintOption[] = [\n { icon: 'runSheet', label: 'Print Runsheet', type: 'runsheet_url' },\n { icon: 'loadSheet', label: 'Print Loadsheet', type: 'loadsheet_url' },\n {\n icon: 'deliveryLables',\n label: 'Print Delivery Labels',\n type: 'delivery_label_url',\n },\n {\n icon: 'customerLables',\n label: 'Print Customer Labels',\n type: 'customer_label_url',\n },\n {\n icon: 'collectionLables',\n label: 'Print Return Labels',\n type: 'return_label_url',\n },\n];\n\nexport const optionsClientPortPrint: PrintOption[] = [\n {\n icon: 'deliveryLables',\n label: 'Print Delivery Labels',\n type: 'delivery_label_url',\n },\n {\n icon: 'customerLables',\n label: 'Print Customer Labels',\n type: 'customer_label_url',\n },\n {\n icon: 'collectionLables',\n label: 'Print Return Labels',\n type: 'return_label_url',\n },\n];\n\nexport const optionsForReturnPrint = [\n { icon: 'deliveryLables', label: 'Print Return Labels' },\n];\n\nexport const Depots = [\n { value: 'bjsCouriers', label: 'BJS COURIERS' },\n { value: 'bjsSales', label: 'BJS SALES' },\n { value: 'test', label: 'TEST' },\n];\n\nexport const TableData2 = [\n {\n tableHead: [\n { key: 'drop', label: 'Drop', alwaysVisible: true },\n { key: 'escalation', label: 'Escalation', alwaysVisible: true },\n { key: 'arriveDepart', label: 'Arrive/Depart', alwaysVisible: true },\n { key: 'type', label: 'Type' },\n { key: 'recipient', label: 'Recipient' },\n { key: 'instructions', label: 'Instructions' },\n { key: 'postCode', label: POSTCODE_LABEL },\n { key: 'customer', label: 'Customer' },\n { key: 'weightCubes', label: 'Weight/Cubes' },\n { key: 'boxes', label: 'Boxes' },\n { key: 'received', label: 'Received' },\n { key: 'actStartFinish', label: 'Act Start/Finish' },\n { key: 'status', label: 'Status' },\n { key: 'action', label: 'Action' },\n { key: 'linkOrder', label: 'Link Order' },\n ],\n tableBody: [\n {\n drop: { id: 1 },\n escalation: { name: 'VIP 2' },\n arriveDepart: {\n arriveTime: '11:30',\n departime: '23:28',\n slote: 'Slot:8-11',\n days: 'All Day',\n },\n type: {\n icontype: 'collection',\n },\n recipient: {\n name: 'Clayton Hopkins',\n isValid: true,\n },\n instructions: {\n notes: 'Closed for lunch between 12:30 - 13:30 hrs. Business Hours',\n },\n postCode: {\n code: 'DN31 2PE',\n },\n customer: {\n name: 'HAPPY BEDS 2 Man',\n },\n weightCubes: {\n weight: `1,959.73${WEIGHT_UNIT}`,\n cube: `12.70 ${VOLUME_UNIT}`,\n },\n boxes: {\n count: '6 (6)',\n },\n received: {\n status: 'No stock Received',\n },\n actStartFinish: {\n startTIme: '23:00',\n endTime: '23:47',\n totalTime: '47m',\n },\n status: {\n status: 'completed',\n },\n action: {\n dateCOnfirm: true,\n preCall: 'true',\n },\n linkOrder: {\n status: true,\n },\n },\n ],\n },\n];\n"],"names":["optionsPrint","optionsClientPortPrint","optionsForReturnPrint"],"mappings":";AAsGO,MAAMA,IAA8B;AAAA,EACzC,EAAE,MAAM,YAAY,OAAO,kBAAkB,MAAM,eAAA;AAAA,EACnD,EAAE,MAAM,aAAa,OAAO,mBAAmB,MAAM,gBAAA;AAAA,EACrD;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,EAAA;AAAA,EAER;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,EAAA;AAAA,EAER;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,EAAA;AAEV,GAEaC,IAAwC;AAAA,EACnD;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,EAAA;AAAA,EAER;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,EAAA;AAAA,EAER;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,EAAA;AAEV,GAEaC,IAAwB;AAAA,EACnC,EAAE,MAAM,kBAAkB,OAAO,sBAAA;AACnC;"}

package/dist/components/order-daily-overview/common/mediaQuery.js ADDED Viewed

@@ -0,0 +1,17 @@
+const a = {
+  mobileLandscape: "767px",
+  tabletPortrait: "950px",
+  tabletlandscape: "1200px",
+  filterCollapse: "1260px",
+  tableScroll: "1300px"
+}, t = {
+  tableScroll: `(max-width: ${a.tableScroll})`,
+  filterCollapse: `(max-width: ${a.filterCollapse})`,
+  tabletlandscape: `(max-width: ${a.tabletlandscape})`,
+  tabletPortrait: `(max-width: ${a.tabletPortrait})`,
+  mobileLandscape: `(max-width: ${a.mobileLandscape})`
+};
+export {
+  t as device
+};
+//# sourceMappingURL=mediaQuery.js.map

package/dist/components/order-daily-overview/common/mediaQuery.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"mediaQuery.js","sources":["../../../../src/components/order-daily-overview/common/mediaQuery.ts"],"sourcesContent":["const size = {\n mobilePortrait: '450px',\n mobileLandscape: '767px',\n tabletPortrait: '950px',\n tabletlandscape: '1200px',\n filterCollapse: '1260px',\n tableScroll: '1300px',\n smallScreen: '1900px',\n };\n\n export const device = {\n smallScreen: `(max-width: ${size.smallScreen})`,\n tableScroll: `(max-width: ${size.tableScroll})`,\n filterCollapse: `(max-width: ${size.filterCollapse})`,\n tabletlandscape: `(max-width: ${size.tabletlandscape})`,\n tabletPortrait: `(max-width: ${size.tabletPortrait})`,\n mobileLandscape: `(max-width: ${size.mobileLandscape})`,\n };\n "],"names":["size","device"],"mappings":"AAAA,MAAMA,IAAO;AAAA,EAET,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,aAAa;AAEf,GAEaC,IAAS;AAAA,EAEpB,aAAa,eAAeD,EAAK,WAAW;AAAA,EAC5C,gBAAgB,eAAeA,EAAK,cAAc;AAAA,EAClD,iBAAiB,eAAeA,EAAK,eAAe;AAAA,EACpD,gBAAgB,eAAeA,EAAK,cAAc;AAAA,EAClD,iBAAiB,eAAeA,EAAK,eAAe;AACtD;"}

package/dist/components/order-daily-overview/filters/FilterStyle.js CHANGED Viewed

@@ -1,5 +1,12 @@
-import e from "styled-components";
-const i = e.div`
+import e, { createGlobalStyle as i } from "styled-components";
+import { device as t } from "../common/mediaQuery.js";
+const o = i`
+  @media ${t.mobileLandscape} {
+    .date-range-mobile-popup .ant-picker-panels {
+      flex-direction: column;
+    }
+  }
+`, r = e.div`
   display: flex;
   padding: 1px 5px 1px 1.1px;
   align-items: center;
@@ -8,6 +15,13 @@ const i = e.div`
   border: 1px solid rgba(0, 0, 0, 0.08);
   background: var(--Flowkit-White, #fff);
+  @media ${t.filterCollapse} {
+    border: none;
+    /* unwrap this box so its children become direct flex items of
+       StyledFiter, letting them wrap naturally alongside Export CSV */
+    display: contents;
+  }
   .filtercontainer {
     display: flex;
     padding: 8px 8px 8px 4px;
@@ -18,6 +32,10 @@ const i = e.div`
     border-right: 1px solid rgba(0, 0, 0, 0.04);
     background: var(--BjsColor-Bg-F0F2F2, #f0f2f2);
+    @media ${t.filterCollapse} {
+      display: none;
+    }
     .filtericon {
       display: flex;
       padding: 7px 0px 5px 5px;
@@ -44,6 +62,121 @@ const i = e.div`
     border-radius: 20px;
     border: 1px solid #edebe8;
+    @media ${t.filterCollapse} {
+      flex: 0 0 auto;
+    }
+    /* status of order, clients, vehicle type: match the date filter's width */
+    &:nth-of-type(3),
+    &:nth-of-type(4),
+    &:nth-of-type(5) {
+      @media ${t.mobileLandscape} {
+        .ant-select {
+          min-width: 0 !important;
+          width: 220px !important;
+          max-width: 220px !important;
+        }
+      }
+    }
+    /* mobile: filters stretch to fill the row (two per row, one per row on
+       narrow phones) instead of sitting at a fixed 220px with empty space */
+    @media ${t.mobileLandscape} {
+      flex: 1 1 calc(50% - 5px);
+      justify-content: flex-start;
+      box-sizing: border-box;
+      min-width: 0;
+      > div:nth-child(2) {
+        flex: 1;
+        min-width: 0;
+      }
+      .ant-picker,
+      .ant-select,
+      &:nth-of-type(3) .ant-select,
+      &:nth-of-type(4) .ant-select,
+      &:nth-of-type(5) .ant-select {
+        width: 100% !important;
+        min-width: 0 !important;
+        max-width: 100% !important;
+      }
+    }
+    @media (max-width: 636px) {
+      flex-basis: 100%;
+    }
+    /* small desktop: filters wrap, so let them grow to fill each row
+       instead of leaving an empty gap on the right */
+    @media (min-width: 1025px) and (max-width: 1260px) {
+      flex-grow: 1;
+      min-width: 0;
+      box-sizing: border-box;
+      &:nth-of-type(2) {
+        flex-basis: 270px;
+      }
+      /* status of order, clients, vehicle type share the same width */
+      &:nth-of-type(3),
+      &:nth-of-type(4),
+      &:nth-of-type(5) {
+        flex-basis: 200px;
+        flex-shrink: 0;
+      }
+      > div:nth-child(2) {
+        flex: 1;
+        min-width: 0;
+      }
+      .ant-picker,
+      .ant-select,
+      &:nth-of-type(3) .ant-select,
+      &:nth-of-type(4) .ant-select,
+      &:nth-of-type(5) .ant-select {
+        width: 100% !important;
+        min-width: 0 !important;
+        max-width: 100% !important;
+      }
+    }
+    /* tablet: keep all four filters on one row (vehicle type to the right
+       of clients); they shrink to share the width, date/status get a bit
+       more room. Export CSV / Clear all wrap to the next row. */
+    @media (min-width: 768px) and (max-width: 1024px) {
+      flex: 1 1 120px;
+      min-width: 0;
+      box-sizing: border-box;
+      &:nth-of-type(2),
+      &:nth-of-type(3) {
+        flex-grow: 1.5;
+      }
+      /* date range needs room for both "Start date" and "End date" */
+      &:nth-of-type(2) {
+        flex-basis: 220px;
+        flex-grow: 0;
+        flex-shrink: 0;
+      }
+      > div:nth-child(2) {
+        flex: 1;
+        min-width: 0;
+      }
+      .ant-picker,
+      .ant-select,
+      &:nth-of-type(3) .ant-select,
+      &:nth-of-type(4) .ant-select,
+      &:nth-of-type(5) .ant-select {
+        width: 100% !important;
+        min-width: 0 !important;
+        max-width: 100% !important;
+      }
+    }
     .dateiconcontainer {
       display: flex;
       width: 24px;
@@ -79,17 +212,36 @@ e.div`
   background: var(--BjsColor-Bg-F0F2F2, #f0f2f2);
 `;
 e.div``;
-const n = e.div`
+const p = e.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-top: 11px;
   margin-bottom: 11px;
-`, r = e.div`
+  @media ${t.tabletPortrait} {
+    margin-top: 4px;
+    margin-bottom: 4px;
+  }
+  @media ${t.filterCollapse} {
+    flex-wrap: wrap;
+    justify-content: flex-start !important;
+    align-content: flex-start;
+    row-gap: 8px;
+    column-gap: 10px;
+  }
+`, l = e.div`
   display: flex;
   padding: 0;
   gap: 10px;
   align-items: center;
+  @media ${t.filterCollapse} {
+    /* unwrap so LeftSideConatiner's flattened children can wrap
+       directly inside StyledFiter's flex row */
+    display: contents;
+  }
 `;
 e.div`
   display: flex;
@@ -104,7 +256,7 @@ e.div`
     line-height: normal;
   }
 `;
-const o = e.div`
+const d = e.div`
   color: #232d42;
   font-style: normal;
   line-height: 175%;
@@ -114,6 +266,16 @@ const o = e.div`
   font-size: 20px;
   font-style: normal;
   font-weight: 900;
+  @media ${t.tabletlandscape} {
+    font-size: 14px;
+    line-height: 1;
+    font-weight: 700;
+  }
+  @media ${t.mobileLandscape} {
+    font-size: 12px;
+    line-height: 1;
+  }
   /* &:after{
     content: '';
     width: 1px;
@@ -123,12 +285,13 @@ const o = e.div`
     right: 0;
     top: 0;
   } */
-`, p = e.div``;
+`, s = e.div``;
 export {
-  i as LeftSideConatiner,
-  r as StyledFIlterELements,
-  n as StyledFiter,
-  p as StyledTableFilter,
-  o as Text
+  o as DateRangePopupStyle,
+  r as LeftSideConatiner,
+  l as StyledFIlterELements,
+  p as StyledFiter,
+  s as StyledTableFilter,
+  d as Text
 };
 //# sourceMappingURL=FilterStyle.js.map

package/dist/components/order-daily-overview/filters/FilterStyle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FilterStyle.js","sources":["../../../../src/components/order-daily-overview/filters/FilterStyle.tsx"],"sourcesContent":["// LeftSide filter\n\nimport styled from 'styled-components';\n\n//Left side\nexport const LeftSideConatiner = styled.div`\n display: flex;\n padding: 1px 5px 1px 1.1px;\n align-items: center;\n gap: 10px;\n border-radius: 40px;\n border: 1px solid rgba(0, 0, 0, 0.08);\n background: var(--Flowkit-White, #fff);\n\n .filtercontainer {\n display: flex;\n padding: 8px 8px 8px 4px;\n align-items: center;\n gap: 4px;\n align-self: stretch;\n border-radius: 20px 0px 0px 20px;\n border-right: 1px solid rgba(0, 0, 0, 0.04);\n background: var(--BjsColor-Bg-F0F2F2, #f0f2f2);\n\n .filtericon {\n display: flex;\n padding: 7px 0px 5px 5px;\n align-items: flex-start;\n gap: 10px;\n border-radius: 30px;\n }\n .textcont {\n color: #758588;\n text-align: center;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n }\n }\n .datefilter {\n display: flex;\n height: 36px;\n padding: 6px 8px;\n justify-content: center;\n align-items: center;\n gap: 2px;\n border-radius: 20px;\n border: 1px solid #edebe8;\n\n .dateiconcontainer {\n display: flex;\n width: 24px;\n height: 24px;\n padding: 5px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n border-radius: 20px;\n border: 1px solid var(--tonal-brown-101, #e2e0db);\n background: #f1f5f6;\n }\n .datetext {\n color: #6a7378;\n\n /* body/captions /\n font-family: 'Lato';\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; / 123.077% /\n }\n }\n`;\n\nexport const FilterConatiner = styled.div`\n display: flex;\n padding: 0px 8px 0px 4px;\n align-items: center;\n gap: 4px;\n align-self: stretch;\n border-radius: 20px 0px 0px 20px;\n border-right: 1px solid rgba(0, 0, 0, 0.04);\n background: var(--BjsColor-Bg-F0F2F2, #f0f2f2);\n`;\n\nexport const FilterIconConatiner = styled.div``;\n\n//\nexport const StyledFiter = styled.div`\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-top: 11px;\n margin-bottom: 11px;\n`;\nexport const StyledFIlterELements = styled.div`\n display: flex;\n padding: 0;\n gap: 10px;\n align-items: center;\n`;\n\nexport const StyledFilterLabel = styled.div`\n display: flex;\n gap: 4px;\n align-items: center;\n span {\n color: #758588;\n text-align: center;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n }\n`;\n\nexport const Text = styled.div`\n color: #232d42;\n font-style: normal;\n line-height: 175%;\n position: relative;\n padding-right: 10px;\n text-transform: uppercase;\n font-size: 20px;\n font-style: normal;\n font-weight: 900;\n / &:after{\n content: '';\n width: 1px;\n height: 100%;\n background: rgba(58, 54, 48, 0.20);\n position: absolute;\n right: 0;\n top: 0;\n } */\n`;\n// Right side filter\n\nexport const StyledTableFilter = styled.div``;\n"],"names":["LeftSideConatiner","styled","StyledFiter","StyledFIlterELements","Text","StyledTableFilter"],"mappings":"~~;AAKO~~,MAAMA,IAAoBC,EAAO;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;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;~~AAsETA~~,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWHA,EAAO;AAGnC,MAAMC,IAAcD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,~~GAOrBE~~,IAAuBF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;~~AAOVA~~,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAcjC,MAAMG,IAAOH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,~~GAsBdI~~,IAAoBJ,EAAO;"}
1	+ {"version":3,"file":"FilterStyle.js","sources":["../../../../src/components/order-daily-overview/filters/FilterStyle.tsx"],"sourcesContent":["// LeftSide filter\n\nimport styled, { createGlobalStyle } from 'styled-components';\nimport { device } from '../common/mediaQuery';\n\n/* The RangePicker calendar popup renders outside this component's DOM tree\n (portalled to <body>), so it can't be reached with a scoped/nested\n selector — it needs a real global style. On mobile the two month panels\n (with their own prev/next arrows) stack vertically instead of sitting\n side-by-side, which removes the horizontal overflow that was clipping\n the right-hand month and its \"next\" icon. /\nexport const DateRangePopupStyle = createGlobalStyle`\n @media ${device.mobileLandscape} {\n .date-range-mobile-popup .ant-picker-panels {\n flex-direction: column;\n }\n }\n`;\n\n//Left side\nexport const LeftSideConatiner = styled.div`\n display: flex;\n padding: 1px 5px 1px 1.1px;\n align-items: center;\n gap: 10px;\n border-radius: 40px;\n border: 1px solid rgba(0, 0, 0, 0.08);\n background: var(--Flowkit-White, #fff);\n\n @media ${device.filterCollapse} {\n border: none;\n / unwrap this box so its children become direct flex items of\n StyledFiter, letting them wrap naturally alongside Export CSV /\n display: contents;\n }\n\n .filtercontainer {\n display: flex;\n padding: 8px 8px 8px 4px;\n align-items: center;\n gap: 4px;\n align-self: stretch;\n border-radius: 20px 0px 0px 20px;\n border-right: 1px solid rgba(0, 0, 0, 0.04);\n background: var(--BjsColor-Bg-F0F2F2, #f0f2f2);\n\n @media ${device.filterCollapse} {\n display: none;\n }\n\n .filtericon {\n display: flex;\n padding: 7px 0px 5px 5px;\n align-items: flex-start;\n gap: 10px;\n border-radius: 30px;\n }\n .textcont {\n color: #758588;\n text-align: center;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n }\n }\n .datefilter {\n display: flex;\n height: 36px;\n padding: 6px 8px;\n justify-content: center;\n align-items: center;\n gap: 2px;\n border-radius: 20px;\n border: 1px solid #edebe8;\n\n @media ${device.filterCollapse} {\n flex: 0 0 auto;\n }\n\n / status of order, clients, vehicle type: match the date filter's width /\n &:nth-of-type(3),\n &:nth-of-type(4),\n &:nth-of-type(5) {\n @media ${device.mobileLandscape} {\n .ant-select {\n min-width: 0 !important;\n width: 220px !important;\n max-width: 220px !important;\n }\n }\n }\n\n / mobile: filters stretch to fill the row (two per row, one per row on\n narrow phones) instead of sitting at a fixed 220px with empty space /\n @media ${device.mobileLandscape} {\n flex: 1 1 calc(50% - 5px);\n justify-content: flex-start;\n box-sizing: border-box;\n min-width: 0;\n\n > div:nth-child(2) {\n flex: 1;\n min-width: 0;\n }\n\n .ant-picker,\n .ant-select,\n &:nth-of-type(3) .ant-select,\n &:nth-of-type(4) .ant-select,\n &:nth-of-type(5) .ant-select {\n width: 100% !important;\n min-width: 0 !important;\n max-width: 100% !important;\n }\n }\n\n @media (max-width: 636px) {\n flex-basis: 100%;\n }\n\n / small desktop: filters wrap, so let them grow to fill each row\n instead of leaving an empty gap on the right /\n @media (min-width: 1025px) and (max-width: 1260px) {\n flex-grow: 1;\n min-width: 0;\n box-sizing: border-box;\n\n &:nth-of-type(2) {\n flex-basis: 270px;\n }\n / status of order, clients, vehicle type share the same width /\n &:nth-of-type(3),\n &:nth-of-type(4),\n &:nth-of-type(5) {\n flex-basis: 200px;\n flex-shrink: 0;\n }\n\n > div:nth-child(2) {\n flex: 1;\n min-width: 0;\n }\n\n .ant-picker,\n .ant-select,\n &:nth-of-type(3) .ant-select,\n &:nth-of-type(4) .ant-select,\n &:nth-of-type(5) .ant-select {\n width: 100% !important;\n min-width: 0 !important;\n max-width: 100% !important;\n }\n }\n\n / tablet: keep all four filters on one row (vehicle type to the right\n of clients); they shrink to share the width, date/status get a bit\n more room. Export CSV / Clear all wrap to the next row. /\n @media (min-width: 768px) and (max-width: 1024px) {\n flex: 1 1 120px;\n min-width: 0;\n box-sizing: border-box;\n\n &:nth-of-type(2),\n &:nth-of-type(3) {\n flex-grow: 1.5;\n }\n\n / date range needs room for both \"Start date\" and \"End date\" /\n &:nth-of-type(2) {\n flex-basis: 220px;\n flex-grow: 0;\n flex-shrink: 0;\n }\n\n > div:nth-child(2) {\n flex: 1;\n min-width: 0;\n }\n\n .ant-picker,\n .ant-select,\n &:nth-of-type(3) .ant-select,\n &:nth-of-type(4) .ant-select,\n &:nth-of-type(5) .ant-select {\n width: 100% !important;\n min-width: 0 !important;\n max-width: 100% !important;\n }\n }\n\n .dateiconcontainer {\n display: flex;\n width: 24px;\n height: 24px;\n padding: 5px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n border-radius: 20px;\n border: 1px solid var(--tonal-brown-101, #e2e0db);\n background: #f1f5f6;\n }\n .datetext {\n color: #6a7378;\n\n / body/captions /\n font-family: 'Lato';\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; / 123.077% /\n }\n }\n`;\n\nexport const FilterConatiner = styled.div`\n display: flex;\n padding: 0px 8px 0px 4px;\n align-items: center;\n gap: 4px;\n align-self: stretch;\n border-radius: 20px 0px 0px 20px;\n border-right: 1px solid rgba(0, 0, 0, 0.04);\n background: var(--BjsColor-Bg-F0F2F2, #f0f2f2);\n`;\n\nexport const FilterIconConatiner = styled.div``;\n\n//\nexport const StyledFiter = styled.div`\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-top: 11px;\n margin-bottom: 11px;\n\n @media ${device.tabletPortrait} {\n margin-top: 4px;\n margin-bottom: 4px;\n }\n\n @media ${device.filterCollapse} {\n flex-wrap: wrap;\n justify-content: flex-start !important;\n align-content: flex-start;\n row-gap: 8px;\n column-gap: 10px;\n }\n`;\nexport const StyledFIlterELements = styled.div`\n display: flex;\n padding: 0;\n gap: 10px;\n align-items: center;\n\n @media ${device.filterCollapse} {\n / unwrap so LeftSideConatiner's flattened children can wrap\n directly inside StyledFiter's flex row /\n display: contents;\n }\n`;\n\nexport const StyledFilterLabel = styled.div`\n display: flex;\n gap: 4px;\n align-items: center;\n span {\n color: #758588;\n text-align: center;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n }\n`;\n\nexport const Text = styled.div`\n color: #232d42;\n font-style: normal;\n line-height: 175%;\n position: relative;\n padding-right: 10px;\n text-transform: uppercase;\n font-size: 20px;\n font-style: normal;\n font-weight: 900;\n\n @media ${device.tabletlandscape} {\n font-size: 14px;\n line-height: 1;\n font-weight: 700;\n }\n @media ${device.mobileLandscape} {\n font-size: 12px;\n line-height: 1;\n }\n / &:after{\n content: '';\n width: 1px;\n height: 100%;\n background: rgba(58, 54, 48, 0.20);\n position: absolute;\n right: 0;\n top: 0;\n } */\n`;\n// Right side filter\n\nexport const StyledTableFilter = styled.div``;\n"],"names":["DateRangePopupStyle","createGlobalStyle","device","LeftSideConatiner","styled","StyledFiter","StyledFIlterELements","Text","StyledTableFilter"],"mappings":";;AAWO,MAAMA,IAAsBC;AAAA,WACxBC,EAAO,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA,GAQpBC,IAAoBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAS7BF,EAAO,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAiBnBA,EAAO,cAAc;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,aA8BrBA,EAAO,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAQnBA,EAAO,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAWxBA,EAAO,eAAe;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;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;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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAyHJE,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWHA,EAAO;AAGnC,MAAMC,IAAcD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAOvBF,EAAO,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA,WAKrBA,EAAO,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQnBI,IAAuBF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAMhCF,EAAO,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAOCE,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAcjC,MAAMG,IAAOH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAWhBF,EAAO,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA,WAKtBA,EAAO,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAgBpBM,IAAoBJ,EAAO;"}

package/dist/components/order-daily-overview/header/route-header/RouterHeaderStyle.js CHANGED Viewed

@@ -1,5 +1,6 @@
 import e from "styled-components";
-const p = e.div`
+import { device as t } from "../../common/mediaQuery.js";
+const a = e.div`
   display: flex;
   padding: 20px;
   gap: 10px;
@@ -9,7 +10,11 @@ const p = e.div`
   background: url(./assets/bgBlack.png) no-repeat;
   background-size: cover;
   background-color: #000000d9;
-`, o = e.div`
+  @media ${t.mobileLandscape} {
+    margin-bottom: 12px;
+  }
+`, d = e.div`
   display: flex;
   justify-content: space-between;
   width: 100%;
@@ -46,7 +51,7 @@ e.div`
   }
 `;
 export {
-  p as HeaderWrapper,
-  o as StyledFlex
+  a as HeaderWrapper,
+  d as StyledFlex
 };
 //# sourceMappingURL=RouterHeaderStyle.js.map

package/dist/components/order-daily-overview/header/route-header/RouterHeaderStyle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RouterHeaderStyle.js","sources":["../../../../../src/components/order-daily-overview/header/route-header/RouterHeaderStyle.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const HeaderWrapper = styled.div<{ height?: string }>`\n display: flex;\n padding: 20px;\n gap: 10px;\n border-radius: 0px 0px 30px 30px;\n background: #313130;\n height: ${props => props?.height \|\| '135px'};\n background: url(./assets/bgBlack.png) no-repeat;\n background-size: cover;\n background-color: #000000d9;\n`;\n\nexport const StyledFlex = styled.div`\n display: flex;\n justify-content: space-between;\n width: 100%;\n`;\n\nexport const GlobalFilterWrapper = styled.div`\n display: flex;\n align-items: baseline;\n gap: 10px;\n z-index: 999;\n`;\n\nexport const DatePickerWrap = styled.div`\n position: relative;\n\n input[type='text'] {\n border-radius: 20px;\n background: var(--Flowkit-White, #fff);\n border: none;\n color: #6a7378;\n font-size: 14px;\n font-weight: 400;\n line-height: 18px;\n padding: 8px 0;\n padding-left: 33px;\n max-width: 154px;\n &:focus-visible {\n outline: none;\n }\n }\n svg {\n position: absolute;\n left: 8px;\n top: 50%;\n transform: translateY(-50%);\n }\n`;\n"],"names":["HeaderWrapper","styled","props","StyledFlex"],"mappings":"~~;AAEO~~,MAAMA,IAAgBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAMxB,CAAAC,MAASA,GAAO,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA,~~GAMhCC~~,~~IAAaF~~,EAAO;AAAA;AAAA;AAAA;AAAA;AAMEA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOZA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
1	+ {"version":3,"file":"RouterHeaderStyle.js","sources":["../../../../../src/components/order-daily-overview/header/route-header/RouterHeaderStyle.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { device } from '../../common/mediaQuery';\n\nexport const HeaderWrapper = styled.div<{ height?: string }>`\n display: flex;\n padding: 20px;\n gap: 10px;\n border-radius: 0px 0px 30px 30px;\n background: #313130;\n height: ${props => props?.height \|\| '135px'};\n background: url(./assets/bgBlack.png) no-repeat;\n background-size: cover;\n background-color: #000000d9;\n\n @media ${device.mobileLandscape} {\n margin-bottom: 12px;\n }\n`;\n\nexport const StyledFlex = styled.div`\n display: flex;\n justify-content: space-between;\n width: 100%;\n`;\n\nexport const GlobalFilterWrapper = styled.div`\n display: flex;\n align-items: baseline;\n gap: 10px;\n z-index: 999;\n`;\n\nexport const DatePickerWrap = styled.div`\n position: relative;\n\n input[type='text'] {\n border-radius: 20px;\n background: var(--Flowkit-White, #fff);\n border: none;\n color: #6a7378;\n font-size: 14px;\n font-weight: 400;\n line-height: 18px;\n padding: 8px 0;\n padding-left: 33px;\n max-width: 154px;\n &:focus-visible {\n outline: none;\n }\n }\n svg {\n position: absolute;\n left: 8px;\n top: 50%;\n transform: translateY(-50%);\n }\n`;\n"],"names":["HeaderWrapper","styled","props","device","StyledFlex"],"mappings":";;AAGO,MAAMA,IAAgBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAMxB,CAAAC,MAASA,GAAO,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,WAKlCC,EAAO,eAAe;AAAA;AAAA;AAAA,GAKpBC,IAAaH,EAAO;AAAA;AAAA;AAAA;AAAA;AAMEA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOZA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/order-daily-overview/header/route-header/title/HeaderTitle.js CHANGED Viewed

@@ -1,6 +1,7 @@
 import { jsx as t, Fragment as r } from "react/jsx-runtime";
 import o from "styled-components";
-const p = (e) => /* @__PURE__ */ t(r, { children: /* @__PURE__ */ t(n, { children: e.title }) }), n = o.h2`
+import { device as e } from "../../../common/mediaQuery.js";
+const p = (i) => /* @__PURE__ */ t(r, { children: /* @__PURE__ */ t(n, { children: i.title }) }), n = o.h2`
   margin: 0px;
   padding: 0px;
   color: #fff;
@@ -10,6 +11,15 @@ const p = (e) => /* @__PURE__ */ t(r, { children: /* @__PURE__ */ t(n, { childre
   line-height: 36px;
   text-transform: uppercase;
   margin-bottom: 8px;
+  @media ${e.tabletPortrait} {
+    margin-bottom: 0;
+  }
+  @media ${e.tabletlandscape} {
+    font-size: 20px;
+    line-height: 28px;
+  }
 `;
 export {
   p as default

package/dist/components/order-daily-overview/header/route-header/title/HeaderTitle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HeaderTitle.js","sources":["../../../../../../src/components/order-daily-overview/header/route-header/title/HeaderTitle.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\n\ninterface TitleProps {\n title: string;\n}\n\nconst HeaderTitle = (props: TitleProps) => {\n return (\n <>\n <Title>{props.title}</Title>\n </>\n );\n};\n\nexport default HeaderTitle;\nconst Title = styled.h2`\n margin: 0px;\n padding: 0px;\n color: #fff;\n font-size: 26px;\n font-style: normal;\n font-weight: 700;\n line-height: 36px;\n text-transform: uppercase;\n margin-bottom: 8px;\n`;\n"],"names":["HeaderTitle","props","jsx","Fragment","Title","styled"],"mappings":"~~;;AAOA~~,MAAMA,IAAc,CAACC,MAEjB,gBAAAC,EAAAC,GAAA,EACE,UAAA,gBAAAD,EAACE,GAAA,EAAO,UAAAH,EAAM,OAAM,EAAA,CACtB,GAKEG,IAAQC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
1	+ {"version":3,"file":"HeaderTitle.js","sources":["../../../../../../src/components/order-daily-overview/header/route-header/title/HeaderTitle.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { device } from '../../../common/mediaQuery';\n\ninterface TitleProps {\n title: string;\n}\n\nconst HeaderTitle = (props: TitleProps) => {\n return (\n <>\n <Title>{props.title}</Title>\n </>\n );\n};\n\nexport default HeaderTitle;\nconst Title = styled.h2`\n margin: 0px;\n padding: 0px;\n color: #fff;\n font-size: 26px;\n font-style: normal;\n font-weight: 700;\n line-height: 36px;\n text-transform: uppercase;\n margin-bottom: 8px;\n\n @media ${device.tabletPortrait} {\n margin-bottom: 0;\n }\n\n @media ${device.tabletlandscape} {\n font-size: 20px;\n line-height: 28px;\n }\n`;\n"],"names":["HeaderTitle","props","jsx","Fragment","Title","styled","device"],"mappings":";;;AAQA,MAAMA,IAAc,CAACC,MAEjB,gBAAAC,EAAAC,GAAA,EACE,UAAA,gBAAAD,EAACE,GAAA,EAAO,UAAAH,EAAM,OAAM,EAAA,CACtB,GAKEG,IAAQC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAWVC,EAAO,cAAc;AAAA;AAAA;AAAA;AAAA,WAIrBA,EAAO,eAAe;AAAA;AAAA;AAAA;AAAA;"}