@manifoldco/manifold-subscription - npm Package Compare versions

Comparing version 0.0.10 to 0.0.11

dist/cjs/loader.cjs.js

@@ -8,5 +8,5 @@ 'use strict';
 const defineCustomElements = (win, options) => index.patchEsm().then(() => {
-  return index.bootstrapLazy([["manifold-configured-feature_4.cjs",[[0,"manifold-configured-feature",{"label":[1],"value":[8]}],[0,"manifold-subscription-create",{"loading":[1028],"isLoadingPlanSelector":[1028,"is-loading-plan-selector"],"errors":[1040],"data":[1040],"planListData":[1040],"setupIntentStatus":[1025,"setup-intent-status"],"setupIntentError":[1025,"setup-intent-error"],"subscribing":[1028],"configuredFeatures":[1040],"calculatedCost":[1026,"calculated-cost"],"isEditing":[1028,"is-editing"],"heading":[1],"planId":[1025,"plan-id"],"ownerId":[1,"owner-id"],"stripePublishableKey":[1,"stripe-publishable-key"],"displayName":[1,"display-name"],"label":[1],"card":[32],"cardStatus":[32]},[[0,"manifold-configured-feature-change","updateConfiguredFeature"]]],[0,"manifold-subscription-details",{"subscriptionId":[1,"subscription-id"],"heading":[1],"isEditing":[4,"is-editing"],"data":[32]}],[0,"manifold-subscription-list",{"connection":[1040],"loading":[1028],"errors":[1040],"data":[1040],"subLinkFormat":[1025,"sub-link-format"],"heading":[1],"owner":[1]}]]]], options);
+  return index.bootstrapLazy([["manifold-configured-feature_4.cjs",[[0,"manifold-configured-feature",{"label":[1],"value":[8]}],[0,"manifold-subscription-create",{"loading":[1028],"isLoadingPlanSelector":[1028,"is-loading-plan-selector"],"errors":[1040],"data":[1040],"planListData":[1040],"setupIntentStatus":[1025,"setup-intent-status"],"setupIntentError":[1025,"setup-intent-error"],"subscribing":[1028],"configuredFeatures":[1040],"calculatedCost":[1026,"calculated-cost"],"isEditing":[1028,"is-editing"],"heading":[1],"planId":[1025,"plan-id"],"ownerId":[1,"owner-id"],"stripePublishableKey":[1,"stripe-publishable-key"],"displayName":[1,"display-name"],"label":[1],"card":[32],"cardStatus":[32]},[[0,"manifold-configured-feature-change","updateConfiguredFeature"]]],[0,"manifold-subscription-details",{"subscriptionId":[1,"subscription-id"],"heading":[1],"isEditing":[4,"is-editing"]}],[0,"manifold-subscription-list",{"connection":[1040],"loading":[1028],"errors":[1040],"data":[1040],"subLinkFormat":[1025,"sub-link-format"],"heading":[1],"owner":[1]}]]]], options);
 });
 
 exports.defineCustomElements = defineCustomElements;

dist/cjs/manifold-subscription.cjs.js

