blixify-ui-web 1.2.120 → 1.2.122

package/lib/components/googleMaps.d.ts

@@ -0,0 +1,8 @@
+export type GoogleMapsLibrary = "maps" | "marker" | "places" | "geocoding" | "drawing" | "geometry";
+export declare const handleLoadGoogleMaps: (libraries?: GoogleMapsLibrary[]) => Promise<boolean>;
+export declare const GOOGLE_MAPS_WAIT_MS = 20000;
+export declare const handleWaitForGoogleMaps: (libraries?: GoogleMapsLibrary[], { isCancelled, timeoutMs, }?: {
+    isCancelled?: () => boolean;
+    timeoutMs?: number;
+}) => Promise<boolean>;
+//# sourceMappingURL=googleMaps.d.ts.map

package/lib/components/googleMaps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"googleMaps.d.ts","sourceRoot":"","sources":["../../src/components/googleMaps.ts"],"names":[],"mappings":"AAQA,MAAM,MAAM,iBAAiB,GAC3B,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,WAAW,GAAG,SAAS,GAAG,UAAU,CAAC;AActE,eAAO,MAAM,oBAAoB,eACpB,iBAAiB,EAAE,KAC7B,OAAO,CAAC,OAAO,CAcjB,CAAC;AAEF,eAAO,MAAM,mBAAmB,QAAQ,CAAC;AAKzC,eAAO,MAAM,uBAAuB,eACvB,iBAAiB,EAAE,gCAI3B;IAAE,WAAW,CAAC,EAAE,MAAM,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,KACrD,OAAO,CAAC,OAAO,CAQjB,CAAC"}

package/lib/components/googleMaps.js

@@ -0,0 +1,139 @@
+"use strict";
+// INFO: the Google Maps JavaScript API is loaded by the host app, not by this library, and apps load
+// it two ways:
+//   - a classic <script src=".../maps/api/js?libraries=..."> — window.google only appears once the
+//     whole API is loaded, but it may not be there yet when a component mounts (no onload hook);
+//   - Google's dynamic bootstrap (@googlemaps/js-api-loader / google.maps.importLibrary) —
+//     window.google.maps exists straight away and each library arrives later.
+// Components ask here before touching google.maps, so neither loader can catch them half-loaded.
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.handleWaitForGoogleMaps = exports.GOOGLE_MAPS_WAIT_MS = exports.handleLoadGoogleMaps = void 0;
+// INFO: how to tell a library is already loaded (either loader fills in its google.maps namespace)
+var LIBRARY_LOADED = {
+    maps: function (maps) { return typeof maps.Map === "function"; },
+    marker: function (maps) { return typeof maps.Marker === "function"; },
+    places: function (maps) { var _a; return typeof ((_a = maps.places) === null || _a === void 0 ? void 0 : _a.Autocomplete) === "function"; },
+    geocoding: function (maps) { return typeof maps.Geocoder === "function"; },
+    drawing: function (maps) { return !!maps.drawing; },
+    geometry: function (maps) { return !!maps.geometry; },
+};
+// INFO: true once the named libraries can be used; false when Maps is not there (not loaded,
+// blocked, bad key) or a library fails to load
+var handleLoadGoogleMaps = function () {
+    var args_1 = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        args_1[_i] = arguments[_i];
+    }
+    return __awaiter(void 0, __spreadArray([], args_1, true), void 0, function (libraries) {
+        var maps, missing, _a;
+        var _b;
+        if (libraries === void 0) { libraries = ["maps"]; }
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    maps = (_b = window.google) === null || _b === void 0 ? void 0 : _b.maps;
+                    if (!maps)
+                        return [2 /*return*/, false];
+                    missing = libraries.filter(function (library) { return !LIBRARY_LOADED[library](maps); });
+                    if (missing.length === 0)
+                        return [2 /*return*/, true];
+                    if (typeof maps.importLibrary !== "function")
+                        return [2 /*return*/, false];
+                    _c.label = 1;
+                case 1:
+                    _c.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, Promise.all(missing.map(function (library) { return maps.importLibrary(library); }))];
+                case 2:
+                    _c.sent();
+                    return [2 /*return*/, true];
+                case 3:
+                    _a = _c.sent();
+                    return [2 /*return*/, false];
+                case 4: return [2 /*return*/];
+            }
+        });
+    });
+};
+exports.handleLoadGoogleMaps = handleLoadGoogleMaps;
+exports.GOOGLE_MAPS_WAIT_MS = 20000;
+var GOOGLE_MAPS_POLL_MS = 100;
+// INFO: as handleLoadGoogleMaps, but first waits for window.google.maps to appear (a classic script
+// still loading when the component mounted). isCancelled stops the wait once the caller unmounts.
+var handleWaitForGoogleMaps = function () {
+    var args_1 = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        args_1[_i] = arguments[_i];
+    }
+    return __awaiter(void 0, __spreadArray([], args_1, true), void 0, function (libraries, _a) {
+        var deadline;
+        var _b;
+        if (libraries === void 0) { libraries = ["maps"]; }
+        var _c = _a === void 0 ? {} : _a, _d = _c.isCancelled, isCancelled = _d === void 0 ? function () { return false; } : _d, _e = _c.timeoutMs, timeoutMs = _e === void 0 ? exports.GOOGLE_MAPS_WAIT_MS : _e;
+        return __generator(this, function (_f) {
+            switch (_f.label) {
+                case 0:
+                    deadline = Date.now() + timeoutMs;
+                    _f.label = 1;
+                case 1:
+                    if (!!((_b = window.google) === null || _b === void 0 ? void 0 : _b.maps)) return [3 /*break*/, 3];
+                    if (isCancelled() || Date.now() >= deadline)
+                        return [2 /*return*/, false];
+                    return [4 /*yield*/, new Promise(function (resolve) { return setTimeout(resolve, GOOGLE_MAPS_POLL_MS); })];
+                case 2:
+                    _f.sent();
+                    return [3 /*break*/, 1];
+                case 3:
+                    if (isCancelled())
+                        return [2 /*return*/, false];
+                    return [2 /*return*/, (0, exports.handleLoadGoogleMaps)(libraries)];
+            }
+        });
+    });
+};
+exports.handleWaitForGoogleMaps = handleWaitForGoogleMaps;
+//# sourceMappingURL=googleMaps.js.map

