@dotted-labs/ngx-supabase-stripe 0.5.3 → 0.5.5

package/fesm2022/dotted-labs-ngx-supabase-stripe.mjs

@@ -1583,11 +1583,11 @@ class EmbeddedSubscriptionComponent {
         this.subscriptionsStore.destroyEmbeddedSubscription();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: EmbeddedSubscriptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: EmbeddedSubscriptionComponent, isStandalone: true, selector: "lib-embedded-subscription", inputs: { priceId: { classPropertyName: "priceId", publicName: "priceId", isSignal: true, isRequired: true, transformFunction: null }, returnPagePath: { classPropertyName: "returnPagePath", publicName: "returnPagePath", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"subscription-container\">\n  <div class=\"info-panel p-4 bg-primary-100 rounded-lg mb-4\">\n    <div class=\"flex items-center\">\n      <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-6 w-6 text-primary mr-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" />\n      </svg>\n      <p class=\"text-primary-700\">Plan de suscripci\u00F3n: <span class=\"font-semibold\">{{ priceId() }}</span></p>\n    </div>\n  </div>\n  \n  @if (subscriptionsStore.isStatusLoading()) {\n    <lib-embedded-skeleton />\n  }\n  \n  @if (subscriptionsStore.isStatusError()) {\n    <div class=\"error\">\n      <p>Error: {{ subscriptionsStore.error() }}</p>\n    </div>\n  }\n  \n  <div id=\"embedded-checkout\" class=\"mt-4\"></div>\n</div> ", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: EmbeddedSkeletonComponent, selector: "lib-embedded-skeleton" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: EmbeddedSubscriptionComponent, isStandalone: true, selector: "lib-embedded-subscription", inputs: { priceId: { classPropertyName: "priceId", publicName: "priceId", isSignal: true, isRequired: true, transformFunction: null }, returnPagePath: { classPropertyName: "returnPagePath", publicName: "returnPagePath", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"subscription-container\">  \n  @if (subscriptionsStore.isStatusLoading()) {\n    <lib-embedded-skeleton />\n  }\n  \n  @if (subscriptionsStore.isStatusError()) {\n    <div class=\"error\">\n      <p>Error: {{ subscriptionsStore.error() }}</p>\n    </div>\n  }\n  \n  <div id=\"embedded-checkout\" class=\"mt-4\"></div>\n</div> ", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: EmbeddedSkeletonComponent, selector: "lib-embedded-skeleton" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: EmbeddedSubscriptionComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-embedded-subscription', standalone: true, imports: [CommonModule, EmbeddedSkeletonComponent], template: "<div class=\"subscription-container\">\n  <div class=\"info-panel p-4 bg-primary-100 rounded-lg mb-4\">\n    <div class=\"flex items-center\">\n      <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-6 w-6 text-primary mr-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" />\n      </svg>\n      <p class=\"text-primary-700\">Plan de suscripci\u00F3n: <span class=\"font-semibold\">{{ priceId() }}</span></p>\n    </div>\n  </div>\n  \n  @if (subscriptionsStore.isStatusLoading()) {\n    <lib-embedded-skeleton />\n  }\n  \n  @if (subscriptionsStore.isStatusError()) {\n    <div class=\"error\">\n      <p>Error: {{ subscriptionsStore.error() }}</p>\n    </div>\n  }\n  \n  <div id=\"embedded-checkout\" class=\"mt-4\"></div>\n</div> " }]
+            args: [{ selector: 'lib-embedded-subscription', standalone: true, imports: [CommonModule, EmbeddedSkeletonComponent], template: "<div class=\"subscription-container\">  \n  @if (subscriptionsStore.isStatusLoading()) {\n    <lib-embedded-skeleton />\n  }\n  \n  @if (subscriptionsStore.isStatusError()) {\n    <div class=\"error\">\n      <p>Error: {{ subscriptionsStore.error() }}</p>\n    </div>\n  }\n  \n  <div id=\"embedded-checkout\" class=\"mt-4\"></div>\n</div> " }]
         }], propDecorators: { priceId: [{ type: i0.Input, args: [{ isSignal: true, alias: "priceId", required: true }] }], returnPagePath: [{ type: i0.Input, args: [{ isSignal: true, alias: "returnPagePath", required: false }] }] } });
 
 class SubscriptionReturnPageComponent {
@@ -1881,11 +1881,11 @@ class SubscriptionItemComponent {
         return this.sanitizer.bypassSecurityTrustUrl(imageUrl);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SubscriptionItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: SubscriptionItemComponent, isStandalone: true, selector: "lib-subscription-item", inputs: { subscription: { classPropertyName: "subscription", publicName: "subscription", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { onManageSubscription: "onManageSubscription" }, ngImport: i0, template: "<div class=\"card bg-gradient-to-br from-primary/10 to-secondary/10 shadow-lg hover:shadow-xl transition-all duration-300 border border-base-300\">\n  <div class=\"card-body p-6\">\n    <!-- Header con t\u00EDtulo y precio -->\n    <div class=\"flex justify-between items-start mb-4\">\n      <div class=\"flex items-center gap-3\">\n        <!-- Imagen de la suscripci\u00F3n -->\n        <div class=\"avatar\">\n          <div class=\"w-24 rounded\">\n            <img [src]=\"sanitizeImageUrl(productImage())\" \n              [alt]=\"subscription().product?.name || 'Subscription product'\"\n              class=\"w-full h-full object-cover rounded-lg\" />\n          </div>\n        </div>  \n        \n        <div>\n          <h3 class=\"text-2xl font-bold text-base-content\">\n            {{ subscription().product?.name || 'Subscription Plan' }}\n          </h3>\n          <div class=\"flex items-center gap-2 mt-1\">\n            <span class=\"badge {{ utils.getStatusBadgeClass(subscription().status) }} badge-lg\">\n              {{ subscription().status }}\n            </span>\n            @if (subscription().cancel.cancel_at_period_end) {\n              <span class=\"badge badge-warning badge-lg\">Cancelada</span>\n            }\n          </div>\n        </div>\n      </div>\n      \n      <!-- Precio principal -->\n      <div class=\"text-right\">\n        <div class=\"text-4xl font-bold text-primary\">\n          {{ utils.formatAmount(subscription().plan.amount, subscription().currency ?? 'EUR') }}\n        </div>\n        <div class=\"text-base-content/70 text-lg capitalize\">\n          {{ subscription().plan.interval }}ly\n        </div>\n      </div>\n    </div>\n\n    <!-- Fechas de per\u00EDodo -->\n    <div class=\"flex justify-between items-center py-4 border-t border-base-300\">\n      <div class=\"text-left\">\n        <div class=\"text-base-content/70 text-sm font-medium\">Start:</div>\n        <div class=\"text-base-content font-semibold\">\n          {{ utils.formatDate(subscription().current_period_start ?? '') }}\n        </div>\n      </div>\n      \n      <div class=\"text-right\">\n        <div class=\"text-base-content/70 text-sm font-medium\">End:</div>\n        <div class=\"text-base-content font-semibold\">\n          {{ utils.formatDate(subscription().current_period_end ?? '') }}\n        </div>\n      </div>\n    </div>\n    <div class=\"flex justify-end w-full\">\n      <button class=\"btn btn-primary\" [disabled]=\"isStatusLoading()\" (click)=\"manageSubscription()\">\n        @if (isStatusLoading()) {\n          <span class=\"loading loading-spinner loading-sm\"></span>\n          Cargando...\n        } @else {\n          <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-5 w-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z\" />\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\" />\n          </svg>\n          Gestionar Suscripci\u00F3n\n        }\n      </button>\n    </div>\n  </div>\n</div> ", dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: SubscriptionItemComponent, isStandalone: true, selector: "lib-subscription-item", inputs: { subscription: { classPropertyName: "subscription", publicName: "subscription", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { onManageSubscription: "onManageSubscription" }, ngImport: i0, template: "<div class=\"card bg-gradient-to-br from-primary/10 to-secondary/10 shadow-lg hover:shadow-xl transition-all duration-300 border border-base-300\">\n  <div class=\"card-body p-4\">\n    <!-- Header con t\u00EDtulo y precio -->\n    <div class=\"flex justify-between items-start\">\n      <div class=\"flex flex-row justify-start items-start gap-3\">\n        <!-- Imagen de la suscripci\u00F3n -->\n        <div class=\"avatar\">\n          <div class=\"w-24 rounded\">\n            <img [src]=\"sanitizeImageUrl(productImage())\" \n              [alt]=\"subscription().product?.name || 'Subscription product'\"\n              class=\"w-full h-full object-cover rounded-lg\" />\n          </div>\n        </div>  \n        \n        <div class=\"flex flex-col justify-start items-start gap-2\">\n          <div class=\"flex flex-row justify-start items-start gap-2\">\n            <h3 class=\"text-2xl font-bold text-base-content\">\n              {{ subscription().product?.name || 'Subscription Plan' }}\n            </h3>\n            <div class=\"flex items-center gap-2 mt-1\">\n              <span class=\"badge {{ utils.getStatusBadgeClass(subscription().status) }} badge-lg\">\n                {{ subscription().status }}\n              </span>\n              @if (subscription().cancel.cancel_at_period_end) {\n                <span class=\"badge badge-warning badge-lg\">Cancelada</span>\n              }\n            </div>\n          </div>\n          <div class=\"flex flex-row justify-start items-start gap-4\">\n            <!--<div class=\"flex flex-row justify-start items-center gap-1\">\n              <div class=\"text-base-content/70 text-sm font-medium\">Start:</div>\n              <div class=\"text-base-content font-semibold\">\n                {{ utils.formatDate(subscription().current_period_start ?? '') }}\n              </div>\n            </div>-->\n            \n            <div class=\"flex flex-row justify-start items-center gap-1\">\n              <div class=\"text-base-content/70 text-sm font-medium\">Subscription active until:</div>\n              <div class=\"text-base-content font-semibold\">\n                {{ utils.formatDate(subscription().current_period_end ?? '') }}\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      \n      <!-- Precio principal -->\n      <div class=\"text-right\">\n        <div class=\"text-4xl font-bold text-primary\">\n          {{ utils.formatAmount(subscription().plan.amount, subscription().currency ?? 'EUR') }}\n        </div>\n        <div class=\"text-base-content/70 text-md capitalize\">\n          {{ subscription().plan.interval }}ly\n        </div>\n      </div>\n    </div>\n\n    <div class=\"flex justify-end w-full\">\n      <button class=\"btn btn-primary\" [disabled]=\"isStatusLoading()\" (click)=\"manageSubscription()\">\n        @if (isStatusLoading()) {\n          <span class=\"loading loading-spinner loading-sm\"></span>\n          Cargando...\n        } @else {\n          <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-5 w-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z\" />\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\" />\n          </svg>\n          Gestionar Suscripci\u00F3n\n        }\n      </button>\n    </div>\n  </div>\n</div> ", dependencies: [{ kind: "ngmodule", type: CommonModule }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SubscriptionItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-subscription-item', standalone: true, imports: [CommonModule], template: "<div class=\"card bg-gradient-to-br from-primary/10 to-secondary/10 shadow-lg hover:shadow-xl transition-all duration-300 border border-base-300\">\n  <div class=\"card-body p-6\">\n    <!-- Header con t\u00EDtulo y precio -->\n    <div class=\"flex justify-between items-start mb-4\">\n      <div class=\"flex items-center gap-3\">\n        <!-- Imagen de la suscripci\u00F3n -->\n        <div class=\"avatar\">\n          <div class=\"w-24 rounded\">\n            <img [src]=\"sanitizeImageUrl(productImage())\" \n              [alt]=\"subscription().product?.name || 'Subscription product'\"\n              class=\"w-full h-full object-cover rounded-lg\" />\n          </div>\n        </div>  \n        \n        <div>\n          <h3 class=\"text-2xl font-bold text-base-content\">\n            {{ subscription().product?.name || 'Subscription Plan' }}\n          </h3>\n          <div class=\"flex items-center gap-2 mt-1\">\n            <span class=\"badge {{ utils.getStatusBadgeClass(subscription().status) }} badge-lg\">\n              {{ subscription().status }}\n            </span>\n            @if (subscription().cancel.cancel_at_period_end) {\n              <span class=\"badge badge-warning badge-lg\">Cancelada</span>\n            }\n          </div>\n        </div>\n      </div>\n      \n      <!-- Precio principal -->\n      <div class=\"text-right\">\n        <div class=\"text-4xl font-bold text-primary\">\n          {{ utils.formatAmount(subscription().plan.amount, subscription().currency ?? 'EUR') }}\n        </div>\n        <div class=\"text-base-content/70 text-lg capitalize\">\n          {{ subscription().plan.interval }}ly\n        </div>\n      </div>\n    </div>\n\n    <!-- Fechas de per\u00EDodo -->\n    <div class=\"flex justify-between items-center py-4 border-t border-base-300\">\n      <div class=\"text-left\">\n        <div class=\"text-base-content/70 text-sm font-medium\">Start:</div>\n        <div class=\"text-base-content font-semibold\">\n          {{ utils.formatDate(subscription().current_period_start ?? '') }}\n        </div>\n      </div>\n      \n      <div class=\"text-right\">\n        <div class=\"text-base-content/70 text-sm font-medium\">End:</div>\n        <div class=\"text-base-content font-semibold\">\n          {{ utils.formatDate(subscription().current_period_end ?? '') }}\n        </div>\n      </div>\n    </div>\n    <div class=\"flex justify-end w-full\">\n      <button class=\"btn btn-primary\" [disabled]=\"isStatusLoading()\" (click)=\"manageSubscription()\">\n        @if (isStatusLoading()) {\n          <span class=\"loading loading-spinner loading-sm\"></span>\n          Cargando...\n        } @else {\n          <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-5 w-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z\" />\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\" />\n          </svg>\n          Gestionar Suscripci\u00F3n\n        }\n      </button>\n    </div>\n  </div>\n</div> " }]
+            args: [{ selector: 'lib-subscription-item', standalone: true, imports: [CommonModule], template: "<div class=\"card bg-gradient-to-br from-primary/10 to-secondary/10 shadow-lg hover:shadow-xl transition-all duration-300 border border-base-300\">\n  <div class=\"card-body p-4\">\n    <!-- Header con t\u00EDtulo y precio -->\n    <div class=\"flex justify-between items-start\">\n      <div class=\"flex flex-row justify-start items-start gap-3\">\n        <!-- Imagen de la suscripci\u00F3n -->\n        <div class=\"avatar\">\n          <div class=\"w-24 rounded\">\n            <img [src]=\"sanitizeImageUrl(productImage())\" \n              [alt]=\"subscription().product?.name || 'Subscription product'\"\n              class=\"w-full h-full object-cover rounded-lg\" />\n          </div>\n        </div>  \n        \n        <div class=\"flex flex-col justify-start items-start gap-2\">\n          <div class=\"flex flex-row justify-start items-start gap-2\">\n            <h3 class=\"text-2xl font-bold text-base-content\">\n              {{ subscription().product?.name || 'Subscription Plan' }}\n            </h3>\n            <div class=\"flex items-center gap-2 mt-1\">\n              <span class=\"badge {{ utils.getStatusBadgeClass(subscription().status) }} badge-lg\">\n                {{ subscription().status }}\n              </span>\n              @if (subscription().cancel.cancel_at_period_end) {\n                <span class=\"badge badge-warning badge-lg\">Cancelada</span>\n              }\n            </div>\n          </div>\n          <div class=\"flex flex-row justify-start items-start gap-4\">\n            <!--<div class=\"flex flex-row justify-start items-center gap-1\">\n              <div class=\"text-base-content/70 text-sm font-medium\">Start:</div>\n              <div class=\"text-base-content font-semibold\">\n                {{ utils.formatDate(subscription().current_period_start ?? '') }}\n              </div>\n            </div>-->\n            \n            <div class=\"flex flex-row justify-start items-center gap-1\">\n              <div class=\"text-base-content/70 text-sm font-medium\">Subscription active until:</div>\n              <div class=\"text-base-content font-semibold\">\n                {{ utils.formatDate(subscription().current_period_end ?? '') }}\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      \n      <!-- Precio principal -->\n      <div class=\"text-right\">\n        <div class=\"text-4xl font-bold text-primary\">\n          {{ utils.formatAmount(subscription().plan.amount, subscription().currency ?? 'EUR') }}\n        </div>\n        <div class=\"text-base-content/70 text-md capitalize\">\n          {{ subscription().plan.interval }}ly\n        </div>\n      </div>\n    </div>\n\n    <div class=\"flex justify-end w-full\">\n      <button class=\"btn btn-primary\" [disabled]=\"isStatusLoading()\" (click)=\"manageSubscription()\">\n        @if (isStatusLoading()) {\n          <span class=\"loading loading-spinner loading-sm\"></span>\n          Cargando...\n        } @else {\n          <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-5 w-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z\" />\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\" />\n          </svg>\n          Gestionar Suscripci\u00F3n\n        }\n      </button>\n    </div>\n  </div>\n</div> " }]
         }], propDecorators: { subscription: [{ type: i0.Input, args: [{ isSignal: true, alias: "subscription", required: true }] }], onManageSubscription: [{ type: i0.Output, args: ["onManageSubscription"] }] } });
 
 class SubscriptionsListComponent {