@@ -6,3 +6,3 @@ 'use strict';
 index.patchBrowser().then(options => {
-  return index.bootstrapLazy([["manifold-configured-feature_4.cjs",[[0,"manifold-configured-feature",{"label":[1],"value":[8]}],[0,"manifold-subscription-create",{"loading":[1028],"isLoadingPlanSelector":[1028,"is-loading-plan-selector"],"errors":[1040],"data":[1040],"planListData":[1040],"setupIntentStatus":[1025,"setup-intent-status"],"setupIntentError":[1025,"setup-intent-error"],"subscribing":[1028],"configuredFeatures":[1040],"calculatedCost":[1026,"calculated-cost"],"isEditing":[1028,"is-editing"],"heading":[1],"planId":[1025,"plan-id"],"ownerId":[1,"owner-id"],"stripePublishableKey":[1,"stripe-publishable-key"],"displayName":[1,"display-name"],"label":[1],"card":[32],"cardStatus":[32]},[[0,"manifold-configured-feature-change","updateConfiguredFeature"]]],[0,"manifold-subscription-details",{"subscriptionId":[1,"subscription-id"],"heading":[1],"isEditing":[4,"is-editing"],"data":[32]}],[0,"manifold-subscription-list",{"connection":[1040],"loading":[1028],"errors":[1040],"data":[1040],"subLinkFormat":[1025,"sub-link-format"],"heading":[1],"owner":[1]}]]]], options);
+  return index.bootstrapLazy([["manifold-configured-feature_4.cjs",[[0,"manifold-configured-feature",{"label":[1],"value":[8]}],[0,"manifold-subscription-create",{"loading":[1028],"isLoadingPlanSelector":[1028,"is-loading-plan-selector"],"errors":[1040],"data":[1040],"planListData":[1040],"setupIntentStatus":[1025,"setup-intent-status"],"setupIntentError":[1025,"setup-intent-error"],"subscribing":[1028],"configuredFeatures":[1040],"calculatedCost":[1026,"calculated-cost"],"isEditing":[1028,"is-editing"],"heading":[1],"planId":[1025,"plan-id"],"ownerId":[1,"owner-id"],"stripePublishableKey":[1,"stripe-publishable-key"],"displayName":[1,"display-name"],"label":[1],"card":[32],"cardStatus":[32]},[[0,"manifold-configured-feature-change","updateConfiguredFeature"]]],[0,"manifold-subscription-details",{"subscriptionId":[1,"subscription-id"],"heading":[1],"isEditing":[4,"is-editing"]}],[0,"manifold-subscription-list",{"connection":[1040],"loading":[1028],"errors":[1040],"data":[1040],"subLinkFormat":[1025,"sub-link-format"],"heading":[1],"owner":[1]}]]]], options);
 });

dist/collection/components/manifold-subscription-details/manifold-subscription-details.js