package/lib/components/googleMaps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"googleMaps.js","sourceRoot":"","sources":["../../src/components/googleMaps.ts"],"names":[],"mappings":"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"}

package/lib/components/input/address/index.d.ts

@@ -57,6 +57,8 @@ export declare class Address extends Component<Props> {
     placeService: any;
     state: State;
     setAsyncState: (newState: any) => Promise<unknown>;
+    isUnmounted: boolean;
+    componentWillUnmount(): void;
     componentDidMount(): void;
     componentDidUpdate: (prevProps: Readonly<Props>) => void;
     handleGetSafeValue: () => AddressClass;

package/lib/components/input/address/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/input/address/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,YAAY,EAAa,MAAM,OAAO,CAAC;AAOlE,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAErC,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,MAAM,EAAE,GAAG,CAAC;KACb;CACF;AAED,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACzD;AAED,UAAU,KAAM,SAAQ,SAAS;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,YAAY,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC/B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,YAAY,KAAK,IAAI,CAAC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,UAAU,KAAK;IACb,kBAAkB,EAAE,MAAM,CAAC;IAC3B,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,EAAE,OAAO,CAAC;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf;AAED,qBAAa,OAAQ,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC3C,OAAO,EAAE,GAAG,CAAe;IAC3B,MAAM,EAAE,GAAG,CAAe;IAC1B,MAAM,EAAE,GAAG,CAAe;IAE1B,mBAAmB,EAAE,GAAG,CAAQ;IAChC,yBAAyB,EAAE,GAAG,CAAQ;IACtC,YAAY,EAAE,GAAG,CAAQ;IACzB,KAAK,EAAE,KAAK,CAOV;IAEF,aAAa,sCACqD;IAElE,iBAAiB;IA8DjB,kBAAkB,cAAe,QAAQ,CAAC,KAAK,CAAC,KAAG,IAAI,CAWrD;IAKF,kBAAkB,QAAO,YAAY,CAUnC;IAEF,YAAY,yBAmBV;IAEF,yBAAyB,0BAA2B,GAAG,UA4CrD;IAEF,cAAc,MAAO,GAAG,UAatB;IAEF,gBAAgB,aAMd;IAEF,WAAW,aAST;IAEF,iBAAiB,aAMf;IAEF,kBAAkB,sBA6DhB;IAEF,wBAAwB,aAqCtB;IAEF,mBAAmB,MAAO,GAAG,UAI3B;IAEF,kBAAkB,aAIhB;IAEF,iBAAiB,0BA2Ef;IAEF,cAAc,0BAmDZ;IAEF,MAAM;CA+LP"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/input/address/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,YAAY,EAAa,MAAM,OAAO,CAAC;AAOlE,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAGrC,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,MAAM,EAAE,GAAG,CAAC;KACb;CACF;AAED,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACzD;AAED,UAAU,KAAM,SAAQ,SAAS;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,YAAY,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC/B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,YAAY,KAAK,IAAI,CAAC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,UAAU,KAAK;IACb,kBAAkB,EAAE,MAAM,CAAC;IAC3B,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,EAAE,OAAO,CAAC;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf;AAED,qBAAa,OAAQ,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC3C,OAAO,EAAE,GAAG,CAAe;IAC3B,MAAM,EAAE,GAAG,CAAe;IAC1B,MAAM,EAAE,GAAG,CAAe;IAE1B,mBAAmB,EAAE,GAAG,CAAQ;IAChC,yBAAyB,EAAE,GAAG,CAAQ;IACtC,YAAY,EAAE,GAAG,CAAQ;IACzB,KAAK,EAAE,KAAK,CAOV;IAEF,aAAa,sCACqD;IAElE,WAAW,UAAS;IAEpB,oBAAoB;IAIpB,iBAAiB;IAqEjB,kBAAkB,cAAe,QAAQ,CAAC,KAAK,CAAC,KAAG,IAAI,CAWrD;IAKF,kBAAkB,QAAO,YAAY,CAUnC;IAEF,YAAY,yBAmBV;IAEF,yBAAyB,0BAA2B,GAAG,UA4CrD;IAEF,cAAc,MAAO,GAAG,UAatB;IAEF,gBAAgB,aAMd;IAEF,WAAW,aAST;IAEF,iBAAiB,aAMf;IAEF,kBAAkB,sBAwEhB;IAEF,wBAAwB,aA0CtB;IAEF,mBAAmB,MAAO,GAAG,UAI3B;IAEF,kBAAkB,aAIhB;IAEF,iBAAiB,0BA2Ef;IAEF,cAAc,0BAsDZ;IAEF,MAAM;CA+LP"}

