@fleetbase/registry-bridge-engine 0.0.12 → 0.0.14

package/addon/components/extension-card.js

@@ -26,6 +26,7 @@ export default class ExtensionCardComponent extends Component {
     @service fetch;
     @service stripe;
     @service urlSearchParams;
+    @service abilities;
     @tracked extension;
 
     constructor(owner, { extension }) {
@@ -45,6 +46,11 @@ export default class ExtensionCardComponent extends Component {
         const isAlreadyPurchased = this.extension.is_purchased === true;
         const isAlreadyInstalled = this.extension.is_installed === true;
         const isPaymentRequired = !isAuthor && this.extension.payment_required === true && isAlreadyPurchased === false;
+        const userCannotPurchase = isPaymentRequired && this.abilities.cannot('registry-bridge purchase extension');
+        let acceptButtonText = isPaymentRequired ? `Purchase for ${formatCurrency(this.extension.price, this.extension.currency)}` : isAlreadyInstalled ? 'Installed' : 'Install';
+        if (this.abilities.cannot('registry-bridge install extension')) {
+            acceptButtonText = 'Unauthorized to Install';
+        }
         const goBack = async (modal) => {
             await modal.done();
             later(
@@ -65,9 +71,9 @@ export default class ExtensionCardComponent extends Component {
             titleComponent: 'extension-modal-title',
             modalClass: 'flb--extension-modal modal-lg',
             modalHeaderClass: 'flb--extension-modal-header',
-            acceptButtonText: isPaymentRequired ? `Purchase for ${formatCurrency(this.extension.price, this.extension.currency)}` : isAlreadyInstalled ? 'Installed' : 'Install',
+            acceptButtonText,
             acceptButtonIcon: isPaymentRequired ? 'credit-card' : isAlreadyInstalled ? 'check' : 'download',
-            acceptButtonDisabled: isAlreadyInstalled,
+            acceptButtonDisabled: this.abilities.cannot('registry-bridge install extension') || isAlreadyInstalled || userCannotPurchase,
             acceptButtonScheme: isPaymentRequired ? 'success' : 'primary',
             declineButtonText: 'Done',
             process: null,

package/addon/components/modals/extension-details.hbs

@@ -27,11 +27,14 @@
                 </EmberWormhole>
             {{/if}}
         {{/if}}
-        <div>
-            <h3 class="dark:text-white font-semibold mb-1">{{t "registry-bridge.component.extension-details-modal.overview"}}</h3>
-            <div class="space-y-1">
+        <div class="space-y-3">
+            <div>
+                <h3 class="dark:text-white font-semibold mb-1">{{t "registry-bridge.component.extension-details-modal.description"}}</h3>
                 <p class="dark:text-gray-200 text-sm">{{this.extension.description}}</p>
-                <p class="dark:text-gray-200 text-sm">{{html-safe this.extension.promotional_text}}</p>
+            </div>
+            <div>
+                <h3 class="dark:text-white font-semibold mb-1">{{t "registry-bridge.component.extension-details-modal.overview"}}</h3>
+                <div class="extension-details-promo-content dark:text-gray-200 text-sm">{{html-safe this.extension.promotional_text}}</div>
             </div>
         </div>
         <div>

package/addon/controllers/installed.js

@@ -9,6 +9,7 @@ export default class InstalledController extends Controller {
     @service notifications;
     @service socket;
     @service hostRouter;
+    @service abilities;
 
     @action about(extension) {
         this.modalsManager.show('modals/extension-details', {
@@ -31,6 +32,7 @@ export default class InstalledController extends Controller {
             acceptButtonText: 'Uninstall',
             acceptButtonIcon: 'trash',
             acceptButtonScheme: 'danger',
+            acceptButtonDisabled: this.abilities.cannot('registry-bridge uninstall extension'),
             process: null,
             step: null,
             stepDescription: 'Awaiting uninstall to begin...',

package/addon/engine.js

@@ -19,7 +19,7 @@ export default class RegistryBridgeEngine extends Engine {
     };
     setupExtension = function (app, engine, universe) {
         // Register menu item in header
-        universe.registerHeaderMenuItem('Extensions', 'console.extensions', { icon: 'shapes', priority: 99 });
+        universe.registerHeaderMenuItem('Extensions', 'console.extensions', { icon: 'shapes', priority: 99, slug: 'registry-bridge' });
         // Register admin controls
         universe.registerAdminMenuPanel(
             'Extensions Registry',

package/addon/routes/application.js

@@ -3,6 +3,17 @@ import { inject as service } from '@ember/service';
 
 export default class ApplicationRoute extends Route {
     @service fetch;
+    @service notifications;
+    @service hostRouter;
+    @service abilities;
+    @service intl;
+
+    beforeModel() {
+        if (this.abilities.cannot('registry-bridge see extension')) {
+            this.notifications.warning(this.intl.t('common.unauthorized-access'));
+            return this.hostRouter.transitionTo('console');
+        }
+    }
 
     async setupController(controller) {
         super.setupController(...arguments);

package/addon/routes/developers/analytics.js

@@ -3,6 +3,17 @@ import { inject as service } from '@ember/service';
 
 export default class DevelopersAnalyticsRoute extends Route {
     @service store;
+    @service notifications;
+    @service hostRouter;
+    @service abilities;
+    @service intl;
+
+    beforeModel() {
+        if (this.abilities.cannot('registry-bridge list extension-analytic')) {
+            this.notifications.warning(this.intl.t('common.unauthorized-access'));
+            return this.hostRouter.transitionTo('console');
+        }
+    }
 
     model() {
         return this.store.query('registry-extension', { is_author: 1 });

package/addon/routes/developers/credentials.js

@@ -3,6 +3,17 @@ import { inject as service } from '@ember/service';
 
 export default class DevelopersCredentialsRoute extends Route {
     @service fetch;
+    @service notifications;
+    @service hostRouter;
+    @service abilities;
+    @service intl;
+
+    beforeModel() {
+        if (this.abilities.cannot('registry-bridge list registry-token')) {
+            this.notifications.warning(this.intl.t('common.unauthorized-access'));
+            return this.hostRouter.transitionTo('console');
+        }
+    }
 
     model() {
         return this.fetch.get('auth/registry-tokens', {}, { namespace: '~registry/v1' });

package/addon/routes/developers/extensions/edit.js

@@ -3,6 +3,17 @@ import { inject as service } from '@ember/service';
 
 export default class DevelopersExtensionsEditRoute extends Route {
     @service store;
+    @service notifications;
+    @service hostRouter;
+    @service abilities;
+    @service intl;
+
+    beforeModel() {
+        if (this.abilities.cannot('registry-bridge update extension-bundle')) {
+            this.notifications.warning(this.intl.t('common.unauthorized-access'));
+            return this.hostRouter.transitionTo('console');
+        }
+    }
 
     model(params) {
         return this.store.queryRecord('registry-extension', { public_id: params.public_id, single: true });

package/addon/routes/developers/extensions/index.js

@@ -3,6 +3,17 @@ import { inject as service } from '@ember/service';
 
 export default class DevelopersExtensionsIndexRoute extends Route {
     @service store;
+    @service notifications;
+    @service hostRouter;
+    @service abilities;
+    @service intl;
+
+    beforeModel() {
+        if (this.abilities.cannot('registry-bridge list extension-bundle')) {
+            this.notifications.warning(this.intl.t('common.unauthorized-access'));
+            return this.hostRouter.transitionTo('console');
+        }
+    }
 
     model() {
         return this.store.query('registry-extension', { is_author: 1 });

package/addon/routes/developers/extensions/new.js

@@ -1,3 +1,16 @@
 import Route from '@ember/routing/route';
+import { inject as service } from '@ember/service';
 
-export default class DevelopersExtensionsNewRoute extends Route {}
+export default class DevelopersExtensionsNewRoute extends Route {
+    @service notifications;
+    @service hostRouter;
+    @service abilities;
+    @service intl;
+
+    beforeModel() {
+        if (this.abilities.cannot('registry-bridge create extension-bundle')) {
+            this.notifications.warning(this.intl.t('common.unauthorized-access'));
+            return this.hostRouter.transitionTo('console');
+        }
+    }
+}

package/addon/routes/developers/extensions.js

@@ -1,3 +1,16 @@
 import Route from '@ember/routing/route';
+import { inject as service } from '@ember/service';
 
-export default class DevelopersExtensionsRoute extends Route {}
+export default class DevelopersExtensionsRoute extends Route {
+    @service notifications;
+    @service hostRouter;
+    @service abilities;
+    @service intl;
+
+    beforeModel() {
+        if (this.abilities.cannot('registry-bridge list extension-bundle')) {
+            this.notifications.warning(this.intl.t('common.unauthorized-access'));
+            return this.hostRouter.transitionTo('console');
+        }
+    }
+}

package/addon/routes/developers/payments/index.js

@@ -3,6 +3,10 @@ import { inject as service } from '@ember/service';
 
 export default class DevelopersPaymentsIndexRoute extends Route {
     @service fetch;
+    @service notifications;
+    @service hostRouter;
+    @service abilities;
+    @service intl;
 
     queryParams = {
         page: { refreshModel: true },
@@ -11,6 +15,13 @@ export default class DevelopersPaymentsIndexRoute extends Route {
         query: { refreshModel: true },
     };
 
+    beforeModel() {
+        if (this.abilities.cannot('registry-bridge list extension-payment')) {
+            this.notifications.warning(this.intl.t('common.unauthorized-access'));
+            return this.hostRouter.transitionTo('console');
+        }
+    }
+
     model() {
         return this.fetch.get('payments/author-received', {}, { namespace: '~registry/v1' });
     }

package/addon/routes/developers/payments/onboard.js

@@ -3,10 +3,17 @@ import { inject as service } from '@ember/service';
 
 export default class DevelopersPaymentsOnboardRoute extends Route {
     @service fetch;
-    @service hostRouter;
     @service notifications;
+    @service hostRouter;
+    @service abilities;
+    @service intl;
 
     async beforeModel() {
+        if (this.abilities.cannot('registry-bridge onboard extension-payment')) {
+            this.notifications.warning(this.intl.t('common.unauthorized-access'));
+            return this.hostRouter.transitionTo('console');
+        }
+
         try {
             const { hasStripeConnectAccount } = await this.fetch.get('payments/has-stripe-connect-account', {}, { namespace: '~registry/v1' });
             if (hasStripeConnectAccount) {

package/addon/routes/developers/payments.js

@@ -1,3 +1,16 @@
 import Route from '@ember/routing/route';
+import { inject as service } from '@ember/service';
 
-export default class DevelopersPaymentsRoute extends Route {}
+export default class DevelopersPaymentsRoute extends Route {
+    @service notifications;
+    @service hostRouter;
+    @service abilities;
+    @service intl;
+
+    beforeModel() {
+        if (this.abilities.cannot('registry-bridge list extension-payment')) {
+            this.notifications.warning(this.intl.t('common.unauthorized-access'));
+            return this.hostRouter.transitionTo('console');
+        }
+    }
+}

package/addon/routes/explore/category.js

@@ -3,6 +3,10 @@ import { inject as service } from '@ember/service';
 
 export default class ExploreCategoryRoute extends Route {
     @service store;
+    @service notifications;
+    @service hostRouter;
+    @service abilities;
+    @service intl;
 
     queryParams = {
         query: {
@@ -10,6 +14,13 @@ export default class ExploreCategoryRoute extends Route {
         },
     };
 
+    beforeModel() {
+        if (this.abilities.cannot('registry-bridge list extension')) {
+            this.notifications.warning(this.intl.t('common.unauthorized-access'));
+            return this.hostRouter.transitionTo('console');
+        }
+    }
+
     model({ slug }) {
         return this.store.queryRecord('category', { slug, for: 'extension_category', core_category: 1, single: 1 });
     }

package/addon/routes/explore/index.js

@@ -3,6 +3,10 @@ import { inject as service } from '@ember/service';
 
 export default class ExploreIndexRoute extends Route {
     @service store;
+    @service notifications;
+    @service hostRouter;
+    @service abilities;
+    @service intl;
 
     queryParams = {
         query: {
@@ -10,6 +14,13 @@ export default class ExploreIndexRoute extends Route {
         },
     };
 
+    beforeModel() {
+        if (this.abilities.cannot('registry-bridge list extension')) {
+            this.notifications.warning(this.intl.t('common.unauthorized-access'));
+            return this.hostRouter.transitionTo('console');
+        }
+    }
+
     model(params) {
         const { query } = params;
         return this.store.query('registry-extension', { explore: 1, query });

package/addon/routes/installed.js

@@ -3,6 +3,17 @@ import { inject as service } from '@ember/service';
 
 export default class InstalledRoute extends Route {
     @service fetch;
+    @service notifications;
+    @service hostRouter;
+    @service abilities;
+    @service intl;
+
+    beforeModel() {
+        if (this.abilities.cannot('registry-bridge list extension-install')) {
+            this.notifications.warning(this.intl.t('common.unauthorized-access'));
+            return this.hostRouter.transitionTo('console');
+        }
+    }
 
     model(params = {}) {
         return this.fetch.get('registry-extensions/installed', params, { namespace: '~registry/v1', normalizeToEmberData: true, modelType: 'registry-extension' });

package/addon/routes/purchased.js

@@ -3,6 +3,17 @@ import { inject as service } from '@ember/service';
 
 export default class PurchasedRoute extends Route {
     @service fetch;
+    @service notifications;
+    @service hostRouter;
+    @service abilities;
+    @service intl;
+
+    beforeModel() {
+        if (this.abilities.cannot('registry-bridge list extension-purchase')) {
+            this.notifications.warning(this.intl.t('common.unauthorized-access'));
+            return this.hostRouter.transitionTo('console');
+        }
+    }
 
     model(params = {}) {
         return this.fetch.get('registry-extensions/purchased', params, { namespace: '~registry/v1', normalizeToEmberData: true, modelType: 'registry-extension' });

package/addon/styles/registry-bridge-engine.css

@@ -171,3 +171,109 @@ body[data-theme='dark'] .self-managed-install-instructions {
     font-size: 0.75rem;
     line-height: 1rem;
 }
+
+.extension-details-promo-content {
+    padding: 0.5rem;
+    background-color: #f9fafb;
+    color: #000;
+}
+
+body[data-theme='dark'] .extension-details-promo-content {
+    padding: 0.5rem;
+    background-color: #111827;
+    color: #f9fafb;
+}
+
+.extension-details-promo-content hr {
+    border: none;
+    border-top: 1px solid #e5e7eb;
+    margin: 0.5rem 0;
+}
+
+body[data-theme='dark'] .extension-details-promo-content hr {
+    border-top: 1px solid #374151;
+}
+
+.extension-details-promo-content ol,
+.extension-details-promo-content ul {
+    padding-left: 25px;
+}
+
+.extension-details-promo-content ol {
+    list-style: decimal;
+}
+
+.extension-details-promo-content ul {
+    list-style: disc;
+}
+
+.extension-details-promo-content blockquote {
+    border-left: 3px #e2e8f0 solid;
+    padding-left: 0.5rem;
+    margin-left: 0.25rem;
+    font-style: italic;
+}
+
+body[data-theme='dark'] .extension-details-promo-content blockquote {
+    border-left: 3px #4b5563 solid;
+}
+
+.extension-details-promo-content pre {
+    white-space: pre;
+    font-family: monospace;
+    padding: 0.25rem 0.75rem;
+    border-radius: 0.25rem;
+    background-color: #f3f4f6;
+    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 5%);
+}
+
+body[data-theme='dark'] .extension-details-promo-content pre {
+    background-color: #1f2937;
+}
+
+.extension-details-promo-content pre > code {
+    font-family: monospace;
+}
+
+.extension-details-promo-content table {
+    border-collapse: collapse;
+    margin: 0;
+    overflow: hidden;
+    table-layout: fixed;
+    width: 100%;
+}
+
+.extension-details-promo-content table td,
+.extension-details-promo-content table th {
+    border: 1px solid #d1d5db;
+    box-sizing: border-box;
+    min-width: 1em;
+    padding: 6px 8px;
+    position: relative;
+    vertical-align: top;
+}
+
+body[data-theme='dark'] .extension-details-promo-content table td,
+body[data-theme='dark'] .extension-details-promo-content table th {
+    border: 1px solid #374151;
+}
+
+.extension-details-promo-content table td > *,
+.extension-details-promo-content table th > * {
+    margin-bottom: 0;
+}
+
+.extension-details-promo-content table th {
+    background-color: #e5e7eb;
+    font-weight: bold;
+    text-align: left;
+}
+
+body[data-theme='dark'] .extension-details-promo-content table th {
+    background-color: #1f2937;
+}
+
+.extension-details-promo-content .tableWrapper {
+    margin: 1.5rem 0;
+    overflow-x: auto;
+}

package/addon/templates/application.hbs

@@ -1,23 +1,17 @@
 <EmberWormhole @to="sidebar-menu-items">
-    <Layout::Sidebar::Item @route="console.extensions.installed" @icon="inbox">Installed</Layout::Sidebar::Item>
-    <Layout::Sidebar::Item @route="console.extensions.purchased" @icon="bag-shopping">Purchased</Layout::Sidebar::Item>
-    <Layout::Sidebar::Panel @open={{true}} @title="Explore">
-        <Layout::Sidebar::Item @route="console.extensions.explore.index" @icon="shapes">Explore All</Layout::Sidebar::Item>
+    <Layout::Sidebar::Item @route="console.extensions.installed" @icon="inbox" @permission="registry-bridge list extension-install" @visible={{can "registry-bridge see extension-install"}}>Installed</Layout::Sidebar::Item>
+    <Layout::Sidebar::Item @route="console.extensions.purchased" @icon="bag-shopping" @permission="registry-bridge list extension-purchase" @visible={{can "registry-bridge see extension-purchase"}}>Purchased</Layout::Sidebar::Item>
+    <Layout::Sidebar::Panel @open={{true}} @title="Explore" @visible={{can "registry-bridge see extension"}}>
+        <Layout::Sidebar::Item @route="console.extensions.explore.index" @icon="shapes" @permission="registry-bridge list extension">Explore All</Layout::Sidebar::Item>
         {{#each this.categories as |category|}}
-            <LinkTo @route="explore.category" @model={{category}} class="next-nav-item">
-                <div class="next-nav-item-icon-container">
-                    <FaIcon @icon={{category.icon}} @size="sm" />
-                </div>
-                <div class="truncate w-10/12">{{category.name}}</div>
-                <div class="next-nav-item-right-side"></div>
-            </LinkTo>
+            <Layout::Sidebar::Item @route="console.extensions.explore.category" @model={{category}} @icon={{category.icon}} @permission="registry-bridge list extension">{{category.name}}</Layout::Sidebar::Item>
         {{/each}}
     </Layout::Sidebar::Panel>
     <Layout::Sidebar::Panel @open={{true}} @title="Developers">
-        <Layout::Sidebar::Item @route="console.extensions.developers.extensions" @icon="box-archive">Extensions</Layout::Sidebar::Item>
-        <Layout::Sidebar::Item @route="console.extensions.developers.analytics" @icon="chart-simple">Analytics</Layout::Sidebar::Item>
-        <Layout::Sidebar::Item @route="console.extensions.developers.payments" @icon="cash-register">Payments</Layout::Sidebar::Item>
-        <Layout::Sidebar::Item @route="console.extensions.developers.credentials" @icon="key">Credentials</Layout::Sidebar::Item>
+        <Layout::Sidebar::Item @route="console.extensions.developers.extensions" @icon="box-archive" @permission="registry-bridge list extension-bundle" @visible={{can "registry-bridge see extension-bundle"}}>Extensions</Layout::Sidebar::Item>
+        <Layout::Sidebar::Item @route="console.extensions.developers.analytics" @icon="chart-simple" @permission="registry-bridge list extension-analytic" @visible={{can "registry-bridge see extension-analytic"}}>Analytics</Layout::Sidebar::Item>
+        <Layout::Sidebar::Item @route="console.extensions.developers.payments" @icon="cash-register" @permission="registry-bridge list extension-payment" @visible={{can "registry-bridge see extension-payment"}}>Payments</Layout::Sidebar::Item>
+        <Layout::Sidebar::Item @route="console.extensions.developers.credentials" @icon="key" @permission="registry-bridge list registry-token" @visible={{can "registry-bridge see registry-token"}}>Credentials</Layout::Sidebar::Item>
     </Layout::Sidebar::Panel>
     <Spacer @height="200px" />
 </EmberWormhole>

package/addon/templates/developers/analytics.hbs

@@ -9,6 +9,8 @@
         @size="xs"
         @iconPrefix="fas"
         @triggerClass="hidden md:flex"
+        @permission="registry-bridge list extension"
+        @disabled={{not @model}}
         as |dd|
     >
         <div class="next-dd-menu mt-1 mx-0" aria-labelledby="user-menu">

package/addon/templates/developers/credentials.hbs

@@ -1,5 +1,5 @@
 <Layout::Section::Header @title="Credentials">
-    <Button @type="primary" @icon="plus" @iconPrefix="fas" @text="Create new credentials" class="mr-2" @onClick={{this.createCredentials}} />
+    <Button @type="primary" @icon="plus" @iconPrefix="fas" @text="Create new credentials" class="mr-2" @onClick={{this.createCredentials}} @permission="registry-bridge create registry-token" />
 </Layout::Section::Header>
 
 <Layout::Section::Body class="overflow-y-scroll h-full">

package/addon/templates/developers/extensions/edit.hbs

@@ -3,7 +3,7 @@
         <Badge @status={{@model.status}} />
     </div>
     <Button @type="default" @size="sm" @icon="arrow-left" @text={{t "common.back"}} @onClick={{transition-to "developers.extensions"}} @wrapperClass="mr-2" />
-    <Button @type="primary" @size="sm" @icon="save" @text={{t "common.save"}} @onClick={{perform this.save}} @isLoading={{not this.save.isIdle}} @wrapperClass="mr-2" />
+    <Button @type="primary" @size="sm" @icon="save" @text={{t "common.save"}} @onClick={{perform this.save}} @isLoading={{not this.save.isIdle}} @wrapperClass="mr-2" @permission="registry-bridge update registry-bundle" />
     <Button
         @type="magic"
         @size="sm"
@@ -13,6 +13,7 @@
         @onClick={{this.submitForReview}}
         @disabled={{not this.isReady}}
         @isLoading={{not this.startReview.isIdle}}
+        @permission="registry-bridge submit registry-bundle"
     />
 </Layout::Section::Header>
 

package/addon/templates/developers/extensions/index.hbs

@@ -1,5 +1,5 @@
 <Layout::Section::Header @title={{t "registry-bridge.developers.extensions.extensions"}}>
-    <Button @type="primary" @size="sm" @icon="circle-plus" @text={{t "registry-bridge.developers.extensions.create-new-extension"}} @onClick={{transition-to "developers.extensions.new"}} />
+    <Button @type="primary" @size="sm" @icon="circle-plus" @text={{t "registry-bridge.developers.extensions.create-new-extension"}} @onClick={{transition-to "developers.extensions.new"}} @permission="registry-bridge create registry-bundle" />
 </Layout::Section::Header>
 
 <Layout::Section::Body class="overflow-y-scroll h-full">

package/addon/templates/developers/extensions/new.hbs

@@ -29,7 +29,7 @@
                     </InputGroup>
                 </ContentPanel>
                 <div class="mt-4 flex items-center space-x-4">
-                    <Button @size="lg" @type="primary" @text="Continue" @icon="check" @onClick={{perform this.save}} @isLoading={{not this.save.isIdle}} />
+                    <Button @size="lg" @type="primary" @text="Continue" @icon="check" @onClick={{perform this.save}} @isLoading={{not this.save.isIdle}} @permission="registry-bridge create registry-bundle" />
                     <Button @size="lg" @type="default" @text="Cancel" @icon="times" @onClick={{this.cancel}} />
                 </div>
             </div>

package/addon/templates/developers/payments/index.hbs

@@ -32,7 +32,7 @@
                         <div class="flex flex-col items-center justify-center">
                             <h1 class="text-lg font-semibold mb-1">Your account is not setup to accept payments yet.</h1>
                             <p class="text-sm mb-2">To accept payments for extensions, you must complete the onboard process via Stripe.</p>
-                            <Button @type="primary" @size="lg" @text="Start payments onboard" @onClick={{transition-to "developers.payments.onboard"}} />
+                            <Button @type="primary" @size="lg" @text="Start payments onboard" @onClick={{transition-to "developers.payments.onboard"}} @permission="registry-bridge onboard extension-payment" />
                         </div>
                     </div>
                 </div>

package/composer.json

@@ -1,6 +1,6 @@
 {
     "name": "fleetbase/registry-bridge",
-    "version": "0.0.12",
+    "version": "0.0.14",
     "description": "Internal Bridge between Fleetbase API and Extensions Registry",
     "keywords": [
         "fleetbase-extension",
@@ -20,7 +20,7 @@
     ],
     "require": {
         "php": "^8.0",
-        "fleetbase/core-api": "^1.5.1",
+        "fleetbase/core-api": "^1.5.9",
         "laravel/cashier": "^15.2.1",
         "php-http/guzzle7-adapter": "^1.0",
         "psr/http-factory-implementation": "*",

package/config/environment.js

@@ -10,9 +10,16 @@ module.exports = function (environment) {
         modulePrefix: name,
         environment,
         mountedEngineRoutePrefix: getMountedEngineRoutePrefix(),
+
         stripe: {
             publishableKey: getenv('STRIPE_KEY'),
         },
+
+        'ember-leaflet': {
+            excludeCSS: true,
+            excludeJS: true,
+            excludeImages: true,
+        },
     };
 
     return ENV;

package/extension.json

@@ -1,6 +1,6 @@
 {
     "name": "Registry Bridge",
-    "version": "0.0.12",
+    "version": "0.0.14",
     "description": "Internal Bridge between Fleetbase API and Extensions Registry",
     "repository": "https://github.com/fleetbase/registry-bridge",
     "license": "AGPL-3.0-or-later",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@fleetbase/registry-bridge-engine",
-    "version": "0.0.12",
+    "version": "0.0.14",
     "description": "Internal Bridge between Fleetbase API and Extensions Registry",
     "fleetbase": {
         "route": "extensions"
@@ -39,13 +39,14 @@
     },
     "dependencies": {
         "@babel/core": "^7.23.2",
-        "@fleetbase/ember-core": "^0.2.14",
-        "@fleetbase/ember-ui": "^0.2.21",
+        "@fleetbase/ember-core": "^0.2.19",
+        "@fleetbase/ember-ui": "^0.2.32",
         "@fortawesome/ember-fontawesome": "^2.0.0",
         "@fortawesome/fontawesome-svg-core": "6.4.0",
         "@fortawesome/free-solid-svg-icons": "6.4.0",
+        "@fortawesome/free-brands-svg-icons": "6.4.0",
         "@stripe/connect-js": "^3.3.10",
-        "ember-auto-import": "^2.6.3",
+        "ember-auto-import": "^2.7.4",
         "ember-cli-babel": "^8.2.0",
         "ember-cli-htmlbars": "^6.3.0",
         "ember-intl": "6.3.2",

package/server/src/Auth/Schemas/RegistryBridge.php

@@ -0,0 +1,215 @@
+<?php
+
+namespace Fleetbase\RegistryBridge\Auth\Schemas;
+
+class RegistryBridge
+{
+    /**
+     * The permission schema Name.
+     */
+    public string $name = 'registry-bridge';
+
+    /**
+     * The permission schema Polict Name.
+     */
+    public string $policyName = 'RegistryBridge';
+
+    /**
+     * Guards these permissions should apply to.
+     */
+    public array $guards = ['sanctum'];
+
+    /**
+     * The permission schema resources.
+     */
+    public array $resources = [
+        [
+            'name'    => 'registry-token',
+            'actions' => ['export'],
+        ],
+        [
+            'name'    => 'extension',
+            'actions' => ['uninstall', 'install', 'purchase'],
+        ],
+        [
+            'name'           => 'extension-bundle',
+            'actions'        => ['submit'],
+            'remove_actions' => [],
+        ],
+        [
+            'name'           => 'extension-purchase',
+            'actions'        => [],
+            'remove_actions' => ['create', 'update', 'delete'],
+        ],
+        [
+            'name'           => 'extension-install',
+            'actions'        => [],
+            'remove_actions' => ['create', 'update', 'delete'],
+        ],
+        [
+            'name'           => 'extension-analytic',
+            'actions'        => [],
+            'remove_actions' => ['create', 'update', 'delete'],
+        ],
+        [
+            'name'           => 'extension-payment',
+            'actions'        => ['onboard'],
+            'remove_actions' => ['create', 'update', 'delete'],
+        ],
+    ];
+
+    /**
+     * Policies provided by this schema.
+     */
+    public array $policies = [
+        [
+            'name'        => 'ExtensionDeveloper',
+            'description' => 'Policy for developing and publishing extensions.',
+            'permissions' => [
+                'see extension',
+                'see registry-token',
+                'list registry-token',
+                'create registry-token',
+                'see extension-bundle',
+                'list extension-bundle',
+                'view extension-bundle',
+                'create extension-bundle',
+                'update extension-bundle',
+                'delete extension-bundle',
+                'submit extension-bundle',
+                'see extension-analytic',
+                'view extension-analytic',
+                'see extension-payment',
+                'view extension-payment',
+                'list extension',
+            ],
+        ],
+        [
+            'name'        => 'ExtensionMarketing',
+            'description' => 'Policy to provide insight for marketing extensions.',
+            'permissions' => [
+                'see extension',
+                'see extension-bundle',
+                'list extension-bundle',
+                'update extension-bundle',
+                'see extension-analytic',
+                'view extension-analytic',
+                'list extension-analytic',
+                'list extension',
+            ],
+        ],
+        [
+            'name'        => 'ExtensionFinance',
+            'description' => 'Policy for managing finance and accounting for extensions.',
+            'permissions' => [
+                'see extension',
+                'see extension-analytic',
+                'view extension-analytic',
+                'list extension-analytic',
+                'see extension-payment',
+                'view extension-payment',
+                'list extension-payment',
+                'onboard extension-payment',
+                'list extension',
+            ],
+        ],
+        [
+            'name'        => 'ExtensionSales',
+            'description' => 'Policy for managing sales reports of extensions.',
+            'permissions' => [
+                'see extension',
+                'see extension-analytic',
+                'view extension-analytic',
+                'list extension-analytic',
+                'see extension-payment',
+                'view extension-payment',
+                'list extension-payment',
+                'see extension-purchase',
+                'view extension-purchase',
+                'list extension-purchase',
+                'list extension',
+            ],
+        ],
+        [
+            'name'        => 'ExtensionManager',
+            'description' => 'Policy for complete management of extensions.',
+            'permissions' => [
+                'see extension',
+                'see extension-bundle',
+                'list extension-bundle',
+                'view extension-bundle',
+                'create extension-bundle',
+                'update extension-bundle',
+                'delete extension-bundle',
+                'submit extension-bundle',
+                'see extension-analytic',
+                'view extension-analytic',
+                'list extension-analytic',
+                'see extension-payment',
+                'view extension-payment',
+                'list extension-payment',
+                'list extension',
+            ],
+        ],
+    ];
+
+    /**
+     * Roles provided by this schema.
+     */
+    public array $roles = [
+        [
+            'name'        => 'Extension Developer',
+            'description' => 'Role for developing and publishing extensions.',
+            'policies'    => [
+                'ExtensionDeveloper',
+            ],
+        ],
+        [
+            'name'           => 'Quality Assurance',
+            'description'    => 'Role for testing extensions.',
+            'permissions'    => [
+                'see extension',
+                'list extension',
+                'view extension',
+                'see extension-bundle',
+                'list extension-bundle',
+                'view extension-bundle',
+                'create extension-bundle',
+                'update extension-bundle',
+                'delete extension-bundle',
+                'submit extension-bundle',
+            ],
+        ],
+        [
+            'name'           => 'Extension Auditor',
+            'description'    => 'Role for auditing and creating reports for extensions.',
+            'permissions'    => [
+                'see extension',
+                'list extension',
+                'view extension',
+                'see extension-bundle',
+                'list extension-bundle',
+                'view extension-bundle',
+                'see extension-analytic',
+                'list extension-analytic',
+                'view extension-analytic',
+                'see extension-payment',
+                'list extension-payment',
+                'view extension-payment',
+            ],
+        ],
+        [
+            'name'           => 'Extension Admin',
+            'description'    => 'Role for full control of extensions.',
+            'permissions'    => [
+                '* extension',
+                '* extension-bundle',
+                '* extension-analytic',
+                '* extension-payment',
+                '* extension-purchase',
+                '* extension-install',
+                '* registry-token',
+            ],
+        ],
+    ];
+}

package/translations/ar-ae.yml

@@ -0,0 +1,132 @@
+registry-bridge:
+  extension-name: جسر السجل
+  common:
+    install: تثبيت
+    uninstall: إلغاء التثبيت
+    approve: الموافقة
+    reject: الرفض
+    details: التفاصيل
+    about: حول
+    about-extension: حول {extensionName}
+  component:
+    extension-details-modal:
+      extension: الامتداد
+      author: المؤلف
+      description: الوصف
+      overview: نظرة عامة
+      details: التفاصيل
+      version: الإصدار
+      updated: تم التحديث
+      website: الموقع الإلكتروني
+      self-managed: مُدار ذاتيًا
+      self-managed-help-text: الامتداد المُدار ذاتيًا مصمم للمستخدمين الذين يستضيفون Fleetbase على خوادمهم الخاصة، خارج بيئة السحابة/SaaS. تتطلب هذه الامتدادات التثبيت والتكوين اليدوي. إذا كنت تستخدم Fleetbase كنسخة مستضافة ذاتيًا، يمكنك استخدام هذه الامتدادات لإضافة ميزات إضافية. ومع ذلك، فهي غير متاحة لمستخدمي السحابة/SaaS.
+    extension-pending-publish-viewer:
+      content-panel-title: الامتدادات المعلقة للنشر
+      focused-extension-title: >
+        تفاصيل {extensionName}
+      download-bundle: تحميل الحزمة
+      view-details: عرض التفاصيل
+      no-extensions-awaiting-publish: لا توجد امتدادات تنتظر النشر
+    extension-reviewer-control:
+      content-panel-title: الامتدادات التي تنتظر المراجعة
+      focused-extension-title: >
+        تفاصيل {extensionName}
+      approve-confirm-title: هل أنت متأكد أنك تريد الموافقة على هذا الامتداد؟
+      approve-confirm-body: يجب اختبار هذا الامتداد بدقة في بيئة التطوير والاختبار واختباره من حيث الامتثال وكذلك قضايا الأمان. بمجرد الموافقة، سيتعين نشر الامتداد يدويًا في السجل.
+      decline-confirm-title: هل أنت متأكد أنك تريد رفض هذا الامتداد؟
+      decline-confirm-body: سيتم رفض هذا الامتداد، ولكن سيتم منح المؤلف فرصة لإجراء التصحيحات وإعادة التقديم للمراجعة.
+      download-bundle: تحميل الحزمة
+      view-details: عرض التفاصيل
+      approve: الموافقة
+      reject: الرفض
+      no-extensions-awaiting-review: لا توجد امتدادات تنتظر المراجعة
+  installed:
+    title: الامتدادات المثبتة
+  purchased:
+    title: الامتدادات المشتراة
+  developers:
+    extensions:
+      extensions: الامتدادات
+      create-new-extension: إنشاء امتداد جديد
+      new-extension: امتداد جديد
+      extension: الامتداد
+      submission: التقديم
+      details: التفاصيل
+      bundles: الحزم
+      monetize: تحقيق الدخل
+      explore:
+        explore-extensions: استكشاف الامتدادات
+        explore-category-extensions: >
+          امتدادات {categoryName}
+      extension-form:
+        package-name: اسم الحزمة
+        package-json-name: اسم package.json
+        composer-json-name: اسم composer.json
+        submission-success-message: تم تقديم الامتداد وهو في انتظار المراجعة.
+        extension-category: الفئة
+        extension-category-help-text: اختر الفئة التي سيتمكن المستخدمون من العثور على الامتداد فيها.
+        extension-select-category: اختر الفئة
+        extension-name: اسم الامتداد
+        extension-icon: أيقونة الامتداد
+        upload-extension-icon: تحميل الأيقونة
+        extension-description: الوصف
+        extension-tags: العلامات
+        extension-add-tags: إضافة الكلمات الرئيسية والعلامات
+        extension-promotional-text: النص الترويجي
+        details-content-block: تفاصيل الامتداد
+        extension-listing-details: تفاصيل الإدراج
+        extension-subtitle: العنوان الفرعي
+        extension-website-url: عنوان الموقع الإلكتروني
+        extension-repo-url: عنوان المستودع
+        extension-support-url: عنوان الدعم
+        extension-privacy-policy-url: عنوان سياسة الخصوصية
+        extension-tos-url: عنوان شروط الخدمة
+        extension-primary-language: اللغة الأساسية
+        extension-version: الإصدار
+        extension-copyright: حقوق النشر
+        extension-copyright-help-text: أدخل إشعار حقوق النشر للامتداد الخاص بك. يتضمن هذا عادةً السنة واسم مالك حقوق النشر أو الشركة.
+        extension-payment-required: يتطلب الدفع
+        extension-payment-required-help-text: يحدد ما إذا كان الدفع أو الاشتراك مطلوبًا للمستخدمين لتثبيت هذا الامتداد.
+        extension-price: السعر
+        extension-price-help-text: حدد السعر العادي للامتداد. هذا هو التكلفة القياسية للمستخدمين لشراء أو الوصول إلى الامتداد.
+        extension-sale-price: سعر البيع
+        extension-sale-price-help-text: إذا كان الامتداد معروضًا حاليًا بسعر مخفض، أدخل سعر البيع هنا. يجب أن يكون أقل من السعر العادي.
+        extension-subscription-required: يتطلب الاشتراك
+        extension-subscription-required-help-text: يحدد ما إذا كان يجب على المستخدم أن يكون لديه اشتراك لتثبيت واستخدام هذا الامتداد.
+        extension-subscription-billing-period: فترة الفوترة للاشتراك
+        extension-subscription-billing-period-placeholder: اختر فترة الفوترة
+        extension-subscription-billing-period-help-text: حدد فترة الفوترة للاشتراك. تشمل الأمثلة شهريًا، ربع سنويًا، سنويًا، أو فترات مخصصة أخرى.
+        extension-subscription-amount: مبلغ الاشتراك
+        extension-subscription-amount-help-text: أدخل المبلغ القياسي الذي سيتم تحصيله للاشتراك. يجب أن يعكس هذا السعر العادي قبل أي خصومات أو تعديلات في التسعير المتدرج.
+        extension-subscription-model: نموذج الاشتراك
+        extension-subscription-model-help-text: يحدد نوع نموذج تسعير الاشتراك الذي يجب اتباعه. تشمل الخيارات السعر الثابت، المتدرج، والاشتراك القائم على الاستخدام.
+        extension-subscription-tiers: مستويات الاشتراك
+        extension-subscription-tiers-help-text: حدد مستويات التسعير المختلفة للاشتراك، إذا كان ذلك ممكنًا. قم بتضمين تفاصيل مثل مستويات الاشتراك، التسعير لكل مستوى، وأي ميزات أو قيود محددة لكل مستوى.
+        extension-name-help-text: أدخل الاسم الرسمي للامتداد. سيتم عرض هذا كالمعرف الأساسي للمستخدمين.
+        extension-icon-help-text: قم بتحميل أيقونة تمثل الامتداد. سيتم استخدام هذه الأيقونة في القوائم ونتائج البحث.
+        extension-description-help-text: قدم وصفًا تفصيليًا لما يفعله الامتداد وميزاته الرئيسية. تساعد هذه المعلومات المستخدمين على فهم وظيفة الامتداد.
+        extension-tags-help-text: أضف الكلمات الرئيسية والعلامات ذات الصلة التي تصف الامتداد، مما يساعد المستخدمين في العثور عليه من خلال البحث.
+        extension-promotional-text-help-text: اكتب نصًا ترويجيًا لتسليط الضوء على نقاط البيع الفريدة للامتداد. سيتم استخدام هذا النص في التسويق أو الأقسام المميزة.
+        extension-subtitle-help-text: قدم عنوانًا فرعيًا موجزًا يقدم سياقًا إضافيًا أو معلومات حول الامتداد.
+        extension-website-url-help-text: أدخل عنوان URL للموقع الرسمي للامتداد أو صفحة المنتج لمزيد من المعلومات.
+        extension-repo-url-help-text: قدم عنوان URL لمستودع كود الامتداد (مثل GitHub، GitLab)، إذا كان ذلك ممكنًا.
+        extension-support-url-help-text: حدد عنوان URL حيث يمكن للمستخدمين الحصول على الدعم، طرح الأسئلة، أو الإبلاغ عن المشكلات المتعلقة بالامتداد.
+        extension-privacy-policy-url-help-text: رابط إلى وثيقة سياسة الخصوصية التي توضح كيفية التعامل مع بيانات المستخدم وحمايتها.
+        extension-tos-url-help-text: رابط إلى وثيقة شروط الخدمة التي يجب على المستخدمين الموافقة عليها قبل استخدام الامتداد.
+        extension-primary-language-help-text: حدد اللغة الأساسية التي تم تطوير الامتداد بها أو المتاحة بها.
+        extension-version-help-text: حدد الإصدار الحالي للامتداد. هذا مهم لتتبع التحديثات والتوافق.
+        extension-payment-details: تفاصيل الدفع
+        extension-screenshots: لقطات الشاشة
+        upload-screenshots: تحميل لقطات الشاشة
+        submit-for-review: تقديم للمراجعة
+        extension-bundle: حزمة الامتداد
+        extension-upload-bundle: تحميل حزمة الامتداد
+        details: التفاصيل
+        bundle-id: معرف الحزمة
+        bundle-id-help-text: معرف الحزمة المنشورة حاليًا.
+        extension-id: معرف الامتداد
+        extension-id-help-text: المعرف الفريد لهذا الامتداد.
+        bundles: الحزم
+        upload-new-bundle: تحميل حزمة جديدة
+        self-managed: مُدار ذاتيًا
+        self-managed-help-text: قم بتمكين هذا الخيار إذا كان الموديل مخصصًا للحالات المستضافة ذاتيًا فقط. من خلال تحديد هذا، لن يكون الموديل متاحًا للتثبيت على إصدار السحابة/SaaS من Fleetbase ويجب تثبيته يدويًا بواسطة المستخدم على الخادم الخاص به.

package/translations/en-us.yaml

@@ -12,6 +12,7 @@ registry-bridge:
     extension-details-modal:
       extension: Extension
       author: Author
+      description: Description
       overview: Overview
       details: Details
       version: Version

package/translations/vi-vn.yaml

@@ -0,0 +1,131 @@
+registry-bridge:
+  extension-name: Cầu nối Đăng ký
+  common:
+    install: Cài đặt
+    uninstall: Gỡ cài đặt
+    approve: Phê duyệt
+    reject: Từ chối
+    details: Chi tiết
+    about: Giới thiệu
+    about-extension: Giới thiệu {extensionName}
+  component:
+    extension-details-modal:
+      extension: Tiện ích mở rộng
+      author: Tác giả
+      overview: Tổng quan
+      details: Chi tiết
+      version: Phiên bản
+      updated: Cập nhật
+      website: Trang web
+      self-managed: Tự quản lý
+      self-managed-help-text: Một tiện ích mở rộng tự quản lý được thiết kế cho người dùng tự lưu trữ Fleetbase trên máy chủ của riêng họ, ngoài môi trường đám mây/SaaS. Những tiện ích mở rộng này yêu cầu cài đặt và cấu hình thủ công. Nếu bạn đang sử dụng Fleetbase như một phiên bản tự lưu trữ, bạn có thể sử dụng những tiện ích mở rộng này để thêm các tính năng bổ sung. Tuy nhiên, chúng không có sẵn cho người dùng đám mây/SaaS.
+    extension-pending-publish-viewer:
+      content-panel-title: Các tiện ích mở rộng đang chờ xuất bản
+      focused-extension-title: >
+        Chi tiết {extensionName}
+      download-bundle: Tải gói
+      view-details: Xem chi tiết
+      no-extensions-awaiting-publish: Không có tiện ích mở rộng nào đang chờ xuất bản
+    extension-reviewer-control:
+      content-panel-title: Các tiện ích mở rộng đang chờ xem xét
+      focused-extension-title: >
+        Chi tiết {extensionName}
+      approve-confirm-title: Bạn có chắc chắn muốn phê duyệt tiện ích mở rộng này không?
+      approve-confirm-body: Tiện ích mở rộng này nên được kiểm tra kỹ lưỡng trong cả môi trường phát triển và kiểm thử và kiểm tra tuân thủ cũng như các vấn đề bảo mật. Khi được phê duyệt, tiện ích mở rộng sẽ cần phải được xuất bản thủ công lên đăng ký.
+      decline-confirm-title: Bạn có chắc chắn muốn từ chối tiện ích mở rộng này không?
+      decline-confirm-body: Tiện ích mở rộng này sẽ bị từ chối, nhưng tác giả sẽ có cơ hội để sửa chữa và nộp lại để xem xét.
+      download-bundle: Tải gói
+      view-details: Xem chi tiết
+      approve: Phê duyệt
+      reject: Từ chối
+      no-extensions-awaiting-review: Không có tiện ích mở rộng nào đang chờ xem xét
+  installed:
+    title: Các tiện ích mở rộng đã cài đặt
+  purchased:
+    title: Các tiện ích mở rộng đã mua
+  developers:
+    extensions:
+      extensions: Tiện ích mở rộng
+      create-new-extension: Tạo tiện ích mở rộng mới
+      new-extension: Tiện ích mở rộng mới
+      extension: Tiện ích mở rộng
+      submission: Nộp đơn
+      details: Chi tiết
+      bundles: Gói
+      monetize: Kiếm tiền
+      explore:
+        explore-extensions: Khám phá tiện ích mở rộng
+        explore-category-extensions: >
+          Tiện ích mở rộng {categoryName}
+      extension-form:
+        package-name: Tên gói
+        package-json-name: tên package.json
+        composer-json-name: tên composer.json
+        submission-success-message: Tiện ích mở rộng đã được nộp và đang chờ xem xét.
+        extension-category: Danh mục
+        extension-category-help-text: Chọn danh mục mà người dùng sẽ có thể tìm thấy tiện ích mở rộng của bạn.
+        extension-select-category: Chọn danh mục
+        extension-name: Tên tiện ích mở rộng
+        extension-icon: Biểu tượng tiện ích mở rộng
+        upload-extension-icon: Tải lên biểu tượng
+        extension-description: Mô tả
+        extension-tags: Thẻ
+        extension-add-tags: Thêm từ khóa và thẻ
+        extension-promotional-text: Văn bản quảng cáo
+        details-content-block: Chi tiết tiện ích mở rộng
+        extension-listing-details: Chi tiết niêm yết
+        extension-subtitle: Phụ đề
+        extension-website-url: URL trang web
+        extension-repo-url: URL kho lưu trữ
+        extension-support-url: URL hỗ trợ
+        extension-privacy-policy-url: URL chính sách bảo mật
+        extension-tos-url: URL điều khoản dịch vụ
+        extension-primary-language: Ngôn ngữ chính
+        extension-version: Phiên bản
+        extension-copyright: Bản quyền
+        extension-copyright-help-text: Nhập thông báo bản quyền cho tiện ích mở rộng của bạn. Thông thường bao gồm năm và tên của chủ sở hữu bản quyền hoặc công ty.
+        extension-payment-required: Cần thanh toán
+        extension-payment-required-help-text: Xác định xem có cần thanh toán hoặc đăng ký để người dùng cài đặt tiện ích mở rộng này không.
+        extension-price: Giá
+        extension-price-help-text: Xác định giá thông thường của tiện ích mở rộng. Đây là chi phí tiêu chuẩn để người dùng mua hoặc truy cập tiện ích mở rộng.
+        extension-sale-price: Giá bán
+        extension-sale-price-help-text: Nếu tiện ích mở rộng hiện đang được cung cấp với mức giá giảm, hãy nhập giá bán ở đây. Điều này nên thấp hơn giá thông thường.
+        extension-subscription-required: Cần đăng ký
+        extension-subscription-required-help-text: Xác định xem người dùng phải có đăng ký để cài đặt và sử dụng tiện ích mở rộng này không.
+        extension-subscription-billing-period: Thời gian thanh toán đăng ký
+        extension-subscription-billing-period-placeholder: Chọn thời gian thanh toán
+        extension-subscription-billing-period-help-text: Xác định thời gian thanh toán cho đăng ký. Ví dụ bao gồm hàng tháng, hàng quý, hàng năm hoặc các khoảng thời gian tùy chỉnh khác.
+        extension-subscription-amount: Số tiền đăng ký
+        extension-subscription-amount-help-text: Nhập số tiền tiêu chuẩn được tính cho đăng ký. Điều này nên phản ánh giá thông thường trước bất kỳ giảm giá hoặc điều chỉnh giá theo cấp độ nào.
+        extension-subscription-model: Mô hình đăng ký
+        extension-subscription-model-help-text: Xác định loại mô hình giá đăng ký. Các tùy chọn bao gồm giá cố định, theo cấp độ và dựa trên mức sử dụng.
+        extension-subscription-tiers: Các cấp đăng ký
+        extension-subscription-tiers-help-text: Xác định các cấp giá khác nhau cho đăng ký, nếu có. Bao gồm chi tiết như các cấp độ, giá cho mỗi cấp và bất kỳ tính năng hoặc hạn chế cụ thể nào của mỗi cấp.
+        extension-name-help-text: Nhập tên chính thức của tiện ích mở rộng. Tên này sẽ được hiển thị như một chỉ định chính cho người dùng.
+        extension-icon-help-text: Tải lên một biểu tượng đại diện cho tiện ích mở rộng. Biểu tượng này sẽ được sử dụng trong các danh sách và kết quả tìm kiếm.
+        extension-description-help-text: Cung cấp một mô tả chi tiết về những gì tiện ích mở rộng làm và các tính năng chính của nó. Thông tin này giúp người dùng hiểu chức năng của tiện ích mở rộng.
+        extension-tags-help-text: Thêm từ khóa và thẻ liên quan mô tả tiện ích mở rộng, giúp người dùng tìm thấy nó qua tìm kiếm.
+        extension-promotional-text-help-text: Viết văn bản quảng cáo để làm nổi bật các điểm bán hàng độc đáo của tiện ích mở rộng. Văn bản này sẽ được sử dụng trong các phần tiếp thị hoặc nổi bật.
+        extension-subtitle-help-text: Cung cấp một phụ đề ngắn gọn cung cấp ngữ cảnh hoặc thông tin bổ sung về tiện ích mở rộng.
+        extension-website-url-help-text: Nhập URL đến trang web chính thức của tiện ích mở rộng hoặc trang sản phẩm để biết thêm thông tin.
+        extension-repo-url-help-text: "Cung cấp URL đến kho lưu trữ mã của tiện ích mở rộng (ví dụ: GitHub, GitLab), nếu có."
+        extension-support-url-help-text: Xác định URL nơi người dùng có thể nhận hỗ trợ, đặt câu hỏi hoặc báo cáo sự cố với tiện ích mở rộng.
+        extension-privacy-policy-url-help-text: Liên kết đến tài liệu chính sách bảo mật chi tiết cách dữ liệu người dùng được xử lý và bảo vệ.
+        extension-tos-url-help-text: Liên kết đến tài liệu Điều khoản dịch vụ mà người dùng phải đồng ý trước khi sử dụng tiện ích mở rộng.
+        extension-primary-language-help-text: Xác định ngôn ngữ chính mà tiện ích mở rộng được phát triển hoặc có sẵn.
+        extension-version-help-text: Cho biết phiên bản hiện tại của tiện ích mở rộng. Điều này quan trọng để theo dõi các bản cập nhật và khả năng tương thích.
+        extension-payment-details: Chi tiết thanh toán
+        extension-screenshots: Ảnh chụp màn hình
+        upload-screenshots: Tải lên ảnh chụp màn hình
+        submit-for-review: Nộp để xem xét
+        extension-bundle: Gói tiện ích mở rộng
+        extension-upload-bundle: Tải lên gói tiện ích mở rộng
+        details: Chi tiết
+        bundle-id: ID gói
+        bundle-id-help-text: Định danh của gói hiện đang được xuất bản.
+        extension-id: ID tiện ích mở rộng
+        extension-id-help-text: Định danh duy nhất cho tiện ích mở rộng này.
+        bundles: Gói
+        upload-new-bundle: Tải lên gói mới
+        self-managed: Tự quản lý
+        self-managed-help-text: Kích hoạt tùy chọn này nếu mô-đun của bạn chỉ dành cho các phiên bản tự lưu trữ. Khi chọn tùy chọn này, mô-đun sẽ không có sẵn để cài đặt trên phiên bản đám mây/SaaS của Fleetbase và phải được người dùng cài đặt thủ công trên máy chủ của riêng họ.