@@ -1,70 +0,24 @@
-import { Component, Element, Prop, State, Watch, h } from '@stencil/core';
-import FixedFeature from 'components/shared/FixedFeature';
-import MeteredFeature from 'components/shared/MeteredFeature';
-import ConfigurableFeature from 'components/shared/ConfigurableFeature';
-import CostDisplay from 'components/shared/CostDisplay';
-import query from './subscription.graphql';
-import state from './store';
-import PlanSelector from './components/PlanSelector';
-import { toFeatureMap } from '../../utils/plan';
-export class ManifoldSubscriptionCreate {
+import { Component, h, Prop, Element } from '@stencil/core';
+import { setConnection, setIsEditing, loadSubscription, setState, editSubscription, } from './data/actions';
+import getManifoldConnection from '../../utils/getManifoldConnection';
+import { SubscriptionDetails } from './components/SubscriptionDetails';
+export class ManifoldSubscriptionDetails {
     constructor() {
         this.isEditing = false;
     }
-    async getSubscription(newValue, oldValue) {
-        if (!newValue) {
-            throw new Error(`Missing proprty \`id\` on ${this.el.tagName.toLocaleLowerCase()}`);
+    // Can this be abstracted/optimized further?
+    async componentWillLoad() {
+        setConnection(await getManifoldConnection(this.el));
+        setState('heading', this.heading);
+        setState('subscriptionId', this.subscriptionId);
+        if (this.isEditing) {
+            editSubscription();
         }
-        if (newValue !== oldValue) {
-            const response = await this.connection.graphqlFetch({
-                query,
-                variables: { id: newValue },
-            });
-            if (response.data) {
-                this.data = response.data;
-                state.configuredFeatures = toFeatureMap(response.data.subscription.configuredFeatures);
-            }
+        else {
+            setIsEditing(false);
         }
+        loadSubscription(this.subscriptionId);
     }
-    async componentWillLoad() {
-        await customElements.whenDefined('manifold-init');
-        const core = document.querySelector('manifold-init');
-        const connection = await core.initialize({
-            element: this.el,
-            componentVersion: '<@NPM_PACKAGE_VERSION@>',
-            version: 0,
-        });
-        state.connection = connection;
-        this.connection = connection;
-        this.getSubscription(this.subscriptionId, '');
-    }
     render() {
-        if (!this.data || !this.data.subscription) {
-            return null;
-        }
-        if (this.isEditing) {
-            return (h(PlanSelector, { productId: this.data.subscription.plan.product.id, planId: this.data.subscription.plan.id }));
-        }
-        const { plan, status, configuredFeatures } = this.data.subscription;
-        return (h("div", { class: "ManifoldSubscriptionCreate__Details" },
-            this.heading && h("h1", { class: "ManifoldSubscription__Heading" }, this.heading),
-            h("section", { class: "ManifoldSubscriptionCreate__Card" },
-                h("header", { class: "ManifoldSubscriptionCreate__Details__Header" },
-                    h("h2", { class: "ManifoldSubscriptionCreate__PlanName" }, plan.displayName),
-                    h("h3", { class: "ManifoldSubscriptionCreate__SubscriptionStatus", "data-status": status.label },
-                        h("div", { class: "ManifoldSubscriptionCreate__SubscriptionStatusIndicator" }),
-                        status.label)),
-                h("dl", { class: "ManifoldSubscriptionCreate__Details__FeatureList" },
-                    plan.fixedFeatures.edges.map(fixedFeature => (h(FixedFeature, { fixedFeature: fixedFeature }))),
-                    plan.meteredFeatures.edges.map(meteredFeature => (h(MeteredFeature, { meteredFeature: meteredFeature }))),
-                    plan.configurableFeatures.edges.map(configurableFeature => (
-                    // TODO format configured feature so it displays as fixed
-                    h(ConfigurableFeature, { readOnly: true, setConfiguredFeature: () => null, configurableFeature: configurableFeature, value: toFeatureMap(configuredFeatures)[configurableFeature.node.label] })))),
-                h("footer", { class: "ManifoldSubscriptionCreate__PlanSelector__Footer" },
-                    h("div", null,
-                        h(CostDisplay, { baseCost: plan.cost }),
-                        h("p", { class: "ManifoldSubscriptionCreate__HelpText" }, "Usage billed at the end of month")),
-                    h("button", { type: "button", class: "ManifoldSubscription__Button", "data-kind": "black", onClick: () => {
-                            this.isEditing = true;
-                        } }, "Modify Subsciption")))));
+        return h(SubscriptionDetails, null);
     }
@@ -126,10 +80,3 @@ static get is() { return "manifold-subscription-details"; }
     }; }
-    static get states() { return {
-        "data": {}
-    }; }
     static get elementRef() { return "el"; }
-    static get watchers() { return [{
-            "propName": "subscriptionId",
-            "methodName": "getSubscription"
-        }]; }
 }

dist/collection/components/shared/SkeletonPlanSelector.js

 import { h } from '@stencil/core';
 import CostDisplay from './CostDisplay';
-import PlanCard from './PlanCard';
+import SkeletonText from './SkeletonText';
+export const SkeletonDetails = () => (h("div", { class: "ManifoldSubscriptionCreate__PlanSelector__Details", itemscope: true, itemtype: "https://schema.org/IndividualProduct" },
+    h("h2", { class: "ManifoldSubscriptionCreate__PlanSelector__Heading", itemprop: "name" },
+        h(SkeletonText, null, "Selected Plan Name")),
+    h("dl", { class: "ManifoldSubscriptionCreate__PlanSelector__FeatureList" }, [
+        ['Feature', 'value'],
+        ['Second Feature', 100],
+        ['Third Feature', 'Another One'],
+        ['Fourth', 'No'],
+    ].map(([name, value]) => [
+        h("dt", { class: "ManifoldSubscriptionCreate__PlanSelector__FeatureName" },
+            h(SkeletonText, null, name)),
+        h("dd", { class: "ManifoldSubscriptionCreate__PlanSelector__FeatureValue" },
+            h(SkeletonText, null, value)),
+    ])),
+    h("footer", { class: "ManifoldSubscriptionCreate__PlanSelector__Footer" },
+        h(CostDisplay, { isCalculating: true, baseCost: 0 }),
+        h("p", { class: "ManifoldSubscriptionCreate__HelpText" },
+            h(SkeletonText, null, "Usage billed at the end of month")))));
 const SkeletonPlanSelector = () => (h("div", { class: "ManifoldSubscriptionCreate__PlanSelector" },
@@ -10,20 +28,9 @@ h("ul", { class: "ManifoldSubscriptionCreate__PlanSelector__Menu" }, [
     ].map(([displayName, cost]) => (h("li", null,
-        h(PlanCard, { isLoading: true, plan: { displayName: displayName, cost: cost } }))))),
-    h("div", { class: "ManifoldSubscriptionCreate__PlanSelector__Details", itemscope: true, itemtype: "https://schema.org/IndividualProduct" },
-        h("h2", { class: "ManifoldSubscriptionCreate__PlanSelector__Heading", itemprop: "name" },
-            h("span", { "data-is-loading": true }, "Selected Plan Name")),
-        h("dl", { class: "ManifoldSubscriptionCreate__PlanSelector__FeatureList" }, [
-            ['Feature', 'value'],
-            ['Second Feature', 100],
-            ['Third Feature', 'Another One'],
-        ].map(([name, value]) => [
-            h("dt", { class: "ManifoldSubscriptionCreate__PlanSelector__FeatureName" },
-                h("span", { "data-is-loading": true }, name)),
-            h("dd", { class: "ManifoldSubscriptionCreate__PlanSelector__FeatureValue" },
-                h("span", { "data-is-loading": true }, value)),
-        ])),
-        h("footer", { class: "ManifoldSubscriptionCreate__PlanSelector__Footer" },
-            h(CostDisplay, { isCalculating: true, baseCost: 0 }),
-            h("p", { class: "ManifoldSubscriptionCreate__HelpText" },
-                h("span", { "data-is-loading": true }, "Usage billed at the end of month"))))));
+        h("div", { class: "ManifoldSubscriptionCreate__Card" },
+            h("div", { class: "ManifoldSubscriptionCreate__PlanName" },
+                h(SkeletonText, null, displayName)),
+            h("span", { class: "ManifoldSubscriptionCreate__Cost" },
+                h(SkeletonText, null,
+                    h(CostDisplay, { baseCost: cost })))))))),
+    h(SkeletonDetails, null)));
 export default SkeletonPlanSelector;

