{"version":3,"sources":["webpack:///./Scripts/Containers/ProductSekeltonLoader.container.js"],"names":["ProductSkeletonLoader","props","this","loading","productList","classList","add","remove","className","Array","map","product","index","key","Component","connect","facetedSearch"],"mappings":"wsEAGMA,E,yTACF,WAAYC,GAAO,O,4FAAA,qBACTA,G,+CAGV,WACOC,KAAKD,MAAME,QACVD,KAAKD,MAAMG,YAAYC,UAAUC,IAAI,QAErCJ,KAAKD,MAAMG,YAAYC,UAAUE,OAAO,U,oBAIhD,WACI,OAAIL,KAAKD,MAAME,QAIX,uBAAKK,UAAU,wCACX,sBAAIA,UAAU,oBACT,EAAIC,MAAM,IAAIC,KAAI,SAACC,EAASC,GAAV,OACf,sBAAIC,IAAKD,EAAOJ,UAAU,uCACtB,uBAAKA,UAAU,2BACX,uBAAKA,UAAU,4CACX,uBAAKA,UAAU,wBAEnB,uBAAKA,UAAU,oCACX,uBAAKA,UAAU,mCACX,uBAAKA,UAAU,8BACf,uBAAKA,UAAU,mCAEnB,uBAAKA,UAAU,+CACX,uBAAKA,UAAU,2EAEnB,uBAAKA,UAAU,mDACX,uBAAKA,UAAU,wBAEnB,uBAAKA,UAAU,qFACX,uBAAKA,UAAU,sCAEnB,uBAAKA,UAAU,8BACX,uBAAKA,UAAU,iCACX,uBAAKA,UAAU,oEA3BvC,sC,iFAfgBM,aA8DpC,SAAeC,SAPS,SAAC,GAIjB,MAAO,CAAEZ,QADN,EAFPa,cACIb,WAKR,CAAwCH","file":"182.613b3810cdb3cba3c37a.js","sourcesContent":["import React, {Component} from \"react\";\r\nimport { connect } from 'react-redux'\r\n\r\nclass ProductSkeletonLoader extends Component {\r\n    constructor(props) {\r\n        super(props)\r\n    }\r\n\r\n    componentDidUpdate() {\r\n        if(this.props.loading) {\r\n            this.props.productList.classList.add(\"hide\");\r\n        } else {\r\n            this.props.productList.classList.remove(\"hide\");\r\n        }\r\n    }\r\n\r\n    render() { \r\n        if(!this.props.loading)\r\n            return (<></>)\r\n\r\n        return (\r\n            <div className=\"product-skeleton-loader product-list\">\r\n                <ul className=\"row product-list\">\r\n                    {[...Array(5)].map((product, index) => (\r\n                        <li key={index} className=\"product-list__item columns small-12\">\r\n                            <div className=\"product-list__item__row\">\r\n                                <div className=\"product__figure medium-2 show-for-medium\">\r\n                                    <div className=\"image skeleton-box\"></div>\r\n                                </div>\r\n                                <div className=\"product__info small-12 medium-10\">\r\n                                    <div className=\"small-8 medium-9 name-container\">\r\n                                        <div className=\"product-name skeleton-box\"></div>\r\n                                        <div className=\"product-sub-name skeleton-box\"></div>\r\n                                    </div>\r\n                                    <div className=\"product__figure small-4 show-for-small-only\">\r\n                                        <div className=\"image-mobile product__figure small-9 show-for-small-only skeleton-box\"></div>\r\n                                    </div>\r\n                                    <div className=\"product__price small-5 medium-3 price-container\">\r\n                                        <div className=\"price skeleton-box\"></div>\r\n                                    </div>\r\n                                    <div className=\"product__description-properties-section small-7 medium-12 large-6 props-container\">\r\n                                        <div className=\"product-description skeleton-box\"></div>\r\n                                    </div>\r\n                                    <div className=\"small-12 medium-12 large-6\">\r\n                                        <div className=\"product__quantity-buy-section\">\r\n                                            <div className=\"buy-button product__buy-button-container skeleton-box\"></div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </li>\r\n                    ))}\r\n                </ul>\r\n            </div>\r\n        )\r\n    }\r\n}\r\n\r\nconst mapStateToProps = ({    \r\n    facetedSearch: {\r\n        loading,\r\n    }}) => {\r\n        return { loading }\r\n    }\r\n \r\nexport default connect(mapStateToProps)(ProductSkeletonLoader);"],"sourceRoot":""}