@manifoldco/web-components - npm Package Compare versions

Comparing version 0.0.6 to 0.0.7

dist/cjs/loader.cjs.js

@@ -8,5 +8,5 @@ 'use strict';
 const defineCustomElements = (win, options) => index.patchEsm().then(() => {
-  return index.bootstrapLazy([["manifold-plan-table.cjs",[[1,"manifold-plan-table",{"slug":[1],"product":[32],"client":[32]}]]],["my-component.cjs",[[1,"my-component",{"first":[1],"middle":[1],"last":[1]}]]]], options);
+  return index.bootstrapLazy([["manifold-plan-table.cjs",[[1,"manifold-plan-table",{"slug":[1],"product":[32],"client":[32]}]]]], options);
 });
 
 exports.defineCustomElements = defineCustomElements;

dist/cjs/manifold.cjs.js

@@ -6,3 +6,3 @@ 'use strict';
 index.patchBrowser().then(options => {
-  return index.bootstrapLazy([["manifold-plan-table.cjs",[[1,"manifold-plan-table",{"slug":[1],"product":[32],"client":[32]}]]],["my-component.cjs",[[1,"my-component",{"first":[1],"middle":[1],"last":[1]}]]]], options);
+  return index.bootstrapLazy([["manifold-plan-table.cjs",[[1,"manifold-plan-table",{"slug":[1],"product":[32],"client":[32]}]]]], options);
 });

dist/collection/collection-manifest.json

 {
   "entries": [
-    "./components/manifold-plan-table/manifold-plan-table.js",
-    "./components/my-component/my-component.js"
+    "./components/manifold-plan-table/manifold-plan-table.js"
   ],
@@ -6,0 +5,0 @@ "compiler": {

dist/collection/components/manifold-plan-table/manifold-plan-table.js

@@ -5,2 +5,3 @@ import { Component, Host, State, Prop, h } from '@stencil/core';
 import query from '../../graphql/GetProduct.graphql';
+import { toUSD } from '../../utils/cost';
 import sampleProduct from './data.json';
@@ -14,3 +15,3 @@ export class ManifoldPlanTable {
             this.client = createClient({
-                url: 'http://localhost:8080/graphql',
+                url: 'http://localhost:8080/api/graphql',
             });
@@ -27,3 +28,3 @@ this.client
     get plans() {
-        if (!this.product) {
+        if (!this.product || !this.product.plans) {
             return [];
@@ -34,3 +35,3 @@ }
     get featureSlugs() {
-        if (!this.product) {
+        if (!this.product || !this.product.featureSlugs) {
             return [];
@@ -41,4 +42,8 @@ }
     planCellForFeature(planSlug, featureSlug) {
+        var _a;
         const plan = this.plans.find((p) => p.slug === planSlug);
-        const feature = plan.features.features.find((f) => f.featureSlug.slug === featureSlug);
+        if (!plan) {
+            throw new Error(`Could not find plan with slug ${planSlug}`);
+        }
+        const feature = (_a = plan.features) === null || _a === void 0 ? void 0 : _a.features.find((f) => f.featureSlug.slug === featureSlug);
         if (!feature) {
@@ -56,3 +61,3 @@ return '•';
                     h("label", { htmlFor: `feature-${planSlug}-${featureSlug}` }),
-                    h("select", { id: `feature-${planSlug}-${featureSlug}` }, feature.stringValues.map((value) => (h("option", { value: value.value }, `${value.display} ($${(value.cost / 100).toFixed(2)})`))))));
+                    h("select", { id: `feature-${planSlug}-${featureSlug}` }, feature.stringValues.map((value) => (h("option", { value: value.value }, `${value.display} (${toUSD(value.cost)})`))))));
             case 'BooleanFeature':
@@ -69,4 +74,9 @@ if (feature.class === 'FIXED') {
                     h("div", { class: "Manifold-Toggle" },
-                        h("input", { name: feature.label, id: `feature-${planSlug}-${featureSlug}`, "aria-labelledby": `feature-${feature.label}`, type: "checkbox", value: "on" }),
+                        h("input", { name: featureSlug, id: `feature-${planSlug}-${featureSlug}`, "aria-labelledby": `feature-${featureSlug}`, type: "checkbox", value: "on" }),
                         h("label", { htmlFor: `feature-${planSlug}-${featureSlug}` }))));
+            case 'IntRangeFeature':
+                // Numeric Range Feature
+                return (h("div", { class: "Manifold-Input" },
+                    h("label", { htmlFor: "number" }, "Numeric input"),
+                    h("input", { type: "text", inputmode: "decimal", pattern: "d+(.d*)?", name: featureSlug, id: `feature-${planSlug}-${featureSlug}` })));
             case 'ExcludedFeature':
@@ -87,3 +97,5 @@ return '•';
                         h("th", null),
-                        this.plans.map(({ name }) => (h("th", null, name))))),
+                        this.plans.map(({ name, cost }) => (h("th", null,
+                            h("h1", { class: "Manifold-Typography--HeadingLarge" }, name),
+                            toUSD(cost)))))),
                 h("tbody", null,
@@ -90,0 +102,0 @@ this.featureSlugs.map((featureSlug) => (h("tr", null,

dist/collection/types/graphql.js

@@ -1,7 +0,9 @@
-export var FeatureClass;
-(function (FeatureClass) {
-    FeatureClass["Fixed"] = "FIXED";
-    FeatureClass["Configured"] = "CONFIGURED";
-    FeatureClass["Metered"] = "METERED";
-})(FeatureClass || (FeatureClass = {}));
+export var FeatureType;
+(function (FeatureType) {
+    FeatureType["Excluded"] = "EXCLUDED";
+    FeatureType["Boolean"] = "BOOLEAN";
+    FeatureType["String"] = "STRING";
+    FeatureType["Int"] = "INT";
+    FeatureType["IntRange"] = "INT_RANGE";
+})(FeatureType || (FeatureType = {}));
 /**
@@ -18,2 +20,7 @@ * PlanOrderByField is the field by which the plan list will be ordered.
 })(PlanOrderByField || (PlanOrderByField = {}));
+/** TeamOrderByField is the field by which the team list will be ordered. */
+export var TeamOrderByField;
+(function (TeamOrderByField) {
+    TeamOrderByField["Name"] = "NAME";
+})(TeamOrderByField || (TeamOrderByField = {}));
 /**
@@ -40,10 +47,2 @@ * OrderByDirection is used in all paginated queries to order by a specific
 })(FeatureSlugOrderByField || (FeatureSlugOrderByField = {}));
-export var FeatureType;
-(function (FeatureType) {
-    FeatureType["Excluded"] = "EXCLUDED";
-    FeatureType["Boolean"] = "BOOLEAN";
-    FeatureType["String"] = "STRING";
-    FeatureType["Int"] = "INT";
-    FeatureType["IntRange"] = "INT_RANGE";
-})(FeatureType || (FeatureType = {}));
 /** ProductOrderByField is the field by which the product list will be ordered. */
@@ -55,6 +54,7 @@ export var ProductOrderByField;
 })(ProductOrderByField || (ProductOrderByField = {}));
-/** TeamOrderByField is the field by which the team list will be ordered. */
-export var TeamOrderByField;
-(function (TeamOrderByField) {
-    TeamOrderByField["Name"] = "NAME";
-})(TeamOrderByField || (TeamOrderByField = {}));
+export var FeatureClass;
+(function (FeatureClass) {
+    FeatureClass["Fixed"] = "FIXED";
+    FeatureClass["Configured"] = "CONFIGURED";
+    FeatureClass["Metered"] = "METERED";
+})(FeatureClass || (FeatureClass = {}));

dist/manifold/manifold.esm.js

@@ -1,1 +0,1 @@
-import{p,b as a}from"./p-15558ebb.js";p().then(p=>a([["p-e8d33bc3",[[1,"manifold-plan-table",{slug:[1],product:[32],client:[32]}]]],["p-1086be3a",[[1,"my-component",{first:[1],middle:[1],last:[1]}]]]],p));
+import{p as a,b as p}from"./p-15558ebb.js";a().then(a=>p([["p-2ad7097e",[[1,"manifold-plan-table",{slug:[1],product:[32],client:[32]}]]]],a));

dist/manifold/p-c7a51fa1.system.js

@@ -1,1 +0,1 @@
-System.register(["./p-966db66d.system.js"],(function(){"use strict";var t,e;return{setters:[function(n){t=n.p;e=n.b}],execute:function(){t().then((function(t){return e([["p-1d391e6a.system",[[1,"manifold-plan-table",{slug:[1],product:[32],client:[32]}]]],["p-46725152.system",[[1,"my-component",{first:[1],middle:[1],last:[1]}]]]],t)}))}}}));
+System.register(["./p-966db66d.system.js"],(function(){"use strict";var t,e;return{setters:[function(n){t=n.p;e=n.b}],execute:function(){t().then((function(t){return e([["p-487dde6b.system",[[1,"manifold-plan-table",{slug:[1],product:[32],client:[32]}]]]],t)}))}}}));

dist/types/components.d.ts

@@ -12,16 +12,2 @@ /* eslint-disable */
     }
-    interface MyComponent {
-        /**
-          * The first name
-         */
-        "first": string;
-        /**
-          * The last name
-         */
-        "last": string;
-        /**
-          * The middle name
-         */
-        "middle": string;
-    }
 }