dist/manifold-subscription/manifold-subscription.esm.js

@@ -1,1 +0,1 @@
-import{p as i,b as a}from"./p-a98c757b.js";i().then(i=>a([["p-398b2de2",[[0,"manifold-configured-feature",{label:[1],value:[8]}],[0,"manifold-subscription-create",{loading:[1028],isLoadingPlanSelector:[1028,"is-loading-plan-selector"],errors:[1040],data:[1040],planListData:[1040],setupIntentStatus:[1025,"setup-intent-status"],setupIntentError:[1025,"setup-intent-error"],subscribing:[1028],configuredFeatures:[1040],calculatedCost:[1026,"calculated-cost"],isEditing:[1028,"is-editing"],heading:[1],planId:[1025,"plan-id"],ownerId:[1,"owner-id"],stripePublishableKey:[1,"stripe-publishable-key"],displayName:[1,"display-name"],label:[1],card:[32],cardStatus:[32]},[[0,"manifold-configured-feature-change","updateConfiguredFeature"]]],[0,"manifold-subscription-details",{subscriptionId:[1,"subscription-id"],heading:[1],isEditing:[4,"is-editing"],data:[32]}],[0,"manifold-subscription-list",{connection:[1040],loading:[1028],errors:[1040],data:[1040],subLinkFormat:[1025,"sub-link-format"],heading:[1],owner:[1]}]]]],i));
+import{p as i,b as a}from"./p-a98c757b.js";i().then(i=>a([["p-1ea3c661",[[0,"manifold-configured-feature",{label:[1],value:[8]}],[0,"manifold-subscription-create",{loading:[1028],isLoadingPlanSelector:[1028,"is-loading-plan-selector"],errors:[1040],data:[1040],planListData:[1040],setupIntentStatus:[1025,"setup-intent-status"],setupIntentError:[1025,"setup-intent-error"],subscribing:[1028],configuredFeatures:[1040],calculatedCost:[1026,"calculated-cost"],isEditing:[1028,"is-editing"],heading:[1],planId:[1025,"plan-id"],ownerId:[1,"owner-id"],stripePublishableKey:[1,"stripe-publishable-key"],displayName:[1,"display-name"],label:[1],card:[32],cardStatus:[32]},[[0,"manifold-configured-feature-change","updateConfiguredFeature"]]],[0,"manifold-subscription-details",{subscriptionId:[1,"subscription-id"],heading:[1],isEditing:[4,"is-editing"]}],[0,"manifold-subscription-list",{connection:[1040],loading:[1028],errors:[1040],data:[1040],subLinkFormat:[1025,"sub-link-format"],heading:[1],owner:[1]}]]]],i));

