\r\n }\r\n \r\n
\r\n \r\n Close\r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nMsgModal.propTypes = {\r\n title: PropTypes.string,\r\n message: PropTypes.string,\r\n show: PropTypes.bool.isRequired,\r\n openAction: PropTypes.func,\r\n closeAction: PropTypes.func,\r\n};\r\n\r\nMsgModal.defaultProps = {\r\n show: false,\r\n openAction: () => {},\r\n closeAction: () => {},\r\n}\r\n\r\nexport default MsgModal\r\n","import React, {useEffect} from 'react';\r\n//import {Alert, Row, Col } from 'react-bootstrap';\r\n//import Actions, { DispatchAction } from '../actions';\r\nimport { connect } from 'react-redux';\r\nimport { versionInfo } from '../utils/CommonUtil';\r\nimport { Navbar, Nav, ListGroup } from 'react-bootstrap';\r\nimport MsgModal from '../container/MsgModal';\r\nimport { setMsgModal } from '../actions/AuthAction';\r\nimport { Modal, Button, Row, Col, Card, Form, Container } from 'react-bootstrap';\r\n\r\n\r\n//function Footer(props) {\r\n /**\r\n * Creates a new Footer.\r\n * @class\r\n */\r\nconst Footer = (props) => {\r\n /** @function\r\n * @name showModal */\r\n const showModal = (msgTitle, msgBody) => {\r\n props.setMsgModal({\r\n \"title\": msgTitle,\r\n \"message\": msgBody,\r\n \"show\": true\r\n });\r\n }\r\n /** @function\r\n * @name hideModal */\r\n const hideModal = () => {\r\n props.setMsgModal({\r\n \"title\": \"\",\r\n \"message\": \"\",\r\n \"show\": false\r\n });\r\n }\r\n\r\n useEffect(()=>{\r\n hideModal()\r\n }, [])\r\n\r\n/*const contactus_text =
\r\n Welcome to Naumi Fashions
;\r\n\r\nconst aboutus_text =
Welcome to Naumi Fashions
;\r\n*/\r\n\r\n return (\r\n
\r\n );\r\n\r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n modal: state.AuthData.modal,\r\n termsandcondition: state.HomeData.termsncondnord,\r\n footerdata: state.HomeData.footers,\r\n name: state.UserData.name,\r\n phone: state.UserData.phone,\r\n email: state.UserData.email,\r\n query: ''\r\n});\r\n\r\nexport default connect(mapStateToProps, { setMsgModal })(Footer);\r\n\r\n","import React, { useEffect, useState } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Outlet, useNavigate, useLocation } from 'react-router-dom';\r\n\r\nimport ThemeSwitcher from 'react-css-vars';\r\nimport { BreadcrumbsItem } from 'react-breadcrumbs-dynamic'\r\n\r\n//import Header from '../components/header/Header';\r\nimport Footer from '../components/Footer';\r\n\r\nimport { getProductsList, getFilterList } from '../actions/ProductsAction';\r\n\r\n/**\r\n * Creates a HomeContainer.\r\n * @class\r\n */\r\nconst HomeContainer = props => {\r\n\r\n const { companyid, theme, getProductsList, getFilterList } = props;\r\n //.. initial call for company and app setup\r\n\r\n const navigate = useNavigate();\r\n const location = useLocation();\r\n\r\n const [defaultTheme, setDefaultTheme] = useState({ themecolor: \"#177913\" });\r\n\r\n let [hideFooter4Checkout, setHideFooter4Checkout] = useState(false);\r\n\r\n useEffect(() => {\r\n if (localStorage.getItem('tmp_auth') !== \"true\") {\r\n navigate('/login', { replace: true });\r\n }\r\n })\r\n\r\n useEffect(() => {\r\n if (companyid && companyid !== '') {\r\n getProductsList({ \"compId\": companyid });\r\n getFilterList({ \"compId\": companyid });\r\n }\r\n }, [companyid]);\r\n\r\n\r\n useEffect(() => {\r\n if (theme) if (theme.color) setDefaultTheme({ themecolor: theme.color })\r\n }, [theme]);\r\n\r\n useEffect(() => {\r\n setHideFooter4Checkout((location.pathname === \"/checkout\" && props.isMobileMenu));\r\n }, [location, props.isMobileMenu]);\r\n\r\n return (\r\n
\r\n Home \r\n \r\n \r\n {/* {brands &&
\r\n {!hideFooter4Checkout && }\r\n \r\n \r\n );\r\n\r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n companyid: state.HomeData.companyid,\r\n brands: state.HomeData.brands,\r\n theme: state.HomeData.theme,\r\n imagepath: state.HomeData.imagepath,\r\n productsList: state.ProductsData.productsList,\r\n authenticated: state.AuthData.authenticated,\r\n isMobileMenu: state.CategoryData.isMobileMenu\r\n})\r\n\r\nexport default connect(mapStateToProps, { getProductsList, getFilterList })(HomeContainer);","import React, { useState } from 'react';\r\nimport { validatePin, setPinModal } from '../actions/LocationAction';\r\nimport { connect } from 'react-redux';\r\nimport { Modal, Row, Button, Form } from 'react-bootstrap';\r\n\r\n/**\r\n * Pinmodal Component is defined\r\n * @constructor\r\n * @param {*} props \r\n */\r\nconst PinModal = (props) => {\r\n const [pin, setPin] = useState(\"\");\r\n /**\r\n * @function onFormSubmit\r\n */\r\n const onFormSubmit = e => {\r\n e.preventDefault();\r\n pinProceedHandler()\r\n }\r\n \r\n /**\r\n * @function pinProceedHandler\r\n */\r\n const pinProceedHandler = () => {\r\n if (isSixDigitPin()) {\r\n props.validatePin({\"pinCode\":pin, \"companyid\":props.companyid})\r\n props.setPinModal(false)\r\n }\r\n }\r\n /**\r\n * @function isSixDigitPin\r\n */\r\n const isSixDigitPin = () => {\r\n return (pin.length === 6) ? true : false\r\n }\r\n \r\n /**\r\n * @function pinChangeHandler\r\n * @param {object} e - pass event to update the value\r\n */\r\n const pinChangeHandler = (e) => {\r\n const value = e.target.value\r\n if (value.length <= 6) {\r\n setPin(value)\r\n }\r\n }\r\n\r\n return (\r\n\r\n
\r\n \r\n \r\n\r\n /*
\r\n \r\n Where do you want us to deliver? \r\n \r\n \r\n \r\n \r\n Enter Delivery PIN Code : \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Invalid PIN code
\r\n \r\n Proceed\r\n \r\n \r\n */\r\n )\r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n companyid:state.HomeData.companyid,\r\n pin: state.LocationData.pin,\r\n pinModalState: state.LocationData.pinModalState,\r\n deliverablePin: state.LocationData.deliverablePin,\r\n msg:state.LocationData.msg\r\n})\r\nexport default connect(mapStateToProps, { validatePin, setPinModal })(PinModal);","import React from \"react\";\r\nimport {ColorLuminance} from '../utils/CommonUtil';\r\n/**\r\n * Creates a new ColorCode.\r\n * @class\r\n */\r\nconst ColorCode = props => {\r\n const dot = color => ({\r\n height: '13px',\r\n width: '13px',\r\n backgroundColor: color,\r\n border: `1px solid ${ColorLuminance(color, -60)}`,\r\n borderRadius: '50%',\r\n display: 'inline-block',\r\n margin: \"1px\",\r\n marginRight:\"3px\",\r\n verticalAlign: \"text-top\",\r\n }) \r\n \r\n return (\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default ColorCode;","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { useNavigate } from 'react-router-dom';\r\nimport ImageUtil from '../../utils/ImageUtil';\r\nimport { Navbar, Nav, ListGroup } from 'react-bootstrap';\r\n/**\r\n * Creates a new Logo.\r\n * @class\r\n */\r\nconst Logo = props => {\r\n const navigate = useNavigate();\r\n /** @function\r\n * @name onClickLogo */\r\n const onClickLogo = () => {\r\n navigate(\"/\");\r\n }\r\n\r\n return (\r\n \r\n
\r\n {props.logo ?
: null}\r\n \r\n
\r\n \r\n )\r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n logo:state.HomeData.logo\r\n})\r\n\r\nexport default connect(mapStateToProps, {})(Logo);","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { useNavigate } from 'react-router-dom';\r\nimport { to2Decimal, formatINR } from '../../utils/CommonUtil';\r\nimport ImageUtil from '../../utils/ImageUtil';\r\nimport {previewCart} from '../../actions/CartAction';\r\nimport {Global} from '../../utils/Env';\r\nimport { selectCheckOutJSON, checkOutOrder } from '../../actions/CheckoutAction';\r\n /**\r\n * Creates a new Cart.\r\n * @class\r\n */\r\nconst Cart = (props) => {\r\n /** @function\r\n * @name checkOutOrder_onComplete */\r\n Global.callback.checkOutOrder_onComplete = () => {\r\n navigate(\"/checkout\", { state: { process: true } });\r\n }\r\n\r\n const navigate = useNavigate();\r\n /** @function\r\n * @name onCartClicked */\r\n const onCartClicked = () => {\r\n if(hasItems()){\r\n props.checkOutOrder(props.checkoutData); \r\n } \r\n }\r\n /** @function\r\n * @name hasItems */\r\n const hasItems = () => {\r\n return (props.cartItems && (props.cartItems.length > 0)) ? true : false\r\n }\r\n \r\n return (\r\n
\r\n
\r\n {props.totalItems ? (
{props.totalItems} ) : (\"\")}\r\n
\r\n )\r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n totalItems:state.CartData.totalItems,\r\n totalAmount:state.CartData.totalAmount,\r\n cartBounce:state.CartData.cartBounce,\r\n cartItems: state.CartData.cartList,\r\n checkoutData: selectCheckOutJSON(state)\r\n })\r\n\r\nexport default connect(mapStateToProps, { previewCart, checkOutOrder }) (Cart);","import React, { useState } from 'react';\r\n//import ImageUtil from '../../utils/ImageUtil';\r\nimport { useNavigate } from 'react-router-dom';\r\nimport { clearCategory, setMobileSearch } from '../../actions/CategoryAction';\r\nimport { connect } from 'react-redux';\r\nimport { Container, Button, Row, Col, Navbar, Nav, Form, FormControl, InputGroup, ListGroup } from 'react-bootstrap';\r\n/**\r\n * Creates a new Search.\r\n * @class\r\n */\r\nconst Search = (props) => {\r\n\r\n const [input, setInput] = useState('');\r\n const navigate = useNavigate();\r\n /** @function\r\n * @name handleClick */\r\n function handleClick(e){\r\n \r\n e.preventDefault();\r\n props.clearCategory();\r\n navigate('/search', {state:{term:input}});\r\n\r\n setInput(''); //.. clear input field\r\n } \r\n\r\n const onSearchMobile = () => {\r\n props.setMobileSearch(false);\r\n }\r\n\r\n return (\r\n
\r\n )\r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n mobileSearch: state.CategoryData.mobileSearch\r\n})\r\n\r\nexport default connect(mapStateToProps, {setMobileSearch, clearCategory}) (Search);","import React from \"react\";\r\n//import ImageUtil from '../../utils/ImageUtil';\r\nimport Nav from 'react-bootstrap/Nav';\r\nimport { connect } from \"react-redux\";\r\n/**\r\n * Creates a new Category.\r\n * @class\r\n */\r\nconst Category = props => {\r\n /** @function\r\n * @name handleMouseOver */\r\n const handleMouseOver = e => {\r\n //console.log(\"handleMouseOver \");\r\n }\r\n /** @function\r\n * @name handleMouseOut */\r\n const handleMouseOut = e => {\r\n //console.log(\"handleMouseOut\")\r\n }\r\n /** @function\r\n * @name getIcon */\r\n /*const getIcon = icon => {\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n ) \r\n }*/\r\n\r\n return (\r\n
\r\n \r\n {/* {props.category.categoryImageName && getIcon(props.category.categoryImageName)} */}\r\n {props.category.name} \r\n \r\n \r\n );\r\n};\r\nconst mapStateToProps = state => ({\r\n selectedCategory: state.CategoryData.selectedCategory,\r\n})\r\nexport default connect(mapStateToProps)(Category);","import React, {useState} from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { ListGroup } from 'react-bootstrap';\r\nimport ImageUtil from '../utils/ImageUtil';\r\n\r\n const Scroller =(props) => {\r\n\t const [interv, setInterv] = useState(null);\r\n\t const[range,setRange]=useState([0,props.range-1]); \r\n\t let range1=[range[0],range[1]];\r\n\t const leftclick=() => {\r\n\t //console.log(\"in increase\");\r\n\t\t //console.log(range1);\r\n\t let a=range1[0];\r\n\t let b=range1[1];\r\n\t if(a!=0)\r\n\t {\r\n\t\t a=a-1;\r\n\t\t b=b-1;\r\n\t\t let ob=[a,b];\r\n\t\t range1[0]=ob[0];\r\n\t\t range1[1]=ob[1];\r\n\t\t setRange(ob);\r\n\t }\r\n }\r\n const rightclick=() => {\r\n\t //console.log(\"in increase\");\r\n\t //console.log(range1);\r\n\t let a=range1[0];\r\n\t let b=range1[1];\r\n\t if(b!=props.data.length-1)\r\n\t {\r\n\t\t a=a+1;\r\n\t\t b=b+1;\r\n\t\t let ob=[a,b];\r\n\t\t range1[0]=ob[0];\r\n\t\t range1[1]=ob[1];\r\n\t\t setRange(ob);\r\n\t }\r\n }\r\n \r\n const left = () => {\r\n\t \r\n setInterv(setInterval(() => {leftclick()}, 700));\r\n }\t\r\n const right = () => {\r\n\t\t\r\n setInterv(setInterval(() => {rightclick()}, 700));\r\n }\r\n\t let content=[];\r\n\t var i;\r\n\t for(i=0;i
=range[0] && i<=range[1])\r\n\t\t content=[content,props.data[i]];\r\n\t }\r\n\t return (\r\n\t\t\r\n\t\t {((props.data.length>props.range) && (typeof props.nav != \"undefined\"))?((props.nav.type==\"fa\")?(left()} onMouseLeave={()=>clearInterval(interv)} > ):(right()} onMouseLeave={()=>clearInterval(interv)}> ):( \r\n );\t\r\n }\r\n \r\n const mapStateToProps = state => ({\r\n \r\n});\r\n\r\n\r\nexport default connect(mapStateToProps,{ })(Scroller);\r\n\r\n\r\n\r\n\r\n","import React, { useEffect } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { useNavigate, useLocation } from 'react-router-dom';\r\nimport { getCategoryList, selectCategory, setMenuState } from '../../actions/CategoryAction';\r\nimport Category from './Category';\r\nimport { Nav } from 'react-bootstrap';\r\nimport { filterByCategory } from '../../actions/ProductsAction';\r\nimport Scroller from '../Scroller';\r\n/**\r\n * Creates a new CategoryMenu.\r\n * @class\r\n */\r\n \r\n\r\nconst CategoryMenu = (props) => {\r\n\r\n const {companyid, getCategoryList } = props;\r\n\r\n const navigate = useNavigate();\r\n const location = useLocation();\r\n // eslint-disable-next-line\r\n useEffect(() => { \r\n if(companyid && companyid !== '') {\r\n getCategoryList({\"compId\":companyid})\r\n }\r\n }, [companyid]);\r\n \r\n useEffect(() => {\r\n props.selectCategory(location.pathname.replace('/category/',''))\r\n },[location.pathname]);\r\n /** @function\r\n * @name onCategorySelect */\r\n const onCategorySelect = (eventKey) => {\r\n props.selectCategory(eventKey);\r\n props.filterByCategory(eventKey);\r\n if(props.isMobileMenu) {\r\n props.setMenuState(false)\r\n }\r\n navigate(`/category/${eventKey}`);\r\n\t}\r\n \r\n\tconst data=props.CategoryList.map((category, key) => (\r\n \r\n\t\t\t\t\t))\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n \r\n return (\r\n \r\n \r\n\t\t\t \r\n\t\t\t\t {data}\r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n companyid:state.HomeData.companyid,\r\n CategoryList: state.CategoryData.categoryList,\r\n menuState: state.CategoryData.menuState,\r\n isMobileMenu: state.CategoryData.isMobileMenu\r\n})\r\n\r\nexport default connect(mapStateToProps, {getCategoryList, selectCategory, filterByCategory, setMenuState})(CategoryMenu);","\r\nimport React, { useEffect } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { useNavigate, NavLink } from 'react-router-dom';\r\nimport 'bootstrap/dist/css/bootstrap.css';\r\nimport { Breadcrumbs } from 'react-breadcrumbs-dynamic';\r\nimport { Row, Col, Container } from 'react-bootstrap';\r\nimport Logo from './Logo';\r\n/* import Location from './Location';*/\r\nimport Cart from './Cart';\r\nimport Search from './Search';\r\nimport { Global } from '../../utils/Env';\r\nimport CategoryMenu from '../category/CategoryMenu';\r\nimport { toggleMenuState, setMobileSearch,setMenuState } from '../../actions/CategoryAction';\r\nimport { set_authenticated } from '../../actions/AuthAction';\r\n//import { addStyle } from '../../utils/CommonUtil';\r\nimport { set_breadcrumb } from '../../actions/UserAction';\r\n\r\nimport { Navbar, Nav, ListGroup, InputGroup, FormControl } from 'react-bootstrap';\r\n/**\r\n * Creates a new Header.\r\n * @class\r\n */\r\nconst Header = props => {\r\n \r\n const deepClone = require('clone-deep');\r\n\r\n const navigate = useNavigate();\r\n\r\n /** @function\r\n * @name logOut */\r\n const logOut = () => {\r\n localStorage.removeItem('tmp_auth');\r\n props.set_authenticated(false);\r\n }\r\n /** @function\r\n* @name goProfile */\r\n const goProfile = () => {\r\n navigate(\"/profile\");\r\n }\r\n\r\n const onSearchMobile = () => {\r\n props.setMobileSearch(true);\r\n }\r\n\r\n useEffect(() => {\r\n let breadcrumb = deepClone(props.breadcrumb);\r\n let a = \"search\";\r\n let linkObj = { \"name\": a, \"link\": a };\r\n props.set_breadcrumb([{ ...breadcrumb, linkObj, linkObj }]);\r\n }, []);\r\n\t\r\n\r\n return (\r\n \r\n props.setMenuState(!props.menuState)} expanded={props.menuState}>\r\n {/* \r\n\r\n
\r\n
\r\n \r\n Profile Order Log Out \r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n
}\r\n\r\n \r\n \r\n \r\n \r\n\r\n {props.user &&\r\n
{props.user.name} \r\n }\r\n
\r\n \r\n {/* Account Profile Order Log Out \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
/ }\r\n item={NavLink}\r\n finalItem={'i'}\r\n finalProps={{\r\n style: { color: 'black' }\r\n }}\r\n />\r\n \r\n \r\n \r\n )\r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n user: state.UserData.user,\r\n breadcrumb: state.UserData.breadcrumb,\r\n\tmenuState: state.CategoryData.menuState,\r\n mobileSearch: state.CategoryData.mobileSearch\r\n})\r\n\r\nexport default connect(mapStateToProps, { setMobileSearch, toggleMenuState, set_authenticated, set_breadcrumb,setMenuState})(Header);","\r\nimport React, { useState, useEffect } from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport { useNavigate } from 'react-router-dom';\r\nimport ImageUtil from '../utils/ImageUtil';\r\nimport 'bootstrap/dist/css/bootstrap.min.css';\r\nimport { Button, Row, Col, Navbar, Nav, Form, FormControl, InputGroup, ListGroup, Card, Tab, Tabs } from 'react-bootstrap';\r\nimport { APIAlert } from '../utils/AlertUtil';\r\nimport { BreadcrumbsItem } from 'react-breadcrumbs-dynamic';\r\nimport { Global } from '../utils/Env';\r\nimport { addToCart, setCartBounce, clearCart } from \"../actions/CartAction\";\r\nimport { selectCheckOutJSON, checkOutOrder } from '../actions/CheckoutAction';\r\nimport ColorCode from './ColorCode';\r\nimport MsgModal from '../container/MsgModal';\r\nimport { setMsgModal, set_confirm } from '../actions/AuthAction';\r\nimport debounce from 'lodash.debounce';\r\nimport 'react-inner-image-zoom/lib/InnerImageZoom/styles.css'\r\nimport InnerImageZoom from 'react-inner-image-zoom'\r\nimport {\r\n EmailShareButton,\r\n FacebookShareButton,\r\n HatenaShareButton,\r\n InstapaperShareButton,\r\n LineShareButton,\r\n LinkedinShareButton,\r\n LivejournalShareButton,\r\n MailruShareButton,\r\n OKShareButton,\r\n PinterestShareButton,\r\n PocketShareButton,\r\n RedditShareButton,\r\n TelegramShareButton,\r\n TumblrShareButton,\r\n TwitterShareButton,\r\n ViberShareButton,\r\n VKShareButton,\r\n WhatsappShareButton,\r\n WorkplaceShareButton,\r\n FacebookIcon,\r\n EmailIcon,\r\n TwitterIcon,\r\n TelegramIcon,\r\n LinkedinIcon,\r\n WhatsappIcon\r\n} from \"react-share\";\r\n\r\nimport Header from '../components/header/Header';\r\n\r\n/**\r\n * Creates a new Temp.\r\n * @class\r\n */\r\nconst Confirm = (props) => {\r\n return (\r\n \r\n\t\t{(props.size)? Do you want to Confirm deletion of the size from your cart?
: Do you want to Confirm deletion of the entire item from your cart?
}\r\n {\r\n (props.size)?props.sizeSelectHandler(props.size):props.sizeSelectHandler(); props.msgmodal({\r\n \"title\": \"\",\r\n \"message\": \"\",\r\n \"show\": false\r\n });\r\n }}>Confirm \r\n \r\n )\r\n}\r\n\r\nconst Share = (props) => {\r\n\tconst shareUrl='http://github.com';\r\n\tconst title = props.message;\r\n\treturn (\r\n\t\r\n\t{props.message}\r\n\t\r\n\t \r\n\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n)\r\n}\r\n\r\nfunction Temp(props) {\r\n /** @function\r\n * @name checkOutOrder_onComplete */\r\n Global.callback.checkOutOrder_onComplete = () => {\r\n navigate(\"/checkout\", { state: { process: true } });\r\n }\r\n\r\n const navigate = useNavigate();\r\n const emptyCart = [];\r\n const [enableDelete, setenableDelete] = useState(false);\r\n const deepClone = require('clone-deep');\r\n const [activeImg, setActiveImg] = useState(0);\r\n const [selectedSize, setSelectedSize] = useState([]);\r\n const [interv, setInterv] = useState(null);\r\n const [timer, setTimer] = useState(null);\r\n\r\n useEffect(() => {\r\n let order = orderObj(deepClone(props.productDetails), deepClone(selectedSize));\r\n let cart = [...props.cartList].filter((item) => item.id == order.id);\r\n if (props.productDetails.orders) {\r\n\t\t\tlet order1 = orderObj(deepClone(props.productDetails), deepClone(props.productDetails.orders));\r\n\t\t\tlet temp = deepClone(props.productDetails.orders);\r\n\t\t\tvar i;\r\n\t\t\tvar count = 0;\r\n\t\t\tfor (i = 0; i < order1.orders.length; i++) {\r\n\t\t\t\tif (order1.orders[i].total_quantity == 0)\r\n\t\t\t\t\tcount++;\r\n\t\t\t}\r\n\t\t\twhile (count != 0) {\r\n\t\t\t\tfor (i = 0; i < order1.orders.length; i++) {\r\n\t\t\t\t\tif (order1.orders[i].total_quantity == 0) {\r\n\t\t\t\t\t\torder1.orders.splice(i, 1);\r\n\t\t\t\t\t\ttemp.splice(i, 1);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n count--;\r\n\t\t\t}\r\n\t\t\tsetSelectedSize(temp);\r\n }\r\n if (cart.length > 0)\r\n setenableDelete(true);\r\n\t\r\n\t\t\r\n }, [props.productDetails])\r\n\r\n /** @function\r\n * @name findSizeIndex */\r\n const findSizeIndex = (size) => {\r\n let indx = selectedSize.findIndex(item => item.name === size.name)\r\n return indx;\r\n }\r\n\r\n const onMsgClose = () => {\r\n props.setMsgModal({\r\n \"title\": \"\",\r\n \"message\": \"\",\r\n \"show\": false\r\n });\r\n }\r\n\t\r\n\tconst onConfirm = (size) => {\t\r\n\t\tprops.setMsgModal ({\r\n\t\t\t\"title\": \"\",\r\n\t\t\t\"message\":,\r\n\t\t\t\"show\":true\r\n\t\t});\r\n\t\t\r\n\t}\r\n\tconst onShare = (message) => {\t\r\n\t\tprops.setMsgModal ({\r\n\t\t\t\"title\": \"Share\",\r\n\t\t\t\"message\":,\r\n\t\t\t\"show\":true\r\n\t\t});\r\n\t\t\r\n\t}\r\n\t\r\n\tconst sizeSelectHandler1 = (size) => {\r\n\t\tlet order = orderObj(deepClone(props.productDetails), deepClone(selectedSize));\r\n\t\tlet cart = [...props.cartList].filter((item) => item.id === order.id);\r\n let copyselectedSize = [...selectedSize];\r\n let indx = findSizeIndex(size);\r\n if (indx === -1) {\r\n let nwColors = size.colors.map(clr => {\r\n return ({ ...clr, quantity: 0 })\r\n });\r\n copyselectedSize.push({ ...size, colors: nwColors, total_quantity: 0 })\r\n }\r\n else {\r\n copyselectedSize.splice(indx, 1);\r\n }\r\n setSelectedSize(copyselectedSize);\r\n\t\taddToCart1(size.name);\r\n }\r\n /** @function\r\n * @name sizeSelectHandler */\r\n const sizeSelectHandler = (size) => {\r\n\t\tlet order = orderObj(deepClone(props.productDetails), deepClone(selectedSize));\r\n\t\tlet cart = [...props.cartList].filter((item) => item.id === order.id);\r\n let copyselectedSize = [...selectedSize];\r\n let indx = findSizeIndex(size);\r\n if (indx === -1) {\r\n let nwColors = size.colors.map(clr => {\r\n return ({ ...clr, quantity: 0 })\r\n });\r\n copyselectedSize.push({ ...size, colors: nwColors, total_quantity: 0 })\r\n }\r\n else {\r\n if (copyselectedSize[indx].total_quantity > 0)\r\n onConfirm(size);\r\n else\r\n copyselectedSize.splice(indx, 1);\r\n }\r\n setSelectedSize(copyselectedSize);\r\n\r\n }\r\n\r\n // TODO: optimize increaseQuantity and decreaseQuantity\r\n\r\n /** @function\r\n* @name increaseQuantity */\r\n const increaseQuantity = (size, color) => {\r\n //console.log(\"Called increase\");\r\n let copyselectedSize = [...selectedSize]\r\n let indx = findSizeIndex(size)\r\n let colorIndex = copyselectedSize[indx].colors.findIndex(itm => itm.color === color.color)\r\n let newClr = { ...copyselectedSize[indx].colors[colorIndex], quantity: copyselectedSize[indx].colors[colorIndex].quantity + 1 }\r\n copyselectedSize[indx].colors.splice(colorIndex, 1, newClr);\r\n copyselectedSize[indx].total_quantity += 1;\r\n setSelectedSize(copyselectedSize);\r\n\t\taddToCart();\r\n\t\t\r\n }\r\n\r\n /** @function\r\n * @name decreaseQuantity */\r\n const decreaseQuantity = (size, color) => {\r\n let copyselectedSize = [...selectedSize]\r\n let indx = findSizeIndex(size)\r\n let colorIndex = copyselectedSize[indx].colors.findIndex(itm => itm.color === color.color)\r\n if (copyselectedSize[indx].colors[colorIndex].quantity > 0) {\r\n let newClr = { ...copyselectedSize[indx].colors[colorIndex], quantity: copyselectedSize[indx].colors[colorIndex].quantity - 1 }\r\n copyselectedSize[indx].colors.splice(colorIndex, 1, newClr);\r\n copyselectedSize[indx].total_quantity -= 1;\r\n setSelectedSize(copyselectedSize);\r\n addToCart();\r\n }\r\n\r\n }\r\n\r\n const increase = (size, color) => {\r\n\t\tclearTimeout(timer);\r\n setInterv(setInterval(() => {\r\n increaseQuantity(size, color);\r\n }, 170));\r\n\r\n\r\n }\r\n\tconst showsave = () => {\r\n\t\tAPIAlert('Any changes made here is being automatically saved to cart').alert();\r\n\t\t\tsetTimeout(() => props.setCartBounce(false), 1000);\r\n\t}\r\n\t\t\r\n const increaseup = () => {\r\n clearInterval(interv);\r\n\t\tsetTimer(setTimeout(() => { showsave()},1500));\r\n }\r\n\r\n const decrease = (size, color) => {\r\n\t\tclearTimeout(timer);\r\n setInterv(setInterval(() => {\r\n decreaseQuantity(size, color);\r\n }, 170));\r\n\r\n }\r\n\t\r\n\r\n /** @function\r\n* @name orderObj */\r\n //.. transformed order object\r\n const orderObj = (product, orders) => {\r\n let quantity = orders.reduce((accumulator, currentValue) => {\r\n return accumulator + currentValue.total_quantity\r\n }, 0)\r\n return { ...product, orders, quantity }\r\n }\r\n\r\n\r\n const addToCart1 = (size) => { /* TODO: Name the function to the performing task */\r\n let order = orderObj(deepClone(props.productDetails), deepClone(selectedSize));\r\n let quantity = order.quantity;\r\n var i;\r\n for (i = 0; i < order.orders.length; i++) {\r\n if (order.orders[i].name == size) {\r\n order.quantity = quantity - order.orders[i].total_quantity;\r\n quantity = quantity - order.orders[i].total_quantity;\r\n order.orders.splice(i, 1);\r\n }\r\n }\r\n if (quantity > 0)\r\n setenableDelete(true);\r\n else\r\n setenableDelete(false);\r\n if (quantity >= 0) {\r\n let cart = [...props.cartList].filter((item) => item.id != order.id);\r\n if (quantity == 0 && cart.length == 0) {\r\n props.clearCart(emptyCart);\r\n APIAlert('Item removed from basket').alert();\r\n\t\t\t}\r\n else if (quantity == 0 && cart.length >= 0) {\r\n props.addToCart({ cart });\r\n APIAlert('Item removed from basket').alert();\r\n }\r\n else {\r\n cart.push({ ...order });\r\n props.addToCart({ cart });\r\n APIAlert('Item added to basket').alert();\r\n }\r\n }\r\n }\r\n\r\n const addToCart = () => {\r\n let order = orderObj(deepClone(props.productDetails), deepClone(selectedSize));\r\n setenableDelete(true);\r\n if (order.quantity >= 0) {\r\n let cart = [...props.cartList].filter((item) => item.id != order.id);\r\n if (order.quantity == 0 && cart.length == 0) {\r\n props.clearCart(emptyCart);\r\n setenableDelete(false);\r\n }\r\n else if (order.quantity == 0 && cart.length >= 0) {\r\n props.addToCart({ cart });\r\n setenableDelete(false);\r\n }\r\n else {\r\n cart.push({ ...order });\r\n props.addToCart({ cart });\r\n }\t\t\r\n }\r\n setTimeout(() => props.setCartBounce(false), 1000)\r\n }\r\n /** @function\r\n* @name deleteCart */\r\n\r\n\r\n\t\r\n const deleteCart = () => {\r\n\r\n let order = orderObj(deepClone(props.productDetails), deepClone(selectedSize));\r\n setenableDelete(false);\r\n setSelectedSize([]);\r\n let cart = [...props.cartList].filter((item) => item.id != order.id);\r\n props.addToCart({ cart });\r\n APIAlert('Item removed from basket').alert();\r\n setTimeout(() => props.setCartBounce(false), 1000)\r\n }\r\n\r\n /** @function\r\n* @name onCheckOut */\r\n const onCheckOut = () => {\r\n if (hasCartItems()) {\r\n props.checkOutOrder(props.checkoutData); //\r\n }\r\n }\r\n /** @function\r\n * @name hasCartItems */\r\n const hasCartItems = () => {\r\n return (props.cartList && (props.cartList.length > 0)) ? true : false\r\n }\r\n\r\n /** @function\r\n * @name onMoreShopping */\r\n const onMoreShopping = () => {\r\n navigate(-1);\r\n }\r\n\r\n return (\r\n \r\n\r\n {/* TODO : Header and breadcrumb to be placed in a global container */}\r\n \r\n\r\n Products / {props.productDetails.itemCode} \r\n \r\n\r\n
\r\n
\r\n \r\n {\r\n props.productDetails.images ? props.productDetails.images.map((image, i) => {\r\n return (\r\n setActiveImg(i)}>\r\n \r\n )\r\n }) : \"\"\r\n }\r\n \r\n \r\n : \"\"}\r\n \r\n {props.productDetails.itemCode || \"\"} \r\n\r\n {props.productDetails.title || \"\"} \r\n {props.productDetails.description || \"\"} \r\n {props.productDetails.chart ?\r\n \r\n
{props.productDetails.chart.title} \r\n
\r\n \r\n \r\n \r\n {props.productDetails.chart.quantity_title}\r\n
\r\n \r\n {props.productDetails.chart.price_title}\r\n
\r\n
\r\n \r\n \r\n {props.productDetails.chart.range.map((item, i) => {\r\n return (\r\n \r\n \r\n
{item.display_range}
\r\n
\r\n
{item.display_price} {item.display_unit}
\r\n
\r\n )\r\n })}\r\n \r\n \r\n
\r\n
{props.productDetails.size_panel.title} \r\n
\r\n {props.productDetails.size_panel.sizes.map((item, i) => {\r\n return (\r\n sizeSelectHandler(item)}\r\n >{item.name} \r\n )\r\n })}\r\n
\r\n
\r\n {enableDelete && {props.setMsgModal ({\r\n\t\t\t\"title\": \"\",\r\n\t\t\t\"message\":,\r\n\t\t\t\"show\":true\r\n\t\t\t\t\t\t\t});}} aria-hidden=\"true\" > } \r\n {selectedSize.length>0 ? selectedSize.map((item, i) => {\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n {item.name}\r\n
\r\n \r\n \r\n {props.productDetails.size_panel.quantity_title}.{item.total_quantity}\r\n sizeSelectHandler(item)}> \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {item.colors.map((clr, i) => {\r\n return (\r\n \r\n \r\n
\r\n {/*
\r\n
\r\n \r\n \r\n decreaseQuantity(item, clr)} onPointerUp={increaseup} onPointerDown={() => decrease(item, clr)} onPointerLeave={() => clearInterval(interv)}>- \r\n \r\n \r\n increaseQuantity(item, clr)} onPointerUp={increaseup} onPointerDown={() => increase(item, clr)} onPointerLeave={() => clearInterval(interv)}>+ \r\n \r\n \r\n
\r\n
\r\n )\r\n })}\r\n\r\n \r\n \r\n
DELETE ENTIRE ITEM {' '}
*/}\r\n
\r\n {/* DELETE ENTIRE ITEM {' '}
*/}\r\n CHECKOUT \r\n MORE SHOPPING \r\n \r\n onShare(\"\".concat(props.productDetails.title).concat(\"\\n Description \").concat(props.productDetails.description).concat(\"\\n\").concat(\"Check out the item in this link \").concat(window.location.href))}>\r\n\t\t\t\t\t\t\t\tShare \r\n\t\t\t\t\t\t\t\t \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n {props.productDetails.details ?
\r\n {props.productDetails.details.map((dtl, i) => {\r\n return (\r\n \r\n
\r\n \r\n )\r\n })}\r\n : \"\"}\r\n \r\n
\r\n {props.modal && props.modal.show &&
}\r\n
\r\n );\r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n cartList: state.CartData.cartList,\r\n checkoutData: selectCheckOutJSON(state)\r\n});\r\n\r\nexport default connect(mapStateToProps, { addToCart, setCartBounce, checkOutOrder, clearCart, setMsgModal, set_confirm })(Temp);\r\n\r\n","import React, { useState, useEffect } from 'react';\r\nimport { useLocation, useNavigate } from 'react-router-dom';\r\n \r\nexport function useWindowResizeListener() {\r\n const [width, setWidth] = useState(window.innerWidth);\r\n const [height, setHeight] = useState(window.innerHeight);\r\n function onResize() {\r\n setWidth(window.innerWidth);\r\n setHeight(window.innerHeight);\r\n }\r\n useEffect(() => {\r\n window.addEventListener('resize', onResize);\r\n return () => window.removeEventListener('resize', onResize);\r\n }, []);\r\n return {\r\n width,\r\n height\r\n }\r\n}\r\n\r\nexport function withRouter( Child ) {\r\n return ( props ) => {\r\n const location = useLocation();\r\n const navigate = useNavigate();\r\n return \r\n
Width: {width}
\r\n
Height: {height}
\r\n
\r\n {\"ADD TO CART\"}\r\n \r\n )\r\n }\r\n}\r\n\r\nCounter.propTypes = {\r\n value: PropTypes.number\r\n};\r\nconst mapStateToProps = state => ({\r\n cartList:state.CartData.cartList,\r\n});\r\nexport default connect(mapStateToProps, { addQuantity, subtractQuantity, addToCart, setCartBounce }) (Counter);\r\n","import React from \"react\";\r\n/**\r\n * Creates a new LoadingProduct.\r\n * @class\r\n */\r\nconst LoadingProduct = () => {\r\n return (\r\n \r\n );\r\n};\r\n\r\nexport default LoadingProduct;\r\n","import React, { useState, useCallback } from \"react\";\r\nimport { connect } from 'react-redux';\r\nimport Counter from \"./Counter\";\r\nimport ImageUtil from '../utils/ImageUtil';\r\nimport { to2Decimal, formatINR } from '../utils/CommonUtil';\r\nimport { selectProduct, getItemsByVariant, setVariantModal } from '../actions/ProductsAction';\r\nimport { useNavigate } from 'react-router-dom';\r\nimport { Row, Col, Container, Card, ListGroup } from 'react-bootstrap';\r\n\r\nimport { APIAlert } from '../utils/AlertUtil';\r\nimport { isProd } from '../utils/Env';\r\n\r\nimport ColorCode from '../components/ColorCode';\r\nimport Scroller from './Scroller';\r\nimport LoadingProduct from './LoadingProduct';\r\n/**\r\n * Creates a new Product.\r\n * @class\r\n */\r\n \r\n \r\n \r\nconst Product = (props) => {\r\n const [loading, setLoading] = useState(true);\r\n const[colorrange,setColorrange]=useState([0,4]);\r\n\t\r\n const navigate = useNavigate();\r\n let { product } = props;\r\n\r\n let cartItems = props.cartList.filter(item => item.id === product.id);\r\n /** @function\r\n* @name sizeHandler */\r\n const sizeHandler = () => {\r\n props.getItemsByVariant({ companyid: props.companyid, variant: product.variant });\r\n props.setVariantModal(true);\r\n }\r\n /** @function\r\n* @name handleImgClick */\r\n const handleImgClick = () => {\r\n\r\n //.. get variant details\r\n props.getItemsByVariant({ companyid: props.companyid, variant: product.variant });\r\n props.selectProduct(product);\r\n navigate(`/products/${product.id}`)\r\n }\r\n\r\n /** @function\r\n * @name addTick\r\n * fa fa-check \r\n */\r\n const addTick = () => {\r\n return cartItems.length > 0 && cartItems[0].orders[0].total_quantity > 0\r\n ? \r\n \r\n )\r\n\t\t\t\r\nconst scroll_nav={type:\"fa\",left:\"fa fa-angle-left\",right:\"fa fa-angle-right\"};\r\nconst scroller_comp=\r\n\r\n \r\n \r\n Loading \r\n\t\t \r\n Loading product.name\r\n \r\n \r\n \r\n \r\n \r\n Loading product.range
\r\n\t\t \r\n \r\n\r\n \r\n 0) ? ImageUtil.getImage(product.images[0]) : ImageUtil.getErrorImage()} onLoad={load} />\r\n\r\n \r\n\r\n {product.itemCode}{addTick()} \r\n\r\n \r\n {(product.name.length>25)?(product.name.substring(0,22).concat(\"...\")):(product.name)}\r\n \r\n\t\t \r\n\t\t \r\n\t\t {scroller_comp}\r\n\t\t \r\n\t\t
\r\n {product.range_display}
\r\n \r\n \r\n \r\n );\r\n\r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n productsList: state.ProductsData.productsList,\r\n cartList: state.CartData.cartList,\r\n companyid: state.HomeData.companyid,\r\n secondaryColour: state.HomeData.secondaryColour,\r\n isMobileMenu:state.CategoryData.isMobileMenu\r\n \r\n});\r\n\r\n\r\nexport default connect(mapStateToProps, { selectProduct, getItemsByVariant, setVariantModal })(Product);\r\n\r\n\r\n","\r\nimport { useEffect } from \"react\";\r\nimport { withRouter } from \"../utils/useHooks\";\r\n\r\n//.. \r\nconst scrollTo = () => {\r\n window.scrollTo({\r\n top: 0,\r\n left: 0,\r\n behavior: \"smooth\"\r\n });\r\n} \r\n\r\n/**\r\n * Scroll for Containers\r\n * @param {*} param0 \r\n */\r\nconst ScrollToTop = ({ children, location: { pathname } }) => {\r\n useEffect(() => {\r\n scrollTo();\r\n }, [pathname]);\r\n return children || null;\r\n};\r\nexport default withRouter(ScrollToTop);\r\n\r\n/**\r\n * Scroll for Components\r\n * @param {*} props \r\n */\r\nexport const ScrollInView = props => {\r\n useEffect(() => {\r\n scrollTo();\r\n }, [props.trigger]);\r\n return props.children\r\n} \r\n\r\n","import React, { useState } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport 'rc-tooltip/assets/bootstrap.css';\r\nimport Tooltip from 'rc-tooltip';\r\nimport Slider from 'rc-slider';\r\nimport 'rc-slider/assets/index.css';\r\nimport { Row, Col } from 'react-bootstrap';\r\nimport { setpriceMin, setpriceMax, setfilterData } from '../actions/ProductsAction';\r\nconst { createSliderWithTooltip } = Slider;\r\nconst Range = createSliderWithTooltip(Slider.Range);\r\n\r\nconst Filter = (props) => {\r\n\r\n\tconst [collapsible, setCollapsible] = useState(false);\r\n\r\n\tconst onSliderChange = value => {\r\n\t\tlet pricemin = value[0];\r\n\t\tlet pricemax = value[1];\r\n\t\tprops.setpriceMin(pricemin);\r\n\t\tprops.setpriceMax(pricemax);\r\n\t};\r\n\r\n\tconst handleChange = (event, type) => {\r\n\t\tlet temp = JSON.parse(JSON.stringify(props.filter_data));\r\n\t\tconst value = event.target.name;\r\n\t\tfor (var i = 0; i < temp[props.type].length; i++) {\r\n\t\t\tif (temp[props.type][i].name === value) {\r\n\t\t\t\ttemp[props.type][i].checked = !temp[props.type][i].checked;\r\n\t\t\t\tif (props.type === \"prices\") {\r\n\t\t\t\t\tprops.setpriceMin(parseInt(value.split(\"-\")[0]));\r\n\t\t\t\t\tprops.setpriceMax(parseInt(value.split(\"-\")[1]));\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\telse if (type === 'radio')\r\n\t\t\t\ttemp[props.type][i].checked = false;\r\n\t\t}\r\n\t\tprops.setfilterData(temp);\r\n\t}\r\n\r\n\tconst displaySlider = () => {\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t{(typeof props.filters != \"undefined\" && typeof props.filters.prices != \"undefined\") \r\n\t\t\t\t\t? (\r\n\t\t\t\t\t\t
{props.filters.prices.displayName} |
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t ` ${value}`} value={[props.pricemin, props.pricemax]} \r\n\t\t\t\t\t\t\t\t onChange={onSliderChange} />\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
Rs {props.pricemin} - {props.pricemax}
\r\n\t\t);\r\n\t}\r\n\r\n\tconst displayFilter = () => {\r\n\r\n\t\tlet content = [];\r\n\t\tlet isprice = false;\r\n\r\n\t\tif (props.type === \"prices\" && typeof props.filters != \"undefined\" && typeof props.filters.prices != \"undefined\" && typeof props.filters.prices.price != \"array\" && props.filters.prices.price.type === \"slider\") {\r\n\t\t\tcontent = [content, displaySlider()];\r\n\t\t\tisprice = true;\r\n\t\t}\r\n\t\telse if (typeof props.filter_data != \"undefined\" && typeof props.filter_data[props.type] != \"undefined\" && typeof props.filters != \"undefined\" && typeof props.filters[props.type] != \"undefined\" && typeof props.filters[props.type][props.type.substring(0, props.type.length - 1)] != \"undefined\") {\r\n\t\t\tfor (var i = 0; i < props.filter_data[props.type].length; i++) {\r\n\t\t\t\tlet type = props.filters[props.type][props.type.substring(0, props.type.length - 1)][i].type;\r\n\t\t\t\tcontent = [content, (\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t \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}\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t{(content.length > 0 && !isprice) ? ( setCollapsible(!collapsible)} > setCollapsible(!collapsible)}>{props.filters[props.type].displayName.concat(\" \")} |
{collapsible ? (
) : null}
\r\n\t\t);\r\n\t}\r\n\r\n\treturn {displayFilter()}
\r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n\tpricemin: state.ProductsData.pricemin,\r\n\tpricemax: state.ProductsData.pricemax,\r\n\tfilter_data: state.ProductsData.filter_data,\r\n\tfilters: state.ProductsData.filters,\r\n\tisMobileMenu: state.CategoryData.isMobileMenu\r\n});\r\n\r\n\r\nexport default connect(mapStateToProps, { setpriceMin, setpriceMax, setfilterData })(Filter);\r\n","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Col,Button } from 'react-bootstrap';\r\nimport {setfilterData,setpriceMin,setpriceMax} from '../actions/ProductsAction';\r\nimport Filter from './Filter.js'\r\n\r\nconst FilterSection = (props) => { \r\n\r\n\r\nconst clear=()=>\r\n{\r\n\tlet temp=JSON.parse(JSON.stringify(props.filter_data));\r\n\tvar i;\r\n\tfor(i=0;i {\r\n return (\r\n \r\n\t\t\r\n\t\t\r\n\t\t\r\n\t\t\r\n\t\t\r\n \r\n\t );\r\n }\r\n return (\r\n \r\n
FILTER BY.. \r\n\t\t\t\t
\r\n\t\t\t\tclear()}>Clear All \r\n\t\t\t\t{displayFilter()}\r\n\t\t\t
\r\n
0 || color.length>0 || size.length>0 || discount.length>0 || price.length>0)\r\n\t\tprops.setfilterData(final_temp);\r\n\t\t\r\n }, [props.filters]);\r\n\t\r\n\tconst displaytags = () =>\r\n\t{\r\n\t\t\r\n\t\tconst clicked =(key,name) =>\r\n\t\t{\r\n\t\t\tlet temp=JSON.parse(JSON.stringify(props.filter_data));\r\n\t\t\tfor(var i=0;iTags clicked(\"brands\",name)}> {\"Brand: \".concat(brand[i].name)} )];\r\n\t\t}\r\n\t\tfor( i=0;iclicked(\"colors\",name)}> {\"Color: \".concat(color[i].name)} )];\r\n\t\t}\r\n\t\tfor( i=0;iclicked(\"sizes\",name)}> {\"Size: \".concat(size[i].name)} )];\r\n\t\t}\r\n\t\tfor( i=0;iclicked(\"discounts\",name)}> {\"Discount: \".concat(discount[i].name)} )];\r\n\t\t}\r\n\t\tfor( i=0;iclicked(\"prices\",name)}> {\"Price: \".concat(price[i].name)} )];\r\n\t\t}\r\n\t\treturn (\r\n \r\n\t\t{(brand.length>0 || color.length>0 || size.length>0 || discount.length>0 || price.length>0)?content:null}\r\n \r\n\t );\r\n\t\t\t\r\n\t}\r\n\t\r\n\treturn (\r\n \r\n\t\t{displaytags()}\r\n\t\t \r\n );\r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n\tfilter_data:state.ProductsData.filter_data,\r\n\tfilters:state.ProductsData.filters\r\n});\r\n\r\n\r\nexport default connect(mapStateToProps, { setfilterData,setpriceMin,setpriceMax })(Filtertags);\r\n","import React, { useEffect,useState } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Row, Col, Button } from 'react-bootstrap';\r\nimport Product from '../components/Product';\r\nimport {ScrollInView} from '../components/Scroll';\r\nimport FilterSection from '../components/FilterSection';\r\n\r\nimport {BreadcrumbsItem} from 'react-breadcrumbs-dynamic';\r\nimport Header from '../components/header/Header';\r\nimport Filtertags from '../components/FilterTags';\r\nimport { setMsgModal } from '../actions/AuthAction';\r\nimport MsgModal from './MsgModal';\r\n\r\n\r\n/**\r\n * Creates a new CategoryContainer.\r\n * @class\r\n */\r\nconst CategoryContainer = (props) => {\r\n\t\r\n\tconst [pricemin,setpriceMin]=useState(0);\r\n\tconst [pricemax,setpriceMax]=useState(0);\r\n\tconst [brand,setBrand]=useState([]);\r\n\tconst [color,setColor]=useState([]);\r\n\tconst [size,setSize]=useState([]);\r\n\tconst [discount,setDiscount]=useState([]);\r\n\r\nuseEffect(() => {\r\n setpriceMin(props.pricemin);\r\n\t\tsetpriceMax(props.pricemax);\r\n\t\tif(typeof props.filter_data != \"undefined\" && typeof props.filter_data.brands != \"undefined\" && typeof props.filter_data.colors!=\"undefined\" && typeof props.filter_data.sizes != \"undefined\" && typeof props.filter_data.discounts !=\"undefined\")\r\n\t\t{\r\n\t\t\tsetBrand(props.filter_data.brands.filter((item)=> item.checked===true));\r\n\t\t\tsetColor(props.filter_data.colors.filter((item)=> item.checked===true));\r\n\t\t\tsetSize(props.filter_data.sizes.filter((item)=> item.checked===true));\r\n\t\t\tsetDiscount(props.filter_data.discounts.filter((item)=> item.checked===true));\r\n\t\t}\r\n }, [props.pricemin,props.pricemax,props.filter_data]);\r\n\t\r\n\tconst filter_function = (ob) => \r\n\t{\r\n\t\tlet final_dec=false;\r\n\t\tif(typeof ob!=\"undefined\" && (brand.length>0 || color.length>0 || (pricemin>0 && pricemax>0) || size.length>0) )\r\n\t\t{\r\n\t\t\tlet min=parseInt(ob.range_display.split(' - ')[0]);\r\n\t\t\tlet max=parseInt(ob.range_display.split(' - ')[1]);\r\n\t\t\tif ((typeof pricemin ===\"undefined\" || typeof pricemax===\"undefined\") && (typeof brand === \"undefined\" && brand.length===0) && (typeof color===\"undefined\" && color.length===0))\r\n\t\t\t\tfinal_dec=false;\r\n\t\t\telse \r\n\t\t\t{\r\n\t\t\t\tif((min>=pricemin && max<=pricemax) || (pricemin===0 && pricemax===0))\r\n\t\t\t\t{\r\n\t\t\t\t\tfinal_dec=true;\r\n\t\t\t\t\tif(brand.length>0)\r\n\t\t\t\t\t{\r\n\t\t\t\t\tif(typeof ob.brandName != \"undefined\")\r\n\t\t\t\t\t{\r\n\t\t\t\t\tvar i;\r\n\t\t\t\t\tfor( i=0;i0 && final_dec===true)\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tif(typeof ob.allcolor != \"undefined\")\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\tvar j;\r\n\t\t\t\t\t\t\tfor( j=0;j item.name===color[j].name);\r\n\t\t\t\t\t\t\t\tif(temp.length>0)\r\n\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\tfinal_dec=true;\r\n\t\t\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tif(j===color.length)\r\n\t\t\t\t\t\t\t\tfinal_dec=false;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\telse\r\n\t\t\t\t\t\tfinal_dec=false;\r\n\t\t\t\t\t}\r\n\t\t\t\t\tif(size.length>0 && final_dec===true)\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tif(typeof ob.size_panel != \"undefined\" && typeof ob.size_panel.sizes != \"undefined\")\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\tvar j;\r\n\t\t\t\t\t\t\tfor( j=0;j item.name===size[j].name);\r\n\t\t\t\t\t\t\t\tif(temp.length>0)\r\n\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\tfinal_dec=true;\r\n\t\t\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tif(j===size.length)\r\n\t\t\t\t\t\t\t\tfinal_dec=false;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\telse\r\n\t\t\t\t\t\tfinal_dec=false;\r\n\t\t\t\t\t}\r\n\t\t\t\t\tif(discount.length>0 && final_dec===true)\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tif(typeof ob.discounted != \"undefined\" )\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\tvar j;\r\n\t\t\t\t\t\t\tfor( j=0;j {\r\n props.setMsgModal({\r\n \"title\": \"\",\r\n \"message\": {},\r\n \"show\": false\r\n });\r\n }\r\n\r\n\r\n /* const categoryList = () => {\r\n if(props.productsList) {\r\n return props.productsList.filter(item => {\r\n return (item.categoryId == props.selectedCategory) \r\n }) \r\n }\r\n } */\r\n /** @function\r\n * @name categoryList */\r\n let categoryList = props.productsList.filter(item => {\r\n return (item.categoryId == props.selectedCategory) \r\n }).filter((item)=>filter_function(item)); \r\n\r\n let col = 4;\r\n let row = Math.ceil(categoryList.length / col);\r\n\r\n //console.log(\"categoryList \", categoryList, col, row);\r\n /** @function\r\n * @name renderRows */\r\n let renderRows = () => {\r\n let a = 0;\r\n let rowSet = [];\r\n for (let i = 0; i < row; i++) {\r\n let cards = []\r\n for (let j = 0; j < col; j++) {\r\n \r\n cards.push(categoryList[a] \r\n ? {cards}
)\r\n }\r\n return rowSet\r\n }\r\n\tconst displayCatname= () => {\r\n\t\tlet test=props.CategoryList.filter(item =>item.id===props.selectedCategory)[0];\r\n\t\tif(typeof test!= \"undefined\")\r\n\t\t\treturn test.name;\r\n\t}\r\n\r\n \r\n return (\r\n \r\n\t\tCategories / {displayCatname()} \r\n\t\t\r\n \r\n \r\n \r\n \r\n {/*
\r\n
\r\n \r\n \r\n \r\n \r\n Sort By :\r\n \r\n \r\n \r\n Recommended \r\n Recommended \r\n Recommended \r\n \r\n \r\n
\r\n
\r\n
*/}\r\n \r\n
\r\n
\r\n
\r\n\r\n \r\n \r\n { /* THIS IS LEFT PANEL */}\r\n {(props.isMobileMenu)?({props.setMsgModal({\r\n\t\t\t\t\t\t\t\t\"title\": \"Filters\",\r\n\t\t\t\t\t\t\t\t\"message\": ): (
\r\n\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n {categoryView}\r\n
\r\n
*/} \r\n \r\n );\r\n\r\n }\r\n\r\n\r\nconst mapStateToProps = state => ({\r\n productsList: state.ProductsData.productsList,\r\n selectedCategory: state.CategoryData.selectedCategory,\r\n\tCategoryList: state.CategoryData.categoryList,\r\n cartList: state.CartData.cartList,\r\n\tpricemin: state.ProductsData.pricemin,\r\n\tpricemax:state.ProductsData.pricemax,\r\n\tfilter_data:state.ProductsData.filter_data,\r\n\tisMobileMenu:state.CategoryData.isMobileMenu\r\n\t\r\n})\r\n\r\nexport default connect(mapStateToProps,{setMsgModal})(CategoryContainer); ","import React from \"react\";\r\n\r\nimport ImageUtil from '../utils/ImageUtil';\r\n/**\r\n * Creates a new NoResults.\r\n * @class\r\n */\r\nconst NoResults = () => {\r\n return (\r\n \r\n
\r\n
\r\n
Sorry, no products matched your search! \r\n
Enter a different keyword and try.
\r\n
\r\n
0 && final_dec===true)\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tif(typeof ob.allcolor != \"undefined\")\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\tvar j;\r\n\t\t\t\t\t\t\tfor( j=0;j item.name===color[j].name);\r\n\t\t\t\t\t\t\t\tif(temp.length>0)\r\n\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\tfinal_dec=true;\r\n\t\t\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tif(j===color.length)\r\n\t\t\t\t\t\t\t\tfinal_dec=false;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\telse\r\n\t\t\t\t\t\tfinal_dec=false;\r\n\t\t\t\t\t}\r\n\t\t\t\t\tif(size.length>0 && final_dec===true)\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tif(typeof ob.size_panel != \"undefined\" && typeof ob.size_panel.sizes != \"undefined\")\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\tvar j;\r\n\t\t\t\t\t\t\tfor( j=0;j item.name===size[j].name);\r\n\t\t\t\t\t\t\t\tif(temp.length>0)\r\n\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\tfinal_dec=true;\r\n\t\t\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tif(j===size.length)\r\n\t\t\t\t\t\t\t\tfinal_dec=false;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\telse\r\n\t\t\t\t\t\tfinal_dec=false;\r\n\t\t\t\t\t}\r\n\t\t\t\t\tif(discount.length>0 && final_dec===true)\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tif(typeof ob.discounted != \"undefined\" )\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\tvar j;\r\n\t\t\t\t\t\t\tfor( j=0;j {\r\n props.setMsgModal({\r\n \"title\": \"\",\r\n \"message\": {},\r\n \"show\": false\r\n });\r\n }\r\n\r\n\r\n const searchingFor = (term) => {\r\n return x => {\r\n\t\t\tif(typeof x.name != \"undefined\" && typeof term != \"undefined\" && x.itemCode !=\"undefined\" && x.description != \"undefined\" && x.name != null && term !=null && x.itemCode != null && x.description !=null)\r\n {return x.name.toLowerCase().includes(term.toLowerCase())\r\n || x.itemCode.toLowerCase().includes(term.toLowerCase()) \r\n || x.description.toLowerCase().includes(term.toLowerCase()) \r\n || !term;\r\n\t\t\t}\r\n\t\t\telse\r\n\t\t\t\treturn false\r\n }\r\n }\r\n\r\n let productsData = [];\r\n if (props.productsList) {\r\n\t\tif(location.state===null)\r\n\t\t\tnavigate('/', {replace: true});\r\n\t\telse\r\n productsData = props.productsList.filter(searchingFor(location.state.term))\r\n }\r\n /** @function\r\n * @name renderRows \r\n */\r\n const renderRows = (list2Render) => {\r\n\r\n let a = 0;\r\n let rowSet = [];\r\n\r\n if(list2Render){\r\n let col = Array.from(Array(4).keys());\r\n let row = Array.from(Array(Math.ceil(list2Render.length / col.length)).keys());\r\n\r\n for (let i = 0; i < row.length; i++) {\r\n let cards = []\r\n for (let j = 0; j < col.length; j++) {\r\n cards.push(list2Render[a] \r\n ? {cards}
)\r\n }\r\n }\r\n return rowSet\r\n } \r\n\r\n return (\r\n\r\n \r\n\t\r\n \r\n \r\n\t\t Search / {location.state.term} \r\n \r\n\r\n
\r\n \r\n
\r\n
\r\n\r\n \r\n \r\n { /* THIS IS LEFT PANEL */}\r\n {(props.isMobileMenu)?({props.setMsgModal({\r\n\t\t\t\t\t\t\t\t\"title\": \"Filters\",\r\n\t\t\t\t\t\t\t\t\"message\": ): (
\r\n\r\n
\r\n
\r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n productsList: state.ProductsData.productsList,\r\n cartList: state.CartData.cartList,\r\n\tpricemin: state.ProductsData.pricemin,\r\n\tpricemax:state.ProductsData.pricemax,\r\n\tfilter_data:state.ProductsData.filter_data,\r\n\tisMobileMenu:state.CategoryData.isMobileMenu\r\n\r\n})\r\n\r\nexport default connect(mapStateToProps,{setMsgModal})(SearchPanel);\r\n","import React from 'react';\r\nimport {Modal} from 'react-bootstrap';\r\n\r\nconst OrderInvoiceModal = props => {\r\n \r\n return (\r\n <>\r\n \r\n \r\n \r\n {props.heading}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n );\r\n }\r\n \r\n export default OrderInvoiceModal;","import React, {useEffect,useState } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Row, Col, Container, Card} from 'react-bootstrap';\r\nimport 'bootstrap/dist/css/bootstrap.min.css';\r\nimport {fetchOrderHistory,getHtmlViewOrderInvoice} from '../../actions/UserAction';\r\n\r\nimport {setMsgModal} from '../../actions/AuthAction';\r\nimport OrderInvoiceModal from '../OrderInvoiceModal'; \r\n/**\r\n * Creates a new OrderedItemTable.\r\n * @class\r\n */\r\nconst AllOrders = props => {\r\n const [show, setShow] = useState(false);\r\n const [heading,setHeading] = useState(null);\r\n\r\n useEffect(() => {\r\n props.fetchOrderHistory({compId:props.compId,userId:props.userId}); \r\n console.log(props.allOrders);\r\n },[]);\r\n\r\n\r\n /** @function\r\n * @name renderTable \r\n */\r\n const renderTable = () => {\r\n\r\n const getItemOrder = (orderNo) => {\r\n props.getHtmlViewOrderInvoice({\"compId\": props.compId,\"type\": \"order\",\"number\": orderNo}); \r\n setHeading(\"Order\");\r\n setShow(true);\r\n \r\n }\r\n\r\n const getInvoice = (invoiceNo) => {\r\n props.getHtmlViewOrderInvoice({\"compId\": props.compId,\"type\": \"invoice\",\"number\": invoiceNo}); \r\n setHeading(\"Invoice\");\r\n setShow(true);\r\n }\r\n \r\n return props.userOrders ? props.userOrders.map((item, i) => {\r\n return (\r\n \r\n \r\n getItemOrder(item.orderNo)}>{item.orderNo} getInvoice(item.invoiceNo)}>{item.invoiceNo}
\r\n \r\n \r\n \r\n )\r\n }) : null;\r\n \r\n }\r\n\r\n return (\r\n \r\n setShow(false)} html={props.htmlData} heading={heading}/>\r\n \r\n \r\n \r\n \r\n \r\n Order No \r\n Invoice No \r\n Order Date/Time \r\n Total Order Amount (₹) \r\n Order Status \r\n Payment Status \r\n Delivery Status \r\n
\r\n \r\n {renderTable()}\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n );\r\n}\r\n \r\nconst mapStateToProps = state => ({\r\n userOrders:state.UserData.userOrder,\r\n compId: state.HomeData.companyid,\r\n userId: state.UserData.user.id,\r\n htmlData:state.UserData.htmlData\r\n})\r\n\r\nexport default connect(mapStateToProps,{fetchOrderHistory,getHtmlViewOrderInvoice,setMsgModal})(AllOrders);\r\n","import React, { useState, useEffect } from 'react';\r\nimport 'bootstrap/dist/css/bootstrap.min.css';\r\nimport { Button, Row, Col, Container, Navbar, Nav, NavDropdown, Form, FormControl, InputGroup, ListGroup, Card, Tab, Tabs, Table, Accordion } from 'react-bootstrap';\r\nimport { connect } from 'react-redux';\r\nimport { useLocation,useNavigate } from 'react-router-dom';\r\nimport { Global } from '../utils/Env';\r\nimport {\r\n set_fname,\r\n set_lname,\r\n set_email,\r\n set_email1,\r\n set_address1,\r\n set_address2,\r\n set_city,\r\n set_dist,\r\n set_state, set_phone, set_phone1, set_pin,\r\n set_reference, set_purpose, set_org, set_org_name, set_org_phone, set_org_type, set_org_email, set_org_address1, set_org_address2, set_org_city, set_org_district, set_org_state, set_org_pin,set_pan,set_gst,set_state_code,profileSave,selectProfileSaveJSON,changePassword\r\n} from '../actions/UserAction';\r\nimport Header from '../components/header/Header';\r\nimport MsgModal from './MsgModal';\r\nimport {setMsgModal} from '../actions/AuthAction';\r\nimport {BreadcrumbsItem} from 'react-breadcrumbs-dynamic';\r\nimport ColorCode from '../components/ColorCode';\r\nimport AllOrders from '../components/checkout/AllOrders';\r\n\r\n/**\r\n * Creates a new Profile.\r\n * @class\r\n */\r\nconst Profile = (props) => {\r\n\r\n const [validated, setValidated] = useState(false);\r\n const [orgvalidated, setOrgValidated] = useState(false);\r\n const [orgCheck,setOrgCheck] = useState(false);\r\n const [gstvalidated, setGstValidated] = useState(false);\r\n const [gstCheck,setGstCheck] = useState(false);\r\n const [profileCheck, setProfileCheck] = useState(false);\r\n const [pwdvalidated,setPwdValidated] = useState(false);\r\n const [pwdCheck,setPwdCheck] = useState(false);\r\n const location = useLocation();\r\n const navigate = useNavigate();\r\n const emptyprofileForm = {\r\n email: props.email,\r\n email1: props.email1,\r\n fname: props.fname,\r\n lname: props.lname,\r\n address1: props.address1,\r\n address2: props.address2,\r\n city: props.city,\r\n dist: props.dist,\r\n state: props.cstate,\r\n pin: props.pin,\r\n phone: props.phone,\r\n phone1: props.phone1,\r\n reference: props.reference,\r\n purpose: props.purpose\r\n\r\n }\r\n const emptyorgForm = {\r\n org_email: props.org_email,\r\n org_name: props.org_name,\r\n org: props.org,\r\n org_address1: props.org_address1,\r\n org_address2: props.org_address2,\r\n org_city: props.org_city,\r\n org_district: props.org_district,\r\n org_state: props.org_state,\r\n org_pin: props.org_pin,\r\n org_phone: props.org_phone,\r\n org_type: props.org_type\r\n\r\n }\r\n const emptygstForm={\r\n\t state_code:props.state_code,\r\n\t gst:props.gst,\r\n\t pan:props.pan\r\n\t \r\n }\r\n \r\n const emptypwdForm={\r\n\t old_pwd:'',\r\n\t new_pwd:'',\r\n\t re_new_pwd:''\r\n }\r\n useEffect(() => {\r\n if( props.user.id==null || props.user.id=='')\r\n\t\t\tnavigate('/', {replace: true});\r\n }, []);\r\n \r\n const [orgData, setOrgData] = useState(emptyorgForm);\r\n const [profileData, setProfileData] = useState(emptyprofileForm);\r\n const [gstData, setGstData] = useState(emptygstForm);\r\n var profileData1=emptyprofileForm;\r\n var gstData1=emptygstForm;\r\n const [pwdData, setPwdData] = useState(emptypwdForm);\r\n const { email, email1, fname, lname, address1, address2, city, state, pin, dist, phone, phone1, reference, purpose } = profileData;\r\n const { org, org_name, org_type, org_phone, org_email, org_address1, org_address2, org_city, org_district, org_pin, org_state } = orgData;\r\n const { state_code,gst,pan } = gstData;\r\n /** @function\r\n * @name profile_onComplete */\r\n Global.callback.profile_onComplete = () => {\r\n console.log(\"Profile_onComplete \");\r\n props.setMsgModal({\r\n \"title\": \"User Information\",\r\n \"message\": props.message,\r\n \"show\": true\r\n });\r\n }\r\n /** @function\r\n * @name profile_onError */\r\n Global.callback.profile_onError = () => {\r\n\t\tconsole.log(\"Profile_onError \");\r\n props.setMsgModal({\r\n \"title\": \"Error in Profile Save\",\r\n \"message\": \"Error in saving your profile\",\r\n \"show\": true\r\n });\r\n }\r\n /** @function\r\n * @name password_onComplete */\r\n\tGlobal.callback.password_onComplete = () => {\r\n console.log(\"Password_onComplete \");\r\n props.setMsgModal({\r\n \"title\": \"Password Changed Successfully\",\r\n \"message\": props.message,\r\n \"show\": true\r\n });\r\n }\r\n /** @function\r\n * @name password_onError */\r\n Global.callback.password_onError = () => {\r\n\t\tconsole.log(\"Password_onError \");\r\n props.setMsgModal({\r\n \"title\": \"Error in Password Change\",\r\n \"message\": \"Error in changing your password\",\r\n \"show\": true\r\n });\r\n }\r\n\t\r\n /** @function\r\n * @name onErrorLoginClose */\r\n const onErrorLoginClose = () => {\r\n props.setMsgModal({\r\n \"title\": \"\",\r\n \"message\": \"\",\r\n \"show\": false\r\n });\r\n }\r\n /** @function\r\n * @name setFinalData */\r\n const setFinalData = (item) => {\r\n //+++++++++++++++++++++++++\r\n props.set_fname(item.fname);\r\n props.set_lname(item.lname);\r\n props.set_email(item.email);\r\n props.set_email1(item.email1);\r\n props.set_address1(item.address1);\r\n props.set_address2(item.address2);\r\n props.set_city(item.city);\r\n props.set_state(item.state);\r\n props.set_dist(item.dist);\r\n props.set_pin(item.pin);\r\n props.set_phone(item.phone);\r\n props.set_phone1(item.phone1);\r\n props.set_reference(item.reference);\r\n props.set_purpose(item.purpose);\r\n //+++++++++++++++++++++++++\r\n }\r\n /** @function\r\n * @name setFinalOrgData */\r\n const setFinalOrgData = (item) => {\r\n //+++++++++++++++++++++++++\r\n props.set_org_name(item.org_name);\r\n props.set_org(item.org);\r\n props.set_org_type(item.org_type);\r\n props.set_org_email(item.org_email);\r\n props.set_org_phone(item.org_phone);\r\n props.set_org_address1(item.org_address1);\r\n props.set_org_city(item.org_city);\r\n props.set_org_state(item.org_state);\r\n props.set_org_district(item.org_district);\r\n props.set_org_pin(item.org_pin);\r\n props.set_org_address2(item.org_address2);\r\n //+++++++++++++++++++++++++\r\n }\r\n /** @function\r\n * @name setFinalGstData */\r\n const setFinalGstData =(item) => {\r\n\t props.set_state_code(item.state_code);\r\n\t props.set_gst(item.gst);\r\n\t props.set_pan(item.pan);\r\n }\r\n\r\n //functions for Changing Profule Data Start\r\n /** @function\r\n * @name sendProfileData */\r\n const sendProfileData = (e) => {\r\n\t console.log(props.profileSaveData);\r\n\t console.log(\"Saved\");\r\n\t props.profileSave(props.profileSaveData);\r\n }\r\n /** @function\r\n * @name handleOnChange */\r\n const handleOnChange = (e) => {\r\n if (e.target.name == 'pin' && (e.target.value.length > 6 || !(e.target.value.charAt(e.target.value.length - 1) >= '0' && e.target.value.charAt(e.target.value.length - 1) <= '9')))\r\n e.target.value = e.target.value.substring(0, e.target.value.length - 1);\r\n if (e.target.name == 'phone' && (e.target.value.length > 10 || !(e.target.value.charAt(e.target.value.length - 1) >= '0' && e.target.value.charAt(e.target.value.length - 1) <= '9')))\r\n e.target.value = e.target.value.substring(0, e.target.value.length - 1);\r\n if (e.target.name == 'phone1' && (e.target.value.length > 10 || !(e.target.value.charAt(e.target.value.length - 1) >= '0' && e.target.value.charAt(e.target.value.length - 1) <= '9')))\r\n e.target.value = e.target.value.substring(0, e.target.value.length - 1);\r\n if ((e.target.name == 'state' || e.target.name == 'city') && e.target.value.charAt(e.target.value.length - 1) >= '0' && e.target.value.charAt(e.target.value.length - 1) <= '9')\r\n e.target.value = e.target.value.substring(0, e.target.value.length - 1);\r\n if (e.target.name == 'purpose')\r\n console.log(e.target.value);\r\n setProfileData({ ...profileData, [e.target.name]: e.target.value });\r\n\tprofileData1={ ...profileData, [e.target.name]: e.target.value };\r\n }\r\n /** @function\r\n * @name formChange */\r\n const formChange = (event) => {\r\n const form = event.currentTarget;\r\n if (form.checkValidity() === false)\r\n setProfileCheck(false);\r\n else if (form.checkValidity() == true)\r\n\t{\r\n\t\tsetFinalData(profileData1);\r\n\t\tsetProfileCheck(true);\r\n\t}\r\n }\r\n /** @function\r\n * @name saveProfile */\r\n const saveProfile = (event) => {\r\n\t setValidated(true);\r\n console.log(\"saving Customer details\");\r\n //document.getElementById(\"addtype\").options[1].selected = true;\r\n const form = event.currentTarget;\r\n if (form.checkValidity() === false) {\r\n event.stopPropagation();\r\n props.setMsgModal({\r\n \"title\": \"Profile Page Validation Error\",\r\n \"message\": \"Data Incorrect. Please check and try again\",\r\n \"show\": true\r\n });\r\n }\r\n event.preventDefault();\r\n\r\n if (form.checkValidity() === true) {\r\n //.. Save DETAILS OF THE FORM\r\n setFinalData(profileData1);\r\n\t sendProfileData();\r\n // to be replaced with updateAddress call to server\r\n }\r\n\r\n\r\n\r\n }\r\n\r\n\r\n //funcitons for Changing Profile Data End\r\n\r\n //functions for Changing Org Data Start\r\n/** @function\r\n * @name handleOrgChange */\r\nconst handleOrgChange = (e) => {\r\n if (e.target.name == 'org_pin' && (e.target.value.length > 6 || !(e.target.value.charAt(e.target.value.length - 1) >= '0' && e.target.value.charAt(e.target.value.length - 1) <= '9')))\r\n e.target.value = e.target.value.substring(0, e.target.value.length - 1);\r\n if (e.target.name == 'org_phone' && (e.target.value.length > 10 || !(e.target.value.charAt(e.target.value.length - 1) >= '0' && e.target.value.charAt(e.target.value.length - 1) <= '9')))\r\n e.target.value = e.target.value.substring(0, e.target.value.length - 1);\r\n if ((e.target.name == 'org_state' || e.target.name == 'org_city') && e.target.value.charAt(e.target.value.length - 1) >= '0' && e.target.value.charAt(e.target.value.length - 1) <= '9')\r\n e.target.value = e.target.value.substring(0, e.target.value.length - 1);\r\n if (e.target.name == 'purpose')\r\n console.log(e.target.value);\r\n setOrgData({ ...orgData, [e.target.name]: e.target.value });\r\n\tconsole.log(orgData);\r\n setOrgValidated(true);\r\n }\r\n /** @function\r\n * @name orgformChange */\r\n const orgformChange = (event) => {\r\n const form = event.currentTarget;\r\n if (form.checkValidity() === false)\r\n setOrgCheck(false);\r\n else if (form.checkValidity() == true)\r\n setOrgCheck(true);\r\n }\r\n/** @function\r\n * @name saveOrgData */\r\nconst saveOrgData = (event) => {\r\n console.log(\"saving Customer details\");\r\n //document.getElementById(\"addtype\").options[1].selected = true;\r\n const form = event.currentTarget;\r\n if (form.checkValidity() === false) {\r\n event.stopPropagation();\r\n props.setMsgModal({\r\n \"title\": \"Profile Page Validation Error\",\r\n \"message\": \"Data Incorrect. Please check and try again\",\r\n \"show\": true\r\n });\r\n }\r\n event.preventDefault();\r\n\r\n if (form.checkValidity() === true) {\r\n //.. Save DETAILS OF THE FORM\r\n setFinalOrgData(orgData);\r\n // to be replaced with updateAddress call to server\r\n }\r\n\r\n\r\n\r\n }\r\n \r\n //functions for handling change in organization completed\r\n \r\n //functions for GST data starting\r\n /** @function\r\n * @name handleGSTChange */\r\n const handleGSTChange = (e) => {\r\n\t setGstData({ ...gstData, [e.target.name]: e.target.value });\r\n\t gstData1={ ...gstData, [e.target.name]: e.target.value };\r\n }\r\n /** @function\r\n * @name gstformChange */\r\n const gstformChange = (event) => {\r\n\t const form = event.currentTarget;\r\n if (form.checkValidity() === false)\r\n setGstCheck(false);\r\n else if (form.checkValidity() == true)\r\n\t{\r\n\t\t setFinalGstData(gstData1);\r\n setGstCheck(true);\r\n\t}\r\n }\r\n /** @function\r\n * @name saveGstData */\r\n const saveGstData = (event) => {\r\n console.log(\"saving Gst details\");\r\n\tsetGstValidated(true);\r\n //document.getElementById(\"addtype\").options[1].selected = true;\r\n const form = event.currentTarget;\r\n if (form.checkValidity() === false) {\r\n event.stopPropagation();\r\n props.setMsgModal({\r\n \"title\": \"Profile Page Validation Error\",\r\n \"message\": \"Data Incorrect. Please check and try again\",\r\n \"show\": true\r\n });\r\n }\r\n event.preventDefault();\r\n\r\n if (form.checkValidity() === true) {\r\n //.. Save DETAILS OF THE FORM\r\n setFinalGstData(gstData1);\r\n\t sendProfileData();\r\n // to be replaced with updateAddress call to server\r\n }\r\n\r\n\r\n\r\n }\r\n \r\n \r\n \r\n //functions for GST data end\r\n \r\n \r\n //functions for Pwd change start\r\n /** @function\r\n * @name pwdFieldChange */\r\n const pwdFieldChange = (e) => {\r\n\t setPwdData({ ...pwdData, [e.target.name]: e.target.value });\r\n }\r\n /** @function\r\n * @name pwdFormChange */\r\n const pwdFormChange = (event) => {\r\n\t const form = event.currentTarget;\r\n if (form.checkValidity() === false)\r\n setPwdCheck(false);\r\n else if (form.checkValidity() == true)\r\n\t{\r\n\t\tsetPwdCheck(true);\r\n\t}\r\n }\r\n /** @function\r\n * @name PwdChange */\r\n const PwdChange = (event) => {\r\n console.log(\"saving Pwd changes\");\r\n const form = event.currentTarget;\r\n\tsetPwdValidated(true);\r\n if (form.checkValidity() === false) {\r\n event.stopPropagation();\r\n props.setMsgModal({\r\n \"title\": \"Profile Page Validation Error\",\r\n \"message\": \"Data Incorrect. Please check and try again\",\r\n \"show\": true\r\n });\r\n }\r\n event.preventDefault();\r\n\r\n if (form.checkValidity() === true) {\r\n //.. Save DETAILS OF THE FORM\r\n if(pwdData.re_new_pwd==pwdData.new_pwd)\r\n\t {\r\n\t\t let obj={\r\n\t\t\t \"compId\": props.compId,\r\n\t\t\t \"userId\": props.id,\r\n\t\t\t\"oldPassword\":pwdData.old_pwd,\r\n\t\t\t\"newPassword\":pwdData.new_pwd\r\n\t\t }\r\n\r\n\t\t props.changePassword(obj);\r\n\t }\r\n\t else\r\n\t\t props.setMsgModal({\r\n \"title\": \"Profile Page Validation Error\",\r\n \"message\": \"Please check data. New password and Confirm new password are not same\",\r\n \"show\": true\r\n });;\r\n }\r\n }\r\n\t\r\n\t//functions for Pwd change ends\r\n\r\n\r\n return (\r\n \r\n\r\n \r\n \r\n\t\t Profile \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n Order History \r\n \r\n \r\n User Info \r\n \r\n {/* \r\n Organization Info \r\n */}\r\n \r\n Tax Info \r\n \r\n\r\n \r\n Change Password \r\n \r\n \r\n Log Out \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n Order History \r\n \r\n\t\t\t\t{\t/*\t
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n\t\t\t\t\t
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
*/}\r\n
\r\n
\r\n \r\n User Information \r\n\r\n\r\n {/*Starting the form for saving the userData for the Customer*/}\r\n\r\n \r\n\t\t\t\t\t \r\n\t\t\t\t\t {props.modal && props.modal.show && \r\n \r\n Organization Information \r\n\t\t\t\t\t \r\n\t\t\t\t\t \r\n\r\n {/* Form ends for Organization*/}\r\n\r\n\r\n \r\n \r\n Tax Information \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t{/* Form Starts for GST */}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t {/* Form for GST ends */}\r\n\t\t\t\t\t \r\n\t\t\t\t\t {/* Form for Change Password starts */}\r\n\t\t\t\t\t \r\n\t\t\t\t\t \r\n \r\n\r\n \r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n \r\n \r\n Log Out \r\n \r\n\t\t\t\t\t
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t
\r\n
\r\n\t\t\t\t\t\r\n\t\t\t\t\t{/* form for change password ends*/}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n );\r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n phone: state.UserData.phone,\r\n phone1: state.UserData.phone1,\r\n pin: state.UserData.pin,\r\n address1: state.UserData.address1,\r\n address2: state.UserData.address2,\r\n email: state.UserData.email,\r\n email2: state.UserData.email2,\r\n city: state.UserData.city,\r\n cstate: state.UserData.cstate,\r\n dist: state.UserData.dist,\r\n fname: state.UserData.fname,\r\n lname: state.UserData.lname,\r\n reference: state.UserData.reference,\r\n purpose: state.UserData.purpose,\r\n org: state.UserData.org,\r\n org_name: state.UserData.org_name,\r\n org_type: state.UserData.org_type,\r\n org_phone: state.UserData.org_phone,\r\n org_email: state.UserData.org_email,\r\n org_address1: state.UserData.org_address1,\r\n org_address2: state.UserData.org_address2,\r\n org_district: state.UserData.org_district,\r\n org_city: state.UserData.org_city,\r\n org_state: state.UserData.org_state,\r\n org_pin: state.UserData.org_pin,\r\n state_code: state.UserData.state_code,\r\n gst: state.UserData.gst,\r\n pan: state.UserData.pan,\r\n profileSaveData: selectProfileSaveJSON(state),\r\n profile_response: state.UserData.profile_response,\r\n customerDetails: state.UserData.customerDetails,\r\n addressTypes: state.UserData.addressTypes,\r\n compId: state.HomeData.companyid,\r\n id: state.UserData.user.id,\r\n message: state.AuthData.message,\r\n modal: state.AuthData.modal,\r\n user: state.UserData.user\r\n})\r\n\r\nexport default connect(mapStateToProps, {\r\n set_fname,\r\n set_lname,\r\n set_email,\r\n set_email1,\r\n set_address1,\r\n set_address2,\r\n set_city,\r\n set_dist,\r\n set_state, set_phone, set_phone1, set_pin, set_reference, set_purpose,\r\n set_org, set_org_name,\r\n set_org_phone, set_org_type,\r\n set_org_email,\r\n set_org_address1, set_org_address2,\r\n set_org_city, set_org_district,\r\n set_org_state, set_org_pin,set_state_code,set_gst,set_pan,profileSave,changePassword,MsgModal,setMsgModal\r\n})(Profile);\r\n","import React from \"react\";\r\nimport { connect } from 'react-redux';\r\nimport ImageUtil from '../utils/ImageUtil';\r\nimport { Carousel } from 'react-bootstrap';\r\n/**\r\n * Creates a new SimpleSlider.\r\n * @class\r\n */\r\nconst SimpleSlider = props => {\r\n /** @function\r\n * @name renderBanners */\r\n const renderBanners = () => {\r\n let bItems = props.banners.map((item, index) => {\r\n return (\r\n \r\n \r\n
\r\n
\r\n )\r\n })\r\n return {bItems} \r\n }\r\n return {props.banners ? renderBanners() : null} \r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n banners: state.HomeData.banners\r\n})\r\n\r\nexport default connect(mapStateToProps,{})(SimpleSlider);\r\n\r\n\r\n/*\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n*/","import React, { useEffect,useState } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport Header from '../components/header/Header';\r\nimport Product from '../components/Product';\r\nimport { Container, Row, Col, Form, InputGroup,Button } from 'react-bootstrap';\r\nimport {APIAlert} from '../utils/AlertUtil';\r\nimport SimpleSlider from '../components/BannerSlider';\r\nimport { getfeaturedItems } from '../actions/ProductsAction';\r\nimport FilterSection from '../components/FilterSection';\r\nimport Filtertags from '../components/FilterTags';\r\nimport MsgModal from './MsgModal';\r\nimport { setMsgModal } from '../actions/AuthAction';\r\n\r\n\r\n/**\r\n * Creates a new FeaturePanel.\r\n * @class\r\n */\r\nconst FeaturePanel = props => {\r\n\tconst [pricemin,setpriceMin]=useState(0);\r\n\tconst [pricemax,setpriceMax]=useState(0);\r\n\tconst [brand,setBrand]=useState([]);\r\n\tconst [color,setColor]=useState([]);\r\n\tconst [size,setSize]=useState([]);\r\n\tconst [discount,setDiscount]=useState([]);\r\n\t\r\n\tconst onErrorLoginClose = () => {\r\n props.setMsgModal({\r\n \"title\": \"\",\r\n \"message\": {},\r\n \"show\": false\r\n });\r\n }\r\n\t\r\n\tuseEffect(() => {\r\n setpriceMin(props.pricemin);\r\n\t\tsetpriceMax(props.pricemax);\r\n\t\tif(typeof props.filter_data != \"undefined\" && typeof props.filter_data.brands != \"undefined\" && typeof props.filter_data.colors!=\"undefined\" && typeof props.filter_data.sizes != \"undefined\" && typeof props.filter_data.discounts !=\"undefined\")\r\n\t\t{\r\n\t\t\tsetBrand(props.filter_data.brands.filter((item)=> item.checked==true));\r\n\t\t\tsetColor(props.filter_data.colors.filter((item)=> item.checked==true));\r\n\t\t\tsetSize(props.filter_data.sizes.filter((item)=> item.checked==true));\r\n\t\t\tsetDiscount(props.filter_data.discounts.filter((item)=> item.checked==true));\r\n\t\t}\r\n\t\tif(!props.isMobileMenu)\r\n\t\t\tonErrorLoginClose();\r\n }, [props.pricemin,props.pricemax,props.filter_data,props.isMobileMenu]);\r\n\t\r\n\tconst filter_function = (ob) => \r\n\t{\r\n\t\tlet final_dec=false;\r\n\t\tif(typeof ob!=\"undefined\" && (brand.length>0 || color.length>0 || (pricemin>0 && pricemax>0) || size.length>0) )\r\n\t\t{\r\n\t\t\tlet min=parseInt(ob.range_display.split(' - ')[0]);\r\n\t\t\tlet max=parseInt(ob.range_display.split(' - ')[1]);\r\n\t\t\tif ((typeof pricemin ==\"undefined\" || typeof pricemax==\"undefined\") && (typeof brand == \"undefined\" && brand.length==0) && (typeof color==\"undefined\" && color.length==0))\r\n\t\t\t\tfinal_dec=false;\r\n\t\t\telse \r\n\t\t\t{\r\n\t\t\t\tif((min>=pricemin && max<=pricemax) || (pricemin==0 && pricemax==0))\r\n\t\t\t\t{\r\n\t\t\t\t\tfinal_dec=true;\r\n\t\t\t\t\tif(brand.length>0)\r\n\t\t\t\t\t{\r\n\t\t\t\t\tif(typeof ob.brandName != \"undefined\")\r\n\t\t\t\t\t{\r\n\t\t\t\t\tvar i;\r\n\t\t\t\t\tfor( i=0;i0 && final_dec==true)\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tif(typeof ob.allcolor != \"undefined\")\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\tvar j;\r\n\t\t\t\t\t\t\tfor( j=0;j item.name==color[j].name);\r\n\t\t\t\t\t\t\t\tif(temp.length>0)\r\n\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\tfinal_dec=true;\r\n\t\t\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tif(j==color.length)\r\n\t\t\t\t\t\t\t\tfinal_dec=false;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\telse\r\n\t\t\t\t\t\tfinal_dec=false;\r\n\t\t\t\t\t}\r\n\t\t\t\t\tif(size.length>0 && final_dec==true)\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tif(typeof ob.size_panel != \"undefined\" && typeof ob.size_panel.sizes != \"undefined\")\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\tvar j;\r\n\t\t\t\t\t\t\tfor( j=0;j item.name==size[j].name);\r\n\t\t\t\t\t\t\t\tif(temp.length>0)\r\n\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\tfinal_dec=true;\r\n\t\t\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tif(j==size.length)\r\n\t\t\t\t\t\t\t\tfinal_dec=false;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\telse\r\n\t\t\t\t\t\tfinal_dec=false;\r\n\t\t\t\t\t}\r\n\t\t\t\t\tif(discount.length>0 && final_dec==true)\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tconsole.log(\"in discounted\");\r\n\t\t\t\t\t\tif(typeof ob.discounted != \"undefined\" )\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\tvar j;\r\n\t\t\t\t\t\t\tfor( j=0;j {\r\n\r\n let a = 0;\r\n let rowSet = [];\r\n\r\n if(list2Render){\r\n let col = Array.from(Array(4).keys());\r\n let row = Array.from(Array(Math.ceil(list2Render.length / col.length)).keys());\r\n\r\n for (let i = 0; i < row.length; i++) {\r\n let cards = []\r\n for (let j = 0; j < col.length; j++) {\r\n\t\t\t\t\tif(typeof list2Render[a]!=\"undefined\")\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\t\tcards.push(list2Render[a] \r\n ? {cards}
)\r\n\r\n }\r\n }\r\n return rowSet\r\n } \r\n\r\n /* TODO:: Hardcoded design to be removed */\r\n\r\n return (\r\n\r\n \r\n\t\t\r\n \r\n \r\n \r\n
\r\n\r\n {/*
\r\n
\r\n \r\n \r\n \r\n \r\n Sort By :\r\n \r\n \r\n \r\n Recommended \r\n Recommended \r\n Recommended \r\n \r\n \r\n
\r\n
\r\n
*/}\r\n\r\n
\r\n
\r\n
\r\n\r\n \r\n \r\n { /* THIS IS LEFT PANEL */}\r\n { /* THIS IS LEFT PANEL */}\r\n\t\t\t\t\t\t\t\t\t{(props.isMobileMenu)?({props.setMsgModal({\r\n\t\t\t\t\t\t\t\t\"title\": \"Filters\",\r\n\t\t\t\t\t\t\t\t\"message\": ): (
\r\n\r\n
\r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n companyid: state.HomeData.companyid,\r\n productsList: state.ProductsData.productsList,\r\n featuredItems: state.ProductsData.featuredItems,\r\n\tpricemin: state.ProductsData.pricemin,\r\n\tpricemax:state.ProductsData.pricemax,\r\n\tfilter_data:state.ProductsData.filter_data,\r\n\tisMobileMenu:state.CategoryData.isMobileMenu\r\n})\r\n\r\nexport default connect(mapStateToProps, { getfeaturedItems,setMsgModal })(FeaturePanel);\r\n","import React, {useState, useEffect} from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { useNavigate } from 'react-router-dom';\r\nimport { Button, Container, Row, Col, Form, Navbar } from 'react-bootstrap';\r\nimport { login, signup, set_phoneNumber, set_password, set_authenticated, setMsgModal } from '../actions/AuthAction';\r\nimport { getfeaturedItems } from '../actions/ProductsAction';\r\nimport { Global } from '../utils/Env';\r\nimport { config } from '../config';\r\nimport MsgModal from './MsgModal';\r\nimport Footer from '../components/Footer';\r\nimport { set_phone1, set_state, set_gst, set_state_code,set_delivery_pin,set_delivery_district,set_delivery_state,set_delivery_city,set_fname,set_lname,set_phone,set_email,set_address1,set_address2,set_pin,set_city,set_dist,set_pan,set_reference,set_purpose } from '../actions/UserAction'; \r\n/**\r\n * Creates a new Login.\r\n * @class\r\n */\r\nconst Login = props => {\r\n \r\n const [validNumber, setValidNumber] = useState(false);\r\n const navigate = useNavigate();\r\n var phone1='';\r\n /** @function\r\n * @name login_onComplete */\r\n Global.callback.login_onComplete = () => {\r\n console.log(\"login_onComplete \", props.valid, props.authenticated);\r\n\t\tsetData();\r\n if(props.valid === \"valid\") {\r\n config.app.IMG_URL = props.imagebasepath;\r\n props.set_authenticated(true);\r\n localStorage.setItem('tmp_auth', true);\r\n } else {\r\n props.setMsgModal({\r\n \"title\": \"Error in login\",\r\n \"message\": props.message,\r\n \"show\": true\r\n });\r\n }\r\n }\r\n /** @function\r\n * @name login_onError */\r\n Global.callback.login_onError = () => {\r\n console.log(\"login_onError \", props.valid, props.authenticated);\r\n props.setMsgModal({\r\n \"title\": \"Error in login\",\r\n \"message\": props.message,\r\n \"show\": true\r\n });\r\n }\r\n\t\r\n\t\r\n\tconst setData = () => {\r\n\t\tconsole.log(\"user\",props.user);\r\n\tlet deliveryPin=(props.user.pin)?props.user.pin:null;\r\n\tlet deliveryState=(props.user.state)?props.user.state:null;\r\n\tlet deliveryCity=(props.user.city)?props.user.city:null;\r\n\tlet deliveryDistrict=(props.user.dist)?props.user.dist:null;\r\n\tlet phone1=(props.user.phone2)?props.user.phone2:null;\r\n\tlet cstate=(props.user.state)?props.user.state:null;\r\n\tlet gst=(props.user.gst && props.user.gst.number)?props.user.gst.number:null;\r\n\tlet state_code=(props.user.gst && props.user.gst.stateCode)?props.user.gst.stateCode:null;\r\n\tlet fname=(props.user.fname)?props.user.fname:null;\r\n\tlet lname=(props.user.lname)?props.user.lname:null;\r\n\tlet phone=(props.user.phone)?props.user.phone:null;\r\n\tlet email=(props.user.email)?props.user.email:null;\r\n\tlet address1=(props.user.address1)?props.user.address1:null;\r\n\tlet address2=(props.user.address2)?props.user.address2:null;\r\n\tlet pin=(props.user.pin)?props.user.pin:null;\r\n\tlet city=(props.user.city)?props.user.city:null;\r\n\tlet dist=(props.user.dist)?props.user.dist:null;\r\n\tlet pan=(props.user.pan)?props.user.pan:null;\r\n\tlet reference=(props.user.reference)?props.user.reference:null;\r\n\tlet purpose=(props.user.purpose)?props.user.purpose:null;\r\n\tprops.set_phone1(phone1);\r\n\tprops.set_state(cstate);\r\n\tprops.set_gst(gst);\r\n\tprops.set_delivery_city(deliveryCity);\r\n\tprops.set_delivery_state(deliveryState);\r\n\tprops.set_delivery_pin(deliveryPin);\r\n\tprops.set_delivery_district(deliveryDistrict);\r\n\tprops.set_state_code(state_code);\r\n\tprops.set_fname(fname);\r\n\tprops.set_lname(lname);\r\n\tprops.set_phone(phone);\r\n\tprops.set_email(email);\r\n\tprops.set_address1(address1);\r\n\tprops.set_address2(address2);\r\n\tprops.set_pin(pin);\r\n\tprops.set_city(city);\r\n\tprops.set_dist(dist);\r\n\tprops.set_pan(pan);\r\n\tprops.set_reference(reference);\r\n\tprops.set_purpose(purpose);\r\n\t}\r\n\t\r\n\t \r\n /** @function\r\n * @name onErrorLoginClose */\r\n const onErrorLoginClose = () => {\r\n props.setMsgModal({\r\n \"title\": \"\",\r\n \"message\": \"\",\r\n \"show\": false\r\n });\r\n }\r\n /** @function\r\n * @name linkToSignUp */\r\n const linkToSignUp = () => {\r\n navigate(\"/register\");\r\n }\r\n /** @function\r\n * @name handlePhonenumberChange */\r\n const handlePhonenumberChange = (e) => {\r\n if (e.target.value.length <= 10) {\r\n\t\t\tphone1=e.target.value;\r\n props.set_phoneNumber(e.target.value); \r\n }\r\n setValidNumber(isValidNumber(e.target.value.substring(0,10).length));\r\n }\r\n /** @function\r\n * @name isValidNumber */\r\n const isValidNumber = (val) => {\r\n return (val === 10) ? true : false;\r\n }\r\n /** @function\r\n * @name handlePasswordChange */\r\n const handlePasswordChange = (e) => {\r\n props.set_password(e.target.value);\r\n }\r\n /** @function\r\n * @name handleClick */\r\n const handleClick = () => {\r\n props.login({\"phone\": props.phoneNumber, \"password\": props.password});\r\n }\r\n /** @function\r\n * @name onKeyDownHandler */\r\n\tconst onKeyDownHandler = e => {\r\n if (e.keyCode === 13) {\r\n handleClick();\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n if(props.authenticated){\r\n navigate('/', {replace: true});\r\n }\r\n\t\telse{\r\n navigate('/login', {replace: true});\r\n }\r\n }, [navigate,props.authenticated])\r\n\r\n useEffect(() => {\r\n if(props.phoneNumber.length===10){\r\n\t\t\tif(phone1.length===0)\r\n\t\t\tsetValidNumber(true);\r\n\t\t}\r\n }, [phone1,props.phoneNumber])\r\n\r\n \r\n \r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n
WELCOME \r\n
To \r\n
\r\n
Online Fashion Store
\r\n
B2B ORDERING PLATFORM \r\n
\r\n
\r\n
\r\n
\r\n
NEW REGISTRATION {' '}\r\n
\r\n
\r\n
\r\n Sign In \r\n \r\n\t\t\t\t\t\t\t\t\r\n \r\n
\r\n \r\n
\r\n {!props.authenticated && props.modal && props.modal.show &&
}\r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n
WELCOME \r\n
To \r\n
\r\n
Online Fashion Store
\r\n
B2B ORDERING PLATFORM \r\n
NEW REGISTRATION {' '}\r\n
\r\n
\r\n
\r\n Forgot Password \r\n \r\n\t\t\t\t\t\t\t\t\r\n \r\n
\r\n \r\n
\r\n {props.modal && props.modal.show &&
}\r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
WELCOME \r\n
To \r\n
\r\n
Online Fashion Store
\r\n
B2B ORDERING PLATFORM \r\n
SIGN IN \r\n
\r\n
\r\n
\r\n New User? Register Here \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n {props.modal && props.modal.show &&
}\r\n
\r\n {item.size}
\r\n {item.promo_price ? formatINR(to2Decimal(item.promo_price)) : formatINR(to2Decimal(item.price_regular))}
\r\n {item.promo_price ?{formatINR(to2Decimal(item.price_regular))}
: \"\" }\r\n \r\n \r\n {item.promo_percentage}
: \"\" }\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n )\r\n })\r\n return list;\r\n }\r\n if (items[0]) {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n {(items[0].brandicon !== \"\") ?\r\n
\r\n
\r\n
: null}\r\n
{\r\n e.target.src = ImageUtil.getErrorImage();\r\n }}\r\n />\r\n
\r\n
{items[0].name}
\r\n {/* eslint-disable-next-line */}\r\n {/*
View Details */}\r\n
\r\n \r\n \r\n \r\n Close\r\n \r\n \r\n \r\n \r\n )\r\n }\r\n else {\r\n return \"\"\r\n }\r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n variantModal: state.ProductsData.variantModal,\r\n variantList: state.ProductsData.variantList\r\n})\r\nexport default connect(mapStateToProps, { setVariantModal, clearVariants })(VarientModal);","import React, {useState} from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Modal, Button, Row, Col, Card, Form, Container } from 'react-bootstrap';\r\nimport { setPromModal, selectValidateDiscountJSON, validateDiscount } from '../../actions/CheckoutAction';\r\nimport { hasProps } from '../../utils/CommonUtil';\r\n/**\r\n * Creates a new PromoModal.\r\n * @class\r\n */\r\nconst PromoModal = (props) => {\r\n\r\n\r\n const [promocode, setPromocode] = useState(\"\")\r\n const [promoApplied, setPromoApplied] = useState(false);\r\n \r\n /** @function\r\n * @name handleClose */\r\n const handleClose = () => {\r\n props.setPromModal(false)\r\n }\r\n /** @function\r\n * @name handleOpen */\r\n const handleOpen = () => {\r\n props.setPromModal(true)\r\n }\r\n /** @function\r\n * @name onPromoClicked */\r\n const onPromoClicked = param => e => {\r\n setPromoApplied(true);\r\n setPromocode(param.code);\r\n }\r\n /** @function\r\n * @name handleApply */\r\n const handleApply = (event) => {\r\n event.preventDefault()\r\n let indx = (props.checkoutDetails.vouchers ? props.checkoutDetails.vouchers.findIndex(item => promocode.toLocaleLowerCase() === item.code.toLocaleLowerCase()) : -1);\r\n let voucher={}\r\n if(indx !== -1) {\r\n voucher = props.checkoutDetails.vouchers[indx]\r\n } else {\r\n voucher={id:-1,code:promocode}\r\n }\r\n props.validateDiscount({...props.validateDiscountJSON, voucher });\r\n setPromocode('');\r\n }\r\n return (\r\n \r\n Apply Discount \r\n \r\n \r\n Apply Discount Code \r\n \r\n \r\n \r\n {hasProps(props, 'vouchers') ? \r\n {
\r\n Click a Discount Code
\r\n
}\r\n
\r\n {props.checkoutDetails.vouchers.map(item => (\r\n \r\n {item.code} - {item.description}{item.minimumamount}
\r\n \r\n )\r\n )}\r\n \r\n
\r\n
\r\n {/* \r\n */}\r\n \r\n \r\n )\r\n}\r\nconst mapStateToProps = state => ({\r\n checkoutDetails: state.CheckoutData.checkoutDetails,\r\n promoModal: state.CheckoutData.promoModal,\r\n discountDetails: state.CheckoutData.discountDetails,\r\n validateDiscountJSON: selectValidateDiscountJSON(state)\r\n})\r\nexport default connect(mapStateToProps, {setPromModal,validateDiscount})(PromoModal);","import React from 'react';\r\nimport { Modal, Button } from 'react-bootstrap';\r\nimport { setModal } from '../../actions/CheckoutAction';\r\nimport { clearCart } from '../../actions/CartAction';\r\nimport { removeDiscount, clearOrder } from '../../actions/CheckoutAction';\r\nimport { clear_userDetails } from '../../actions/UserAction';\r\nimport {useNavigate} from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\n/**\r\n * Creates a new GenericModal.\r\n * @class\r\n */\r\nconst GenericModal = (props) => {\r\n \r\n const navigate = useNavigate();\r\n \r\n /** @function\r\n * @name handleClose */\r\n\r\n const handleClose = () => {\r\n props.clearCart();\r\n props.removeDiscount();\r\n props.clearOrder();\r\n props.setModal(false);\r\n navigate('/');\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n Thank You \r\n \r\n \r\n \r\n \r\n
\r\n \r\n Close\r\n \r\n \r\n \r\n \r\n )\r\n}\r\nconst mapStateToProps = state => ({\r\n confirmationModal:state.CheckoutData.confirmationModal,\r\n order:state.CheckoutData.order\r\n})\r\nexport default connect(mapStateToProps,{ setModal,\r\n clearCart,\r\n clearOrder,\r\n removeDiscount,\r\n clear_userDetails }) (GenericModal);","import React, { useContext } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { useNavigate, Link } from 'react-router-dom';\r\nimport { Button, Row, Col, Container, Card, Accordion, AccordionContext, useAccordionToggle } from 'react-bootstrap';\r\nimport 'bootstrap/dist/css/bootstrap.min.css';\r\nimport ImageUtil from '../../utils/ImageUtil';\r\nimport { to2Decimal, formatINR } from '../../utils/CommonUtil';\r\nimport ColorCode from '../ColorCode';\r\n\r\n\r\nlet accRefs = []; // accordion reference\r\n\r\nfunction ContextAwareToggle({ children, eventKey, callback }) {\r\n\r\n const currentEventKey = useContext(AccordionContext);\r\n const decoratedOnClick = useAccordionToggle(eventKey, () => callback && callback(eventKey));\r\n const isCurrentEventKey = currentEventKey === eventKey;\r\n\r\n accRefs.push({\r\n click: decoratedOnClick,\r\n state: isCurrentEventKey\r\n });\r\n\r\n return (
\r\n {isCurrentEventKey\r\n ? \r\n \r\n \r\n \r\n \r\n onEdit(item, i)}>\r\n \r\n \r\n {/* onEdit(item, i)}>\r\n \r\n */}\r\n {/* Qty: {item.quantity} */}\r\n Qty: {item.quantity} {formatINR(item.totalAmount)}\r\n
\r\n \r\n \r\n \r\n \r\n\r\n \r\n\r\n \r\n\r\n \r\n \r\n Size \r\n\r\n Color \r\n Qty \r\n Rate (₹) \r\n GST ({item.gstPercent}) \r\n Amt (₹) \r\n
\r\n \r\n {item.orders.map((size, s) => {\r\n return (\r\n \r\n \r\n {size.name} \r\n \r\n {size.colors.map((colored_item, c) => {\r\n return (\r\n \r\n
)\r\n })}\r\n \r\n \r\n \r\n {size.colors.map((colored_item, c) => {\r\n return (\r\n \r\n
)\r\n })}\r\n \r\n \r\n
\r\n \r\n \r\n Size: {size.name} \r\n \r\n Rate: {formatINR(size.colors[0].rate)} \r\n \r\n GST({item.gstPercent}) : {formatINR(size.colors[0].gst)} \r\n \r\n
\r\n \r\n \r\n \r\n Color \r\n \r\n Qty \r\n \r\n Amount \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {size.colors.map((colored_item, c) => {\r\n return (\r\n \r\n
)\r\n })}\r\n \r\n \r\n
\r\n
\r\n )\r\n })}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n )\r\n })\r\n } else {\r\n return null\r\n }\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n \r\n stateToggle(true)}>Expand All \r\n stateToggle(false)}>Collapse All \r\n \r\n
\r\n \r\n {renderTable()}\r\n \r\n );\r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n cartList: state.CartData.cartList,\r\n checkoutDetails: state.CheckoutData.checkoutDetails,\r\n})\r\n\r\nexport default connect(mapStateToProps)(OrderedItemTable);\r\n\r\n\r\n\r\n\r\n","\r\nimport React, { useState, useEffect } from 'react';\r\nimport { Form, Col, Row, Button } from 'react-bootstrap';\r\nimport { connect } from 'react-redux';\r\nimport { Global } from '../../utils/Env';\r\nimport {\r\n set_delivery_address1,\r\n set_delivery_address2,\r\n set_delivery_city,\r\n set_delivery_district,\r\n set_delivery_state,\r\n\tset_delivery_phone, set_delivery_pin,setCustomerDetails,set_delivery_spec_ins,deliveryvalidatepin\r\n} from '../../actions/UserAction';\r\nimport MsgModal from '../../container/MsgModal';\r\nimport {setMsgModal} from '../../actions/AuthAction';\r\n\r\n\r\n/**\r\n * Creates a new Address.\r\n * @class\r\n */\r\n\r\nconst Address = (props) => {\r\n\t\r\n\tuseEffect(() => {\r\n props.set_delivery_city(props.city1);\r\n\t\tprops.set_delivery_state(props.state1);\r\n\t\tprops.set_delivery_district(props.dist1);\r\n\t\tprops.set_delivery_address1(props.address1);\r\n\t\tprops.set_delivery_address2(props.address21);\r\n\t\tprops.set_delivery_phone(props.phone);\r\n\t\tprops.set_delivery_pin(props.pin1);\r\n }, []);\r\n const emptyForm = {\r\n addrid: -1,\r\n email: \"\",\r\n fname: \"\",\r\n lname: \"\",\r\n address1: props.address1,\r\n address2: props.address21,\r\n phone: props.phone,\r\n type: \"\"\r\n }\r\n\r\n\tconst onErrorLoginClose = () => {\r\n props.setMsgModal({\r\n \"title\": \"\",\r\n \"message\": \"\",\r\n \"show\": false\r\n });\r\n }\r\n const [formData, setFormData] = useState(emptyForm);\r\n const [isFormOpen, setFormOpen] = useState(false);\r\n const [validated, setValidated] = useState(false);\r\n const [addressSelected, setAddressSelected] = useState(false);\r\n\tconst [dist, setDist]=useState(props.dist1);\r\n\tconst [cstate, setCstate]=useState(props.state1);\r\n\tconst [city, setCity]=useState(props.city1);\r\n\tconst [pin,setPin]=useState(props.pin1);\r\n\tvar formData1=emptyForm;\r\n const { email, fname, lname, address1, address2, type,phone } = formData;\r\n /** @function\r\n * @name setFinalAddress */\r\n\r\n const setFinalAddress = (item) => {\r\n //+++++++++++++++++++++++++\r\n\t\tlet deliveryAddress1=item.address1;\r\n\t\tlet deliveryAddress2=item.address2;\r\n\t\tlet deliveryPhone=item.phone;\r\n\t\tlet delivery_spec_ins=item.specialinstructions;\r\n props.set_delivery_address1(deliveryAddress1);\r\n props.set_delivery_address2(deliveryAddress2);\r\n\t\tprops.set_delivery_phone(deliveryPhone);\r\n\t\tprops.set_delivery_spec_ins(delivery_spec_ins);\r\n //+++++++++++++++++++++++++\r\n }\r\n\r\n /** @function\r\n * @name selectAddress */\r\n const selectAddress = (data) => {\r\n setFinalAddress(data);\r\n }\r\n /** @function\r\n* @name handleOnChange */\r\n const handleOnChange = (e) => {\r\n\t\tif(e.target.name=='phone' && (e.target.value.length>10 || !(e.target.value.charAt(e.target.value.length-1)>='0' && e.target.value.charAt(e.target.value.length-1)<='9')))\r\n\t\t\te.target.value=e.target.value.substring(0,e.target.value.length-1);\r\n\t\tif((e.target.name=='state' || e.target.name=='city') && e.target.value.charAt(e.target.value.length-1)>='0' && e.target.value.charAt(e.target.value.length-1)<='9')\r\n\t\t\te.target.value=e.target.value.substring(0,e.target.value.length-1);\r\n\t\tif(e.target.name=='state')\r\n\t props.set_delivery_state(e.target.value);\r\n else if(e.target.name=='dist')\r\n\t props.set_delivery_district(e.target.value);\r\n else if(e.target.name=='city')\r\n\t props.set_delivery_city(e.target.value);\r\n else\r\n {\r\n\t\tsetFormData({ ...formData, [e.target.name]: e.target.value });\r\n\t\tformData1={ ...formData, [e.target.name]: e.target.value };\r\n }\r\n\t\t\r\n\t\t}\r\n\t\t\r\n\t\t\r\n\tconst handlePinChange = (e) => {\r\n\t\tif(e.target.name=='pin' && (e.target.value.length>6 || !(e.target.value.charAt(e.target.value.length-1)>='0' && e.target.value.charAt(e.target.value.length-1)<='9')))\r\n\t\t\te.target.value=e.target.value.substring(0,e.target.value.length-1);\r\n\t\tif(e.target.value.length<6)\r\n\t\t{\r\n\t\t\tprops.set_delivery_city('');\r\n\t\t\tprops.set_delivery_state('');\r\n\t\t\tprops.set_delivery_district('');\r\n\t\t}\r\n\t\telse if(e.target.value.length==6)\r\n\t\t{\r\n\t\t\tprops.set_delivery_pin(e.target.value);\r\n\t\t}\r\n\t\t\tsetPin(e.target.value);\r\n\t\t\r\n}\r\nconst pinsubmit = () => {\r\n\tif(pin.length!=6)\r\n\t\tprops.setMsgModal({\r\n \"title\": \"Error in Pin Validation\",\r\n \"message\": \"Error in the value of pin Check the Pin\",\r\n \"show\": true\r\n });\r\n\telse\r\n\t{\r\n\tlet obj={\"compId\": props.compid, \"pinCode\":pin}\r\n\tprops.deliveryvalidatepin(obj);\r\n\t}\r\n}\r\n\t\t\r\n\t\tGlobal.callback.deliveryvalidatepin_onComplete = () => {\r\n\t\t\tif(props.validatepin.status)\r\n\t\t\t{\r\n\t\t\tlet deliveryPin=props.validatepin.data.pincode;\r\n\t\t\tlet deliveryCity=props.validatepin.data.region;\r\n\t\t\tlet deliveryState=props.validatepin.data.state;\r\n\t\t\tlet deliveryDistrict=props.validatepin.data.dist;\r\n\t\t\tprops.set_delivery_city(deliveryCity);\r\n\t\t\tprops.set_delivery_pin(deliveryPin);\r\n\t\t\tprops.set_delivery_state(deliveryState);\r\n\t\t\tprops.set_delivery_district(deliveryDistrict);\r\n\t\t\tselectAddress(formData1);\r\n\t\t\t}\r\n\t\t\telse\r\n\t\t\t{\r\n\t\t\t\tprops.set_delivery_city('');\r\n\t\t\t\tprops.set_delivery_state('');\r\n\t\t\t\tprops.set_delivery_district('');\r\n\t\t\t\tsetPin('');\r\n\t\t\t\t props.setMsgModal({\r\n\t\t\t\t\"title\": \"Pin does not exist\",\r\n\t\t\t\t\"message\": \"Please check pin. Pin code does not exist\",\r\n\t\t\t\t\"show\": true\r\n\t\t\t\t});\r\n\t\t\t}\r\n }\r\n /** @function\r\n * @name password_onError */\r\n Global.callback.deliveryvalidatepin_onError = () => {\r\n props.setMsgModal({\r\n \"title\": \"Error in Pin Validation\",\r\n \"message\": \"Error in validating the pin\",\r\n \"show\": true\r\n });\r\n }\r\n\r\n //.. Call for NEW ADDRESS \r\n /** @function\r\n* @name saveAddress */\r\n const saveAddress = (event) => {\r\n\t\t\t\tsetValidated(true);\r\n\t\t\t\tconst form = event.currentTarget;\r\n\t\t\t\t\r\n\t\tif(pin=='' || props.deliveryState==null || props.deliveryDistrict==null || props.deliveryCity==null || props.deliverState=='' || props.deliveryDistrict=='' || props.deliveryCity=='')\r\n\t{\r\n\t\t event.stopPropagation();\r\n\t\tprops.setMsgModal({\r\n \"title\": \"Profile Page Validation Error\",\r\n \"message\": \"Data Incorrect. Please check and try again\",\r\n \"show\": true\r\n });\r\n\t}\r\n \r\n else if (form.checkValidity() === false) {\r\n event.stopPropagation();\r\n props.setMsgModal({\r\n \"title\": \"Profile Page Validation Error\",\r\n \"message\": \"Data Incorrect. Please check and try again\",\r\n \"show\": true\r\n });\r\n }\r\n\t\t\r\n\t\telse if (form.checkValidity() === true) {\r\n\t\t\tconsole.log(formData1);\r\n //.. Save DETAILS OF THE FORM\r\n selectAddress(formData1);\r\n props.parentCallback(true);\r\n // to be replaced with updateAddress call to server\r\n\r\n }\r\n\r\n\t\tevent.preventDefault();\r\n //.. callback for evaluation\r\n\r\n }\r\n /** @function\r\n* @name saveAddress1 */\r\n const saveAddress1 = (event) => {\r\n\r\n const form = event.currentTarget;\r\n event.preventDefault();\r\n\t\t\tselectAddress(formData1);\r\n\t\t\t// to be replaced with updateAddress call to server\r\n //.. callback for evaluation\r\n\r\n }\r\n /** @function\r\n * @name doLocalUpdate */\r\n const doLocalUpdate = (data) => {\r\n //console.log(data.addrid, \"->\", data, props.customerDetails);\r\n if (data.addrid === -1) {\r\n props.setCustomerDetails({ data: props.customerDetails.add(data) });\r\n } else {\r\n let updatedData = props.customerDetails.map(function (item) { return item.addrid === data.addrid ? data : item; });\r\n props.setCustomerDetails({ data: updatedData });\r\n }\r\n }\r\n\r\n return (\r\n \r\n\r\n \r\n )\r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n pincode: state.LocationData.pin,\r\n /* address1: state.LocationData.area, */\r\n address2: state.LocationData.area,\r\n city: state.LocationData.city,\r\n dist: state.LocationData.dist,\r\n state: state.LocationData.state,\r\n pin: state.LocationData.pin,\r\n\tphone: state.UserData.phone,\r\n\tpin1: state.UserData.pin,\r\n\taddress1: state.UserData.address1,\r\n\taddress21: state.UserData.address2,\r\n\tcity1: state.UserData.city,\r\n\tstate1: state.UserData.cstate,\r\n\tdist1:state.UserData.dist,\r\n\tuser: state.UserData,\r\n\tcompid: state.HomeData.companyid,\r\n modal: state.AuthData.modal,\r\n customerDetails: state.UserData.customerDetails,\r\n addressTypes: state.UserData.addressTypes,\r\n validatepin: state.UserData.validatepin,\r\n deliveryState:state.UserData.deliveryState,\r\n deliveryCity:state.UserData.deliveryCity,\r\n deliveryDistrict:state.UserData.deliveryDistrict\r\n})\r\n\r\nexport default connect(mapStateToProps, {\r\n set_delivery_address1,\r\n set_delivery_address2,\r\n set_delivery_city,\r\n set_delivery_district,\r\n set_delivery_state,\r\n\tset_delivery_phone, set_delivery_pin,setCustomerDetails,\r\n\tset_delivery_spec_ins,deliveryvalidatepin,setMsgModal\r\n\r\n})(Address);","import React, { useState, useEffect } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { BreadcrumbsItem } from 'react-breadcrumbs-dynamic';\r\n\r\nimport { Container, Row, Col, Button, Form, Nav, Navbar, InputGroup, FormControl, ListGroup, Breadcrumb, Table, Accordion, Card } from 'react-bootstrap';\r\nimport { useLocation, useNavigate, Link, NavLink } from 'react-router-dom';\r\nimport { Breadcrumbs } from 'react-breadcrumbs-dynamic';\r\n\r\nimport { to2Decimal, formatINR, hasProps } from '../utils/CommonUtil';\r\nimport GenericModal from '../components/checkout/OrderConfirmationModal';\r\nimport MsgModal from './MsgModal';\r\nimport PromoModal from '../components/checkout/PromoModal';\r\nimport OrderedItemTable from '../components/checkout/OrderedItemTable';\r\nimport AddressB2B from '../components/checkout/AddressB2B';\r\nimport { clearCart } from '../actions/CartAction';\r\nimport { removeDiscount, clearOrder, setModal } from '../actions/CheckoutAction';\r\nimport { selectPlaceOrderJSON, placeOrder } from '../actions/CheckoutAction';\r\nimport { setMsgModal } from '../actions/AuthAction';\r\n\r\n/**\r\n * Creates a new CheckOut.\r\n * @class\r\n */\r\n\r\n\r\nconst CheckOut = props => {\r\n\r\n /** @function\r\n * @name closeAction \r\n */\r\n const closeAction = () => {\r\n props.clearCart();\r\n props.removeDiscount();\r\n props.clearOrder();\r\n props.setModal(false);\r\n navigate('/');\r\n }\r\n /** @function\r\n * @name onErrorClose \r\n */\r\n const onErrorClose = () => {\r\n props.setMsgModal({\r\n \"title\": \"\",\r\n \"message\": \"\",\r\n \"show\": false\r\n });\r\n }\r\n\r\n\r\n const navigate = useNavigate();\r\n const location = useLocation();\r\n const [enablePlaceOrder, setEnablePlaceOrder] = useState(false);\r\n\r\n useEffect(() => {\r\n console.log(props.placeOrderData);\r\n navigate(location.state && (location.state.process) ? \"/checkout\" : \"/products\", { state: { process: false }, replace: true });\r\n if (location.state == null || props.user.id == null || props.user.id == '')\r\n navigate('/', { replace: true });\r\n //to be only used for 101 hooks\r\n //eslint-disable-next-line react-hooks/exhaustive-deps \r\n }, []);\r\n\r\n /** @function\r\n * @name callbackFunction */\r\n const callbackFunction = (childData) => {\r\n //setEnablePlaceOrder(childData);\r\n if (childData == true) {\r\n props.placeOrder(props.placeOrderData);\r\n } else {\r\n props.setMsgModal({\r\n \"title\": \"Address Validation Error\",\r\n \"message\": \"Incorrect Address Data. Please check and try again\",\r\n \"show\": true\r\n });\r\n }\r\n }\r\n /** @function\r\n* @name evaluateVoucherMsg */\r\n const evaluateVoucherMsg = () => {\r\n //console.log(\"evaluateVoucherMsg called\");\r\n return props.selected_voucher.valid\r\n ? {props.selected_voucher.msg}
\r\n : {props.selected_voucher.msg}
\r\n }\r\n\r\n return (\r\n \r\n\r\n Checkout \r\n \r\n \r\n \r\n \r\n \r\n
/ }\r\n item={NavLink}\r\n finalItem={'i'}\r\n finalProps={{\r\n style: { color: 'black' }\r\n }}\r\n />\r\n \r\n \r\n\r\n \r\n \r\n \r\n
Price Details \r\n
\r\n
Bag Total{formatINR(to2Decimal(props.checkoutDetails.totalAmount))}
\r\n
Tax{formatINR(to2Decimal(props.checkoutDetails.totalTaxAmount))}
\r\n
Discount{formatINR(to2Decimal(props.checkoutDetails.totalDiscountAmount))}
\r\n {/*
Delivery Charge{formatINR(to2Decimal(props.checkoutDetails.deliveryChargeAmount))}
*/}\r\n
\r\n
\r\n
TOTAL{formatINR(to2Decimal(props.checkoutDetails.grandTotalAmount))}
\r\n
\r\n
\r\n
\r\n {hasProps(props.selected_voucher, 'valid') &&
\r\n {evaluateVoucherMsg()}\r\n
}\r\n
\r\n
\r\n
Delivery charge will be communicated later
\r\n
\r\n
\r\n \r\n \r\n {props.modal && props.modal.show && \r\n );\r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n cartItems: state.CartData.cartList,\r\n checkoutDetails: state.CheckoutData.checkoutDetails,\r\n selected_voucher: state.CheckoutData.selected_voucher,\r\n placeOrderData: selectPlaceOrderJSON(state),\r\n modal: state.AuthData.modal,\r\n confirmationModal: state.CheckoutData.confirmationModal,\r\n order: state.CheckoutData.order,\r\n user: state.UserData.user\r\n})\r\nexport default connect(mapStateToProps, {\r\n placeOrder,\r\n clearCart,\r\n clearOrder,\r\n removeDiscount,\r\n setModal,\r\n setMsgModal\r\n})(CheckOut); \r\n","import React from 'react';\r\nimport { connect } from 'react-redux';\r\n\r\nimport ImageUtil from '../../utils/ImageUtil';\r\nimport { to2Decimal, formatINR } from '../../utils/CommonUtil';\r\nimport Counter from \"../Counter\";\r\nimport { removeItem } from '../../actions/CartAction';\r\nimport { Col, Row } from 'react-bootstrap';\r\n\r\n/**\r\n * Creates a new CartItem.\r\n * @class\r\n */\r\nconst CartItem = (props) => {\r\n /* const getTotalAmount = (x) => {\r\n let totalAmount = 0\r\n for (let i = 0; i < x.length; i++) {\r\n let price = (x[i].promo_price ? x[i].promo_price : x[i].price_regular)\r\n totalAmount += price * parseInt(x[i].quantity);\r\n }\r\n return totalAmount\r\n }\r\n const handleRemove = () => {\r\n let cart1 = [...props.cartList];\r\n let index = cart1.findIndex(x => x.id === props.product.id);\r\n cart1.splice(index, 1);\r\n let totalAmount = getTotalAmount(cart1);\r\n props.removeItem({ cart: cart1, totalAmount: totalAmount });\r\n } */\r\n return (\r\n \r\n \r\n\r\n \r\n\r\n {(props.product.brandicon !== \"\") ?
: null}\r\n
{\r\n e.target.onerror = null;\r\n e.target.src = ImageUtil.getErrorImage();\r\n }}\r\n />\r\n {props.product.promo_percentage} \r\n {`${props.product.name} `}({props.product.size})
\r\n {/* ({props.product.size})
*/}\r\n \r\n \r\n
\r\n {props.product.promo_price ? props.product.promo_price : props.product.price_regular}
*/}\r\n × \r\n \r\n {props.product.promo_price \r\n ? formatINR(to2Decimal(props.product.promo_price))\r\n : formatINR(to2Decimal(props.product.price_regular))}\r\n \r\n {/* ₹ 125 */}
\r\n \r\n \r\n {props.product.promo_price \r\n ? formatINR(to2Decimal(props.product.quantity * props.product.promo_price)) \r\n : formatINR(to2Decimal(props.product.quantity * props.product.price_regular))}
\r\n \r\n
\r\n {/*
\r\n {`${props.product.name} `} ({props.product.size})
\r\n \r\n
*/}\r\n
\r\n ×\r\n */}\r\n \r\n
\r\n \r\n )\r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n cartList: state.CartData.cartList\r\n})\r\nexport default connect(mapStateToProps, { removeItem })(CartItem);\r\n\r\n","import React from \"react\";\r\n\r\nimport ImageUtil from '../utils/ImageUtil';\r\n/**\r\n * Creates a new EmptyCart.\r\n * @class\r\n */\r\nconst EmptyCart = props => {\r\n return (\r\n \r\n
\r\n
You cart is empty! \r\n
\r\n \r\n
\r\n {hasItems() ? cartItems :
\r\n
)\r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n cartItems: state.CartData.cartList,\r\n totalAmount: state.CartData.totalAmount\r\n});\r\n\r\nexport default connect(mapStateToProps)(PreviewItemList);","import React, {useEffect} from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { useNavigate } from 'react-router-dom';\r\nimport { Modal, Col } from 'react-bootstrap';\r\nimport PreviewItemList from '../components/cartpreview/PreviewItemList';\r\nimport { previewCart, setCheckOutCartState } from '../actions/CartAction';\r\nimport { setPinModal } from \"../actions/LocationAction\";\r\nimport { selectCheckOutJSON, checkOutOrder, clearOrder } from '../actions/CheckoutAction';\r\nimport { to2Decimal, formatINR } from '../utils/CommonUtil';\r\nimport { Global } from '../utils/Env';\r\n/**\r\n * Creates a new CartPreviewModal.\r\n * @class\r\n */\r\nconst CartPreviewModal = props => {\r\n\r\n const navigate = useNavigate();\r\n \r\n useEffect(() => {\r\n props.previewCart(false);\r\n Global.callback.checkOutOrder_onComplete = () => {\r\n navigate(\"/checkout\", { state: { process: true } });\r\n }\r\n //eslint-disable-next-line react-hooks/exhaustive-deps \r\n }, [props.previewCart, navigate]);\r\n /** @function\r\n * @name checkoutHandler */\r\n const checkoutHandler = () => {\r\n onHide();\r\n if (props.deliverablePin) {\r\n //props.removeDiscount();\r\n //props.clearOrder();\r\n props.checkOutOrder(props.checkoutData);\r\n } else {\r\n props.setCheckOutCartState(true);\r\n props.setPinModal(true);\r\n }\r\n }\r\n /** @function\r\n * @name onHide */\r\n const onHide = () => {\r\n props.previewCart(false)\r\n }\r\n /** @function\r\n * @name hasItems */\r\n let hasItems = () => {\r\n return (props.cartItems && (props.cartItems.length > 0)) ? true : false\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n My Cart ({props.cartItems.length}) \r\n \r\n \r\n {/* Sub Total{formatINR(to2Decimal(props.checkoutDetails.totalamt))}
Total tax{formatINR(to2Decimal(props.checkoutDetails.totaltaxamt))}
Delivery Charges{formatINR(to2Decimal(props.checkoutDetails.deliverychargeamt))}
Your Total SavingsNo data
\r\n \r\n Promo code can be applied on payment page
\r\n \r\n \r\n Proceed to Checkout\r\n {formatINR(to2Decimal(props.totalAmount))} \r\n \r\n
\r\n \r\n \r\n \r\n \r\n );\r\n\r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n preview: state.CartData.preview,\r\n cartItems: state.CartData.cartList,\r\n totalAmount: state.CartData.totalAmount,\r\n checkOutClicked: state.CartData.checkOutClicked,\r\n deliverablePin: state.LocationData.deliverablePin,\r\n checkoutDetails: state.CheckoutData.checkoutDetails,\r\n checkoutData: selectCheckOutJSON(state),\r\n})\r\n\r\nexport default connect(mapStateToProps, { previewCart, setCheckOutCartState, setPinModal, checkOutOrder, clearOrder })(CartPreviewModal); ","import React from \"react\";\r\nimport ImageUtil from '../utils/ImageUtil';\r\n/**\r\n * Creates a new NotFound.\r\n * @class\r\n */\r\nconst NotFound = props => {\r\n return (\r\n \r\n \r\n PAGE NOT FOUND\r\n
\r\n \r\n
\r\n \r\n )\r\n}\r\nexport default NotFound","import React, { useEffect } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport {getCompanyInfo} from '../actions/HomeAction';\r\nimport { Global } from '../utils/Env';\r\nimport { config } from '../config';\r\n\r\nconst ConfigLoader = props => {\r\n\t\r\n\tuseEffect(() => {\r\n\t\tprops.getCompanyInfo();\r\n }, [])\r\n\t\r\n\tuseEffect(() => {\r\n\t\tseturldetails();\r\n }, [props])\r\n\t\r\n\tconst seturldetails = () => \r\n\t{\r\n\t\tconfig.app.IMG_URL = props.imagebasepath;\r\n\t\tconfig.app.COMPANY_URL= props.url;\r\n\t}\r\n\t\r\n\tGlobal.callback.config_onComplete = () => {\r\n console.log(\"config_onComplete \");\r\n\t\tseturldetails();\r\n }\r\n\t\r\n\treturn (\r\n\t\r\n\t\r\n\t \r\n\t);\r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n\timagebasepath: state.HomeData.imagebasepath,\r\n\turl: state.HomeData.url\r\n \r\n})\r\n\r\nexport default connect(mapStateToProps, {getCompanyInfo})(ConfigLoader);\r\n","//import '../utils/wdyr';\r\n\r\nimport React, { useEffect } from 'react';\r\nimport { Routes, Route, Outlet } from 'react-router-dom';\r\nimport { Container } from 'react-bootstrap';\r\nimport {ToastContainer} from 'react-toastify';\r\nimport { connect } from 'react-redux';\r\n\r\n\r\nimport Loader from './Loader';\r\n\r\nimport {useWindowResizeListener} from '../utils/useHooks';\r\nimport { setMenuState, setMobileState } from '../actions/CategoryAction';\r\nimport { getCompanyInfo } from '../actions/HomeAction';\r\nimport { isProd } from '../utils/Env';\r\n\r\nimport HomeContainer from './HomeContainer';\r\nimport PinModal from '../components/PinModal';\r\nimport ProductDetails from '../components/ProductDetails';\r\nimport CategoryContainer from './CategoryContainer';\r\nimport SearchPanel from './SearchPanel';\r\nimport Profile from './Profile';\r\nimport FeaturePanel from './FeaturePanel';\r\nimport Login from './Login';\r\nimport Forgot from './Forgot_Password';\r\nimport SignUp from './SignUp';\r\nimport VariantModal from \"../components/VariantModal\";\r\nimport CheckOut from './CheckOut';\r\nimport CartPreviewModal from './CartPreviewModal';\r\nimport NotFound from './NotFound'; \r\nimport ConfigLoader from './ConfigLoader';\r\nimport ScrollToTop from '../components/Scroll';\r\nimport \"../assets/css/style.css\";\r\n/* const HomeContainer = lazy(() => import('./HomeContainer'));\r\nconst Products = lazy(() => import('../components/Products'));\r\nconst PinModal = lazy(() => import('../components/PinModal'));\r\nconst ProductDetails = lazy(() => import('../components/ProductDetails'));\r\nconst CategoryContainer = lazy(() => import('./CategoryContainer'));\r\nconst SearchPanel = lazy(() => import('./SearchPanel'));\r\nconst VariantModal = lazy(() => import('../components/VariantModal'));\r\nconst CheckOut = lazy(() => import('./CheckOut'));\r\nconst CartPreview = lazy(() => import('./CartPreview'));\r\nconst NotFound = lazy(() => import('./NotFound')); */\r\n/**\r\n * Creates a new App.\r\n * @class\r\n */\r\nconst App = props => {\r\n\r\n \r\n /* \r\n \r\n \r\n */\r\n \r\n const { width } = useWindowResizeListener();\r\n const {setMenuState, setMobileState} = props;\r\n\r\n useEffect(() => {\r\n if (width < 768) {\r\n setMenuState(false);\r\n setMobileState(true);\r\n } else {\r\n setMenuState(true);\r\n setMobileState(false);\r\n }\r\n }, [width, setMenuState, setMobileState]);\r\n\r\n useEffect(() => {\r\n if(isProd()){\r\n document.addEventListener(\"contextmenu\", function(event){\r\n event.preventDefault();\r\n })\r\n console.log = () => {}\r\n }\r\n }, []);\r\n \r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\n\r\nexport default connect(null, { getCompanyInfo, setMenuState, setMobileState })(App);\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { BrowserRouter } from 'react-router-dom';\r\nimport { Provider } from \"react-redux\";\r\nimport { PersistGate } from 'redux-persist/lib/integration/react';\r\nimport store, { persistor } from './store';\r\nimport * as serviceWorker from './serviceWorker';\r\nimport {ThroughProvider} from 'react-through'\r\n\r\nimport 'bootstrap/dist/css/bootstrap.css';\r\n\r\nimport Loader from './container/Loader';\r\nimport App from './container/App';\r\n\r\nReactDOM.render(\r\n \r\n \r\n \r\n \r\n \r\n \r\n ,\r\n document.getElementById('root')\r\n);\r\n\r\n// If you want your app to work offline and load faster, you can change\r\n// unregister() to register() below. Note this comes with some pitfalls.\r\n// Learn more about service workers: https://bit.ly/CRA-PWA\r\nserviceWorker.unregister();\r\n//serviceWorker.register();","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJQAAABFCAIAAAAjPFgJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkNBQ0U1QjRFMjAzMTFFQTlGQkNFNjZFMjQ4Q0UwOEYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkNBQ0U1QjVFMjAzMTFFQTlGQkNFNjZFMjQ4Q0UwOEYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2Q0FDRTVCMkUyMDMxMUVBOUZCQ0U2NkUyNDhDRTA4RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2Q0FDRTVCM0UyMDMxMUVBOUZCQ0U2NkUyNDhDRTA4RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk78J9IAACFaSURBVHja7H1pcFzXmV2//fW+oxvdjX0hQOwLN3CnJFKkdpKSJdH2SLJnxokzmaXmR5JJuaYqNcmkJsmkJhlXyuWZsWyPbcmWLVGiKC6iSIgbCJDY9603dKPR+/76rfkeQFFcAMbjskgqxlWXCuy+eH3fPd93vnPuvd1AJElS/NrN75746Xf/sqGta9vjR41Wh2K9PdSG/ot6c4UCk88j0FB0fe6+TOBBhuay2VQqJYgSug7ely7zGCafSmeZAiOK4vrcfanAkyRBEHN5NpPO8By3PndfJvDkSodhLMsnk2mWZdfn7ktGmyiGQsHL5rI8z6/P3ZcMPIpS8qLo88wlE9H1uXvoDb/Pa6lEZHKoF0RmVX2r2VoMz6jUWpJSTo2PBRd8Te3rs/cIZ557ZuLv/vov/st/+JMTb78ZDvlXwDNb7YvB0ILPK60Lzkc580JB/9jETGgpk8n/vVqvPfLVb5O0ylTkEhRYwO9Np2I6g2V9Bh/FzJueGDr94XuxZFptNgQi0Ru9Pf75KZVaXVpegRHk2HC/e3ZyffoeUfBG+ns+vXCeV5BqnVGQiGg0mkhESJJylrj0euPs1Pjk6MD69D2K4CUTsYH+Pn9gkVRqEAnsAZqAFo+B1SurqC52OCKR2OzUhCisG4ZHD7y+qxeGhoYllKCU4A14XlQs+P1+zzy8VFa5obyqihcUc3Nziwue9Rl81MATe69enPe4gTEJklIgiFKpjCdTHq8MlU5vqq2t0+jUszPTo4N96zP4CIHH8/zIjaujwwOZXA7STiFJKIJiOFngeL/P7Z+bgD4Nze2lZVXRaGRubmp9Bh8h8ESe6736qdvjEUWUJElBIUqSiOG4ICmWlkIe9wz0ae7oamzpYBlmuL/f654W1ivfowAeW2BGBkFkno3EU+AHEMi75Qf04iUkGAxOT43LzGkwNTQ3K1XqG9f7z505Ucjn1+fx4YMXDQdPvPvTG319BYaFbGO5As+yLC8IoiAqkKVwBBwCz8pQ1dbVl5RXeXwLF86dzuay6/P48MELh4LXrl6OxtMKCYF/CpLcOGg8h2GYwPOR0GIiFoGXKmrqm9s3kRTmnZtNrS9SPwrgRSLhpXAMI2kMJwAqk17f1tTotBdJPAdgQvbBq4uBBShy1iJnS/sWu6MkFo3MjA2whXXmfKjghRf9Qzd6M1kOpzW5QkGrUh1+/sh3/tPffPON1yvLXIgoFThpIbR0sfscUCkkYj3UvdaOVDZ/8fypoG9ufSofJngBv3d0eJDleQRBRI6tq63df+BQQ1Pbc0de6eraqVYqGaaQzGYuXzo3OzEM/Z1OZ/2GWhwnhvqvzUwMCfz6wYiHB15oMeDze0GdcAVGp6Y6OtorqmplbWm07drzRGVFOY6hooRMT02eP/WrVDyi0enKK8pNBh2o0LmZqVwm+Ts1cf+i865fLHg8l5+bGQX8xGWNUl1T1dTSqjfe3PFpamnv6Oi0mE1g+WLxzIWPT05PDGMYUVm70WK1JNL5ufn5WDT8O4ScKDL5XDoe5lnm4YM32Hf52uWLsURSrabMBtXzL7y4advuW50MZltzW1uxzSZwIqXSefzB4cFehSTY7K6y8qo8K/RcuTg9Nfa7A54oivHI4qcf/jDgnnj44AW8M4GAP8dwEFNVZWVbtu0wmm2fd0JRh7MEkoxh8jhBpzK5idGBRf+8wWzd2Nyu1xuXQsFYJPI7VGwwDEWxges948PXWYZ5iOBJhXxmdnpqMRSCAVnNliefOVpRXXdXv+oNDZs3bzVqKY5lC7w4NjI0PtJPkeTGxlZbcTHHC8EFbz6b+h0BDzSdSq2OJ9J91y573NPLdYdj8llREB4oeKIopRJxt9e3GEooKbKpceP+pw5rDOa7+pmtxbv3PtHe2sQVsoKEzru9UxNjkiiUV1QW2YsRFPV73WA2/r+HDUQ1mFpwurRSiZGq4cGBmeV6AU/OjvZlkrEHCh7ok3giFo+n8jnJYjZu2rzF4SpFFMi9XavrGvY+8aSSwhEFCsy5EAgwuYzZUmS3OREFFl4KgcX/Esy+ACIjz7GMJP0mB6hAVC8FPelEBCMonFIFAgsLXg9cCuZraqQnGXugM4DCzXhnJ/x+H4YqmhqbunbtR5DVTyXpjOZNXXuKHcVQr1lWyOaZbC6r0ujtDieKEgG/bzHgffTB889PXTz19sDFD7Op3yRLAPVkJJSILiEIRtLqTCY9OzmcSsZIWoXhlPhg/QMuCuLQwHWIIL2RrmtorKhpgMq3BtGjdkdJc2vHwsKi15OdnZmZHBvu2u1QKVUYhi0GF3ye2V/nLbPJcCqVYkD8ZDP5bFKtM+r0BrPZQqmN9yhyaXzoKhCVq7zWtHxw9D5tZuTatU8/NhbZN+88YC5a/bODPRfPvP/zNycGe7U6XWvnhSNf/7arvEZxJ824p8cunH0/FPRr1cqmts0dXU8oNfrPI9hkCwW8kUVvWU2TxebCSdXk+PDYwLVtew4Zikq6T/+qM5uub932gMBj2TwgxzA5q81WUlYpb52v3Wilqr6h6fLFbhA6CwsL42ND2/ccqKreYC2yz06N+P1+mGicINfQ18LMxOD0cM/cvHspHE0mE4l4NJNIanVanUHncjorKmvMjqra+ga7sxzDCVkF8IUbl8/iBGUw2+8DXiK2dP3S2Y+O/7z/el9VZanBYNyy5ykUI+7qls9lPzr+i1MfnQyHYxSJur0BSmt85fU/0t9W4JcW/e+98+N3fvbDTDqjphT1vZdEBNux71mQl5/VPGEp4I2GfJ27nrYWuwwmu8/j6evp3rTjieLS6uNv/QMIb7O9pMjuehDgxaNL+XwOzIDZbDWZrXezRD6DSAKuuhl6GI7Z7XZapSJoNMfkQ6EgpEdlzYZiV8nEOIC34HdPlVTWYdjdxAs803fp7PkzH1y7ciEUSRZYvlAocIwCuFqnRVQqpVql0kAK64x79+179uV/VVxeKwhCwDc3NzlUVtNM0sr73MPEcN+b3//ffdcHeQXKs9mpscGmzp0a/R2ai+PYof6rvb1XExnWZC/DUcViNPrRB79s37yjc9seFL054CvdZ0988N6cf9FgsAj5fE9Pn9rwI0CoueNmMuWyyYBvPh4NyVmoMxhMRXPTE9d7r7lnJxyuchGlzp56v7Sq4cXf+9eK1XTDbxm8cHAhn8mAQjEvt5t8JQgck82E/JHxPpRnDLWtakc1qdbiOG4yW/QGA0nRoLuYTLqQzyqVSuA9UM/BwML4aH9xSeXt4IE4S6cTx9/+wc9/9D2315svCFq9xemwGY16nVZrkd/TBFdg8szSUiARDvjnphLRRQAPEmV0sBcCualzt05vXOsGCkz+Rt/VgZFRRG01adS5dHDePb+0GLwLvHg0fPbDd0BkWW2O7Tv3kCRx4dxpr9d75fxHVdW1Zlsp3DTHcT1XLs17fOXVDR0dnVw+29/b88nHHxe7yjZsbKaU6hUmzxfYbL4g8xBNKzVqVkKnZuZ7Ll849vq/aWjruvLpuVPvv9WyeVtlTROOE18seOl0KplKAVwuV5mrtHLl2fSiZ/6TE+7zJ1LzU6hYwC0O+7Z9Gw6+ZK/vKC2vrqisHBwcZnLpdDIWCy+CX6WVNMRZJpWNRaPCbcfgBa4wMXTtF2/96Ozpk5CXOq1qZ0dzY9uW+pbO6tqNNruTIEmKUiGIxHMFSUJQDE3FohqdYQUVv9cTTyQxgqCoNcl8qPfClYsXMnneXKyBUM/mubGhwbnpscoNjbd3Syfi0xPj6WRmy/Z93/6TP6coOhxaOH/afemT01t37APweJ6fGR/2eT3g2Hbt2vOdv/wr99z0f/7Lf9995tT4yNDs1PDGli2QTEyBSSRTQKoKSVKqlBRFUEqa4YSRocFMOvXUs0fH+q+eO/XuP/6v//qnf/E3NmfpFwve0tJiKpUENVJkc1jtN+v83Nlfjrz5vfSUj0AYAVHws6HU9DwbCSKv/7mlssFuL1ap6HwqngfqLBSUah1NkQSO87yQTWcgNm/l3Phgz4+//z8/6b40P79kNCl37d7zyte+WdvQDiJFSatuFRJ5HASVii9lc4yt2AVJLE93OjFw/Wo8nsBwEsOItRYZr106PzM9jeA0vC8IdgQnFxcDwcAdZxKz6SRwpsftIQiixOksstk4TjCYjKIC9fk83vmpLbsPAXi9vZcCi4tA0VarlVZpzCaTyWggaCK44J8YuVHfvAXGFY9GFgN+ni2wTE6+aQwB9BQI6fd4pydHWzu27D3w3KULH588cRJi9LmXXtPqTV+gVQC6Z9gCQZA6nQ7HyeUgDYf6LjIT06oMo+EVGgnRCaIiEPV1n53t/giqVJHFAkoM3H0uzyZiMXCKIFDhPwSTFxoUn8lltlCYmhy73NPj9S5ZrboXDh/9wz/6d1t2HSgqLlWrtbcjBzLhxDs/+D///Ts/+4f/EfTPr4CXSsTHRoZ5XoQsUSDIaguMgm9+anR8JJ0v0GqDvFokn3Ojs7l8Mn6HDUglowP9vaGlmFarq92wkaZUBYaB8ZIkncsx2ax8jAN+Hh0aWAxHlUq1Rk3DM1q9AdADUkmmU4uBwMqlggseyMg8wwqiQJEQr0yBZXkRyTN5qOvQYce+g4df+SbHS91nTwZ9X+y5VpSiVQADhCStkjmdzyQD3R+mJydUiMKgx5QUpqVIo0ap12BCJBLqu5SLhusaW8vKqxAUzbNcKp1mcrk8w4DFgYp4+2fV47HIwOBQOJ7VG6jDRw+/8Yf/trlzB0GuIj36ey+9+f2/f+snb547fXxytF9Y/uQmBHgsGlNqdCssem+D4Lh88RO3d0HEAF8lcC4MCcHxAifkcrnbi+74SP/wwA2YUFdJaWVNPUAMwNMyG9M5VohEY5GQf2z4xvT0FNyIzWa3WovkkqbWWaxFUNjyTAEeKyEVDPj8Pq+EgBwmzRary+VSq2hgeAhf6ADkbzBZnjryakV1zfjoiHt+WvFFOj905eAehqHUMngZ71Tg5M9ZrxcIAaVIicDlFEEgMEkasmBpMReLNLRtqalrJEiCFUVeEMPhUDwe4QUBwJM+GyzHsqPD/dd6eiAvu7bvPPbat+qaOlcdQT6bGhm8MT3rTnNEPMvPTE3ksmmYcffcFIChM1rvkh6fl7Fk4sql7lA4DqQLVVMBD0kUETTHspB8y99eITfv3OSZD49Pjo9rtZqGppYiu2w54Bc0ag3MeJYR5+fdF8689/ZPv+9dCJA4Vl5R4XSVrThbS1GxTmsQ5PxiYEjwFMRTOpNVqTXAVRZbyb7Hn9rcuZnE5GqtVKnhgpIkcjwHjiudzYCe+M3WcX59ky5AyAB4K3I86ZvN+OYRjsMxHNhw5SSSKM+ERCAYheIABgAJ+QBag+OgUvDu+ZloNAq3CnH/udWdmzx35kQwuOBy2F8+9o36xjU/ijk/O+Xz+SSUUOtUeVacm5vL5bIsx/p9HpwgwD2QlGq1Yif4fXPzczOcIEI3MJEwfZIChUGwHJ9jClABZR5XKAau93ZfuBBP5xpLShubW/R6OY+hG07gAlRJnEgmU4P9/b39NyBlaZosspqNxpuFymorNlptEXBTmWQiFrLaS7OZLMBmAlmOoAiC7tj3TCyRW1oKY4hCo9UBa0fCoTMn352aHC0rKXY4XcgaKx6/pYVpSTaeoBhBcci0yTKcvMcByg9B4WU5pGXHApiBjISfEahuCpQmKESSMqkUUE42m4YX5ACTJFqpXPmKlgWfZ3JiHHBvad20oaENwdYUzQGfNxgMMByYNJxlhdnpsVQqDvSbzeTE5ePayGoFD6Td5NgwaFGgNJrCVEoSWECSBws3Qsgnbj47kBhPJhPpLK1UkSRmsZqBBhXLsSjKFC9AumSZgtu3EItn4DYJTKHVqCBHV34XPAzYAehYYDkYBrBrNBzUaXVAv7dG0tjS3tLeDlopm0mGg54zH7330YfHeZ5tampzllR8sWoTJwlQLRwrAHHDvzW2EsruSLv9GMMTgJy0DCCAWuBEVKLASGt18q+hqJKkQFv2XbsMsKazOSAKnMC0Gg2I/6Df0/3Jabd7tri4+PEnny52ltxnU3pmYjAUDCDyJYGi8VgsBg7PZLahsnrC5FBYzeyCFh0ZvB4KRXUmU2NDA1tghkZGoUoBKhiBZzKJxQV3RW1zPpeJhMOCIAJPaPX68so6gqSXl4rUlbWN9mJHMBxfiiaj0TTLSRB0JI46HE6jxb7yLmBRCBIXFRJUBwhdmqJRjEjn8lAdh/uvUuB2lUqvezaVSgWWwu++8zOtVnv9+oDf56/dUHvwhZftX7RVEHgWwzHwyPHlcwz6ynpL25bY0FAhnqJQTqZCwE9C81lRYaX1ldXKlcUkSYCozBb4wYF+gBeyBGIUzLurtAJI7EbvpU/OfAT+cfuOXZu27oCoX9Ni53OzM5NgNElSJbM3jkorlQsoCSdkDUsQq37b0oJ7bmjgRqFQ2Nex+YknnpicHBkcGriZogiaiEcDPhm8kYHe+dlpnucMBl1DY2tRccnKF2+pVBoo2y5XSTiZTqZzBIpD3kOEUgRhsdpJSvlZaENIoaJ8hFXgONZS5Kisrj198r0P3n9/wefW6/RqrS4aBxvlgYucOXuWZ3Kgbaqra17+2u9t3r7v1nW+KPCArNU0HSyw0XBI3qYy2x1dj6VuXIkkrzEsTxJy0ZPPTFOoob7Jtv0JVK5AQKECimMSJ8SSKUQC1S3RBG612qrrm+Gik+PDc3OzeqNpY0Oj0Vy05mECQQj4PYtLMV5EKSWJKETIdEg+eAiCUCgAbQqoXEjvTr10ItbXc2l+btZmM+8/cGD79l3xZAxqmEzqAKCoAJZjWfk0W2/P5anlzxGWuZw7dz9xy+yDCgNrpFLS8sliRAFyVeALEMdatV6l1n5OC3ITl5sALggGtmXb9hvXuj8+133q5McUCYhjGKmjdUZKSWXjKQWXK3c5n33m2eePfl1923L2FwVeaWm5xWSaliR5Qy4UtDlKilu7FIdfmSrkgwNDnCiBMONFyVhXWfPCMefOQytqAYocv3ykGhVFDMMRkYcgMBpMdmc5VE24FPCM0+VqbO64z3sXCsz46GAynYYIh9KmECXIN4W8NQa2KZeIx5hCAebv3pI3NTV+8fKnuQLTWV/X3rkFvIS85KHABAGoTy7VSqUGNCrMuN/vXwyGNEplU1NTS8eW25fdARZe4OFWUISAAi+HC8NYi2yQT7fJIlH2LZIIcnJFN7Z0bPvGt/7MUVI+NjoSWVqMpbISStMqFcyAUacud1XsfWz/408fXcve/JbBq6pvsTuckDue2Ym5mVEAD1fqHI8dJY1Fuk9OLA3dQDIppaO07NljzscPgxtcuW15TqXlb0SCLBF5JpMzqLCVpVH37GQo4AXlZ7Xa7Y4ydG25BbG84PeB8pbPG0LN4XlEzmmRKzChBa/POysvmMDI7kHP55nzeua1Ol1LW4fJYlsZD0AOAJBAtKRSpzeRFDk8eH1mZiadTra1tnZs26M3FsnBcTPp+XQyDmJeWs7C5dUKhKSIytoGs815642Uai1oS0BOrdaqNXKxxwiqfevuuqaOVCI23H954Ma18elZn39RwSkOPf38cy991VlaCZz8gLaEYEz1jS2nP/rQMzsdCqycY0Awg93adUhZUlM01odlk6qqZm19J6Ez3XLHLAuuXMBAi0uoJEgsy2rA3Dpcy3vNKYYpYKhCpVSBC77P0jrHFWZnxjMZeUWNZ1meY0mcAL8Gfp+F92AYZKXg3mlzU8k4eMFsKllbu2H3voMw/nQiAhgTOMZJ8qYjCB9arQbIx0aHIPOMes3OXTu3bt97+9dMLpdUEnSpXNLk4JDzW00rq2rri2z2W92M1mI5DnCCotV6080tF5Ap8AAzbrXZWzdtv3jhzAfvvgPKaPe+/XWNHQ90MxYyY9djh06feL+v58rgQO/+Z15UqWXeQGmNrqZN46pEeVahtd65pIbJ7gFRrLgJoE8CVTgcjpKK6pVzBkCA0EU+YaW43/oCsLRnfo7J55UkbbNZgKP8voXlxTbZrkFGwJRK0t3oj48MDNy4juN0c0t77cYWuTOiUFIUTLF82htDcYoOh8Pd589NTY7HY9HGuvquHbutduddJ4ggpUgwPMteEEGA/CW9RldRuYGk1bctIKRBx8Jo5M7LMvX2plTrnGrdhrrAp+oPlBTuKq9+wKcCoOBitfUth186Fgh6Pvn41Mamtv0Hj+qM5hWyQpWrVF2CouTNUtmEQcNEBaNWEqXl5aUVVSv8g2HIspeSTeFab5xJxa/3XAyFwpDGdpv9sX2P6XTGn/z4BzIUywm0fL5GPiEpfRYBgCtwXfe5UxPjo05X2eZtO1eW9EDNGs0WkiAY+ZNoCKVSud3eYGAhl8niiNS+aWttQ9u9FgWCDOhaWjbbCoHDFEJ5eZnNcccmaijgiUUWYSookpTk6ousZloyyVRSb7KRtOoBg3dzco8ee+PoK28E/P7v/re/6j77/v/zEJ+8tCIKiFzyUKhVSpp0ukpsNgfcIfCMUqmC6g7EV1jjywGh29zMxOmPjieh4Au801n85NPPv/raH3Rt36VUyaZ4ZZrg/yxXuLVeyhby50/9svuTM8DMzc3NW3fsW7agCpLWWIpLIJ6WYwYUIM5wwlI4ls6k7UWmlrZOcAh3C11gZmBtdploEai+DIjdjs7NYNTuqMoywhzoWLVmzTIWCi0uRaKkvDlEPxzwcFL59HNfOXL01VQ8/N7bPwj673eUCIIWGlhX+QN8osCyWYokwJDCJMKrRY5SWqMtsHBXgdnJEWG1o4y5bGqwH9SEGy5m0KoaNm50uErBM+1/+gVbkQ34VhboAgvcyS/b41uLmZcvfzo5NUXRdGl5mVZvvCVAsOUfBElk5QU7AScplVqDIyCazMUO16ouBWILQhBIAoo3cL3VZGhu3azRGu6SVFC/oTtFr7mhmE6nIA7klVIEeTjgQausqXv9W3/60rHXZqdGj7/9j6G1j4KBl9brDThOyetLMFeFnKsE/G4ZstxUajUocuCjYDAw3N+L46ucRZubHD1/7nQwHAHnW2y3NrW0GkxFEA80TWMogC1C7mo1OkQuq8jKpICiATs/ODCUzWTKKsorqmpuIScnHy4XJRiatPyVaIA8hJZWq9qx+/GS8srVlkYlFmwsGEzQR2xBq6La2ttr6pvIO4/wsLJwymu1eqd8HHKVFl1a8MzN5POMWh4t+tDAAwcKteGrf/Bnr37jjxe9U2P9V9bazQB/EwlHpGXNwjDZqoqSJ558uvqznWvQcQ6nS29SLYUj169f6++9eNfX4s6MD7z1z//U29uL4IRGo9p74BCYJ+Bffvk8q1pNAw56o8Upry0hbD7D5NJygGdSPZcuBAIhmqY2belqbttyR+kmSaUMPCLzOI5zMpPTO3buffzQYfASq4B38/P2QPk8rhCbW1qPHPt9s9V+18ZhPpeHa5aUllfUbFx9VX1uempijONEvdGEYg8PvJXmLKv9/T/+j62dW+cmbsyM96+6BXrp3Mn+69cKBQ5qDE1iBw4+/fjB52/7bAPSsWV7a3sn1JWpyenjb/8gFHADu+bS8aWFefmw0Pf+9v0P3g3Hkzq9tqmp+cDTLxaXVK2kA0yp2VJEUSqTyVpWXgF5HIuGIuFFebsjHrnReyWXZXRaXf3GpqI71SMAhhOECJUWkXejwDfCjD//0ler61pQbJXUB8JIpZP5fD6bSep06k1btm9s3nxvz0wmTeKYq6TU4SpfdUPY7/ODVdVodK6SilU55otVm6vyYte+Z88e/+HglTPV9a13SiwJVOLl7jMz05MFHlVSZGV5+Z4nDxeX3KGS2zt3HDw0uxRaCvqDvVc/bencuqEu7J0ZGR3qGx6bGhoeS2UYtVpZZDLu23+orLL287UokddojeD9NVptWWUVRmChSHR6arKu0TM9Oer3+WDSLWab0Wi450ypvK21vPYv5dIps8nU3N7evmXH7btUdx1b8nlmY9FIIZ0o3dReVVO/ajfwlDAmo9m84tDvXmTguWBwAQCuqa2vqKrDMfJRAE9RUtXQtecZEC/ZTArC6lbQQYnyzE4EAz6oBSKP0QTW3tZRXlmnuJPuQUocevYImKR/fvOfPP7Id//uby0WYyaVDASDrIgzrIQhSLFBvXPr5n2PP3VrPWJlSRq0D6QpsF99Q5tBp1kIhn717jvX+28kItGlaBzHhJra6iKb857NERx4EmSIwDIik6mtaN21c+/KqY5VG6jIdCKaSydoAmlv62zrXP2YbDKZhJFYrPZVX50eH5gaGxD5gsGg12rVawXKgwYPCKSqcTNUIHlD4LbMwzDCYpX3GPmeaxwrtDbvfeW1b+mN5nvzwFZccvC5l5KJxDtv/WRmesbjo+Rt0gK/4sD37tlz9KWXWzu7rDbHrevLdooinU4nuAVZQFXXPnf4Kyfe/+Xs7LTHu4AjGORlVYXj+RePVdY23vWOZrMV6tbw8FAum21rbjzy4qtNrZ33uW2GYUJBP6FgDx5+6akXXlatlliQ5cnowob6ja2bulY7AJD58L1ffNp9HtRweWmJxWp78H9rYk2aBst5r+uE8VmLS44c+2YGakUiefCZF0oratfSpMAkLx57I5/LXLtyMRZPgEZF5FMXbEVF+YsvH9v/1JG7agxBkCUVtcWuUtPyRoTZXHTk5dcA0vff/TmYboxWVlWWf+XVr3ftOaBUqe96M4PRvGnT5uG+TwXO9eyRY3sPPHNvnzt8KstyTL6trf2Fr3ytpq5xVSeaSyetBnVpdePKVsnd4OUyXs9M0L9osxmKnSWq2/jp4YO35i8Q5Kaux2iKzKRS9a1b798ZJOhXX/9We+eWpVBIdoay3uFrNtRt2/XYveoAFKOjpPJW/KIY5iqree7I13QazchgH0mQTa2bnvvK6yurd3eHGkXVNbS88rU3cILu2LpXu/Yh3ZvErtXt3HdQZzA0ta9xC5Kspnc9/qzFUa5SqlcLbrpr575cJqvR6qo2NCmQh/AnXpBH4YPx92/5bCqytIChmMVWcv9z7w+giTwnCjyUAIyguELeOz/NcZzNWWY0WdbBW30tbWWQslt/4NR0h7xkmdjMcDrooY1Flg0tpEq7MrDlhYSHMDBc8ci3lYWbhz4MUJXeC8dnPnx7aXqYdpVW7j/aePBVUql9iEP6EoD3KDSB52LTY+6Tvwh2n01Fk4qAT0TR0vZdlvL6hziq9b+k9usRZj4X6LsQGOiVUlmDUk1xirR7LhtderglZz3zfr26K/CFeJhjORzF1Jh8QFsQUcXyXiOiQNYz75FuOK0qau0qq6qmKDJXKChESUUraaUKVSDrmfeoN4yi7Y2biRdfA+nk6e1BjQZr5w71w/6ruf9XgAEApbXCjl1v/sAAAAAASUVORK5CYII=\""],"sourceRoot":""} })
\r\n ![\"logo\"]({require(\"../../images/logo.png\")}){kind=logo}
![\"user\"]({require(\"../../images/user.png\")})
\r\n\r\n \r\n \r\n \r\n ![\"\"]({ImageUtil.getImage(\"delete.svg\")})
}\r\n \r\n ![\"logo\"]({require(\"../images/logo.png\")}){kind=logo}
\r\n ![\"Login]({require(\"../images/login-banner.png\")})
\r\n ![\"Login]({require(\"../images/new-user-bg.png\")})
\r\n })
\r\n