use-frontbacked 5.1.5 → 5.1.7

package/dist/esm/index.es.js

@@ -254,6 +254,152 @@ var consoleLog = function consoleLog() {
     console.log.apply(console, args);
   }
 };
+var isAppleMobileDevice = function isAppleMobileDevice() {
+  if (typeof navigator === "undefined") return false;
+  var userAgent = navigator.userAgent || "";
+  var platform = navigator.platform || "";
+  var maxTouchPoints = navigator.maxTouchPoints || 0;
+  return /iPad|iPhone|iPod/i.test(userAgent) || platform === "MacIntel" && maxTouchPoints > 1;
+};
+var openBlobInBrowser = function openBlobInBrowser(blob, fileName, openInNewTab) {
+  if (openInNewTab === void 0) {
+    openInNewTab = false;
+  }
+  var objectUrl = URL.createObjectURL(blob);
+  var downloadLink = document.createElement("a");
+  downloadLink.href = objectUrl;
+  downloadLink.rel = "noopener";
+  downloadLink.style.display = "none";
+  if (openInNewTab) {
+    downloadLink.target = "_blank";
+  } else {
+    downloadLink.download = fileName;
+  }
+  document.body.appendChild(downloadLink);
+  downloadLink.click();
+  document.body.removeChild(downloadLink);
+  setTimeout(function () {
+    return URL.revokeObjectURL(objectUrl);
+  }, 30000);
+};
+var shareBlob = function shareBlob(blob, fileName) {
+  return __awaiter(void 0, void 0, void 0, function () {
+    var shareApi, canShare, file, shareData;
+    return __generator(this, function (_a) {
+      switch (_a.label) {
+        case 0:
+          shareApi = typeof navigator !== "undefined" ? navigator.share : null;
+          canShare = typeof navigator !== "undefined" ? navigator.canShare : null;
+          if (!shareApi || typeof File === "undefined") return [2 /*return*/, false];
+          file = new File([blob], fileName, {
+            type: blob.type || "application/octet-stream"
+          });
+          shareData = {
+            files: [file],
+            title: fileName
+          };
+          if (canShare && !canShare.call(navigator, shareData)) return [2 /*return*/, false];
+          return [4 /*yield*/, shareApi.call(navigator, shareData)];
+        case 1:
+          _a.sent();
+          return [2 /*return*/, true];
+      }
+    });
+  });
+};
+var promptAppleMobileSave = function promptAppleMobileSave(blob, fileName) {
+  return new Promise(function (resolve, reject) {
+    var overlay = document.createElement("div");
+    overlay.setAttribute("role", "dialog");
+    overlay.setAttribute("aria-modal", "true");
+    overlay.style.cssText = ["position:fixed", "inset:0", "z-index:2147483647", "display:flex", "align-items:center", "justify-content:center", "padding:24px", "background:rgba(15,23,42,0.58)", "font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif"].join(";");
+    var dialog = document.createElement("div");
+    dialog.style.cssText = ["width:min(360px,100%)", "border-radius:12px", "background:#fff", "box-shadow:0 20px 60px rgba(15,23,42,0.3)", "padding:18px", "color:#111827", "text-align:left"].join(";");
+    var title = document.createElement("div");
+    title.textContent = "File ready";
+    title.style.cssText = "font-size:17px;font-weight:700;margin-bottom:8px;";
+    var body = document.createElement("div");
+    body.textContent = "Choose where to save this file.";
+    body.style.cssText = "font-size:14px;line-height:1.45;color:#4b5563;margin-bottom:16px;";
+    var actions = document.createElement("div");
+    actions.style.cssText = "display:flex;gap:10px;justify-content:flex-end;";
+    var cancelButton = document.createElement("button");
+    cancelButton.type = "button";
+    cancelButton.textContent = "Cancel";
+    cancelButton.style.cssText = ["border:0", "border-radius:8px", "padding:10px 14px", "background:#f3f4f6", "color:#111827", "font-size:14px", "font-weight:600"].join(";");
+    var saveButton = document.createElement("button");
+    saveButton.type = "button";
+    saveButton.textContent = "Save File";
+    saveButton.style.cssText = ["border:0", "border-radius:8px", "padding:10px 14px", "background:#2563eb", "color:#fff", "font-size:14px", "font-weight:700"].join(";");
+    var cleanup = function cleanup() {
+      document.body.removeChild(overlay);
+    };
+    cancelButton.onclick = function () {
+      cleanup();
+      reject(new Error("File save was cancelled."));
+    };
+    saveButton.onclick = function () {
+      return __awaiter(void 0, void 0, void 0, function () {
+        var shared, error_1;
+        return __generator(this, function (_a) {
+          switch (_a.label) {
+            case 0:
+              saveButton.setAttribute("disabled", "true");
+              _a.label = 1;
+            case 1:
+              _a.trys.push([1, 3,, 4]);
+              return [4 /*yield*/, shareBlob(blob, fileName)];
+            case 2:
+              shared = _a.sent();
+              if (!shared) openBlobInBrowser(blob, fileName, true);
+              cleanup();
+              resolve();
+              return [3 /*break*/, 4];
+            case 3:
+              error_1 = _a.sent();
+              cleanup();
+              if ((error_1 === null || error_1 === void 0 ? void 0 : error_1.name) === "AbortError") {
+                reject(new Error("File save was cancelled."));
+                return [2 /*return*/];
+              }
+
+              openBlobInBrowser(blob, fileName, true);
+              resolve();
+              return [3 /*break*/, 4];
+            case 4:
+              return [2 /*return*/];
+          }
+        });
+      });
+    };
+
+    actions.appendChild(cancelButton);
+    actions.appendChild(saveButton);
+    dialog.appendChild(title);
+    dialog.appendChild(body);
+    dialog.appendChild(actions);
+    overlay.appendChild(dialog);
+    document.body.appendChild(overlay);
+  });
+};
+var downloadBlob = function downloadBlob(blob, fileName) {
+  return __awaiter(void 0, void 0, void 0, function () {
+    return __generator(this, function (_a) {
+      switch (_a.label) {
+        case 0:
+          if (!isAppleMobileDevice()) return [3 /*break*/, 2];
+          return [4 /*yield*/, promptAppleMobileSave(blob, fileName)];
+        case 1:
+          _a.sent();
+          return [2 /*return*/];
+        case 2:
+          openBlobInBrowser(blob, fileName);
+          return [2 /*return*/];
+      }
+    });
+  });
+};
+
 var downloadSvgAsImage = function downloadSvgAsImage(svgString, format, fileName) {
   if (format === void 0) {
     format = 'png';
@@ -267,39 +413,48 @@ var downloadSvgAsImage = function downloadSvgAsImage(svgString, format, fileName
     });
     var svgUrl = URL.createObjectURL(svgBlob);
     var img = new Image();
+    img.crossOrigin = "anonymous";
     img.onload = function () {
-      var canvas = document.createElement('canvas');
-      canvas.width = img.width;
-      canvas.height = img.height;
-      var context = canvas.getContext('2d');
-      if (context) {
-        context.drawImage(img, 0, 0);
-        var dataUrl = canvas.toDataURL("image/".concat(format));
-        var imageBlob = dataURLToBlob(dataUrl);
-        if (isiPhone()) {
-          // Workaround for iPhone browsers
-          var binaryData = [imageBlob];
-          var iphoneBlob = new Blob(binaryData, {
-            type: "image/".concat(format)
-          });
-          var iphoneUrl = URL.createObjectURL(iphoneBlob);
-          var downloadLink = document.createElement('a');
-          downloadLink.href = iphoneUrl;
-          downloadLink.download = "".concat(fileName, ".").concat(format);
-          downloadLink.click();
-          URL.revokeObjectURL(iphoneUrl);
-          resolve(iphoneUrl);
-        } else {
-          // For other browsers
-          var downloadLink = document.createElement('a');
-          downloadLink.href = dataUrl;
-          downloadLink.download = "".concat(fileName, ".").concat(format);
-          downloadLink.click();
-          resolve(dataUrl);
-        }
-      } else {
-        reject(new Error("Unsupported Browser. Please try to download from another browser."));
-      }
+      return __awaiter(this, void 0, void 0, function () {
+        var canvas, context, dataUrl, imageBlob, error_2;
+        return __generator(this, function (_a) {
+          switch (_a.label) {
+            case 0:
+              _a.trys.push([0, 4,, 5]);
+              canvas = document.createElement('canvas');
+              canvas.width = img.width;
+              canvas.height = img.height;
+              context = canvas.getContext('2d');
+              if (!context) return [3 /*break*/, 2];
+              context.drawImage(img, 0, 0);
+              dataUrl = canvas.toDataURL("image/".concat(format));
+              imageBlob = dataURLToBlob(dataUrl);
+              URL.revokeObjectURL(svgUrl);
+              return [4 /*yield*/, downloadBlob(imageBlob, "".concat(fileName, ".").concat(format))];
+            case 1:
+              _a.sent();
+              resolve(dataUrl);
+              return [3 /*break*/, 3];
+            case 2:
+              reject(new Error("Unsupported Browser. Please try to download from another browser."));
+              _a.label = 3;
+            case 3:
+              return [3 /*break*/, 5];
+            case 4:
+              error_2 = _a.sent();
+              URL.revokeObjectURL(svgUrl);
+              reject(error_2);
+              return [3 /*break*/, 5];
+            case 5:
+              return [2 /*return*/];
+          }
+        });
+      });
+    };
+
+    img.onerror = function () {
+      URL.revokeObjectURL(svgUrl);
+      reject(new Error("Failed to render the SVG for download."));
     };
     img.src = svgUrl;
   });