@@ -35,11 +21,4 @@ declare global {
     };
-    interface HTMLMyComponentElement extends Components.MyComponent, HTMLStencilElement {
-    }
-    var HTMLMyComponentElement: {
-        prototype: HTMLMyComponentElement;
-        new (): HTMLMyComponentElement;
-    };
     interface HTMLElementTagNameMap {
         "manifold-plan-table": HTMLManifoldPlanTableElement;
-        "my-component": HTMLMyComponentElement;
     }
@@ -51,19 +30,4 @@ }
     }
-    interface MyComponent {
-        /**
-          * The first name
-         */
-        "first"?: string;
-        /**
-          * The last name
-         */
-        "last"?: string;
-        /**
-          * The middle name
-         */
-        "middle"?: string;
-    }
     interface IntrinsicElements {
         "manifold-plan-table": ManifoldPlanTable;
-        "my-component": MyComponent;
     }
@@ -76,5 +40,4 @@ }
             "manifold-plan-table": LocalJSX.ManifoldPlanTable & JSXBase.HTMLAttributes<HTMLManifoldPlanTableElement>;
-            "my-component": LocalJSX.MyComponent & JSXBase.HTMLAttributes<HTMLMyComponentElement>;
         }
     }
 }

dist/types/components/manifold-plan-table/manifold-plan-table.d.ts

 import { ComponentInterface } from '../../stencil-public-runtime';
 import { Client } from '@urql/core';