dist/manifold-subscription/p-bef99ee7.system.js

@@ -1,1 +0,1 @@
-System.register(["./p-a956fdd1.system.js"],(function(){"use strict";var e,t;return{setters:[function(i){e=i.p;t=i.b}],execute:function(){e().then((function(e){return t([["p-60af6a37.system",[[0,"manifold-configured-feature",{label:[1],value:[8]}],[0,"manifold-subscription-create",{loading:[1028],isLoadingPlanSelector:[1028,"is-loading-plan-selector"],errors:[1040],data:[1040],planListData:[1040],setupIntentStatus:[1025,"setup-intent-status"],setupIntentError:[1025,"setup-intent-error"],subscribing:[1028],configuredFeatures:[1040],calculatedCost:[1026,"calculated-cost"],isEditing:[1028,"is-editing"],heading:[1],planId:[1025,"plan-id"],ownerId:[1,"owner-id"],stripePublishableKey:[1,"stripe-publishable-key"],displayName:[1,"display-name"],label:[1],card:[32],cardStatus:[32]},[[0,"manifold-configured-feature-change","updateConfiguredFeature"]]],[0,"manifold-subscription-details",{subscriptionId:[1,"subscription-id"],heading:[1],isEditing:[4,"is-editing"],data:[32]}],[0,"manifold-subscription-list",{connection:[1040],loading:[1028],errors:[1040],data:[1040],subLinkFormat:[1025,"sub-link-format"],heading:[1],owner:[1]}]]]],e)}))}}}));
+System.register(["./p-a956fdd1.system.js"],(function(){"use strict";var e,t;return{setters:[function(i){e=i.p;t=i.b}],execute:function(){e().then((function(e){return t([["p-df084dbc.system",[[0,"manifold-configured-feature",{label:[1],value:[8]}],[0,"manifold-subscription-create",{loading:[1028],isLoadingPlanSelector:[1028,"is-loading-plan-selector"],errors:[1040],data:[1040],planListData:[1040],setupIntentStatus:[1025,"setup-intent-status"],setupIntentError:[1025,"setup-intent-error"],subscribing:[1028],configuredFeatures:[1040],calculatedCost:[1026,"calculated-cost"],isEditing:[1028,"is-editing"],heading:[1],planId:[1025,"plan-id"],ownerId:[1,"owner-id"],stripePublishableKey:[1,"stripe-publishable-key"],displayName:[1,"display-name"],label:[1],card:[32],cardStatus:[32]},[[0,"manifold-configured-feature-change","updateConfiguredFeature"]]],[0,"manifold-subscription-details",{subscriptionId:[1,"subscription-id"],heading:[1],isEditing:[4,"is-editing"]}],[0,"manifold-subscription-list",{connection:[1040],loading:[1028],errors:[1040],data:[1040],subLinkFormat:[1025,"sub-link-format"],heading:[1],owner:[1]}]]]],e)}))}}}));

dist/types/components/manifold-subscription-details/manifold-subscription-details.d.ts

