https://mydukaan.io/_next/static/chunks/26a922e3ddae2b11cf5ce63dde1fee9f737e7414.b1f5d0ace4883d44919d.js

1(window.webpackJsonp_N_E=window.webpackJsonp_N_E||[]).push([[27],{"6FTQ":function(t,e,n){"use strict";function r(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}n.d(e,"a",(function(){return r}))},"8+sR":function(t,e,n){"use strict";var r=n("nKUr"),o=n("cpVT"),a=n("xvhg"),i=n("wx14"),c=n("Ff2n"),s=n("q1tI"),u=n("iuhU"),l=n("ye/S"),d=n("H2TA"),f=s.forwardRef((function(t,e){var n=t.animation,r=void 0===n?"pulse":n,o=t.classes,a=t.className,l=t.component,d=void 0===l?"span":l,f=t.height,g=t.variant,p=void 0===g?"text":g,m=t.width,b=Object(c.a)(t,["animation","classes","className","component","height","variant","width"]),h=Boolean(b.children);return s.createElement(d,Object(i.a)({ref:e,className:Object(u.default)(o.root,o[p],a,h&&[o.withChildren,!m&&o.fitContent,!f&&o.heightAuto],!1!==r&&o[r])},b,{style:Object(i.a)({width:m,height:f},b.style)}))})),g=Object(d.a)((function(t){return{root:{display:"block",backgroundColor:Object(l.a)(t.palette.text.primary,"light"===t.palette.type?.11:.13),height:"1.2em"},text:{marginTop:0,marginBottom:0,height:"auto",transformOrigin:"0 60%",transform:"scale(1, 0.60)",borderRadius:t.shape.borderRadius,"&:empty:before":{content:'"\\00a0"'}},rect:{},circle:{borderRadius:"50%"},pulse:{animation:"$pulse 1.5s ease-in-out 0.5s infinite"},"@keyframes pulse":{"0%":{opacity:1},"50%":{opacity:.4},"100%":{opacity:1}},wave:{position:"relative",overflow:"hidden","&::after":{animation:"$wave 1.6s linear 0.5s infinite",background:"linear-gradient(90deg, transparent, ".concat(t.palette.action.hover,", transparent)"),content:'""',position:"absolute",transform:"translateX(-100%)",bottom:0,left:0,right:0,top:0}},"@keyframes wave":{"0%":{transform:"translateX(-100%)"},"60%":{transform:"translateX(100%)"},"100%":{transform:"translateX(100%)"}},withChildren:{"& > *":{visibility:"hidden"}},fitContent:{maxWidth:"fit-content"},heightAuto:{height:"auto"}}}),{name:"MuiSkeleton"})(f);function p(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function m(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?p(Object(n),!0).forEach((function(e){Object(o.a)(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):p(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var b=function(t){var e=t.src,n=t.width,o=t.height,i=t.style,c=t.id,u=t.onClick,l=t.cloneid,d=t.clone,f=t.cloneStyle,p=function(){var t=Object(s.useState)(!1),e=t[0],n=t[1],r=Object(s.useRef)(),o=function(){n(!0)};return Object(s.useEffect)((function(){r.current&&r.current.complete&&o()})),[r,e,o]}(),b=Object(a.a)(p,3),h=b[0],j=b[1],O=b[2];return Object(r.jsxs)("div",{className:"custom-image ".concat(j?"":"border-none"),children:[!j&&Object(r.jsx)(g,{className:"image-skeleton",variant:"rect",width:n,height:o}),Object(r.jsx)("img",{ref:h,id:c,onLoad:O,src:e,alt:"",style:i,onClick:u}),d&&Object(r.jsx)("img",{id:l,onLoad:O,src:e,alt:"",style:m(m({},f),{},{position:"absolute"}),onClick:u})]})};e.a=b;b.defaultProps={id:null,src:null,width:"100%",height:"100%",style:{},onClick:function(){},clone:!1,cloneStyle:{},cloneid:null}},"8rE2":function(t,e,n){"use strict";n.d(e,"a",(function(){return o}));var r=n("6FTQ");function o(t,e){if(t){if("string"===typeof t)return Object(r.a)(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Object(r.a)(t,e):void 0}}},"8vSd":function(t,e){t.exports="/_next/static/images/BG13-d6e5c993fe7f5955391545b07bb49413.jpg"},As3m:function(t,e){t.exports="/_next/static/images/BG14-a1ce02e7ed7324269234381d3801a2f8.jpg"},GXYG:function(t,e){t.exports="/_next/static/images/BG18-80e36ef66e418dd34ec383e87e6e1584.jpg"},MIlV:function(t,e){t.exports="/_next/static/images/bg-trans-png-8c50226376e53494e2d874264a1056f0.png"},NiSH:function(t,e){t.exports="/_next/static/images/BG10-357470f6aa915b01baf68196b82fa221.jpg"},RMy0:function(t,e){t.exports="/_next/static/images/BG15-e2070fb29d59d1e78b23d6c0b3e684a3.jpg"},SpeL:function(t,e,n){"use strict";n.d(e,"b",(function(){return v}));var r=n("nKUr"),o=n("H+61"),a=n("UlJF"),i=n("+Css"),c=n("7LId"),s=n("VIvw"),u=n("iHvq"),l=n("cpVT"),d=n("vDqi"),f=n.n(d),g=n("q

11tI"),p=n("20a2"),m=n("NKQG"),b=(n("53SV"),n("Iab2"),n("r2e5"));function h(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function j(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?h(Object(n),!0).forEach((function(e){Object(l.a)(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):h(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function O(t){var e=function(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Object(u.a)(t);if(e){var o=Object(u.a)(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Object(s.a)(this,n)}}var y=Object(g.createContext)({imageSrc:null,setImageSrc:function(){return null}}),v=function(){return Object(g.useContext)(y)},w=["Uploading your image...","Processing your image..."],S=function(t){Object(c.a)(n,t);var e=O(n);function n(t){var r;return Object(o.a)(this,n),r=e.call(this,t),Object(l.a)(Object(i.a)(r),"setImageSrc",(function(t,e){r.setState((function(n){return j(j({},n),{},{imageSrc:e?t:j(j({},n.imageSrc),t)})}),(function(){window.localStorage.setItem("imgbk",JSON.stringify(r.state.imageSrc))}))})),Object(l.a)(Object(i.a)(r),"handleDownload",(function(){var t=new XMLHttpRequest;t.open("GET",r.state.imageSrc.preview,!0),t.responseType="blob",t.onload=function(){var t=(window.URL||window.webkitURL).createObjectURL(this.response),e=document.createElement("a");e.href=t,e.download="finalImage_bg_remove.png",document.body.appendChild(e),e.click(),document.body.removeChild(e)},t.onerror=function(t){console.error("oops, something went wrong!",t)},t.send()})),Object(l.a)(Object(i.a)(r),"handleImageProcess",(function(t,e){switch(t){case 1:r.handleUploadBgimage(e);break;case 2:r.handleBgRemoveUpload(e)}})),Object(l.a)(Object(i.a)(r),"handleUploadBgimage",(function(t){r.setState((function(e){return{loading:j(j({},e.loading),{},{retry:!1,status:!0,message:w[0]}),processingimage:t}})),f.a.post("https://apps.mydukaan.io/api/v2/img/upload",t,{headers:{"Content-Type":"multipart/form-data"}}).then((function(t){var e=t.data;r.state.loading.status&&(r.handleBgRemoveUpload(e.url),r.setState((function(t){return{loading:j(j({},t.loading),{},{step:2}),processingimage:e.url}})))})).catch((function(t){r.props.enqueueSnackbar("Size of this image is more than 2.5MB. Please pick a smaller image.",{variant:"error"}),r.setState({loading:{loading:!1,status:!1,step:1}})}))})),Object(l.a)(Object(i.a)(r),"handleBgRemoveUpload",(function(t){var e=r.props.router;r.setState((function(t){return{loading:j(j({},t.loading),{},{message:w[1],retry:!1,status:!0})}}));var n="https://bgapi.mydukaan.io/url?URL=".concat(t);!function(t,e){fetch(t,{method:"HEAD"}).then((function(t){t.ok?e(!0):e(!1)})).catch((function(t){return e(!1)}))}(n,(function(t){t?r.state.loading.status&&(r.setImageSrc({original:r.state.processingimage,preview:n}),r.setState((function(t){return{loading:j(j({},t.loading),{},{status:!1,step:1}),processingimage:null}})),"/tools/upload"===e.pathname?location.reload():e.push({pathname:"/tools/upload"})):r.setState((function(t){return{loading:j(j({},t.loading),{},{retry:!0,step:2})}}))}))})),Object(l.a)(Object(i.a)(r),"handleCloseProcessingImage",(function(){r.setState((function(t){return{loading:j(j({},t.loading),{},{status:!1,retry:!1,step:1}),processingimage:null}})),window.document.getElementsByTagName("html")[0].style.setProperty("overflow","auto")})),r.state={imageSrc:{},loading:{status:!1,message:w[0],retry:!1,step:1},processingimage:null},r}return Object(a.a)(n,[{key:"componentDidMount",value:function(){var t=JSON.parse(window.localStorage.getItem("imgbk"));t&&this.setImageSrc(t)}},{key:"render",value:function(){var t=this.state,e=t.imageSrc,n=t.loading,o=t.processingimage,a=this.props.children,i={imageSrc:e,loading:n,processingimage:o,AddBgImg:x,setImageSrc:this.setImageSrc,handleCloseProcessingImage:this.handleCloseProcessingImage,handleImageProcess:this.handleImageProcess,handleDownload:this.handleDownload};return Object(r.jsx)(y.Provider,{value:i,children:a})}}]),n}(g.Component);e.a=Object(p.withRouter)(Object(m.b)(S));var x=[{id:1,img:b.p,bgColor:"transparent"},{id:2,img:b.h,bgColor:"#1A181E"},{id:3,img:b.i,bgColor:"#D9D9D9"},{id:4,img:b.j,bgColor:"#DB5F5A"},{id:5,img:b.k,bgColor:"#D94C8F"},{id:6,img:b.l,bgColor:"#5A3D8F"},{id:7,img:b.m,bgColor:"#8877CF"},{id:8,img:b.n,bgColor:"#6CAEA9"},{id:9,img:b.o,bgColor:"#56853F"},{id:10,img:b.a,bgColor:"#96D66A"},{id:11,img:b.b,bgColor:"#CEE077"},{id:12,img:b.c,bgColor:"#FAFADA"},{id:13,img:b.d,bgColor:"#FFFD73"},{id:14,img:b.e,bgColor:"#F5DD6F"},{id:15,img:b.f,bgColor:"#EDBE6A"}]},W161:function(t,e){t.exports="/_next/static/images/BG12-6128fc35381c90f8278eedfb08e0fc0f.jpg"},WMC8:function(t,e){t.exports="/_next/static/images/BG23-f39730591a3ee759cbabd2d42ade3b52.jpg"},WOz6:function(t,e){t.exports="/_next/static/images/BG21-3fb0c195d12928c98d4878cf735120d6.jpg"},Y7Qm:function(t,e){t.exports="/_next/static/images/BG9-b2929fc0d0f455dba42ac

15b678dd5d12.jpg"},ZrPQ:function(t,e){t.exports="/_next/static/images/BG17-96d88db35d3a005f903615e27a71d56e.jpg"},"cH+K":function(t,e){t.exports="/_next/static/images/BG24-91c090e0177b94f4e26a6a96e3db9d9d.jpg"},cSMq:function(t,e){t.exports="/_next/static/images/BG16-2ba2f2ea6a61ec94ff7aac2c00143920.jpg"},nEnH:function(t,e){t.exports="/_next/static/images/BG22-255f02d14968a086a8312f3dab7bc540.jpg"},piDS:function(t,e){t.exports="/_next/static/images/BG11-f4e12c1e7726006de3847de6db962b78.jpg"},r2e5:function(t,e,n){"use strict";n.d(e,"h",(function(){return r})),n.d(e,"i",(function(){return o})),n.d(e,"j",(function(){return a})),n.d(e,"k",(function(){return i})),n.d(e,"l",(function(){return c})),n.d(e,"m",(function(){return s})),n.d(e,"n",(function(){return u})),n.d(e,"o",(function(){return l})),n.d(e,"a",(function(){return d})),n.d(e,"b",(function(){return f})),n.d(e,"c",(function(){return g})),n.d(e,"d",(function(){return p})),n.d(e,"e",(function(){return m})),n.d(e,"f",(function(){return b})),n.d(e,"g",(function(){return h})),n.d(e,"p",(function(){return j}));n("Y7Qm");var r=n("NiSH"),o=n("piDS"),a=n("W161"),i=n("8vSd"),c=n("As3m"),s=n("RMy0"),u=n("cSMq"),l=n("ZrPQ"),d=n("GXYG"),f=n("t/CL"),g=n("w2OE"),p=n("WOz6"),m=n("nEnH"),b=n("WMC8"),h=n("cH+K"),j=n("MIlV")},"t/CL":function(t,e){t.exports="/_next/static/images/BG19-6bb18f0f93b692b210447acec22fe4c1.jpg"},w2OE:function(t,e){t.exports="/_next/static/images/BG20-c59e419d808b6c0216f11fd674b99747.jpg"},xvhg:function(t,e,n){"use strict";n.d(e,"a",(function(){return o}));var r=n("8rE2");function o(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"!==typeof Symbol&&Symbol.iterator in Object(t)){var n=[],r=!0,o=!1,a=void 0;try{for(var i,c=t[Symbol.iterator]();!(r=(i=c.next()).done)&&(n.push(i.value),!e||n.length!==e);r=!0);}catch(s){o=!0,a=s}finally{try{r||null==c.return||c.return()}finally{if(o)throw a}}return n}}(t,e)||Object(r.a)(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}}}]);