@@ -317,9 +472,6 @@ function dataURLToBlob(dataURL) {
     type: mime
   });
 }
-function isiPhone() {
-  return /iPhone/i.test(navigator.userAgent);
-}
 var getColor = function getColor(isDarkMode, colorName) {
   var color = theme[colorName];
   if (color) {
@@ -1344,69 +1496,69 @@ var InputBox = function InputBox(_a) {
       return null;
     }
   }))) :
-  /*
-  type == TYPES.location?
-  <LocationPicker disabled={disabled} ref={inputRef} w="100%" h="100%"
-  apiKey={apiKey || ""} defaultLatlng={defaultLatlng} geotype={geotype}
-  mapToSearchRatio={mapToSearchRatio}
-  twoDigitCountryCode={twoDigitCountryCode}
-  searchPlaceholder={placeholder as string}
-  value={value? {
-    name: value.name,
-    formatted_address: value.address,
-    geometry: {
-      location: {lat: () => value.position.lat, lng: () => value.position.lng},
-      viewport: {}
-    }
-  } : null}
-  onChange={(l) => {
-    const v = {
-      name: l.name,
-      address: l.formatted_address,
-      position: {
-        lat: l.geometry.location.lat(),
-        lng: l.geometry.location.lng()
-      }
-    }
-    if(!disabled && onChange) {
-      onChange(v)
-    }
-    if(!disabled && onCheckInfo) {
-      const { checker, waitTime } = onCheckInfo(v)
-      //only check input in "onChange" if waitTime is greater than zero.
-      // This is good in searching a text results as a user types in a search bar,
-      // or saving an article on a server as the user types
-      if(waitTime > 0) {
-        handleInputCheck(() => v, (checkedValue) => {
-          return JSON.stringify(checkedValue) === JSON.stringify(v)
-        }, checker, waitTime)
-      }
-    }
-    
-  }}
-  onBlur={(l) => {
-    if(!disabled && onCheckInfo) {
-      const v = {
-        name: l.name,
-        address: l.formatted_address,
-        position: {
-          lat: l.geometry.location.lat(),
-          lng: l.geometry.location.lng()
-        }
-      }
-                                                                                      const { checker, waitTime } = onCheckInfo(v)
-      //only check input in "onBlur" if waitTime is not set or equal to zero.
-      // This is good in validating an input as it looses focus when the user moves to another,
-      // input field
-      if(!waitTime) {
-        handleInputCheck(() => v, (checkedValue) => {
-          return JSON.stringify(checkedValue) === JSON.stringify(v)
-        }, checker, waitTime)
-      }
-    }
-  }}
-  errorMessage={errorMessage}
-  />
+  /*
+  type == TYPES.location?
+  <LocationPicker disabled={disabled} ref={inputRef} w="100%" h="100%"
+  apiKey={apiKey || ""} defaultLatlng={defaultLatlng} geotype={geotype}
+  mapToSearchRatio={mapToSearchRatio}
+  twoDigitCountryCode={twoDigitCountryCode}
+  searchPlaceholder={placeholder as string}
+  value={value? {
+    name: value.name,
+    formatted_address: value.address,
+    geometry: {
+      location: {lat: () => value.position.lat, lng: () => value.position.lng},
+      viewport: {}
+    }
+  } : null}
+  onChange={(l) => {
+    const v = {
+      name: l.name,
+      address: l.formatted_address,
+      position: {
+        lat: l.geometry.location.lat(),
+        lng: l.geometry.location.lng()
+      }
+    }
+    if(!disabled && onChange) {
+      onChange(v)
+    }
+    if(!disabled && onCheckInfo) {
+      const { checker, waitTime } = onCheckInfo(v)
+      //only check input in "onChange" if waitTime is greater than zero.
+      // This is good in searching a text results as a user types in a search bar,
+      // or saving an article on a server as the user types
+      if(waitTime > 0) {
+        handleInputCheck(() => v, (checkedValue) => {
+          return JSON.stringify(checkedValue) === JSON.stringify(v)
+        }, checker, waitTime)
+      }
+    }
+    
+  }}
+  onBlur={(l) => {
+    if(!disabled && onCheckInfo) {
+      const v = {
+        name: l.name,
+        address: l.formatted_address,
+        position: {
+          lat: l.geometry.location.lat(),
+          lng: l.geometry.location.lng()
+        }
+      }
+                                                                                     const { checker, waitTime } = onCheckInfo(v)
+      //only check input in "onBlur" if waitTime is not set or equal to zero.
+      // This is good in validating an input as it looses focus when the user moves to another,
+      // input field
+      if(!waitTime) {
+        handleInputCheck(() => v, (checkedValue) => {
+          return JSON.stringify(checkedValue) === JSON.stringify(v)
+        }, checker, waitTime)
+      }
+    }
+  }}
+  errorMessage={errorMessage}
+  />
   :*/
   type == TYPES.price ? /*#__PURE__*/React.createElement(VStack, {
     w: "100%",
@@ -1515,26 +1667,26 @@ var InputBox = function InputBox(_a) {
       }
     }, /*#__PURE__*/React.createElement(FaPlus, null)))
   }))) :
