\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 { Navbar, Nav, ListGroup } from 'react-bootstrap';\r\nimport MsgModal from '../container/MsgModal';\r\nimport { setMsgModal } from '../actions/UserAction';\r\nimport { Modal, Button, Row, Col, Card, Form, Container } from 'react-bootstrap';\r\nimport {versionInfo} from '../utils/CommonUtil';\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 /** @function\r\n * @name checkFooterData */\r\n const checkFooterData = (array,index) => {\r\n return (Array.isArray(array) && typeof array[index]==='object' && (\"title\" in array[index]) && (\"htmlData\" in array[index])) ? true : false \r\n }\r\n\r\n useEffect(()=>{\r\n hideModal()\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.UserData.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,{useState,useEffect} from 'react';\r\nimport { Col, Row } from 'react-bootstrap';\r\nimport { useNavigate } from 'react-router-dom';\r\nimport ImageUtil from '../utils/ImageUtil';\r\nimport { clearCategory } from '../actions/CategoryAction';\r\nimport { connect } from 'react-redux';\r\nimport Loading from './Loading';\r\nimport { useWindowResizeListener } from '../utils/useHooks';\r\n\r\nconst Singlebrand = props => {\r\n\tconst [loading, setLoading] = useState(false);\r\n\tconst [css,setCss]=useState({width:'100px',height:'80px',borderRadius:'50%'});\r\n\tconst { width } = useWindowResizeListener();\r\n\r\nuseEffect(() => {\r\n setCss((width<768)?{width:'61px',height:'48px',borderRadius:'50%'}:{width: '80px',height:'75px',borderRadius:'50%'});\r\n\t\tconsole.log(props.mobileState);\r\n }, [width]);\r\n\tconst onLoadcomplete = () =>\r\n\t{\r\n\t\tsetLoading(true);\r\n\t\tprops.loading(true);\r\n\t}\r\n\treturn(\r\n\t
\r\n\t\r\n
onLoadcomplete()} />\r\n
\r\n
\r\n\t \r\n\t);\r\n}\r\n\r\n\r\nconst Brands = props => {\r\n\tconst navigate = useNavigate();\r\n\tconst [loading, setLoading] = useState(false);\r\n\tconst handleClick = param => e => {\r\n e.preventDefault();\r\n props.clearCategory();\r\n navigate('/search', {state:{term:param}});\r\n };\r\n\r\n const renderBrands = () => {\r\n return props.brands.map((item, index) => {\r\n return (\r\n
\r\n
\r\n {/*
{item.text} */}\r\n \r\n ) \r\n })\r\n }\r\n\r\n return (\r\n
\r\n \r\n
\r\n \r\n {props.brands ? renderBrands() : null}\r\n
\r\n
\r\n
\r\n )\r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n brands:state.HomeData.brands,\r\n\tmobileState: state.CategoryData.isMobileMenu\r\n })\r\n\r\nexport default connect(mapStateToProps, { clearCategory }) (Brands);","import React,{useEffect} from 'react';\r\nimport { connect } from 'react-redux';\r\nimport {setNotify } from '../actions/UserAction';\r\n\r\n\r\nconst Notification = props => {\r\n\r\n //const notificationClose =
props.setNotify(false)} >
;\r\n\r\n const renderMsg = () => {\r\n\r\n let notificationMsg = \"\";\r\n\r\n if(props.msg === undefined || props.msg === '' && !props.deliverablePin) {\r\n notificationMsg = \"Choose your delivery location for best experience\";\r\n }else if(props.msg === \"\" && props.deliverablePin){\r\n notificationMsg = \"\";\r\n }else{\r\n notificationMsg = props.msg;\r\n }\r\n return (!props.deliverablePin) ?
{notificationMsg} : null\r\n }\r\n\r\n return (\r\n
\r\n { renderMsg() }\r\n
\r\n );\r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n notification: state.UserData.notification,\r\n msg: state.LocationData.msg,\r\n deliverablePin: state.LocationData.deliverablePin\r\n})\r\n\r\nexport default connect(mapStateToProps,{setNotify})(Notification);","import React, { useEffect, useState } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Outlet } from 'react-router-dom';\r\n\r\n//import ThemeSwitcher from 'react-css-vars';\r\n\r\nimport Header from '../components/header/Header';\r\nimport Footer from '../components/Footer';\r\nimport Brands from '../components/Brands';\r\nimport Notification from '../components/Notification';\r\n\r\nimport { getProductsList } from '../actions/ProductsAction';\r\nimport { setCheckOutCartState } from '../actions/CartAction';\r\n\r\n\r\nconst HomeContainer = props => {\r\n\r\n const { companyid, setCheckOutCartState, getProductsList } = props;\r\n //.. initial call for company and app setup\r\n\r\n useEffect(() => {\r\n setCheckOutCartState(false);\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (companyid && companyid !== '') {\r\n getProductsList(companyid);\r\n }\r\n }, [companyid]);\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\nconst mapStateToProps = state => ({\r\n companyid: state.HomeData.companyid,\r\n productsList: state.ProductsData.productsList,\r\n mobileState: state.CategoryData.isMobileMenu,\r\n notification: state.UserData.notification,\r\n deliverablePin: state.LocationData.deliverablePin\r\n})\r\n\r\nexport default connect(mapStateToProps, { getProductsList, setCheckOutCartState })(HomeContainer);","import React, { useState, useEffect } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport ImageUtil from \"../utils/ImageUtil\";\r\nimport { addQuantity, subtractQuantity, addToCart, setCartBounce } from \"../actions/CartAction\";\r\nimport { connect } from \"react-redux\";\r\n\r\nconst Counter = props => {\r\n const [interv, setInterv] = useState(null);\r\n const { product } = props;\r\n const cart = props.cartList\r\n let index = cart.findIndex(x => x.variantid === product.variantid);\r\n\r\n const findProductQnty = () => {\r\n let quantity = 0;\r\n if (index > -1) {\r\n quantity = cart[index].quantity\r\n }\r\n return quantity;\r\n }\r\n\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 addToCart = () => {\r\n let cart = [...props.cartList];\r\n cart.push({ ...product, quantity: 1 });\r\n let totalAmount = getTotalAmount(cart)\r\n props.addToCart({ cart: cart, totalAmount: totalAmount });\r\n setTimeout(() => props.setCartBounce(false), 1000)\r\n }\r\n const add = (ob) => {\r\n props.addQuantity(ob);\r\n }\r\n\r\n\r\n const clear = () => {\r\n clearInterval(interv);\r\n }\r\n\r\n const minus = (ob) => {\r\n props.subtractQuantity(ob);\r\n }\r\n\r\n const handlePlus = () => {\r\n let cart1 = [...props.cartList];\r\n let item = { ...cart1[index], quantity: cart1[index].quantity + 1}\r\n cart1[index] = item;\r\n let totalAmount = getTotalAmount(cart1);\r\n add({ cart: cart1, totalAmount: totalAmount });\r\n }\r\n\r\n const handleMinus = () => {\r\n let cart1 = [...props.cartList];\r\n if (cart1[index].quantity > 1) {\r\n let item = { ...cart1[index], quantity: cart1[index].quantity - 1 }\r\n cart1[index] = item;\r\n }\r\n else\r\n cart1.splice(index, 1);\r\n let totalAmount = getTotalAmount(cart1);\r\n minus({ cart: cart1, totalAmount: totalAmount });\r\n }\r\n\r\n\r\n let quantity = findProductQnty()\r\n if (quantity > 0) {\r\n return (\r\n
\r\n );\r\n }\r\n else {\r\n clear();\r\n return
ADD TO CART \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\nimport { Col, Row } from 'react-bootstrap';\r\nimport Loading from './Loading'\r\nimport { connect } from 'react-redux';\r\n/**\r\n * Creates a new LoadingProduct.\r\n * @class\r\n */\r\nconst ProductLoading = (props) => {\r\n\tconst css=(props.mobileState)?{height:'168.5px',width:'155px',marginLeft:'9px',marginTop:'9px'}:{height:'269px',width:'269px',marginLeft:'9px',marginTop:'9px'};\r\n return (\r\n
\r\n \r\n Product Name \r\n
\r\n \r\n \r\n quantity\r\n \r\n \r\n
\r\n \r\n Loading... \r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n mobileState: state.CategoryData.isMobileMenu\r\n})\r\n\r\nexport default connect(mapStateToProps)(ProductLoading);","import React, { useState } 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, OverlayTrigger, Tooltip } from 'react-bootstrap';\r\nimport { APIAlert } from '../utils/AlertUtil';\r\nimport { isProd } from '../utils/Env';\r\n//import GenericModal from \"./Generic Modal\";\r\n\r\nimport { Card, ListGroup } from 'react-bootstrap';\r\nimport ProductLoading from './ProductLoading';\r\n\r\nconst Product = (props) => {\r\n const [loading, setLoading] = useState(false);\r\n let { product } = props;\r\n const navigate = useNavigate();\r\n const cart = props.cartList;\r\n let variant = product.variant;\r\n let index = cart.findIndex(x => x.id === product.id);\r\n if (index !== -1) {\r\n product = { ...cart[index], variant };\r\n }\r\n const sizeHandler = () => {\r\n props.getItemsByVariant({ companyid: props.companyid, variant: product.variant });\r\n props.setVariantModal(true);\r\n }\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 const Overlay_name = (param) => {\r\n return (\r\n
{param}}>\r\n {param.substring(0, 34).concat(\"...\")} \r\n \r\n );\r\n }\r\n const handleImageLoaded = () => {\r\n setLoading(true);\r\n }\r\n\r\n /* const imageHandler = () => {\r\n console.log(product.images[0].name);\r\n let img = ((product.images[0].name === null) || (product.images[0].name === 'undefined')) ? ImageUtil.getErrorImage() : ImageUtil.getImage(product.images[0].name);\r\n let errMsg = 'Missing->'+product.images[0].name;\r\n //APIAlert().error(errMsg);\r\n return img\r\n } */\r\n\r\n if (!isProd() && !product.images.length) {\r\n let errMsg = 'IMG name in db null for->' + product.name;\r\n APIAlert(errMsg).error();\r\n }\r\n\r\n return (\r\n\r\n
\r\n\r\n
\r\n \r\n \r\n {product.promo_percentage ? `${product.promo_percentage} Off` : \"\"} \r\n {product.promo_name || \"\"}
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n
\r\n\r\n \r\n {product.name} )}\r\n {/* Commented as description not required: Ashim=>
*/}\r\n \r\n
\r\n\r\n \r\n \r\n {product.size} {product.variant.length > 1 ? \r\n \r\n
\r\n\r\n \r\n \r\n \r\n {product.promo_price ? formatINR(to2Decimal(product.price_regular)) : \"\"} \r\n {formatINR(to2Decimal(product.promo_price ? product.promo_price : product.price_regular))}
\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\nconst mapStateToProps = state => ({\r\n productsList: state.ProductsData.productsList,\r\n cartList: state.CartData.cartList,\r\n companyid: state.HomeData.companyid\r\n})\r\n\r\n\r\nexport default connect(mapStateToProps, { selectProduct, getItemsByVariant, setVariantModal })(Product);","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport Product from './Product';\r\nimport { Container, Row } from 'react-bootstrap';\r\n\r\n\r\nconst Products = (props) => {\r\n\r\n const renderProducts = () => {\r\n //console.log(props.productsList, props.searchTerm)\r\n let productsData=[];\r\n if(props.productsList) {\r\n productsData = props.productsList\r\n .map(product => {\r\n const cartObj = props.cartList.filter(item => {\r\n return item.id === product.id\r\n })\r\n //\r\n return (\r\n
\r\n );\r\n });\r\n }\r\n return productsData;\r\n }\r\n\t \r\n\t const loadingproduct = () =>\r\n\t {\r\n\t\t const content=[];\r\n\t\t for(var i=0;i<8;i++)\r\n\t\t\t content=[content,(
)];\r\n\t\t return (
{content}
);\r\n\t }\r\n\r\n /* let slug;\r\n const allProductsView = props.productsList.map(product => {\r\n slug = product.image; //using the image as slug\r\n return (\r\n
\r\n {product.name} ---
\r\n );\r\n }); */\r\n\r\n let productsData= renderProducts()\r\n //let term = props.searchTerm;\r\n // Empty and Loading States\r\n let view;\r\n if (productsData.length <= 0 ) {\r\n view =
\r\n } \r\n else {\r\n \r\n view = (\r\n
\r\n \r\n {productsData}\r\n
\r\n );\r\n }\r\n \r\n return (\r\n
\r\n );\r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n productsList: state.ProductsData.productsList,\r\n searchTerm: state.SearchData.searchTerm,\r\n cartList: state.CartData.cartList,\r\n selectedCategory: state.CategoryData.selectedCategory \r\n})\r\n\r\nexport default connect(mapStateToProps)(Products);","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 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 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, { useEffect, useState } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { useParams, useNavigate } from 'react-router-dom';\r\n\r\nimport ImageUtil from \"../utils/ImageUtil\";\r\nimport { formatINR } from '../utils/CommonUtil';\r\nimport Counter from \"./Counter\";\r\nimport \"react-responsive-carousel/lib/styles/carousel.min.css\"; // requires a loader\r\nimport { Carousel } from 'react-responsive-carousel';\r\nimport { Container, Row, Col, Button } from 'react-bootstrap';\r\nimport { getItemsByVariant, selectProduct } from '../actions/ProductsAction';\r\nimport { Global } from '../utils/Env';\r\n\r\n\r\nconst ProductDetails = (props) => {\r\n\r\n const navigate = useNavigate();\r\n const params = useParams();\r\n const [selectedProduct, setSelectedProduct] = useState({});\r\n\r\n const product = (props.productsList.filter(product => {\r\n return Number(product.id) === Number(params.slug)\r\n }))[0];\r\n\r\n \r\n\r\n //console.log(\"params \", params, product, selectedProduct);\r\n useEffect(() => {\r\n if (product) {\r\n props.getItemsByVariant({ companyid: props.companyid, variant: product.variant })\r\n }\r\n },\r\n // eslint-disable-next-line\r\n [product])\r\n\t\r\n\tGlobal.callback.itemsbyvariant_onComplete = () => {\r\n\t\tsetSelectedProduct(props.variantList[0]);\r\n\t}\r\n\r\n\r\n const onMoreShopping = () => navigate(-1);\r\n\r\n //console.log(props.variantList, product, selectedProduct)\r\n const handleVarientChange = (product) => {\r\n setSelectedProduct(product)\r\n }\r\n const renderImages = () => {\r\n let imageList;\r\n if (selectedProduct.images[0]) {\r\n imageList = selectedProduct.images.map((item, id) => {\r\n return (\r\n
\r\n
\r\n {selectedProduct.brandicon ?
: null}\r\n\r\n
\r\n )\r\n })\r\n }\r\n else {\r\n imageList = (
\r\n
\r\n {selectedProduct.brandicon !== \"\" ?
: null}\r\n\r\n
\r\n )\r\n }\r\n return imageList;\r\n }\r\n if (Object.keys(selectedProduct).length > 0) {\r\n return (\r\n
\r\n \r\n
\r\n \r\n
Back to Shopping
\r\n
\r\n
\r\n \r\n\r\n \r\n {renderImages()}\r\n \r\n \r\n \r\n
{selectedProduct.name} \r\n {selectedProduct.promo_percentage ? `${selectedProduct.promo_percentage} Off` : \"\"} \r\n {selectedProduct.promo_name || \"\"} \r\n \r\n \r\n\r\n\r\n
\r\n
Available in:
\r\n
\r\n {props.variantList.map(item => ( handleVarientChange(item)}>{item.size} ))}\r\n
\r\n
\r\n {selectedProduct.promo_price ?
Product MRP: {formatINR(selectedProduct.price_regular)}
: \"\"}\r\n
Selling Price: {selectedProduct.promo_price ? formatINR(selectedProduct.promo_price) : formatINR(selectedProduct.price_regular)}
\r\n {selectedProduct.price_member ?
Price for Club Members:{formatINR(selectedProduct.price_member)} : \"\"}\r\n
\r\n
\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 productsList: state.ProductsData.productsList,\r\n product: state.ProductsData.selectedProduct,\r\n variantList: state.ProductsData.variantList,\r\n companyid: state.HomeData.companyid\r\n})\r\n\r\nexport default connect(mapStateToProps, { getItemsByVariant, selectProduct })(ProductDetails);","\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 from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Container } from 'react-bootstrap';\r\nimport Product from '../components/Product';\r\nimport {ScrollInView} from '../components/Scroll';\r\nimport { useNavigate, useParams, useLocation } from 'react-router-dom';\r\nimport { selectsubsubCategory } from '../actions/CategoryAction';\r\n\r\nconst CategoryContainer = (props) => {\r\n\tconst params=useParams();\r\n\t\r\nconst location = useLocation();\r\n\r\n const getcategory = (obj, id) => {\r\n\t\tlet obj1=obj;\r\n for(var i=0;i<=id;i++)\r\n\t\t{\r\n\t\t\tif(typeof obj1.category !=\"undefined\")\r\n\t\t\t\tobj1=obj1.category;\r\n\t\t\telse\r\n\t\t\t\treturn false;\r\n\t\t}\r\n\t\tconsole.log(obj1.id);\r\n\t\treturn obj1;\r\n\t\t\t\r\n }\r\n\t\r\n\tconst itemlist = () => {\r\n let cat = (typeof props.selectedsubsubCategory != \"undefined\" && props.selectedsubsubCategory!='') ? ((props.selectedsubsubCategory.split(' ')[0].split(':')[1]!=Number(params.catid))?\"category:\".concat(Number(params.catid)):props.selectedsubsubCategory.split(' ')[props.selectedsubsubCategory.split(' ').length-1]) :((typeof params.subcatid != \"undefined\" && params.subcatid!='')?'sub_category:'.concat(Number(params.subcatid)):'category:'.concat(Number(params.catid)));\r\n\t\tconsole.log(cat);\r\n let final_item_list = props.productsList;\r\n if ( typeof final_item_list != \"undefined\" && cat !=0) {\r\n final_item_list = final_item_list.filter(item => { return (typeof item[cat.split(':')[0]]!=\"undefined\")?(item[cat.split(':')[0]] == cat.split(':')[1]):false });\r\n }\r\n return final_item_list;\r\n\r\n }\r\n\r\n \r\n const categoryList = (itemlist());\r\n\r\n\r\n\r\n const renderProducts = () => {\r\n let productsData;\r\n\t\tif(categoryList)\r\n\t\t{\r\n productsData=categoryList.map((product) => {\r\n const cartObj = props.cartList.filter(item => {\r\n return item.id === product.id\r\n })\r\n return (
)\r\n })\r\n\t\t}\r\n return productsData;\r\n }\r\n \r\n let categoryView = renderProducts()\r\n \r\n return (\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\tselectedsubsubCategory: state.CategoryData.selectedsubsubCategory,\r\n cartList: state.CartData.cartList\r\n\t\r\n})\r\n\r\nexport default connect(mapStateToProps,{selectsubsubCategory})(CategoryContainer); ","import React from \"react\";\r\n\r\nimport ImageUtil from '../utils/ImageUtil';\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
\r\n );\r\n};\r\n\r\nexport default NoResults;\r\n","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { useLocation } from 'react-router-dom';\r\nimport Product from '../components/Product';\r\nimport { Container, Row } from 'react-bootstrap';\r\nimport NoResults from '../components/NoResults';\r\n\r\nfunction SearchPanel(props) {\r\n\r\n const location = useLocation();\r\n console.log(location.state.term);\r\n const searchingFor = (term) => {\r\n return (x) => {\r\n\t\t\tif(typeof x !=\"undefined\" && x.name!=null && x.brandicon!=null)\r\n\t\t\t{\r\n\t\t\t\treturn x.name.toLowerCase().includes(term.toLowerCase()) || x.brandicon.toLowerCase().includes(term.toLowerCase()) || !term;\r\n\t\t\t}\r\n\t\t\telse if(typeof x !=\"undefined\" && x.name!=null)\r\n\t\t\t{\r\n\t\t\t\treturn x.name.toLowerCase().includes(term.toLowerCase()) || !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 productsData = props.productsList.filter(searchingFor(location.state.term))\r\n .map(product => {\r\n const cartObj = props.cartList.filter(item => {\r\n return item.id === product.id\r\n })\r\n //\r\n return (\r\n
\r\n );\r\n });\r\n }\r\n\r\n return (\r\n
\r\n \r\n \r\n {productsData.length > 0 ? productsData :
\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})\r\n\r\nexport default connect(mapStateToProps)(SearchPanel);\r\n","import React, { useEffect } from 'react';\r\nimport { connect } from 'react-redux';\r\n\r\nimport Product from '../components/Product';\r\nimport { Container, Row , Col} from 'react-bootstrap';\r\n\r\nimport { getfeaturedItems } from '../actions/ProductsAction';\r\n\r\nconst FeaturePanel = props => {\r\n\r\n const {companyid, getfeaturedItems, productsList, featuredItems} = props;\r\n \r\n useEffect(() => {\r\n if(companyid && companyid !== '') {\r\n getfeaturedItems(companyid);\r\n }\r\n }, [getfeaturedItems, companyid]);\r\n \r\n \r\n const myArray = productsList;\r\n const myFilter = featuredItems;\r\n\r\n const productsData = myArray.map((product)=>{\r\n return
\r\n });\r\n\r\n return (\r\n
\r\n \r\n \r\n Our Best Sellers
\r\n \r\n {productsData}\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})\r\n\r\nexport default connect(mapStateToProps, {getfeaturedItems})(FeaturePanel);\r\n","import React from 'react';\r\nimport { Modal, Button, Row, Col } from 'react-bootstrap';\r\nimport { connect } from 'react-redux';\r\nimport { setVariantModal, clearVariants } from '../actions/ProductsAction';\r\nimport ImageUtil from '../utils/ImageUtil';\r\nimport Counter from './Counter';\r\nimport { to2Decimal, formatINR } from '../utils/CommonUtil';\r\n\r\nfunction VarientModal(props) {\r\n const show = props.variantModal;\r\n const items = props.variantList;\r\n const handleClose = () => {\r\n props.setVariantModal(false);\r\n props.clearVariants();\r\n };\r\n\r\n const renderVariants = () => {\r\n let list = items.map((item, indx) => {\r\n\r\n return (\r\n\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 \r\n return (\r\n
\r\n {items[0] ? \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
{items[0].name}
\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\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, useEffect } from 'react';\r\nimport { Form, Col, Row, Card, Button } from 'react-bootstrap';\r\nimport { connect } from 'react-redux';\r\n\r\nimport {\r\n set_fname,\r\n set_lname,\r\n set_email,\r\n set_address1,\r\n set_address2,\r\n set_city,\r\n set_dist,\r\n set_state,\r\n set_country, set_pin, set_addressType, set_addressId, setCustomerDetails\r\n} from '../../actions/UserAction';\r\n\r\n\r\n\r\nconst Address = (props) => {\r\n\r\n const emptyForm = {\r\n addrid:-1,\r\n email: \"\",\r\n fname: \"\",\r\n lname: \"\",\r\n address1: \"\",\r\n address2: \"\",\r\n city: \"\",\r\n dist: \"\",\r\n state: \"\",\r\n pin: props.pincode,\r\n type: \"\"\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\r\n const { email, fname, lname, address1, address2, city, state, pin, dist, type } = formData;\r\n \r\n\r\n const setFinalAddress = (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_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_addressType(item.type);\r\n props.set_addressId(item.addrid)\r\n //+++++++++++++++++++++++++\r\n }\r\n const selectAddress = (data) => {\r\n setFormData(data)\r\n setFinalAddress(data);\r\n setAddressSelected(true);\r\n \r\n setTimeout(() => { \r\n props.setAddressCard(false); \r\n props.setDeliveryCard(true); \r\n }, 500);\r\n }\r\n \r\n const handleOnChange = (e) => {\r\n setFormData({ ...formData, [e.target.name]: e.target.value })\r\n }\r\n\r\n //.. Call for NEW ADDRESS \r\n const addAddressHandler = () => {\r\n setFormData({...emptyForm, state: props.state, dist: props.dist, city: props.city, address2: props.address2, pin:props.pincode});\r\n //handleOnChange({target:{name:\"dist\", value:props.dist}});\r\n setFormOpen(true);\r\n }\r\n\r\n //.. call for EDIT ADDRESS\r\n const editAddressHandler = (data,i) => {\r\n //console.clear();\r\n //.. edit address set the form to open\r\n setFormOpen(true);\r\n setFormData({...data});\r\n }\r\n\r\n const saveAddress = (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 }\r\n \r\n setValidated(true);\r\n event.preventDefault();\r\n\r\n if (form.checkValidity() === true) {\r\n //.. Save DETAILS OF THE FORM\r\n setFormOpen(false);\r\n doLocalUpdate(formData); // to be replaced with updateAddress call to server\r\n }\r\n }\r\n\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 const isReturningUser = () => {\r\n //return (props.customerDetails.length>0) ? true : false\r\n return isFormOpen || props.customerDetails.filter(address => {\r\n return address.address1 !== null && \r\n address.address2 !== null && \r\n address.city !== null && address.dist !== null && \r\n address.email !== null\r\n }).length === 0\r\n }\r\n\r\n const openForm = () => {\r\n //console.log(\"openForm\");\r\n return (\r\n
\r\n )\r\n }\r\n\r\n const closeForm = () => {\r\n //.. set the form to close\r\n setFormOpen(false);\r\n //console.log(\"closeForm\");\r\n }\r\n\r\n\r\n const renderAddresses = () => {\r\n let list = []\r\n list = props.customerDetails.map((item, i) => {\r\n //console.log(\"list \", props.customerDetails);\r\n\t\t\tif(item.fname!=null && item.lname!=null && item.address1!=null && item.address2!=null)\r\n return (\r\n
\r\n
\r\n \r\n \r\n editAddressHandler(item,i)}> Edit \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n selectAddress(item)}>Deliver Here \r\n \r\n \r\n \r\n )\r\n })\r\n return list;\r\n } \r\n \r\n return (\r\n
\r\n \r\n \r\n {addressSelected ? 2 } \r\n Address\r\n {props.addressCard ? + Add New Address : \"\" }\r\n {props.addressCard && addressSelected && fname ?\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n
: \"\"}\r\n \r\n \r\n {isReturningUser() ? openForm() : renderAddresses()}\r\n \r\n \r\n \r\n )\r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n pincode: state.LocationData.pin,\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\r\n \r\n customerDetails: state.UserData.customerDetails,\r\n addressTypes: state.UserData.addressTypes\r\n})\r\n\r\nexport default connect(mapStateToProps, { \r\n setCustomerDetails,\r\n set_fname, set_lname, set_email, set_addressType,\r\n set_address1, set_address2, set_city, set_dist, set_state, set_country, set_pin, set_addressId\r\n})(Address);","import React, { useState } from 'react';\r\nimport { Card, Row, Col } from 'react-bootstrap';\r\nimport { connect } from 'react-redux';\r\nimport ImageUtil from '../../utils/ImageUtil';\r\nimport { to2Decimal, formatINR } from '../../utils/CommonUtil';\r\n\r\nconst FinalOrderList = (props) => {\r\n //console.log(props)\r\n const [showAll, setShowAll] = useState(false);\r\n const toggleShow = () => {\r\n setShowAll(!showAll)\r\n }\r\n const renderItem = (item, indx) => {\r\n return (\r\n
\r\n {/* {item.quantity}
\r\n */}\r\n \r\n
\r\n
{item.promo_percentage} |
\r\n \r\n {item.name}
\r\n \r\n
\r\n |
\r\n \r\n {item.size} {formatINR(to2Decimal(item.price_regular))}
{item.promo_price ? formatINR(to2Decimal(item.quantity * item.promo_price)) : formatINR(to2Decimal(item.quantity * item.price_regular))}
\r\n \r\n
\r\n )\r\n }\r\n const renderAllItems = () => {\r\n let items = props.cartItems.map((item,i) => {\r\n return renderItem(item,i)})\r\n return items;\r\n }\r\n\r\n const renderfourItems = () => {\r\n let items = props.cartItems.map((item, i )=> {\r\n return( i< 4 ? renderItem(item,i) : \"\")}) \r\n return items;\r\n }\r\n return (\r\n
\r\n\r\n \r\n Grand Total{formatINR(to2Decimal(props.checkoutDetails.totalamt))}
Total Tax{formatINR(to2Decimal(props.checkoutDetails.totaltaxamt))}
Delivery Charges{formatINR(to2Decimal(props.checkoutDetails.deliverychargeamt))}
Your Total Savings{formatINR(to2Decimal(props.checkoutDetails.discount_total))}
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n { props.cartItems.length > 4 ? {showAll ? \"Show Less\" : \"Show More\"} : \"\"}\r\n \r\n \r\n )\r\n}\r\nconst mapStateToProps = state => ({\r\n cartItems: state.CartData.cartList,\r\n totalAmount: state.CartData.totalAmount,\r\n checkoutDetails: state.CheckoutData.checkoutDetails\r\n});\r\nexport default connect(mapStateToProps)(FinalOrderList);","import React, {useState, useEffect} from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { sendOtp, clearOtpStatus } from '../../actions/UserAction';\r\nimport {convertTime} from '../../utils/CommonUtil';\r\n\r\nconst ResendOtp = props => {\r\n\r\n const [seconds, setSeconds] = useState(300);\r\n const [isActive, setIsActive] = useState(false);\r\n\r\n const startCountDown = (time) => {\r\n setSeconds(time);\r\n setIsActive(true);\r\n }\r\n\r\n useEffect(() => {\r\n let interval = null;\r\n if (isActive) {\r\n interval = setInterval(() => {\r\n setSeconds(seconds => seconds - 1);\r\n }, 1000);\r\n if(seconds === 0) {\r\n setIsActive(!isActive);\r\n } \r\n } else {\r\n clearInterval(interval);\r\n }\r\n return () => clearInterval(interval);\r\n }, [isActive, seconds]);\r\n\r\n useEffect(() => {\r\n if(props.otpSendStatus && !isNaN(props.otpSendStatus.time)){\r\n startCountDown(props.otpSendStatus.time*60); //value converted to sec \r\n }\r\n },[props.otpSendStatus]);\r\n\r\n const resendHandler = () => {\r\n props.clearOtpStatus();\r\n props.sendOtp({companyid:props.companyid,phone:props.phone})\r\n }\r\n\r\n return (\r\n
\r\n \r\n Resend OTP \r\n {isActive ? convertTime(seconds) : null}\r\n
\r\n \r\n )\r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n otpSendStatus:state.UserData.otpSendStatus,\r\n phone:state.UserData.phone,\r\n companyid: state.HomeData.companyid\r\n})\r\n\r\nexport default connect(mapStateToProps, { sendOtp, clearOtpStatus }) (ResendOtp);","import React, { useState, useRef, useEffect } from 'react';\r\nimport { Row, Col, Button, Card, Form, Collapse } from 'react-bootstrap';\r\nimport { connect } from 'react-redux';\r\nimport { set_phone, getCustomerDetails, validateOtp, setValidateOtp, sendOtp, clearOtpStatus } from '../../actions/UserAction';\r\nimport ResendOtp from './ResendOtp';\r\nimport { Global } from '../../utils/Env';\r\n\r\nconst PhoneValidate = (props) => {\r\n\r\n const [state, setState] = useState(\"phone\");\r\n const [phonenumber, setPhonenumber] = useState(\"\");\r\n const [otp, setOtp] = useState([\"\", \"\", \"\", \"\"]);\r\n const [email, setEmail] = useState(\"\");\r\n const [validOtp, setValidotp] = useState(false);\r\n \r\n const [otpError, setOtpError] = useState(false);\r\n\r\n const ref1 = useRef(null)\r\n const ref2 = useRef(null)\r\n const ref3 = useRef(null)\r\n const ref4 = useRef(null)\r\n const ref5 = useRef(null)\r\n\r\n //.. check for validation\r\n Global.callback.validateOtp_onComplete = () => {\r\n //.. if validated correctly\r\n if(props.valid_otp){\r\n setValidotp(true);\r\n props.getCustomerDetails({companyid:props.companyid, phone:props.phone, pin:props.pin});\r\n }else{\r\n //.. handle error in SMS OTP : set resend option\r\n setOtpError(true);\r\n }\r\n }\r\n\r\n //.. call to get customer on SMS validated\r\n Global.callback.getCustomerDetails_onComplete = () => {\r\n props.setPhnCard(false);\r\n props.setAddressCard(true);\r\n }\r\n \r\n useEffect(() => {\r\n //.. check if returning user and save SMS call: forward to address\r\n if(props.phone && props.valid_otp){\r\n console.log('returning user');\r\n props.setPhnCard(false);\r\n props.setAddressCard(true);\r\n props.getCustomerDetails({companyid:props.companyid, phone:props.phone, pin:props.pin});\r\n }\r\n //eslint-disable-next-line react-hooks/exhaustive-deps \r\n }, [props.phone, props.valid_otp]);\r\n\r\n const editPhoneNumber = () =>{\r\n props.setValidateOtp({valid:false});\r\n setState(\"phone\");\r\n /* props.setPhnCard(true);\r\n props.setAddressCard(false); */\r\n\r\n //.. close all steps below\r\n props.disableAllState()\r\n }\r\n\r\n const handleOnChange = e => {\r\n setEmail(e.target.value)\r\n }\r\n\r\n const handleClick = () => {\r\n if (state === \"phone\") {\r\n //.. TODO\r\n reqOtpClicked();\r\n \r\n } else {\r\n verifyOtpClicked();\r\n setOtpError(state => false);\r\n }\r\n }\r\n\r\n const reqOtpClicked = () => {\r\n if (phonenumber.length === 10) {\r\n //setState(\"otp\");\r\n props.set_phone(phonenumber);\r\n\r\n //.. commented below by ashim to bypass otp validation\r\n //props.sendOtp({companyid:props.companyid,phone:phonenumber})\r\n\r\n //.. and enable below \r\n props.setValidateOtp({valid:true});\r\n }\r\n }\r\n\r\n const verifyOtpClicked = () => {\r\n if (otp.length === 4) {\r\n props.validateOtp({companyid:props.companyid, phone: phonenumber, otp: otp.join('')})\r\n setOtp([\"\", \"\", \"\", \"\"]); // clear otp fields\r\n }\r\n }\r\n\r\n const isPhoneValidated = () => {\r\n return props.valid_otp\r\n }\r\n\r\n const handlePhonenumberChange = (e) => {\r\n if (e.target.value.length <= 10) {\r\n setPhonenumber(e.target.value)\r\n }\r\n }\r\n const handleOtpChange = (e, i) => {\r\n let copyOtp = [...otp]\r\n if (e.target.value.length <= 1) {\r\n copyOtp[i] = e.target.value\r\n setOtp(copyOtp)\r\n }\r\n if (otp[i] === \"\") {\r\n switch (i + 1) {\r\n case 1:\r\n {\r\n ref2.current.focus();\r\n break\r\n }\r\n case 2:\r\n {\r\n ref3.current.focus();\r\n break\r\n }\r\n case 3:\r\n {\r\n ref4.current.focus();\r\n break\r\n }\r\n case 4:\r\n {\r\n ref5.current.focus();\r\n break\r\n }\r\n default: return null\r\n }\r\n }\r\n }\r\n\r\n const checkValidity = () => {\r\n if (state === \"phone\") {\r\n if (phonenumber.length === 10) {\r\n return false\r\n }\r\n }\r\n else {\r\n if (otp[0] !== \"\" && otp[1] !== \"\" && otp[2] !== \"\" && otp[3] !== \"\") {\r\n return false\r\n }\r\n }\r\n return true\r\n }\r\n \r\n const renderPhoneField = () => {\r\n return (
\r\n \r\n Enter Your Phone Number
\r\n
\r\n {/* \r\n Enter Your Email
\r\n
*/}\r\n )\r\n }\r\n\r\n const renderOtpField = () => {\r\n return (
\r\n Enter Your OTP
\r\n Error in otp... try again
}\r\n
)\r\n }\r\n\r\n return (\r\n
\r\n \r\n {isPhoneValidated() \r\n ? 1 \r\n } Phone Number \r\n {isPhoneValidated() && \r\n Edit }\r\n {isPhoneValidated() && {props.phone}
} \r\n \r\n \r\n \r\n
\r\n {!isPhoneValidated() ? Next : \"\"}\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 customerDetails:state.UserData.customerDetails,\r\n otpSendStatus:state.UserData.otpSendStatus,\r\n valiDated_Otp:state.UserData.valiDated_Otp,\r\n valid_otp:state.UserData.valid_otp,\r\n companyid: state.HomeData.companyid,\r\n\tpin: state.LocationData.pin\r\n})\r\n\r\nexport default connect(mapStateToProps, { set_phone, getCustomerDetails, validateOtp, setValidateOtp, sendOtp, clearOtpStatus })(PhoneValidate); ","import React, { useState, useEffect } from 'react';\r\nimport { Row, Col, Card, Form } from 'react-bootstrap';\r\nimport { connect } from 'react-redux';\r\nimport { set_special_request } from '../../actions/CheckoutAction';\r\n\r\nconst Delivery = (props) => {\r\n const [completed, setCompleted] = useState(false);\r\n const [check, setCheck] = useState(true);\r\n const [rqst, setRqst] = useState(\"\");\r\n\r\n useEffect(() => {\r\n if(props.special_request) {\r\n setRqst(props.special_request);\r\n }\r\n }, [props.special_request])\r\n \r\n const handleOnChange = e => {\r\n setRqst(e.target.value)\r\n }\r\n const nextHandler = () => {\r\n props.set_special_request(rqst);\r\n setTimeout(()=>{props.setDeliveryCard(false);props.setPymentCard(true);}, 500)\r\n setCompleted(true)\r\n }\r\n return (\r\n
\r\n \r\n \r\n {completed ? 3 } \r\n Delivery Details\r\n \r\n \r\n \r\n {props.deliveryslot && {props.deliveryslot} \r\n }\r\n Special Request \r\n
\r\n \r\n {Next }
\r\n \r\n
\r\n \r\n \r\n \r\n )\r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n deliveryslot: state.CheckoutData.checkoutDetails.deliveryslot,\r\n special_request: state.CheckoutData.special_request\r\n})\r\n\r\nexport default connect(mapStateToProps, { set_special_request })(Delivery);\r\n","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 { cleanDiscount, 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\nconst GenericModal = (props) => {\r\n const navigate = useNavigate();\r\n const handleClose = () => {\r\n props.clearCart();\r\n props.cleanDiscount();\r\n props.clearOrder();\r\n //props.clear_userDetails();\r\n props.setModal(false);\r\n navigate('/products');\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 cleanDiscount,\r\n clear_userDetails }) (GenericModal);","\r\n\r\n// -- GPAY -------------------------------------------------------------------\r\n// allowed user payment methods 💰\r\nexport const paymentMethods = () => [{\r\n type: 'CARD',\r\n parameters: {\r\n allowedAuthMethods: ['PAN_ONLY', 'CRYPTOGRAM_3DS'],\r\n allowedCardNetworks: ['AMEX', 'DISCOVER', 'INTERAC', 'JCB', 'MASTERCARD', 'VISA']\r\n },\r\n tokenizationSpecification: {\r\n type: 'PAYMENT_GATEWAY',\r\n parameters: {\r\n 'gateway': 'stripe',\r\n 'stripe:version': '2019-03-14',\r\n 'stripe:publishableKey': '
'\r\n }\r\n }\r\n },\r\n {\r\n type: 'PAYPAL',\r\n parameters: {\r\n 'purchase_context': {\r\n 'purchase_units': [{\r\n 'payee': {\r\n 'merchant_id': ''\r\n }\r\n }]\r\n }\r\n },\r\n tokenizationSpecification: {\r\n type: 'DIRECT'\r\n }\r\n }\r\n ]\r\n\r\nexport const loadPaymentDataHandler = paymentData => paymentData.paymentMethodData.tokenizationData.token\r\n\r\n","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\nconst PromoModal = (props) => {\r\n\r\n\r\n const [promocode, setPromocode] = useState(\"\")\r\n const [promoApplied, setPromoApplied] = useState(false);\r\n\r\n const handleClose = () => {\r\n props.setPromModal(false)\r\n }\r\n const handleOpen = () => {\r\n props.setPromModal(true)\r\n }\r\n \r\n const onPromoClicked = param => e => {\r\n setPromoApplied(true);\r\n setPromocode(param.code);\r\n }\r\n\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 vouchers={}\r\n if(indx !== -1) {\r\n vouchers = props.checkoutDetails.vouchers[indx]\r\n }\r\n else {\r\n vouchers={id:-1,code:promocode}\r\n }\r\n props.validateDiscount({...props.validateDiscountJSON, vouchers });\r\n setPromocode('');\r\n }\r\n\r\n\r\n return (\r\n \r\n Promo Code & Bank Offers \r\n \r\n \r\n Apply Promo \r\n \r\n \r\n \r\n {hasProps(props, 'vouchers') ? \r\n {
\r\n Click a Promo 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
No Promo Code Available !
}\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, { useState } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport GPayButton from 'react-google-pay-button';\r\nimport { Card, Row, Col, Nav } from 'react-bootstrap';\r\nimport { paymentMethods, loadPaymentDataHandler } from '../../utils/GPayGateway';\r\nimport PromoModal from '../../components/checkout/PromoModal';\r\nimport { to2Decimal, formatINR, hasProps } from '../../utils/CommonUtil';\r\nimport { selectPlaceOrderJSON, placeOrder } from '../../actions/CheckoutAction';\r\n\r\nconst Payment = (props) => {\r\n\r\n const [paymentType, setPaymentType] = useState('COD');\r\n const paymentTypeChangeHandler = (eventKey) => {\r\n setPaymentType(eventKey)\r\n }\r\n\r\n const onOrderClicked = () => {\r\n props.placeOrder(props.placeOrderData);\r\n }\r\n\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 {4 } \r\n Payment\r\n \r\n \r\n\r\n \r\n {props.checkoutDetails.date} \r\n
\r\n \r\n Total Amount {formatINR(to2Decimal(props.checkoutDetails.totalamt))}
\r\n Total Tax Amount {formatINR(to2Decimal(props.checkoutDetails.totaltaxamt))}
\r\n \r\n \r\n \r\n Total Discount Amount \r\n \r\n {hasProps(props, 'discountDetails') \r\n ? formatINR(to2Decimal(props.checkoutDetails.discount_total)) \r\n : '0.00'}\r\n \r\n \r\n ({props.checkoutDetails.discount_percentage}%)\r\n \r\n
\r\n \r\n Delivery Charges {formatINR(to2Decimal(props.checkoutDetails.deliverychargeamt))}
\r\n Grand Total Amount {formatINR(to2Decimal(props.checkoutDetails.grandtotalamt))}
\r\n {props.checkoutDetails.deliverytxt && {props.checkoutDetails.deliverytxt} }\r\n \r\n\r\n \r\n\r\n {hasProps(props.selected_voucher, 'valid') && \r\n {evaluateVoucherMsg()}\r\n
}\r\n\r\n {/*\r\n \r\n \r\n \r\n COD\r\n \r\n \r\n \r\n \r\n G-PAY\r\n \r\n \r\n \r\n \r\n
*/}\r\n\r\n\r\n {paymentType === \"GPAY\" ? ',\r\n // A Google merchant identifier issued after your website is approved by Google ✅\r\n merchantId: ''\r\n }}\r\n onLoadPaymentData={loadPaymentDataHandler}\r\n />
: PLACE ORDER
}\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 pincode: state.LocationData.pin,\r\n totalAmount: state.CartData.totalAmount,\r\n cartList: state.CartData.cartList,\r\n checkoutDetails: state.CheckoutData.checkoutDetails,\r\n discountDetails: state.CheckoutData.discountDetails,\r\n selected_voucher: state.CheckoutData.selected_voucher,\r\n placeOrderData: selectPlaceOrderJSON(state)\r\n\r\n})\r\nexport default connect(mapStateToProps, { placeOrder })(Payment);","import React, { useState, useEffect } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Container, Row, Col} from 'react-bootstrap';\r\nimport { useLocation, useNavigate, Link } from 'react-router-dom';\r\n\r\nimport Address from '../components/checkout/Address';\r\nimport FinalOrderList from '../components/checkout/FinalOrderList';\r\nimport PhoneValidate from '../components/checkout/PhoneValidate';\r\nimport Delivery from '../components/checkout/Delivery';\r\nimport GenericModal from '../components/checkout/OrderConfirmationModal';\r\nimport Payment from '../components/checkout/Payment';\r\nimport Footer from '../components/Footer';\r\n\r\nconst CheckOut = props => {\r\n\r\n const [phnCard, setPhnCard] = useState(true);\r\n const [addressCard, setAddressCard] = useState(false);\r\n const [deliveryCard, setDeliveryCard] = useState(false);\r\n const [paymentCard, setPymentCard] = useState(false);\r\n\r\n //const [checkoutState, setCheckOutState] = useState([0,0,0,0]);\r\n\r\n const navigate = useNavigate();\r\n const location = useLocation();\r\n\r\n useEffect(() => {\r\n navigate(location.state && (location.state.process) ? \"/checkout\" : \"/products\", {state:{process:false}, 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\r\n const disableAllState = () => {\r\n setPhnCard(true);\r\n setAddressCard(false);\r\n setDeliveryCard(false);\r\n setPymentCard(false);\r\n }\r\n\r\n /* useEffect(() => {\r\n console.log('card changed ', phnCard, addressCard, deliveryCard, paymentCard);\r\n }, [phnCard, addressCard, deliveryCard, paymentCard]); */\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 \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 {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\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\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\r\n const checkoutHandler = () => {\r\n onHide();\r\n if (props.deliverablePin) {\r\n //props.cleanDiscount();\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\r\n const onHide = () => {\r\n props.previewCart(false)\r\n }\r\n\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 \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\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 '../utils/wdyr';\r\n\r\nimport React, { useState, useEffect, lazy } 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\nimport ThemeSwitcher from 'react-css-vars';\r\n//import '../assets/css/custom.scss';\r\n\r\nimport 'bootstrap/dist/css/bootstrap.css';\r\n\r\nimport \"../assets/css/generic.css\";\r\n\r\n\r\n\r\n//.. TODO theme implementation on company basis\r\n//import \"../assets/css/shakersdaily.css\";\r\n//import \"../assets/css/debanjana.css\";\r\n//import \"../assets/css/suswadu.css\";\r\n\r\nimport Loader from './Loader';\r\n\r\nimport { useWindowResizeListener } from '../utils/useHooks';\r\nimport { setMenuState, setMobileState } from '../actions/CategoryAction';\r\nimport { getCompanyId, getConfigInfo } from '../actions/HomeAction';\r\nimport HomeContainer from './HomeContainer';\r\nimport Products from '../components/Products';\r\nimport PinModal from '../components/PinModal';\r\nimport ProductDetails from '../components/ProductDetails';\r\nimport CategoryContainer from './CategoryContainer';\r\nimport SearchPanel from './SearchPanel';\r\nimport FeaturePanel from './FeaturePanel';\r\nimport VariantModal from \"../components/VariantModal\";\r\nimport CheckOut from './CheckOut';\r\nimport CartPreviewModal from './CartPreviewModal';\r\nimport NotFound from './NotFound';\r\n\r\nimport ScrollToTop from '../components/Scroll';\r\n\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\nimport { Global, isDev } from '../utils/Env';\r\nimport {addStyle, getThemeColors} from '../utils/CommonUtil'; \r\n\r\n\r\nvar styles;\r\nconst loadCSSforDevEnv = cssName => {\r\n if (isDev()) {\r\n import(/* webpackMode: \"eager\" */ `../assets/css/${cssName}.css`).then(imported => styles = imported.default);\r\n }\r\n}\r\n\r\nconst App = props => {\r\n\r\n const { theme, getConfigInfo } = props;\r\n const [themePalette, setThemePalette] = useState([]);\r\n\r\n Global.callback.getConfigInfo_onComplete = () => {\r\n if(theme.name === 'random'){\r\n getRandomTheme();\r\n console.log(\"themePalatte \", themePalette);\r\n }else{ \r\n if(!isDev()){\r\n addStyle(`./static/css/${theme.name}.css`);\r\n }else{\r\n loadCSSforDevEnv(theme.name)\r\n }\r\n }\r\n props.getCompanyId();\r\n }\r\n\r\n const getRandomTheme = async () => {\r\n const randomTheme = await getThemeColors();\r\n \r\n if (randomTheme.data) {\r\n setThemePalette(randomTheme.data.result);\r\n console.log(`Got ${Object.entries(themePalette).length} themes -> ${themePalette}`)\r\n }\r\n }\r\n\r\n //.. default theme\r\n const [defaultTheme, setDefaultTheme] = useState({\r\n themecolor: '',\r\n mobileCardHeight: '',\r\n desktopCardHeight: ''\r\n });\r\n\r\n const { width } = useWindowResizeListener();\r\n const { setMenuState, setMobileState } = props;\r\n\r\n //.. on resize menu observer\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 //.. update theme\r\n useEffect(() => {\r\n let { themecolor, mobileCardHeight, desktopCardHeight } = defaultTheme;\r\n setDefaultTheme({\r\n themecolor: theme && theme.color ? theme.color : themecolor,\r\n mobileCardHeight: theme && theme.mobile_card_height ? theme.mobile_card_height : mobileCardHeight,\r\n desktopCardHeight: theme && theme.desktop_card_height ? theme.desktop_card_height : desktopCardHeight\r\n });\r\n\t\tconsole.log(defaultTheme, themePalette);\r\n }, [theme, themePalette]);\r\n\r\n //... initiate load config\r\n useEffect(() => {\r\n getConfigInfo();\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\nconst mapStateToProps = state => ({\r\n theme: state.HomeData.theme\r\n})\r\n\r\nexport default connect(mapStateToProps, { setMenuState, setMobileState, getCompanyId, getConfigInfo })(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\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 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 = __webpack_public_path__ + \"static/media/loading.3f259006.gif\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAiCAYAAACnSgJKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTRGMkE0MDcwQzdBMTFFQjhDQkNDRTVCOTg4MUNGNUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTRGMkE0MDgwQzdBMTFFQjhDQkNDRTVCOTg4MUNGNUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBNEYyQTQwNTBDN0ExMUVCOENCQ0NFNUI5ODgxQ0Y1QiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBNEYyQTQwNjBDN0ExMUVCOENCQ0NFNUI5ODgxQ0Y1QiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ps9fBjcAAAJVSURBVHjavJfNS1RRGMbnXo2sJifNyj5k5qqLMnduxEWEtHGhgbSRVrZMcGfLlrqZhX9ACILgKnHXQlwGLl2IioKXRJvyW8oPypqeV54rb9dh5g7ccx74MTPv3DnP+XrfcyaRKF9dYBpsgV9gF3wCvcBJGFIKTIE8WASjYAhkwTzjM+Be3MbXwGdwDF4VmRGZhQVwK07zYY6so8RzreAMfIjL+C7XNhvx+XfsqBeHeTcbay6js79Bf6kH3QiNPQaHYDOi+Q4zoSUO8zxHchLR/C+XqWTaVar31dxYt0GFMm7hdx/BnzKmvgc0qE7Ib3+A9+Bb2FweHACrYDvUKZmhBxxVKTnsfBI8UvEa8ASMB+ZaLzjStlB8kGtYjtbASCjmsf2+Qmue5uuuilWBTnATtEc0lmWqY01IqvgB945XyLwRHHG3BpJpeslOvI1o/oadfQaeqris93f6XNpwEsyxA4FWwAQbGYtoPgmegy9gWcWl8m1oc605MFtkE8Uh6dhSeNodpodfJNfjkM9UvqrN5dSqBesJs8rxxEtq8xQ3yVfD5tL+Fc7yhXk93+csjFx0X5s/DH1p2jytzTPcVKbNd3gbatTm8mGfmNRPrvt/5k0Mnho2z7PQeNq8gRXJhtZ4w3VcHn93GLQhn8drlZhfZ+L7FkcuNSXlsrLdsDjyDR5o9S4T3il0uzCYbue1xeVmC18iTGqPuz7jctufWcjxQIe81XiB+TaDNnTCmtLkssD4HL0tyQ05Xck1l8r22uT/61CVkzyvdfjfOsMLhS3JYNf/CTAA2ml/MJBmZSwAAAAASUVORK5CYII=\""],"sourceRoot":""} ![\"\"]({ImageUtil.getImage(\"delete.svg\")})
}\r\n \r\n })
\r\n