@manifoldco/ui - npm Package Compare versions

Comparing version 0.0.17-alpha.6 to 0.0.17-alpha.7

dist/collection/collection-manifest.json

@@ -1284,2 +1284,3 @@ {
         "manifold-select",
+        "manifold-skeleton-text",
         "manifold-toggle",
@@ -1303,5 +1304,8 @@ "manifold-tooltip"
         {
-          "name": "resourceId",
+          "name": "resourceName",
           "type": "String",
-          "attr": "resource-id"
+          "attr": "resource-name",
+          "watch": [
+            "resourceChange"
+          ]
         }
@@ -1311,5 +1315,2 @@ ],
         {
-          "name": "plan"
-        },
-        {
           "name": "resource"
@@ -1316,0 +1317,0 @@ }

dist/collection/components/manifold-resource-details/components/CustomFeature.js

@@ -27,3 +27,3 @@ import { LockedFeature } from './LockedFeature';
     if (numberLocked || locked) {
-        return h(LockedFeature, null, getCustomValue(feature, value));
+        return h(LockedFeature, { value: getCustomValue(feature, value) });
     }
@@ -30,0 +30,0 @@ switch (feature.type) {

dist/collection/components/manifold-resource-details/components/FeatureDisplay.js

 import { check } from '@manifoldco/icons';
-export const FeatureDisplay = (_, value) => {
+export const FeatureDisplay = ({ value }) => {
     return (h("span", { class: "value", "data-value": value },
@@ -4,0 +4,0 @@ h("manifold-icon", { class: "icon", icon: check, marginRight: true }),

dist/collection/components/manifold-resource-details/components/FeatureValue.js

@@ -11,3 +11,17 @@ import { CustomFeature } from './CustomFeature';
     }
-    return h(FeatureDisplay, null, feature.value_string);
+    let displayValue;
+    switch (feature.type) {
+        case 'boolean':
+            displayValue = feature.value_string === 'true' ? 'Yes' : 'No';
+            break;
+        case 'number':
+            displayValue = feature.value_string && parseFloat(feature.value_string).toLocaleString();
+            break;
+        default:
+        case 'string':
+            displayValue = feature.value_string;
+            break;
+    }
+    console.log({ displayValue });
+    return h(FeatureDisplay, { value: displayValue });
 };

dist/collection/components/manifold-resource-details/components/LockedFeature.js

 import { lock } from '@manifoldco/icons';
-export const LockedFeature = (_, children) => {
+export const LockedFeature = ({ value }) => {
     return (h("manifold-tooltip", { labelText: "Feature cannot be changed from current plan" },
-        h("span", { class: "value", "data-value": children, "data-locked": true },
+        h("span", { class: "value", "data-value": value, "data-locked": true },
             h("manifold-icon", { class: "icon", icon: lock, marginRight: true }),
-            children)));
+            value)));
 };

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

@@ -6,2 +6,3 @@ import Tunnel from '../../data/connection';
 import { FeatureValue } from './components/FeatureValue';
+import { $ } from '../../utils/currency';
 export class ManifoldResourceDetails {
@@ -11,24 +12,59 @@ constructor() {
     }
+    resourceChange(newName) {
+        this.fetchResource(newName);
+    }
+    fetchResource(resourceName) {
+        return fetch(`${this.connection.gateway}/resources/me/${resourceName}`, withAuth())
+            .then(response => response.json())
+            .then((resource) => {
+            this.resource = resource;
+        });
+    }
     async componentWillLoad() {
-        const resourceResponse = await fetch(`${this.connection.marketplace}/resources/${this.resourceId}`, withAuth());
-        const resource = await resourceResponse.json();
-        this.resource = resource;
+        return this.fetchResource(this.resourceName);
+    }
+    render() {
         if (this.resource) {
-            const planResponse = await fetch(`${this.connection.catalog}/plans/${this.resource.body.plan_id}`, withAuth());
-            const plan = await planResponse.json();
-            this.plan = plan;
+            const { expanded_features, name } = this.resource.plan;
+            const { estimated_cost, features: customFeatures = [] } = this.resource;
+            return (h("div", { class: "container" },
+                h("h3", { class: "heading" }, "Plan Features"),
+                h("div", { class: "details" },
+                    estimated_cost && [
+                        h("span", { class: "amount" }, $(estimated_cost.cost)),
+                        h("span", { class: "suffix" }, "/mo"),
+                    ],
+                    h("p", { class: "plan-name" }, name)),
+                h("dl", { class: "features" }, expanded_features.map(feature => {
+                    const customFeature = customFeatures.find(({ label }) => label === feature.label);
+                    const customValue = customFeature && customFeature.value.value;
+                    return [
+                        h("dt", { class: "feature-name" },
+                            h(FeatureName, { feature: feature })),
+                        h("dd", { class: "feature-value" },
+                            h(FeatureValue, { feature: feature, value: customValue })),
+                    ];
+                }))));
         }
+        return (h("div", { class: "container" },
+            h("h3", { class: "heading" }, "Plan Features"),
+            h("div", { class: "details" },
+                h("span", { class: "amount" },
+                    h("manifold-skeleton-text", null, "0.00/mo")),
+                h("p", { class: "plan-name" },
+                    h("manifold-skeleton-text", null, "Plan Name"))),
+            h("dl", { class: "features" },
+                h("dt", { class: "feature-name" },
+                    h("manifold-skeleton-text", null, "Feature Name")),
+                h("dd", { class: "feature-value" },
+                    h("manifold-skeleton-text", null, "Feature Value")),
+                h("dt", { class: "feature-name" },
+                    h("manifold-skeleton-text", null, "The greatest and best feature in the world")),
+                h("dd", { class: "feature-value" },
+                    h("manifold-skeleton-text", null, "Tribute")),
+                h("dt", { class: "feature-name" },
+                    h("manifold-skeleton-text", null, "Another Feature Name")),
+                h("dd", { class: "feature-value" },
+                    h("manifold-skeleton-text", null, "Another Feature Value")))));
     }
-    render() {
-        if (!this.resource || !this.plan)
-            return null;
-        const { expanded_features = [] } = this.plan.body;
-        const { features: customFeatures } = this.resource.body;
-        return (h("dl", { class: "features" }, expanded_features.map(feature => [
-            h("dt", { class: "feature-name" },
-                h(FeatureName, { feature: feature })),
-            h("dd", { class: "feature-value" },
-                h(FeatureValue, { feature: feature, value: customFeatures[feature.label] })),
-        ])));
-    }
     static get is() { return "manifold-resource-details"; }
@@ -44,11 +80,9 @@ static get encapsulation() { return "shadow"; }
         },
-        "plan": {
-            "state": true
-        },
         "resource": {
             "state": true
         },
-        "resourceId": {
+        "resourceName": {
             "type": String,
-            "attr": "resource-id"
+            "attr": "resource-name",
+            "watchCallbacks": ["resourceChange"]
         }
@@ -55,0 +89,0 @@ }; }

dist/esm/es2017/manifold.components.js

 // manifold: Host Data, ES Module/es2017 Target
-export const COMPONENTS = [["context-consumer","qaxc3xvy",0,[["context",1],["el",64],["renderer",1,0,1,1],["subscribe",1],["unsubscribe",16]]],["manifold-active-plan","vkizcwn4",1,[["hideCta",1,0,"hide-cta",4],["isExistingResource",1,0,"is-existing-resource",4],["linkFormat",1,0,"link-format",2],["plans",1],["preserveEvent",1,0,"preserve-event",4],["product",1],["regions",1],["selectedPlanId",16],["selectedResource",1]],1],["manifold-badge","qaxc3xvy",1,0,1],["manifold-connection","zjmcsnd8",0,[["env",1,0,1,2]]],["manifold-cost-display","qaxc3xvy",1,[["baseCost",1,0,"base-cost",8],["compact",1,0,1,4],["el",64],["isCustomizable",1,0,"is-customizable",4],["measuredFeatures",1]],1],["manifold-data-manage-button","ikbxbwyo",0,[["connection",1],["el",64],["features",1],["planId",1,0,"plan-id",2],["productId",2,0,"product-id",2],["regionId",1,0,"region-id",2],["resourceId",16],["resourceName",1,0,"resource-name",2]]],["manifold-data-product-logo","rxyewqbf",0,[["alt",1,0,1,2],["connection",1],["el",64],["product",16],["productLabel",1,0,"product-label",2],["resourceName",1,0,"resource-name",2]]],["manifold-data-product-name","qfh4keu3",0,[["connection",1],["el",64],["productLabel",1,0,"product-label",2],["productName",16],["resourceName",1,0,"resource-name",2]]],["manifold-data-provision-button","2yhl4zar",0,[["connection",1],["el",64],["features",1],["inputId",1,0,"input-id",2],["ownerId",1,0,"owner-id",2],["planId",1,0,"plan-id",2],["productId",2,0,"product-id",2],["productLabel",1,0,"product-label",2],["regionId",1,0,"region-id",2],["resourceName",16]]],["manifold-data-resource-list","tww9kxni",0,[["connection",1],["el",64],["interval",16],["linkFormat",1,0,"link-format",2],["paused",1,0,1,4],["preserveEvent",1,0,"preserve-event",4],["resources",16]]],["manifold-icon","llrkhz7d",1,[["color",1,0,1,2],["element",64],["gradient",1,0,1,2],["icon",1,0,1,2],["marginLeft",1,0,"margin-left",4],["marginRight",1,0,"margin-right",4],["title",1,0,1,2]],1],["manifold-image-gallery","ojix8kao",1,[["images",1],["selectedImage",16],["title",1,0,1,2]],1],["manifold-lazy-image","goswrhgn",0,[["alt",1,0,1,2],["itemprop",1,0,1,2],["observer",16],["src",1,0,1,2]]],["manifold-link-button","qaxc3xvy",1,[["color",1,0,1,2],["href",1,0,1,2],["onClick",1],["rel",1,0,1,2],["size",1,0,1,2],["target",1,0,1,2]],1],["manifold-marketplace","goswrhgn",0,[["connection",1],["el",64],["excludes",1,0,1,2],["featured",1,0,1,2],["hideCategories",1,0,"hide-categories",4],["hideTemplates",1,0,"hide-templates",4],["linkFormat",1,0,"link-format",2],["parsedExcludes",16],["parsedFeatured",16],["parsedProducts",16],["preserveEvent",1,0,"preserve-event",4],["products",1,0,1,2],["services",16]]],["manifold-marketplace-grid","goswrhgn",1,[["activeCategory",16],["el",64],["excludes",1],["featured",1],["filter",16],["hideCategories",1,0,"hide-categories",4],["hideTemplates",1,0,"hide-templates",4],["linkFormat",1,0,"link-format",2],["observer",16],["preserveEvent",1,0,"preserve-event",4],["products",1],["scrollToCategory",16],["search",16],["services",1],["skeleton",16]],1],["manifold-number-input","qaxc3xvy",1,[["decrementDisabledLabel",1,0,"decrement-disabled-label",2],["error",1,0,1,2],["increment",1,0,1,8],["incrementDisabledLabel",1,0,"increment-disabled-label",2],["max",1,0,1,8],["min",1,0,1,8],["name",1,0,1,2],["suffix",1,0,1,2],["value",2,0,1,8]],1],["manifold-plan-cost","qaxc3xvy",0,[["allFeatures",1],["baseCost",16],["compact",1,0,1,4],["connection",1],["controller",16],["customizable",1,0,1,4],["el",64],["planId",1,0,"plan-id",2],["selectedFeatures",1]]],["manifold-plan-details","ytpnu1ja",1,[["features",16],["hideCta",1,0,"hide-cta",4],["isExistingResource",1,0,"is-existing-resource",4],["linkFormat",1,0,"link-format",2],["plan",1],["preserveEvent",1,0,"preserve-event",4],["product",1],["regionId",16],["regions",1],["resourceFeatures",1],["resourceRegion",1,0,"resource-region",2]],1],["manifold-plan-menu","vkizcwn4",1,[["plans",1],["selectPlan",1],["selectedPlanId",1,0,"selected-plan-id",2]],1],["manifold-plan-selector","vkizcwn4",0,[["connection",1],["el",64],["hideCta",1,0,"hide-cta",4],["linkFormat",1,0,"link-format",2],["parsedRegions",16],["plans",16],["preserveEvent",1,0,"preserve-event",4],["product",16],["productLabel",1,0,"product-label",2],["regions",1,0,1,2],["resource",16],["resourceName",1,0,"resource-name",2]]],["manifold-product","xolcnxc5",0,[["connection",1],["el",64],["hideCta",1,0,"hide-cta",4],["linkFormat",1,0,"link-format",2],["preserveEvent",1,0,"preserve-event",4],["product",16],["productLabel",1,0,"product-label",2],["provider",16]]],["manifold-product-details","ojix8kao",1,[["product",1]],1],["manifold-product-page","ojix8kao",1,[["hideCta",1,0,"hide-cta",4],["linkFormat",1,0,"link-format",2],["preserveEvent",1,0,"preserve-event",4],["product",1],["provider",1]],1],["manifold-region-selector","ytpnu1ja",0,[["allowedRegions",1],["ariaLabel",1,0,"aria-label",2],["connection",1],["el",64],["globalRegion",16],["name",1,0,1,2],["preferredRegions",1],["regions",16],["value",1,0,1,2]]],["manifold-resource-credentials","frccrpal",1,[["connection",1],["credentials",16],["el",64],["resource",16],["resourceName",1,0,"resource-name",2]],1],["manifold-resource-details","8dtj008j",1,[["connection",1],["el",64],["plan",16],["resource",16],["resourceId",1,0,"resource-id",2]],1],["manifold-resource-status","bxp4xyuo",1,[["connection",1],["el",64],["loading",16],["resource",16],["resourceName",1,0,"resource-name",2]],1],["manifold-select","ewbawxtk",1,[["defaultValue",1,0,"default-value",2],["name",1,0,1,2],["options",1],["required",1,0,1,4]],2],["manifold-service-card","goswrhgn",1,[["connection",1],["description",1,0,1,2],["el",64],["isFeatured",1,0,"is-featured",4],["isFree",16],["label",1,0,1,2],["linkFormat",1,0,"link-format",2],["logo",1,0,1,2],["name",1,0,1,2],["preserveEvent",1,0,"preserve-event",4],["productId",1,0,"product-id",2],["skeleton",1,0,1,4]],1],["manifold-skeleton-img","xznyqfhj",1,0,1],["manifold-skeleton-text","d094mxuk",1,0,1],["manifold-template-card","goswrhgn",1,[["category",1,0,1,2],["linkFormat",1,0,"link-format",2],["preserveEvent",1,0,"preserve-event",4]],1],["manifold-toast","goswrhgn",1,[["alertType",1,0,"alert-type",2],["dismissable",1,0,1,4],["el",64],["icon",1,0,1,2],["lastHeight",16],["observer",16],["status",16]],1],["manifold-toggle","qaxc3xvy",1,[["ariaLabelledby",1,0,"aria-labelledby",2],["defaultValue",1,0,"default-value",4],["disabled",1,0,1,4],["label",1,0,1,2],["name",1,0,1,2]],2],["manifold-tooltip","qaxc3xvy",1,[["labelText",1,0,"label-text",2]],1]]
+export const COMPONENTS = [["context-consumer","qaxc3xvy",0,[["context",1],["el",64],["renderer",1,0,1,1],["subscribe",1],["unsubscribe",16]]],["manifold-active-plan","vkizcwn4",1,[["hideCta",1,0,"hide-cta",4],["isExistingResource",1,0,"is-existing-resource",4],["linkFormat",1,0,"link-format",2],["plans",1],["preserveEvent",1,0,"preserve-event",4],["product",1],["regions",1],["selectedPlanId",16],["selectedResource",1]],1],["manifold-badge","qaxc3xvy",1,0,1],["manifold-connection","zjmcsnd8",0,[["env",1,0,1,2]]],["manifold-cost-display","qaxc3xvy",1,[["baseCost",1,0,"base-cost",8],["compact",1,0,1,4],["el",64],["isCustomizable",1,0,"is-customizable",4],["measuredFeatures",1]],1],["manifold-data-manage-button","ikbxbwyo",0,[["connection",1],["el",64],["features",1],["planId",1,0,"plan-id",2],["productId",2,0,"product-id",2],["regionId",1,0,"region-id",2],["resourceId",16],["resourceName",1,0,"resource-name",2]]],["manifold-data-product-logo","rxyewqbf",0,[["alt",1,0,1,2],["connection",1],["el",64],["product",16],["productLabel",1,0,"product-label",2],["resourceName",1,0,"resource-name",2]]],["manifold-data-product-name","qfh4keu3",0,[["connection",1],["el",64],["productLabel",1,0,"product-label",2],["productName",16],["resourceName",1,0,"resource-name",2]]],["manifold-data-provision-button","2yhl4zar",0,[["connection",1],["el",64],["features",1],["inputId",1,0,"input-id",2],["ownerId",1,0,"owner-id",2],["planId",1,0,"plan-id",2],["productId",2,0,"product-id",2],["productLabel",1,0,"product-label",2],["regionId",1,0,"region-id",2],["resourceName",16]]],["manifold-data-resource-list","tww9kxni",0,[["connection",1],["el",64],["interval",16],["linkFormat",1,0,"link-format",2],["paused",1,0,1,4],["preserveEvent",1,0,"preserve-event",4],["resources",16]]],["manifold-icon","llrkhz7d",1,[["color",1,0,1,2],["element",64],["gradient",1,0,1,2],["icon",1,0,1,2],["marginLeft",1,0,"margin-left",4],["marginRight",1,0,"margin-right",4],["title",1,0,1,2]],1],["manifold-image-gallery","ojix8kao",1,[["images",1],["selectedImage",16],["title",1,0,1,2]],1],["manifold-lazy-image","goswrhgn",0,[["alt",1,0,1,2],["itemprop",1,0,1,2],["observer",16],["src",1,0,1,2]]],["manifold-link-button","qaxc3xvy",1,[["color",1,0,1,2],["href",1,0,1,2],["onClick",1],["rel",1,0,1,2],["size",1,0,1,2],["target",1,0,1,2]],1],["manifold-marketplace","goswrhgn",0,[["connection",1],["el",64],["excludes",1,0,1,2],["featured",1,0,1,2],["hideCategories",1,0,"hide-categories",4],["hideTemplates",1,0,"hide-templates",4],["linkFormat",1,0,"link-format",2],["parsedExcludes",16],["parsedFeatured",16],["parsedProducts",16],["preserveEvent",1,0,"preserve-event",4],["products",1,0,1,2],["services",16]]],["manifold-marketplace-grid","goswrhgn",1,[["activeCategory",16],["el",64],["excludes",1],["featured",1],["filter",16],["hideCategories",1,0,"hide-categories",4],["hideTemplates",1,0,"hide-templates",4],["linkFormat",1,0,"link-format",2],["observer",16],["preserveEvent",1,0,"preserve-event",4],["products",1],["scrollToCategory",16],["search",16],["services",1],["skeleton",16]],1],["manifold-number-input","qaxc3xvy",1,[["decrementDisabledLabel",1,0,"decrement-disabled-label",2],["error",1,0,1,2],["increment",1,0,1,8],["incrementDisabledLabel",1,0,"increment-disabled-label",2],["max",1,0,1,8],["min",1,0,1,8],["name",1,0,1,2],["suffix",1,0,1,2],["value",2,0,1,8]],1],["manifold-plan-cost","qaxc3xvy",0,[["allFeatures",1],["baseCost",16],["compact",1,0,1,4],["connection",1],["controller",16],["customizable",1,0,1,4],["el",64],["planId",1,0,"plan-id",2],["selectedFeatures",1]]],["manifold-plan-details","ytpnu1ja",1,[["features",16],["hideCta",1,0,"hide-cta",4],["isExistingResource",1,0,"is-existing-resource",4],["linkFormat",1,0,"link-format",2],["plan",1],["preserveEvent",1,0,"preserve-event",4],["product",1],["regionId",16],["regions",1],["resourceFeatures",1],["resourceRegion",1,0,"resource-region",2]],1],["manifold-plan-menu","vkizcwn4",1,[["plans",1],["selectPlan",1],["selectedPlanId",1,0,"selected-plan-id",2]],1],["manifold-plan-selector","vkizcwn4",0,[["connection",1],["el",64],["hideCta",1,0,"hide-cta",4],["linkFormat",1,0,"link-format",2],["parsedRegions",16],["plans",16],["preserveEvent",1,0,"preserve-event",4],["product",16],["productLabel",1,0,"product-label",2],["regions",1,0,1,2],["resource",16],["resourceName",1,0,"resource-name",2]]],["manifold-product","xolcnxc5",0,[["connection",1],["el",64],["hideCta",1,0,"hide-cta",4],["linkFormat",1,0,"link-format",2],["preserveEvent",1,0,"preserve-event",4],["product",16],["productLabel",1,0,"product-label",2],["provider",16]]],["manifold-product-details","ojix8kao",1,[["product",1]],1],["manifold-product-page","ojix8kao",1,[["hideCta",1,0,"hide-cta",4],["linkFormat",1,0,"link-format",2],["preserveEvent",1,0,"preserve-event",4],["product",1],["provider",1]],1],["manifold-region-selector","ytpnu1ja",0,[["allowedRegions",1],["ariaLabel",1,0,"aria-label",2],["connection",1],["el",64],["globalRegion",16],["name",1,0,1,2],["preferredRegions",1],["regions",16],["value",1,0,1,2]]],["manifold-resource-credentials","frccrpal",1,[["connection",1],["credentials",16],["el",64],["resource",16],["resourceName",1,0,"resource-name",2]],1],["manifold-resource-details","moxu0ltx",1,[["connection",1],["el",64],["resource",16],["resourceName",1,0,"resource-name",2]],1],["manifold-resource-status","bxp4xyuo",1,[["connection",1],["el",64],["loading",16],["resource",16],["resourceName",1,0,"resource-name",2]],1],["manifold-select","ewbawxtk",1,[["defaultValue",1,0,"default-value",2],["name",1,0,1,2],["options",1],["required",1,0,1,4]],2],["manifold-service-card","goswrhgn",1,[["connection",1],["description",1,0,1,2],["el",64],["isFeatured",1,0,"is-featured",4],["isFree",16],["label",1,0,1,2],["linkFormat",1,0,"link-format",2],["logo",1,0,1,2],["name",1,0,1,2],["preserveEvent",1,0,"preserve-event",4],["productId",1,0,"product-id",2],["skeleton",1,0,1,4]],1],["manifold-skeleton-img","xznyqfhj",1,0,1],["manifold-skeleton-text","d094mxuk",1,0,1],["manifold-template-card","goswrhgn",1,[["category",1,0,1,2],["linkFormat",1,0,"link-format",2],["preserveEvent",1,0,"preserve-event",4]],1],["manifold-toast","goswrhgn",1,[["alertType",1,0,"alert-type",2],["dismissable",1,0,1,4],["el",64],["icon",1,0,1,2],["lastHeight",16],["observer",16],["status",16]],1],["manifold-toggle","qaxc3xvy",1,[["ariaLabelledby",1,0,"aria-labelledby",2],["defaultValue",1,0,"default-value",4],["disabled",1,0,1,4],["label",1,0,1,2],["name",1,0,1,2]],2],["manifold-tooltip","qaxc3xvy",1,[["labelText",1,0,"label-text",2]],1]]

dist/esm/es5/manifold.components.js

 // manifold: Host Data, ES Module/es5 Target
-export var COMPONENTS = [["context-consumer","qaxc3xvy",0,[["context",1],["el",64],["renderer",1,0,1,1],["subscribe",1],["unsubscribe",16]]],["manifold-active-plan","vkizcwn4",1,[["hideCta",1,0,"hide-cta",4],["isExistingResource",1,0,"is-existing-resource",4],["linkFormat",1,0,"link-format",2],["plans",1],["preserveEvent",1,0,"preserve-event",4],["product",1],["regions",1],["selectedPlanId",16],["selectedResource",1]],1],["manifold-badge","qaxc3xvy",1,0,1],["manifold-connection","zjmcsnd8",0,[["env",1,0,1,2]]],["manifold-cost-display","qaxc3xvy",1,[["baseCost",1,0,"base-cost",8],["compact",1,0,1,4],["el",64],["isCustomizable",1,0,"is-customizable",4],["measuredFeatures",1]],1],["manifold-data-manage-button","ikbxbwyo",0,[["connection",1],["el",64],["features",1],["planId",1,0,"plan-id",2],["productId",2,0,"product-id",2],["regionId",1,0,"region-id",2],["resourceId",16],["resourceName",1,0,"resource-name",2]]],["manifold-data-product-logo","rxyewqbf",0,[["alt",1,0,1,2],["connection",1],["el",64],["product",16],["productLabel",1,0,"product-label",2],["resourceName",1,0,"resource-name",2]]],["manifold-data-product-name","qfh4keu3",0,[["connection",1],["el",64],["productLabel",1,0,"product-label",2],["productName",16],["resourceName",1,0,"resource-name",2]]],["manifold-data-provision-button","2yhl4zar",0,[["connection",1],["el",64],["features",1],["inputId",1,0,"input-id",2],["ownerId",1,0,"owner-id",2],["planId",1,0,"plan-id",2],["productId",2,0,"product-id",2],["productLabel",1,0,"product-label",2],["regionId",1,0,"region-id",2],["resourceName",16]]],["manifold-data-resource-list","tww9kxni",0,[["connection",1],["el",64],["interval",16],["linkFormat",1,0,"link-format",2],["paused",1,0,1,4],["preserveEvent",1,0,"preserve-event",4],["resources",16]]],["manifold-icon","llrkhz7d",1,[["color",1,0,1,2],["element",64],["gradient",1,0,1,2],["icon",1,0,1,2],["marginLeft",1,0,"margin-left",4],["marginRight",1,0,"margin-right",4],["title",1,0,1,2]],1],["manifold-image-gallery","ojix8kao",1,[["images",1],["selectedImage",16],["title",1,0,1,2]],1],["manifold-lazy-image","goswrhgn",0,[["alt",1,0,1,2],["itemprop",1,0,1,2],["observer",16],["src",1,0,1,2]]],["manifold-link-button","qaxc3xvy",1,[["color",1,0,1,2],["href",1,0,1,2],["onClick",1],["rel",1,0,1,2],["size",1,0,1,2],["target",1,0,1,2]],1],["manifold-marketplace","goswrhgn",0,[["connection",1],["el",64],["excludes",1,0,1,2],["featured",1,0,1,2],["hideCategories",1,0,"hide-categories",4],["hideTemplates",1,0,"hide-templates",4],["linkFormat",1,0,"link-format",2],["parsedExcludes",16],["parsedFeatured",16],["parsedProducts",16],["preserveEvent",1,0,"preserve-event",4],["products",1,0,1,2],["services",16]]],["manifold-marketplace-grid","goswrhgn",1,[["activeCategory",16],["el",64],["excludes",1],["featured",1],["filter",16],["hideCategories",1,0,"hide-categories",4],["hideTemplates",1,0,"hide-templates",4],["linkFormat",1,0,"link-format",2],["observer",16],["preserveEvent",1,0,"preserve-event",4],["products",1],["scrollToCategory",16],["search",16],["services",1],["skeleton",16]],1],["manifold-number-input","qaxc3xvy",1,[["decrementDisabledLabel",1,0,"decrement-disabled-label",2],["error",1,0,1,2],["increment",1,0,1,8],["incrementDisabledLabel",1,0,"increment-disabled-label",2],["max",1,0,1,8],["min",1,0,1,8],["name",1,0,1,2],["suffix",1,0,1,2],["value",2,0,1,8]],1],["manifold-plan-cost","qaxc3xvy",0,[["allFeatures",1],["baseCost",16],["compact",1,0,1,4],["connection",1],["controller",16],["customizable",1,0,1,4],["el",64],["planId",1,0,"plan-id",2],["selectedFeatures",1]]],["manifold-plan-details","ytpnu1ja",1,[["features",16],["hideCta",1,0,"hide-cta",4],["isExistingResource",1,0,"is-existing-resource",4],["linkFormat",1,0,"link-format",2],["plan",1],["preserveEvent",1,0,"preserve-event",4],["product",1],["regionId",16],["regions",1],["resourceFeatures",1],["resourceRegion",1,0,"resource-region",2]],1],["manifold-plan-menu","vkizcwn4",1,[["plans",1],["selectPlan",1],["selectedPlanId",1,0,"selected-plan-id",2]],1],["manifold-plan-selector","vkizcwn4",0,[["connection",1],["el",64],["hideCta",1,0,"hide-cta",4],["linkFormat",1,0,"link-format",2],["parsedRegions",16],["plans",16],["preserveEvent",1,0,"preserve-event",4],["product",16],["productLabel",1,0,"product-label",2],["regions",1,0,1,2],["resource",16],["resourceName",1,0,"resource-name",2]]],["manifold-product","xolcnxc5",0,[["connection",1],["el",64],["hideCta",1,0,"hide-cta",4],["linkFormat",1,0,"link-format",2],["preserveEvent",1,0,"preserve-event",4],["product",16],["productLabel",1,0,"product-label",2],["provider",16]]],["manifold-product-details","ojix8kao",1,[["product",1]],1],["manifold-product-page","ojix8kao",1,[["hideCta",1,0,"hide-cta",4],["linkFormat",1,0,"link-format",2],["preserveEvent",1,0,"preserve-event",4],["product",1],["provider",1]],1],["manifold-region-selector","ytpnu1ja",0,[["allowedRegions",1],["ariaLabel",1,0,"aria-label",2],["connection",1],["el",64],["globalRegion",16],["name",1,0,1,2],["preferredRegions",1],["regions",16],["value",1,0,1,2]]],["manifold-resource-credentials","frccrpal",1,[["connection",1],["credentials",16],["el",64],["resource",16],["resourceName",1,0,"resource-name",2]],1],["manifold-resource-details","8dtj008j",1,[["connection",1],["el",64],["plan",16],["resource",16],["resourceId",1,0,"resource-id",2]],1],["manifold-resource-status","bxp4xyuo",1,[["connection",1],["el",64],["loading",16],["resource",16],["resourceName",1,0,"resource-name",2]],1],["manifold-select","ewbawxtk",1,[["defaultValue",1,0,"default-value",2],["name",1,0,1,2],["options",1],["required",1,0,1,4]],2],["manifold-service-card","goswrhgn",1,[["connection",1],["description",1,0,1,2],["el",64],["isFeatured",1,0,"is-featured",4],["isFree",16],["label",1,0,1,2],["linkFormat",1,0,"link-format",2],["logo",1,0,1,2],["name",1,0,1,2],["preserveEvent",1,0,"preserve-event",4],["productId",1,0,"product-id",2],["skeleton",1,0,1,4]],1],["manifold-skeleton-img","xznyqfhj",1,0,1],["manifold-skeleton-text","d094mxuk",1,0,1],["manifold-template-card","goswrhgn",1,[["category",1,0,1,2],["linkFormat",1,0,"link-format",2],["preserveEvent",1,0,"preserve-event",4]],1],["manifold-toast","goswrhgn",1,[["alertType",1,0,"alert-type",2],["dismissable",1,0,1,4],["el",64],["icon",1,0,1,2],["lastHeight",16],["observer",16],["status",16]],1],["manifold-toggle","qaxc3xvy",1,[["ariaLabelledby",1,0,"aria-labelledby",2],["defaultValue",1,0,"default-value",4],["disabled",1,0,1,4],["label",1,0,1,2],["name",1,0,1,2]],2],["manifold-tooltip","qaxc3xvy",1,[["labelText",1,0,"label-text",2]],1]]
+export var COMPONENTS = [["context-consumer","qaxc3xvy",0,[["context",1],["el",64],["renderer",1,0,1,1],["subscribe",1],["unsubscribe",16]]],["manifold-active-plan","vkizcwn4",1,[["hideCta",1,0,"hide-cta",4],["isExistingResource",1,0,"is-existing-resource",4],["linkFormat",1,0,"link-format",2],["plans",1],["preserveEvent",1,0,"preserve-event",4],["product",1],["regions",1],["selectedPlanId",16],["selectedResource",1]],1],["manifold-badge","qaxc3xvy",1,0,1],["manifold-connection","zjmcsnd8",0,[["env",1,0,1,2]]],["manifold-cost-display","qaxc3xvy",1,[["baseCost",1,0,"base-cost",8],["compact",1,0,1,4],["el",64],["isCustomizable",1,0,"is-customizable",4],["measuredFeatures",1]],1],["manifold-data-manage-button","ikbxbwyo",0,[["connection",1],["el",64],["features",1],["planId",1,0,"plan-id",2],["productId",2,0,"product-id",2],["regionId",1,0,"region-id",2],["resourceId",16],["resourceName",1,0,"resource-name",2]]],["manifold-data-product-logo","rxyewqbf",0,[["alt",1,0,1,2],["connection",1],["el",64],["product",16],["productLabel",1,0,"product-label",2],["resourceName",1,0,"resource-name",2]]],["manifold-data-product-name","qfh4keu3",0,[["connection",1],["el",64],["productLabel",1,0,"product-label",2],["productName",16],["resourceName",1,0,"resource-name",2]]],["manifold-data-provision-button","2yhl4zar",0,[["connection",1],["el",64],["features",1],["inputId",1,0,"input-id",2],["ownerId",1,0,"owner-id",2],["planId",1,0,"plan-id",2],["productId",2,0,"product-id",2],["productLabel",1,0,"product-label",2],["regionId",1,0,"region-id",2],["resourceName",16]]],["manifold-data-resource-list","tww9kxni",0,[["connection",1],["el",64],["interval",16],["linkFormat",1,0,"link-format",2],["paused",1,0,1,4],["preserveEvent",1,0,"preserve-event",4],["resources",16]]],["manifold-icon","llrkhz7d",1,[["color",1,0,1,2],["element",64],["gradient",1,0,1,2],["icon",1,0,1,2],["marginLeft",1,0,"margin-left",4],["marginRight",1,0,"margin-right",4],["title",1,0,1,2]],1],["manifold-image-gallery","ojix8kao",1,[["images",1],["selectedImage",16],["title",1,0,1,2]],1],["manifold-lazy-image","goswrhgn",0,[["alt",1,0,1,2],["itemprop",1,0,1,2],["observer",16],["src",1,0,1,2]]],["manifold-link-button","qaxc3xvy",1,[["color",1,0,1,2],["href",1,0,1,2],["onClick",1],["rel",1,0,1,2],["size",1,0,1,2],["target",1,0,1,2]],1],["manifold-marketplace","goswrhgn",0,[["connection",1],["el",64],["excludes",1,0,1,2],["featured",1,0,1,2],["hideCategories",1,0,"hide-categories",4],["hideTemplates",1,0,"hide-templates",4],["linkFormat",1,0,"link-format",2],["parsedExcludes",16],["parsedFeatured",16],["parsedProducts",16],["preserveEvent",1,0,"preserve-event",4],["products",1,0,1,2],["services",16]]],["manifold-marketplace-grid","goswrhgn",1,[["activeCategory",16],["el",64],["excludes",1],["featured",1],["filter",16],["hideCategories",1,0,"hide-categories",4],["hideTemplates",1,0,"hide-templates",4],["linkFormat",1,0,"link-format",2],["observer",16],["preserveEvent",1,0,"preserve-event",4],["products",1],["scrollToCategory",16],["search",16],["services",1],["skeleton",16]],1],["manifold-number-input","qaxc3xvy",1,[["decrementDisabledLabel",1,0,"decrement-disabled-label",2],["error",1,0,1,2],["increment",1,0,1,8],["incrementDisabledLabel",1,0,"increment-disabled-label",2],["max",1,0,1,8],["min",1,0,1,8],["name",1,0,1,2],["suffix",1,0,1,2],["value",2,0,1,8]],1],["manifold-plan-cost","qaxc3xvy",0,[["allFeatures",1],["baseCost",16],["compact",1,0,1,4],["connection",1],["controller",16],["customizable",1,0,1,4],["el",64],["planId",1,0,"plan-id",2],["selectedFeatures",1]]],["manifold-plan-details","ytpnu1ja",1,[["features",16],["hideCta",1,0,"hide-cta",4],["isExistingResource",1,0,"is-existing-resource",4],["linkFormat",1,0,"link-format",2],["plan",1],["preserveEvent",1,0,"preserve-event",4],["product",1],["regionId",16],["regions",1],["resourceFeatures",1],["resourceRegion",1,0,"resource-region",2]],1],["manifold-plan-menu","vkizcwn4",1,[["plans",1],["selectPlan",1],["selectedPlanId",1,0,"selected-plan-id",2]],1],["manifold-plan-selector","vkizcwn4",0,[["connection",1],["el",64],["hideCta",1,0,"hide-cta",4],["linkFormat",1,0,"link-format",2],["parsedRegions",16],["plans",16],["preserveEvent",1,0,"preserve-event",4],["product",16],["productLabel",1,0,"product-label",2],["regions",1,0,1,2],["resource",16],["resourceName",1,0,"resource-name",2]]],["manifold-product","xolcnxc5",0,[["connection",1],["el",64],["hideCta",1,0,"hide-cta",4],["linkFormat",1,0,"link-format",2],["preserveEvent",1,0,"preserve-event",4],["product",16],["productLabel",1,0,"product-label",2],["provider",16]]],["manifold-product-details","ojix8kao",1,[["product",1]],1],["manifold-product-page","ojix8kao",1,[["hideCta",1,0,"hide-cta",4],["linkFormat",1,0,"link-format",2],["preserveEvent",1,0,"preserve-event",4],["product",1],["provider",1]],1],["manifold-region-selector","ytpnu1ja",0,[["allowedRegions",1],["ariaLabel",1,0,"aria-label",2],["connection",1],["el",64],["globalRegion",16],["name",1,0,1,2],["preferredRegions",1],["regions",16],["value",1,0,1,2]]],["manifold-resource-credentials","frccrpal",1,[["connection",1],["credentials",16],["el",64],["resource",16],["resourceName",1,0,"resource-name",2]],1],["manifold-resource-details","moxu0ltx",1,[["connection",1],["el",64],["resource",16],["resourceName",1,0,"resource-name",2]],1],["manifold-resource-status","bxp4xyuo",1,[["connection",1],["el",64],["loading",16],["resource",16],["resourceName",1,0,"resource-name",2]],1],["manifold-select","ewbawxtk",1,[["defaultValue",1,0,"default-value",2],["name",1,0,1,2],["options",1],["required",1,0,1,4]],2],["manifold-service-card","goswrhgn",1,[["connection",1],["description",1,0,1,2],["el",64],["isFeatured",1,0,"is-featured",4],["isFree",16],["label",1,0,1,2],["linkFormat",1,0,"link-format",2],["logo",1,0,1,2],["name",1,0,1,2],["preserveEvent",1,0,"preserve-event",4],["productId",1,0,"product-id",2],["skeleton",1,0,1,4]],1],["manifold-skeleton-img","xznyqfhj",1,0,1],["manifold-skeleton-text","d094mxuk",1,0,1],["manifold-template-card","goswrhgn",1,[["category",1,0,1,2],["linkFormat",1,0,"link-format",2],["preserveEvent",1,0,"preserve-event",4]],1],["manifold-toast","goswrhgn",1,[["alertType",1,0,"alert-type",2],["dismissable",1,0,1,4],["el",64],["icon",1,0,1,2],["lastHeight",16],["observer",16],["status",16]],1],["manifold-toggle","qaxc3xvy",1,[["ariaLabelledby",1,0,"aria-labelledby",2],["defaultValue",1,0,"default-value",4],["disabled",1,0,1,4],["label",1,0,1,2],["name",1,0,1,2]],2],["manifold-tooltip","qaxc3xvy",1,[["labelText",1,0,"label-text",2]],1]]

dist/manifold.js

@@ -1,1 +0,1 @@
-!function(e,t,n,o,a,i,l,r,d,s,m,c,f,u){for(m=e.manifold=e.manifold||{},(c=t.createElement("style")).innerHTML=d+"{visibility:hidden}.hydrated{visibility:inherit}",c.setAttribute("data-styles",""),f=t.head.querySelector("meta[charset]"),t.head.insertBefore(c,f?f.nextSibling:t.head.firstChild),function(e,t,n){(e["s-apps"]=e["s-apps"]||[]).push("manifold"),n.componentOnReady||(n.componentOnReady=function(){var t=this;function n(n){if(t.nodeName.indexOf("-")>0){for(var o=e["s-apps"],a=0,i=0;i<o.length;i++)if(e[o[i]].componentOnReady){if(e[o[i]].componentOnReady(t,n))return;a++}if(a<o.length)return void(e["s-cr"]=e["s-cr"]||[]).push([t,n])}n(null)}return e.Promise?new e.Promise(n):{then:n}})}(e,0,s),a=a||m.resourcesUrl,c=(f=t.querySelectorAll("script")).length-1;c>=0&&!(u=f[c]).src&&!u.hasAttribute("data-resources-url");c--);f=u.getAttribute("data-resources-url"),!a&&f&&(a=f),!a&&u.src&&(a=(f=u.src.split("/").slice(0,-1)).join("/")+(f.length?"/":"")+"manifold/"),c=t.createElement("script"),function(e,t,n,o){return!(t.search.indexOf("core=esm")>0)&&(!(!(t.search.indexOf("core=es5")>0||"file:"===t.protocol)&&e.customElements&&e.customElements.define&&e.fetch&&e.CSS&&e.CSS.supports&&e.CSS.supports("color","var(--c)")&&"noModule"in n)||function(e){try{return new Function('import("")'),!1}catch(e){}return!0}())}(e,e.location,c)?c.src=a+"manifold.mzz6jjkr.js":(c.src=a+"manifold.04e6d5pa.js",c.setAttribute("type","module"),c.setAttribute("crossorigin",!0)),c.setAttribute("data-resources-url",a),c.setAttribute("data-namespace","manifold"),t.head.appendChild(c)}(window,document,0,0,0,0,0,0,"context-consumer,manifold-active-plan,manifold-badge,manifold-connection,manifold-cost-display,manifold-data-manage-button,manifold-data-product-logo,manifold-data-product-name,manifold-data-provision-button,manifold-data-resource-list,manifold-icon,manifold-image-gallery,manifold-lazy-image,manifold-link-button,manifold-marketplace,manifold-marketplace-grid,manifold-number-input,manifold-plan-cost,manifold-plan-details,manifold-plan-menu,manifold-plan-selector,manifold-product,manifold-product-details,manifold-product-page,manifold-region-selector,manifold-resource-credentials,manifold-resource-details,manifold-resource-status,manifold-select,manifold-service-card,manifold-skeleton-img,manifold-skeleton-text,manifold-template-card,manifold-toast,manifold-toggle,manifold-tooltip",HTMLElement.prototype);
+!function(e,t,n,o,a,i,l,r,d,s,m,c,f,u){for(m=e.manifold=e.manifold||{},(c=t.createElement("style")).innerHTML=d+"{visibility:hidden}.hydrated{visibility:inherit}",c.setAttribute("data-styles",""),f=t.head.querySelector("meta[charset]"),t.head.insertBefore(c,f?f.nextSibling:t.head.firstChild),function(e,t,n){(e["s-apps"]=e["s-apps"]||[]).push("manifold"),n.componentOnReady||(n.componentOnReady=function(){var t=this;function n(n){if(t.nodeName.indexOf("-")>0){for(var o=e["s-apps"],a=0,i=0;i<o.length;i++)if(e[o[i]].componentOnReady){if(e[o[i]].componentOnReady(t,n))return;a++}if(a<o.length)return void(e["s-cr"]=e["s-cr"]||[]).push([t,n])}n(null)}return e.Promise?new e.Promise(n):{then:n}})}(e,0,s),a=a||m.resourcesUrl,c=(f=t.querySelectorAll("script")).length-1;c>=0&&!(u=f[c]).src&&!u.hasAttribute("data-resources-url");c--);f=u.getAttribute("data-resources-url"),!a&&f&&(a=f),!a&&u.src&&(a=(f=u.src.split("/").slice(0,-1)).join("/")+(f.length?"/":"")+"manifold/"),c=t.createElement("script"),function(e,t,n,o){return!(t.search.indexOf("core=esm")>0)&&(!(!(t.search.indexOf("core=es5")>0||"file:"===t.protocol)&&e.customElements&&e.customElements.define&&e.fetch&&e.CSS&&e.CSS.supports&&e.CSS.supports("color","var(--c)")&&"noModule"in n)||function(e){try{return new Function('import("")'),!1}catch(e){}return!0}())}(e,e.location,c)?c.src=a+"manifold.rzqmyexw.js":(c.src=a+"manifold.xkqdojj4.js",c.setAttribute("type","module"),c.setAttribute("crossorigin",!0)),c.setAttribute("data-resources-url",a),c.setAttribute("data-namespace","manifold"),t.head.appendChild(c)}(window,document,0,0,0,0,0,0,"context-consumer,manifold-active-plan,manifold-badge,manifold-connection,manifold-cost-display,manifold-data-manage-button,manifold-data-product-logo,manifold-data-product-name,manifold-data-provision-button,manifold-data-resource-list,manifold-icon,manifold-image-gallery,manifold-lazy-image,manifold-link-button,manifold-marketplace,manifold-marketplace-grid,manifold-number-input,manifold-plan-cost,manifold-plan-details,manifold-plan-menu,manifold-plan-selector,manifold-product,manifold-product-details,manifold-product-page,manifold-region-selector,manifold-resource-credentials,manifold-resource-details,manifold-resource-status,manifold-select,manifold-service-card,manifold-skeleton-img,manifold-skeleton-text,manifold-template-card,manifold-toast,manifold-toggle,manifold-tooltip",HTMLElement.prototype);

dist/types/components.d.ts

@@ -658,5 +658,5 @@ /* tslint:disable */
     /**
-    * ID of resource
+    * Which resource does this belong to?
     */
-    'resourceId': string;
+    'resourceName': string;
   }