-  /*
-  type == TYPES.select_tree?
-  <SelectTree disabled={disabled} options={options as SelectTreeOptionWithChildren[]}
-  onChange={onChange}
-  onBlur={(e: SelectTreeEvent) => {
-  const { currentNode, selectedNodes } = e
-  if(!disabled && onCheckInfo) {
-    const v = "currentNode"
-                                                                                            const { checker, waitTime } = onCheckInfo(v)
-    //only check input in "onBlur" if waitTime is not set or equal to zero.
-    // This is good in validating an input as it looses focus when the user moves to another,
-    // input field
-    if(!waitTime) {
-      handleInputCheck(() => v, (checkedValue) => {
-        return JSON.stringify(checkedValue) === JSON.stringify(v)
-      }, checker, waitTime)
-    }
-  }
-  }}
-  />
+  /*
+  type == TYPES.select_tree?
+  <SelectTree disabled={disabled} options={options as SelectTreeOptionWithChildren[]}
+  onChange={onChange}
+  onBlur={(e: SelectTreeEvent) => {
+  const { currentNode, selectedNodes } = e
+  if(!disabled && onCheckInfo) {
+    const v = "currentNode"
+                                                                                           const { checker, waitTime } = onCheckInfo(v)
+    //only check input in "onBlur" if waitTime is not set or equal to zero.
+    // This is good in validating an input as it looses focus when the user moves to another,
+    // input field
+    if(!waitTime) {
+      handleInputCheck(() => v, (checkedValue) => {
+        return JSON.stringify(checkedValue) === JSON.stringify(v)
+      }, checker, waitTime)
+    }
+  }
+  }}
+  />
   :*/
   type == TYPES.none ? null : /*#__PURE__*/React.createElement(InputGroup, null, iconLeft ? /*#__PURE__*/React.createElement(InputLeftElement, {
     children: iconLeft
@@ -2410,17 +2562,52 @@ var AccessTokenDoor = function AccessTokenDoor(_a) {
   }, authenticating ? "Please wait..." : "Confirm Operation")));
 };
 