+import { GetProductQuery } from '../../types/graphql';
 export declare class ManifoldPlanTable implements ComponentInterface {
     slug: string;
-    product: any;
+    product: GetProductQuery['product'];
     client: Client;
     componentWillLoad(): void;
-    get plans(): any;
-    get featureSlugs(): any;
+    get plans(): ({
+        __typename?: "Plan" | undefined;
+    } & Pick<import("../../types/graphql").Plan, "id" | "slug" | "name" | "cost"> & {
+        features?: ({
+            __typename?: "FeaturePage" | undefined;
+        } & {
+            features: (({
+                __typename: "IntRangeFeature";
+            } & Pick<import("../../types/graphql").IntRangeFeature, "class"> & {
+                featureSlug: {
+                    __typename?: "FeatureSlug" | undefined;
+                } & Pick<import("../../types/graphql").FeatureSlug, "slug">;
+            }) | ({
+                __typename: "StringFeature";
+            } & Pick<import("../../types/graphql").StringFeature, "class"> & {
+                stringValues: ({
+                    __typename?: "StringFeatureValue" | undefined;
+                } & Pick<import("../../types/graphql").StringFeatureValue, "cost" | "value" | "display">)[];
+                featureSlug: {
+                    __typename?: "FeatureSlug" | undefined;
+                } & Pick<import("../../types/graphql").FeatureSlug, "slug">;
+            }) | ({
+                __typename: "ExcludedFeature";
+            } & Pick<import("../../types/graphql").ExcludedFeature, "class"> & {
+                featureSlug: {
+                    __typename?: "FeatureSlug" | undefined;
+                } & Pick<import("../../types/graphql").FeatureSlug, "slug">;
+            }) | ({
+                __typename: "IntFeature";
+            } & Pick<import("../../types/graphql").IntFeature, "class"> & {
+                featureSlug: {
+                    __typename?: "FeatureSlug" | undefined;
+                } & Pick<import("../../types/graphql").FeatureSlug, "slug">;
+            }) | ({
+                __typename: "BooleanFeature";
+            } & Pick<import("../../types/graphql").BooleanFeature, "class"> & {
+                booleanValues: ({
+                    __typename?: "BooleanFeatureValue" | undefined;
+                } & Pick<import("../../types/graphql").BooleanFeatureValue, "cost" | "value" | "display">)[];
+                featureSlug: {
+                    __typename?: "FeatureSlug" | undefined;
+                } & Pick<import("../../types/graphql").FeatureSlug, "slug">;
+            }))[];
+        }) | null | undefined;
+    })[];
+    get featureSlugs(): ({
+        __typename?: "FeatureSlug" | undefined;
+    } & Pick<import("../../types/graphql").FeatureSlug, "slug" | "name">)[];
     planCellForFeature(planSlug: string, featureSlug: string): any;
     render(): any;
 }

dist/types/types/graphql.d.ts

@@ -15,19 +15,26 @@ export declare type Maybe<T> = T | null;
 };
