https://nocnoc.com/static/js/chunk.b31e284a6dd5b9f9b17e.js

1/*! For license information please see chunk.b31e284a6dd5b9f9b17e.js.LICENSE.txt */
2(self.webpackChunkNocNoc=self.webpackChunkNocNoc||[]).push([[5852,12194],{12194:(t,e,r)=>{"use strict";r.r(e),r.d(e,{default:()=>O});var n=r(60073),o=r.n(n),i=r(34433),s=r(65503),a=r(68876),c=r(74848);function l(t){return l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},l(t)}function u(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function p(t,e,r){return(e=y(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function f(t){return function(t){if(Array.isArray(t))return h(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,e){if(t){if("string"==typeof t)return h(t,e);var r={}.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?h(t,e):void 0}}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function h(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=Array(e);r<e;r++)n[r]=t[r];return n}function b(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,y(n.key),n)}}function y(t){var e=function(t,e){if("object"!=l(t)||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,e||"default");if("object"!=l(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==l(e)?e:e+""}function m(t,e,r){return e=g(e),function(t,e){if(e&&("object"==l(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}(t,d()?Reflect.construct(e,r||[],g(t).constructor):e.apply(t,r))}function d(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return(d=function(){return!!t})()}function g(t){return g=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},g(t)}function v(t,e){return v=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},v(t,e)}const O=function(t){function e(t){var r;!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),(r=m(this,e,[t])).fallbackImage=r.fallbackImage.bind(r);var n=s.J2K[r.props.preLoaderImg];if(r.noImg=(0,i.getStaticContentUrl)(s.J2K[r.props.noImg||"list"]||s.J2K.list),r.state={path:r.props.path,src:r.props.src,url:r.setResUrl()},r.imgRef=o().createRef(),n&&r.state.url!=n){r.state.preLoaderImg=n,r.preLoaderImg=n,r.onScroll=r.onScroll.bind(r);var a={};r.props.skipScrollEvent||(a[s.tf$]=r.onScroll,r.subKey=app.events.subscribe(a,r))}return r}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&v(t,e)}(e,t),r=e,n=[{key:"onScroll",value:function(){!this.visible&&this.subKey&&(this.visible=this.visible||(0,i.isInViewport)(this.imgRef.current,{all:this.props.preLoaderPadding||100,log:!!this.props.log,partial:this.props.preLoaderVisibily?this.props.preLoaderVisibily:null}),this.props.log&&a.A.log("".concat(this.visible," ----- ").concat(this.state.url)),this.visible&&(this.setState({preLoaderImg:!1}),app.events.unsubscribe(this.subKey),this.subKey=null))}},{key:"setResUrl",value:function(){var t=this.props.path?(0,i.getStaticContentUrl)(this.props.path):this.props.src;return this.fallbackUrls=f((this.props.fallbackUrls||[]).map((function(t){return(0,i.getStaticContentUrl)(t)}))),t&&this.props.responsiveUrl&&(0,i.isMobileResp)()&&(this.fallbackUrls.push(t),t=(0,i.responsiveUrl)(t)),this.fallbackUrls.push(this.noImg),!t&&this.props.defaultImage?this.noImg:t}},{key:"fallbackImage",value:function(){this.fallbackUrls.length>0&&this.setState({url:this.fallbackUrls.shift()})}},{key:"componentDidUpdate",value:function(){var t=this.state.preLoaderImg,e=!1;this.state.preLoaderImg&&!this.props.preLoaderImg&&(t=!1,e=!0,this.subKey&&app.events.unsubscribe(this.subKey),this.subKey=null),(this.props.path!=this.state.path||this.props.src!=this.state.src||e)&&this.setState({error:!1,path:this.props.path,src:this.props.src,url:this.setResUrl(),preLo

2aderImg:t}),this.state.preLoaderImg&&this.onScroll()}},{key:"componentDidMount",value:function(){var t=this;this.state.preLoaderImg&&setTimeout((function(){return t.onScroll()}),500),this.props.log&&a.A.log("img componentDidMount ".concat(this.state.preLoaderImg))}},{key:"componentWillUnmount",value:function(){this.subKey&&app.events.unsubscribe(this.subKey),this.subKey=null,this.imgRef=null}},{key:"render",value:function(){return this.state.url?this.state.preLoaderImg?(0,c.jsx)("img",{ref:this.imgRef,src:this.state.preLoaderImg,alt:"Pre loader Image",className:this.props.cls||this.props.className||""},this.state.preLoaderImg):(0,c.jsx)("img",function(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?u(Object(r),!0).forEach((function(e){p(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):u(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}({src:this.props.noCache?(0,i.getNonCacheUrl)(this.state.url,this.props.uid):this.state.url,onError:this.fallbackImage,ref:this.imgRef,className:this.props.cls||this.props.className||"",alt:this.props.alt||"No Image",onClick:this.props.onClick,onTouchStart:this.props.onTouchStart,onTouchEnd:this.props.onTouchEnd,onLoad:this.props.onLoad},this.props.extraProps||{}),this.state.url):null}}],n&&b(r.prototype,n),l&&b(r,l),Object.defineProperty(r,"prototype",{writable:!1}),r;var r,n,l}(o().Component)},5852:(t,e,r)=>{"use strict";r.r(e),r.d(e,{default:()=>m});var n=r(60073),o=r(12194),i=r(5556),s=r.n(i),a=r(85225),c=r(34433),l=r(74848);function u(t){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},u(t)}function p(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function f(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?p(Object(r),!0).forEach((function(e){h(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):p(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function h(t,e,r){return(e=function(t){var e=function(t,e){if("object"!=u(t)||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,e||"default");if("object"!=u(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==u(e)?e:e+""}(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function b(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,o,i,s,a=[],c=!0,l=!1;try{if(i=(r=r.call(t)).next,0===e){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=i.call(r)).done)&&(a.push(n.value),a.length!==e);c=!0);}catch(t){l=!0,o=t}finally{try{if(!c&&null!=r.return&&(s=r.return(),Object(s)!==s))return}finally{if(l)throw o}}return a}}(t,e)||function(t,e){if(t){if("string"==typeof t)return y(t,e);var r={}.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?y(t,e):void 0}}(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.")}()}function y(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=Array(e);r<e;r++)n[r]=t[r];return n}function m(t){var e=b((0,n.useState)({loading:t.imagePreLoad}),2),r=e[0],i=e[1],s=(0,n.useRef)(0);(0,n.useEffect)((function(){t.onLoad&&t.onLoad(!0),i((function(t){return f(f({},t),{},{loading:!0})}

2))}),[t.path]);return(0,l.jsx)(l.Fragment,{children:r.loading?(0,l.jsxs)("div",{className:"h-50vh d-flex justify-content-center align-items-center",children:[(0,l.jsx)(o.default,{onLoad:function(){return t.onLoad&&t.onLoad(!1),void setTimeout((function(){i((function(t){return f(f({},t),{},{loading:!1})}))}),100)},cls:"d-none",cache:!0,path:t.path,alt:t.alt}),(0,l.jsx)("span",{className:"".concat(t.loaderClass),children:(0,c.translate)("buyer.loading")})]}):(0,l.jsx)(a.TransformWrapper,{defaultScale:1,onPanningStart:function(t){var e=t.state;s.current=e.positionX},onPanningStop:function(e){var r=e.state,n=s.current,o=r.positionX;if(r.scale>1){if(o>45)return s.current=0,void(t.changeSlide&&t.changeSlide(!1));var i=e.instance.contentComponent.offsetWidth;if(i){var a=i*r.scale;Math.abs(o)+i>a+45&&(s.current=0,t.changeSlide&&t.changeSlide(!0))}}else{if(s.current=0,o<n)return void(t.changeSlide&&t.changeSlide(!0));t.changeSlide&&t.changeSlide(!1)}},centerOnInit:!0,children:(0,l.jsx)(a.TransformComponent,{children:(0,l.jsx)(o.default,{cls:"".concat(t.imgClass),cache:!0,path:t.path,alt:t.alt})})})})}m.defaultProps={path:"",alt:"",imagePreLoad:!0,loaderClass:"text-light",imgClass:"review-img master-image"},m.propTypes={path:s().string.isRequired,alt:s().string,imagePreLoad:s().bool,loaderClass:s().string,imgClass:s().string,changeSlide:s().func}},2694:(t,e,r)=>{"use strict";var n=r(6925);function o(){}function i(){}i.resetWarningCache=o,t.exports=function(){function t(t,e,r,o,i,s){if(s!==n){var a=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw a.name="Invariant Violation",a}}function e(){return t}t.isRequired=t;var r={array:t,bigint:t,bool:t,func:t,number:t,object:t,string:t,symbol:t,any:t,arrayOf:e,element:t,elementType:t,instanceOf:e,node:t,objectOf:e,oneOf:e,oneOfType:e,shape:e,exact:e,checkPropTypes:i,resetWarningCache:o};return r.PropTypes=r,r}},5556:(t,e,r)=>{t.exports=r(2694)()},6925:t=>{"use strict";t.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"}}]);
3//# sourceMappingURL=chunk.b31e284a6dd5b9f9b17e.js.map