feat: pass is paid subscriber to the backend for quota reservation

Author: devvaannsh

src/LiveDevelopment/main.js

@@ -52,6 +52,7 @@ define(function main(require, exports, module) {
 
     // this will later be assigned its correct values once entitlementsManager loads
     let hasLiveEditCapability = false;
+    let isPaidUser = false;
 
     const PREFERENCE_LIVE_PREVIEW_MODE = CONSTANTS.PREFERENCE_LIVE_PREVIEW_MODE;
 
@@ -95,7 +96,8 @@ define(function main(require, exports, module) {
         mode: LIVE_HIGHLIGHT_MODE, // will be updated when we fetch entitlements
         elemHighlights: CONSTANTS.HIGHLIGHT_HOVER, // default value, this will get updated when the extension loads
         showRulerLines: false, // default value, this will get updated when the extension loads
-        imageGalleryState: _getImageGalleryState() // image gallery selected state
+        imageGalleryState: _getImageGalleryState(), // image gallery selected state
+        isPaidUser: false // will be updated when we fetch entitlements
     };
 
     // Status labels/styles are ordered: error, not connected, progress1, progress2, connected.
@@ -241,6 +243,15 @@ define(function main(require, exports, module) {
         }
     }
 
+    function _isPaidUserChanged(newStatus) {
+        if(newStatus !== isPaidUser){
+            isPaidUser = newStatus;
+            const config = MultiBrowserLiveDev.getConfig();
+            config.isPaidUser = isPaidUser;
+            MultiBrowserLiveDev.updateConfig(config);
+        }
+    }
+
     function setMode(mode) {
         if (mode === LIVE_EDIT_MODE && !hasLiveEditCapability) {
             return false;
@@ -260,7 +271,7 @@ define(function main(require, exports, module) {
     /** Initialize LiveDevelopment */
     AppInit.appReady(function () {
         params.parse();
-        const config = MultiBrowserLiveDev.getConfig() || defaultConfig;
+        const config = Object.assign({}, defaultConfig, MultiBrowserLiveDev.getConfig());
         config.mode = getCurrentMode();
         MultiBrowserLiveDev.init(config);
 
@@ -327,6 +338,7 @@ define(function main(require, exports, module) {
 
     // private api
     exports._liveEditCapabilityChanged = _liveEditCapabilityChanged;
+    exports._isPaidUserChanged = _isPaidUserChanged;
 
     // public events
     exports.EVENT_OPEN_PREVIEW_URL = MultiBrowserLiveDev.EVENT_OPEN_PREVIEW_URL;

src/extensionsIntegrated/phoenix-pro/browser-context/image-gallery.js

@@ -366,8 +366,10 @@ ImageRibbonGallery.prototype = {
             this._clearCache();
         }
 
+        const isPaidUser = config.isPaidUser || false;
+
         const apiUrl = `https://images.phcode.dev/api/images/search?` +
-            `q=${encodeURIComponent(searchQuery)}&per_page=30&page=${page}&safe=true`;
+            `q=${encodeURIComponent(searchQuery)}&per_page=30&page=${page}&safe=true&isPaidUser=${isPaidUser}`;
 
         if (!append) {
             this._showLoading();

src/extensionsIntegrated/phoenix-pro/pro-utils.js

@@ -14,27 +14,36 @@ define(function (require, exports, module) {
 
     // this will later be assigned its correct values once entitlementsManager loads
     let _isProEditActivated = false;
+    let _isPaidUser = false;
     // called everytime there is a change in entitlements (app start/every 15 mis, explicit check/ anytime really)
     async function _entitlementsChanged() {
         try {
             const entitlement = await KernalModeTrust.EntitlementsManager.getLiveEditEntitlement();
             _isProEditActivated = entitlement.activated;
+            _isPaidUser = await KernalModeTrust.EntitlementsManager.isPaidSubscriber();
         } catch (error) {
             console.error("Error updating pro user status:", error);
             _isProEditActivated = false;
+            _isPaidUser = false;
         }
         LiveDevelopment._liveEditCapabilityChanged(_isProEditActivated);
+        LiveDevelopment._isPaidUserChanged(_isPaidUser);
     }
 
     function isProEditActivated() {
         return _isProEditActivated;
     }
 
+    function isPaidUser() {
+        return _isPaidUser;
+    }
+
     AppInit.appReady(function () {
         _entitlementsChanged();
         KernalModeTrust.EntitlementsManager.on(
             KernalModeTrust.EntitlementsManager.EVENT_ENTITLEMENTS_CHANGED, _entitlementsChanged);
     });
 
     exports.isProEditActivated = isProEditActivated;
+    exports.isPaidUser = isPaidUser;
 });