package/lib/components/input/address/index.js

@@ -94,6 +94,7 @@ var infoWindow_1 = require("../../advanced/infoWindow");
 var modal_1 = require("../../display/modal");
 var form_1 = require("../form");
 var textInput_1 = require("../textInput");
+var googleMaps_1 = require("../../googleMaps");
 var Address = /** @class */ (function (_super) {
     __extends(Address, _super);
     function Address() {
@@ -115,6 +116,7 @@ var Address = /** @class */ (function (_super) {
         _this.setAsyncState = function (newState) {
             return new Promise(function (resolve) { return _this.setState(newState, resolve); });
         };
+        _this.isUnmounted = false;
         _this.componentDidUpdate = function (prevProps) {
             if (JSON.stringify(prevProps.value) !== JSON.stringify(_this.props.value)) {
                 if (_this.props.value) {
@@ -256,71 +258,84 @@ var Address = /** @class */ (function (_super) {
         _this.handleSubmitLatLng = function () { return __awaiter(_this, void 0, void 0, function () {
             var initialAddress;
             var _this = this;
-            var _a, _b;
-            return __generator(this, function (_c) {
-                switch (_c.label) {
-                    case 0: return [4 /*yield*/, new Promise(function (resolve) {
-                            var geocoder = new window.google.maps.Geocoder();
-                            var latlng = {
-                                lat: Number(_this.state.lat),
-                                lng: Number(_this.state.lng),
-                            };
-                            geocoder.geocode({ location: latlng }, function (results, status) {
-                                var _a, _b, _c, _d, _e, _f;
-                                if (status === "OK") {
-                                    if (results[0]) {
-                                        var initialAddress_1 = {
-                                            name: "",
-                                            lat: 0,
-                                            lng: 0,
-                                            district: "",
-                                            state: "",
-                                            country: "",
-                                            poi: _this.props.value.poi || "",
-                                        };
-                                        if (results[0].address_components) {
-                                            results[0].address_components.map(function (eachAddress) {
-                                                var _a, _b, _c;
-                                                if (eachAddress.types.includes("country")) {
-                                                    initialAddress_1["country"] = (_a = eachAddress.long_name) !== null && _a !== void 0 ? _a : "";
-                                                }
-                                                else if (eachAddress.types.includes("administrative_area_level_1")) {
-                                                    initialAddress_1["state"] = (_b = eachAddress.long_name) !== null && _b !== void 0 ? _b : "";
-                                                }
-                                                else if (eachAddress.types.includes("locality")) {
-                                                    initialAddress_1["district"] = (_c = eachAddress.long_name) !== null && _c !== void 0 ? _c : "";
-                                                }
-                                                return "";
+            var _a, _b, _c, _d, _e, _f, _g;
+            return __generator(this, function (_h) {
+                switch (_h.label) {
+                    case 0: return [4 /*yield*/, (0, googleMaps_1.handleLoadGoogleMaps)(["geocoding"])];
+                    case 1:
+                        // INFO: without Maps the typed coordinates are still kept, just not named by the geocoder
+                        if (!(_h.sent())) {
+                            (_b = (_a = this.props).onChange) === null || _b === void 0 ? void 0 : _b.call(_a, {
+                                name: (_d = (_c = this.props.value) === null || _c === void 0 ? void 0 : _c.name) !== null && _d !== void 0 ? _d : "",
+                                lat: Number(this.state.lat),
+                                lng: Number(this.state.lng),
+                                poi: ((_e = this.props.value) === null || _e === void 0 ? void 0 : _e.poi) || "",
+                            });
+                            this.setState({ modalVisible: false });
+                            return [2 /*return*/];
+                        }
+                        return [4 /*yield*/, new Promise(function (resolve) {
+                                var geocoder = new window.google.maps.Geocoder();
+                                var latlng = {
+                                    lat: Number(_this.state.lat),
+                                    lng: Number(_this.state.lng),
+                                };
+                                geocoder.geocode({ location: latlng }, function (results, status) {
+                                    var _a, _b, _c, _d, _e, _f;
+                                    if (status === "OK") {
+                                        if (results[0]) {
+                                            var initialAddress_1 = {
+                                                name: "",
+                                                lat: 0,
+                                                lng: 0,
+                                                district: "",
+                                                state: "",
+                                                country: "",
+                                                poi: _this.props.value.poi || "",
+                                            };
+                                            if (results[0].address_components) {
+                                                results[0].address_components.map(function (eachAddress) {
+                                                    var _a, _b, _c;
+                                                    if (eachAddress.types.includes("country")) {
+                                                        initialAddress_1["country"] = (_a = eachAddress.long_name) !== null && _a !== void 0 ? _a : "";
+                                                    }
+                                                    else if (eachAddress.types.includes("administrative_area_level_1")) {
+                                                        initialAddress_1["state"] = (_b = eachAddress.long_name) !== null && _b !== void 0 ? _b : "";
+                                                    }
+                                                    else if (eachAddress.types.includes("locality")) {
+                                                        initialAddress_1["district"] = (_c = eachAddress.long_name) !== null && _c !== void 0 ? _c : "";
+                                                    }
+                                                    return "";
+                                                });
+                                            }
+                                            initialAddress_1["name"] =
+                                                (_b = (_a = _this.props.value) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : results[0].formatted_address;
+                                            initialAddress_1["lat"] = Number(_this.state.lat);
+                                            initialAddress_1["lng"] = Number(_this.state.lng);
+                                            resolve(initialAddress_1);
+                                        }
+                                        else {
+                                            resolve({
+                                                name: (_d = (_c = _this.props.value) === null || _c === void 0 ? void 0 : _c.name) !== null && _d !== void 0 ? _d : "",
+                                                lat: Number(_this.state.lat),
+                                                lng: Number(_this.state.lng),
+                                                poi: _this.props.value.poi || "",
                                             });
                                         }
-                                        initialAddress_1["name"] =
-                                            (_b = (_a = _this.props.value) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : results[0].formatted_address;
-                                        initialAddress_1["lat"] = Number(_this.state.lat);
-                                        initialAddress_1["lng"] = Number(_this.state.lng);
-                                        resolve(initialAddress_1);
                                     }
                                     else {
                                         resolve({
-                                            name: (_d = (_c = _this.props.value) === null || _c === void 0 ? void 0 : _c.name) !== null && _d !== void 0 ? _d : "",
+                                            name: (_f = (_e = _this.props.value) === null || _e === void 0 ? void 0 : _e.name) !== null && _f !== void 0 ? _f : "",
                                             lat: Number(_this.state.lat),
                                             lng: Number(_this.state.lng),
                                             poi: _this.props.value.poi || "",
                                         });
                                     }
-                                }
-                                else {
-                                    resolve({
-                                        name: (_f = (_e = _this.props.value) === null || _e === void 0 ? void 0 : _e.name) !== null && _f !== void 0 ? _f : "",
-                                        lat: Number(_this.state.lat),
-                                        lng: Number(_this.state.lng),
-                                        poi: _this.props.value.poi || "",
-                                    });
-                                }
-                            });
-                        })];
-                    case 1:
-                        initialAddress = _c.sent();
-                        (_b = (_a = this.props).onChange) === null || _b === void 0 ? void 0 : _b.call(_a, initialAddress);
+                                });
+                            })];
+                    case 2:
+                        initialAddress = _h.sent();
+                        (_g = (_f = this.props).onChange) === null || _g === void 0 ? void 0 : _g.call(_f, initialAddress);
                         this.setState({
                             modalVisible: false,
                         });
@@ -330,41 +345,57 @@ var Address = /** @class */ (function (_super) {
         }); };
         _this.handleUseCurrentLocation = function () {
             try {
-                navigator.geolocation.getCurrentPosition(function (position) {
-                    var lat = position.coords.latitude;
-                    var lng = position.coords.longitude;
-                    var geocoder = new window.google.maps.Geocoder();
-                    var latlng = { lat: lat, lng: lng };
-                    geocoder.geocode({ location: latlng }, function (results, status) {
-                        var _a, _b;
-                        var initialAddress = {
-                            name: "Current Location",
-                            lat: lat,
-                            lng: lng,
-                            district: "",
-                            state: "",
-                            country: "",
-                        };
-                        if (status === "OK" && results[0]) {
-                            initialAddress.name = results[0].formatted_address;
-                            if (results[0].address_components) {
-                                results[0].address_components.forEach(function (eachAddress) {
-                                    var _a, _b, _c;
-                                    if (eachAddress.types.includes("country")) {
-                                        initialAddress.country = (_a = eachAddress.long_name) !== null && _a !== void 0 ? _a : "";
-                                    }
-                                    else if (eachAddress.types.includes("administrative_area_level_1")) {
-                                        initialAddress.state = (_b = eachAddress.long_name) !== null && _b !== void 0 ? _b : "";
-                                    }
-                                    else if (eachAddress.types.includes("locality")) {
-                                        initialAddress.district = (_c = eachAddress.long_name) !== null && _c !== void 0 ? _c : "";
+                navigator.geolocation.getCurrentPosition(function (position) { return __awaiter(_this, void 0, void 0, function () {
+                    var lat, lng, geocoder, latlng;
+                    var _this = this;
+                    var _a, _b;
+                    return __generator(this, function (_c) {
+                        switch (_c.label) {
+                            case 0:
+                                lat = position.coords.latitude;
+                                lng = position.coords.longitude;
+                                return [4 /*yield*/, (0, googleMaps_1.handleLoadGoogleMaps)(["geocoding"])];
+                            case 1:
+                                // INFO: without Maps, keep the position under a plain name rather than throw
+                                if (!(_c.sent())) {
+                                    (_b = (_a = this.props).onChange) === null || _b === void 0 ? void 0 : _b.call(_a, { name: "Current Location", lat: lat, lng: lng });
+                                    return [2 /*return*/];
+                                }
+                                geocoder = new window.google.maps.Geocoder();
+                                latlng = { lat: lat, lng: lng };
+                                geocoder.geocode({ location: latlng }, function (results, status) {
+                                    var _a, _b;
+                                    var initialAddress = {
+                                        name: "Current Location",
+                                        lat: lat,
+                                        lng: lng,
+                                        district: "",
+                                        state: "",
+                                        country: "",
+                                    };
+                                    if (status === "OK" && results[0]) {
+                                        initialAddress.name = results[0].formatted_address;
+                                        if (results[0].address_components) {
+                                            results[0].address_components.forEach(function (eachAddress) {
+                                                var _a, _b, _c;
+                                                if (eachAddress.types.includes("country")) {
+                                                    initialAddress.country = (_a = eachAddress.long_name) !== null && _a !== void 0 ? _a : "";
+                                                }
+                                                else if (eachAddress.types.includes("administrative_area_level_1")) {
+                                                    initialAddress.state = (_b = eachAddress.long_name) !== null && _b !== void 0 ? _b : "";
+                                                }
+                                                else if (eachAddress.types.includes("locality")) {
+                                                    initialAddress.district = (_c = eachAddress.long_name) !== null && _c !== void 0 ? _c : "";
+                                                }
+                                            });
+                                        }
                                     }
+                                    (_b = (_a = _this.props).onChange) === null || _b === void 0 ? void 0 : _b.call(_a, initialAddress);
                                 });
-                            }
+                                return [2 /*return*/];
                         }
-                        (_b = (_a = _this.props).onChange) === null || _b === void 0 ? void 0 : _b.call(_a, initialAddress);
                     });
-                });
+                }); });
             }
             catch (err) { }
         };
@@ -406,87 +437,119 @@ var Address = /** @class */ (function (_super) {
             if (lat === 0 && lng === 0) {
                 return (react_1.default.createElement("div", { className: "w-full h-24 flex items-center justify-center text-gray-500" }, "Enter an address to see its location on the map."));
             }
-            setTimeout(function () {
-                var mapContainer = document.getElementById("blixify-ui-mapview");
-                if (mapContainer && window.google) {
-                    var map = new window.google.maps.Map(mapContainer, {
-                        center: { lat: lat, lng: lng },
-                        zoom: 15,
-                    });
-                    var marker = new window.google.maps.Marker({
-                        position: { lat: lat, lng: lng },
-                        map: map,
-                        draggable: true,
-                    });
-                    marker.addListener("dragend", function (event) {
-                        var newLat = event.latLng.lat();
-                        var newLng = event.latLng.lng();
-                        var geocoder = new window.google.maps.Geocoder();
-                        var latlng = { lat: newLat, lng: newLng };
-                        geocoder.geocode({ location: latlng }, function (results, status) {
-                            var newAddressName = _this.handleGetSafeValue().name;
-                            if (status === "OK" && results[0]) {
-                                newAddressName = results[0].formatted_address;
-                            }
-                            _this.setState({ lat: newLat, lng: newLng });
-                            if (_this.props.onChange) {
-                                _this.props.onChange({
-                                    name: newAddressName,
-                                    lat: newLat,
-                                    lng: newLng,
+            setTimeout(function () { return __awaiter(_this, void 0, void 0, function () {
+                var mapContainer, _a, map, marker;
+                var _this = this;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            mapContainer = document.getElementById("blixify-ui-mapview");
+                            _a = mapContainer;
+                            if (!_a) return [3 /*break*/, 2];
+                            return [4 /*yield*/, (0, googleMaps_1.handleLoadGoogleMaps)(["maps", "marker", "geocoding"])];
+                        case 1:
+                            _a = (_b.sent());
+                            _b.label = 2;
+                        case 2:
+                            if (_a) {
+                                map = new window.google.maps.Map(mapContainer, {
+                                    center: { lat: lat, lng: lng },
+                                    zoom: 15,
+                                });
+                                marker = new window.google.maps.Marker({
+                                    position: { lat: lat, lng: lng },
+                                    map: map,
+                                    draggable: true,
+                                });
+                                marker.addListener("dragend", function (event) {
+                                    var newLat = event.latLng.lat();
+                                    var newLng = event.latLng.lng();
+                                    var geocoder = new window.google.maps.Geocoder();
+                                    var latlng = { lat: newLat, lng: newLng };
+                                    geocoder.geocode({ location: latlng }, function (results, status) {
+                                        var newAddressName = _this.handleGetSafeValue().name;
+                                        if (status === "OK" && results[0]) {
+                                            newAddressName = results[0].formatted_address;
+                                        }
+                                        _this.setState({ lat: newLat, lng: newLng });
+                                        if (_this.props.onChange) {
+                                            _this.props.onChange({
+                                                name: newAddressName,
+                                                lat: newLat,
+                                                lng: newLng,
+                                            });
+                                        }
+                                    });
                                 });
                             }
-                        });
-                    });
-                }
-            }, 100);
+                            return [2 /*return*/];
+                    }
+                });
+            }); }, 100);
             return (react_1.default.createElement("div", { className: "w-full h-[400px]" },
                 react_1.default.createElement("div", { id: "blixify-ui-mapview", className: "w-full h-full" })));
         };
         return _this;
     }
+    Address.prototype.componentWillUnmount = function () {
+        this.isUnmounted = true;
+    };
     Address.prototype.componentDidMount = function () {
         var _this = this;
         var delayTimeout = this.props.delayInit ? 500 : 0;
-        setTimeout(function () {
-            if (window.google && _this.props.id) {
-                // Initialize autocomplete for desktop input
-                var desktopInput = document.getElementById(_this.props.id);
-                if (desktopInput) {
-                    _this.autocompleteService = new window.google.maps.places.Autocomplete(desktopInput, {
-                        componentRestrictions: { country: ["my", "bn", "sg"] },
-                        fields: [
-                            "geometry",
-                            "formatted_address",
-                            "address_component",
-                            "types",
-                            "name",
-                        ],
-                    });
-                    _this.autocompleteService.addListener("place_changed", _this.handlePlaceChangeListener);
-                }
-                // Initialize autocomplete for mobile input if mobileView is enabled
-                if (_this.props.mobileView) {
-                    var mobileInput = document.getElementById("".concat(_this.props.id, "-mobile"));
-                    if (mobileInput) {
-                        _this.mobileAutocompleteService =
-                            new window.google.maps.places.Autocomplete(mobileInput, {
-                                componentRestrictions: { country: ["my", "bn", "sg"] },
-                                fields: [
-                                    "geometry",
-                                    "formatted_address",
-                                    "address_component",
-                                    "types",
-                                    "name",
-                                ],
-                            });
-                        _this.mobileAutocompleteService.addListener("place_changed", function () {
-                            return _this.handlePlaceChangeListener(_this.mobileAutocompleteService);
-                        });
-                    }
+        setTimeout(function () { return __awaiter(_this, void 0, void 0, function () {
+            var isReady, places, desktopInput, mobileInput;
+            var _this = this;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, (0, googleMaps_1.handleWaitForGoogleMaps)(["places"], {
+                            isCancelled: function () { return _this.isUnmounted; },
+                        })];
+                    case 1:
+                        isReady = _a.sent();
+                        if (!isReady || this.isUnmounted)
+                            return [2 /*return*/];
+                        places = window.google.maps.places;
+                        if (this.props.id) {
+                            desktopInput = document.getElementById(this.props.id);
+                            if (desktopInput) {
+                                this.autocompleteService = new places.Autocomplete(desktopInput, {
+                                    componentRestrictions: { country: ["my", "bn", "sg"] },
+                                    fields: [
+                                        "geometry",
+                                        "formatted_address",
+                                        "address_component",
+                                        "types",
+                                        "name",
+                                    ],
+                                });
+                                this.autocompleteService.addListener("place_changed", this.handlePlaceChangeListener);
+                            }
+                            // Initialize autocomplete for mobile input if mobileView is enabled
+                            if (this.props.mobileView) {
+                                mobileInput = document.getElementById("".concat(this.props.id, "-mobile"));
+                                if (mobileInput) {
+                                    this.mobileAutocompleteService =
+                                        new places.Autocomplete(mobileInput, {
+                                            componentRestrictions: { country: ["my", "bn", "sg"] },
+                                            fields: [
+                                                "geometry",
+                                                "formatted_address",
+                                                "address_component",
+                                                "types",
+                                                "name",
+                                            ],
+                                        });
+                                    this.mobileAutocompleteService.addListener("place_changed", function () {
+                                        return _this.handlePlaceChangeListener(_this.mobileAutocompleteService);
+                                    });
+                                }
+                            }
+                        }
+                        return [2 /*return*/];
                 }
-            }
-        }, delayTimeout);
+            });
+        }); }, delayTimeout);
         if (this.props.value) {
             var safeValue = this.handleGetSafeValue();
             this.setState({