-export declare type Feature = {
+export declare type IntRangeFeature = Feature & {
+    __typename?: 'IntRangeFeature';
     id: Scalars['ID'];
     featureSlug: FeatureSlug;
-    class?: Maybe<FeatureClass>;
+    class: FeatureClass;
+    units?: Maybe<Units>;
 };
-export declare enum FeatureClass {
-    Fixed = "FIXED",
-    Configured = "CONFIGURED",
-    Metered = "METERED"
+export declare type DeleteFeatureSlugInput = {
+    id: Scalars['ID'];
+};
+export declare enum FeatureType {
+    Excluded = "EXCLUDED",
+    Boolean = "BOOLEAN",
+    String = "STRING",
+    Int = "INT",
+    IntRange = "INT_RANGE"
 }
-export declare type CreateFeatureSlugInput = {
-    productId: Scalars['ID'];
-    slug: Scalars['String'];
-    name: Scalars['String'];
+/** PlanOrderBy defines how a list of queried plans are to be ordered. */
+export declare type PlanOrderBy = {
+    field: PlanOrderByField;
+    direction: OrderByDirection;
 };
 /**
- * Update a feature.
+ * Create a feature.
  *
@@ -37,10 +44,8 @@ * Values are optional. If given, only one may be provided. It must match the type
  */
-export declare type UpdateFeatureInput = {
-    id: Scalars['ID'];
-    /**
-     * Display units for int and int_range feature types.
-     *
-     * If not provided, the existing units will be kept.
-     * If provided and NULL, units will be unset.
-     */
+export declare type CreateFeatureInput = {
+    featureSlugId: Scalars['ID'];
+    planId: Scalars['ID'];
+    type: FeatureType;
+    class: FeatureClass;
+    /** Display units for int and int_range feature types */
     units?: Maybe<UnitsInput>;
@@ -61,6 +66,24 @@ booleanValues?: Maybe<Array<BooleanFeatureValueInput>>;
 }
-export declare type IntFeatureValue = {
-    __typename?: 'IntFeatureValue';
-    /**  Unset means infinity. Negative infinity is not supported.  */
-    value?: Maybe<Scalars['Int']>;
+/**
+ * PublishableClientKey is a public API key meant solely to identify your account with Manifold.
+ * A key can safely be published in places like your Manifold WebComponents code to display
+ * products and plans information.
+ */
+export declare type PublishableClientKey = {
+    __typename?: 'PublishableClientKey';
+    token?: Maybe<Scalars['String']>;
+};
+/** A TeamsPage contains information about the page and a list of teams. */
+export declare type TeamsPage = {
+    __typename?: 'TeamsPage';
+    totalCount: Scalars['Int'];
+    teams: Array<Team>;
+};
+export declare type MagicSignInInput = {
+    email: Scalars['String'];
+    linkPath: Scalars['String'];
+};
+export declare type BooleanFeatureValue = {
+    __typename?: 'BooleanFeatureValue';
+    value: Scalars['Boolean'];
     display?: Maybe<Scalars['String']>;
@@ -76,25 +99,14 @@ cost: Scalars['Int'];
 };
-export declare type DeleteFeatureSlugInput = {
+export declare type UpdateTeamInput = {
     id: Scalars['ID'];
+    name: Scalars['String'];
 };
-/**
- * Create a feature.
- *
- * Values are optional. If given, only one may be provided. It must match the type
- * of the feature.
- */
-export declare type CreateFeatureInput = {
-    featureSlugId: Scalars['ID'];
-    planId: Scalars['ID'];
-    type: FeatureType;
-    class: FeatureClass;
-    /** Display units for int and int_range feature types */
-    units?: Maybe<UnitsInput>;
-    booleanValues?: Maybe<Array<BooleanFeatureValueInput>>;
-    stringValues?: Maybe<Array<StringFeatureValueInput>>;
-    intValues?: Maybe<Array<IntFeatureValueInput>>;
+/** A FeatureSlugPage is a page of queried feature slugs. */
+export declare type FeatureSlugPage = {
+    __typename?: 'FeatureSlugPage';
+    totalCount: Scalars['Int'];
+    featureSlugs: Array<FeatureSlug>;
 };
-export declare type IntFeatureValueInput = {
-    /**  Unset means infinity. Negative infinity is not supported.  */
-    value?: Maybe<Scalars['Int']>;
+export declare type BooleanFeatureValueInput = {
+    value: Scalars['Boolean'];
     display?: Maybe<Scalars['String']>;
@@ -104,10 +116,18 @@ cost: Scalars['Int'];
 };
-/**
- * OrderByDirection is used in all paginated queries to order by a specific
- * field's direction.
- */
-export declare enum OrderByDirection {
-    Asc = "ASC",
-    Desc = "DESC"
-}
+/** A PlanPage is a page of queried plans. */
+export declare type PlanPage = {
+    __typename?: 'PlanPage';
+    totalCount: Scalars['Int'];
+    plans: Array<Plan>;
+};
+/** ProductOrderBy defines how a product connection is to be ordered. */
+export declare type ProductOrderBy = {
+    field: ProductOrderByField;
+    direction: OrderByDirection;
+};
+export declare type InviteUserInput = {
+    teamID: Scalars['ID'];
+    email: Scalars['String'];
+    linkPath: Scalars['String'];
+};
 export declare type AcceptInviteInput = {
@@ -118,42 +138,62 @@ teamID: Scalars['ID'];
 };
-export declare type MagicSignInInput = {
+export declare type MagicSignUpInput = {
     email: Scalars['String'];
     linkPath: Scalars['String'];
 };
-/** FeaturerderBy defines how a list of queried features are to be ordered. */
-export declare type FeatureOrderBy = {
-    field: FeatureOrderByField;
-    direction: OrderByDirection;
+export declare type ConfirmMagicSignUpInput = {
+    email: Scalars['String'];
+    code: Scalars['String'];
+    userID: Scalars['String'];
 };
-/** FeatureOrderByField is the field by which the feature list will be ordered. */
-export declare enum FeatureOrderByField {
-    Class = "CLASS",
-    Type = "TYPE"
-}
-export declare type UpdateFeatureSlugInput = {
+export declare type IntFeatureValue = {
+    __typename?: 'IntFeatureValue';
+    /**  Unset means infinity. Negative infinity is not supported.  */
+    value?: Maybe<Scalars['Int']>;
+    display?: Maybe<Scalars['String']>;
+    cost: Scalars['Int'];
+    default: Scalars['Boolean'];
+};
+/**
+ * Update a feature.
+ *
+ * Values are optional. If given, only one may be provided. It must match the type
+ * of the feature.
+ */
+export declare type UpdateFeatureInput = {
     id: Scalars['ID'];
-    /**  If not provided, the existing slug will be kept.  */
-    slug?: Maybe<Scalars['String']>;
-    /**  If not provided, the existing name will be kept.  */
-    name?: Maybe<Scalars['String']>;
+    /**
+     * Display units for int and int_range feature types.
+     *
+     * If not provided, the existing units will be kept.
+     * If provided and NULL, units will be unset.
+     */
+    units?: Maybe<UnitsInput>;
+    booleanValues?: Maybe<Array<BooleanFeatureValueInput>>;
+    stringValues?: Maybe<Array<StringFeatureValueInput>>;
+    intValues?: Maybe<Array<IntFeatureValueInput>>;
 };
-export declare type DeleteFeatureInput = {
+export declare type SignInInput = {
+    email: Scalars['String'];
+    password: Scalars['String'];
+};
+export declare type DeletePlanInput = {
     id: Scalars['ID'];
 };
-export declare type BooleanFeatureValueInput = {
-    value: Scalars['Boolean'];
-    display?: Maybe<Scalars['String']>;
-    cost: Scalars['Int'];
-    default?: Maybe<Scalars['Boolean']>;
+export declare type CreateTeamInput = {
+    /** TODO: not used yet(?) */
+    name?: Maybe<Scalars['String']>;
 };
-/** ProductOrderBy defines how a product connection is to be ordered. */
-export declare type ProductOrderBy = {
-    field: ProductOrderByField;
-    direction: OrderByDirection;
+export declare type SignUpInput = {
+    name?: Maybe<Scalars['String']>;
+    email: Scalars['String'];
+    password: Scalars['String'];
 };
-export declare type BooleanFeature = Feature & {
-    __typename?: 'BooleanFeature';
+export declare type SwitchTeamContextInput = {
+    teamId: Scalars['String'];
+};
+export declare type StringFeature = Feature & {
+    __typename?: 'StringFeature';
     id: Scalars['ID'];
     featureSlug: FeatureSlug;
-    /**  METERED is not a valid class for Boolean features.  */
+    /**  METERED is not a valid class for String features.  */
     class: FeatureClass;
@@ -165,3 +205,3 @@ /**
      */
-    value?: Maybe<BooleanFeatureValue>;
+    value?: Maybe<StringFeatureValue>;
     /**
@@ -176,37 +216,45 @@ * values is the list of FeatureValues for this feature. CONFIGURED and METERED
      */
-    values: Array<BooleanFeatureValue>;
+    values: Array<StringFeatureValue>;
 };
-/** A TeamsPage contains information about the page and a list of teams. */
-export declare type TeamsPage = {
-    __typename?: 'TeamsPage';
-    totalCount: Scalars['Int'];
-    teams: Array<Team>;
-};
-export declare type CreateTeamInput = {
-    /** TODO: not used yet(?) */
-    name?: Maybe<Scalars['String']>;
-};
-export declare type UnitsInput = {
-    single: Scalars['String'];
-    plural: Scalars['String'];
-};
-/** A FeaturePage is a page of queried feature pages. */
-export declare type FeaturePage = {
-    __typename?: 'FeaturePage';
-    totalCount: Scalars['Int'];
-    features: Array<Feature>;
-};
-export declare type CreatePlanInput = {
-    productId: Scalars['ID'];
+/** Plan is the product plan. */
+export declare type Plan = {
+    __typename?: 'Plan';
+    id: Scalars['ID'];
+    /**  A URL-friendly slug for this Plan.  */
     slug: Scalars['String'];
+    /** A human-readable display name for this plan. */
     name: Scalars['String'];
+    /**
+     * The plan's base cost without the addition of any feature costs, expressed in
+     * the smallest unit of the currency.
+     */
     baseCost: Scalars['Int'];
+    /**
+     * The plan's estimated cost, including costs from fixed features, and the
+     * provided values for configured and metered features.
+     */
+    cost: Scalars['Int'];
+    /**
+     * The product associated with this plan. All plans have associated products.
+     * If this field is null, a transient error has occurred.
+     */
+    product?: Maybe<Product>;
+    /** List Features asscociated with the Plan. */
+    features?: Maybe<FeaturePage>;
 };
-export declare type DeletePlanInput = {
-    id: Scalars['ID'];
+/** Plan is the product plan. */
+export declare type PlanCostArgs = {
+    features?: Maybe<Array<FeatureSelection>>;
 };
-export declare type MagicSignUpInput = {
-    email: Scalars['String'];
-    linkPath: Scalars['String'];
+/** Plan is the product plan. */
+export declare type PlanFeaturesArgs = {
+    limit: Scalars['Int'];
+    offset: Scalars['Int'];
+    orderBy?: Maybe<Array<FeatureOrderBy>>;
 };
+/** TeamOrderBy defines how a team connection is to be ordered. */
+export declare type TeamOrderBy = {
+    field: TeamOrderByField;
+    direction: OrderByDirection;
+};
 export declare type FeatureSlug = {
@@ -220,28 +268,2 @@ __typename?: 'FeatureSlug';
 };
-export declare type IntRangeFeature = Feature & {
-    __typename?: 'IntRangeFeature';
-    id: Scalars['ID'];
-    featureSlug: FeatureSlug;
-    class: FeatureClass;
-    units?: Maybe<Units>;
-};
-/** A ProductPage is a page of queried products. */
-export declare type ProductPage = {
-    __typename?: 'ProductPage';
-    totalCount: Scalars['Int'];
-    products: Array<Product>;
-};
-export declare type DeleteProductInput = {
-    id: Scalars['ID'];
-};
-/** A Team is a collection of users. */
-export declare type Team = {
-    __typename?: 'Team';
-    id: Scalars['ID'];
-    name?: Maybe<Scalars['String']>;
-};
-export declare type ChangeUserPasswordInput = {
-    newPassword: Scalars['String'];
-    oldPassword: Scalars['String'];
-};
 /** FeatureSlugOrderBy defines how a list of queried feature slugs are to be ordered. */
@@ -252,38 +274,13 @@ export declare type FeatureSlugOrderBy = {
 };
-/** FeatureSlugOrderByField is the field by which the feature slug list will be ordered. */
-export declare enum FeatureSlugOrderByField {
-    Slug = "SLUG",
-    Name = "NAME"
-}
-/** PlanOrderBy defines how a list of queried plans are to be ordered. */
-export declare type PlanOrderBy = {
-    field: PlanOrderByField;
-    direction: OrderByDirection;
-};
-/** Product represents a product for sale. */
-export declare type Product = {
-    __typename?: 'Product';
+/**
+ * ExcludedFeature is a special class of feature to explicitly exclude it from a
+ * plan, so that it may be displayed differently than implicit omission.
+ */
+export declare type ExcludedFeature = Feature & {
+    __typename?: 'ExcludedFeature';
     id: Scalars['ID'];
-    /**  IDs are unique across product versions.  */
-    slug: Scalars['String'];
-    name: Scalars['String'];
-    owner: Team;
-    /** List Plans associated with the Product */
-    plans?: Maybe<PlanPage>;
-    /** List FeatureSlugs associated with the Product */
-    featureSlugs?: Maybe<FeatureSlugPage>;
+    featureSlug: FeatureSlug;
+    /**  ExcludedFeatures always have class FIXED.  */
+    class: FeatureClass;
 };
-/** Product represents a product for sale. */
-export declare type ProductPlansArgs = {
-    limit: Scalars['Int'];
-    offset: Scalars['Int'];
-    slug?: Maybe<Scalars['String']>;
-    orderBy?: Maybe<Array<PlanOrderBy>>;
-};
-/** Product represents a product for sale. */
-export declare type ProductFeatureSlugsArgs = {
-    limit: Scalars['Int'];
-    offset: Scalars['Int'];
-    orderBy?: Maybe<Array<FeatureSlugOrderBy>>;
-};
 export declare type IntFeature = Feature & {
@@ -313,89 +310,51 @@ __typename?: 'IntFeature';
 };
-/** Units defines an optional unit suffix for Int or IntRange features. */
-export declare type Units = {
-    __typename?: 'Units';
-    single: Scalars['String'];
-    plural: Scalars['String'];
+export declare type IntFeatureValueInput = {
+    /**  Unset means infinity. Negative infinity is not supported.  */
+    value?: Maybe<Scalars['Int']>;
+    display?: Maybe<Scalars['String']>;
+    cost: Scalars['Int'];
+    default?: Maybe<Scalars['Boolean']>;
 };
-/** Plan is the product plan. */
-export declare type Plan = {
-    __typename?: 'Plan';
+/** A ProductPage is a page of queried products. */
+export declare type ProductPage = {
+    __typename?: 'ProductPage';
+    totalCount: Scalars['Int'];
+    products: Array<Product>;
+};
+/** A Team is a collection of users. */
+export declare type Team = {
+    __typename?: 'Team';
     id: Scalars['ID'];
-    /**  A URL-friendly slug for this Plan.  */
+    name?: Maybe<Scalars['String']>;
+    /** List publishable client keys associated with the team. */
+    publishableClientKeys?: Maybe<Array<PublishableClientKey>>;
+};
+export declare type CreatePlanInput = {
+    productId: Scalars['ID'];
     slug: Scalars['String'];
-    /** A human-readable display name for this plan. */
     name: Scalars['String'];
-    /**
-     * The plan's base cost without the addition of any feature costs, expressed in
-     * the smallest unit of the currency.
-     */
     baseCost: Scalars['Int'];
-    /**
-     * The product associated with this plan. All plans have associated products.
-     * If this field is null, a transient error has occurred.
-     */
-    product?: Maybe<Product>;
-    /** List Features asscociated with the Plan. */
-    features?: Maybe<FeaturePage>;
 };
-/** Plan is the product plan. */
-export declare type PlanFeaturesArgs = {
-    limit: Scalars['Int'];
-    offset: Scalars['Int'];
-    orderBy?: Maybe<Array<FeatureOrderBy>>;
+/**
+ * Session represents an active session of a User.
+ * It holds the UserID and the TeamID of the authenticated Principal.
+ */
+export declare type Session = {
+    __typename?: 'Session';
+    userID: Scalars['ID'];
+    teamID: Scalars['ID'];
 };
-export declare type UpdatePlanInput = {
-    id: Scalars['ID'];
-    /**  If not provided, the existing slug will be kept.  */
-    slug?: Maybe<Scalars['String']>;
-    /**  If not provided, the existing name will be kept.  */
-    name?: Maybe<Scalars['String']>;
-    /**  If not provided, the existing name will be kept.  */
-    baseCost?: Maybe<Scalars['Int']>;
-};
-export declare enum FeatureType {
-    Excluded = "EXCLUDED",
-    Boolean = "BOOLEAN",
-    String = "STRING",
-    Int = "INT",
-    IntRange = "INT_RANGE"
+/** TeamOrderByField is the field by which the team list will be ordered. */
+export declare enum TeamOrderByField {
+    Name = "NAME"
 }
-/** A PlanPage is a page of queried plans. */
-export declare type PlanPage = {
-    __typename?: 'PlanPage';
-    totalCount: Scalars['Int'];
-    plans: Array<Plan>;
+/** FeaturerderBy defines how a list of queried features are to be ordered. */
+export declare type FeatureOrderBy = {
+    field: FeatureOrderByField;
+    direction: OrderByDirection;
 };
-/** ProductOrderByField is the field by which the product list will be ordered. */
-export declare enum ProductOrderByField {
-    Slug = "SLUG",
-    Name = "NAME"
-}
-/**
- * User is a  user in the system. They can belong to teams, and have roles within
- * those teams.
- */
-export declare type User = {
-    __typename?: 'User';
-    id: Scalars['ID'];
+export declare type CreateProductInput = {
+    slug: Scalars['String'];
     name: Scalars['String'];
-    email: Scalars['String'];
-    teams?: Maybe<TeamsPage>;
 };
-/**
- * User is a  user in the system. They can belong to teams, and have roles within
- * those teams.
- */
-export declare type UserTeamsArgs = {
-    limit: Scalars['Int'];
-    offset: Scalars['Int'];
-    orderBy?: Maybe<Array<TeamOrderBy>>;
-};
-export declare type UpdateProductInput = {
-    id: Scalars['ID'];
-    /**  If not provided, the existing slug will be kept.  */
-    slug?: Maybe<Scalars['String']>;
-    /**  If not provided, the existing name will be kept.  */
-    name?: Maybe<Scalars['String']>;
-};
 export declare type Mutation = {
@@ -424,2 +383,4 @@ __typename?: 'Mutation';
     createTeam?: Maybe<Team>;
+    /** updateTeam updates a team. */
+    updateTeam?: Maybe<Team>;
     /**
@@ -487,5 +448,11 @@ * deleteTeam deletes a team from the system.
      *
-     * Returns true if the password was successfully changed.
+     * The Boolean return value is not meaningful.
      */
-    changeUserPassword: Scalars['Boolean'];
+    changeUserPassword?: Maybe<Scalars['Boolean']>;
+    /**
+     * switchTeamContext allows a user to switch between teams and resets the cookie with a different team ID.
+     *
+     * The Boolean return value is not meaningful.
+     */
+    switchTeamContext?: Maybe<Scalars['Boolean']>;
 };
@@ -531,2 +498,5 @@ export declare type MutationCreateFeatureSlugArgs = {
 };
+export declare type MutationUpdateTeamArgs = {
+    input: UpdateTeamInput;
+};
 export declare type MutationDeleteTeamArgs = {
@@ -562,57 +532,144 @@ input: DeleteTeamInput;
 };
-export declare type ConfirmMagicSignUpInput = {
-    email: Scalars['String'];
-    code: Scalars['String'];
-    userID: Scalars['String'];
+export declare type MutationSwitchTeamContextArgs = {
+    input: SwitchTeamContextInput;
 };
-/** A FeatureSlugPage is a page of queried feature slugs. */
-export declare type FeatureSlugPage = {
-    __typename?: 'FeatureSlugPage';
-    totalCount: Scalars['Int'];
-    featureSlugs: Array<FeatureSlug>;
+export declare type UpdatePlanInput = {
+    id: Scalars['ID'];
+    /**  If not provided, the existing slug will be kept.  */
+    slug?: Maybe<Scalars['String']>;
+    /**  If not provided, the existing name will be kept.  */
+    name?: Maybe<Scalars['String']>;
+    /**  If not provided, the existing name will be kept.  */
+    baseCost?: Maybe<Scalars['Int']>;
 };
+export declare type UnitsInput = {
+    single: Scalars['String'];
+    plural: Scalars['String'];
+};
 /**
- * ExcludedFeature is a special class of feature to explicitly exclude it from a
- * plan, so that it may be displayed differently than implicit omission.
+ * OrderByDirection is used in all paginated queries to order by a specific
+ * field's direction.
  */
-export declare type ExcludedFeature = Feature & {
-    __typename?: 'ExcludedFeature';
+export declare enum OrderByDirection {
+    Asc = "ASC",
+    Desc = "DESC"
+}
+export declare type DeleteTeamInput = {
     id: Scalars['ID'];
+};
+export declare type ConfirmMagicSignInInput = {
+    email: Scalars['String'];
+    code: Scalars['String'];
+};
+/** FeatureOrderByField is the field by which the feature list will be ordered. */
+export declare enum FeatureOrderByField {
+    Class = "CLASS",
+    Type = "TYPE"
+}
+/** Units defines an optional unit suffix for Int or IntRange features. */
+export declare type Units = {
+    __typename?: 'Units';
+    single: Scalars['String'];
+    plural: Scalars['String'];
+};
+/** FeatureSlugOrderByField is the field by which the feature slug list will be ordered. */
+export declare enum FeatureSlugOrderByField {
+    Slug = "SLUG",
+    Name = "NAME"
+}
+export declare type Feature = {
+    id: Scalars['ID'];
     featureSlug: FeatureSlug;
-    /**  ExcludedFeatures always have class FIXED.  */
-    class: FeatureClass;
+    class?: Maybe<FeatureClass>;
 };
-export declare type StringFeatureValue = {
-    __typename?: 'StringFeatureValue';
-    value: Scalars['String'];
-    display?: Maybe<Scalars['String']>;
-    cost: Scalars['Int'];
-    default: Scalars['Boolean'];
+/**
+ * FeatureSelection. for cost estimation, and eventual subscription.
+ *
+ * Exactly one of booleanSelection, intSelection, or stringSelection must be
+ * present.
+ */
+export declare type FeatureSelection = {
+    slug: Scalars['String'];
+    /**  For a BOOLEAN feature  */
+    booleanSelection?: Maybe<Scalars['Boolean']>;
+    /**  For an INT or INT_RANGE feature  */
+    intSelection?: Maybe<Scalars['Int']>;
+    /** For a STRING feature. */
+    stringSelection?: Maybe<Scalars['String']>;
 };
-export declare type CreateProductInput = {
+/** Product represents a product for sale. */
+export declare type Product = {
+    __typename?: 'Product';
+    id: Scalars['ID'];
+    /**  IDs are unique across product versions.  */
     slug: Scalars['String'];
     name: Scalars['String'];
+    owner: Team;
+    /** List Plans associated with the Product */
+    plans?: Maybe<PlanPage>;
+    /** List FeatureSlugs associated with the Product */
+    featureSlugs?: Maybe<FeatureSlugPage>;
 };
-/** TeamOrderBy defines how a team connection is to be ordered. */
-export declare type TeamOrderBy = {
-    field: TeamOrderByField;
-    direction: OrderByDirection;
+/** Product represents a product for sale. */
+export declare type ProductPlansArgs = {
+    limit: Scalars['Int'];
+    offset: Scalars['Int'];
+    slug?: Maybe<Scalars['String']>;
+    orderBy?: Maybe<Array<PlanOrderBy>>;
 };
-/** TeamOrderByField is the field by which the team list will be ordered. */
-export declare enum TeamOrderByField {
+/** Product represents a product for sale. */
+export declare type ProductFeatureSlugsArgs = {
+    limit: Scalars['Int'];
+    offset: Scalars['Int'];
+    orderBy?: Maybe<Array<FeatureSlugOrderBy>>;
+};
+/** ProductOrderByField is the field by which the product list will be ordered. */
+export declare enum ProductOrderByField {
+    Slug = "SLUG",
     Name = "NAME"
 }
-export declare type ConfirmMagicSignInInput = {
-    email: Scalars['String'];
-    code: Scalars['String'];
+export declare type DeleteProductInput = {
+    id: Scalars['ID'];
 };
-export declare type SignInInput = {
+export declare type ChangeUserPasswordInput = {
+    newPassword: Scalars['String'];
+    oldPassword: Scalars['String'];
+};
+export declare type UpdateFeatureSlugInput = {
+    id: Scalars['ID'];
+    /**  If not provided, the existing slug will be kept.  */
+    slug?: Maybe<Scalars['String']>;
+    /**  If not provided, the existing name will be kept.  */
+    name?: Maybe<Scalars['String']>;
+};
+export declare type CreateFeatureSlugInput = {
+    productId: Scalars['ID'];
+    slug: Scalars['String'];
+    name: Scalars['String'];
+};
+/**
+ * User is a  user in the system. They can belong to teams, and have roles within
+ * those teams.
+ */
+export declare type User = {
+    __typename?: 'User';
+    id: Scalars['ID'];
+    name: Scalars['String'];
     email: Scalars['String'];
-    password: Scalars['String'];
+    teams?: Maybe<TeamsPage>;
 };
-export declare type StringFeature = Feature & {
-    __typename?: 'StringFeature';
+/**
+ * User is a  user in the system. They can belong to teams, and have roles within
+ * those teams.
+ */
+export declare type UserTeamsArgs = {
+    limit: Scalars['Int'];
+    offset: Scalars['Int'];
+    orderBy?: Maybe<Array<TeamOrderBy>>;
+};
+export declare type BooleanFeature = Feature & {
+    __typename?: 'BooleanFeature';
     id: Scalars['ID'];
     featureSlug: FeatureSlug;
-    /**  METERED is not a valid class for String features.  */
+    /**  METERED is not a valid class for Boolean features.  */
     class: FeatureClass;
@@ -624,3 +681,3 @@ /**
      */
-    value?: Maybe<StringFeatureValue>;
+    value?: Maybe<BooleanFeatureValue>;
     /**
@@ -635,7 +692,7 @@ * values is the list of FeatureValues for this feature. CONFIGURED and METERED
      */
-    values: Array<StringFeatureValue>;
+    values: Array<BooleanFeatureValue>;
 };
-export declare type BooleanFeatureValue = {
-    __typename?: 'BooleanFeatureValue';
-    value: Scalars['Boolean'];
+export declare type StringFeatureValue = {
+    __typename?: 'StringFeatureValue';
+    value: Scalars['String'];
     display?: Maybe<Scalars['String']>;
@@ -645,9 +702,17 @@ cost: Scalars['Int'];
 };
-export declare type DeleteTeamInput = {
+/** A FeaturePage is a page of queried feature pages. */
+export declare type FeaturePage = {
+    __typename?: 'FeaturePage';
+    totalCount: Scalars['Int'];
+    features: Array<Feature>;
+};
+export declare type DeleteFeatureInput = {
     id: Scalars['ID'];
 };
-export declare type SignUpInput = {
+export declare type UpdateProductInput = {
+    id: Scalars['ID'];
+    /**  If not provided, the existing slug will be kept.  */
+    slug?: Maybe<Scalars['String']>;
+    /**  If not provided, the existing name will be kept.  */
     name?: Maybe<Scalars['String']>;
-    email: Scalars['String'];
-    password: Scalars['String'];
 };
@@ -660,2 +725,4 @@ export declare type Query = {
     products?: Maybe<ProductPage>;
+    /**  Returns the active Session.  */
+    session: Session;
     /** List all teams. */
@@ -679,16 +746,7 @@ teams?: Maybe<TeamsPage>;
 };
-/**
- * PublishableClientKey is a public API key meant solely to identify your account with Manifold.
- * A key can safely be published in places like your Manifold WebComponents code to display
- * products and plans information.
- */
-export declare type PublishableClientKey = {
-    __typename?: 'PublishableClientKey';
-    token?: Maybe<Scalars['String']>;
-};
-export declare type InviteUserInput = {
-    teamID: Scalars['ID'];
-    email: Scalars['String'];
-    linkPath: Scalars['String'];
-};
+export declare enum FeatureClass {
+    Fixed = "FIXED",
+    Configured = "CONFIGURED",
+    Metered = "METERED"
+}
 export declare type GetProductQueryVariables = Exact<{
@@ -702,3 +760,3 @@ [key: string]: never;
         __typename?: 'Product';
-    } & Pick<Product, 'slug' | 'name'> & {
+    } & Pick<Product, 'id' | 'slug' | 'name'> & {
         featureSlugs?: Maybe<({
@@ -716,3 +774,3 @@ __typename?: 'FeatureSlugPage';
                 __typename?: 'Plan';
-            } & Pick<Plan, 'slug' | 'name' | 'baseCost'> & {
+            } & Pick<Plan, 'id' | 'slug' | 'name' | 'cost'> & {
                 features?: Maybe<({
@@ -722,19 +780,37 @@ __typename?: 'FeaturePage';
                     features: Array<({
-                        __typename?: 'BooleanFeature';
-                    } & Pick<BooleanFeature, 'class'> & {
-                        booleanValue?: Maybe<({
-                            __typename?: 'BooleanFeatureValue';
-                        } & Pick<BooleanFeatureValue, 'value' | 'cost'>)>;
+                        __typename: 'IntRangeFeature';
+                    } & Pick<IntRangeFeature, 'class'> & {
+                        featureSlug: ({
+                            __typename?: 'FeatureSlug';
+                        } & Pick<FeatureSlug, 'slug'>);
                     }) | ({
-                        __typename?: 'IntRangeFeature';
-                    } & Pick<IntRangeFeature, 'class'>) | ({
-                        __typename?: 'IntFeature';
-                    } & Pick<IntFeature, 'class'>) | ({
-                        __typename?: 'ExcludedFeature';
-                    } & Pick<ExcludedFeature, 'class'>) | ({
-                        __typename?: 'StringFeature';
+                        __typename: 'StringFeature';
                     } & Pick<StringFeature, 'class'> & {
-                        stringValue?: Maybe<({
+                        stringValues: Array<({
                             __typename?: 'StringFeatureValue';
-                        } & Pick<StringFeatureValue, 'value' | 'cost'>)>;
+                        } & Pick<StringFeatureValue, 'display' | 'value' | 'cost'>)>;
+                        featureSlug: ({
+                            __typename?: 'FeatureSlug';
+                        } & Pick<FeatureSlug, 'slug'>);
+                    }) | ({
+                        __typename: 'ExcludedFeature';
+                    } & Pick<ExcludedFeature, 'class'> & {
+                        featureSlug: ({
+                            __typename?: 'FeatureSlug';
+                        } & Pick<FeatureSlug, 'slug'>);
+                    }) | ({
+                        __typename: 'IntFeature';
+                    } & Pick<IntFeature, 'class'> & {
+                        featureSlug: ({
+                            __typename?: 'FeatureSlug';
+                        } & Pick<FeatureSlug, 'slug'>);
+                    }) | ({
+                        __typename: 'BooleanFeature';
+                    } & Pick<BooleanFeature, 'class'> & {
+                        booleanValues: Array<({
+                            __typename?: 'BooleanFeatureValue';
+                        } & Pick<BooleanFeatureValue, 'display' | 'value' | 'cost'>)>;
+                        featureSlug: ({
+                            __typename?: 'FeatureSlug';
+                        } & Pick<FeatureSlug, 'slug'>);
                     })>;
@@ -741,0 +817,0 @@ })>;

package.json

 {
   "name": "@manifoldco/web-components",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "description": "Manifold's Web Components",
@@ -36,3 +36,4 @@ "main": "dist/index.js",
     "@stencil/sass": "^1.3.1",
-    "@types/jest": "^26.0.0",
+    "@types/jest": "24.9.1",
+    "@types/puppeteer": "2.0.1",
     "@typescript-eslint/eslint-plugin": "^3.3.0",
@@ -47,3 +48,6 @@ "@typescript-eslint/parser": "^3.3.0",
     "graphql": "^15.1.0",
+    "jest": "24.9.0",
+    "jest-cli": "24.9.0",
     "prettier": "^2.0.5",
+    "puppeteer": "2.1.1",
     "rollup-pluginutils": "^2.8.2",
@@ -50,0 +54,0 @@ "stylelint": "^13.6.1",

New 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

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

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

Improved metrics

Total package byte prevSize

1418808

increased by0.57%

Lines of code

23737

increased by0.2%

Number of medium supply chain risk alerts

15

decreased by-11.76%

Worsened metrics

Dev dependency count

26

increased by18.18%

Number of package files

73

decreased by-9.88%

No dependency changes