@@ -669,5 +669,5 @@ interface ManifoldResourceDetailsAttributes extends StencilHTMLAttributes {
     /**
-    * ID of resource
+    * Which resource does this belong to?
     */
-    'resourceId'?: string;
+    'resourceName'?: string;
   }
@@ -674,0 +674,0 @@

dist/types/components/manifold-resource-details/components/FeatureDisplay.d.ts

 import { FunctionalComponent } from '../../../stencil.core';
-export declare const FeatureDisplay: FunctionalComponent;
+interface FeatureDisplayProps {
+    value?: boolean | number | string;
+}
+export declare const FeatureDisplay: FunctionalComponent<FeatureDisplayProps>;
+export {};

dist/types/components/manifold-resource-details/components/LockedFeature.d.ts

 import { FunctionalComponent } from '../../../stencil.core';
-export declare const LockedFeature: FunctionalComponent;
+interface LockedFeatureProps {
+    value?: boolean | number | string;
+}
+export declare const LockedFeature: FunctionalComponent<LockedFeatureProps>;
+export {};

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

@@ -7,8 +7,9 @@ import '../../stencil.core';
     connection: Connection;
-    /** ID of resource */
-    resourceId: string;
-    resource?: Marketplace.Resource;
-    plan?: Catalog.ExpandedPlan;
+    /** Which resource does this belong to? */
+    resourceName: string;
+    resource?: Gateway.Resource;
+    resourceChange(newName: string): void;
+    fetchResource(resourceName: string): Promise<void>;
     componentWillLoad(): Promise<void>;
-    render(): JSX.Element | null;
+    render(): JSX.Element;
 }

dist/web-components.json

@@ -591,4 +591,4 @@ {
         {
-          "label": "resource-id",
-          "description": "ID of resource",
+          "label": "resource-name",
+          "description": "Which resource does this belong to?",
           "required": false
@@ -595,0 +595,0 @@ }

package.json

@@ -54,3 +54,3 @@ {
   },
-  "version": "0.0.17-alpha.6"
+  "version": "0.0.17-alpha.7"
 }

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

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

2063865

increased by0.95%

Lines of code

22028

increased by0.86%

Number of medium supply chain risk alerts

218

decreased by-3.96%

No dependency changes