@@ -1,13 +0,8 @@
-import { Connection } from '@manifoldco/manifold-init-types/types/v0';
-import { SubscriptionQuery } from '../../types/graphql';
-export declare class ManifoldSubscriptionCreate {
+export declare class ManifoldSubscriptionDetails {
+    el: HTMLElement;
     subscriptionId: string;
     heading?: string;
     isEditing?: boolean;
-    data?: SubscriptionQuery;
-    el: HTMLElement;
-    connection: Connection;
-    getSubscription(newValue: string, oldValue: string): Promise<void>;
     componentWillLoad(): Promise<void>;
     render(): any;
 }

dist/types/components/shared/SkeletonPlanSelector.d.ts

@@ -1,3 +0,3 @@
-import { FunctionalComponent } from '@stencil/core';
-declare const SkeletonPlanSelector: FunctionalComponent;
+export declare const SkeletonDetails: () => any;
+declare const SkeletonPlanSelector: () => any;
 export default SkeletonPlanSelector;

dist/types/types/graphql.d.ts

@@ -332,2 +332,4 @@ export declare type Maybe<T> = T;
     resizableTo: Maybe<PlanConnection>;
+    published: Maybe<Scalars['Boolean']>;
+    version: Maybe<Version>;
 };
@@ -503,5 +505,4 @@ export declare type PlanFixedFeaturesArgs = {
     configurableFeatures: Maybe<ProductConfigurableFeatureConnection>;
-    version: Maybe<Scalars['Int']>;
-    versionID: Maybe<Scalars['ID']>;
     published: Maybe<Scalars['Boolean']>;
+    version: Maybe<Version>;
 };
@@ -1100,2 +1101,7 @@ export declare type ProductPlansArgs = {
 };
+export declare type Version = {
+    __typename?: 'Version';
+    label: Maybe<Scalars['Int']>;
+    id: Maybe<Scalars['ID']>;
+};
 export declare type WithUsage = {
@@ -1121,3 +1127,3 @@ start: Maybe<Scalars['Time']>;
 });
-export declare type PlanFragment = ({
+export declare type PlanCreateFragment = ({
     __typename?: 'Plan';
@@ -1195,3 +1201,3 @@ } & Pick<Plan, 'id' | 'displayName' | 'label' | 'free' | 'cost'> & {
                     __typename?: 'Plan';
-                } & PlanFragment);
+                } & PlanCreateFragment);
             })>;
@@ -1233,5 +1239,29 @@ })>;
 });