+function _typeof(o) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+    return typeof o;
+  } : function (o) {
+    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+  }, _typeof(o);
+}
+
 var MAX_RETRIES$1 = 5;
 var CACHE_KEY$1 = "sdk_config-metadata";
+var CACHE_BUST_KEY$1 = "_fb_cache_bust";
 // let sdkConfigCache: SdkConfig | null = null;
 // let fetchPromise: Promise<SdkConfig | null> | null = null;
-var defaultFactoryData$1 = '{"etag":"W/\\"cfb2c25c60051f77c56bc81c008b2d80\\"","lastModified":"Thu, 15 May 2025 01:41:21 GMT","cachedData":{"aff_pct":10,"app_version_code":19,"contact_link":"https://t.me/frontbacked","group_link":"https://t.me/frontbacked","group_links":["https://t.me/frontbacked"],"min_deposit":7,"min_vendor_deposit":7,"parent_site_home":"https://hackbaker.com","ttl_days":2,"vendors":[{"name":"JinmiEx","number":"+2348130729216","freq":1}]}}';
+var addCacheBust$1 = function addCacheBust(url) {
+  try {
+    var parsedUrl = new URL(url);
+    parsedUrl.searchParams.set(CACHE_BUST_KEY$1, Date.now().toString());
+    return parsedUrl.toString();
+  } catch (err) {
+    return url;
+  }
+};
+var readCachedMetadata$1 = function readCachedMetadata() {
+  if (!isBrowser()) return null;
+  try {
+    var cachedMetadata = localStorage.getItem(CACHE_KEY$1);
+    return cachedMetadata ? JSON.parse(cachedMetadata) : null;
+  } catch (err) {
+    localStorage.removeItem(CACHE_KEY$1);
+    return null;
+  }
+};
 var useSdkConfig = function useSdkConfig(appConfig) {
   var _a = useState(isBrowser() ? window.sdkConfigCache : null),
     sdkConfig = _a[0],
     setSdkConfig = _a[1];
   function parseVendors(vendorsAsTexts) {
-    return vendorsAsTexts.map(function (text) {
+    if (vendorsAsTexts === void 0) {
+      vendorsAsTexts = [];
+    }
+    if (!Array.isArray(vendorsAsTexts)) return [];
+    return vendorsAsTexts.map(function (vendor) {
+      if (typeof vendor !== "string") return vendor;
+      var text = vendor;
       var _a = text.split(','),
         name = _a[0],
         number = _a[1],
@@ -2436,49 +2623,38 @@ var useSdkConfig = function useSdkConfig(appConfig) {
     if (!(appConfig === null || appConfig === void 0 ? void 0 : appConfig.r2Domain)) return;
     if (window.sdkConfigCache) {
       setSdkConfig(window.sdkConfigCache);
-      return;
     }
     if (!window.fetchPromise) {
       window.fetchPromise = function () {
         return __awaiter(void 0, void 0, void 0, function () {
-          var attempts, headers, cachedMetadata, _a, etag, lastModified, cachedData, response, config, err_1;
-          var _b;
-          return __generator(this, function (_c) {
-            switch (_c.label) {
+          var attempts, cachedMetadata, cachedData, response, config, err_1;
+          var _a;
+          return __generator(this, function (_b) {
+            switch (_b.label) {
               case 0:
                 attempts = 0;
-                headers = {};
-                cachedMetadata = localStorage.getItem(CACHE_KEY$1) || defaultFactoryData$1;
+                cachedMetadata = readCachedMetadata$1();
                 if (cachedMetadata) {
-                  _a = JSON.parse(cachedMetadata), etag = _a.etag, lastModified = _a.lastModified, cachedData = _a.cachedData;
+                  cachedData = cachedMetadata.cachedData;
                   if (cachedData) {
                     window.sdkConfigCache = cachedData;
                     setSdkConfig(cachedData);
                     //return cachedData;
                   }
-
-                  if (etag) headers["If-None-Match"] = etag;
-                  if (lastModified) headers["If-Modified-Since"] = lastModified;
                 }
-                consoleLog("useSdkConfig.headers: ", headers);
-                _c.label = 1;
+
+                consoleLog("useSdkConfig.refreshing");
+                _b.label = 1;
               case 1:
                 if (!(attempts < MAX_RETRIES$1)) return [3 /*break*/, 6];
-                _c.label = 2;
+                _b.label = 2;
               case 2:
-                _c.trys.push([2, 4,, 5]);
-                return [4 /*yield*/, axios.get("https://".concat(appConfig.r2Domain, "/sdk_config.json"), {
-                  headers: headers,
-                  validateStatus: function validateStatus(status) {
-                    return status < 500;
-                  } // Accept 304 Not Modified
-                })];
-
+                _b.trys.push([2, 4,, 5]);
+                return [4 /*yield*/, axios.get(addCacheBust$1("https://".concat(appConfig.r2Domain, "/sdk_config.json")))];
               case 3:
-                response = _c.sent();
-                if (response.status === 304) {
-                  consoleLog("useSdkConfig.notModied: ", response.status);
-                  return [2 /*return*/, window.sdkConfigCache];
+                response = _b.sent();
+                if (_typeof(response.data) !== "object") {
+                  throw new Error("Invalid SDK config response");
                 }
                 config = response.data;
                 config.vendors = parseVendors(response.data.vendors);
@@ -2488,13 +2664,14 @@ var useSdkConfig = function useSdkConfig(appConfig) {
                 localStorage.setItem(CACHE_KEY$1, JSON.stringify({
                   etag: response.headers["etag"],
                   lastModified: response.headers["last-modified"],
+                  cachedAt: Date.now(),
                   cachedData: config
                 }));
                 consoleLog("useSdkConfig.refreshed: ", response.data, " at ".concat(response.headers["last-modified"], ", with etag, ").concat(response.headers["etag"]));
                 return [2 /*return*/, config];
               case 4:
-                err_1 = _c.sent();
-                if (((_b = err_1.response) === null || _b === void 0 ? void 0 : _b.status) === 404) {
+                err_1 = _b.sent();
+                if (((_a = err_1.response) === null || _a === void 0 ? void 0 : _a.status) === 404) {
                   consoleLog("Error fetching SDK config: Resource not found (404): ", err_1);
                   return [3 /*break*/, 6];
                 }
@@ -2506,11 +2683,14 @@ var useSdkConfig = function useSdkConfig(appConfig) {
               case 5:
                 return [3 /*break*/, 1];
               case 6:
+                if (window.sdkConfigCache) return [2 /*return*/, window.sdkConfigCache];
                 return [2 /*return*/, null];
             }
           });
         });
-      }();
+      }()["finally"](function () {
+        window.fetchPromise = null;
+      });
     }
     window.fetchPromise.then(function (config) {
       if (config) setSdkConfig(config);
@@ -2752,17 +2932,20 @@ var DownloadType = function DownloadType(_a) {
     }
   }, [adminInfo]);
   useEffect(function () {
+    var _a, _b, _c, _d;
     if (onGetTool && toolId) {
       var tool = onGetTool(toolId);
       consoleLog("DownloadType.setDocRules", tool);
-      setDocRules(!tool ? null : __assign(__assign({}, docRules || {}), {
-        allow_freemium: (tool === null || tool === void 0 ? void 0 : tool.allow_freemium) || true,
-        create_price: (tool === null || tool === void 0 ? void 0 : tool.create_price) || 0,
-        update_price: (tool === null || tool === void 0 ? void 0 : tool.update_price) || 0,
-        create_price_is_monthly: (tool === null || tool === void 0 ? void 0 : tool.create_price_is_monthly) || false,
+      setDocRules(!tool ? null : {
+        allow_freemium: (_a = tool === null || tool === void 0 ? void 0 : tool.allow_freemium) !== null && _a !== void 0 ? _a : true,
+        create_price: (_b = tool === null || tool === void 0 ? void 0 : tool.create_price) !== null && _b !== void 0 ? _b : 0,
+        update_price: (_c = tool === null || tool === void 0 ? void 0 : tool.update_price) !== null && _c !== void 0 ? _c : 0,
+        create_price_is_monthly: (_d = tool === null || tool === void 0 ? void 0 : tool.create_price_is_monthly) !== null && _d !== void 0 ? _d : false,
         yearly_price: tool === null || tool === void 0 ? void 0 : tool.yearly_price,
         quarterly_price: tool === null || tool === void 0 ? void 0 : tool.quarterly_price
-      }));
+      });
+    } else {
+      setDocRules(null);
     }
   }, [onGetTool, toolId]);
   var download = function download() {
@@ -2901,7 +3084,7 @@ var DownloadType = function DownloadType(_a) {
         setAutoProcessOn(false);
       }
     }
-  }, [docRules]);
+  }, [docRules, permission.isToolsEditor, toolId, updateMessage, removeFreemiumBeforeUpdate, renewSubscription, isFreemium]);
   if (permission.isToolsEditor && toolId == "other_tools" || !toolId || !onGetTool || !freeTitle || !freeMessage || !paidTitle || !paidMessage) return null;
   return /*#__PURE__*/React.createElement(DrawerPop, {
     placement: "bottom",
@@ -2931,12 +3114,12 @@ var DownloadType = function DownloadType(_a) {
   //Or it's not an update(it's a create) but create price is 0
   //Or it's an update but update price is 0
   //Or it's an update for subscription renewal
-  /*!docRules ||*/ /*
-                   (updateMessage && removeFreemiumBeforeUpdate && docRules.create_price > 0) ||
-                   (!updateMessage && !docRules.allow_freemium) ||
-                   (!updateMessage && docRules.create_price == 0) ||
-                   (updateMessage && docRules.update_price == 0) ||
-                   (updateMessage && renewSubscription) ||
+  /*!docRules ||*/ /*
+                   (updateMessage && removeFreemiumBeforeUpdate && docRules.create_price > 0) ||
+                   (!updateMessage && !docRules.allow_freemium) ||
+                   (!updateMessage && docRules.create_price == 0) ||
+                   (updateMessage && docRules.update_price == 0) ||
+                   (updateMessage && renewSubscription) ||
                    (updateMessage && renewSubscription)*/
   //(!updateMessage && docRules.create_price == 0) || (updateMessage && !docRules.yearly_price && !docRules.quarterly_price)?
   autoProcessOn || !docRules ? /*#__PURE__*/React.createElement(PleaseWaitForX, null) : /*#__PURE__*/React.createElement(React.Fragment, null, updateMessage && !docRules.yearly_price && !docRules.quarterly_price ? /*#__PURE__*/React.createElement(Text, {
@@ -2986,11 +3169,11 @@ var DownloadType = function DownloadType(_a) {
   }))));
 };
 
-/**
- * Removes a specific query string parameter from a URL.
- * @param {string} url - The original URL.
- * @param {string} queryString - The query string parameter to remove.
- * @returns {string} - The updated URL without the specified query string parameter.
+/**
+ * Removes a specific query string parameter from a URL.
+ * @param {string} url - The original URL.
+ * @param {string} queryString - The query string parameter to remove.
+ * @returns {string} - The updated URL without the specified query string parameter.
  */
 function removeQueryString(url, queryString) {
   try {
@@ -3005,12 +3188,12 @@ function removeQueryString(url, queryString) {
     return url; // Return the original URL if there's an error
   }
 }
-/**
- * Converts an array of objects to a map using a specified attribute as the key.
- *
- * @param {Array<Object>} arr - The array of objects to be converted.
- * @param {string} attr - The attribute to use as the key for the mapping.
- * @returns {Object} - An object mapping each unique attribute value to its corresponding item.
+/**
+ * Converts an array of objects to a map using a specified attribute as the key.
+ *
+ * @param {Array<Object>} arr - The array of objects to be converted.
+ * @param {string} attr - The attribute to use as the key for the mapping.
+ * @returns {Object} - An object mapping each unique attribute value to its corresponding item.
  */
 function arrayToMap(attr, arr, keyParser) {
   return arr.reduce(function (map, item) {
@@ -3036,9 +3219,9 @@ var rmUpdates = function rmUpdates(url) {
 
 var MAX_RETRIES = 5;
 var CACHE_KEY = "tools-cache-metadata";
+var CACHE_BUST_KEY = "_fb_cache_bust";
 // let toolsCache: ToolsData | null = null;
 // let toolsFetchPromise: Promise<ToolsData | null> | null = null;
-var defaultFactoryData = '{"etag":"W/\\"97cce03e8c6f6c8092dfac11069679e7\\"","lastModified":"Fri, 23 May 2025 17:24:27 GMT","cachedData":{"totalUpdates":1,"lastUpdatedOn":"Fri, 23 May 2025 17:24:18 GMT","tools":[{"id":"U8SL1BvlIb1nxj4JNCNX","siteUrl":"/bank","mobileVideoUrl":null,"is_static":true,"desktopVideoUrl":null,"isActive":true,"isHidden":false,"update_price":0.1,"allow_freemium":true,"create_price_is_monthly":true,"rank":1,"icon":"Building","siteLogoUrl":"/templates/tool-U8SL1BvlIb1nxj4JNCNX.jpg","authorId":"f6dcBr3nBJQNLeRwN1ZeHYTZqGC2","youtube":null,"name":"Online Banking Website","chat_supported":true,"create_price":20000,"quarterly_price":50000,"yearly_price":150000,"create_price_discount":0,"description":"Create an online banking website for your content. No more building a custom online banking website from scratch every time you need to film a banking scene.","x":["authorId,uid,0,0,false,true,false","createdAt,current_time,0,0,false,true,false","updatedAt,current_time,0,0,true,true,true","profilePhoto,string,0,300,true,true,false","email,string,0,64,true,true,false","phone,string,0,32,true,true,false","accountType,string,0,64,true,true,false","gender,string,0,64,true,true,false","maritalStatus,string,0,64,true,true,false","dob,string,0,16,true,true,false","password,string,6,16,true,true,false","pin,number,1000,9999,true,true,false","address,string,0,128,true,true,false","occupation,string,0,64,true,true,false","accountNumber_username,number,9000000000,9999999999,false,true,false","fullname,string,0,64,true,true,false","currencySymbol,string,0,64,true,true,false","disableAccount,boolean,0,8,true,true,false","accountBalance,number,0,999999999999999,true,false,false","autoRenewSubscription,boolean,0,8,true,true,false","credits,array:string:1:200,0,10,true,false,false","debits,array:string:1:200,0,10,true,false,false","totalCredits,number,0,999999999999999,true,false,false","totalDebits,number,0,999999999999999,true,false,false","disableAccountError,string,1,500,true,false,false","noTxGeneration,boolean,0,8,false,false,false","isHidden,boolean,1,8,true,false,false","isActive,boolean,1,8,true,false,false","txProcessingDuration,string,1,64,true,true,false","isInActive,boolean,0,8,true,false,false"],"tool_version_code":7},{"id":"0QZLQQKVTRV3Q6SFAIEA","authorId":"f6dcBr3nBJQNLeRwN1ZeHYTZqGC2","createdAt":{"_seconds":1733770038,"_nanoseconds":796000000},"is_static":false,"isActive":true,"is_freemium":true,"icon":"ShippingFast","isHidden":false,"editables":"Shipping_Status@small.select, error_message.textarea, expected_arrival_date.date","templates_url":"/templates/templates-awsuv5ba.json?updates=23","youtube":null,"mobileVideoUrl":null,"desktopVideoUrl":null,"allow_freemium":true,"chat_supported":true,"create_price":10000,"message":"ID_TITLE == Tracking ID\\nLINK == zendcargo.com\\nCONTENT == Track your shipment using the tracking ID above at the tracking website: {LINK}.","description":"Create a shipping invoice with a tracking website for your content. No more building a custom shipping site from scratch every time you need to film a shipping scene.","update_price":200,"updatedAt":{"_seconds":1746816982,"_nanoseconds":404000000},"rank":2,"name":"Shipping","parent":"","x":["authorId,uid,0,0,false,true,false","createdAt,current_time,0,0,false,true,false","expectedArrivalDate,time,0,0,true,true,false","invoiceNumber,string,1,16,false,true,false","packageContent,string,1,64,false,true,false","packageDestinationAddress,string,1,64,false,true,false","packageDestinationEmail,string,1,256,false,true,false","packageDestinationPhone,string,1,16,false,true,false","packageRecipientName,string,1,128,false,true,false","packageWeight,string,1,32,false,true,false","senderEmail,string,1,256,false,true,false","senderName,string,1,128,false,true,false","shipmentDate,time,0,0,false,true,false","shipmentFee,string,0,32,false,true,false","shippingStatus,string,1,32,true,true,false","updatedAt,current_time,0,0,true,true,true","costCurrency,string,0,64,false,false,false","errorMessage,string,1,500,true,false,false"],"tool_version_code":7,"freemiumDownloadMessage":"The shipping invoice will have watermark. The tracking website will also have a \\"fake tracking\\" message.","premiumDownloadMessage":"The shipping invoice will be clean with no watermark. The tracking website will also be clean with no \\"fake tracking\\" message.","templates":[{"id":"hwd7x6ou","name":"Shipping Invoice with Tracking Website","logo":"https://r2.softbaker.com/templates/templates-awsuv5ba-hwd7x6ou-logo.jpeg","data_url":"https://r2.frontbacked.com/templates/templates-awsuv5ba-hwd7x6ou-data.json?updates=1","is_default":true,"split_on_download":false,"thumbnail":"https://r2.frontbacked.com/templates/tools-awsuv5ba-hwd7x6ou-thumbnail.jpg?updates=1&tct=1748021058263"}]},{"id":"5vCsgJJVsFYhV4dZYQdI","mobileVideoUrl":null,"is_static":true,"desktopVideoUrl":null,"name":"Invoice","isActive":true,"isHidden":false,"allow_freemium":true,"siteUrl":"/invoice","siteLogoUrl":"/templates/tool-5vCsgJJVsFYhV4dZYQdI.jpg","authorId":"f6dcBr3nBJQNLeRwN1ZeHYTZqGC2","youtube":null,"description":"Create a payment invoice easily.","rank":3,"update_price":200,"create_price":5000,"x":["authorId,uid,0,0,false,true,false","createdAt,current_time,0,0,false,true,false","updatedAt,current_time,0,0,true,true,true","companyName,string,2,64,false,true,false","companyAddress,string,2,64,false,true,false","customerName,string,2,64,false,true,false","customerAddress,string,2,64,false,true,false","invoiceNumber,string,2,64,false,true,false","date,time,0,0,false,true,false","currency,string,2,64,false,true,false","items,object_array:{description@string_1_90|quantity@number_1_1000000000000000|price@number_1_1000000000000000},1,6,false,true,false","paymentDetails,string,2,256,false,false,false","vat,number,0,99,false,true,false","logo,string,0,64,false,false,false","waterMarkWithLogo,boolean,0,64,false,true,false","grayScaleWaterMark,boolean,0,64,false,true,false"],"tool_version_code":2},{"id":"tDYsSHDnF58hFCf3nUTk","mobileVideoUrl":null,"is_static":true,"desktopVideoUrl":null,"icon":"Coins","authorId":"f6dcBr3nBJQNLeRwN1ZeHYTZqGC2","youtube":null,"name":"Face Swap Video Call","siteUrl":"/face-swap-video-call","isActive":false,"siteLogoUrl":"/templates/tool-tDYsSHDnF58hFCf3nUTk.jpg?v=2","rank":4,"isHidden":false},{"id":"XFXW1s8LlhiJnZKPbdWX","siteUrl":"/invest","mobileVideoUrl":null,"is_static":true,"desktopVideoUrl":null,"isActive":false,"icon":"MoneyBillAlt","siteLogoUrl":"/templates/tool-XFXW1s8LlhiJnZKPbdWX.jpg","authorId":"f6dcBr3nBJQNLeRwN1ZeHYTZqGC2","youtube":null,"name":"Investment Website","rank":5,"isHidden":false}]}}';
 var setR2Host = function setR2Host(url, r2Domain) {
   if (!url) return url;
   if (url.startsWith('/')) {
@@ -3055,11 +3238,42 @@ var setR2Host = function setR2Host(url, r2Domain) {
   }
 };
 
+var addCacheBust = function addCacheBust(url) {
+  try {
+    var parsedUrl = new URL(url);
+    parsedUrl.searchParams.set(CACHE_BUST_KEY, Date.now().toString());
+    return parsedUrl.toString();
+  } catch (err) {
+    return url;
+  }
+};
+var readCachedMetadata = function readCachedMetadata() {
+  if (!isBrowser()) return null;
+  try {
+    var cachedMetadata = localStorage.getItem(CACHE_KEY);
+    return cachedMetadata ? JSON.parse(cachedMetadata) : null;
+  } catch (err) {
+    localStorage.removeItem(CACHE_KEY);
+    return null;
+  }
+};
+var readCachedToolsData = function readCachedToolsData() {
+  if (!isBrowser()) return null;
+  if (window.toolsCache) return window.toolsCache;
+  var cachedMetadata = readCachedMetadata();
+  var cachedData = cachedMetadata === null || cachedMetadata === void 0 ? void 0 : cachedMetadata.cachedData;
+  if (cachedData) {
+    window.toolsCache = cachedData;
+    return cachedData;
+  }
+  return null;
+};
 var useTools = function useTools(config) {
-  var _a = useState(isBrowser() ? window.toolsCache : null),
+  var cachedToolsData = readCachedToolsData();
+  var _a = useState(cachedToolsData),
     data = _a[0],
     setData = _a[1];
-  var _b = useState(!isBrowser() || !window.toolsCache),
+  var _b = useState(!cachedToolsData),
     loading = _b[0],
     setLoading = _b[1];
   var _c = useState(null),
@@ -3073,63 +3287,48 @@ var useTools = function useTools(config) {
     setToolsByTemplatesUrl = _e[1];
   useEffect(function () {
     if (!(config === null || config === void 0 ? void 0 : config.r2Domain)) return;
-    if (window.toolsCache) {
-      setData(window.toolsCache);
+    var cachedToolsData = readCachedToolsData();
+    if (cachedToolsData) {
+      setData(cachedToolsData);
       setLoading(false);
-      consoleLog("useTools.returns as toolsCache already exist: ", window.toolsCache);
-      return;
+      consoleLog("useTools.returns cached tools data: ", cachedToolsData);
     }
     if (!window.toolsFetchPromise) {
       window.toolsFetchPromise = function () {
         return __awaiter(void 0, void 0, void 0, function () {
-          var attempts, headers, cachedMetadata, _a, etag, lastModified, cachedData, response, err_1;
-          var _b;
+          var attempts, cachedData, response, err_1;
+          var _a, _b;
           return __generator(this, function (_c) {
             switch (_c.label) {
               case 0:
                 attempts = 0;
-                headers = {};
-                cachedMetadata = localStorage.getItem(CACHE_KEY) || defaultFactoryData;
-                if (cachedMetadata) {
-                  _a = JSON.parse(cachedMetadata), etag = _a.etag, lastModified = _a.lastModified, cachedData = _a.cachedData;
-                  if (cachedData) {
-                    window.toolsCache = cachedData;
-                    setData(cachedData);
-                    setLoading(false);
-                    //return cachedData;
-                  }
-
-                  if (etag) headers["If-None-Match"] = etag;
-                  if (lastModified) headers["If-Modified-Since"] = lastModified;
+                cachedData = readCachedToolsData();
+                if (cachedData) {
+                  setData(cachedData);
+                  setLoading(false);
                 }
-                consoleLog("useTools.headers: ", headers);
+                consoleLog("useTools.refreshing");
                 _c.label = 1;
               case 1:
                 if (!(attempts < MAX_RETRIES)) return [3 /*break*/, 6];
                 _c.label = 2;
               case 2:
                 _c.trys.push([2, 4,, 5]);
-                return [4 /*yield*/, axios.get("https://".concat(config.r2Domain, "/templates/tools.json"), {
-                  headers: headers,
-                  validateStatus: function validateStatus(status) {
-                    return status < 500;
-                  } // Accept 304 Not Modified
-                })];
-
+                return [4 /*yield*/, axios.get(addCacheBust("https://".concat(config.r2Domain, "/templates/tools.json")))];
               case 3:
                 response = _c.sent();
-                if (response.status === 304) {
-                  setLoading(false);
-                  consoleLog("useTools.notModied: ", response.status);
-                  return [2 /*return*/, window.toolsCache];
+                if (_typeof(response.data) !== "object" || !Array.isArray((_a = response.data) === null || _a === void 0 ? void 0 : _a.tools)) {
+                  throw new Error("Invalid tools response");
                 }
                 window.toolsCache = response.data;
                 setData(response.data);
                 setError(null);
+                setLoading(false);
                 // Save cache metadata
                 localStorage.setItem(CACHE_KEY, JSON.stringify({
                   etag: response.headers["etag"],
                   lastModified: response.headers["last-modified"],
+                  cachedAt: Date.now(),
                   cachedData: response.data
                 }));
                 consoleLog("useTools.refreshed: ", response.data, " at ".concat(response.headers["last-modified"], ", with etag, ").concat(response.headers["etag"]));
@@ -3137,23 +3336,30 @@ var useTools = function useTools(config) {
               case 4:
                 err_1 = _c.sent();
                 if (((_b = err_1.response) === null || _b === void 0 ? void 0 : _b.status) === 404) {
-                  setError("Resource not found (404)");
+                  if (!window.toolsCache) setError("Resource not found (404)");
                   return [3 /*break*/, 6];
                 }
                 attempts++;
                 if (attempts === MAX_RETRIES) {
-                  setError("Failed to fetch data after multiple attempts");
+                  if (!window.toolsCache) setError("Failed to fetch data after multiple attempts");
                 }
                 return [3 /*break*/, 5];
               case 5:
                 return [3 /*break*/, 1];
               case 6:
+                if (window.toolsCache) {
+                  setError(null);
+                  setLoading(false);
+                  return [2 /*return*/, window.toolsCache];
+                }
                 setLoading(false);
                 return [2 /*return*/, null];
             }
           });
         });
-      }();
+      }()["finally"](function () {
+        window.toolsFetchPromise = null;
+      });
     }
     window.toolsFetchPromise.then(function (result) {
       if (result) setData(result);