\n \n \n \n \n \n
\n )\n\n return (\n \n
\n )\n}\n","import React, {useEffect, useState} from 'react'\nimport {useSelector} from 'react-redux'\nimport cn from 'classnames/bind'\nimport Categories from './Categories'\nimport SortBy from './SortBy'\nimport Sidebar from '../Sidebar'\nimport CollectionIcon from './CollectionIcon'\nimport ProductIcon from './ProductIcon'\nimport MobileFiltersMenu from '../MobileFiltersMenu'\n\n/** @param {import('./index').FiltersProps} props */\nexport default function Filters(props) {\n const {\n categories,\n isCustomStore,\n filters,\n sort,\n tags,\n ownDesignAllowed,\n } = props\n\n const isMobile = useSelector((state) => state.isMobile)\n const [isOpen, setIsOpen] = useState(false)\n const [content, setContent] = useState(null)\n\n useEffect(() => {\n if (isOpen) {\n document.documentElement.classList.add('store-menu-active')\n } else {\n document.documentElement.classList.remove('store-menu-active')\n }\n }, [isOpen])\n\n const toggleMenu = (newContent) => (e) => {\n e.preventDefault()\n setIsOpen(!isOpen)\n setContent(newContent || content)\n }\n\n const closeMenu = () => setIsOpen(false)\n\n return (\n {dictionary.store.Sort}
\n {isSelect ? select : links}
\n \n Коллекции\n
\n\n \n Показать\n \n
\n \n Фильтр\n
\n\n \n Показать\n \n
\n \n \n
\n \n \n
\n \n \n
,\n document.querySelector('.store-menu')\n )\n}\n","import React from 'react'\nimport {useSelector} from 'react-redux'\nimport dictionary from '../../../dictionary'\nimport trackEvent from '../../../utils/track-event'\nimport {filtersSelector} from '../selectors'\n\nexport default function NoFindProducts() {\n const isCustomStore = useSelector((state) => state.isCustomStore)\n const filters = useSelector((state) =>\n filtersSelector(state, isCustomStore),\n )\n\n return (\n \n \n trackEvent({\n category: 'store button',\n action: 'no_products_create_design',\n })\n }\n className=\"b-btn b-btn_info\"\n >\n {dictionary.store.Create_own_design}\n \n
\n )\n}\n","import React from 'react'\nimport {useSelector} from 'react-redux'\nimport dictionary from '../../../dictionary'\nimport trackEvent from '../../../utils/track-event'\nimport {filtersSelector} from '../selectors'\n\nexport default function OwnDesignBtn() {\n const isCustomStore = useSelector((state) => state.isCustomStore)\n const filters = useSelector((state) =>\n filtersSelector(state, isCustomStore),\n )\n const ownDesignAllowed = useSelector((state) => state.ownDesignAllowed)\n\n return (\n {dictionary.store.Didnt_find_what_you_were_looking_for}?
\n\n \n trackEvent({\n category: 'store button',\n action: 'create_design',\n })\n }\n className=\"b-btn b-btn_info b-btn_small\"\n >\n {dictionary.store.Own_design}\n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n \n \n
\n \n
\n \n \n \n
\n \n {product.admin.formulaForSortingWeightBoost}\n
\n \n \n \n \n \n
\n \n \n {price}\n
\n \n {product.title}\n \n
\n \n \n Купить в 1 клик\n \n
\n \n
\n \n \n \n \n \n
\n \n \n \n \n \n \n
\n \n ) : (\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n \n \n \n \n \n \n \n \n \n \n
\n \n
\n \n \n
\n \n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n )\n}\n","import React from 'react'\nimport {useSelector} from 'react-redux'\nimport {seoTypeSelector} from '../selectors'\n\n/** @param {import('./SeoBannerImage').SeoBannerImageProps} props */\nexport default function SeoBannerImage(props) {\n const src = useSelector((state) => seoTypeSelector(state, props.src))\n const alt = useSelector((state) => seoTypeSelector(state, props.alt))\n\n return (\n \n
\n ) : (\n <>\n \n
\n \n \n \n
\n \n
\n \n \n \n \n \n \n {dictionary.store.Show_more}\n
\n \n \n
\n \n
\n \n
\n \n
\n {children}
\n {items}
\n )\n}\n","import {createSelector} from \"reselect\";\nimport createPathByFilters from \"../utils/createPathByFilters\";\n\nexport const breadcrumbsSelector = (state) => state.seo.breadcrumbs;\nexport const seoTypeSelector = (state, type) => state.seo[type];\nexport const advantagesSelector = (state) => state.seo.advantages;\nexport const faqSelector = (state) => state.seo.faq;\nexport const pathSelector = (state) => state.path;\nexport const tagsMapSelector = (state) => state.tags\nexport const filtersSelector = (state, isCustomStore) => {\n const {filters} = state;\n const {rootPath, department, category, type} = filters;\n\n const combineList = isCustomStore\n ? [department, category, type]\n : [rootPath, department, category, type];\n\n let {combine} = filters;\n combine =\n combine ||\n combineList.reduce((acc, i) => {\n if (i) {\n return `${acc}/${i}`;\n }\n return acc;\n });\n\n return {\n rootPath,\n combine,\n cod: filters.ownDesignPath,\n tag: filters.tag,\n subTag: filters.subTag,\n page: filters.page,\n search: filters.search,\n sort: filters.sort,\n price: filters.price,\n loading: filters.loading,\n loaded: filters.loaded\n };\n};\nexport const rootPathSelector = (state) => state.filters.rootPath;\nexport const sortSelector = (state) => state.sort;\nexport const productsMapSelector = (state) => state.products;\nexport const buyInOneClickSelector = (state) => state.buyInOneClick;\nexport const paginationSelector = (state) => state.pagination;\nexport const isMobileSelector = (state) => state.isMobile;\nexport const authenticityTokenSelector = (state) => state.authenticityToken;\n\nexport const tagsSelector = createSelector(\n tagsMapSelector,\n filtersSelector,\n (tags, filters) => {\n return tags.map((tag) => {\n return {\n ...tag,\n path: createPathByFilters(filters, {\n tag: tag.parametrazedName,\n subTag: ``,\n page: 1\n }),\n children: tag.children.map((subTag) => {\n return {\n ...subTag,\n path: createPathByFilters(filters, {\n tag: tag.parametrazedName,\n subTag: subTag.parametrazedName,\n page: 1\n }),\n active: subTag.parametrazedName === filters.subTag\n };\n }),\n active: tag.parametrazedName === filters.tag\n };\n });\n }\n);\nexport const tagsSidebarSelector = createSelector(tagsSelector, (tags) => {\n const featured = [];\n const normal = [];\n const hidden = [];\n\n tags.forEach((tag) => {\n if (tag.position < 10) {\n featured.push(tag);\n } else if (tag.position < 100) {\n normal.push(tag);\n } else if (tag.position > 99) {\n hidden.push(tag);\n }\n });\n\n return {\n featured,\n normal,\n hidden\n };\n});\nexport const tagCloudSelector = createSelector(tagsSelector, (tags) => {\n return tags.reduce((acc, tag) => {\n if (tag.active) {\n return [...tag.children];\n }\n return [...acc];\n }, []);\n});\nexport const productsSelector = createSelector(\n productsMapSelector,\n (products) => products\n);\n","export default (filters, options) => {\n let {tag, subTag, combine, sort, search, page, price} = filters;\n let path = ``;\n let {\n tag: replTag,\n subTag: replSubTag,\n combine: replCombine,\n sort: replSort,\n page: replPage\n } = options;\n\n if (replCombine || replCombine === ``) {\n combine = replCombine;\n }\n if (replTag || replTag === ``) {\n tag = replTag;\n }\n if (replSubTag || replSubTag === ``) {\n subTag = replSubTag;\n }\n if (replSort) {\n sort = replSort;\n }\n if (replPage) {\n page = replPage;\n }\n if (combine) {\n path += /^\\//g.test(combine) ? combine : `/${combine}`;\n }\n if (tag) {\n path += `/${tag}`;\n\n if (subTag) {\n path += `/${subTag}`;\n }\n }\n if (page && +page !== 1) {\n path += `/page-${page}`;\n }\n const hasPrice = price && Object.keys(price).length;\n const hasSort = sort && sort !== `admin_rating`;\n if (search || hasSort || hasPrice) {\n path += `?`;\n const query = [];\n if (search) {\n query.push(`q=${search}`);\n }\n if (hasSort) {\n query.push(`sort_by=${sort}`);\n }\n if (hasPrice) {\n const {min, max} = price;\n if (min) {\n query.push(`min_price=${min}`);\n }\n if (max) {\n query.push(`max_price=${max}`);\n }\n }\n path += query.join(`&`);\n }\n return path;\n};\n","class Node {\n constructor(data = {}, parent = null, children = []) {\n this.data = data;\n this.parent = parent;\n this.children = children;\n }\n}\nexport default class Tree {\n constructor(array) {\n this.root = new Node({});\n this.createByArray(array);\n }\n createByArray(array, parent, data = [`title`, `url`]) {\n if (!parent) {\n parent = this.root;\n }\n for (let i = 0; i < array.length; i++) {\n const el = array[i];\n if (data.length) {\n el.data = data.reduce((acc, item) => {\n if (item === `url`) {\n el[item] = this._changeRootPath(el[item]);\n }\n return {\n ...acc,\n [item]: el[item]\n };\n }, {});\n }\n const node = new Node(el.data, parent, []);\n parent.children.push(node);\n\n if (el.children.length) {\n this.createByArray(el.children, node);\n }\n continue;\n }\n return this;\n }\n createByValue(value) {\n const nodeOfCategory = this.findNodeByValue(value) || this.root;\n const parents = this.getParents(nodeOfCategory).reverse();\n return [...parents, nodeOfCategory];\n }\n findNodeByValue(value, key = `url`) {\n let result;\n const arrayOfValues = value.split(`/`);\n for (let j = arrayOfValues.length - 1; j >= 0; j--) {\n const val = arrayOfValues[j];\n const findNodeInArray = (array) => {\n for (let i = 0; i < array.length; i++) {\n if (result) {\n return result;\n }\n const node = array[i];\n if (val === node.data[key].split(`/`).pop()) {\n result = node;\n return node;\n } else {\n findNodeInArray(node.children);\n }\n }\n return result;\n };\n findNodeInArray(this.root.children);\n }\n return result;\n }\n getParents(node) {\n const result = [];\n const getParent = (n) => {\n if (n && n.parent) {\n result.push(n.parent);\n getParent(n.parent);\n } else {\n return result;\n }\n return result;\n };\n\n return getParent(node);\n }\n simpleFindNodeByValue(value, rootPath, node, key = `url`) {\n const array = node.children;\n const val = value.replace(rootPath, ``);\n let result;\n if (array) {\n for (let i = 0; i < array.length; i++) {\n const nod = array[i];\n if (val === nod.data[key]) {\n result = nod;\n return nod;\n }\n }\n }\n return result;\n }\n updateByValue(value, rootPath, tree) {\n const children = this.simpleFindNodeByValue(\n value,\n rootPath,\n tree[tree.length - 1]\n );\n const parent = this.simpleFindNodeByValue(\n value,\n rootPath,\n tree[tree.length - 2]\n );\n if (children) {\n return [...tree, children];\n } else if (parent) {\n return [...tree.slice(0, -1), parent];\n }\n return this.createByValue(value);\n }\n transformToFlatList(tree) {\n return tree.map((node) => {\n if (node.parent) {\n node.parent.children.forEach((item) => {\n item.data.active = false;\n });\n }\n node.data.active = true;\n return node.children.map((child) => {\n child.data.active = false;\n return child.data;\n });\n });\n }\n _changeRootPath(path) {\n const regExp = new RegExp(`(/store(?=/))|(/store(?=$))`);\n if (regExp.test(path)) {\n return path.replace(/^\\/store/, ``);\n }\n return path;\n }\n}\n","import React, {Component} from \"react\";\nimport PropTypes from \"prop-types\";\nimport {NavLink, withRouter} from \"react-router-dom\";\n\nexport class Breadcrumbs extends Component {\n static propTypes = {\n items: PropTypes.arrayOf(\n PropTypes.shape({\n title: PropTypes.string.isRequired,\n path: PropTypes.string\n })\n ).isRequired\n };\n render() {\n const breadcrumbs = this.props.items.map((item, i) => {\n if (!item.path) {\n return (\n \n \n {tabs.map(({tab_header: header}) => (\n \n {tabs.map(({tab_header: tabHeader, text}) => (\n
\n );\n }\n}\n\nTabs.propTypes = {\n classes: PropTypes.object.isRequired,\n tabs: PropTypes.array\n};\n\nexport default withStyles(styles)(Tabs);\n","// extracted by mini-css-extract-plugin\nexport default {\"menu\":\"applications-components-StoreApp-components-MobileFiltersMenu-index-module__menu\",\"closeButton\":\"applications-components-StoreApp-components-MobileFiltersMenu-index-module__closeButton\"};","// extracted by mini-css-extract-plugin\nexport default {\"previewImg\":\"applications-components-StoreApp-components-Product-product-module__previewImg\",\"designImgContainer\":\"applications-components-StoreApp-components-Product-product-module__designImgContainer\",\"designImg\":\"applications-components-StoreApp-components-Product-product-module__designImg\"};"],"names":["Advantages","advantages","useSelector","advantagesSelector","length","className","key","i","dangerouslySetInnerHTML","__html","advantage","head","body","DataTags","filters","state","department","category","type","id","value","Item","props","data","isOpenInitial","useState","isOpen","setIsOpen","onClick","question","answer","FAQ","faq","faqSelector","item","Categories","dispatch","useDispatch","rootPath","rootPathSelector","categories","disabled","loading","combine","isCustomStore","tree","createByValue","selects","transformToFlatList","filter","options","handleChange","e","newCombine","target","push","pathname","createPathByFilters","subTag","page","trackEvent","action","getActiveOptionValue","option","active","url","dictionary","onChange","title","CollectionIcon","xmlns","enableBackground","height","viewBox","width","d","ProductIcon","SortBy","sort","search","isSelect","sortTypeValue","setSortTypeValue","sendTracker","sortType","admin_rating","price_asc","moderated_date","label","links","map","path","to","select","hash","Filters","tags","ownDesignAllowed","isMobile","content","setContent","useEffect","document","documentElement","classList","add","remove","toggleMenu","newContent","preventDefault","cn","closeMenu","withChildren","href","MobileFiltersMenu","styles","ReactDOM","size","children","querySelector","NoFindProducts","filtersSelector","cod","OwnDesignBtn","Pagination","pagination","paginationSelector","isFirstForcingPage","setIsFirstForcingPage","nextPage","pageCount","dataset","addProducts","previousLabel","nextLabel","initialPage","forcePage","breakLabel","breakClassName","marginPagesDisplayed","pageRangeDisplayed","onPageChange","selected","String","containerClassName","subContainerClassName","activeClassName","hrefBuilder","Badges","badges","discount","novelty","quality","popularity","certified","DesignImage","product","hideDesignImage","preview","designUrl","style","backgroundColor","color","hexCode","onMouseLeave","src","alt","ready","Image","lazy","imageAttrs","AdminSetup","loadable","Product","authenticityToken","onPlatform","lazyImg","openModal","adminIsOpen","setAdminIsOpen","isShowDesignImage","setIsShowDesignImage","currency","itemProp","price","basePrice","currentPrice","onMouseEnter","itemScope","itemType","admin","editPath","formulaForSortingWeightBoost","window","scrollTo","assetURL","Products","products","buyInOneClick","modalIsOpen","setModalIsOpen","productId","setProductId","isLazyLoadImg","idx","items","loadded","error","closeModal","Root","breadcrumbs","breadcrumbsSelector","tagsMapSelector","hasError","Tree","showUnder","position","bottom","SeoBannerImage","seoTypeSelector","SeoHeader","test","tag","SeoTabsContainer","tabs","SeoText","text","React","trim","Sidebar","tagsSidebarSelector","track","tagName","featured","withoutContainer","tagClick","normal","hidden","name","parametrazedName","handleClick","Tag","setHeight","icon","tag_open","exact","duration","TagCloud","tagCloudSelector","Boolean","itemClassName","TagList","seo","combineList","reduce","acc","ownDesignPath","loaded","tagsSelector","createSelector","forEach","replTag","replSubTag","replCombine","replSort","replPage","hasPrice","Object","keys","hasSort","query","min","max","join","Node","parent","this","array","root","createByArray","el","_changeRootPath","node","nodeOfCategory","findNodeByValue","parents","getParents","reverse","result","arrayOfValues","split","j","val","findNodeInArray","pop","getParent","n","replace","nod","simpleFindNodeByValue","slice","child","RegExp","Breadcrumbs","Component","PropTypes","isRequired","withRouter","Tabs","event","setState","index","classes","variant","tabsRoot","indicator","tabsIndicator","flexContainer","header","tab_header","disableRipple","component","tabRoot","tabSelected","axis","onChangeIndex","handleChangeIndex","tabHeader","createMarkup","propTypes","withStyles","theme","flexGrow","palette","background","paper","borderBottom","flexWrap","typography","fontWeightRegular","opacity","fontWeight","fontWeightMedium","padding","spacing","unit"],"sourceRoot":""}\n \n
\n ))}\n \n