-export declare type ProductPlanFragment = ({
+export declare type ConfiguredFeaturesFragment = ({
+    __typename?: 'ConfiguredFeatureConnection';
+} & {
+    edges: Array<({
+        __typename?: 'ConfiguredFeatureEdge';
+    } & {
+        node: ({
+            __typename?: 'BooleanConfiguredFeature';
+        } & Pick<BooleanConfiguredFeature, 'label'> & {
+            booleanValue: BooleanConfiguredFeature['value'];
+        }) | ({
+            __typename?: 'StringConfiguredFeature';
+        } & Pick<StringConfiguredFeature, 'label'> & {
+            stringValue: StringConfiguredFeature['value'];
+        }) | ({
+            __typename?: 'NumberConfiguredFeature';
+        } & Pick<NumberConfiguredFeature, 'label'> & {
+            numberValue: NumberConfiguredFeature['value'];
+        });
+    })>;
+});
+export declare type PlanFragment = ({
     __typename?: 'Plan';
-} & Pick<Plan, 'id' | 'displayName' | 'label' | 'free' | 'cost'> & {
+} & Pick<Plan, 'id' | 'label' | 'displayName' | 'cost' | 'free'> & {
+    product: Maybe<({
+        __typename?: 'Product';
+    } & Pick<Product, 'id'>)>;
     fixedFeatures: Maybe<({
@@ -1290,20 +1320,31 @@ __typename?: 'PlanFixedFeatureConnection';
 });
-export declare type ProductPlansQueryVariables = {
-    productId: Scalars['ID'];
+export declare type SubscriptionEditQueryVariables = {
+    subscriptionId: Scalars['ID'];
 };
-export declare type ProductPlansQuery = ({
+export declare type SubscriptionEditQuery = ({
     __typename?: 'Query';
 } & {
-    product: Maybe<({
-        __typename?: 'Product';
+    subscription: Maybe<({
+        __typename?: 'SubscriptionAgreement';
     } & {
-        plans: Maybe<({
-            __typename?: 'PlanConnection';
-        } & {
-            edges: Array<({
-                __typename?: 'PlanEdge';
+        configuredFeatures: Maybe<({
+            __typename?: 'ConfiguredFeatureConnection';
+        } & ConfiguredFeaturesFragment)>;
+        plan: Maybe<({
+            __typename?: 'Plan';
+        } & Pick<Plan, 'id'> & {
+            product: Maybe<({
+                __typename?: 'Product';
             } & {
-                node: ({
-                    __typename?: 'Plan';
-                } & ProductPlanFragment);
+                plans: Maybe<({
+                    __typename?: 'PlanConnection';
+                } & {
+                    edges: Array<({
+                        __typename?: 'PlanEdge';
+                    } & {
+                        node: ({
+                            __typename?: 'Plan';
+                        } & PlanFragment);
+                    })>;
+                })>;
             })>;
@@ -1313,6 +1354,32 @@ })>;
 });
-export declare type SubscriptionQueryVariables = {
+export declare type SubscriptionUpdateMutationVariables = {
     id: Scalars['ID'];
+    planId: Scalars['ID'];
+    configuredFeatures: Maybe<Array<ConfiguredFeatureInput>>;
 };
-export declare type SubscriptionQuery = ({
+export declare type SubscriptionUpdateMutation = ({
+    __typename?: 'Mutation';
+} & {
+    updateSubscription: ({
+        __typename?: 'UpdateSubscriptionAgreementPayload';
+    } & {
+        data: ({
+            __typename?: 'SubscriptionAgreement';
+        } & Pick<SubscriptionAgreement, 'id'> & {
+            status: ({
+                __typename?: 'SubscriptionAgreementStatus';
+            } & Pick<SubscriptionAgreementStatus, 'label' | 'percentDone' | 'message'>);
+            configuredFeatures: Maybe<({
+                __typename?: 'ConfiguredFeatureConnection';
+            } & ConfiguredFeaturesFragment)>;
+            plan: Maybe<({
+                __typename?: 'Plan';
+            } & PlanFragment)>;
+        });
+    });
+});
+export declare type SubscriptionViewQueryVariables = {
+    id: Scalars['ID'];
+};
+export declare type SubscriptionViewQuery = ({
     __typename?: 'Query';
@@ -1322,3 +1389,3 @@ } & {
         __typename?: 'SubscriptionAgreement';
-    } & {
+    } & Pick<SubscriptionAgreement, 'id'> & {
         status: ({
@@ -1329,80 +1396,6 @@ __typename?: 'SubscriptionAgreementStatus';
             __typename?: 'ConfiguredFeatureConnection';
-        } & {
-            edges: Array<({
-                __typename?: 'ConfiguredFeatureEdge';
-            } & {
-                node: ({
-                    __typename?: 'StringConfiguredFeature';
-                } & Pick<StringConfiguredFeature, 'label'> & {
-                    stringValue: StringConfiguredFeature['value'];
-                }) | ({
-                    __typename?: 'NumberConfiguredFeature';
-                } & Pick<NumberConfiguredFeature, 'label'> & {
-                    numberValue: NumberConfiguredFeature['value'];
-                }) | ({
-                    __typename?: 'BooleanConfiguredFeature';
-                } & Pick<BooleanConfiguredFeature, 'label'> & {
-                    booleanValue: BooleanConfiguredFeature['value'];
-                });
-            })>;
-        })>;
+        } & ConfiguredFeaturesFragment)>;
         plan: Maybe<({
             __typename?: 'Plan';
-        } & Pick<Plan, 'id' | 'label' | 'displayName' | 'cost'> & {
-            product: Maybe<({
-                __typename?: 'Product';
-            } & Pick<Product, 'id'>)>;
-            fixedFeatures: Maybe<({
-                __typename?: 'PlanFixedFeatureConnection';
-            } & {
-                edges: Array<({
-                    __typename?: 'PlanFixedFeatureEdge';
-                } & {
-                    node: ({
-                        __typename?: 'PlanFixedFeature';
-                    } & Pick<PlanFixedFeature, 'displayName' | 'displayValue' | 'label'>);
-                })>;
-            })>;
-            meteredFeatures: Maybe<({
-                __typename?: 'PlanMeteredFeatureConnection';
-            } & {
-                edges: Array<({
-                    __typename?: 'PlanMeteredFeatureEdge';
-                } & {
-                    node: ({
-                        __typename?: 'PlanMeteredFeature';
-                    } & Pick<PlanMeteredFeature, 'label' | 'displayName'> & {
-                        numericDetails: ({
-                            __typename?: 'PlanMeteredFeatureNumericDetails';
-                        } & Pick<PlanMeteredFeatureNumericDetails, 'unit'> & {
-                            costTiers: Maybe<Array<({
-                                __typename?: 'PlanFeatureCostTier';
-                            } & Pick<PlanFeatureCostTier, 'limit' | 'cost'>)>>;
-                        });
-                    });
-                })>;
-            })>;
-            configurableFeatures: Maybe<({
-                __typename?: 'PlanConfigurableFeatureConnection';
-            } & {
-                edges: Array<({
-                    __typename?: 'PlanConfigurableFeatureEdge';
-                } & {
-                    node: ({
-                        __typename?: 'PlanConfigurableFeature';
-                    } & Pick<PlanConfigurableFeature, 'label' | 'displayName' | 'type' | 'upgradable' | 'downgradable'> & {
-                        featureOptions: Maybe<Array<({
-                            __typename?: 'PlanConfigurableFeatureOption';
-                        } & Pick<PlanConfigurableFeatureOption, 'displayName' | 'value' | 'cost'>)>>;
-                        numericDetails: Maybe<({
-                            __typename?: 'PlanConfigurableFeatureNumericDetails';
-                        } & Pick<PlanConfigurableFeatureNumericDetails, 'increment' | 'min' | 'max' | 'unit'> & {
-                            costTiers: Maybe<Array<({
-                                __typename?: 'PlanFeatureCostTier';
-                            } & Pick<PlanFeatureCostTier, 'limit' | 'cost'>)>>;
-                        })>;
-                    });
-                })>;
-            })>;
-        })>;
+        } & PlanFragment)>;
     })>;
@@ -1409,0 +1402,0 @@ });

package.json

 {
   "name": "@manifoldco/manifold-subscription",
-  "version": "0.0.10",
+  "version": "0.0.11",
   "private": false,
@@ -20,4 +20,4 @@ "description": "Manifold Subscription Web Components",
     "@manifoldco/manifold-init": "0.6.1",
+    "@manifoldco/manifold-init-types": "^0.7.3",
     "@manifoldco/mercury": "^0.2.1",
-    "@manifoldco/manifold-init-types": "^0.7.3",
     "@rollup/plugin-replace": "^2.3.1",
@@ -29,2 +29,3 @@ "@stencil/core": "^1.10.1",
     "@types/jest": "24.0.20",
+    "@types/lodash": "^4.14.150",
     "@types/puppeteer": "1.19.0",
@@ -46,2 +47,3 @@ "@typescript-eslint/eslint-plugin": "^2.25.0",
     "jest-cli": "24.9.0",
+    "lodash": "^4.17.15",
     "postcss-preset-env": "^6.7.0",
@@ -48,0 +50,0 @@ "prettier": "^1.19.1",

New alerts

Uses eval

Supply chain risk

Package uses dynamic code execution (e.g., eval()), which is a dangerous practice. This can prevent the code from running in certain environments and increases the risk that the code may contain exploits or malicious behavior.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1354546

increased by15.12%

Number of package files

123

increased by14.95%

Lines of code

20945

increased by25.91%

Worsened metrics

Dev dependency count

44

increased by4.76%

Number of low supply chain risk alerts

18

increased by28.57%

Number of medium supply chain risk alerts

14

increased by40%

No dependency changes