@gofynd/theme-template 3.2.7 → 3.2.9

package/dist/components/google-map/google-map.js

@@ -1 +1 @@
-!function webpackUniversalModuleDefinition(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@react-google-maps/api"),require("fdk-core/utils"),require("react"),require("react-google-autocomplete")):"function"==typeof define&&define.amd?define("firestone",["@react-google-maps/api","fdk-core/utils","react","react-google-autocomplete"],t):"object"==typeof exports?exports.firestone=t(require("@react-google-maps/api"),require("fdk-core/utils"),require("react"),require("react-google-autocomplete")):e.firestone=t(e["@react-google-maps/api"],e["fdk-core/utils"],e.react,e["react-google-autocomplete"])}("undefined"!=typeof self?self:this,((e,t,o,a)=>(()=>{"use strict";var r={8564:(e,t,o)=>{o.d(t,{A:()=>l});var a,r=o(9155);function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var a in o)({}).hasOwnProperty.call(o,a)&&(e[a]=o[a])}return e},_extends.apply(null,arguments)}const l=function SvgLocate(e){return r.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none"},e),a||(a=r.createElement("path",{fill:"currentColor",d:"M11 22.95v-2q-3.125-.35-5.361-2.587Q3.4 16.125 3.05 13h-2v-2h2q.35-3.125 2.588-5.363Q7.875 3.399 11 3.05v-2h2v2q3.124.35 5.363 2.587Q20.6 7.875 20.95 11h2v2h-2q-.35 3.124-2.587 5.363Q16.126 20.6 13 20.95v2zM12 19q2.901 0 4.95-2.05T19 12q0-2.901-2.05-4.95T12 5Q9.1 5 7.05 7.05T5 12t2.05 4.95T12 19m0-3q-1.649 0-2.824-1.175T8 12q0-1.65 1.175-2.825T12 8t2.825 1.175T16 12t-1.175 2.825T12 16m0-2q.825 0 1.414-.588Q14 12.824 14 12q0-.825-.587-1.413A1.93 1.93 0 0 0 12 10q-.825 0-1.412.587A1.93 1.93 0 0 0 10 12q0 .824.588 1.412Q11.176 14 12 14"})))}},1758:(e,t,o)=>{o.d(t,{A:()=>n});var a,r,l=o(9155);function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var a in o)({}).hasOwnProperty.call(o,a)&&(e[a]=o[a])}return e},_extends.apply(null,arguments)}const n=function SvgSearch(e){return l.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"inherit"},e),a||(a=l.createElement("g",{clipPath:"url(#search_svg__a)"},l.createElement("path",{d:"M15.5 14h-.79l-.28-.27A6.47 6.47 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14"}))),r||(r=l.createElement("defs",null,l.createElement("clipPath",{id:"search_svg__a"},l.createElement("path",{fill:"#fff",d:"M0 0h24v24H0z"})))))}},4180:t=>{t.exports=e},447:e=>{e.exports=t},9155:e=>{e.exports=o},8536:e=>{e.exports=a}},l={};function __webpack_require__(e){var t=l[e];if(void 0!==t)return t.exports;var o=l[e]={exports:{}};return r[e](o,o.exports,__webpack_require__),o.exports}__webpack_require__.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return __webpack_require__.d(t,{a:t}),t},__webpack_require__.d=(e,t)=>{for(var o in t)__webpack_require__.o(t,o)&&!__webpack_require__.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};return(()=>{__webpack_require__.r(n),__webpack_require__.d(n,{default:()=>google_map});var e=__webpack_require__(9155),t=__webpack_require__.n(e),o=__webpack_require__(4180),a=__webpack_require__(8536),r=__webpack_require__.n(a),l=__webpack_require__(1758),s=__webpack_require__(8564),c=__webpack_require__(447);const i=["places"],_={width:"100%",height:"300px"},u={width:"100%",height:"40px",borderRadius:"8px",padding:"0px 30px",border:"none"},google_map=a=>{let{mapApiKey:n,onAddressSelect:p,countryDetails:d,addressItem:g,onLoad:m=(()=>{})}=a;const{t:y}=(0,c.useGlobalTranslation)("translation"),[f,b]=(0,e.useState)({lat:d?.latitude,lng:d?.longitude}),[h,v]=(0,e.useState)(""),[w,q]=(0,e.useState)(""),[k,E]=(0,e.useState)(""),[x,S]=(0,e.useState)(""),[j,T]=(0,e.useState)(""),[A,C]=(0,e.useState)(""),[N,O]=(0,e.useState)("India"),M=(0,e.useRef)(null),P=(0,e.useRef)(null),{isLoaded:L}=(0,o.useJsApiLoader)({googleMapsApiKey:n,libraries:i});(0,e.useEffect)((()=>{if(g?.geo_location){const e={lat:Number(g?.geo_location?.latitude),lng:Number(g?.geo_location?.longitude)};b(e),P?.current?.panTo(e)}else{const e={lat:Number(d?.latitude),lng:Number(d?.longitude)};b(e),P?.current?.panTo(e)}}),[d,g]);const Q=(0,e.useCallback)((e=>{if(e?.geometry){const t=e?.geometry?.location,o=t.lat(),a=t.lng();b({lat:o,lng:a}),v(e.formatted_address);let r=e?.address_components?.find((e=>e?.types?.includes("premise")));C(r?.long_name||""),getCityAndState(o,a)}else console.error("No geometry available for selected place")}),[]),getCityAndState=async(e,t)=>{try{const o=await fetch(`https://maps.googleapis.com/maps/api/geocode/json?latlng=${e},${t}&key=${n}`),a=(await o.json()).results[0].address_components;!function stateReset(){S(""),q(""),O("India"),T(""),E("")}();let r=[];a.forEach((e=>{e.types.includes("plus_code")||e.types.includes("premise")?C(e.long_name):e.types.includes("street_number")?C((t=>t+e.long_name)):e.types.includes("country")?O(e.long_name):e.types.includes("locality")?q(e.long_name):e.types.includes("administrative_area_level_1")?E(e.long_name):e.types.includes("postal_code")?S(e.long_name):(e.types.includes("sublocality")||e.types.includes("sublocality_level_1")||e.types.includes("sublocality_level_2"))&&r.push(e.long_name),T(r.join(", "))}))}catch(e){console.error("Error fetching city and state:",e)}},getAddressFromLatLng=async(e,t)=>{try{const o=await fetch(`https://maps.googleapis.com/maps/api/geocode/json?latlng=${e},${t}&key=${n}`),a=await o.json();let r=[];if(a.results&&a.results.length>0){const e=a.results[0];if(v(e.formatted_address),e?.geometry){const t=e?.geometry?.location,o=t.lat,a=t.lng;b({lat:o,lng:a})}e.address_components.forEach((e=>{e.types.includes("premise")&&C(e.long_name),e.types.includes("country")&&O(e.long_name),e.types.includes("locality")&&q(e.long_name),e.types.includes("administrative_area_level_1")&&E(e.long_name),e.types.includes("postal_code")&&S(e.long_name),(e.types.includes("sublocality")||e.types.includes("sublocality_level_1")||e.types.includes("sublocality_level_2"))&&r.push(e.long_name),T(r.join(", "))}))}}catch(e){console.error("Error fetching address:",e)}},z=(0,e.useCallback)((e=>{const t=e.latLng.lat(),o=e.latLng.lng();b({lat:t,lng:o}),getAddressFromLatLng(t,o)}),[]),handleLocationError=(e,t)=>{console.error(e?"Error: The Geolocation service failed.":"Error: Your browser doesn't support geolocation.")};return t().createElement("div",{className:"google-map__mapAddress___lLOgh"},t().createElement("div",{className:"google-map__mapWrapper___YR7HM",style:_},L?t().createElement("div",null,t().createElement("div",{ref:M,className:"google-map__autoCompleteWrap___aXAcB",style:{display:!L&&"none"}},t().createElement(l.A,{className:"google-map__searchAutoIcon___pczP8"}),t().createElement(r(),{placeholder:y("resource.localization.search_google_maps"),apiKey:n,style:u,onPlaceSelected:Q,options:{types:["geocode","establishment"],componentRestrictions:{country:d?.iso2}},onClick:e=>{e.stopPropagation()}})),t().createElement("div",{className:"google-map__mapCompWrap___kgcWp",style:{display:!L&&"none"}},t().createElement(o.GoogleMap,{mapContainerStyle:_,center:f,zoom:f?15:10,options:{fullscreenControl:!1,mapTypeControl:!1,streetViewControl:!1},onLoad:e=>{P.current=e,m(e)}},f&&t().createElement(o.Marker,{position:f,draggable:!0,onDragEnd:z})),t().createElement("button",{title:y("resource.localization.detect_my_location"),onClick:()=>{navigator?.geolocation?navigator?.geolocation?.getCurrentPosition((e=>{const t={lat:e.coords.latitude,lng:e.coords.longitude};b(t),getAddressFromLatLng(t.lat,t.lng),P?.current?.panTo(t)}),(()=>{handleLocationError(!0)})):handleLocationError(!1)},className:"google-map__locateIconBtn___DmBgQ"},t().createElement(s.A,{className:"google-map__locateIcon___O8k2g"})))):t().createElement("div",{className:"google-map__skeleton___whDH9"},t().createElement("canvas",null))),h&&t().createElement("div",{className:"google-map__addressSelect___rga6h"},t().createElement("p",null,h),t().createElement("button",{onClick:function selectAddress(){p({city:w,area_code:x,state:k,area:j,address:A,country:N,geo_location:{latitude:f?.lat,longitude:f?.lng}})}},y("resource.common.use_this"))))}})(),n})()));
+!function webpackUniversalModuleDefinition(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@react-google-maps/api"),require("fdk-core/utils"),require("react"),require("react-google-autocomplete")):"function"==typeof define&&define.amd?define("firestone",["@react-google-maps/api","fdk-core/utils","react","react-google-autocomplete"],t):"object"==typeof exports?exports.firestone=t(require("@react-google-maps/api"),require("fdk-core/utils"),require("react"),require("react-google-autocomplete")):e.firestone=t(e["@react-google-maps/api"],e["fdk-core/utils"],e.react,e["react-google-autocomplete"])}("undefined"!=typeof self?self:this,((e,t,o,a)=>(()=>{"use strict";var r={8564:(e,t,o)=>{o.d(t,{A:()=>l});var a,r=o(9155);function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var a in o)({}).hasOwnProperty.call(o,a)&&(e[a]=o[a])}return e},_extends.apply(null,arguments)}const l=function SvgLocate(e){return r.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none"},e),a||(a=r.createElement("path",{fill:"currentColor",d:"M11 22.95v-2q-3.125-.35-5.361-2.587Q3.4 16.125 3.05 13h-2v-2h2q.35-3.125 2.588-5.363Q7.875 3.399 11 3.05v-2h2v2q3.124.35 5.363 2.587Q20.6 7.875 20.95 11h2v2h-2q-.35 3.124-2.587 5.363Q16.126 20.6 13 20.95v2zM12 19q2.901 0 4.95-2.05T19 12q0-2.901-2.05-4.95T12 5Q9.1 5 7.05 7.05T5 12t2.05 4.95T12 19m0-3q-1.649 0-2.824-1.175T8 12q0-1.65 1.175-2.825T12 8t2.825 1.175T16 12t-1.175 2.825T12 16m0-2q.825 0 1.414-.588Q14 12.824 14 12q0-.825-.587-1.413A1.93 1.93 0 0 0 12 10q-.825 0-1.412.587A1.93 1.93 0 0 0 10 12q0 .824.588 1.412Q11.176 14 12 14"})))}},1758:(e,t,o)=>{o.d(t,{A:()=>n});var a,r,l=o(9155);function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var a in o)({}).hasOwnProperty.call(o,a)&&(e[a]=o[a])}return e},_extends.apply(null,arguments)}const n=function SvgSearch(e){return l.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"inherit"},e),a||(a=l.createElement("g",{clipPath:"url(#search_svg__a)"},l.createElement("path",{d:"M15.5 14h-.79l-.28-.27A6.47 6.47 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14"}))),r||(r=l.createElement("defs",null,l.createElement("clipPath",{id:"search_svg__a"},l.createElement("path",{fill:"#fff",d:"M0 0h24v24H0z"})))))}},4180:t=>{t.exports=e},447:e=>{e.exports=t},9155:e=>{e.exports=o},8536:e=>{e.exports=a}},l={};function __webpack_require__(e){var t=l[e];if(void 0!==t)return t.exports;var o=l[e]={exports:{}};return r[e](o,o.exports,__webpack_require__),o.exports}__webpack_require__.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return __webpack_require__.d(t,{a:t}),t},__webpack_require__.d=(e,t)=>{for(var o in t)__webpack_require__.o(t,o)&&!__webpack_require__.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};return(()=>{__webpack_require__.r(n),__webpack_require__.d(n,{default:()=>google_map});var e=__webpack_require__(9155),t=__webpack_require__.n(e),o=__webpack_require__(4180),a=__webpack_require__(8536),r=__webpack_require__.n(a),l=__webpack_require__(1758),s=__webpack_require__(8564),c=__webpack_require__(447);const i=["places"],_={width:"100%",height:"300px"},u={width:"100%",height:"40px",borderRadius:"8px",padding:"0px 30px",border:"none"},google_map=a=>{let{mapApiKey:n,onAddressSelect:p,countryDetails:d,addressItem:g,onLoad:m=(()=>{})}=a;const{t:y}=(0,c.useGlobalTranslation)("translation"),[f,b]=(0,e.useState)({lat:d?.latitude,lng:d?.longitude}),[h,v]=(0,e.useState)(""),[w,q]=(0,e.useState)(""),[k,E]=(0,e.useState)(""),[x,S]=(0,e.useState)(""),[j,A]=(0,e.useState)(""),[N,T]=(0,e.useState)(""),[C,O]=(0,e.useState)(d?.display_name||"India"),M=(0,e.useRef)(null),P=(0,e.useRef)(null),$=(0,e.useRef)(!1),L=(0,e.useRef)(null),Q=!g,{isLoaded:R}=(0,o.useJsApiLoader)({googleMapsApiKey:n,libraries:i});function selectAddress(e){p(e||{city:w,area_code:x,state:k,area:j,address:N,country:C,geo_location:{latitude:f?.lat,longitude:f?.lng}})}(0,e.useEffect)((()=>{if(g?.geo_location){const e={lat:Number(g?.geo_location?.latitude),lng:Number(g?.geo_location?.longitude)};b(e),P?.current?.panTo(e)}else{const e={lat:Number(d?.latitude),lng:Number(d?.longitude)};b(e),P?.current?.panTo(e)}}),[d,g]);const z=(0,e.useCallback)((e=>{if(e?.geometry){const t=e?.geometry?.location,o=t.lat(),a=t.lng();b({lat:o,lng:a}),v(e.formatted_address);let r=e?.address_components?.find((e=>e?.types?.includes("premise")));T(r?.long_name||""),getCityAndState(o,a)}else console.error("No geometry available for selected place")}),[]),getCityAndState=async(e,t)=>{try{const o=await fetch(`https://maps.googleapis.com/maps/api/geocode/json?latlng=${e},${t}&key=${n}`),a=(await o.json()).results[0].address_components;!function stateReset(){S(""),q(""),A(""),E("")}();let r=[],l="",s=C||"",c="",i="",_="";a.forEach((e=>{e.types.includes("plus_code")||e.types.includes("premise")?l=e.long_name:e.types.includes("street_number")?l=`${l}${e.long_name}`:e.types.includes("country")?s=e.long_name:e.types.includes("locality")?c=e.long_name:e.types.includes("administrative_area_level_1")?i=e.long_name:e.types.includes("postal_code")?_=e.long_name:(e.types.includes("sublocality")||e.types.includes("sublocality_level_1")||e.types.includes("sublocality_level_2"))&&r.push(e.long_name)}));const u=r.join(", ");T(l),O(s),q(c),E(i),S(_),A(u),selectAddress({city:c,area_code:_,state:i,area:u,address:l,country:s,geo_location:{latitude:e,longitude:t}})}catch(e){console.error("Error fetching city and state:",e)}},getAddressFromLatLng=async(e,t)=>{try{const o=`${Number(e).toFixed(6)},${Number(t).toFixed(6)}`;if(L.current===o)return;const a=await fetch(`https://maps.googleapis.com/maps/api/geocode/json?latlng=${e},${t}&key=${n}`),r=await a.json();let l=[];if(r.results&&r.results.length>0){const a=r.results[0];v(a.formatted_address);let n=e,s=t;if(a?.geometry){const e=a?.geometry?.location;n=e.lat,s=e.lng,b({lat:n,lng:s})}let c="",i=C||"",_="",u="",p="";a.address_components.forEach((e=>{e.types.includes("premise")&&(c=e.long_name),e.types.includes("country")&&(i=e.long_name),e.types.includes("locality")&&(_=e.long_name),e.types.includes("administrative_area_level_1")&&(u=e.long_name),e.types.includes("postal_code")&&(p=e.long_name),(e.types.includes("sublocality")||e.types.includes("sublocality_level_1")||e.types.includes("sublocality_level_2"))&&l.push(e.long_name)}));const d=l.join(", ");T(c),O(i),q(_),E(u),S(p),A(d),selectAddress({city:_,area_code:p,state:u,area:d,address:c,country:i,geo_location:{latitude:n,longitude:s}}),L.current=o}}catch(e){console.error("Error fetching address:",e)}},D=(0,e.useCallback)((e=>{const t=e.latLng.lat(),o=e.latLng.lng();b({lat:t,lng:o}),getAddressFromLatLng(t,o)}),[]),handleLocationError=e=>{console.error(e?"Error: The Geolocation service failed.":"Error: Your browser doesn't support geolocation.")};return(0,e.useEffect)((()=>{R&&Q&&($.current||($.current=!0,f?.lat&&f?.lng&&getAddressFromLatLng(f.lat,f.lng)))}),[R]),t().createElement("div",{className:"google-map__mapAddress___lLOgh"},t().createElement("div",{className:"google-map__mapWrapper___YR7HM",style:_},R?t().createElement("div",null,t().createElement("div",{ref:M,className:"google-map__autoCompleteWrap___aXAcB",style:{display:!R&&"none"}},t().createElement(l.A,{className:"google-map__searchAutoIcon___pczP8"}),t().createElement(r(),{placeholder:y("resource.localization.search_google_maps"),apiKey:n,style:u,onPlaceSelected:z,options:{types:["geocode","establishment"],componentRestrictions:{country:d?.iso2}},onClick:e=>{e.stopPropagation()}})),t().createElement("div",{className:"google-map__mapCompWrap___kgcWp",style:{display:!R&&"none"}},t().createElement(o.GoogleMap,{mapContainerStyle:_,center:f,zoom:f?15:10,options:{fullscreenControl:!1,mapTypeControl:!1,streetViewControl:!1},onLoad:e=>{P.current=e,m(e)}},f&&t().createElement(o.Marker,{position:f,draggable:!0,onDragEnd:D})),t().createElement("button",{title:y("resource.localization.detect_my_location"),onClick:()=>{navigator?.geolocation?navigator?.geolocation?.getCurrentPosition((e=>{const t={lat:e.coords.latitude,lng:e.coords.longitude};b(t),getAddressFromLatLng(t.lat,t.lng),P?.current?.panTo(t)}),(()=>{handleLocationError(!0)})):handleLocationError(!1)},className:"google-map__locateIconBtn___DmBgQ"},t().createElement(s.A,{className:"google-map__locateIcon___O8k2g"})))):t().createElement("div",{className:"google-map__skeleton___whDH9"},t().createElement("canvas",null))),h&&t().createElement("div",{className:"google-map__addressSelect___rga6h"},t().createElement("p",null,h)))}})(),n})()));