(window.webpackJsonp_N_E=window.webpackJsonp_N_E||[]).push([[124],{"9Ws8":function(e,o,a){"use strict";a.r(o);var n=a("nKUr"),t=a("q1tI"),l=a("GcSG"),r=a("pP19"),i={width:"100%",height:"400px"},c={marker:null,autoComplete:null,googleMap:null},s=function(e){c.marker=e};o.default=function(e){var o=e.gmapKey,a=e.latitude,d=e.longitude,p=e.defaultZoom,u=void 0===p?17:p,g=Object(r.useTranslation)(["common"]).t,m=Object(t.useState)(["places","geometry"])[0],b=Object(l.g)({googleMapsApiKey:o,libraries:m,url:"https://gmapkey.sandbox.id/maps/api/js"}),j=b.isLoaded,f=b.loadError,h=function(e){return[void 0,null,"","undefined","null"].includes(e)?0:Number(e)},O={lat:h(a),lng:h(d)};return f?Object(n.jsx)("div",{children:g("common:form:mapError")}):j?Object(n.jsx)(n.Fragment,{children:Object(n.jsx)(l.c,{id:"google-maps-container",mapContainerStyle:i,center:{lat:parseFloat(O.lat),lng:parseFloat(O.lng)},onLoad:function(e){var o;o=e,c.googleMap=o},zoom:u,children:Object(n.jsx)(l.e,{onLoad:s,position:{lat:parseFloat(O.lat),lng:parseFloat(O.lng)},draggable:!1})})}):Object(n.jsx)("div",{children:g("common:form:mapLoading")})}}}]);