{"version":3,"file":"chunks/Specials.chunk.850003043a85b9399d23.js","mappings":"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","sources":["webpack://NorthernTunaPortal/./ClientApp/components/Pages/Specials/Specials.tsx","webpack://NorthernTunaPortal/./ClientApp/images/sort-default.png","webpack://NorthernTunaPortal/./ClientApp/images/sort.png"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport Select from 'antd/lib/select';\r\nimport Drawer from 'antd/lib/drawer';\r\n\r\nimport { ItemsProvider, useItemsProviderContext, SortingDirection } from '@common/react/components/Core/ItemsProvider/ItemsProvider';\r\nimport ServerPageProvider from '@common/react/components/Core/ServerPageProvider/ServerPageProvider';\r\nimport SelectFilter from '@common/react/components/Forms/SelectFilter/SelectFilter';\r\nimport Button from '@common/react/components/Forms/Button';\r\n\r\nimport MultiSelectAuto from '@commonTuna/react/components/UI/MultiSelectAuto/MultiSelectAuto';\r\nimport { LogoLoaderPage } from '@commonTuna/react/components/UI/LogoLoader/LogoLoader';\r\n\r\nimport { Special } from '@app/objects/Special';\r\nimport SpecialCard from '@app/components/Pages/Specials/SpecialCard';\r\nimport { Procedure } from '@app/objects/Procedure';\r\nimport { Location } from '@app/objects/Location';\r\nimport '@app/scss/components/special.scss';\r\n\r\nimport sortingDefault from '@app/images/sort-default.png';\r\nimport sorting from '@app/images/sort.png';\r\n\r\nconst { Option } = Select;\r\n\r\ninterface ProcedureWithLocations extends Procedure {\r\n\tlocations: Array<Location>;\r\n}\r\n\r\nexport const SortingDirectionNames = {\r\n\t[SortingDirection.Default]: 'Default',\r\n\t[SortingDirection.Ascending]: 'Cheap first',\r\n\t[SortingDirection.Descending]: 'Expensive first',\r\n};\r\n\r\nconst SpecialLoader: React.FC = () => {\r\n\tconst items = [1, 2, 3, 4, 5, 6];\r\n\treturn <div className=\"special-list mb10\">\r\n\t\t{items.map((i) => <div className=\"special-card special-loader\" key={i} />)}\r\n\t</div>;\r\n};\r\n\r\nconst SpecialsInner: React.FC = () => {\r\n\tconst context = useItemsProviderContext<Special>();\r\n\r\n\tif (!context.actions) throw new Error('Need ItemsProvider context!');\r\n\r\n\tconst { state: { items, loading } } = context;\r\n\r\n\tif (loading) {\r\n\t\treturn <SpecialLoader />;\r\n\t}\r\n\r\n\tconst isEmpty = items.length === 0;\r\n\tconst emptyClassName = isEmpty ? 'empty-list' : '';\r\n\r\n\treturn <div className={`special-list ${emptyClassName}`}>\r\n\t\t{isEmpty\r\n\t\t\t? <h1 className=\"text-center\">Sorry, there are no special offers at the moment, please check back later.</h1>\r\n\t\t\t: items.map((special) => <SpecialCard key={special.id} item={special} />)\r\n\t\t}\r\n\t</div>;\r\n};\r\n\r\nconst SpecialsFilters: React.FC<{page}> = ({ page }) => {\r\n\tconst locations: Array<{nameEn: string, id: number}> = page.filterProps.locations || [];\r\n\tconst procedures: Array<{name: string, id: number}> = page.filterProps.procedures || [];\r\n\r\n\tconst context = useItemsProviderContext<Special>();\r\n\r\n\tif (!context.actions) throw 'Need ItemsProvider context!';\r\n\r\n\tconst { state: { filters }, actions: { handleChange } } = context;\r\n\r\n\treturn <>\r\n\t\t<div className=\"list-filters clearfix filters-wrapper specials-page-filters\">\r\n\t\t\t<div className=\"pull-right mb10 w100\">\r\n\t\t\t\t<MultiSelectAuto<ProcedureWithLocations>\r\n\t\t\t\t\tkey=\"procedureIds\"\r\n\t\t\t\t\ttype=\"procedurePortalAutocompleteListRemote\"\r\n\t\t\t\t\tonChange={(value) => handleChange({ procedureIds: value })}\r\n\t\t\t\t\tplaceholder=\"Procedures...\"\r\n\t\t\t\t\tloadOnFocus\r\n\t\t\t\t\tantdProps={{\r\n\t\t\t\t\t\tdefaultValue: procedures || [],\r\n\t\t\t\t\t\tmaxTagCount: 2,\r\n\t\t\t\t\t}}\r\n\t\t\t\t\titems={procedures || []}\r\n\t\t\t\t\trenderTitle={(item) => (item.locations?.length > 0\r\n\t\t\t\t\t\t? `${item.name} (${item.locations.map((location) => location.nameEn).join(', ')})`\r\n\t\t\t\t\t\t: item.name)\r\n\t\t\t\t\t}\r\n\t\t\t\t/>\r\n\t\t\t</div>\r\n\t\t\t<SelectFilter\r\n\t\t\t\tadditionalParams={filters}\r\n\t\t\t\tparam=\"locationId\"\r\n\t\t\t\tclassName=\"pull-right mb10 w100\"\r\n\t\t\t\tonChange={handleChange}\r\n\t\t\t\tcurrentValue={filters.locationId\r\n\t\t\t\t\t? filters.locationId\r\n\t\t\t\t\t: 'All Locations'\r\n\t\t\t\t}\r\n\t\t\t\tdefaultValue=\"All Locations\"\r\n\t\t\t>\r\n\t\t\t\t<Option value=\"\">All Locations</Option>\r\n\t\t\t\t{locations.map((item) => <Option key={item.id} value={item.id}>{item.nameEn}</Option>)}\r\n\t\t\t</SelectFilter>\r\n\t\t\t<Select\r\n\t\t\t\tplaceholder=\"Sorting\"\r\n\t\t\t\tclassName=\"pull-right\"\r\n\t\t\t\tonChange={(value) => {\r\n\t\t\t\t\thandleChange({\r\n\t\t\t\t\t\tcurrentTarget: {\r\n\t\t\t\t\t\t\tname: 'column',\r\n\t\t\t\t\t\t\tvalue: [{ caption: 'name', direction: SortingDirection.Ascending }, { caption: 'price', direction: value }],\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t});\r\n\t\t\t\t}}\r\n\t\t\t\tdefaultValue={SortingDirection.Default}\r\n\t\t\t\tvalue={+filters.column.find((c) => c.caption === 'price')?.direction}\r\n\t\t\t>\r\n\t\t\t\t<Option value={SortingDirection.Default}>\r\n\t\t\t\t\t<img className=\"sorting-icon\" src={sortingDefault} alt=\"\" />\r\n\t\t\t\t\t{SortingDirectionNames[SortingDirection.Default]}\r\n\t\t\t\t</Option>\r\n\t\t\t\t<Option value={SortingDirection.Ascending}>\r\n\t\t\t\t\t<img className=\"sorting-icon icon-inverse\" src={sorting} alt=\"\" />\r\n\t\t\t\t\t{SortingDirectionNames[SortingDirection.Ascending]}\r\n\t\t\t\t</Option>\r\n\t\t\t\t<Option value={SortingDirection.Descending}>\r\n\t\t\t\t\t<img className=\"sorting-icon\" src={sorting} alt=\"\" />\r\n\t\t\t\t\t{SortingDirectionNames[SortingDirection.Descending]}\r\n\t\t\t\t</Option>\r\n\t\t\t</Select>\r\n\t\t</div>\r\n\t</>;\r\n};\r\n\r\nconst LoadMoreBtn: React.FC = () => {\r\n\tconst context = useItemsProviderContext<Special>();\r\n\r\n\tif (!context.actions) throw 'Need ItemsProvider context!';\r\n\r\n\tconst { state: { items, pagination }, actions: { loadMore } } = context;\r\n\r\n\treturn <>\r\n\t\t{items.length < pagination.total\r\n\t\t\t? <div className=\"text-center load-more-btn mb10\">\r\n\t\t\t\t<Button type=\"button\" onClick={() => loadMore({}, false, true)}>\r\n\t\t\t\t\tLoad More\r\n\t\t\t\t</Button>\r\n\t\t\t</div> : null\r\n\t\t}\r\n\t</>;\r\n};\r\n\r\nconst Specials: React.FC = () => {\r\n\tconst [visible, setVisible] = React.useState<boolean>(false);\r\n\r\n\tconst handleOpen = () => {\r\n\t\tsetVisible(true);\r\n\t};\r\n\r\n\tconst handleClose = () => {\r\n\t\tsetVisible(false);\r\n\t};\r\n\r\n\treturn <>\r\n\t\t<ServerPageProvider\r\n\t\t\tpath=\"specials\"\r\n\t\t\tdefaultTitle=\"Specials\"\r\n\t\t\tloader={<LogoLoaderPage />}\r\n\t\t\tinner={(page) => (\r\n\t\t\t\t<ItemsProvider<Special>\r\n\t\t\t\t\ttype=\"special\"\r\n\t\t\t\t\titems={page?.items?.list}\r\n\t\t\t\t\tloadRequest=\"specialsList\"\r\n\t\t\t\t\tfilters={{\r\n\t\t\t\t\t\tcolumn: [\r\n\t\t\t\t\t\t\t{ caption: 'name', direction: SortingDirection.Ascending },\r\n\t\t\t\t\t\t\t{ caption: 'price', direction: SortingDirection.Default }],\r\n\t\t\t\t\t}}\r\n\t\t\t\t\tpagination={{ total: page?.items?.count }}\r\n\t\t\t\t\twithHandleUrl\r\n\t\t\t\t>\r\n\t\t\t\t\t<div className=\"container specials-container\">\r\n\t\t\t\t\t\t<div className=\"specials-filters\">\r\n\t\t\t\t\t\t\t<SpecialsFilters page={page} />\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div className=\"special-list__wrapper\">\r\n\t\t\t\t\t\t\t<div className=\"headline\">\r\n\t\t\t\t\t\t\t\t<h1 className=\"pull-left mr10\">Specials</h1>\r\n\t\t\t\t\t\t\t\t<Button type=\"button\" title=\"Filters\" className=\"btn btn-sm btn-primary filters-btn\" onClick={handleOpen}>\r\n\t\t\t\t\t\t\t\t\t<i className=\"fa fa-filter\" />\r\n\t\t\t\t\t\t\t\t</Button>\r\n\t\t\t\t\t\t\t\t<Drawer\r\n\t\t\t\t\t\t\t\t\trootClassName=\"specials-filters-drawer\"\r\n\t\t\t\t\t\t\t\t\tplacement=\"bottom\"\r\n\t\t\t\t\t\t\t\t\tonClose={handleClose}\r\n\t\t\t\t\t\t\t\t\topen={visible}\r\n\t\t\t\t\t\t\t\t\theight=\"calc(100% - 170px)\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t<SpecialsFilters page={page} />\r\n\t\t\t\t\t\t\t\t</Drawer>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<SpecialsInner />\r\n\t\t\t\t\t\t\t<LoadMoreBtn />\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</ItemsProvider>\r\n\t\t\t)}\r\n\t\t/>\r\n\t</>;\r\n};\r\n\r\nexport default Specials;\r\n","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAb1BMVEVHcExkZGRlZWVqampjY2NlZWVkZGRkZGRmZmZVVVVlZWVlZWVlZWV/f39kZGRlZWVmZmZkZGRkZGRlZWVkZGRlZWVlZWVnZ2dkZGRlZWVlZWVmZmZkZGRmZmZkZGRmZmZmZmZlZWVlZWVlZWVlZWXsg+lDAAAAJHRSTlMA8cIYH9+lqlUD4andBCGiHo77jTiQoTmMi/A3wY+Ro612cq4cL8SQAAABC0lEQVRYw+2VyW7EIBBEwQZsZiaLM1v29f3/N+bQyLKxpWlySRRRki8t1etuKBljqqqq/q5cY49xUX2xTav0eyDkhDOwV/lvdwBsr+blHugK/AuCFjD6c4ISMPFnBB3AeYC79M1OUgWQ/tsv4HOXzaABtF7adkAvw5yKAEMauwP6tM6hFBCiSQAhFAHaFOEEMK6x9+VBmgB+lsQKqID/Ctjbxk0A8fXy+zADnAHvRkAMwFACOCAEAcSA4oGZr3ASQg904vdFK5h4A7D5AN7fADbXhbcgbcd/vXfF1ygzJF3uv5KDCUHjXwnSSFD515KYCDq/GYCnrBaD7vzS+/D4sCjGo31W+quqqn5F37wSNnMy68u0AAAAAElFTkSuQmCC\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAXVBMVEVHcExiYmJkZGRlZWVlZWViYmJlZWVmZmZkZGR/f39lZWVjY2NkZGRlZWVlZWVlZWVlZWVlZWVmZmZlZWVkZGRqampkZGRlZWVlZWVmZmZlZWVlZWVlZWVkZGRlZWVSrR2OAAAAHnRSTlMADZGQnCx5VaoE9zt6e8nmK+UtkssMV8hWj1h3OvZWtz64AAAAiUlEQVQYGe3BSRaDIBQEwEZBBWczT33/Y2apMSrg0verIIQQv+qWkdoME0/ucMdIcweNUcUdMoxUw2i3CyZsmUd6W4jDGZLCIzHYMDh6OYN1JwZIsS5hgAfWGUevT4cNJi080g7i8GyZz5QWEdSZfxqFcDUXVAinuUAj3JULckTIes70LwghRJQvTys/ff4GtMQAAAAASUVORK5CYII=\""],"names":["Option","Select","SortingDirectionNames","SortingDirection","SpecialLoader","className","map","i","key","SpecialsInner","context","useItemsProviderContext","actions","Error","state","items","loading","isEmpty","length","emptyClassName","special","id","item","SpecialsFilters","page","locations","filterProps","procedures","filters","handleChange","type","onChange","value","procedureIds","placeholder","loadOnFocus","antdProps","defaultValue","maxTagCount","renderTitle","name","location","nameEn","join","additionalParams","param","currentValue","locationId","currentTarget","caption","direction","column","find","c","src","sortingDefault","alt","sorting","LoadMoreBtn","pagination","loadMore","total","onClick","React","visible","setVisible","handleOpen","handleClose","path","defaultTitle","loader","inner","list","loadRequest","count","withHandleUrl","title","rootClassName","placement","onClose","open","height","module","exports"],"sourceRoot":""}