https://www.mannings.com.hk/66.e62e7e9ab715e8b87176.js

1/*! @version pwa-studio: 0.0.1, @magento/venia-ui: ~11.3.0, @magento/upward-security-headers: ~1.0.14, @magento/pwa-theme-venia: ~2.4.0, @magento/pwa-buildpack: ~11.4.3, @magento/peregrine: ~14.2.1, @magento/pagebuilder: ~9.2.1, @magento/eslint-config: ~1.5.0, @magento/babel-preset-peregrine: ~1.2.3, @apollo/client: ~3.5.0 */
2(window.webpackJsonp=window.webpackJsonp||[]).push([[66],{UNp6:function(n,t,e){"use strict"
3e.r(t),e.d(t,"default",function(){return O})
4var o=e("RIqP"),r=e.n(o),i=e("q1tI"),a=e.n(i),s=e("17x9"),c=e("pwkN"),p=e.n(c),l=e("LboF"),g=e.n(l),u=e("UrLV"),d={injectType:"singletonStyleTag",insert:"head",singleton:!0},m=(g()(u.a,d),u.a.locals||{}),b=e("UpPT"),f=e.n(b),h=e("y1Xp"),y=e("wiT2"),j=function getLocationFormattedAsHtml(n){var t=n.name?"<h3>".concat(f()(n.name),"</h3>"):"",e=n.comment?'<p class="map-comment">'.concat(f()(n.comment).replace(/(?:\r\n|\r|\n)/g,"<br>"),"</p>"):"",o=n.phone?"Phone: ".concat(f()(n.phone),"<br>"):"",r=n.address?"".concat(f()(n.address),"<br>"):"",i=n.city?f()(n.city):"",a=n.country?f()(n.country):"",s=n.state?f()(n.state)+" ":"",c=n.zipcode?f()(n.zipcode):"",p=i.length&&(s.length||c.length)?", ":"",l=i.length||c.length?"<br>":""
5return'\n    <div class="map-popup">\n        '.concat(t,"\n        ").concat(e,"\n        <p><span>").concat(o).concat(r).concat(i).concat(p).concat(s).concat(c).concat(l).concat(a,"</span></p>\n    </div>\n")},w=function GoogleMap(n){var t=Object(i.useRef)(null),e=Object(h.a)(m,n.classes),o=n.apiKey,s=n.locations,c=n.height,l=n.mapOptions,g=n.textAlign,u=n.border,d=n.borderColor,b=n.borderWidth,f=n.borderRadius,w=n.marginTop,O=n.marginRight,v=n.marginBottom,T=n.marginLeft,L=n.paddingTop,x=n.paddingRight,R=n.paddingBottom,k=n.paddingLeft,C=n.cssClasses,G=void 0===C?[]:C,S={height:c,textAlign:g,border:u,borderColor:d,borderWidth:b,borderRadius:f,marginTop:w,marginRight:O,marginBottom:v,marginLeft:T,paddingTop:L,paddingRight:x,paddingBottom:R,paddingLeft:k}
6return Object(i.useEffect)(function(){if(s.length){var n,e=[],r={key:o,v:"3"}
7return p()(r).then(function(o){n=o.event
8var r,i=new o.Map(t.current,l),a=[]
9if(s.forEach(function(n){var t=new o.LatLng(n.position.latitude,n.position.longitude)
10a.push(t)
11var s=new o.Marker({map:i,position:t,title:n.name}),c=new o.InfoWindow({content:j(n),maxWidth:350})
12s.addListener("click",function(){r&&r.close(),c.open(i,s),r=c}),e.push(s),e.push(c)}),a.length>1){var c=new o.LatLngBounds
13a.forEach(function(n){c.extend(n)}),i.fitBounds(c)}1===a.length&&(i.setCenter(a[0]),i.setZoom(y.b.mapOptions.zoom))}).catch(function(n){}),function(){n&&e.forEach(function(t){n.clearInstanceListeners(t)})}}},[o,s,l]),s.length?a.a.createElement("div",{ref:t,style:S,className:[e.root].concat(r()(G)).join(" ")}):null}
14w.propTypes={classes:Object(s.shape)({root:s.string}),apiKey:s.string,height:s.string,mapOptions:Object(s.shape)({zoom:s.number,center:Object(s.shape)({lat:s.number,lng:s.number}),scrollwheel:s.bool,disableDoubleClickZoom:s.bool,disableDefaultUI:s.bool,mapTypeControl:s.bool,mapTypeControlStyle:Object(s.shape)({style:s.number})}),locations:Object(s.arrayOf)(Object(s.shape)({position:Object(s.shape)({latitude:s.number.isRequired,longitude:s.number.isRequired}),name:s.string,phone:s.string,address:s.string,city:s.string,state:s.string,zipcode:s.string,country:s.string,comment:s.string,styles:Object(s.arrayOf)(Object(s.shape)({featureType:s.string,elementType:s.string,stylers:Object(s.arrayOf)(s.object)}))})).isRequired,textAlign:s.string,border:s.string,borderColor:s.string,borderWidth:s.string,borderRadius:s.string,marginTop:s.string,marginRight:s.string,marginBottom:s.string,marginLeft:s.string,paddingTop:s.string,paddingRight:s.string,paddingBottom:s.string,cssClasses:Object(s.arrayOf)(s.string)},w.defaultProps=y.b
15var O=w},UpPT:function(n,t,e){(function(t){var e=1/0,o="[object Symbol]",r=/[&<>"'`]/g,i=RegExp(r.source),a="object"==typeof t&&t&&t.Object===Object&&t,s="object"==typeof self&&self&&self.Object===Object&&self,c=a||s||Function("return this")()
16var p=function basePropertyOf(n){return function(t){return null==n?void 0:n[t]}}({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","`":"&#96;"}),l=Object.prototype.toString,g=c.Symbol,u=g?g.prototype:void 0,d=u?u.toString:void 0
17function baseToString(n){if("string"==typeof n)return n
18if(function isSymbol(n){return"symbol"==typeof n||function isObjectLike(n){return!!n&&"object"==typeof n}(n)&&l.call(n)==o}(n))return d?d.call(n):""
19var t=n+""
20return"0"==t&&1/n==-e?"-0":t}n.exports=function escape(n){return(n=function toString(n){return null==n?"":baseToString(n)}(n))&&i.test(n)?n.replace(r,p):n}}).call(this,e("yLpj"))},UrLV:function(n,t,e){"use strict"
21var o=e("JPst"),r=e.n(o)()(function(n){return n[1]})

22r.push([n.i,".map-root-aGn {\n    height: 300px;\n}\n.map-root-aGn .gm-style .gm-style-iw-c {\n    padding: 18px;\n}\n.map-root-aGn .map-popup {\n    min-width: 200px;\n}\n.map-root-aGn .map-popup h3 {\n    margin: 0 0 18px 0;\n    font-weight: 300;\n}\n.map-root-aGn .map-popup p {\n    font-size: 16px;\n}\n.map-root-aGn .map-popup p.map-comment {\n    font-size: 14px;\n}\n.map-root-aGn .gm-style img {\n    max-width: none;\n    max-height: none;\n    margin: 0;\n}\n",""]),r.locals={root:"map-root-aGn"},t.a=r},pwkN:function(n,t){const e="__googleMapsApiOnLoadCallback",o=["channel","client","key","language","region","v"]
23let r=null
24n.exports=function(n={}){return r=r||new Promise(function(t,r){const i=setTimeout(function(){window[e]=function(){},r(new Error("Could not load the Google Maps API"))},n.timeout||1e4)
25window[e]=function(){null!==i&&clearTimeout(i),t(window.google.maps),delete window[e]}
26const a=document.createElement("script"),s=[`callback=${e}`]
27o.forEach(function(t){n[t]&&s.push(`${t}=${n[t]}`)}),n.libraries&&n.libraries.length&&s.push(`libraries=${n.libraries.join(",")}`),a.src=`${n.apiUrl||"https://maps.googleapis.com/maps/api/js"}?${s.join("&")}`,document.body.appendChild(a)})}}}])